diff --git a/docs/errors/OXDT0004.md b/docs/errors/OXDT0004.md
new file mode 100644
index 000000000..b284d5298
--- /dev/null
+++ b/docs/errors/OXDT0004.md
@@ -0,0 +1,24 @@
+---
+outline: deep
+---
+# OXDT0004: Oxlint Config Inspection Failed
+
+## Message
+
+> Failed to inspect Oxlint config "`{configPath}`": `{reason}`
+
+## Cause
+
+The inspected config is outside the workspace, uses an unsupported format, cannot be loaded, or Oxlint did not return its built-in rule categories.
+
+## Example
+
+The RPC receives `../oxlint.config.ts` or an `oxlint.config.mts` file that the inspector cannot process.
+
+## Fix
+
+Select a supported Oxlint config inside the workspace and verify that Oxlint can read its rules.
+
+## Source
+
+- [`packages/oxc/src/node/rpc/functions/oxlint-inspect-config.ts`](https://github.com/vitejs/devtools/blob/main/packages/oxc/src/node/rpc/functions/oxlint-inspect-config.ts) — validates the config path and builds the complete rule configuration overview.
diff --git a/docs/errors/index.md b/docs/errors/index.md
index 9f3864e08..4c865edb8 100644
--- a/docs/errors/index.md
+++ b/docs/errors/index.md
@@ -77,3 +77,4 @@ Emitted by `@vitejs/devtools-oxc`.
 | [OXDT0001](./OXDT0001) | error | Failed to Create Lint Result |
 | [OXDT0002](./OXDT0002) | error | Invalid Lint Result ID |
 | [OXDT0003](./OXDT0003) | error | Failed to Delete Lint Result |
+| [OXDT0004](./OXDT0004) | error | Oxlint Config Inspection Failed |
diff --git a/packages/oxc/README.md b/packages/oxc/README.md
index 5e35544f2..7513115a9 100644
--- a/packages/oxc/README.md
+++ b/packages/oxc/README.md
@@ -3,3 +3,8 @@
 DevTools for Oxc — a built-in Vite DevTools integration that inspects the Oxc toolchain (oxlint and oxfmt).
 
 📖 [Documentation](https://devtools.vite.dev/oxc/)
+
+# Credits
+
+- [nelsonlaidev/oxlint-config-inspector](https://github.com/nelsonlaidev/oxlint-config-inspector)
+- [eslint/config-inspector](https://github.com/eslint/config-inspector)
diff --git a/packages/oxc/package.json b/packages/oxc/package.json
index 4993ad8ef..999a1da17 100644
--- a/packages/oxc/package.json
+++ b/packages/oxc/package.json
@@ -41,6 +41,7 @@
     "prepack": "pnpm build"
   },
   "dependencies": {
+    "@oxlint-config-inspector/core": "catalog:deps",
     "@vitejs/devtools-kit": "workspace:*",
     "cac": "catalog:deps",
     "devframe": "catalog:deps",
diff --git a/packages/oxc/src/app/components/SummaryCard.vue b/packages/oxc/src/app/components/SummaryCard.vue
index 8b65c0416..74326fe12 100644
--- a/packages/oxc/src/app/components/SummaryCard.vue
+++ b/packages/oxc/src/app/components/SummaryCard.vue
@@ -69,9 +69,16 @@ const configFiles = computed<OxcConfigFile[]>(() => {
               </button>
             </template>
             <template #title>
-              <div class="flex items-center gap-1">
+              <div class="flex items-center gap-2">
                 <DisplayFileIcon class="flex-none" :filename="configFile.path" />
                 <div>{{ configFile.path }}</div>
+                <NuxtLink
+                  :to="{ path: '/oxlint/config', query: { config: configFile.path } }"
+                  class="btn-action-sm ml-2"
+                >
+                  Inspect config
+                  <span class="i-ph-arrow-right" />
+                </NuxtLink>
               </div>
             </template>
             <div class="w-150 max-w-full font-mono">
diff --git a/packages/oxc/src/app/components/config/ConfigOptionSelectGroup.vue b/packages/oxc/src/app/components/config/ConfigOptionSelectGroup.vue
new file mode 100644
index 000000000..18bbc40f3
--- /dev/null
+++ b/packages/oxc/src/app/components/config/ConfigOptionSelectGroup.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+defineProps<{
+  options: readonly string[]
+  titles?: readonly string[]
+  classes?: readonly string[]
+}>()
+
+const value = defineModel<string>({ required: true })
+</script>
+
+<template>
+  <fieldset class="inline-flex flex-wrap gap-1 of-hidden text-sm">
+    <label
+      v-for="(option, index) in options"
+      :key="option"
+      class="relative cursor-pointer border border-base rounded-full px2.5 py0.5 hover:bg-active"
+      :class="option === value ? 'bg-active' : 'saturate-0 hover:saturate-100'"
+    >
+      <span
+        :class="[
+          option === value ? '' : 'op50',
+          titles?.[index] ? '' : 'capitalize',
+          classes?.[index] ?? '',
+        ]"
+      >
+        <slot :value="option" :title="titles?.[index]">
+          {{ titles?.[index] ?? option }}
+        </slot>
+      </span>
+      <input
+        v-model="value"
+        type="radio"
+        :value="option"
+        class="absolute inset-0 cursor-pointer op0"
+      />
+    </label>
+  </fieldset>
+</template>
diff --git a/packages/oxc/src/app/components/config/ConfigOverrides.vue b/packages/oxc/src/app/components/config/ConfigOverrides.vue
new file mode 100644
index 000000000..2ef76078a
--- /dev/null
+++ b/packages/oxc/src/app/components/config/ConfigOverrides.vue
@@ -0,0 +1,183 @@
+<script setup lang="ts">
+import type { InspectConfigResult } from '@oxlint-config-inspector/core'
+import DisplayBadge from '@vitejs/devtools-ui/components/Display/DisplayBadge.vue'
+import DisplayNumberBadge from '@vitejs/devtools-ui/components/Display/DisplayNumberBadge.vue'
+import VisualEmptyState from '@vitejs/devtools-ui/components/Visual/VisualEmptyState.vue'
+import { getPluginColor } from '@vitejs/devtools-ui/utils/color'
+import { computed } from 'vue'
+
+const emit = defineEmits<{
+  selectRule: [ruleId: string]
+}>()
+
+const props = defineProps<{
+  config: InspectConfigResult
+}>()
+
+const rulesById = computed(() => new Map(props.config.rules.map(rule => [rule.ruleId, rule])))
+</script>
+
+<template>
+  <VisualEmptyState
+    v-if="config.overrideGroups.length === 0"
+    icon="i-ph-files-duotone"
+    title="No overrides"
+    description="No override configuration was found."
+  />
+  <div v-else class="flex flex-col gap-2">
+    <details
+      v-for="group in config.overrideGroups"
+      :key="group.index"
+      class="bg-base border border-base rounded"
+    >
+      <summary
+        class="flex cursor-pointer list-none items-center gap-4 px2 py1 font-mono text-sm hover:bg-active"
+      >
+        <span class="w-8 flex-none text-right text-xs op50">#{{ group.index + 1 }}</span>
+        <span class="min-w-0 flex flex-1 items-center gap-2" :title="group.files.join(', ')">
+          <span class="truncate">{{ group.files[0] }}</span>
+          <span v-if="group.files.length > 1" class="flex-none text-xs op50">
+            +{{ group.files.length - 1 }}
+          </span>
+        </span>
+        <span class="flex items-center gap-3 text-xs">
+          <span
+            class="flex items-center gap-1"
+            :class="group.files.length > 1 ? 'text-yellow-600 dark:text-yellow-400' : 'op25'"
+          >
+            <span class="i-ph-file-search-duotone" />
+            <DisplayNumberBadge :number="group.files.length" color="" />
+          </span>
+          <span
+            class="flex items-center gap-1"
+            :class="(group.plugins?.length ?? 0) > 1 ? 'text-teal-600 dark:text-teal-400' : 'op25'"
+          >
+            <span class="i-ph-plugs-duotone" />
+            <DisplayNumberBadge :number="group.plugins?.length ?? 0" color="" />
+          </span>
+          <span
+            class="flex items-center gap-1"
+            :class="group.rules.length > 1 ? 'text-blue-600 dark:text-blue-400' : 'op25'"
+          >
+            <span class="i-ph-list-bullets-duotone" />
+            <DisplayNumberBadge :number="group.rules.length" color="" />
+          </span>
+        </span>
+      </summary>
+
+      <div class="grid gap-4 border-t border-base p4">
+        <div class="flex items-start gap-2">
+          <span class="i-ph-file-search-duotone my1 flex-none" />
+          <div class="flex flex-col gap-2">
+            <div>Applies to files matching</div>
+            <div class="flex flex-wrap items-center gap-2">
+              <DisplayBadge
+                v-for="file in group.files"
+                :key="file"
+                :text="file"
+                :color="false"
+                size="md"
+                class="inline-flex items-center border border-base bg-transparent px2 py1 text-sm leading-none font-mono"
+              />
+            </div>
+          </div>
+        </div>
+
+        <div v-if="group.excludeFiles?.length" class="flex items-start gap-2">
+          <span class="i-ph-eye-closed-duotone my1 flex-none" />
+          <div class="flex flex-col gap-2">
+            <div>Exclude</div>
+            <div class="flex flex-wrap items-center gap-2">
+              <DisplayBadge
+                v-for="file in group.excludeFiles"
+                :key="file"
+                :text="file"
+                :color="false"
+                size="md"
+                class="inline-flex items-center border border-base bg-transparent px2 py1 text-sm leading-none font-mono"
+              />
+            </div>
+          </div>
+        </div>
+
+        <div v-if="group.plugins?.length" class="flex items-start gap-2">
+          <span class="i-ph-plugs-duotone my1 flex-none" />
+          <div class="flex flex-col gap-2">
+            <div>Plugins ({{ group.plugins.length }})</div>
+            <div class="flex flex-wrap items-center gap-2">
+              <DisplayBadge
+                v-for="plugin in group.plugins"
+                :key="plugin"
+                :text="plugin"
+                size="md"
+                class="px3 py1 text-sm leading-none font-mono"
+              />
+            </div>
+          </div>
+        </div>
+
+        <div v-if="group.rules.length" class="flex items-start gap-2">
+          <span class="i-ph-list-bullets-duotone my1 flex-none" />
+          <div class="min-w-0 flex flex-1 flex-col gap-2">
+            <div>Rules ({{ group.rules.length }})</div>
+            <div
+              class="grid grid-cols-[max-content_max-content_max-content_minmax(20rem,1fr)] items-center gap-x-3 gap-y-2 of-x-auto"
+            >
+              <button
+                v-for="rule in group.rules"
+                :key="rule.ruleId"
+                type="button"
+                class="col-span-4 grid grid-cols-subgrid items-center text-left focus-visible:bg-active outline-none cursor-pointer"
+                @click="emit('selectRule', rule.ruleId)"
+              >
+                <span
+                  :class="{
+                    'i-ph-warning-circle-duotone color-scale-critical': rule.severity === 'error',
+                    'i-ph-warning-duotone color-scale-medium': rule.severity === 'warn',
+                    'i-ph-circle-half-tilt-duotone op-fade': rule.severity === 'off',
+                    'i-ph-question-duotone op-fade': rule.severity === 'unknown',
+                  }"
+                  :title="rule.severity"
+                />
+                <span class="ws-nowrap border border-base rounded py-1 px-2 font-mono">
+                  <span
+                    v-if="rulesById.get(rule.ruleId)?.pluginName"
+                    :style="{
+                      color: getPluginColor(rulesById.get(rule.ruleId)!.pluginName!),
+                    }"
+                  >
+                    {{ rulesById.get(rule.ruleId)!.pluginName }}
+                  </span>
+                  <span v-if="rulesById.get(rule.ruleId)?.pluginName" class="op-fade">/</span>
+                  <span>{{ rulesById.get(rule.ruleId)?.name ?? rule.ruleId }}</span>
+                </span>
+                <span class="grid grid-cols-2 items-center gap-1 op-fade">
+                  <span
+                    v-if="rulesById.get(rule.ruleId)?.recommended"
+                    class="i-ph-check-square-duotone"
+                    title="Recommended"
+                  />
+                  <span v-else />
+                  <span
+                    v-if="rulesById.get(rule.ruleId)?.fixable"
+                    class="i-ph-wrench-duotone"
+                    title="Fixable"
+                  />
+                  <span v-else />
+                </span>
+                <span class="truncate op-fade">
+                  {{
+                    rulesById.get(rule.ruleId)?.description ??
+                    rulesById.get(rule.ruleId)?.category ??
+                    '-'
+                  }}
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+        <p v-else class="text-sm op-fade">No rules configured for this override.</p>
+      </div>
+    </details>
+  </div>
+</template>
diff --git a/packages/oxc/src/app/components/config/ConfigOverview.vue b/packages/oxc/src/app/components/config/ConfigOverview.vue
new file mode 100644
index 000000000..e4b887c90
--- /dev/null
+++ b/packages/oxc/src/app/components/config/ConfigOverview.vue
@@ -0,0 +1,109 @@
+<script setup lang="ts">
+import type { InspectConfigResult } from '@oxlint-config-inspector/core'
+import type { OxcConfigFile } from '../../../types'
+import ContainerCard from '@vitejs/devtools-ui/components/Container/ContainerCard.vue'
+import { computed } from 'vue'
+
+const props = defineProps<{
+  config: InspectConfigResult
+  configFiles: OxcConfigFile[]
+}>()
+
+const selectedPath = defineModel<string>('selectedPath', { required: true })
+const selectedConfig = computed(() =>
+  props.configFiles.find(file => file.path === selectedPath.value),
+)
+
+const metrics = computed(
+  () =>
+    [
+      ['Total rules', props.config.stats.totalRules, 'i-ph-list-numbers-duotone'],
+      ['Enabled rules', props.config.stats.enabledRules, 'i-ph-list-checks-duotone'],
+      ['Configured rules', props.config.stats.configuredRules, 'i-ph-sliders-duotone'],
+      ['Override rules', props.config.stats.overrideRules, 'i-ph-files-duotone'],
+      ['Builtin rules', props.config.stats.builtinRules, 'i-ph-package-duotone'],
+      ['JS plugin rules', props.config.stats.jsPluginRules, 'i-ph-plugs-duotone'],
+      ['Recommended', props.config.stats.recommendedRules, 'i-ph-check-square-duotone'],
+      ['Fixable', props.config.stats.fixableRules, 'i-ph-wrench-duotone'],
+      ['Unknown rules', props.config.stats.unknownRules, 'i-ph-question-duotone'],
+      ['Deprecated', props.config.stats.deprecatedRules, 'i-ph-prohibit-inset-duotone'],
+      ['Plugin errors', props.config.pluginErrors.length, 'i-ph-warning-circle-duotone'],
+    ] as const,
+)
+</script>
+
+<template>
+  <div class="grid gap-4">
+    <ContainerCard v-if="config.pluginErrors.length">
+      <template #header>
+        <h2 class="flex items-center gap-2 font-medium">
+          <span class="i-ph-warning-duotone color-scale-critical" />
+          Plugin load errors
+        </h2>
+      </template>
+      <div class="grid gap-3 p4">
+        <div
+          v-for="pluginError in config.pluginErrors"
+          :key="`${pluginError.specifier}:${pluginError.message}`"
+          class="border border-base rounded p3"
+        >
+          <code class="font-medium">{{ pluginError.specifier }}</code>
+          <p class="mt2 text-sm op-fade">{{ pluginError.message }}</p>
+        </div>
+      </div>
+    </ContainerCard>
+
+    <section class="grid gap-2">
+      <div
+        class="border border-base rounded p4 grid grid-cols-[max-content_160px_2fr] gap-2 items-center"
+      >
+        <template v-for="[label, value, icon] in metrics" :key="label">
+          <div :class="icon" />
+          <div>{{ label }}</div>
+          <div>{{ value }}</div>
+        </template>
+      </div>
+    </section>
+
+    <ContainerCard>
+      <template #header>
+        <label class="block">
+          <span class="relative block">
+            <select
+              v-model="selectedPath"
+              :title="selectedPath"
+              aria-label="Config"
+              class="w-full appearance-none pl7 pr8 font-mono bg-transparent color-base outline-none"
+            >
+              <option v-for="file in configFiles" :key="file.path" :value="file.path">
+                {{ file.path }}
+              </option>
+            </select>
+            <span
+              class="i-ph-file-code-duotone pointer-events-none absolute left-0 top-1/2 translate-y--1/2 op60"
+            />
+            <span
+              class="i-ph-caret-down pointer-events-none absolute right-0 top-1/2 translate-y--1/2 op60"
+            />
+          </span>
+        </label>
+      </template>
+      <div
+        v-if="selectedConfig"
+        class="config-code max-h-96 overflow-auto bg-code p4 font-mono text-sm"
+      >
+        <Shiki :code="selectedConfig.content" :ext="`.${selectedConfig.format}`" />
+      </div>
+    </ContainerCard>
+  </div>
+</template>
+
+<style scoped>
+.config-code {
+  scrollbar-width: none;
+}
+
+.config-code::-webkit-scrollbar {
+  display: none;
+}
+</style>
diff --git a/packages/oxc/src/app/components/config/ConfigRuleDetails.vue b/packages/oxc/src/app/components/config/ConfigRuleDetails.vue
new file mode 100644
index 000000000..58068fe18
--- /dev/null
+++ b/packages/oxc/src/app/components/config/ConfigRuleDetails.vue
@@ -0,0 +1,112 @@
+<script setup lang="ts">
+import type { InspectedOverrideGroup, InspectedRule } from '@oxlint-config-inspector/core'
+import ContainerCard from '@vitejs/devtools-ui/components/Container/ContainerCard.vue'
+import DisplayBadge from '@vitejs/devtools-ui/components/Display/DisplayBadge.vue'
+import { computed } from 'vue'
+import { createRuleUsageConfigs, getUsageLocation } from '../../utils/config-inspector'
+
+const props = defineProps<{
+  rule: InspectedRule
+  overrideGroups: InspectedOverrideGroup[]
+}>()
+
+const details = computed(
+  () =>
+    [
+      ['Name', props.rule.name],
+      ['Plugin', props.rule.pluginName ?? '-'],
+      ['Description', props.rule.description ?? '-'],
+      ['Type / category', props.rule.ruleType ?? props.rule.category ?? '-'],
+      ['Recommended', String(props.rule.recommended)],
+      ['Fixable', String(props.rule.fixable)],
+      ['Type aware', props.rule.typeAware === undefined ? 'unknown' : String(props.rule.typeAware)],
+      ['Has suggestions', String(props.rule.hasSuggestions)],
+      ['Deprecated', String(props.rule.deprecated)],
+      ['Replaced by', props.rule.replacedBy.join(', ') || '-'],
+      ['Used', String(props.rule.used)],
+      ['Overloaded', String(props.rule.overloaded)],
+      ['Aliases', props.rule.aliases.join(', ') || '-'],
+    ] as const,
+)
+
+const usageConfigs = computed(() => createRuleUsageConfigs(props.rule, props.overrideGroups))
+</script>
+
+<template>
+  <div class="grid w-[min(80vw,48rem)] max-w-full gap-5">
+    <section>
+      <h3 class="mb3 font-medium">Details</h3>
+      <ContainerCard>
+        <dl class="grid grid-cols-[160px_2fr] items-center gap-2 p4">
+          <template v-for="[label, value] in details" :key="label">
+            <dt>{{ label }}</dt>
+            <dd class="break-words">{{ value }}</dd>
+          </template>
+        </dl>
+      </ContainerCard>
+    </section>
+
+    <section>
+      <h3 class="mb3 font-medium">Usage</h3>
+      <p v-if="usageConfigs.length === 0" class="text-sm op-fade">
+        No default, root, or override usage config applies to this rule.
+      </p>
+      <div v-else class="grid gap-3">
+        <ContainerCard
+          v-for="usage in usageConfigs"
+          :key="`${usage.source}:${usage.index ?? 'root'}:${usage.ruleId}`"
+        >
+          <template #header>
+            <div class="flex flex-wrap items-center gap-2 text-sm">
+              <span>Set to</span>
+              <DisplayBadge :text="usage.severity" />
+              <span>in {{ getUsageLocation(usage) }}</span>
+            </div>
+          </template>
+          <div class="grid gap-3 p4">
+            <dl v-if="usage.files" class="grid items-center gap-2 sm:grid-cols-[max-content_1fr]">
+              <dt class="op-fade">Files</dt>
+              <dd class="flex flex-wrap items-center gap-1">
+                <DisplayBadge
+                  v-for="file in usage.files"
+                  :key="file"
+                  :text="file"
+                  :color="false"
+                  size="md"
+                  class="inline-flex items-center border border-base bg-transparent px2 py1 text-sm leading-none font-mono"
+                />
+              </dd>
+              <template v-if="usage.excludeFiles?.length">
+                <dt class="op-fade">Exclude</dt>
+                <dd class="flex flex-wrap items-center gap-1">
+                  <DisplayBadge
+                    v-for="file in usage.excludeFiles"
+                    :key="file"
+                    :text="file"
+                    :color="false"
+                    size="md"
+                    class="inline-flex items-center border border-base bg-transparent px2 py1 text-sm leading-none font-mono"
+                  />
+                </dd>
+              </template>
+            </dl>
+            <p v-else class="text-sm op-fade">Applied generally for all files.</p>
+
+            <div v-if="usage.options.length">
+              <div class="mb2 text-sm op-fade">Configured options</div>
+              <div class="of-x-auto rounded bg-code p3 font-mono text-sm">
+                <Shiki :code="JSON.stringify(usage.options, null, 2)" ext=".json" />
+              </div>
+            </div>
+            <div v-if="rule.defaultOptions && Object.keys(rule.defaultOptions).length">
+              <div class="mb2 text-sm op-fade">Default options</div>
+              <div class="of-x-auto rounded bg-code p3 font-mono text-sm">
+                <Shiki :code="JSON.stringify(rule.defaultOptions, null, 2)" ext=".json" />
+              </div>
+            </div>
+          </div>
+        </ContainerCard>
+      </div>
+    </section>
+  </div>
+</template>
diff --git a/packages/oxc/src/app/components/config/ConfigRules.vue b/packages/oxc/src/app/components/config/ConfigRules.vue
new file mode 100644
index 000000000..8422a3823
--- /dev/null
+++ b/packages/oxc/src/app/components/config/ConfigRules.vue
@@ -0,0 +1,266 @@
+<script setup lang="ts">
+import type { InspectConfigResult, InspectedRule } from '@oxlint-config-inspector/core'
+import { computed, ref, watch } from 'vue'
+import {
+  filterRules,
+  getRuleCategoryFilters,
+  getRulePluginFilters,
+  RULE_STATE_FILTERS,
+  RULE_USAGE_FILTERS,
+} from '../../utils/config-inspector'
+import type {
+  RuleCategoryFilter,
+  RulePluginFilter,
+  RuleStateFilter,
+  RuleUsageFilter,
+} from '../../utils/config-inspector'
+import ConfigOptionSelectGroup from './ConfigOptionSelectGroup.vue'
+
+const props = defineProps<{
+  config: InspectConfigResult
+}>()
+const emit = defineEmits<{
+  selectRule: [ruleId: string]
+}>()
+
+const query = ref('')
+const category = ref<RuleCategoryFilter>('all')
+const plugin = ref<RulePluginFilter>('all')
+const usage = ref<RuleUsageFilter>('using')
+const state = ref<RuleStateFilter>('active')
+
+const pluginFilters = computed(() =>
+  getRulePluginFilters(props.config.rules, {
+    category: category.value,
+    query: query.value,
+    state: state.value,
+    usage: usage.value,
+  }),
+)
+const categoryFilters = computed(() =>
+  getRuleCategoryFilters(props.config.rules, {
+    plugin: plugin.value,
+    query: query.value,
+    state: state.value,
+    usage: usage.value,
+  }),
+)
+const categoryTitles = computed(() =>
+  categoryFilters.value.map(value => (value === 'all' ? 'All' : value)),
+)
+const pluginTitles = computed(() =>
+  pluginFilters.value.map(value => (value === 'all' ? 'All' : value)),
+)
+const usageTitles = ['All', 'Using', 'Unused', 'Error', 'Warn', 'Off', 'Overloaded', 'Off Only']
+const stateTitles = ['All', 'Active', 'Recommended', 'Fixable', 'Deprecated']
+
+watch(pluginFilters, filters => {
+  if (!filters.includes(plugin.value)) plugin.value = 'all'
+})
+watch(categoryFilters, filters => {
+  if (!filters.includes(category.value)) category.value = 'all'
+})
+
+const filteredRules = computed(() =>
+  filterRules(props.config.rules, {
+    category: category.value,
+    plugin: plugin.value,
+    query: query.value,
+    state: state.value,
+    usage: usage.value,
+  }),
+)
+
+const hasActiveFilters = computed(
+  () =>
+    query.value !== '' ||
+    category.value !== 'all' ||
+    plugin.value !== 'all' ||
+    usage.value !== 'using' ||
+    state.value !== 'active',
+)
+
+function clearFilters() {
+  query.value = ''
+  category.value = 'all'
+  plugin.value = 'all'
+  usage.value = 'using'
+  state.value = 'active'
+}
+
+function showRule(rule: InspectedRule) {
+  emit('selectRule', rule.ruleId)
+}
+</script>
+
+<template>
+  <div class="grid gap-5">
+    <div class="relative flex">
+      <input
+        v-model="query"
+        :class="{ 'font-mono': query }"
+        class="w-full border border-base rounded-full bg-transparent px3 py2 pl10 outline-none"
+        aria-label="Search rules"
+        placeholder="Search rules..."
+      />
+      <span
+        class="i-ph-magnifying-glass-duotone pointer-events-none absolute left-4 top-1/2 translate-y--1/2 op-fade"
+      />
+      <button
+        v-if="query"
+        type="button"
+        class="i-lucide-circle-x absolute right-4 top-1/2 translate-y--1/2 op50 cursor-pointer hover:op100"
+        aria-label="Clear search"
+        @click="query = ''"
+      />
+    </div>
+
+    <div class="grid gap-3">
+      <div class="grid gap-2 sm:grid-cols-[5rem_1fr] sm:items-start">
+        <span class="text-right text-sm leading-7 op-fade">Categories</span>
+        <ConfigOptionSelectGroup
+          v-model="category"
+          :options="categoryFilters"
+          :titles="categoryTitles"
+          :classes="categoryFilters.map(value => (value === 'all' ? '' : 'font-mono'))"
+        />
+      </div>
+      <div class="grid gap-2 sm:grid-cols-[5rem_1fr] sm:items-start">
+        <span class="text-right text-sm leading-7 op-fade">Plugins</span>
+        <ConfigOptionSelectGroup
+          v-model="plugin"
+          :options="pluginFilters"
+          :titles="pluginTitles"
+          :classes="pluginFilters.map(value => (value === 'all' ? '' : 'font-mono'))"
+        />
+      </div>
+      <div class="grid gap-2 sm:grid-cols-[5rem_1fr] sm:items-start">
+        <span class="text-right text-sm leading-7 op-fade">Usage</span>
+        <ConfigOptionSelectGroup
+          v-model="usage"
+          :options="RULE_USAGE_FILTERS"
+          :titles="usageTitles"
+        >
+          <template #default="{ value, title }">
+            <span class="flex items-center gap-1">
+              <span
+                v-if="value === 'error' || value === 'overloaded'"
+                class="i-ph-x-circle-duotone color-scale-critical"
+              />
+              <span
+                v-if="value === 'warn' || value === 'overloaded'"
+                class="i-ph-warning-duotone color-scale-medium"
+              />
+              <span
+                v-if="value === 'off' || value === 'off-only' || value === 'overloaded'"
+                class="i-ph-minus-circle-duotone"
+              />
+              {{ title }}
+            </span>
+          </template>
+        </ConfigOptionSelectGroup>
+      </div>
+      <div class="grid gap-2 sm:grid-cols-[5rem_1fr] sm:items-start">
+        <span class="text-right text-sm leading-7 op-fade">State</span>
+        <ConfigOptionSelectGroup
+          v-model="state"
+          :options="RULE_STATE_FILTERS"
+          :titles="stateTitles"
+        >
+          <template #default="{ value, title }">
+            <span class="flex items-center gap-1">
+              <span
+                v-if="value === 'recommended'"
+                class="i-ph-check-square-duotone color-scale-low"
+              />
+              <span v-if="value === 'fixable'" class="i-ph-wrench-duotone color-scale-medium" />
+              <span v-if="value === 'deprecated'" class="i-ph-prohibit-inset-duotone" />
+              {{ title }}
+            </span>
+          </template>
+        </ConfigOptionSelectGroup>
+      </div>
+    </div>
+
+    <div class="flex flex-wrap items-center gap-2">
+      <div class="flex items-center gap-2 border border-base rounded-full bg-active px3 py1">
+        <span class="i-ph-list-checks-duotone" />
+        <span>{{ filteredRules.length }}</span>
+        <span>rules {{ hasActiveFilters ? 'filtered' : 'enabled' }}</span>
+        <span class="text-sm op-fade">out of {{ config.stats.totalRules }} rules</span>
+      </div>
+      <button
+        v-if="hasActiveFilters"
+        type="button"
+        class="flex items-center gap-2 border border-active rounded-full bg-active px3 py1"
+        @click="clearFilters"
+      >
+        <span class="i-ph-funnel-duotone color-active" />
+        <span class="op-fade">Clear Filter</span>
+        <span class="i-ph-x ml--1 text-sm op-fade" />
+      </button>
+    </div>
+
+    <div class="of-x-auto">
+      <table class="w-full text-left">
+        <thead class="border-b border-base text-sm op-fade">
+          <tr>
+            <th class="px3 py2 font-medium">Status</th>
+            <th class="px3 py2 font-medium">Rule</th>
+            <th class="px3 py2 font-medium">Meta</th>
+            <th class="px3 py2 font-medium">Description</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr
+            v-for="rule in filteredRules"
+            :key="rule.ruleId"
+            tabindex="0"
+            class="border-b border-base cursor-pointer last:border-b-0 hover:bg-active focus-visible:bg-active outline-none"
+            @click="showRule(rule)"
+            @keydown.enter="showRule(rule)"
+          >
+            <td class="px3 py2">
+              <span class="flex items-center gap-1">
+                <span
+                  v-for="severity in rule.severityStates"
+                  :key="severity"
+                  :class="{
+                    'i-ph-x-circle-duotone color-scale-critical': severity === 'error',
+                    'i-ph-warning-duotone color-scale-medium': severity === 'warn',
+                    'i-ph-minus-circle-duotone op-fade': severity === 'off',
+                  }"
+                  :title="severity"
+                />
+              </span>
+            </td>
+            <td class="px3 py2 font-mono">{{ rule.ruleId }}</td>
+            <td class="px3 py2">
+              <span class="flex items-center gap-1 op-fade">
+                <span
+                  v-if="rule.recommended"
+                  class="i-ph-check-square-duotone"
+                  title="Recommended"
+                />
+                <span v-if="rule.fixable" class="i-ph-wrench-duotone" title="Fixable" />
+                <span
+                  v-if="rule.deprecated"
+                  class="i-ph-warning-circle-duotone color-deprecated"
+                  title="Deprecated"
+                />
+              </span>
+            </td>
+            <td class="max-w-md truncate px3 py2 op-fade">
+              {{ rule.description ?? rule.category ?? '-' }}
+            </td>
+          </tr>
+          <tr v-if="filteredRules.length === 0">
+            <td colspan="4" class="px3 py10 text-center op-fade">
+              No rules match the current filters.
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</template>
diff --git a/packages/oxc/src/app/pages/index.vue b/packages/oxc/src/app/pages/index.vue
index e5ee4ab75..1339b645b 100644
--- a/packages/oxc/src/app/pages/index.vue
+++ b/packages/oxc/src/app/pages/index.vue
@@ -47,7 +47,7 @@ const tools = computed(() => {
     ...(oxlint.installed
       ? [
           { title: 'Lint Inspector', icon: 'i-ph-magnifying-glass-duotone', to: '/oxlint/lint' },
-          // { title: 'Config Inspector', icon: 'i-ph-gear-duotone', to: '/oxlint/config' },
+          { title: 'Config Inspector', icon: 'i-ph-gear-duotone', to: '/oxlint/config' },
         ]
       : []),
     { title: 'Documents', icon: 'i-ph-book-open-duotone', to: '/oxlint/documents' },
diff --git a/packages/oxc/src/app/pages/oxlint.vue b/packages/oxc/src/app/pages/oxlint.vue
index 6a1f3dd62..1b37bbb45 100644
--- a/packages/oxc/src/app/pages/oxlint.vue
+++ b/packages/oxc/src/app/pages/oxlint.vue
@@ -13,11 +13,11 @@ useSideNav(() => [
     icon: 'i-ph-magnifying-glass-duotone',
     to: '/oxlint/lint',
   },
-  // {
-  //   title: 'Config Inspector',
-  //   icon: 'i-ph-gear-duotone',
-  //   to: '/oxlint/config',
-  // },
+  {
+    title: 'Config Inspector',
+    icon: 'i-ph-gear-duotone',
+    to: '/oxlint/config',
+  },
   {
     title: 'Documents',
     icon: 'i-ph-book-open-duotone',
@@ -31,7 +31,7 @@ useSideNav(() => [
     class="grid grid-cols-[max-content_1fr] h-screen w-screen max-w-screen max-h-screen of-hidden"
   >
     <PanelSideNav />
-    <div class="of-auto h-screen max-h-screen relative">
+    <div class="of-auto h-screen max-h-screen relative" style="scrollbar-gutter: stable">
       <NuxtPage />
     </div>
   </div>
diff --git a/packages/oxc/src/app/pages/oxlint/config.vue b/packages/oxc/src/app/pages/oxlint/config.vue
index 3ba01d625..77ba09bd3 100644
--- a/packages/oxc/src/app/pages/oxlint/config.vue
+++ b/packages/oxc/src/app/pages/oxlint/config.vue
@@ -1,289 +1,242 @@
 <script setup lang="ts">
-import type * as Monaco from 'modern-monaco/editor-core'
-import { parse, iterator } from '@humanwhocodes/momoa'
-import type { MemberNode, ObjectNode, StringNode } from '@humanwhocodes/momoa'
+import type { InspectedRule } from '@oxlint-config-inspector/core'
+import type { InspectorTab } from '../../utils/config-inspector'
+import { resolveSelectedConfigPath } from '../../utils/config-inspector'
+import ConfigOverview from '../../components/config/ConfigOverview.vue'
+import ConfigOverrides from '../../components/config/ConfigOverrides.vue'
+import ConfigRuleDetails from '../../components/config/ConfigRuleDetails.vue'
+import ConfigRules from '../../components/config/ConfigRules.vue'
+import DisplayBadge from '@vitejs/devtools-ui/components/Display/DisplayBadge.vue'
+import VisualEmptyState from '@vitejs/devtools-ui/components/Visual/VisualEmptyState.vue'
+import VisualLoading from '@vitejs/devtools-ui/components/Visual/VisualLoading.vue'
 import { useAsyncState } from '@vueuse/core'
-import { isDark } from '@vitejs/devtools-ui/composables/dark'
-import { applyMonacoTheme, createReadOnlyMonacoEditor, getMonaco } from '~/composables/monaco'
+import { computed, ref, watch } from 'vue'
+import { useRoute, useRouter } from '#app/composables/router'
 
 const rpc = useRpc()
-
-const { state: configData, isReady } = useAsyncState(
-  () => rpc.value.call('devtools-oxc:get-lint-config-file'),
-  null,
+const route = useRoute()
+const router = useRouter()
+const requestedPath = computed(() =>
+  typeof route.query.config === 'string' ? route.query.config : '',
 )
 
-const OXC_RULES_BASE = 'https://oxc.rs/docs/guide/usage/linter/rules'
-const CONFIG_REF_BASE = 'https://oxc.rs/docs/guide/usage/linter/config-file-reference.html'
-const DEFAULT_DOC_URL = 'https://oxc.rs/docs/guide/usage/linter.html'
-
-const CONFIG_SECTION_URLS = {
-  categories: `${CONFIG_REF_BASE}#categories`,
-  plugins: `${CONFIG_REF_BASE}#plugins`,
-  ignorePatterns: `${CONFIG_REF_BASE}#ignorepatterns`,
-  env: `${CONFIG_REF_BASE}#env`,
-  extends: `${CONFIG_REF_BASE}#extends`,
-  globals: `${CONFIG_REF_BASE}#globals`,
-  jsPlugins: `${CONFIG_REF_BASE}#jsplugins`,
-  overrides: `${CONFIG_REF_BASE}#overrides`,
-  settings: `${CONFIG_REF_BASE}#settings`,
-  $schema: `${CONFIG_REF_BASE}#schema`,
-} as const
-
-const editorRef = ref<HTMLDivElement | null>(null)
-const currentDocUrl = ref(DEFAULT_DOC_URL)
-const iframeLoading = ref(true)
-let monaco: typeof Monaco | null = null
-let editor: Monaco.editor.IStandaloneCodeEditor | null = null
-let model: Monaco.editor.ITextModel | null = null
-let cursorDisposable: Monaco.IDisposable | null = null
-
-interface RuleRange {
-  key: string
-  from: number
-  to: number
-}
-
-interface SectionRange {
-  from: number
-  to: number
-}
-
-interface ConfigRanges {
-  categories: SectionRange | null
-  plugins: SectionRange | null
-  ignorePatterns: SectionRange | null
-  env: SectionRange | null
-  extends: SectionRange | null
-  globals: SectionRange | null
-  jsPlugins: SectionRange | null
-  overrides: SectionRange | null
-  settings: SectionRange | null
-  rules: { from: number; to: number; members: RuleRange[] } | null
-  $schema: SectionRange | null
-}
-
-let configRanges: ConfigRanges | null = null
-
-function getMemberRange(member: MemberNode, content: string): { from: number; to: number } {
-  const keyRange = member.name.range ?? [member.name.loc.start.offset, member.name.loc.end.offset]
-  const valueRange = member.value.range ?? [
-    member.value.loc.start.offset,
-    member.value.loc.end.offset,
-  ]
-  const from = Math.min(keyRange[0], valueRange[0])
-  let to = Math.max(keyRange[1], valueRange[1])
-  const afterValue = content.slice(to)
-  const commaMatch = afterValue.match(/^\s*,/)
-  if (commaMatch) to += commaMatch[0].length
-  return { from, to }
-}
-
-function initConfigRanges(content: string) {
-  let ast: ReturnType<typeof parse>
-  try {
-    ast = parse(content, { ranges: true, mode: 'json5' })
-  } catch {
-    configRanges = null
-    return
-  }
-  const root = ast.body
-  if (root.type !== 'Object') return
-
-  const result: ConfigRanges = {
-    categories: null,
-    plugins: null,
-    ignorePatterns: null,
-    env: null,
-    extends: null,
-    globals: null,
-    jsPlugins: null,
-    overrides: null,
-    settings: null,
-    rules: null,
-    $schema: null,
-  }
-
-  const SECTION_KEYS = [
-    'categories',
-    'plugins',
-    'ignorePatterns',
-    'env',
-    'extends',
-    'globals',
-    'jsPlugins',
-    'overrides',
-    'settings',
-    '$schema',
-  ] as const
-
-  const rootObject = root as ObjectNode
-
-  for (const { node, parent } of iterator(ast, ({ phase }) => phase === 'enter')) {
-    if (node.type === 'Member') {
-      const member = node as MemberNode
-      const name =
-        member.name.type === 'String'
-          ? (member.name as StringNode).value
-          : (member.name as { name: string }).name
-
-      const { from, to } = getMemberRange(member, content)
+const {
+  state: configFiles,
+  isLoading: isLoadingFiles,
+  error: configFilesError,
+} = useAsyncState(() => rpc.value.call('devtools-oxc:get-config-files'), [])
+
+const supportedConfigs = computed(() =>
+  configFiles.value.filter(
+    file =>
+      file.tool === 'oxlint' &&
+      file.format !== 'mts' &&
+      file.format !== 'cts' &&
+      (file.source === 'oxc' || file.path.endsWith('vite.config.ts')),
+  ),
+)
 
-      if (parent !== rootObject) continue
+const selectedPath = ref('')
+watch(
+  [supportedConfigs, requestedPath],
+  ([files, requested]) => {
+    selectedPath.value = resolveSelectedConfigPath(
+      files.map(file => file.path),
+      requested,
+      selectedPath.value,
+    )
+  },
+  { immediate: true },
+)
+const missingConfig = computed(
+  () =>
+    !!requestedPath.value &&
+    !supportedConfigs.value.some(file => file.path === requestedPath.value),
+)
 
-      if (SECTION_KEYS.includes(name as (typeof SECTION_KEYS)[number]))
-        result[name as (typeof SECTION_KEYS)[number]] = { from, to }
-      else if (name === 'rules' && member.value.type === 'Object') {
-        const rulesObject = member.value as ObjectNode
-        const members: RuleRange[] = rulesObject.members.map(m => {
-          const key =
-            m.name.type === 'String'
-              ? (m.name as StringNode).value
-              : (m.name as { name: string }).name
-          const range = getMemberRange(m, content)
-          return { key, from: range.from, to: range.to }
-        })
-        result.rules = {
-          from,
-          to,
-          members,
-        }
-      }
-    }
-  }
+const {
+  state: config,
+  isLoading: isLoadingConfig,
+  error: configError,
+  execute: inspectConfig,
+} = useAsyncState(
+  () => rpc.value.call('devtools-oxc:inspect-lint-config', selectedPath.value),
+  null,
+  { immediate: false },
+)
 
-  configRanges = result
-}
+watch(
+  selectedPath,
+  path => {
+    config.value = null
+    if (path) inspectConfig()
+  },
+  { immediate: true },
+)
 
-function getRuleDocUrl(ruleKey: string): string {
-  const slash = ruleKey.indexOf('/')
-  const scope = slash === -1 ? 'eslint' : ruleKey.slice(0, slash).replace(/-/g, '_')
-  const value = slash === -1 ? ruleKey : ruleKey.slice(slash + 1)
-  return `${OXC_RULES_BASE}/${scope}/${value}.html`
+const tabs = [
+  ['overview', 'Overview', 'i-ph-stack-duotone'],
+  ['rules', 'Rules', 'i-ph-list-dashes-duotone'],
+  ['overrides', 'Overrides', 'i-ph-files-duotone'],
+] as const satisfies readonly (readonly [InspectorTab, string, string])[]
+const activeTab = ref<InspectorTab>('overview')
+const selectedRule = ref<InspectedRule | null>(null)
+const detailsOpen = ref(false)
+
+function showRule(ruleId: string) {
+  selectedRule.value = config.value?.rules.find(rule => rule.ruleId === ruleId) ?? null
+  detailsOpen.value = selectedRule.value !== null
 }
 
-function getDocUrlAtCursor(pos: number, content: string): string {
-  if (!configRanges) return DEFAULT_DOC_URL
-
-  const { rules, ...sections } = configRanges
-
-  for (const [key, range] of Object.entries(sections)) {
-    if (range && pos >= range.from && pos <= range.to) {
-      const url = CONFIG_SECTION_URLS[key as keyof typeof CONFIG_SECTION_URLS]
-      if (url) return url
-    }
-  }
-
-  if (rules && pos >= rules.from && pos <= rules.to) {
-    for (const { key, from, to } of rules.members) {
-      if (pos >= from && pos <= to) return getRuleDocUrl(key)
-    }
-    const lineFrom = content.lastIndexOf('\n', pos) + 1
-    const lineTo = content.indexOf('\n', pos)
-    const line = content.slice(lineFrom, lineTo === -1 ? content.length : lineTo)
-    const keyMatch = line.match(/"([^"]+)"\s*:/)
-    const ruleKey = keyMatch?.[1]
-    if (ruleKey) return getRuleDocUrl(ruleKey)
-  }
-
-  return DEFAULT_DOC_URL
-}
+watch(detailsOpen, open => {
+  if (!open) selectedRule.value = null
+})
 
-function updateDocUrlFromCursor() {
-  if (!editor || !model) return
-  const position = editor.getPosition()
-  if (!position) return
-  const content = model.getValue()
-  const pos = model.getOffsetAt(position)
-  const url = getDocUrlAtCursor(pos, content)
-  if (currentDocUrl.value !== url) {
-    currentDocUrl.value = url
-    iframeLoading.value = true
+watch(selectedPath, () => {
+  detailsOpen.value = false
+  if (selectedPath.value && route.query.config !== selectedPath.value) {
+    router.replace({
+      query: { ...route.query, config: selectedPath.value },
+    })
   }
-}
-
-const initialized = ref(false)
-
-async function initEditor() {
-  if (!editorRef.value || initialized.value || !isReady.value) return
-
-  const content = configData.value ?? '{}'
-  initConfigRanges(content)
-
-  // Claim the slot synchronously so the reactive watcher can't kick off a
-  // second init while `getMonaco` is awaited.
-  initialized.value = true
-
-  monaco = await getMonaco()
-
-  if (!editorRef.value) return
-
-  model = monaco.editor.createModel(content, 'json')
-  editor = createReadOnlyMonacoEditor(monaco, editorRef.value)
-  editor.setModel(model)
-
-  applyMonacoTheme(monaco)
-
-  cursorDisposable = editor.onDidChangeCursorPosition(() => updateDocUrlFromCursor())
-
-  updateDocUrlFromCursor()
-}
-
-watch([editorRef, isReady], () => initEditor(), { immediate: true })
-
-watch(isDark, () => {
-  if (monaco) applyMonacoTheme(monaco)
 })
 
-onBeforeUnmount(() => {
-  cursorDisposable?.dispose()
-  editor?.dispose()
-  model?.dispose()
-  editor = null
-  model = null
+const isLoading = computed(() => isLoadingFiles.value || isLoadingConfig.value)
+const error = computed(() => configFilesError.value ?? configError.value)
+const errorMessage = computed(() => {
+  const value = error.value
+  return value instanceof Error ? value.message : String(value)
 })
 </script>
 
 <template>
-  <div class="h-[calc(100vh-4rem)] max-w-7xl p4 mx-auto">
-    <Back to="/" />
-    <div class="flex flex-col lg:flex-row h-full border border-base rounded-lg of-hidden bg-base">
-      <div class="flex-1 min-h-0 min-w-0 border-b border-base lg:border-b-0 lg:border-r">
-        <div ref="editorRef" class="h-full min-h-200px lg:min-h-0" />
-      </div>
-      <div class="flex-1 min-h-200px lg:min-h-0 min-w-0 relative">
-        <iframe
-          :src="currentDocUrl"
-          class="w-full h-full border-0"
-          sandbox="allow-same-origin allow-scripts"
-          title="Rule documentation"
-          @load="iframeLoading = false"
-        />
-        <Transition
-          enter-active-class="transition-opacity duration-150"
-          enter-from-class="op0"
-          leave-active-class="transition-opacity duration-150"
-          leave-to-class="op0"
+  <div class="mx-auto max-w-7xl p6">
+    <Back />
+
+    <header
+      v-if="supportedConfigs.length"
+      class="mb4 flex flex-wrap items-end justify-between gap-4"
+    >
+      <nav
+        v-if="config"
+        class="flex flex-wrap items-center gap-3"
+        aria-label="Config inspector views"
+      >
+        <button
+          v-for="[value, label, icon] in tabs"
+          :key="value"
+          type="button"
+          class="btn-action flex-none px3! py1.5! text-base"
+          :class="{ 'btn-action-active': activeTab === value }"
+          :aria-pressed="activeTab === value"
+          @click="activeTab = value"
         >
-          <div
-            v-show="iframeLoading"
-            class="absolute inset-0 flex items-center justify-center bg-base pointer-events-none"
+          <span :class="icon" class="flex-none text-xl" />
+          {{ label }}
+        </button>
+      </nav>
+
+      <label v-if="activeTab !== 'overview' || missingConfig" class="ml-auto max-w-full">
+        <span class="relative max-w-full">
+          <select
+            v-model="selectedPath"
+            :disabled="isLoadingConfig"
+            :title="selectedPath"
+            aria-label="Config"
+            class="min-w-48 max-w-full appearance-none pl10 pr10 py2 text-sm font-mono rounded-lg bg-base color-base border border-base outline-none transition-all focus-visible:ring-3 focus-visible:ring-primary-500/30 disabled:op50 disabled:pointer-events-none"
+            style="field-sizing: content"
           >
-            <span
-              class="size-8 animate-spin rounded-full border-2 border-base border-t-primary-500"
-              aria-hidden="true"
-            />
+            <option v-if="missingConfig" value="" disabled>{{ requestedPath }} (missing)</option>
+            <option v-for="file in supportedConfigs" :key="file.path" :value="file.path">
+              {{ file.path }}
+            </option>
+          </select>
+          <span
+            class="i-ph-file-code-duotone pointer-events-none absolute left-3 top-1/2 translate-y--1/2 op60"
+          />
+          <span
+            class="i-ph-caret-down pointer-events-none absolute right-4 top-1/2 translate-y--1/2 op60"
+          />
+        </span>
+      </label>
+    </header>
+
+    <VisualLoading v-if="isLoading" text="Loading Oxlint config..." />
+
+    <VisualEmptyState
+      v-else-if="error"
+      icon="i-ph-warning-circle-duotone"
+      title="Could not load config"
+      :description="errorMessage"
+    />
+
+    <VisualEmptyState
+      v-else-if="missingConfig"
+      icon="i-ph-file-x-duotone"
+      title="Oxlint config not found"
+      :description="`${requestedPath} is no longer available in this workspace.`"
+    />
+
+    <VisualEmptyState
+      v-else-if="!selectedPath"
+      icon="i-ph-file-x-duotone"
+      title="No supported Oxlint config"
+      description="Add a supported Oxlint config to this workspace."
+    />
+
+    <template v-else-if="config">
+      <ConfigOverview
+        v-if="activeTab === 'overview'"
+        v-model:selected-path="selectedPath"
+        :config="config"
+        :config-files="supportedConfigs"
+      />
+      <ConfigRules
+        v-else-if="activeTab === 'rules'"
+        :key="selectedPath"
+        :config="config"
+        @select-rule="showRule"
+      />
+      <ConfigOverrides v-else :config="config" @select-rule="showRule" />
+    </template>
+
+    <div
+      v-if="detailsOpen && selectedRule && config"
+      class="fixed inset-0 backdrop-blur-8 backdrop-brightness-95 z-panel-content"
+      @click.self="detailsOpen = false"
+    >
+      <div
+        class="fixed right-0 bottom-0 top-20 w-full max-w-3xl z-panel-content bg-glass border-l border-t border-base rounded-tl-xl flex flex-col"
+      >
+        <header class="flex items-center justify-between gap-4 border-b border-base px5 py4">
+          <div>
+            <div class="flex items-center gap-2">
+              <div class="font-mono">{{ selectedRule.ruleId }}</div>
+              <a
+                v-if="selectedRule.docsUrl"
+                :href="selectedRule.docsUrl"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="btn-action-sm"
+              >
+                Docs
+                <span class="i-ph-arrow-square-out-duotone" />
+              </a>
+            </div>
+            <DisplayBadge :text="selectedRule.source" class="mt1 inline-flex" />
           </div>
-        </Transition>
+          <button type="button" class="btn-icon" aria-label="Close" @click="detailsOpen = false">
+            <span class="i-ph-x" />
+          </button>
+        </header>
+        <div class="of-auto p6">
+          <ConfigRuleDetails
+            class="mx-auto"
+            :rule="selectedRule"
+            :override-groups="config.overrideGroups"
+          />
+        </div>
       </div>
     </div>
   </div>
 </template>
-
-<style>
-.monaco-editor,
-.monaco-editor .overflow-guard {
-  width: 100% !important;
-  height: 100% !important;
-}
-</style>
diff --git a/packages/oxc/src/app/utils/config-inspector.test.ts b/packages/oxc/src/app/utils/config-inspector.test.ts
new file mode 100644
index 000000000..7748fb574
--- /dev/null
+++ b/packages/oxc/src/app/utils/config-inspector.test.ts
@@ -0,0 +1,141 @@
+import type { InspectedRule } from '@oxlint-config-inspector/core'
+import { describe, expect, it } from 'vitest'
+import {
+  filterRules,
+  getRuleCategoryFilters,
+  getRulePluginFilters,
+  resolveSelectedConfigPath,
+} from './config-inspector'
+
+const rule = {
+  aliases: [],
+  category: 'correctness',
+  defaultSeverity: 'off',
+  deprecated: false,
+  fixable: true,
+  hasSuggestions: false,
+  name: 'no-debugger',
+  offOnly: false,
+  overloaded: false,
+  pluginName: 'eslint',
+  recommended: true,
+  replacedBy: [],
+  ruleId: 'eslint/no-debugger',
+  ruleType: 'problem',
+  severityStates: ['error'],
+  source: 'builtin',
+  usage: {
+    category: false,
+    overrideGroups: [],
+    root: true,
+  },
+  used: true,
+} as InspectedRule
+
+describe('resolveSelectedConfigPath', () => {
+  const rootPath = '.oxlintrc.json'
+  const nestedPath = 'packages/app/oxlint.config.ts'
+  const paths = [rootPath, nestedPath]
+
+  it('selects the exact requested config and preserves missing targets', () => {
+    expect(resolveSelectedConfigPath(paths, nestedPath, rootPath)).toBe(nestedPath)
+    expect(resolveSelectedConfigPath(paths, 'deleted/oxlint.config.ts', rootPath)).toBe('')
+    expect(resolveSelectedConfigPath(paths, '', nestedPath)).toBe(nestedPath)
+  })
+})
+
+describe('filterRules', () => {
+  it('combines text, plugin, usage, and state filters', () => {
+    expect(
+      filterRules([rule], {
+        category: 'correctness',
+        plugin: 'eslint',
+        query: 'debug',
+        state: 'fixable',
+        usage: 'error',
+      }),
+    ).toEqual([rule])
+    expect(
+      filterRules([rule], {
+        category: 'all',
+        plugin: 'typescript',
+        query: '',
+        state: 'all',
+        usage: 'all',
+      }),
+    ).toEqual([])
+    expect(
+      filterRules([rule], {
+        category: 'suspicious',
+        plugin: 'eslint',
+        query: '',
+        state: 'all',
+        usage: 'all',
+      }),
+    ).toEqual([])
+  })
+})
+
+describe('getRulePluginFilters', () => {
+  it('only includes plugins matching the other filters', () => {
+    const unusedRule = {
+      ...rule,
+      name: 'no-explicit-any',
+      pluginName: 'typescript',
+      ruleId: 'typescript/no-explicit-any',
+      severityStates: [],
+      usage: {
+        category: false,
+        overrideGroups: [],
+        root: false,
+      },
+      used: false,
+    } as InspectedRule
+
+    expect(
+      getRulePluginFilters([rule, unusedRule], {
+        category: 'all',
+        query: '',
+        state: 'active',
+        usage: 'using',
+      }),
+    ).toEqual(['all', 'eslint'])
+    expect(
+      getRulePluginFilters([rule, unusedRule], {
+        category: 'all',
+        query: '',
+        state: 'active',
+        usage: 'all',
+      }),
+    ).toEqual(['all', 'eslint', 'typescript'])
+  })
+})
+
+describe('getRuleCategoryFilters', () => {
+  it('only includes categories matching the other filters', () => {
+    const unusedRule = {
+      ...rule,
+      category: 'suspicious',
+      pluginName: 'typescript',
+      severityStates: [],
+      used: false,
+    } as InspectedRule
+
+    expect(
+      getRuleCategoryFilters([rule, unusedRule], {
+        plugin: 'all',
+        query: '',
+        state: 'active',
+        usage: 'using',
+      }),
+    ).toEqual(['all', 'correctness'])
+    expect(
+      getRuleCategoryFilters([rule, unusedRule], {
+        plugin: 'all',
+        query: '',
+        state: 'active',
+        usage: 'all',
+      }),
+    ).toEqual(['all', 'correctness', 'suspicious'])
+  })
+})
diff --git a/packages/oxc/src/app/utils/config-inspector.ts b/packages/oxc/src/app/utils/config-inspector.ts
new file mode 100644
index 000000000..57f4f6564
--- /dev/null
+++ b/packages/oxc/src/app/utils/config-inspector.ts
@@ -0,0 +1,188 @@
+import type {
+  InspectedOverrideGroup,
+  InspectedRule,
+  RuleSeverity,
+} from '@oxlint-config-inspector/core'
+
+export type InspectorTab = 'overview' | 'rules' | 'overrides'
+export type RuleCategoryFilter = 'all' | (string & {})
+export type RulePluginFilter = 'all' | (string & {})
+export type RuleStateFilter = 'active' | 'all' | 'deprecated' | 'fixable' | 'recommended'
+export type RuleUsageFilter =
+  | 'all'
+  | 'using'
+  | 'unused'
+  | 'error'
+  | 'warn'
+  | 'off'
+  | 'overloaded'
+  | 'off-only'
+
+export const RULE_STATE_FILTERS: RuleStateFilter[] = [
+  'all',
+  'active',
+  'recommended',
+  'fixable',
+  'deprecated',
+]
+export const RULE_USAGE_FILTERS: RuleUsageFilter[] = [
+  'all',
+  'using',
+  'unused',
+  'error',
+  'warn',
+  'off',
+  'overloaded',
+  'off-only',
+]
+
+export function resolveSelectedConfigPath(
+  paths: string[],
+  requestedPath: string,
+  selectedPath: string,
+) {
+  if (requestedPath) return paths.includes(requestedPath) ? requestedPath : ''
+  return paths.includes(selectedPath) ? selectedPath : (paths[0] ?? '')
+}
+
+export function getRulePluginFilters(
+  rules: InspectedRule[],
+  filters: {
+    category: RuleCategoryFilter
+    query: string
+    state: RuleStateFilter
+    usage: RuleUsageFilter
+  },
+): RulePluginFilter[] {
+  const plugins = filterRules(rules, { ...filters, plugin: 'all' }).flatMap(rule =>
+    rule.pluginName ? [rule.pluginName] : [],
+  )
+
+  return ['all', ...new Set(plugins)]
+}
+
+export function getRuleCategoryFilters(
+  rules: InspectedRule[],
+  filters: {
+    plugin: RulePluginFilter
+    query: string
+    state: RuleStateFilter
+    usage: RuleUsageFilter
+  },
+): RuleCategoryFilter[] {
+  const categories = filterRules(rules, { ...filters, category: 'all' }).flatMap(rule =>
+    rule.category ? [rule.category] : [],
+  )
+
+  return ['all', ...new Set(categories)]
+}
+
+export function filterRules(
+  rules: InspectedRule[],
+  filters: {
+    category: RuleCategoryFilter
+    plugin: RulePluginFilter
+    query: string
+    state: RuleStateFilter
+    usage: RuleUsageFilter
+  },
+) {
+  const query = filters.query.trim().toLowerCase()
+
+  return rules.filter(rule => {
+    if (filters.category !== 'all' && rule.category !== filters.category) return false
+    if (filters.plugin !== 'all' && rule.pluginName !== filters.plugin) return false
+    if (!matchesUsage(rule, filters.usage) || !matchesState(rule, filters.state)) return false
+    if (!query) return true
+
+    return [
+      rule.ruleId,
+      rule.name,
+      rule.pluginName,
+      rule.category,
+      rule.description,
+      rule.source,
+      rule.ruleType,
+      ...rule.aliases,
+      ...rule.replacedBy,
+    ]
+      .filter(Boolean)
+      .some(value => value!.toLowerCase().includes(query))
+  })
+}
+
+function matchesUsage(rule: InspectedRule, filter: RuleUsageFilter) {
+  if (filter === 'all') return true
+  if (filter === 'using') return rule.used
+  if (filter === 'unused') return !rule.used
+  if (filter === 'overloaded') return rule.overloaded
+  if (filter === 'off-only') return rule.offOnly
+  return rule.severityStates.includes(filter)
+}
+
+function matchesState(rule: InspectedRule, filter: RuleStateFilter) {
+  if (filter === 'all') return true
+  if (filter === 'active') return !rule.deprecated
+  if (filter === 'recommended') return rule.recommended
+  if (filter === 'fixable') return rule.fixable
+  return rule.deprecated
+}
+
+export interface RuleUsageConfig {
+  excludeFiles?: string[]
+  files?: string[]
+  index?: number
+  options: unknown[]
+  ruleId: string
+  severity: RuleSeverity
+  source: 'category' | 'override' | 'root'
+}
+
+export function createRuleUsageConfigs(
+  rule: InspectedRule,
+  overrideGroups: InspectedOverrideGroup[],
+) {
+  const configs: RuleUsageConfig[] = []
+
+  if (rule.usage.category) {
+    configs.push({
+      options: [],
+      ruleId: rule.ruleId,
+      severity: rule.defaultSeverity,
+      source: 'category',
+    })
+  }
+
+  if (rule.usage.root && rule.configured) {
+    configs.push({
+      options: rule.configured.options,
+      ruleId: rule.configured.ruleId,
+      severity: rule.configured.severity,
+      source: 'root',
+    })
+  }
+
+  for (const index of rule.usage.overrideGroups) {
+    const group = overrideGroups.find(item => item.index === index)
+    const overrideRule = group?.rules.find(item => item.ruleId === rule.ruleId)
+    if (!group || !overrideRule) continue
+
+    configs.push({
+      excludeFiles: group.excludeFiles,
+      files: group.files,
+      index,
+      options: overrideRule.options,
+      ruleId: overrideRule.ruleId,
+      severity: overrideRule.severity,
+      source: 'override',
+    })
+  }
+
+  return configs
+}
+
+export function getUsageLocation(config: RuleUsageConfig) {
+  if (config.source === 'override') return `override #${config.index}`
+  if (config.source === 'root') return 'root config'
+  return 'category config'
+}
diff --git a/packages/oxc/src/node/__tests__/config-inspector.test.ts b/packages/oxc/src/node/__tests__/config-inspector.test.ts
new file mode 100644
index 000000000..3018b5fc5
--- /dev/null
+++ b/packages/oxc/src/node/__tests__/config-inspector.test.ts
@@ -0,0 +1,69 @@
+import type { InspectConfigResult } from '@oxlint-config-inspector/core'
+import type { DevframeNodeContext } from 'devframe/types'
+import { inspectConfig } from '@oxlint-config-inspector/core'
+import { mkdtemp, rm, symlink, writeFile } from 'node:fs/promises'
+import { tmpdir } from 'node:os'
+import { join } from 'node:path'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { oxlintInspectConfig } from '../rpc/functions/oxlint-inspect-config'
+
+vi.mock('@oxlint-config-inspector/core', () => ({ inspectConfig: vi.fn<typeof inspectConfig>() }))
+
+const fixtures: string[] = []
+const result = { stats: { builtinRules: 1 } } as InspectConfigResult
+
+async function createHandler() {
+  const cwd = await mkdtemp(join(tmpdir(), 'oxc-config-inspector-'))
+  fixtures.push(cwd)
+  await writeFile(join(cwd, 'oxlint.config.ts'), 'export default {}')
+  return {
+    cwd,
+    handler: oxlintInspectConfig.setup({ cwd } as DevframeNodeContext).handler,
+  }
+}
+
+beforeEach(() => {
+  vi.mocked(inspectConfig).mockReset().mockResolvedValue(result)
+})
+
+afterEach(async () => {
+  await Promise.all(fixtures.splice(0).map(dir => rm(dir, { recursive: true, force: true })))
+})
+
+describe('oxlintInspectConfig', () => {
+  it('inspects one workspace-relative config without caching', async () => {
+    const { handler } = await createHandler()
+
+    await expect(handler('oxlint.config.ts')).resolves.toBe(result)
+    expect(inspectConfig).toHaveBeenCalledWith({
+      cache: false,
+      configFile: expect.stringMatching(/oxlint\.config\.ts$/),
+      cwd: expect.any(String),
+    })
+  })
+
+  it('rejects config paths outside the workspace', async () => {
+    const { handler } = await createHandler()
+
+    await expect(handler('../oxlint.config.ts')).rejects.toMatchObject({ name: 'OXDT0004' })
+    expect(inspectConfig).not.toHaveBeenCalled()
+  })
+
+  it('rejects unsupported config formats', async () => {
+    const { handler } = await createHandler()
+
+    await expect(handler('oxlint.config.mts')).rejects.toMatchObject({ name: 'OXDT0004' })
+    expect(inspectConfig).not.toHaveBeenCalled()
+  })
+
+  it('rejects config symlinks that resolve outside the workspace', async () => {
+    const { cwd, handler } = await createHandler()
+    const outside = await mkdtemp(join(tmpdir(), 'oxc-config-inspector-outside-'))
+    fixtures.push(outside)
+    await writeFile(join(outside, 'oxlint.config.ts'), 'export default {}')
+    await symlink(outside, join(cwd, 'linked'), 'junction')
+
+    await expect(handler('linked/oxlint.config.ts')).rejects.toMatchObject({ name: 'OXDT0004' })
+    expect(inspectConfig).not.toHaveBeenCalled()
+  })
+})
diff --git a/packages/oxc/src/node/diagnostics.ts b/packages/oxc/src/node/diagnostics.ts
index e64297aaf..52aa311d9 100644
--- a/packages/oxc/src/node/diagnostics.ts
+++ b/packages/oxc/src/node/diagnostics.ts
@@ -18,5 +18,10 @@ export const diagnostics = /* #__PURE__ */ defineDiagnostics({
         `Failed to delete lint result "${p.resultId}": ${p.reason}`,
       fix: 'Check that the lint result exists and the project directory is writable.',
     },
+    OXDT0004: {
+      why: (p: { configPath: string; reason: string }) =>
+        `Failed to inspect Oxlint config "${p.configPath}": ${p.reason}`,
+      fix: 'Choose a supported Oxlint config inside the workspace and ensure Oxlint can read its rules.',
+    },
   },
 })
diff --git a/packages/oxc/src/node/rpc/functions/oxlint-inspect-config.ts b/packages/oxc/src/node/rpc/functions/oxlint-inspect-config.ts
new file mode 100644
index 000000000..b423c93d0
--- /dev/null
+++ b/packages/oxc/src/node/rpc/functions/oxlint-inspect-config.ts
@@ -0,0 +1,96 @@
+import { inspectConfig } from '@oxlint-config-inspector/core'
+import { realpath } from 'node:fs/promises'
+import { basename, isAbsolute, relative, resolve, sep } from 'node:path'
+import { diagnostics } from '../../diagnostics'
+import { defineOxcRpc } from '../_define'
+
+const SUPPORTED_CONFIG_FILES = new Set([
+  '.oxlintrc.json',
+  '.oxlintrc.jsonc',
+  'oxlint.config.cjs',
+  'oxlint.config.js',
+  'oxlint.config.mjs',
+  'oxlint.config.ts',
+  'vite.config.ts',
+])
+
+export const oxlintInspectConfig = defineOxcRpc({
+  name: 'devtools-oxc:inspect-lint-config',
+  type: 'query',
+  jsonSerializable: true,
+  setup: ctx => ({
+    handler: async (configPath: string) => {
+      const requestedPath = typeof configPath === 'string' ? configPath : String(configPath)
+      const resolvedPath = resolve(ctx.cwd, requestedPath)
+      const workspacePath = relative(ctx.cwd, resolvedPath)
+
+      if (
+        !requestedPath ||
+        isAbsolute(requestedPath) ||
+        workspacePath === '..' ||
+        workspacePath.startsWith(`..${sep}`) ||
+        isAbsolute(workspacePath)
+      ) {
+        throw diagnostics.OXDT0004({
+          configPath: requestedPath,
+          reason: 'The config path must be relative to the workspace.',
+        })
+      }
+
+      if (!SUPPORTED_CONFIG_FILES.has(basename(resolvedPath))) {
+        throw diagnostics.OXDT0004({
+          configPath: requestedPath,
+          reason: 'This config format is not supported.',
+        })
+      }
+
+      let rootPath: string
+      let configFile: string
+      try {
+        ;[rootPath, configFile] = await Promise.all([realpath(ctx.cwd), realpath(resolvedPath)])
+      } catch (cause) {
+        throw diagnostics.OXDT0004({
+          configPath: requestedPath,
+          reason: cause instanceof Error ? cause.message : String(cause),
+          cause,
+        })
+      }
+
+      const realWorkspacePath = relative(rootPath, configFile)
+      if (
+        realWorkspacePath === '..' ||
+        realWorkspacePath.startsWith(`..${sep}`) ||
+        isAbsolute(realWorkspacePath)
+      ) {
+        throw diagnostics.OXDT0004({
+          configPath: requestedPath,
+          reason: 'The config path resolves outside the workspace.',
+        })
+      }
+
+      let result
+      try {
+        result = await inspectConfig({
+          cache: false,
+          configFile,
+          cwd: rootPath,
+        })
+      } catch (cause) {
+        throw diagnostics.OXDT0004({
+          configPath: requestedPath,
+          reason: cause instanceof Error ? cause.message : String(cause),
+          cause,
+        })
+      }
+
+      if (!result || result.stats.builtinRules === 0) {
+        throw diagnostics.OXDT0004({
+          configPath: requestedPath,
+          reason: result ? 'Oxlint returned no builtin rules.' : 'The config could not be loaded.',
+        })
+      }
+
+      return result
+    },
+  }),
+})
diff --git a/packages/oxc/src/node/rpc/index.ts b/packages/oxc/src/node/rpc/index.ts
index 7fc31c04c..aee7f05d1 100644
--- a/packages/oxc/src/node/rpc/index.ts
+++ b/packages/oxc/src/node/rpc/index.ts
@@ -3,6 +3,7 @@ import { oxlintDeleteResult } from './functions/oxlint-delete-result'
 import { oxlintGetResult } from './functions/oxlint-get-result'
 import { oxlintListResults } from './functions/oxlint-list-results'
 import { oxlintRun } from './functions/oxlint-run'
+import { oxlintInspectConfig } from './functions/oxlint-inspect-config'
 import { overview } from './functions/overview'
 import { oxlintGetConfigFile } from './functions/oxlint-get-config-file'
 import { oxfmtGetConfigFile } from './functions/oxfmt-get-config-file'
@@ -14,6 +15,7 @@ export const rpcFunctions = [
   oxlintListResults,
   oxlintGetResult,
   oxlintDeleteResult,
+  oxlintInspectConfig,
   overview,
   oxlintGetConfigFile,
   oxfmtGetConfigFile,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 909a65e84..b284261ba 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -73,6 +73,9 @@ catalogs:
     '@devframes/plugin-terminals':
       specifier: ^0.7.14
       version: 0.7.14
+    '@oxlint-config-inspector/core':
+      specifier: ^1.1.1
+      version: 1.1.1
     actionspack:
       specifier: ^0.1.5
       version: 0.1.5
@@ -952,6 +955,9 @@ importers:
 
   packages/oxc:
     dependencies:
+      '@oxlint-config-inspector/core':
+        specifier: catalog:deps
+        version: 1.1.1(typescript@6.0.3)
       '@vitejs/devtools-kit':
         specifier: workspace:*
         version: link:../kit
@@ -1656,25 +1662,11 @@ packages:
     peerDependencies:
       devframe: 0.5.4
 
-  '@devframes/hub@0.7.13':
-    resolution: {integrity: sha512-fr/5bTFU5AOB3D/5vGj/HDUlNRDJrem0AV3AL5Z9ON2wcawIzSbpFN6bNmeLSxlst2ojUJHXUiq4LQ/dNsyk3A==}
-    peerDependencies:
-      devframe: 0.7.13
-
   '@devframes/hub@0.7.14':
     resolution: {integrity: sha512-Ym3YHkBnpdwhPw7y4YgURZYntQPShb9raRfo60D1Yk4jb1OlnL2GGHw6pt4iLZqHL4vp1P4T6YpBFPPVx4G38A==}
     peerDependencies:
       devframe: 0.7.14
 
-  '@devframes/json-render@0.7.13':
-    resolution: {integrity: sha512-QHP7C/kT6utf/eXUN6+09jMj9E64W9x/CJ6Z+0pFK6QvSMfKNHKY/y+g3v6AjtttaiaIuDxISzMGvt7SkGwNhQ==}
-    peerDependencies:
-      '@devframes/hub': 0.7.13
-      devframe: 0.7.13
-    peerDependenciesMeta:
-      '@devframes/hub':
-        optional: true
-
   '@devframes/json-render@0.7.14':
     resolution: {integrity: sha512-Bo+IiRpEdceQjLr/tcFNXFYlBkSeUv7PWsFc4Fu5PLUyxnnqciLVyFjZz6IlEtKrBIA667L4QbQe5ZExlPhlPA==}
     peerDependencies:
@@ -1718,16 +1710,6 @@ packages:
     resolution: {integrity: sha512-O1qT4ddPCEuD6qJ8RS4n5sjprDNho2ENP2RBxizzi4/BXqQpLLnGbERpsAAh8i79NBCmld+Dl6yMtSiT4wztEw==}
     hasBin: true
 
-  '@devframes/plugin-inspect@0.7.13':
-    resolution: {integrity: sha512-M0YlVE1zWtTzCWCrugcpuI+zFk1aTfxVtPHBPvtQxikHG8K5d23Zn9rO1wWbzuQ5nJ4DWwzp9V2W94bjoYpceQ==}
-    hasBin: true
-    peerDependencies:
-      devframe: 0.7.13
-      vite: ^8.1.5
-    peerDependenciesMeta:
-      vite:
-        optional: true
-
   '@devframes/plugin-inspect@0.7.14':
     resolution: {integrity: sha512-X9dp6xTQ6IVghHPDucoR627dcCpW73bevTmnAeSrW6KCujCTGe0T21f2t/rXNK0EVTF/w/t/UspnlBbN1igKJw==}
     hasBin: true
@@ -1738,17 +1720,6 @@ packages:
       vite:
         optional: true
 
-  '@devframes/plugin-messages@0.7.13':
-    resolution: {integrity: sha512-cZb3b/32HCFc8awVBNmIVFsKNzk5FJgnrtjhWXhaOenKXiH7gziigz5AjMbILLLqrSesaIoNuvWhnuWSOJ47mA==}
-    hasBin: true
-    peerDependencies:
-      '@devframes/hub': 0.7.13
-      devframe: 0.7.13
-      vite: ^8.1.5
-    peerDependenciesMeta:
-      vite:
-        optional: true
-
   '@devframes/plugin-messages@0.7.14':
     resolution: {integrity: sha512-F65q2QkChayfZx8jzdpaRN5emkudbdpD/bD4wmrUJYoe1dBEK50tbmS7wRetg9MVdUS5x7gN5Np+/lAOh+xdDQ==}
     hasBin: true
@@ -1770,16 +1741,6 @@ packages:
       vite:
         optional: true
 
-  '@devframes/plugin-terminals@0.7.13':
-    resolution: {integrity: sha512-yfUbG9sfnirW06C+oKB87x3HYmg71hm6ONOo1KL1ZNR6DOO3GOtyBUUqxNnX/JhVP8mrFN4fs+phOBIf5oJ7TA==}
-    hasBin: true
-    peerDependencies:
-      devframe: 0.7.13
-      vite: ^8.1.5
-    peerDependenciesMeta:
-      vite:
-        optional: true
-
   '@devframes/plugin-terminals@0.7.14':
     resolution: {integrity: sha512-vCJEXZLtIQBugfv5nqp8xJDauQLoC8UZ+c5lzMk3Jt0n9/GkJgo5jtsDI+5uRnj4stwBQJrcmIQSshdB68x0tA==}
     hasBin: true
@@ -2158,9 +2119,6 @@ packages:
   '@iconify-json/ri@1.2.10':
     resolution: {integrity: sha512-WWMhoncVVM+Xmu9T5fgu2lhYRrKTEWhKk3Com0KiM111EeEsRLiASjpsFKnC/SrB6covhUp95r2mH8tGxhgd5Q==}
 
-  '@iconify-json/simple-icons@1.2.91':
-    resolution: {integrity: sha512-plQJHZxzpkIXaeYjJF0Sc9nkzYF32EDX9olx7j1hcKYFaiTrQXbcngZmvzuV0pG6uZPU3ZuA/GIsgxSHOm6jrQ==}
-
   '@iconify-json/simple-icons@1.2.92':
     resolution: {integrity: sha512-hR0ozxR97t1dzWw+esoxFijZ15gagt7EIgF3CNifu2yICXhS7gnun4Y+j+odJQtNSl7wvqMdoLbViIShwe/fdw==}
 
@@ -3265,6 +3223,10 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@oxlint-config-inspector/core@1.1.1':
+    resolution: {integrity: sha512-T8koJ3St3ydMfj+K0YICiWLRRFPCMG3ZCFjcZL4H4kZqhKvHlvVJIz0jk7LWETEmEkDtMn87K81Uop3viqnD4Q==}
+    engines: {node: '>=22'}
+
   '@oxlint/binding-android-arm-eabi@1.75.0':
     resolution: {integrity: sha512-lutovtFzJqlRaqpZrCqSSGaHZzl9nIxxpjLzhSRLunN6dCLylj0uzlCyQGaQDIys7rrv8kVXiFO+R4Zpn0bX7g==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -5388,10 +5350,6 @@ packages:
   brace-expansion@2.0.2:
     resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
 
-  brace-expansion@5.0.2:
-    resolution: {integrity: sha512-Pdk8c9poy+YhOgVWw1JNN22/HcivgKWwpxKq04M/jTmHyCZn12WPJebZxdjSa5TmBqISrUSgNYU3eRORljfCCw==}
-    engines: {node: 20 || >=22}
-
   brace-expansion@5.0.8:
     resolution: {integrity: sha512-JZyDyq3D4AUifKTPOB7DELf6XsB3WdPuNxCtob1vFXPsSXhdAiHBWJ/tJ8HAc9aH84BK+5JFZLNkJKx3G9kzQg==}
     engines: {node: 20 || >=22}
@@ -5456,6 +5414,10 @@ packages:
     resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
     engines: {node: '>= 0.4'}
 
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
   camelcase@7.0.1:
     resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
     engines: {node: '>=14.16'}
@@ -5647,6 +5609,15 @@ packages:
   cose-base@2.2.0:
     resolution: {integrity: sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==}
 
+  cosmiconfig@9.0.2:
+    resolution: {integrity: sha512-gtTZxTDau1wL7Y7zifc2dd8jHSK/k6BTx/2Xp/BpdlAdnlYWFVt7qhJqgwi7637yRwRQ3qL4ZidbB4I8tA5VOg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   crc-32@1.2.2:
     resolution: {integrity: sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==}
     engines: {node: '>=0.8'}
@@ -6116,11 +6087,18 @@ packages:
     resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
     engines: {node: '>=0.12'}
 
+  env-paths@2.2.1:
+    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
+    engines: {node: '>=6'}
+
   envinfo@7.21.0:
     resolution: {integrity: sha512-Lw7I8Zp5YKHFCXL7+Dz95g4CcbMEpgvqZNNq3AmlT5XAV6CgAAk6gyAMqn2zjw08K9BHfcNuKrMiCPLByGafow==}
     engines: {node: '>=4'}
     hasBin: true
 
+  error-ex@1.3.4:
+    resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
+
   error-stack-parser-es@1.0.5:
     resolution: {integrity: sha512-5qucVt2XcuGMcEGgWI7i+yZpmpByQ8J1lHhcL7PwqCwu9FPP3VUXzT4ltHe5i2z9dePwEHcDVOAfSnHsOlCXRA==}
 
@@ -6793,6 +6771,10 @@ packages:
   image-meta@0.2.2:
     resolution: {integrity: sha512-3MOLanc3sb3LNGWQl1RlQlNWURE5g32aUphrDyFeCsxBTk08iE3VNe4CwsUZ0Qs1X+EfX0+r29Sxdpza4B+yRA==}
 
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
+    engines: {node: '>=6'}
+
   import-meta-resolve@4.2.0:
     resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
 
@@ -6835,6 +6817,9 @@ packages:
   iron-webcrypto@1.2.1:
     resolution: {integrity: sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==}
 
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
   is-builtin-module@5.0.0:
     resolution: {integrity: sha512-f4RqJKBUe5rQkJ2eJEJBXSticB3hGbN9j0yxxMQFqIW89Jp9WYFtzfTcRlstDKVUTRzSOTLKRfO9vIztenwtxA==}
     engines: {node: '>=18.20'}
@@ -7137,6 +7122,9 @@ packages:
     resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
     engines: {node: '>=14'}
 
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
   linkify-it@5.0.1:
     resolution: {integrity: sha512-wVoTjP4Q6R0NW5hiZkVJaFZPWgtXfoGF+6LucL3/FtiNjmcHhYjEr5f1Kqjirc1nBW07J/ZuRFumqr2oqccEWg==}
 
@@ -7441,10 +7429,6 @@ packages:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
 
-  minimatch@10.2.4:
-    resolution: {integrity: sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==}
-    engines: {node: 18 || 20 || >=22}
-
   minimatch@10.2.5:
     resolution: {integrity: sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==}
     engines: {node: 18 || 20 || >=22}
@@ -7795,6 +7779,10 @@ packages:
   package-manager-detector@1.8.0:
     resolution: {integrity: sha512-yQA4H19AmPEoMUeavPMDIe1higySl/gH/yaQrkT/s07Qp+7pp2hYz30N3z2l5BkjVkF9Ow6o0wjJamm2y7Sn0A==}
 
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
   parse-gitignore@2.0.0:
     resolution: {integrity: sha512-RmVuCHWsfu0QPNW+mraxh/xjQVw/lhUCUru8Zni3Ctq3AoMhpDTq0OVdKS6iesd6Kqb7viCV3isAL43dciOSog==}
     engines: {node: '>=14'}
@@ -7802,6 +7790,10 @@ packages:
   parse-imports-exports@0.2.4:
     resolution: {integrity: sha512-4s6vd6dx1AotCx/RCI2m7t7GCh5bDRUtGNvRfHSP2wbBQdMi67pPe7mtzmgwcaQ8VKK/6IB7Glfyu3qdZJPybQ==}
 
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
   parse-statements@1.0.11:
     resolution: {integrity: sha512-HlsyYdMBnbPQ9Jr/VgJ1YF4scnldvJpJxCVx6KgqPL4dxppsWrJHCIIxQXMJrqGnsRkNPATbeMJ8Yxu7JMsYcA==}
 
@@ -8283,6 +8275,10 @@ packages:
     resolution: {integrity: sha512-yE7KUfFvaBFzGPs5H3Ops1RevfUEsDc5Iz65rOwWg4lE8HJSYtle77uul3+573457oHvBKuHYDl/xqUkKpEEdw==}
     engines: {node: '>=18'}
 
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
   resolve-from@5.0.0:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
     engines: {node: '>=8'}
@@ -9994,17 +9990,6 @@ snapshots:
       - vite
       - webpack
 
-  '@devframes/hub@0.7.13(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))':
-    dependencies:
-      birpc: 4.0.0
-      destr: 2.0.5
-      devframe: 0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)
-      nostics: 1.2.0
-      pathe: 2.0.3
-      perfect-debounce: 2.1.0
-      tinyexec: 1.2.4
-      zigpty: 0.2.1
-
   '@devframes/hub@0.7.14(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))':
     dependencies:
       birpc: 4.0.0
@@ -10016,15 +10001,6 @@ snapshots:
       tinyexec: 1.2.4
       zigpty: 0.2.1
 
-  '@devframes/json-render@0.7.13(@devframes/hub@0.7.13(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)))(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))':
-    dependencies:
-      '@json-render/core': 0.19.0(zod@4.4.3)
-      devframe: 0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)
-      nostics: 1.2.0
-      zod: 4.4.3
-    optionalDependencies:
-      '@devframes/hub': 0.7.13(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))
-
   '@devframes/json-render@0.7.14(@devframes/hub@0.7.14(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)))(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))':
     dependencies:
       '@json-render/core': 0.19.0(zod@4.4.3)
@@ -10072,17 +10048,6 @@ snapshots:
       - srvx
       - typescript
 
-  '@devframes/plugin-inspect@0.7.13(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))(valibot@1.4.2(typescript@6.0.3))(vite@8.1.5)':
-    dependencies:
-      '@valibot/to-json-schema': 1.7.1(valibot@1.4.2(typescript@6.0.3))
-      cac: 7.0.0
-      devframe: 0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)
-      nostics: 1.2.0
-    optionalDependencies:
-      vite: 8.1.5(@types/node@25.0.3)(@vitejs/devtools@0.3.4)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.44.1)(tsx@4.23.1)(yaml@2.9.0)
-    transitivePeerDependencies:
-      - valibot
-
   '@devframes/plugin-inspect@0.7.14(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))(valibot@1.4.2(typescript@6.0.3))(vite@8.1.5)':
     dependencies:
       '@valibot/to-json-schema': 1.7.1(valibot@1.4.2(typescript@6.0.3))
@@ -10094,15 +10059,6 @@ snapshots:
     transitivePeerDependencies:
       - valibot
 
-  '@devframes/plugin-messages@0.7.13(@devframes/hub@0.7.13(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)))(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))(vite@8.1.5)':
-    dependencies:
-      '@devframes/hub': 0.7.13(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))
-      cac: 7.0.0
-      devframe: 0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)
-      nostics: 1.2.0
-    optionalDependencies:
-      vite: 8.1.5(@types/node@25.0.3)(@vitejs/devtools@0.3.4)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.44.1)(tsx@4.23.1)(yaml@2.9.0)
-
   '@devframes/plugin-messages@0.7.14(@devframes/hub@0.7.14(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)))(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))(vite@8.1.5)':
     dependencies:
       '@devframes/hub': 0.7.14(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))
@@ -10124,19 +10080,6 @@ snapshots:
     transitivePeerDependencies:
       - typescript
 
-  '@devframes/plugin-terminals@0.7.13(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))(typescript@6.0.3)(vite@8.1.5)':
-    dependencies:
-      cac: 7.0.0
-      devframe: 0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)
-      nostics: 1.2.0
-      pathe: 2.0.3
-      valibot: 1.4.2(typescript@6.0.3)
-      zigpty: 0.2.1
-    optionalDependencies:
-      vite: 8.1.5(@types/node@25.0.3)(@vitejs/devtools@0.3.4)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.44.1)(tsx@4.23.1)(yaml@2.9.0)
-    transitivePeerDependencies:
-      - typescript
-
   '@devframes/plugin-terminals@0.7.14(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))(typescript@6.0.3)(vite@8.1.5)':
     dependencies:
       cac: 7.0.0
@@ -10358,7 +10301,7 @@ snapshots:
     dependencies:
       '@eslint/object-schema': 3.0.5
       debug: 4.4.3(supports-color@10.2.2)
-      minimatch: 10.2.4
+      minimatch: 10.2.5
     transitivePeerDependencies:
       - supports-color
 
@@ -10516,10 +10459,6 @@ snapshots:
     dependencies:
       '@iconify/types': 2.0.0
 
-  '@iconify-json/simple-icons@1.2.91':
-    dependencies:
-      '@iconify/types': 2.0.0
-
   '@iconify-json/simple-icons@1.2.92':
     dependencies:
       '@iconify/types': 2.0.0
@@ -11651,6 +11590,15 @@ snapshots:
   '@oxfmt/binding-win32-x64-msvc@0.60.0':
     optional: true
 
+  '@oxlint-config-inspector/core@1.1.1(typescript@6.0.3)':
+    dependencies:
+      cosmiconfig: 9.0.2(typescript@6.0.3)
+      jiti: 2.7.0
+      jsonc-parser: 3.3.1
+      tinyexec: 1.2.4
+    transitivePeerDependencies:
+      - typescript
+
   '@oxlint/binding-android-arm-eabi@1.75.0':
     optional: true
 
@@ -13064,8 +13012,8 @@ snapshots:
 
   '@vitejs/devtools-kit@0.4.8(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)(vite@8.1.5)':
     dependencies:
-      '@devframes/hub': 0.7.13(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))
-      '@devframes/json-render': 0.7.13(@devframes/hub@0.7.13(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)))(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))
+      '@devframes/hub': 0.7.14(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))
+      '@devframes/json-render': 0.7.14(@devframes/hub@0.7.14(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)))(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))
       devframe: 0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)
       local-pkg: 1.2.1
       mlly: 1.8.2
@@ -13093,7 +13041,6 @@ snapshots:
       - cac
       - srvx
       - typescript
-    optional: true
 
   '@vitejs/devtools-oxc@0.4.9(srvx@0.11.22)(typescript@6.0.3)(vite@8.1.5)':
     dependencies:
@@ -13280,10 +13227,10 @@ snapshots:
 
   '@vitejs/devtools@0.4.8(@vitejs/devtools-oxc@0.4.9(srvx@0.11.22)(typescript@6.0.3)(vite@8.1.5))(@vitejs/devtools-rolldown@0.4.9(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)(vite@8.1.5)(vue@3.5.40(typescript@6.0.3)))(@vitejs/devtools-vite@0.4.9(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)(vite@8.1.5))(@vitejs/devtools-vitest@0.4.9(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)(vite@8.1.5)(vitest@4.1.10))(crossws@0.4.10(srvx@0.11.22))(srvx@0.11.22)(typescript@6.0.3)(valibot@1.4.2(typescript@6.0.3))(vite@8.1.5)':
     dependencies:
-      '@devframes/hub': 0.7.13(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))
-      '@devframes/plugin-inspect': 0.7.13(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))(valibot@1.4.2(typescript@6.0.3))(vite@8.1.5)
-      '@devframes/plugin-messages': 0.7.13(@devframes/hub@0.7.13(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)))(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))(vite@8.1.5)
-      '@devframes/plugin-terminals': 0.7.13(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))(typescript@6.0.3)(vite@8.1.5)
+      '@devframes/hub': 0.7.14(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))
+      '@devframes/plugin-inspect': 0.7.14(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))(valibot@1.4.2(typescript@6.0.3))(vite@8.1.5)
+      '@devframes/plugin-messages': 0.7.14(@devframes/hub@0.7.14(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)))(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))(vite@8.1.5)
+      '@devframes/plugin-terminals': 0.7.14(devframe@0.7.14(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3))(typescript@6.0.3)(vite@8.1.5)
       '@vitejs/devtools-kit': 0.4.8(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)(vite@8.1.5)
       birpc: 4.0.0
       cac: 7.0.0
@@ -14078,10 +14025,6 @@ snapshots:
     dependencies:
       balanced-match: 1.0.2
 
-  brace-expansion@5.0.2:
-    dependencies:
-      balanced-match: 4.0.3
-
   brace-expansion@5.0.8:
     dependencies:
       balanced-match: 4.0.3
@@ -14158,6 +14101,8 @@ snapshots:
       call-bind-apply-helpers: 1.0.2
       get-intrinsic: 1.3.0
 
+  callsites@3.1.0: {}
+
   camelcase@7.0.1: {}
 
   caniuse-api@4.0.0:
@@ -14325,6 +14270,15 @@ snapshots:
     dependencies:
       layout-base: 2.0.1
 
+  cosmiconfig@9.0.2(typescript@6.0.3):
+    dependencies:
+      env-paths: 2.2.1
+      import-fresh: 3.3.1
+      js-yaml: 4.1.1
+      parse-json: 5.2.0
+    optionalDependencies:
+      typescript: 6.0.3
+
   crc-32@1.2.2: {}
 
   crc32-stream@6.0.0:
@@ -14811,8 +14765,14 @@ snapshots:
 
   entities@7.0.1: {}
 
+  env-paths@2.2.1: {}
+
   envinfo@7.21.0: {}
 
+  error-ex@1.3.4:
+    dependencies:
+      is-arrayish: 0.2.1
+
   error-stack-parser-es@1.0.5: {}
 
   error-stack-parser-es@2.0.1: {}
@@ -14931,7 +14891,7 @@ snapshots:
       eslint: 10.8.0(jiti@2.7.0)(supports-color@10.2.2)
       eslint-import-context: 0.1.9(unrs-resolver@1.11.1)
       is-glob: 4.0.3
-      minimatch: 10.2.4
+      minimatch: 10.2.5
       semver: 7.8.5
       stable-hash-x: 0.2.0
       unrs-resolver: 1.11.1
@@ -15436,7 +15396,7 @@ snapshots:
 
   glob@13.0.0:
     dependencies:
-      minimatch: 10.2.4
+      minimatch: 10.2.5
       minipass: 7.1.2
       path-scurry: 2.0.1
 
@@ -15582,6 +15542,11 @@ snapshots:
 
   image-meta@0.2.2: {}
 
+  import-fresh@3.3.1:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
   import-meta-resolve@4.2.0: {}
 
   import-without-cache@0.4.0: {}
@@ -15634,6 +15599,8 @@ snapshots:
 
   iron-webcrypto@1.2.1: {}
 
+  is-arrayish@0.2.1: {}
+
   is-builtin-module@5.0.0:
     dependencies:
       builtin-modules: 5.0.0
@@ -15869,6 +15836,8 @@ snapshots:
 
   lilconfig@3.1.3: {}
 
+  lines-and-columns@1.2.4: {}
+
   linkify-it@5.0.1:
     dependencies:
       uc.micro: 2.1.0
@@ -16420,10 +16389,6 @@ snapshots:
 
   min-indent@1.0.1: {}
 
-  minimatch@10.2.4:
-    dependencies:
-      brace-expansion: 5.0.2
-
   minimatch@10.2.5:
     dependencies:
       brace-expansion: 5.0.8
@@ -17129,12 +17094,23 @@ snapshots:
 
   package-manager-detector@1.8.0: {}
 
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
   parse-gitignore@2.0.0: {}
 
   parse-imports-exports@0.2.4:
     dependencies:
       parse-statements: 1.0.11
 
+  parse-json@5.2.0:
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      error-ex: 1.3.4
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+
   parse-statements@1.0.11: {}
 
   parse5@7.3.0:
@@ -17630,6 +17606,8 @@ snapshots:
 
   reserved-identifiers@1.2.0: {}
 
+  resolve-from@4.0.0: {}
+
   resolve-from@5.0.0: {}
 
   resolve-pkg-maps@1.0.0: {}
@@ -18781,7 +18759,7 @@ snapshots:
 
   vite-plugin-inspect@12.0.2(@nuxt/kit@4.5.0(magic-string@1.1.0)(magicast@0.5.3)(oxc-parser@0.140.0)(rolldown@1.2.0)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.60.2)(vite@8.1.5)(webpack@5.104.1(esbuild@0.28.1))))(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)(vite@8.1.5):
     dependencies:
-      '@vitejs/devtools-kit': 0.4.8(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)(vite@8.1.5)
+      '@vitejs/devtools-kit': 0.4.9(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.3)(vite@8.1.5)
       ansis: 4.3.1
       error-stack-parser-es: 2.0.1
       obug: 2.1.4
@@ -18900,7 +18878,7 @@ snapshots:
       '@docsearch/css': 4.6.3
       '@docsearch/js': 4.6.3
       '@docsearch/sidepanel-js': 4.6.3
-      '@iconify-json/simple-icons': 1.2.91
+      '@iconify-json/simple-icons': 1.2.92
       '@shikijs/core': 4.3.1
       '@shikijs/transformers': 4.3.1
       '@shikijs/types': 4.3.1
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index d7399ab69..110de9224 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -81,6 +81,7 @@ catalogs:
     '@devframes/plugin-messages': *devframe
     '@devframes/plugin-og': *devframe
     '@devframes/plugin-terminals': *devframe
+    '@oxlint-config-inspector/core': ^1.1.1
     '@rolldown/debug': ^1.2.0
     actionspack: ^0.1.5
     birpc: ^4.0.0