From 4f71f560d728ed8d1a52b28bcb3651baa7e7e6d2 Mon Sep 17 00:00:00 2001
From: yuyinws <lyc657508366@gmail.com>
Date: Thu, 16 Jul 2026 15:49:40 +0800
Subject: [PATCH 1/6] fix(oxc): start standalone dev server directly

---
 package.json                                | 1 +
 packages/oxc/src/modules/{rpc.js => rpc.ts} | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)
 rename packages/oxc/src/modules/{rpc.js => rpc.ts} (74%)

diff --git a/package.json b/package.json
index e70c8cca..a3605210 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "watch": "pnpm -r run watch",
     "dev:rolldown": "pnpm -C packages/rolldown run dev",
     "dev:vite": "pnpm -C packages/vite run dev",
+    "dev:oxc": "pnpm -C packages/oxc run dev",
     "docs": "pnpm -C docs run docs",
     "docs:build": "pnpm build && pnpm -C docs run docs:build",
     "docs:serve": "pnpm -C docs run docs:serve",
diff --git a/packages/oxc/src/modules/rpc.js b/packages/oxc/src/modules/rpc.ts
similarity index 74%
rename from packages/oxc/src/modules/rpc.js
rename to packages/oxc/src/modules/rpc.ts
index 4b83a577..ba2813e0 100644
--- a/packages/oxc/src/modules/rpc.js
+++ b/packages/oxc/src/modules/rpc.ts
@@ -1,6 +1,6 @@
 import { addVitePlugin, defineNuxtModule } from '@nuxt/kit'
 import { DevTools } from '@vitejs/devtools'
-import { DevToolsOxc } from '../../src/vite'
+import { DevToolsOxc } from '../vite'
 
 export default defineNuxtModule({
   meta: {
@@ -10,7 +10,7 @@ export default defineNuxtModule({
   async setup() {
     addVitePlugin(DevToolsOxc())
 
-    const devtools = await DevTools()
+    const devtools = await DevTools({ builtinDevTools: false })
     addVitePlugin(devtools)
   },
 })

From 8ed9bdcada17c299f8656106face2fcbff61ffdd Mon Sep 17 00:00:00 2001
From: yuyinws <lyc657508366@gmail.com>
Date: Thu, 16 Jul 2026 16:50:33 +0800
Subject: [PATCH 2/6] refactor(oxc): remove lint log cli

---
 docs/oxc/index.md                             |   2 +-
 packages/oxc/README.md                        |   6 --
 packages/oxc/package.json                     |   2 -
 .../oxc/src/app/pages/lint/report/index.vue   |  20 +---
 packages/oxc/src/commands/lint.ts             |  90 ----------------
 packages/oxc/src/commands/main.ts             |   4 +-
 packages/oxc/src/index.ts                     |   4 -
 packages/oxc/src/node/diagnostics.ts          |   7 +-
 packages/oxc/src/node/utils/oxlint.ts         | 100 +-----------------
 packages/oxc/tsconfig.json                    |  16 ---
 pnpm-lock.yaml                                |  66 +++++-------
 pnpm-workspace.yaml                           |   1 -
 12 files changed, 30 insertions(+), 288 deletions(-)
 delete mode 100644 packages/oxc/src/commands/lint.ts
 delete mode 100644 packages/oxc/tsconfig.json

diff --git a/docs/oxc/index.md b/docs/oxc/index.md
index af491d20..fe44b72c 100644
--- a/docs/oxc/index.md
+++ b/docs/oxc/index.md
@@ -25,4 +25,4 @@ export default defineConfig({
 })
 ```
 
-It also runs standalone from the CLI — generate lint logs with `npx @vitejs/devtools-oxc lint`, then launch the UI with `npx @vitejs/devtools-oxc`.
+It also runs standalone from the CLI with `npx @vitejs/devtools-oxc`.
diff --git a/packages/oxc/README.md b/packages/oxc/README.md
index 6a00a0c1..ec241b3f 100644
--- a/packages/oxc/README.md
+++ b/packages/oxc/README.md
@@ -40,12 +40,6 @@ yarn add -D @vitejs/devtools-oxc
 bun add -D @vitejs/devtools-oxc
 ```
 
-### Generate lint logs
-
-```sh
-npx @vitejs/devtools-oxc lint
-```
-
 ### Launch UI
 
 ```sh
diff --git a/packages/oxc/package.json b/packages/oxc/package.json
index 3f470bf0..d6604a8b 100644
--- a/packages/oxc/package.json
+++ b/packages/oxc/package.json
@@ -43,9 +43,7 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@clack/prompts": "catalog:inlined",
     "@vitejs/devtools-kit": "workspace:*",
-    "ansis": "catalog:deps",
     "devframe": "catalog:deps",
     "gunshi": "catalog:deps",
     "nostics": "catalog:deps",
diff --git a/packages/oxc/src/app/pages/lint/report/index.vue b/packages/oxc/src/app/pages/lint/report/index.vue
index c09593bf..68e9e3e2 100644
--- a/packages/oxc/src/app/pages/lint/report/index.vue
+++ b/packages/oxc/src/app/pages/lint/report/index.vue
@@ -45,27 +45,9 @@ const filteredSessionMetaList = computed(() => {
     <VisualEmptyState v-else w-full mt4 title="No sessions found" icon="i-ph-folder-simple-duotone">
       <template #description>
         <div text-sm op-fade leading-7>
-          <span>Oxc Inspector logs directory</span><code>.devtools-oxc</code> not found.
-          <br />
-          Run <code>npx @vitejs/devtools-oxc lint</code> to generate it first.
-          <br />
-          Read more:
-          <NuxtLink
-            to="https://github.com/yuyinws/oxc-inspector"
-            external
-            target="_blank"
-            color-active
-          >
-            https://github.com/yuyinws/oxc-inspector
-          </NuxtLink>
+          Lint sessions will appear here when lint data is available.
         </div>
       </template>
     </VisualEmptyState>
   </div>
 </template>
-
-<style scoped>
-code {
-  --uno: bg-active rounded-sm px1 py0.5;
-}
-</style>
diff --git a/packages/oxc/src/commands/lint.ts b/packages/oxc/src/commands/lint.ts
deleted file mode 100644
index 15746810..00000000
--- a/packages/oxc/src/commands/lint.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { intro, outro, spinner, log } from '@clack/prompts'
-import { define } from 'gunshi'
-import {
-  execOxlintCommand,
-  getOxlintConfig,
-  getOxlintVersion,
-  groupByFilename,
-} from '../node/utils/oxlint'
-import { mkdir, readFile, writeFile } from 'node:fs/promises'
-import { cwd } from 'node:process'
-import c from 'ansis'
-import { relative, resolve } from 'pathe'
-import { version } from '../../package.json'
-
-export const lint = define({
-  name: 'lint',
-  description: 'Generate oxlint logs',
-  run: async ({ _ }) => {
-    const spin = spinner()
-
-    intro(`Oxc Inspector ${c.cyan(`v${version}`)}`)
-
-    const gitignorePath = resolve(cwd(), '.gitignore')
-    let appended = false
-    try {
-      const content = await readFile(gitignorePath, 'utf-8')
-      const hasEntry = content.split('\n').some(line => {
-        const trimmed = line.trim()
-        return trimmed !== '' && !trimmed.startsWith('#') && /\.devtools-oxc/.test(trimmed)
-      })
-      if (!hasEntry) {
-        const append = content.endsWith('\n') ? '.devtools-oxc\n' : '\n.devtools-oxc\n'
-        await writeFile(gitignorePath, content + append, 'utf-8')
-        appended = true
-      }
-    } catch (err) {
-      if ((err as NodeJS.ErrnoException).code === 'ENOENT') {
-        await writeFile(gitignorePath, '.devtools-oxc\n', 'utf-8')
-        appended = true
-      } else {
-        throw err
-      }
-    }
-    if (appended) {
-      log.info('Appended .devtools-oxc to .gitignore')
-    }
-
-    spin.start('Running Oxlint...')
-
-    const oxLintVersion = await getOxlintVersion()
-    const config = await getOxlintConfig()
-    const rawOutput = execOxlintCommand(_)
-    const groupedOutput = await groupByFilename(rawOutput)
-
-    const logsRootDir = resolve(cwd(), '.devtools-oxc', 'lint')
-    await mkdir(logsRootDir, { recursive: true })
-    const sessionId = Date.now()
-    const sessionDir = resolve(logsRootDir, String(sessionId))
-    await mkdir(sessionDir, { recursive: true })
-    await writeFile(
-      resolve(sessionDir, 'meta.json'),
-      JSON.stringify(
-        {
-          version: oxLintVersion,
-          timestamp: sessionId,
-          summary: groupedOutput.summary,
-        },
-        null,
-        2,
-      ),
-      'utf-8',
-    )
-    await writeFile(
-      resolve(sessionDir, 'logs.json'),
-      JSON.stringify(
-        {
-          files: groupedOutput.files,
-          config: config ? JSON.parse(config) : null,
-        },
-        null,
-        2,
-      ),
-      'utf-8',
-    )
-    spin.stop()
-
-    outro(`Oxlint logs generated in ${c.cyan(relative(cwd(), sessionDir))}`)
-    process.exit(0)
-  },
-})
diff --git a/packages/oxc/src/commands/main.ts b/packages/oxc/src/commands/main.ts
index f112fab0..111992f1 100644
--- a/packages/oxc/src/commands/main.ts
+++ b/packages/oxc/src/commands/main.ts
@@ -1,7 +1,5 @@
 import { define } from 'gunshi'
 import { createDevServer } from 'devframe/adapters/dev'
-import c from 'ansis'
-import { log } from '@clack/prompts'
 import { oxcDevframe, OXC_DEVTOOLS_BASE } from '../node/devframe'
 
 export const mainCommand = define({
@@ -13,7 +11,7 @@ export const mainCommand = define({
     // CLI shell stays framework-agnostic.
     await createDevServer(oxcDevframe, {
       onReady: ({ origin }) => {
-        log.info(`Oxc Inspector UI is running on ${c.cyan(`${origin}${OXC_DEVTOOLS_BASE}`)}`)
+        console.log(`Oxc Inspector UI is running on ${origin}${OXC_DEVTOOLS_BASE}`)
       },
     })
   },
diff --git a/packages/oxc/src/index.ts b/packages/oxc/src/index.ts
index e4cbbbd4..04b785c4 100644
--- a/packages/oxc/src/index.ts
+++ b/packages/oxc/src/index.ts
@@ -1,14 +1,10 @@
 import { argv } from 'node:process'
 import { cli } from 'gunshi'
 import { mainCommand } from './commands/main'
-import { lint } from './commands/lint'
 import { version } from '../package.json'
 
 cli(argv.slice(2), mainCommand, {
   name: 'oxc-devtools',
   version,
   renderHeader: () => Promise.resolve(''),
-  subCommands: {
-    lint,
-  },
 })
diff --git a/packages/oxc/src/node/diagnostics.ts b/packages/oxc/src/node/diagnostics.ts
index bb53e78e..29707229 100644
--- a/packages/oxc/src/node/diagnostics.ts
+++ b/packages/oxc/src/node/diagnostics.ts
@@ -9,10 +9,5 @@ import { createConsoleReporter, defineDiagnostics } from 'nostics'
 export const diagnostics = /* #__PURE__ */ defineDiagnostics({
   docsBase: 'https://devtools.vite.dev/errors',
   reporters: [createConsoleReporter()],
-  codes: {
-    OXDT0001: {
-      why: 'Oxc logs directory `.devtools-oxc` not found, you might want to run build with `npx @vitejs/devtools-oxc` to generate it first.',
-      fix: 'Run `npx @vitejs/devtools-oxc lint` to generate lint logs before launching the UI.',
-    },
-  },
+  codes: {},
 })
diff --git a/packages/oxc/src/node/utils/oxlint.ts b/packages/oxc/src/node/utils/oxlint.ts
index 4a68ab5a..cb9333f6 100644
--- a/packages/oxc/src/node/utils/oxlint.ts
+++ b/packages/oxc/src/node/utils/oxlint.ts
@@ -1,20 +1,9 @@
-import { execSync } from 'node:child_process'
 import { readFile } from 'node:fs/promises'
 import { dirname } from 'node:path'
-import { cwd, exit } from 'node:process'
+import { cwd } from 'node:process'
 import { fileURLToPath } from 'node:url'
 import { resolve } from 'pathe'
 
-export async function getOxlintVersion() {
-  try {
-    const version = execSync('npx oxlint --version', { encoding: 'utf-8' })
-    return version.split(' ')[1]?.replaceAll('\n', '') ?? undefined
-  } catch {
-    console.error('Oxlint is not installed, please install it first')
-    exit(1)
-  }
-}
-
 export async function getOxlintConfig() {
   // Read the .oxlintrc.json file in the current directory
   const configPath = resolve(cwd(), '.oxlintrc.json')
@@ -27,91 +16,4 @@ export async function getOxlintConfig() {
   }
 }
 
-function wrapOxlintCommand(rawArgs: string[]) {
-  const args = rawArgs.slice(1)
-  const commandArgs = ['npx', '--yes', 'oxlint', '-f', 'json', ...args]
-  return commandArgs.join(' ')
-}
-
-export function execOxlintCommand(rawArgs: string[]) {
-  try {
-    const oxlintCommand = wrapOxlintCommand(rawArgs)
-    const output = execSync(oxlintCommand, { encoding: 'utf-8', stdio: ['pipe', 'pipe', 'pipe'] })
-    return output
-  } catch (error) {
-    if (error instanceof Error && 'stdout' in error) {
-      return error.stdout as string
-    }
-    throw error
-  }
-}
-
 export const clientDir = resolve(dirname(fileURLToPath(import.meta.url)), './client/public')
-
-// Group diagnostics by filename
-export async function groupByFilename(oxlintOutput: string) {
-  try {
-    const data = JSON.parse(oxlintOutput)
-    const diagnostics = data.diagnostics || []
-
-    // Group by filename
-    const grouped = diagnostics.reduce((acc: Record<string, any>, diagnostic: any) => {
-      const filename = diagnostic.filename
-      if (!acc[filename]) {
-        acc[filename] = {
-          filename,
-          lines: {},
-        }
-      }
-
-      // Group by line
-      const line = diagnostic.labels?.[0]?.span?.line || 1
-      if (!acc[filename].lines[line]) {
-        acc[filename].lines[line] = []
-      }
-      acc[filename].lines[line].push(diagnostic)
-
-      return acc
-    }, {})
-
-    // Convert to array format, turn the lines object into an array, and read each file's contents
-    const result = await Promise.all(
-      Object.values(grouped).map(async (file: any) => {
-        let source = ''
-        try {
-          source = await readFile(file.filename, 'utf-8')
-        } catch (error) {
-          console.warn(`Can not read file ${file.filename}:`, error)
-          source = ''
-        }
-
-        return {
-          filename: file.filename,
-          source,
-          lines: Object.entries(file.lines)
-            .map(([line, messages]: [string, any]) => ({
-              line: Number.parseInt(line),
-              messages,
-            }))
-            .sort((a, b) => a.line - b.line), // Sort by line number
-        }
-      }),
-    )
-
-    return {
-      files: result,
-      summary: {
-        number_of_files: data.number_of_files,
-        number_of_rules: data.number_of_rules,
-        threads_count: data.threads_count,
-        start_time: data.start_time,
-        files_with_issues: result.length,
-        error_count: diagnostics.filter((d: any) => d.severity === 'error').length,
-        warning_count: diagnostics.filter((d: any) => d.severity === 'warning').length,
-      },
-    }
-  } catch (error) {
-    console.error('Failed to parse oxlint output:', error)
-    return { files: [], summary: {} }
-  }
-}
diff --git a/packages/oxc/tsconfig.json b/packages/oxc/tsconfig.json
deleted file mode 100644
index 99e6e8b5..00000000
--- a/packages/oxc/tsconfig.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "composite": true,
-    "lib": ["esnext", "dom"]
-  },
-  "include": [
-    "src/index.ts",
-    "src/vite.ts",
-    "src/dirs.ts",
-    "src/commands",
-    "src/node",
-    "src/types",
-    "bin"
-  ]
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 77708dc7..37a2e57d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -58,9 +58,6 @@ catalogs:
     actionspack:
       specifier: ^0.1.5
       version: 0.1.5
-    ansis:
-      specifier: ^4.3.1
-      version: 4.3.1
     birpc:
       specifier: ^4.0.0
       version: 4.0.0
@@ -505,7 +502,7 @@ importers:
         version: 3.2.4(@vitejs/devtools@0.3.4)(vite@8.1.4)(vue@3.5.39(typescript@6.0.3))
       '@nuxt/eslint':
         specifier: catalog:devtools
-        version: 1.16.0(@typescript-eslint/utils@8.64.0(eslint@10.7.0(jiti@2.7.0))(typescript@6.0.3))(@vue/compiler-sfc@3.5.39)(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(eslint@10.7.0(jiti@2.7.0))(magicast@0.5.2)(oxc-parser@0.133.0)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+        version: 1.16.0(@typescript-eslint/utils@8.64.0(eslint@10.7.0(jiti@2.7.0))(typescript@6.0.3))(@vue/compiler-sfc@3.5.39)(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(eslint@10.7.0(jiti@2.7.0))(magicast@0.5.2)(oxc-parser@0.133.0)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
       '@nuxt/icon':
         specifier: catalog:build
         version: 2.3.1(magicast@0.5.2)(vite@8.1.4)(vue@3.5.39(typescript@6.0.3))
@@ -925,15 +922,9 @@ importers:
 
   packages/oxc:
     dependencies:
-      '@clack/prompts':
-        specifier: catalog:inlined
-        version: 1.7.0
       '@vitejs/devtools-kit':
         specifier: workspace:*
         version: link:../kit
-      ansis:
-        specifier: catalog:deps
-        version: 4.3.1
       devframe:
         specifier: catalog:deps
         version: 0.7.2(cac@7.0.0)(srvx@0.11.15)(typescript@6.0.3)
@@ -10090,10 +10081,10 @@ snapshots:
 
   '@colordx/core@5.4.3': {}
 
-  '@devframes/hub@0.5.4(devframe@0.5.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1)))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))':
+  '@devframes/hub@0.5.4(devframe@0.5.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1)))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))':
     dependencies:
       birpc: 4.0.0
-      devframe: 0.5.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+      devframe: 0.5.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
       nostics: 0.2.0(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
       pathe: 2.0.3
       perfect-debounce: 2.1.0
@@ -10405,12 +10396,12 @@ snapshots:
     dependencies:
       '@eslint/core': 1.2.1
 
-  '@eslint/config-inspector@3.0.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(eslint@10.7.0(jiti@2.7.0))(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))':
+  '@eslint/config-inspector@3.0.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(eslint@10.7.0(jiti@2.7.0))(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))':
     dependencies:
       ansis: 4.3.1
       cac: 7.0.0
       chokidar: 5.0.0
-      devframe: 0.5.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+      devframe: 0.5.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
       eslint: 10.7.0(jiti@2.7.0)
       jiti: 2.7.0
       tinyglobby: 0.2.17
@@ -10829,7 +10820,7 @@ snapshots:
       which: 6.0.1
       ws: 8.21.0
     optionalDependencies:
-      '@vitejs/devtools': 0.3.4(crossws@0.4.9(srvx@0.11.15))(db0@0.3.4)(esbuild@0.28.1)(idb-keyval@6.3.0)(ioredis@5.10.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+      '@vitejs/devtools': 0.3.4(crossws@0.4.10(srvx@0.11.15))(db0@0.3.4)(esbuild@0.28.1)(idb-keyval@6.3.0)(ioredis@5.10.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
     transitivePeerDependencies:
       - bufferutil
       - supports-color
@@ -10919,9 +10910,9 @@ snapshots:
       - supports-color
       - typescript
 
-  '@nuxt/eslint@1.16.0(@typescript-eslint/utils@8.64.0(eslint@10.7.0(jiti@2.7.0))(typescript@6.0.3))(@vue/compiler-sfc@3.5.39)(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(eslint@10.7.0(jiti@2.7.0))(magicast@0.5.2)(oxc-parser@0.133.0)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))':
+  '@nuxt/eslint@1.16.0(@typescript-eslint/utils@8.64.0(eslint@10.7.0(jiti@2.7.0))(typescript@6.0.3))(@vue/compiler-sfc@3.5.39)(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(eslint@10.7.0(jiti@2.7.0))(magicast@0.5.2)(oxc-parser@0.133.0)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))':
     dependencies:
-      '@eslint/config-inspector': 3.0.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(eslint@10.7.0(jiti@2.7.0))(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+      '@eslint/config-inspector': 3.0.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(eslint@10.7.0(jiti@2.7.0))(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
       '@nuxt/devtools-kit': 3.2.4(magicast@0.5.2)(vite@8.1.4)
       '@nuxt/eslint-config': 1.16.0(@typescript-eslint/utils@8.64.0(eslint@10.7.0(jiti@2.7.0))(typescript@6.0.3))(@vue/compiler-sfc@3.5.39)(eslint@10.7.0(jiti@2.7.0))(typescript@6.0.3)
       '@nuxt/eslint-plugin': 1.16.0(eslint@10.7.0(jiti@2.7.0))(typescript@6.0.3)
@@ -13362,11 +13353,11 @@ snapshots:
       - rollup
       - supports-color
 
-  '@vitejs/devtools-kit@0.3.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))':
+  '@vitejs/devtools-kit@0.3.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))':
     dependencies:
-      '@devframes/hub': 0.5.4(devframe@0.5.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1)))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+      '@devframes/hub': 0.5.4(devframe@0.5.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1)))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
       birpc: 4.0.0
-      devframe: 0.5.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+      devframe: 0.5.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
       mlly: 1.8.2
       nostics: 1.1.4
       pathe: 2.0.3
@@ -13401,18 +13392,18 @@ snapshots:
       - srvx
       - typescript
 
-  '@vitejs/devtools-rolldown@0.3.4(crossws@0.4.9(srvx@0.11.15))(db0@0.3.4)(esbuild@0.28.1)(idb-keyval@6.3.0)(ioredis@5.10.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(vue@3.5.39(typescript@6.0.3))(webpack@5.104.1(esbuild@0.28.1))':
+  '@vitejs/devtools-rolldown@0.3.4(crossws@0.4.10(srvx@0.11.15))(db0@0.3.4)(esbuild@0.28.1)(idb-keyval@6.3.0)(ioredis@5.10.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(vue@3.5.39(typescript@6.0.3))(webpack@5.104.1(esbuild@0.28.1))':
     dependencies:
       '@floating-ui/dom': 1.8.0
       '@rolldown/debug': 1.1.5
-      '@vitejs/devtools-kit': 0.3.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+      '@vitejs/devtools-kit': 0.3.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
       birpc: 4.0.0
       cac: 7.0.0
       d3-shape: 3.2.0
-      devframe: 0.5.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+      devframe: 0.5.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
       diff: 9.0.0
       get-port-please: 3.2.0
-      h3: 2.0.1-rc.22(crossws@0.4.9(srvx@0.11.15))
+      h3: 2.0.1-rc.22(crossws@0.4.10(srvx@0.11.15))
       mlly: 1.8.2
       mrmime: 2.0.1
       nostics: 1.1.4
@@ -13479,15 +13470,15 @@ snapshots:
       - vue
     optional: true
 
-  '@vitejs/devtools@0.3.4(crossws@0.4.9(srvx@0.11.15))(db0@0.3.4)(esbuild@0.28.1)(idb-keyval@6.3.0)(ioredis@5.10.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))':
+  '@vitejs/devtools@0.3.4(crossws@0.4.10(srvx@0.11.15))(db0@0.3.4)(esbuild@0.28.1)(idb-keyval@6.3.0)(ioredis@5.10.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))':
     dependencies:
-      '@devframes/hub': 0.5.4(devframe@0.5.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1)))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
-      '@vitejs/devtools-kit': 0.3.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
-      '@vitejs/devtools-rolldown': 0.3.4(crossws@0.4.9(srvx@0.11.15))(db0@0.3.4)(esbuild@0.28.1)(idb-keyval@6.3.0)(ioredis@5.10.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(vue@3.5.39(typescript@6.0.3))(webpack@5.104.1(esbuild@0.28.1))
+      '@devframes/hub': 0.5.4(devframe@0.5.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1)))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+      '@vitejs/devtools-kit': 0.3.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+      '@vitejs/devtools-rolldown': 0.3.4(crossws@0.4.10(srvx@0.11.15))(db0@0.3.4)(esbuild@0.28.1)(idb-keyval@6.3.0)(ioredis@5.10.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(vue@3.5.39(typescript@6.0.3))(webpack@5.104.1(esbuild@0.28.1))
       birpc: 4.0.0
       cac: 7.0.0
-      devframe: 0.5.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
-      h3: 2.0.1-rc.22(crossws@0.4.9(srvx@0.11.15))
+      devframe: 0.5.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+      h3: 2.0.1-rc.22(crossws@0.4.10(srvx@0.11.15))
       mlly: 1.8.2
       nostics: 1.1.4
       obug: 2.1.3
@@ -14900,12 +14891,12 @@ snapshots:
 
   devalue@5.8.1: {}
 
-  devframe@0.5.4(crossws@0.4.9(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1)):
+  devframe@0.5.4(crossws@0.4.10(srvx@0.11.15))(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1)):
     dependencies:
       '@valibot/to-json-schema': 1.7.1(valibot@1.4.2(typescript@6.0.3))
       birpc: 4.0.0
       cac: 7.0.0
-      h3: 2.0.1-rc.22(crossws@0.4.9(srvx@0.11.15))
+      h3: 2.0.1-rc.22(crossws@0.4.10(srvx@0.11.15))
       mrmime: 2.0.1
       nostics: 0.2.0(esbuild@0.28.1)(rolldown@1.1.5)(rollup@4.60.2)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
       pathe: 2.0.3
@@ -15737,13 +15728,6 @@ snapshots:
     optionalDependencies:
       crossws: 0.4.10(srvx@0.11.15)
 
-  h3@2.0.1-rc.22(crossws@0.4.9(srvx@0.11.15)):
-    dependencies:
-      rou3: 0.8.1
-      srvx: 0.11.15
-    optionalDependencies:
-      crossws: 0.4.9(srvx@0.11.15)
-
   hachure-fill@0.5.2: {}
 
   has-flag@4.0.0: {}
@@ -18770,7 +18754,7 @@ snapshots:
       tree-kill: 1.2.2
       unconfig-core: 7.5.0
     optionalDependencies:
-      '@vitejs/devtools': 0.3.4(crossws@0.4.9(srvx@0.11.15))(db0@0.3.4)(esbuild@0.28.1)(idb-keyval@6.3.0)(ioredis@5.10.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+      '@vitejs/devtools': 0.3.4(crossws@0.4.10(srvx@0.11.15))(db0@0.3.4)(esbuild@0.28.1)(idb-keyval@6.3.0)(ioredis@5.10.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
       publint: 0.3.21
       tsx: 4.23.1
       typescript: 6.0.3
@@ -19456,7 +19440,7 @@ snapshots:
       tinyglobby: 0.2.17
     optionalDependencies:
       '@types/node': 25.0.3
-      '@vitejs/devtools': 0.3.4(crossws@0.4.9(srvx@0.11.15))(db0@0.3.4)(esbuild@0.28.1)(idb-keyval@6.3.0)(ioredis@5.10.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
+      '@vitejs/devtools': 0.3.4(crossws@0.4.10(srvx@0.11.15))(db0@0.3.4)(esbuild@0.28.1)(idb-keyval@6.3.0)(ioredis@5.10.1)(rolldown@1.1.5)(rollup@4.60.2)(typescript@6.0.3)(vite@8.1.4)(webpack@5.104.1(esbuild@0.28.1))
       esbuild: 0.28.1
       fsevents: 2.3.3
       jiti: 2.7.0
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index dd0bdc3a..2cfc9db0 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -65,7 +65,6 @@ catalogs:
     '@devframes/plugin-terminals': ^0.7.2
     '@rolldown/debug': ^1.1.5
     actionspack: ^0.1.5
-    ansis: ^4.3.1
     birpc: ^4.0.0
     cac: ^7.0.0
     devframe: ^0.7.2

From 54aef9f057dc7313e82fe74f7438fe5eee3c9d2c Mon Sep 17 00:00:00 2001
From: yuyinws <lyc657508366@gmail.com>
Date: Thu, 16 Jul 2026 17:16:26 +0800
Subject: [PATCH 3/6] refactor(oxc): use cac for cli

---
 packages/oxc/package.json         |  2 +-
 packages/oxc/src/commands/main.ts | 18 ------------------
 packages/oxc/src/index.ts         | 21 +++++++++++++++------
 packages/oxc/src/node/devframe.ts |  2 +-
 pnpm-lock.yaml                    | 15 +++------------
 pnpm-workspace.yaml               |  1 -
 6 files changed, 20 insertions(+), 39 deletions(-)
 delete mode 100644 packages/oxc/src/commands/main.ts

diff --git a/packages/oxc/package.json b/packages/oxc/package.json
index d6604a8b..8f4307d2 100644
--- a/packages/oxc/package.json
+++ b/packages/oxc/package.json
@@ -44,8 +44,8 @@
   },
   "dependencies": {
     "@vitejs/devtools-kit": "workspace:*",
+    "cac": "catalog:deps",
     "devframe": "catalog:deps",
-    "gunshi": "catalog:deps",
     "nostics": "catalog:deps",
     "pathe": "catalog:deps",
     "tinyexec": "catalog:deps"
diff --git a/packages/oxc/src/commands/main.ts b/packages/oxc/src/commands/main.ts
deleted file mode 100644
index 111992f1..00000000
--- a/packages/oxc/src/commands/main.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { define } from 'gunshi'
-import { createDevServer } from 'devframe/adapters/dev'
-import { oxcDevframe, OXC_DEVTOOLS_BASE } from '../node/devframe'
-
-export const mainCommand = define({
-  name: 'main',
-  description: 'Start oxc-devtools ui',
-  run: async () => {
-    // Spin up the devframe-powered dev server (h3 + WebSocket RPC + the SPA).
-    // We drive it directly from gunshi rather than devframe's `createCli` so the
-    // CLI shell stays framework-agnostic.
-    await createDevServer(oxcDevframe, {
-      onReady: ({ origin }) => {
-        console.log(`Oxc Inspector UI is running on ${origin}${OXC_DEVTOOLS_BASE}`)
-      },
-    })
-  },
-})
diff --git a/packages/oxc/src/index.ts b/packages/oxc/src/index.ts
index 04b785c4..0277ad57 100644
--- a/packages/oxc/src/index.ts
+++ b/packages/oxc/src/index.ts
@@ -1,10 +1,19 @@
 import { argv } from 'node:process'
-import { cli } from 'gunshi'
-import { mainCommand } from './commands/main'
+import cac from 'cac'
+import { createDevServer } from 'devframe/adapters/dev'
 import { version } from '../package.json'
+import { oxcDevframe, OXC_DEVTOOLS_BASE } from './node/devframe'
 
-cli(argv.slice(2), mainCommand, {
-  name: 'oxc-devtools',
-  version,
-  renderHeader: () => Promise.resolve(''),
+const cli = cac('oxc-devtools')
+
+cli.command('', 'Start Oxc DevTools').action(async () => {
+  await createDevServer(oxcDevframe, {
+    onReady: ({ origin }) => {
+      console.log(`Oxc Inspector UI is running on ${origin}${OXC_DEVTOOLS_BASE}`)
+    },
+  })
 })
+
+cli.version(version)
+cli.help()
+cli.parse(argv)
diff --git a/packages/oxc/src/node/devframe.ts b/packages/oxc/src/node/devframe.ts
index f226986f..5b6f2eab 100644
--- a/packages/oxc/src/node/devframe.ts
+++ b/packages/oxc/src/node/devframe.ts
@@ -13,7 +13,7 @@ export const OXC_DEVTOOLS_BASE = '/__devtools-oxc/'
  *
  * - **embedded** in Vite DevTools via kit's `createPluginFromDevframe`
  *   (see `../vite.ts`), and
- * - **standalone** via devframe's `createDevServer` (see `../commands/main.ts`).
+ * - **standalone** via devframe's `createDevServer` (see `../../index.ts`).
  *
  * `setup(ctx)` only registers RPC functions — the SPA hosting and dock entry
  * are derived from this metadata by the respective adapter.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 37a2e57d..48eeaf15 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -73,9 +73,6 @@ catalogs:
     get-port-please:
       specifier: ^3.2.0
       version: 3.2.0
-    gunshi:
-      specifier: ^0.36.0
-      version: 0.36.0
     h3:
       specifier: 2.0.1-rc.22
       version: 2.0.1-rc.22
@@ -925,12 +922,12 @@ importers:
       '@vitejs/devtools-kit':
         specifier: workspace:*
         version: link:../kit
+      cac:
+        specifier: ^7.0.0
+        version: 7.0.0
       devframe:
         specifier: catalog:deps
         version: 0.7.2(cac@7.0.0)(srvx@0.11.15)(typescript@6.0.3)
-      gunshi:
-        specifier: catalog:deps
-        version: 0.36.0
       nostics:
         specifier: catalog:deps
         version: 1.1.4
@@ -6832,10 +6829,6 @@ packages:
     resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
     engines: {node: '>=6.0'}
 
-  gunshi@0.36.0:
-    resolution: {integrity: sha512-LJhM/2YiC4GfsaT2fnvccNkGXzbtMCBkgXpyLSM+1QVal2n7k8VJZol8qm1qgm2wmaQ6NBVmcGZIOkB/ms+6uQ==}
-    engines: {node: '>= 22'}
-
   gzip-size@6.0.0:
     resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==}
     engines: {node: '>=10'}
@@ -15699,8 +15692,6 @@ snapshots:
       section-matter: 1.0.0
       strip-bom-string: 1.0.0
 
-  gunshi@0.36.0: {}
-
   gzip-size@6.0.0:
     dependencies:
       duplexer: 0.1.2
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 2cfc9db0..4e52f7b1 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -71,7 +71,6 @@ catalogs:
     diff: ^9.0.0
     envinfo: ^7.21.0
     get-port-please: ^3.2.0
-    gunshi: ^0.36.0
     h3: 2.0.1-rc.22
     local-pkg: ^1.2.1
     mlly: ^1.8.2

From 526adf22bd4158f506617313a227fe45104f7d93 Mon Sep 17 00:00:00 2001
From: yuyinws <lyc657508366@gmail.com>
Date: Thu, 16 Jul 2026 17:21:02 +0800
Subject: [PATCH 4/6] chore: clean code

---
 packages/oxc/src/commands/fmt.ts | 1 -
 1 file changed, 1 deletion(-)
 delete mode 100644 packages/oxc/src/commands/fmt.ts

diff --git a/packages/oxc/src/commands/fmt.ts b/packages/oxc/src/commands/fmt.ts
deleted file mode 100644
index acb6ccd8..00000000
--- a/packages/oxc/src/commands/fmt.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const fmt = ''

From 1163c49b3ecee8e124e6db6f266468bcec7754a1 Mon Sep 17 00:00:00 2001
From: yuyinws <lyc657508366@gmail.com>
Date: Fri, 17 Jul 2026 15:05:31 +0800
Subject: [PATCH 5/6] feat: reorganize page structure

---
 packages/oxc/src/app/app.vue                  |   4 +-
 .../oxc/src/app/components/SessionCard.vue    |   2 +-
 packages/oxc/src/app/pages/index.vue          | 357 ++++++++----------
 packages/oxc/src/app/pages/oxfmt.vue          |  31 ++
 .../src/app/pages/{fmt => oxfmt}/config.vue   |   0
 .../oxc/src/app/pages/oxfmt/documents.vue     |  10 +
 packages/oxc/src/app/pages/oxlint.vue         |  36 ++
 .../src/app/pages/{lint => oxlint}/config.vue |   0
 .../oxc/src/app/pages/oxlint/documents.vue    |  10 +
 .../report/index.vue => oxlint/lint.vue}      |   0
 .../{lint/report => oxlint/lint}/[id].vue     |   0
 .../src/node/__tests__/config-files.test.ts   |  74 ++++
 .../node/rpc/functions/get-config-files.ts    |  12 +
 packages/oxc/src/node/rpc/index.ts            |   2 +
 packages/oxc/src/node/utils/config-files.ts   |  99 +++++
 packages/oxc/src/nuxt.config.ts               |  19 +-
 16 files changed, 439 insertions(+), 217 deletions(-)
 create mode 100644 packages/oxc/src/app/pages/oxfmt.vue
 rename packages/oxc/src/app/pages/{fmt => oxfmt}/config.vue (100%)
 create mode 100644 packages/oxc/src/app/pages/oxfmt/documents.vue
 create mode 100644 packages/oxc/src/app/pages/oxlint.vue
 rename packages/oxc/src/app/pages/{lint => oxlint}/config.vue (100%)
 create mode 100644 packages/oxc/src/app/pages/oxlint/documents.vue
 rename packages/oxc/src/app/pages/{lint/report/index.vue => oxlint/lint.vue} (100%)
 rename packages/oxc/src/app/pages/{lint/report => oxlint/lint}/[id].vue (100%)
 create mode 100644 packages/oxc/src/node/__tests__/config-files.test.ts
 create mode 100644 packages/oxc/src/node/rpc/functions/get-config-files.ts
 create mode 100644 packages/oxc/src/node/utils/config-files.ts

diff --git a/packages/oxc/src/app/app.vue b/packages/oxc/src/app/app.vue
index 7a793338..659cffd6 100644
--- a/packages/oxc/src/app/app.vue
+++ b/packages/oxc/src/app/app.vue
@@ -12,7 +12,5 @@ connect()
     {{ connectionState.error }}
   </div>
   <VisualLoading v-else-if="!connectionState.connected" text="Connecting..." />
-  <main v-else container mx-auto p4>
-    <NuxtPage />
-  </main>
+  <NuxtPage v-else />
 </template>
diff --git a/packages/oxc/src/app/components/SessionCard.vue b/packages/oxc/src/app/components/SessionCard.vue
index 1b2d3701..b5ba53af 100644
--- a/packages/oxc/src/app/components/SessionCard.vue
+++ b/packages/oxc/src/app/components/SessionCard.vue
@@ -12,7 +12,7 @@ const failed = computed(() => {
 </script>
 
 <template>
-  <NuxtLink w-full :to="`/lint/report/${meta.timestamp}`">
+  <NuxtLink w-full :to="`/oxlint/lint/${meta.timestamp}`">
     <ContainerCard p4 cursor-pointer hover:bg-active>
       <div flex justify-between gap-2 font-mono op-fade>
         <div flex items-center gap-1>
diff --git a/packages/oxc/src/app/pages/index.vue b/packages/oxc/src/app/pages/index.vue
index a978b858..63148453 100644
--- a/packages/oxc/src/app/pages/index.vue
+++ b/packages/oxc/src/app/pages/index.vue
@@ -1,224 +1,177 @@
 <script setup lang="ts">
-import ContainerCard from '@vitejs/devtools-ui/components/Container/ContainerCard.vue'
 import BannerOxcDevTools from '@vitejs/devtools-ui/components/Banner/BannerOxcDevTools.vue'
+import DisplayBadge from '@vitejs/devtools-ui/components/Display/DisplayBadge.vue'
+import DisplayNumberBadge from '@vitejs/devtools-ui/components/Display/DisplayNumberBadge.vue'
 import { useAsyncState } from '@vueuse/core'
+import { computed } from 'vue'
 import { useRpc } from '#imports'
 
 const rpc = useRpc()
 
-const { state: overview } = useAsyncState(() => rpc.value.call('devtools-oxc:overview'), {
-  oxlint: {
-    installed: false,
-    version: undefined,
-    latest: true,
-    npmxLink: undefined,
+const { state: overview, isLoading } = useAsyncState(
+  () => rpc.value.call('devtools-oxc:overview'),
+  {
+    oxlint: {
+      installed: false,
+      version: undefined,
+      latest: true,
+      npmxLink: undefined,
+    },
+    oxfmt: {
+      installed: false,
+      version: undefined,
+      latest: true,
+      npmxLink: undefined,
+    },
   },
-  oxfmt: {
-    installed: false,
-    version: undefined,
-    latest: true,
-    npmxLink: undefined,
-  },
-})
-</script>
+)
 
-<template>
-  <div flex="~ col" items-center gap-8 font-mono translate-y-50>
-    <BannerOxcDevTools />
+const { state: configFiles } = useAsyncState(
+  () => rpc.value.call('devtools-oxc:get-config-files'),
+  [],
+)
 
-    <div flex="~ col md:row" items-center gap-4>
-      <ContainerCard
-        w-70
-        flex="~ col"
-        items-center
-        justify-center
-        gap-3
-        py5
-        px4
-        transition-all
-        duration-300
-        hover:shadow-lg
-        dark:hover:shadow="[0_0_20px_rgba(255,255,255,0.1)]"
-      >
-        <div i-ph-check-circle text-4xl op-fade />
-        <p text-xl mt2 font-medium color-base>oxlint</p>
+interface ToolView {
+  title: string
+  icon: string
+  to: string
+}
 
-        <div v-if="overview?.oxlint.installed" flex="~ col" items-center>
-          <a
-            :href="overview?.oxlint.npmxLink"
-            target="_blank"
-            op-fade
-            text-base
-            cursor-pointer
-            hover:color-active
-          >
-            v{{ overview?.oxlint.version }}
-          </a>
-          <span
-            v-if="overview?.oxlint.latest"
-            badge-color-green
-            px2
-            py0.5
-            rounded
-            border
-            font-bold
-            text-sm
-            >Latest</span
-          >
-          <NuxtLink
-            v-else
-            to="https://npmx.dev/package/oxlint/v/latest"
-            target="_blank"
-            cursor-pointer
-          >
-            <span badge-color-amber px2 py0.5 rounded border font-bold text-sm
-              >Update Available</span
-            >
-          </NuxtLink>
-        </div>
-
-        <span v-else op-fade mt4 text-base> Not installed </span>
+const tools = computed(() => {
+  const oxlint = overview.value.oxlint
+  const oxlintViews: ToolView[] = [
+    ...(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: 'Documents', icon: 'i-ph-book-open-duotone', to: '/oxlint/documents' },
+  ]
+  const oxfmtViews: ToolView[] = [
+    { title: 'Documents', icon: 'i-ph-book-open-duotone', to: '/oxfmt/documents' },
+  ]
 
-        <div v-if="overview?.oxlint.installed" flex items-center gap-3 mt2>
-          <NuxtLink to="/lint/report" flex items-center gap-1 op-fade text-sm hover:color-active>
-            <div i-carbon-report />
-            Reports
-          </NuxtLink>
+  return [
+    {
+      id: 'oxlint',
+      name: 'Oxlint',
+      info: oxlint,
+      configs: configFiles.value.filter(file => file.tool === 'oxlint'),
+      views: oxlintViews,
+    },
+    {
+      id: 'oxfmt',
+      name: 'Oxfmt',
+      info: overview.value.oxfmt,
+      configs: configFiles.value.filter(file => file.tool === 'oxfmt'),
+      views: oxfmtViews,
+    },
+  ]
+})
+</script>
 
-          <NuxtLink to="/lint/config" flex items-center gap-1 op-fade text-sm hover:color-active>
-            <div i-carbon-settings />
-            Config
-          </NuxtLink>
+<template>
+  <VisualLoading v-if="isLoading" text="Connecting..." />
+  <div v-else h-full p4 flex="~ col gap-4" items-center justify-center relative>
+    <BannerOxcDevTools mx-auto />
 
-          <a
-            href="https://oxc.rs/docs/guide/usage/linter.html"
-            target="_blank"
-            flex
-            items-center
-            gap-1
-            op-fade
-            text-sm
-            hover:color-active
-          >
-            <div i-carbon-document />
-            Docs
-          </a>
-        </div>
-      </ContainerCard>
+    <div flex="~ col lg:row gap-4" mx-auto mt-4>
+      <div v-for="tool in tools" :key="tool.id" border="~ base rounded" p2 flex-1 min-w-max>
+        <div p4 flex="~ col gap-4" h-full>
+          <div text-2xl font-semibold>
+            {{ tool.name }}
+          </div>
 
-      <ContainerCard
-        w-70
-        flex="~ col"
-        items-center
-        justify-center
-        gap-3
-        py5
-        px4
-        transition-all
-        duration-300
-        hover:shadow-lg
-        dark:hover:shadow="[0_0_20px_rgba(255,255,255,0.1)]"
-      >
-        <div i-ph-code text-4xl op-fade />
-        <p text-xl mt2 font-medium color-base>oxfmt</p>
+          <div grid="~ cols-[max-content_160px_2fr] gap-2 items-center">
+            <div i-ph-tag-duotone op-fade />
+            <span op-fade>Version</span>
+            <div flex items-center gap-2 w-full>
+              <a
+                v-if="tool.info.installed"
+                :href="tool.info.npmxLink"
+                target="_blank"
+                hover:color-active
+                font-mono
+              >
+                v{{ tool.info.version }}
+              </a>
+              <span v-else op-fade>Not installed</span>
+              <a
+                v-if="tool.info.installed"
+                :href="
+                  tool.info.latest ? undefined : `https://npmx.dev/package/${tool.id}/v/latest`
+                "
+                :target="tool.info.latest ? undefined : '_blank'"
+                hover:color-active
+              >
+                <DisplayBadge
+                  :text="tool.info.latest ? 'Latest' : 'Update Available'"
+                  :color="false"
+                  :class="tool.info.latest ? 'badge-color-green' : 'badge-color-amber'"
+                />
+              </a>
+            </div>
 
-        <a
-          v-if="overview?.oxfmt.installed"
-          :href="overview?.oxfmt.npmxLink"
-          target="_blank"
-          op-fade
-          text-base
-          cursor-pointer
-          hover:color-active
-        >
-          v{{ overview?.oxfmt.version }}
-        </a>
-        <div v-if="overview?.oxfmt.installed">
-          <span
-            v-if="overview?.oxfmt.latest"
-            badge-color-green
-            px2
-            py0.5
-            rounded
-            border
-            font-bold
-            text-sm
-            >Latest</span
-          >
-          <NuxtLink
-            v-else
-            to="https://npmx.dev/package/oxfmt/v/latest"
-            target="_blank"
-            cursor-pointer
-          >
-            <span badge-color-amber px2 py0.5 rounded border font-bold text-sm
-              >Update Available</span
-            >
-          </NuxtLink>
-        </div>
-        <span v-else op-fade mt4 text-base> Not installed </span>
+            <div i-ph-files-duotone op-fade />
+            <span op-fade>Configs</span>
+            <VDropdown v-if="tool.configs.length" placement="bottom-start" :triggers="['hover']">
+              <DisplayNumberBadge
+                :number="tool.configs.length"
+                py1
+                rounded-full
+                font-mono
+                inline-block
+                text-sm
+                cursor-pointer
+                hover:color-active
+              />
 
-        <div v-if="overview?.oxfmt.installed" flex items-center gap-3 mt2>
-          <NuxtLink to="/fmt/config" flex items-center gap-1 op-fade text-sm hover:color-active>
-            <div i-carbon-settings />
-            Config
-          </NuxtLink>
+              <template #popper>
+                <div p3 min-w-60 flex="~ col gap-2" font-mono text-sm>
+                  <div
+                    v-for="config in tool.configs"
+                    :key="`${config.tool}:${config.path}`"
+                    flex
+                    items-center
+                    gap-2
+                  >
+                    <div i-ph-file-duotone op-fade />
+                    <span>{{ config.path }}</span>
+                  </div>
+                </div>
+              </template>
+            </VDropdown>
+            <DisplayNumberBadge
+              v-else
+              :number="0"
+              py1
+              font-mono
+              rounded-full
+              inline-block
+              text-sm
+            />
+          </div>
 
-          <a
-            href="https://oxc.rs/docs/guide/usage/formatter.html"
-            target="_blank"
-            flex
-            items-center
-            gap-1
-            op-fade
-            text-sm
-            hover:color-active
-          >
-            <div i-carbon-document />
-            Docs
-          </a>
+          <div flex="~ gap-2">
+            <NuxtLink
+              v-for="view in tool.views"
+              :key="view.title"
+              btn-action
+              :to="view.to"
+              flex="~ col"
+              flex-1
+              min-w-max
+              p4
+              px4!
+              whitespace-nowrap
+            >
+              <div :class="view.icon" text-2xl />
+              {{ view.title }}
+            </NuxtLink>
+          </div>
         </div>
-      </ContainerCard>
-    </div>
-
-    <div flex="~ col md:row" items-center gap-6>
-      <a
-        href="https://github.com/yuyinws/oxc-inspector"
-        target="_blank"
-        flex
-        items-center
-        gap-1
-        op-fade
-        hover:color-active
-      >
-        <div i-lucide-star />
-        Star on GitHub
-      </a>
-      <a
-        href="https://github.com/yuyinws/oxc-inspector/discussions/4"
-        target="_blank"
-        flex
-        items-center
-        gap-1
-        op-fade
-        hover:color-active
-      >
-        <div i-lucide-lightbulb />
-        Ideas &amp; Suggestions
-      </a>
-
-      <a
-        href="https://github.com/yuyinws/oxc-inspector/issues"
-        target="_blank"
-        flex
-        items-center
-        gap-1
-        op-fade
-        hover:color-active
-      >
-        <div i-lucide-bug />
-        Bug Reports
-      </a>
+      </div>
     </div>
   </div>
 </template>
diff --git a/packages/oxc/src/app/pages/oxfmt.vue b/packages/oxc/src/app/pages/oxfmt.vue
new file mode 100644
index 00000000..ce0a60a1
--- /dev/null
+++ b/packages/oxc/src/app/pages/oxfmt.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import PanelSideNav from '@vitejs/devtools-ui/components/Panel/PanelSideNav.vue'
+import { useSideNav } from '@vitejs/devtools-ui/composables/nav'
+
+useSideNav(() => [
+  {
+    title: 'Home',
+    icon: 'i-ph-house-duotone',
+    to: '/',
+  },
+  {
+    title: 'Config Inspector',
+    icon: 'i-ph-sliders-duotone',
+    to: '/oxfmt/config',
+  },
+  {
+    title: 'Documents',
+    icon: 'i-ph-book-open-duotone',
+    to: '/oxfmt/documents',
+  },
+])
+</script>
+
+<template>
+  <div grid="~ cols-[max-content_1fr]" h-screen w-screen max-w-screen max-h-screen of-hidden>
+    <PanelSideNav />
+    <div of-auto h-screen max-h-screen relative>
+      <NuxtPage />
+    </div>
+  </div>
+</template>
diff --git a/packages/oxc/src/app/pages/fmt/config.vue b/packages/oxc/src/app/pages/oxfmt/config.vue
similarity index 100%
rename from packages/oxc/src/app/pages/fmt/config.vue
rename to packages/oxc/src/app/pages/oxfmt/config.vue
diff --git a/packages/oxc/src/app/pages/oxfmt/documents.vue b/packages/oxc/src/app/pages/oxfmt/documents.vue
new file mode 100644
index 00000000..8ef80656
--- /dev/null
+++ b/packages/oxc/src/app/pages/oxfmt/documents.vue
@@ -0,0 +1,10 @@
+<template>
+  <iframe
+    src="https://oxc.rs/docs/guide/usage/formatter.html"
+    title="Oxfmt Documentation"
+    border-0
+    block
+    w-full
+    h-full
+  />
+</template>
diff --git a/packages/oxc/src/app/pages/oxlint.vue b/packages/oxc/src/app/pages/oxlint.vue
new file mode 100644
index 00000000..a79f4b1e
--- /dev/null
+++ b/packages/oxc/src/app/pages/oxlint.vue
@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import PanelSideNav from '@vitejs/devtools-ui/components/Panel/PanelSideNav.vue'
+import { useSideNav } from '@vitejs/devtools-ui/composables/nav'
+
+useSideNav(() => [
+  {
+    title: 'Home',
+    icon: 'i-ph-house-duotone',
+    to: '/',
+  },
+  {
+    title: 'Lint Inspector',
+    icon: 'i-ph-magnifying-glass-duotone',
+    to: '/oxlint/lint',
+  },
+  {
+    title: 'Config Inspector',
+    icon: 'i-ph-gear-duotone',
+    to: '/oxlint/config',
+  },
+  {
+    title: 'Documents',
+    icon: 'i-ph-book-open-duotone',
+    to: '/oxlint/documents',
+  },
+])
+</script>
+
+<template>
+  <div grid="~ cols-[max-content_1fr]" h-screen w-screen max-w-screen max-h-screen of-hidden>
+    <PanelSideNav />
+    <div of-auto h-screen max-h-screen relative>
+      <NuxtPage />
+    </div>
+  </div>
+</template>
diff --git a/packages/oxc/src/app/pages/lint/config.vue b/packages/oxc/src/app/pages/oxlint/config.vue
similarity index 100%
rename from packages/oxc/src/app/pages/lint/config.vue
rename to packages/oxc/src/app/pages/oxlint/config.vue
diff --git a/packages/oxc/src/app/pages/oxlint/documents.vue b/packages/oxc/src/app/pages/oxlint/documents.vue
new file mode 100644
index 00000000..8eeeb0e5
--- /dev/null
+++ b/packages/oxc/src/app/pages/oxlint/documents.vue
@@ -0,0 +1,10 @@
+<template>
+  <iframe
+    src="https://oxc.rs/docs/guide/usage/linter.html"
+    title="Oxlint Documentation"
+    border-0
+    block
+    w-full
+    h-full
+  />
+</template>
diff --git a/packages/oxc/src/app/pages/lint/report/index.vue b/packages/oxc/src/app/pages/oxlint/lint.vue
similarity index 100%
rename from packages/oxc/src/app/pages/lint/report/index.vue
rename to packages/oxc/src/app/pages/oxlint/lint.vue
diff --git a/packages/oxc/src/app/pages/lint/report/[id].vue b/packages/oxc/src/app/pages/oxlint/lint/[id].vue
similarity index 100%
rename from packages/oxc/src/app/pages/lint/report/[id].vue
rename to packages/oxc/src/app/pages/oxlint/lint/[id].vue
diff --git a/packages/oxc/src/node/__tests__/config-files.test.ts b/packages/oxc/src/node/__tests__/config-files.test.ts
new file mode 100644
index 00000000..93fb59ea
--- /dev/null
+++ b/packages/oxc/src/node/__tests__/config-files.test.ts
@@ -0,0 +1,74 @@
+import { execFile as execFileCallback } from 'node:child_process'
+import { mkdir, mkdtemp, rm, writeFile } from 'node:fs/promises'
+import { tmpdir } from 'node:os'
+import { join } from 'node:path'
+import { promisify } from 'node:util'
+import { afterEach, describe, expect, it } from 'vitest'
+import { getOxcConfigFiles } from '../utils/config-files'
+
+const execFile = promisify(execFileCallback)
+const fixtures: string[] = []
+
+async function createFixture() {
+  const cwd = await mkdtemp(join(tmpdir(), 'oxc-config-files-'))
+  fixtures.push(cwd)
+  await execFile('git', ['init', '--quiet', cwd])
+  return cwd
+}
+
+afterEach(async () => {
+  await Promise.all(fixtures.splice(0).map(dir => rm(dir, { recursive: true, force: true })))
+})
+
+describe('getOxcConfigFiles', () => {
+  it('finds nested Oxlint and Oxfmt config files', async () => {
+    const cwd = await createFixture()
+    await mkdir(join(cwd, 'packages', 'app'), { recursive: true })
+    await Promise.all([
+      writeFile(join(cwd, '.oxlintrc.json'), '{}'),
+      writeFile(join(cwd, 'packages', 'app', 'oxlint.config.mts'), 'export default {}'),
+      writeFile(join(cwd, 'packages', 'app', '.oxfmtrc.jsonc'), '{}'),
+    ])
+
+    await expect(getOxcConfigFiles(cwd)).resolves.toEqual([
+      expect.objectContaining({ path: '.oxlintrc.json', tool: 'oxlint', source: 'oxc' }),
+      expect.objectContaining({
+        path: 'packages/app/.oxfmtrc.jsonc',
+        tool: 'oxfmt',
+        source: 'oxc',
+      }),
+      expect.objectContaining({
+        path: 'packages/app/oxlint.config.mts',
+        tool: 'oxlint',
+        source: 'oxc',
+      }),
+    ])
+  })
+
+  it('skips directories ignored by .gitignore', async () => {
+    const cwd = await createFixture()
+    await mkdir(join(cwd, 'ignored'), { recursive: true })
+    await Promise.all([
+      writeFile(join(cwd, '.gitignore'), 'ignored/\n'),
+      writeFile(join(cwd, 'ignored', '.oxlintrc.json'), '{}'),
+    ])
+
+    await expect(getOxcConfigFiles(cwd)).resolves.toEqual([])
+  })
+
+  it('recognizes lint and fmt fields in a Vite Plus config without loading it', async () => {
+    const cwd = await createFixture()
+    await writeFile(
+      join(cwd, 'vite.config.ts'),
+      `
+      import { defineConfig } from 'vite-plus'
+      export default defineConfig({ lint: {}, fmt: {} })
+    `,
+    )
+
+    await expect(getOxcConfigFiles(cwd)).resolves.toEqual([
+      expect.objectContaining({ path: 'vite.config.ts', tool: 'oxlint', source: 'vite-plus' }),
+      expect.objectContaining({ path: 'vite.config.ts', tool: 'oxfmt', source: 'vite-plus' }),
+    ])
+  })
+})
diff --git a/packages/oxc/src/node/rpc/functions/get-config-files.ts b/packages/oxc/src/node/rpc/functions/get-config-files.ts
new file mode 100644
index 00000000..8ea5daae
--- /dev/null
+++ b/packages/oxc/src/node/rpc/functions/get-config-files.ts
@@ -0,0 +1,12 @@
+import { getOxcConfigFiles } from '../../utils/config-files'
+import { defineOxcRpc } from '../_define'
+
+export const getConfigFiles = defineOxcRpc({
+  name: 'devtools-oxc:get-config-files',
+  type: 'query',
+  jsonSerializable: true,
+  cacheable: true,
+  setup: ctx => ({
+    handler: () => getOxcConfigFiles(ctx.workspaceRoot),
+  }),
+})
diff --git a/packages/oxc/src/node/rpc/index.ts b/packages/oxc/src/node/rpc/index.ts
index 42c38da2..3237b252 100644
--- a/packages/oxc/src/node/rpc/index.ts
+++ b/packages/oxc/src/node/rpc/index.ts
@@ -5,6 +5,7 @@ import { overview } from './functions/overview'
 import { oxlintGetConfigFile } from './functions/oxlint-get-config-file'
 import { oxfmtGetConfigFile } from './functions/oxfmt-get-config-file'
 import { openInEditor } from './functions/open-in-editor'
+import { getConfigFiles } from './functions/get-config-files'
 import '@vitejs/devtools-kit'
 
 export const rpcFunctions = [
@@ -13,6 +14,7 @@ export const rpcFunctions = [
   overview,
   oxlintGetConfigFile,
   oxfmtGetConfigFile,
+  getConfigFiles,
   openInEditor,
 ] as const
 
diff --git a/packages/oxc/src/node/utils/config-files.ts b/packages/oxc/src/node/utils/config-files.ts
new file mode 100644
index 00000000..a4c23a00
--- /dev/null
+++ b/packages/oxc/src/node/utils/config-files.ts
@@ -0,0 +1,99 @@
+import { execFile as execFileCallback } from 'node:child_process'
+import { readdir, readFile } from 'node:fs/promises'
+import { join, relative } from 'pathe'
+import { promisify } from 'node:util'
+
+const execFile = promisify(execFileCallback)
+
+const CONFIG_FILES = {
+  '.oxlintrc.json': { tool: 'oxlint', format: 'json' },
+  '.oxlintrc.jsonc': { tool: 'oxlint', format: 'jsonc' },
+  'oxlint.config.ts': { tool: 'oxlint', format: 'ts' },
+  'oxlint.config.mts': { tool: 'oxlint', format: 'mts' },
+  '.oxfmtrc.json': { tool: 'oxfmt', format: 'json' },
+  '.oxfmtrc.jsonc': { tool: 'oxfmt', format: 'jsonc' },
+  'oxfmt.config.ts': { tool: 'oxfmt', format: 'ts' },
+  'oxfmt.config.mts': { tool: 'oxfmt', format: 'mts' },
+} as const
+
+const VITE_PLUS_CONFIG_FIELDS = {
+  lint: 'oxlint',
+  fmt: 'oxfmt',
+} as const
+
+async function getIgnoredDirectories(cwd: string) {
+  try {
+    const { stdout } = await execFile('git', [
+      '-C',
+      cwd,
+      'ls-files',
+      '--others',
+      '--ignored',
+      '--exclude-standard',
+      '--directory',
+      '-z',
+    ])
+    return new Set(stdout.split('\0').filter(path => path.endsWith('/')))
+  } catch {
+    return new Set<string>()
+  }
+}
+
+export async function getOxcConfigFiles(cwd: string) {
+  const files: Array<{
+    tool: 'oxlint' | 'oxfmt'
+    format: 'json' | 'jsonc' | 'ts' | 'mts' | 'js'
+    path: string
+    content: string
+    source: 'oxc' | 'vite-plus'
+  }> = []
+  const ignoredDirectories = await getIgnoredDirectories(cwd)
+
+  async function visit(dir: string): Promise<void> {
+    const entries = await readdir(dir, { withFileTypes: true })
+    await Promise.all(
+      entries.map(async entry => {
+        const path = join(dir, entry.name)
+        if (entry.isDirectory()) {
+          const relativePath = relative(cwd, path)
+          if (
+            entry.name !== '.git' &&
+            entry.name !== 'node_modules' &&
+            !ignoredDirectories.has(`${relativePath}/`)
+          ) {
+            await visit(path)
+          }
+          return
+        }
+
+        const config = CONFIG_FILES[entry.name as keyof typeof CONFIG_FILES]
+        if (entry.isFile() && config) {
+          files.push({
+            ...config,
+            path: relative(cwd, path),
+            content: await readFile(path, 'utf-8'),
+            source: 'oxc',
+          })
+        }
+        if (entry.isFile() && /^vite\.config\.(ts|js)$/.test(entry.name)) {
+          const content = await readFile(path, 'utf-8')
+          const format = entry.name.endsWith('.ts') ? 'ts' : 'js'
+          for (const [field, tool] of Object.entries(VITE_PLUS_CONFIG_FIELDS)) {
+            if (new RegExp(`(?:^|[,{])\\s*${field}\\s*:`, 'm').test(content)) {
+              files.push({
+                tool,
+                format,
+                path: relative(cwd, path),
+                content,
+                source: 'vite-plus',
+              })
+            }
+          }
+        }
+      }),
+    )
+  }
+
+  await visit(cwd)
+  return files.sort((a, b) => a.path.localeCompare(b.path))
+}
diff --git a/packages/oxc/src/nuxt.config.ts b/packages/oxc/src/nuxt.config.ts
index e5f85d62..4c218156 100644
--- a/packages/oxc/src/nuxt.config.ts
+++ b/packages/oxc/src/nuxt.config.ts
@@ -42,20 +42,17 @@ export default defineNuxtConfig({
   },
   app: {
     baseURL: BASE,
-    head: {
-      title: 'Oxc Inspector',
+   head: {
+      title: 'Oxc DevTools',
+      charset: 'utf-8',
+      viewport: 'width=device-width,initial-scale=1',
       meta: [
-        {
-          name: 'description',
-          content: 'Inspect and understand the Oxc toolchain with ease.',
-        },
+        { name: 'description', content: 'DevTools for Oxc' },
+        { property: 'og:title', content: 'Oxc DevTools' },
+        { property: 'og:description', content: 'DevTools for Oxc' },
       ],
       link: [
-        {
-          rel: 'icon',
-          type: 'image/svg+xml',
-          href: '/favicon.svg',
-        },
+        { rel: 'icon', type: 'image/svg+xml', href: `/favicon.svg` },
       ],
       htmlAttrs: {
         lang: 'en',

From 4583b98adde9734b5136a3258ce20297329fc169 Mon Sep 17 00:00:00 2001
From: yuyinws <lyc657508366@gmail.com>
Date: Fri, 17 Jul 2026 17:49:01 +0800
Subject: [PATCH 6/6] feat: lint inspector

---
 docs/errors/OXDT0001.md                       |  19 +++
 docs/errors/OXDT0002.md                       |  19 +++
 docs/errors/OXDT0003.md                       |  19 +++
 docs/errors/index.md                          |  10 ++
 .../{SessionCard.vue => LintResultCard.vue}   |  54 +++++---
 .../components/LintResultDetailsLoader.vue    | 105 ++++++++++++++
 .../oxc/src/app/components/SummaryCard.vue    |  52 +------
 packages/oxc/src/app/pages/oxlint/lint.vue    |  76 +++++-----
 .../oxc/src/app/pages/oxlint/lint/[id].vue    | 109 ---------------
 .../oxc/src/app/pages/oxlint/lint/index.vue   | 130 ++++++++++++++++++
 .../src/node/__tests__/lint-results.test.ts   |  73 ++++++++++
 packages/oxc/src/node/diagnostics.ts          |  23 +++-
 .../node/rpc/functions/oxlint-capabilities.ts |  17 +++
 .../rpc/functions/oxlint-delete-result.ts     |  23 ++++
 .../node/rpc/functions/oxlint-get-result.ts   |  12 ++
 .../node/rpc/functions/oxlint-get-session.ts  |  18 ---
 .../node/rpc/functions/oxlint-list-results.ts |  11 ++
 .../rpc/functions/oxlint-list-sessions.ts     |  17 ---
 .../oxc/src/node/rpc/functions/oxlint-run.ts  |  82 +++++++++++
 packages/oxc/src/node/rpc/index.ts            |  19 ++-
 packages/oxc/src/node/rpc/utils.ts            |  10 +-
 .../src/node/utils/lint-results-manager.ts    |  62 +++++++++
 packages/oxc/src/node/utils/logs-manager.ts   |  59 --------
 packages/oxc/src/node/utils/oxlint.ts         |  84 ++++++++++-
 packages/oxc/src/types/index.ts               |   5 +-
 packages/oxc/src/vite.ts                      |   6 +
 .../ui/src/components/Panel/PanelSideNav.vue  |   2 +-
 27 files changed, 789 insertions(+), 327 deletions(-)
 create mode 100644 docs/errors/OXDT0001.md
 create mode 100644 docs/errors/OXDT0002.md
 create mode 100644 docs/errors/OXDT0003.md
 rename packages/oxc/src/app/components/{SessionCard.vue => LintResultCard.vue} (56%)
 create mode 100644 packages/oxc/src/app/components/LintResultDetailsLoader.vue
 delete mode 100644 packages/oxc/src/app/pages/oxlint/lint/[id].vue
 create mode 100644 packages/oxc/src/app/pages/oxlint/lint/index.vue
 create mode 100644 packages/oxc/src/node/__tests__/lint-results.test.ts
 create mode 100644 packages/oxc/src/node/rpc/functions/oxlint-capabilities.ts
 create mode 100644 packages/oxc/src/node/rpc/functions/oxlint-delete-result.ts
 create mode 100644 packages/oxc/src/node/rpc/functions/oxlint-get-result.ts
 delete mode 100644 packages/oxc/src/node/rpc/functions/oxlint-get-session.ts
 create mode 100644 packages/oxc/src/node/rpc/functions/oxlint-list-results.ts
 delete mode 100644 packages/oxc/src/node/rpc/functions/oxlint-list-sessions.ts
 create mode 100644 packages/oxc/src/node/rpc/functions/oxlint-run.ts
 create mode 100644 packages/oxc/src/node/utils/lint-results-manager.ts
 delete mode 100644 packages/oxc/src/node/utils/logs-manager.ts

diff --git a/docs/errors/OXDT0001.md b/docs/errors/OXDT0001.md
new file mode 100644
index 00000000..b0d27660
--- /dev/null
+++ b/docs/errors/OXDT0001.md
@@ -0,0 +1,19 @@
+---
+outline: deep
+---
+# OXDT0001: Failed to Create Lint Result
+
+## Message
+> Failed to create a lint result: `{reason}`
+
+## Cause
+Oxlint could not start, its output could not be parsed, or the lint result could not be written to the project directory.
+
+## Example
+Clicking `Run Lint` when oxlint is not installed in the project.
+
+## Fix
+Ensure oxlint is installed, its configuration is valid, and the project directory is writable.
+
+## Source
+- [`packages/oxc/src/node/rpc/functions/oxlint-run.ts`](https://github.com/vitejs/devtools/blob/main/packages/oxc/src/node/rpc/functions/oxlint-run.ts) — Runs oxlint and saves the lint result.
diff --git a/docs/errors/OXDT0002.md b/docs/errors/OXDT0002.md
new file mode 100644
index 00000000..6ccd09e9
--- /dev/null
+++ b/docs/errors/OXDT0002.md
@@ -0,0 +1,19 @@
+---
+outline: deep
+---
+# OXDT0002: Invalid Lint Result ID
+
+## Message
+> Invalid lint result ID "`{resultId}`".
+
+## Cause
+A non-numeric ID was provided when reading or deleting a lint result.
+
+## Example
+Passing `../other-directory` as the result ID in an RPC call.
+
+## Fix
+Use a numeric ID shown in the lint result list.
+
+## Source
+- [`packages/oxc/src/node/utils/lint-results-manager.ts`](https://github.com/vitejs/devtools/blob/main/packages/oxc/src/node/utils/lint-results-manager.ts) — Validates the result ID before file operations.
diff --git a/docs/errors/OXDT0003.md b/docs/errors/OXDT0003.md
new file mode 100644
index 00000000..48fcf934
--- /dev/null
+++ b/docs/errors/OXDT0003.md
@@ -0,0 +1,19 @@
+---
+outline: deep
+---
+# OXDT0003: Failed to Delete Lint Result
+
+## Message
+> Failed to delete lint result "`{resultId}`": `{reason}`
+
+## Cause
+The lint result does not exist, or the project directory does not allow the file to be deleted.
+
+## Example
+Deleting a lint result that another process has already removed.
+
+## Fix
+Refresh the lint result list and ensure the project directory is writable.
+
+## Source
+- [`packages/oxc/src/node/rpc/functions/oxlint-delete-result.ts`](https://github.com/vitejs/devtools/blob/main/packages/oxc/src/node/rpc/functions/oxlint-delete-result.ts) — Deletes the local lint result.
diff --git a/docs/errors/index.md b/docs/errors/index.md
index 47eecb41..ca78c491 100644
--- a/docs/errors/index.md
+++ b/docs/errors/index.md
@@ -63,3 +63,13 @@ Emitted by `@vitejs/devtools-vitest`.
 |------|-------|-------|
 | [VTDT0001](./VTDT0001) | error | Vitest UI Install Failed |
 | [VTDT0002](./VTDT0002) | error | Vitest UI Server Unreachable |
+
+## Oxc DevTools (OXDT)
+
+Emitted by `@vitejs/devtools-oxc`.
+
+| Code | Level | Title |
+|------|-------|-------|
+| [OXDT0001](./OXDT0001) | error | Failed to Create Lint Result |
+| [OXDT0002](./OXDT0002) | error | Invalid Lint Result ID |
+| [OXDT0003](./OXDT0003) | error | Failed to Delete Lint Result |
diff --git a/packages/oxc/src/app/components/SessionCard.vue b/packages/oxc/src/app/components/LintResultCard.vue
similarity index 56%
rename from packages/oxc/src/app/components/SessionCard.vue
rename to packages/oxc/src/app/components/LintResultCard.vue
index b5ba53af..377ebd51 100644
--- a/packages/oxc/src/app/components/SessionCard.vue
+++ b/packages/oxc/src/app/components/LintResultCard.vue
@@ -1,26 +1,46 @@
 <script setup lang="ts">
 import ContainerCard from '@vitejs/devtools-ui/components/Container/ContainerCard.vue'
-import type { Meta } from '../../../src/types'
+import type { LintResultMeta } from '../../../src/types'
 
-const { meta } = defineProps<{
-  meta: Meta
+const { result } = defineProps<{
+  result: LintResultMeta
 }>()
 
-const failed = computed(() => {
-  return meta.summary.files_with_issues > 0
-})
+const emit = defineEmits<{
+  delete: [resultId: string]
+}>()
+
+const failed = computed(() => result.summary.files_with_issues > 0)
 </script>
 
 <template>
-  <NuxtLink w-full :to="`/oxlint/lint/${meta.timestamp}`">
-    <ContainerCard p4 cursor-pointer hover:bg-active>
+  <ContainerCard relative p4 hover:bg-active>
+    <NuxtLink
+      absolute
+      inset-0
+      :to="{ path: '/oxlint/lint', query: { result: String(result.timestamp) } }"
+      :aria-label="`Open lint result ${result.timestamp}`"
+    />
+
+    <div relative pointer-events-none>
       <div flex justify-between gap-2 font-mono op-fade>
         <div flex items-center gap-1>
           <div i-ph-hash-duotone />
-          <span text-sm>{{ meta.timestamp }}</span>
+          <span text-sm>{{ result.timestamp }}</span>
         </div>
 
-        {{ useTimeAgo(meta.timestamp) }}
+        <div flex items-center gap-2>
+          {{ useTimeAgo(result.timestamp) }}
+          <button
+            type="button"
+            pointer-events-auto
+            hover:text-red
+            :aria-label="`Delete lint result ${result.timestamp}`"
+            @click="emit('delete', String(result.timestamp))"
+          >
+            <div i-ph-trash-duotone />
+          </button>
+        </div>
       </div>
 
       <div flex justify-between items-center mt4>
@@ -37,12 +57,12 @@ const failed = computed(() => {
           font-mono
         >
           <div i-ph-file-duotone />
-          {{ meta.summary.number_of_files }}
+          {{ result.summary.number_of_files }}
         </span>
 
         <div v-if="failed" flex items-center gap-2>
           <span
-            v-if="meta.summary.error_count > 0"
+            v-if="result.summary.error_count > 0"
             badge-color-red
             inline-flex
             items-center
@@ -55,11 +75,11 @@ const failed = computed(() => {
             font-mono
           >
             <div i-ph-x-circle-duotone />
-            {{ meta.summary.error_count }}
+            {{ result.summary.error_count }}
           </span>
 
           <span
-            v-if="meta.summary.warning_count > 0"
+            v-if="result.summary.warning_count > 0"
             badge-color-amber
             inline-flex
             items-center
@@ -72,7 +92,7 @@ const failed = computed(() => {
             font-mono
           >
             <div i-ph-warning-circle-duotone />
-            {{ meta.summary.warning_count }}
+            {{ result.summary.warning_count }}
           </span>
         </div>
 
@@ -93,6 +113,6 @@ const failed = computed(() => {
           Passed
         </span>
       </div>
-    </ContainerCard>
-  </NuxtLink>
+    </div>
+  </ContainerCard>
 </template>
diff --git a/packages/oxc/src/app/components/LintResultDetailsLoader.vue b/packages/oxc/src/app/components/LintResultDetailsLoader.vue
new file mode 100644
index 00000000..455b285b
--- /dev/null
+++ b/packages/oxc/src/app/components/LintResultDetailsLoader.vue
@@ -0,0 +1,105 @@
+<script setup lang="ts">
+import DisplayCloseButton from '@vitejs/devtools-ui/components/Display/DisplayCloseButton.vue'
+import VisualEmptyState from '@vitejs/devtools-ui/components/Visual/VisualEmptyState.vue'
+import { useAsyncState, useDebounceFn } from '@vueuse/core'
+import { computed, ref, watch } from 'vue'
+import { isMatch } from 'picomatch'
+import { useRpc } from '#imports'
+
+const props = defineProps<{
+  resultId: string
+}>()
+
+const emit = defineEmits<{
+  close: []
+}>()
+
+const rpc = useRpc()
+const { state: lintResult, isLoading } = useAsyncState(
+  () => rpc.value.call('devtools-oxc:get-lint-result', { resultId: props.resultId }),
+  null,
+)
+
+const showEmpty = computed(() => lintResult.value?.logs.files.length === 0)
+
+const totalIssues = computed(() => {
+  if (!lintResult.value?.logs) return 0
+
+  return lintResult.value.logs.files.reduce(
+    (sum, file) => sum + file.lines.reduce((lineSum, line) => lineSum + line.messages.length, 0),
+    0,
+  )
+})
+
+const showSummary = computed(() => !!lintResult.value?.meta.summary)
+const search = ref('')
+const debouncedSearch = ref('')
+const debouncedUpdateSearch = useDebounceFn((value: string) => {
+  debouncedSearch.value = value
+}, 300)
+
+function resetSearch() {
+  search.value = ''
+  debouncedSearch.value = ''
+}
+
+watch(search, value => debouncedUpdateSearch(value), { immediate: true })
+
+const filteredFiles = computed(() => {
+  if (!lintResult.value?.logs?.files) return []
+
+  const searchTerm = debouncedSearch.value.trim()
+  if (!searchTerm) return lintResult.value.logs.files
+
+  try {
+    return lintResult.value.logs.files.filter(file =>
+      isMatch(file.filename, searchTerm, { contains: true }),
+    )
+  } catch {
+    return lintResult.value.logs.files.filter(file => file.filename.includes(searchTerm))
+  }
+})
+
+const showFiles = computed(() => filteredFiles.value.length > 0)
+</script>
+
+<template>
+  <div relative h-full w-full>
+    <DisplayCloseButton absolute right-1 top-1 z-panel-content bg-glass @click="emit('close')" />
+
+    <VisualLoading v-if="isLoading" text="Loading lint result..." />
+    <div v-else h-full of-auto flex="~ col" gap-4 p7>
+      <SummaryCard
+        v-if="showSummary && lintResult?.meta.summary"
+        :summary="lintResult.meta.summary"
+        :total-issues="totalIssues"
+        :version="lintResult.meta.version"
+        :config="lintResult.logs.config"
+        :timestamp="lintResult.meta.timestamp"
+      />
+
+      <Search v-model="search" />
+
+      <VisualEmptyState
+        v-if="showEmpty"
+        icon="i-twemoji:partying-face"
+        description="Congratulations! There is no oxlint issues."
+      />
+
+      <template v-else>
+        <div v-if="showFiles" grid="~ cols-1 lg:cols-2" gap-4>
+          <FileCard v-for="file in filteredFiles" :key="file.filename" :file="file" />
+        </div>
+
+        <VisualEmptyState
+          v-else
+          icon="i-ph-file-minus-light"
+          description="No files found."
+          border="~ base rounded-lg dashed"
+        >
+          <button btn-action @click="resetSearch">Reset search</button>
+        </VisualEmptyState>
+      </template>
+    </div>
+  </div>
+</template>
diff --git a/packages/oxc/src/app/components/SummaryCard.vue b/packages/oxc/src/app/components/SummaryCard.vue
index 3fbf020a..ef01f522 100644
--- a/packages/oxc/src/app/components/SummaryCard.vue
+++ b/packages/oxc/src/app/components/SummaryCard.vue
@@ -31,19 +31,8 @@ const durationMs = computed(() => Math.round(props.summary.start_time * 1000))
           target="_blank"
           w-fit
         >
-          <span
-            badge-color-gray
-            inline-flex
-            items-center
-            gap-1
-            px2
-            py1
-            rounded
-            border
-            font-mono
-            hover:color-active
-          >
-            <span ml1>v{{ version }}</span>
+          <span inline-flex items-center gap-1 font-mono hover:color-active>
+            <span>v{{ version }}</span>
             <div i-ph-arrow-up-right />
           </span>
         </NuxtLink>
@@ -55,21 +44,16 @@ const durationMs = computed(() => Math.round(props.summary.start_time * 1000))
         <OverlayModal>
           <template #trigger="{ open }">
             <span
-              badge-color-gray
               inline-flex
               w-fit
               items-center
               gap-1
-              px2
-              py1
-              rounded
-              border
               font-mono
               cursor-pointer
               hover:color-active
               @click="open"
             >
-              <span ml1>.oxlintrc.json</span>
+              <span>.oxlintrc.json</span>
               <div i-ph-arrow-up-right />
             </span>
           </template>
@@ -91,7 +75,7 @@ const durationMs = computed(() => Math.round(props.summary.start_time * 1000))
 
         <div font-medium>Created At</div>
 
-        <span badge-color-gray inline-flex w-fit items-center px2 py1 rounded border font-mono>
+        <span inline-flex w-fit items-center font-mono>
           {{ new Date(timestamp).toLocaleString() }}
         </span>
 
@@ -99,7 +83,7 @@ const durationMs = computed(() => Math.round(props.summary.start_time * 1000))
 
         <div font-medium>Lint Duration</div>
 
-        <span badge-color-gray inline-flex w-fit items-center px2 py1 rounded border font-mono>
+        <span inline-flex w-fit items-center font-mono>
           <DisplayDuration :duration="durationMs" />
         </span>
 
@@ -107,18 +91,7 @@ const durationMs = computed(() => Math.round(props.summary.start_time * 1000))
 
         <div font-medium>Checked Files</div>
 
-        <span
-          badge-color-gray
-          inline-flex
-          w-fit
-          items-center
-          gap-1
-          px2
-          py1
-          rounded
-          border
-          font-mono
-        >
+        <span inline-flex w-fit items-center gap-1 font-mono>
           {{ summary.number_of_files }} files.
           <span text-red-600 dark:text-red-400 font-semibold
             >{{ summary.files_with_issues }} with issues</span
@@ -129,18 +102,7 @@ const durationMs = computed(() => Math.round(props.summary.start_time * 1000))
 
         <div font-medium>Issues</div>
 
-        <span
-          badge-color-gray
-          inline-flex
-          w-fit
-          items-center
-          gap-1
-          px2
-          py1
-          rounded
-          border
-          font-mono
-        >
+        <span inline-flex w-fit items-center gap-1 font-mono>
           {{ totalIssues }} issues.
           <span v-if="summary.error_count > 0" text-red-600 dark:text-red-400 font-semibold
             >{{ summary.error_count }} errors</span
diff --git a/packages/oxc/src/app/pages/oxlint/lint.vue b/packages/oxc/src/app/pages/oxlint/lint.vue
index 68e9e3e2..15a92faa 100644
--- a/packages/oxc/src/app/pages/oxlint/lint.vue
+++ b/packages/oxc/src/app/pages/oxlint/lint.vue
@@ -1,53 +1,51 @@
 <script setup lang="ts">
-import FormCheckbox from '@vitejs/devtools-ui/components/Form/FormCheckbox.vue'
-import VisualEmptyState from '@vitejs/devtools-ui/components/Visual/VisualEmptyState.vue'
-import { useAsyncState, useLocalStorage } from '@vueuse/core'
+import { onKeyDown } from '@vueuse/core'
 import { computed } from 'vue'
-import { useRpc } from '#imports'
+import { useRoute, useRouter } from '#app/composables/router'
 
-const rpc = useRpc()
+const route = useRoute()
+const router = useRouter()
 
-const { state: sessionMetaList, execute: reloadSessions } = useAsyncState(
-  () => rpc.value.call('devtools-oxc:list-lint-session'),
-  [],
+const resultId = computed(() =>
+  typeof route.query.result === 'string' ? route.query.result : undefined,
 )
 
-const hidePassed = useLocalStorage('hidePassed', false)
+function closeResultPanel() {
+  if (resultId.value) router.replace({ query: { ...route.query, result: undefined } })
+}
 
-const filteredSessionMetaList = computed(() => {
-  return (
-    sessionMetaList.value?.filter(
-      meta => !hidePassed.value || meta.summary.files_with_issues > 0,
-    ) || []
-  )
+onKeyDown('Escape', event => {
+  if (!resultId.value || !event.isTrusted || event.repeat) return
+
+  event.preventDefault()
+  closeResultPanel()
 })
 </script>
 
 <template>
-  <div flex="~ col" gap-4>
-    <Back />
-    <div flex justify-between items-center w-full>
-      <div flex items-center gap-2>
-        <button btn-action-sm cursor-pointer aria-label="Reload sessions" @click="reloadSessions()">
-          <div i-lucide-refresh-cw />
-        </button>
-
-        <p op-fade>Select a lint session to get started:</p>
-      </div>
-
-      <FormCheckbox v-model="hidePassed" label="Hide Passed" />
+  <NuxtPage />
+
+  <div
+    v-if="resultId"
+    fixed
+    inset-0
+    z-panel-content
+    backdrop-blur-8
+    backdrop-brightness-95
+    @click.self="closeResultPanel"
+  >
+    <div
+      :key="resultId"
+      fixed
+      right-0
+      bottom-0
+      top-20
+      left-20
+      z-panel-content
+      bg-glass
+      border="l t base rounded-tl-xl"
+    >
+      <LintResultDetailsLoader :result-id @close="closeResultPanel" />
     </div>
-
-    <template v-if="filteredSessionMetaList?.length > 0">
-      <SessionCard v-for="meta in filteredSessionMetaList" :key="meta.timestamp" :meta="meta" />
-    </template>
-
-    <VisualEmptyState v-else w-full mt4 title="No sessions found" icon="i-ph-folder-simple-duotone">
-      <template #description>
-        <div text-sm op-fade leading-7>
-          Lint sessions will appear here when lint data is available.
-        </div>
-      </template>
-    </VisualEmptyState>
   </div>
 </template>
diff --git a/packages/oxc/src/app/pages/oxlint/lint/[id].vue b/packages/oxc/src/app/pages/oxlint/lint/[id].vue
deleted file mode 100644
index d962eb8b..00000000
--- a/packages/oxc/src/app/pages/oxlint/lint/[id].vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<script setup lang="ts">
-import VisualEmptyState from '@vitejs/devtools-ui/components/Visual/VisualEmptyState.vue'
-import { useAsyncState, useDebounceFn } from '@vueuse/core'
-import { computed, ref, watch } from 'vue'
-import { isMatch } from 'picomatch'
-import { useRoute } from '#app/composables/router'
-import { useRpc } from '#imports'
-
-const sessionId = useRoute().params.id as string
-const rpc = useRpc()
-const { state: session, isLoading } = useAsyncState(
-  () => rpc.value.call('devtools-oxc:get-lint-session', { sessionId }),
-  null,
-)
-
-// Whether to show the empty state
-const showEmpty = computed(() => session.value?.logs.files.length === 0)
-
-// Compute the total number of issues
-const totalIssues = computed(() => {
-  if (!session.value?.logs) {
-    return 0
-  }
-  return session.value.logs.files.reduce(
-    (sum, file) => sum + file.lines.reduce((s, line) => s + line.messages.length, 0),
-    0,
-  )
-})
-
-// Whether to show the summary
-const showSummary = computed(() => !!session.value?.meta.summary)
-
-const search = ref('')
-
-// Debounced search value
-const debouncedSearch = ref('')
-
-// Create a debounce function with VueUse's useDebounceFn
-const debouncedUpdateSearch = useDebounceFn((value: string) => {
-  debouncedSearch.value = value
-}, 300)
-
-// Watch for search value changes
-watch(
-  search,
-  newValue => {
-    debouncedUpdateSearch(newValue)
-  },
-  { immediate: true },
-)
-
-const filteredFiles = computed(() => {
-  if (!session.value?.logs?.files) {
-    return []
-  }
-
-  const searchTerm = debouncedSearch.value.trim()
-
-  // Return all files when the search term is empty
-  if (!searchTerm) {
-    return session.value.logs.files
-  }
-
-  // Try glob matching with picomatch
-  try {
-    return session.value.logs.files.filter(file =>
-      isMatch(file.filename, searchTerm, { contains: true }),
-    )
-  } catch {
-    // Fall back to simple substring matching when the glob pattern is invalid
-    return session.value.logs.files.filter(file => file.filename.includes(searchTerm))
-  }
-})
-
-// Whether to show the file list
-const showFiles = computed(() => !!filteredFiles.value && filteredFiles.value.length > 0)
-</script>
-
-<template>
-  <VisualLoading v-if="isLoading" text="Loading session..." />
-  <div v-else class="flex flex-col gap-4">
-    <Back />
-    <!-- Summary info -->
-    <SummaryCard
-      v-if="showSummary && session?.meta.summary"
-      :summary="session.meta.summary"
-      :total-issues="totalIssues"
-      :version="session.meta.version"
-      :config="session.logs.config"
-      :timestamp="session.meta.timestamp"
-    />
-
-    <Search v-model="search" />
-
-    <VisualEmptyState
-      v-if="showEmpty"
-      icon="i-twemoji:partying-face"
-      description="Congratulations! There is no oxlint issues."
-    />
-
-    <template v-else>
-      <div v-if="showFiles" grid="~ cols-1 lg:cols-2" gap-4>
-        <FileCard v-for="file in filteredFiles" :key="file.filename" :file="file" />
-      </div>
-
-      <VisualEmptyState v-else icon="i-ph-file-duotone" description="No files found." />
-    </template>
-  </div>
-</template>
diff --git a/packages/oxc/src/app/pages/oxlint/lint/index.vue b/packages/oxc/src/app/pages/oxlint/lint/index.vue
new file mode 100644
index 00000000..023cf937
--- /dev/null
+++ b/packages/oxc/src/app/pages/oxlint/lint/index.vue
@@ -0,0 +1,130 @@
+<script setup lang="ts">
+import FormCheckbox from '@vitejs/devtools-ui/components/Form/FormCheckbox.vue'
+import OverlayModal from '@vitejs/devtools-ui/components/Overlay/OverlayModal.vue'
+import VisualEmptyState from '@vitejs/devtools-ui/components/Visual/VisualEmptyState.vue'
+import { useAsyncState, useLocalStorage } from '@vueuse/core'
+import { computed, ref } from 'vue'
+import { useRouter } from '#app/composables/router'
+import { useRpc } from '#imports'
+
+const rpc = useRpc()
+const router = useRouter()
+
+const { state: lintResults, execute: reloadResults } = useAsyncState(
+  () => rpc.value.call('devtools-oxc:list-lint-results'),
+  [],
+)
+const { state: capabilities } = useAsyncState(
+  () => rpc.value.call('devtools-oxc:lint-capabilities'),
+  { canRun: false },
+)
+const { isLoading: isRunning, execute: runLint } = useAsyncState(
+  async () => {
+    const resultId = await rpc.value.call('devtools-oxc:run-lint')
+    await reloadResults()
+    const result = lintResults.value?.find(item => item.timestamp === resultId)
+    if (result?.summary.files_with_issues)
+      await router.push({ query: { result: String(resultId) } })
+  },
+  undefined,
+  { immediate: false },
+)
+
+const hidePassed = useLocalStorage('hidePassed', false)
+const deleteOpen = ref(false)
+const selectedResultId = ref('')
+const { isLoading: isDeleting, execute: deleteResult } = useAsyncState(
+  async () => {
+    await rpc.value.call('devtools-oxc:delete-lint-result', {
+      resultId: selectedResultId.value,
+    })
+    deleteOpen.value = false
+    await reloadResults()
+  },
+  undefined,
+  { immediate: false },
+)
+
+const filteredLintResults = computed(() => {
+  return (
+    lintResults.value?.filter(meta => !hidePassed.value || meta.summary.files_with_issues > 0) || []
+  )
+})
+
+function requestDelete(resultId: string) {
+  selectedResultId.value = resultId
+  deleteOpen.value = true
+}
+</script>
+
+<template>
+  <div flex="~ col" gap-4 max-w-180 mx-auto p6>
+    <Back />
+    <div v-if="lintResults.length > 0" flex justify-between items-center w-full>
+      <div flex items-center gap-2>
+        <button
+          btn-action-sm
+          cursor-pointer
+          aria-label="Reload lint results"
+          @click="reloadResults()"
+        >
+          <div i-lucide-refresh-cw />
+        </button>
+
+        <p op-fade>Select a lint result to inspect:</p>
+      </div>
+
+      <div flex items-center gap-3>
+        <FormCheckbox v-model="hidePassed" label="Hide Passed" />
+        <button v-if="capabilities.canRun" btn-action :disabled="isRunning" @click="runLint()">
+          <div :class="isRunning ? 'i-svg-spinners-ring-resize' : 'i-ph-play-duotone'" />
+          {{ isRunning ? 'Running…' : 'Run Lint' }}
+        </button>
+      </div>
+    </div>
+
+    <template v-if="filteredLintResults.length > 0">
+      <LintResultCard
+        v-for="result in filteredLintResults"
+        :key="result.timestamp"
+        :result="result"
+        @delete="requestDelete"
+      />
+    </template>
+
+    <VisualEmptyState
+      v-else
+      w-full
+      mt4
+      border="~ base rounded-lg dashed"
+      title="No lint results found"
+      icon="i-ph-folder-simple-duotone"
+    >
+      <template #description>
+        <div text-sm op-fade leading-7>Lint results will appear here after lint runs.</div>
+      </template>
+      <button
+        v-if="capabilities.canRun && lintResults.length === 0"
+        btn-action
+        :disabled="isRunning"
+        @click="runLint()"
+      >
+        <div :class="isRunning ? 'i-svg-spinners-ring-resize' : 'i-ph-play-duotone'" />
+        {{ isRunning ? 'Running…' : 'Run Lint' }}
+      </button>
+    </VisualEmptyState>
+
+    <OverlayModal v-model:open="deleteOpen">
+      <template #title> Delete lint result </template>
+      <div flex="~ col" gap-4 min-w-80>
+        <p>Delete lint result {{ selectedResultId }}?</p>
+        <div flex justify-end gap-2>
+          <button btn-action :disabled="isDeleting" @click="deleteOpen = false">Cancel</button>
+          <button btn-action text-red :disabled="isDeleting" @click="deleteResult()">
+            {{ isDeleting ? 'Deleting…' : 'Delete' }}
+          </button>
+        </div>
+      </div>
+    </OverlayModal>
+  </div>
+</template>
diff --git a/packages/oxc/src/node/__tests__/lint-results.test.ts b/packages/oxc/src/node/__tests__/lint-results.test.ts
new file mode 100644
index 00000000..b225cd00
--- /dev/null
+++ b/packages/oxc/src/node/__tests__/lint-results.test.ts
@@ -0,0 +1,73 @@
+import { mkdtemp, readFile, rm, writeFile } from 'node:fs/promises'
+import { tmpdir } from 'node:os'
+import { join } from 'node:path'
+import { afterEach, expect, it } from 'vitest'
+import { LintResultsManager } from '../utils/lint-results-manager'
+import { ensureOxcGitignored, parseOxlintOutput } from '../utils/oxlint'
+
+const fixtures: string[] = []
+
+async function createFixture() {
+  const root = await mkdtemp(join(tmpdir(), 'oxc-lint-results-'))
+  fixtures.push(root)
+  return root
+}
+
+afterEach(async () => {
+  await Promise.all(fixtures.splice(0).map(dir => rm(dir, { recursive: true, force: true })))
+})
+
+it('parses and persists lint results', async () => {
+  const root = await createFixture()
+  await writeFile(join(root, 'input.ts'), 'const answer = 42\n')
+  const output = await parseOxlintOutput(
+    JSON.stringify({
+      diagnostics: [
+        {
+          filename: 'input.ts',
+          severity: 'warning',
+          labels: [{ span: { line: 1 } }],
+        },
+      ],
+      number_of_files: 1,
+      number_of_rules: 100,
+      threads_count: 1,
+      start_time: 0.01,
+    }),
+    root,
+  )
+  const manager = new LintResultsManager(join(root, '.devtools-oxc', 'lint'))
+  const meta = { version: '1.0.0', timestamp: 123, summary: output.summary }
+  const logs = { files: output.files, config: null }
+
+  await manager.create(meta, logs)
+
+  await expect(manager.list()).resolves.toEqual([meta])
+  await expect(manager.load('123')).resolves.toEqual({ meta, logs })
+  await manager.delete('123')
+  await expect(manager.list()).resolves.toEqual([])
+})
+
+it('keeps an existing .devtools-oxc gitignore rule', async () => {
+  const root = await createFixture()
+  const gitignore = join(root, '.gitignore')
+  await writeFile(gitignore, '**/.devtools-oxc/**\n')
+
+  await ensureOxcGitignored(root)
+
+  await expect(readFile(gitignore, 'utf-8')).resolves.toBe('**/.devtools-oxc/**\n')
+})
+
+it('does not create a missing .gitignore', async () => {
+  const root = await createFixture()
+  const gitignore = join(root, '.gitignore')
+
+  await ensureOxcGitignored(root)
+
+  await expect(readFile(gitignore, 'utf-8')).rejects.toMatchObject({ code: 'ENOENT' })
+})
+
+it('rejects JSON that is not an oxlint result', async () => {
+  const root = await createFixture()
+  await expect(parseOxlintOutput('{}', root)).resolves.toBeNull()
+})
diff --git a/packages/oxc/src/node/diagnostics.ts b/packages/oxc/src/node/diagnostics.ts
index 29707229..e64297aa 100644
--- a/packages/oxc/src/node/diagnostics.ts
+++ b/packages/oxc/src/node/diagnostics.ts
@@ -1,13 +1,22 @@
 import { createConsoleReporter, defineDiagnostics } from 'nostics'
 
 // OXDT — structured diagnostics for `@vitejs/devtools-oxc`.
-//
-// This is the reserved prefix scaffold. The node-side code imported from
-// `oxc-inspector` still emits ad-hoc `console.warn` / `throw`; migrating those
-// call sites onto these coded diagnostics is a tracked follow-up (see the oxc
-// import PR). Add new codes sequentially (OXDT0001, OXDT0002, …).
 export const diagnostics = /* #__PURE__ */ defineDiagnostics({
   docsBase: 'https://devtools.vite.dev/errors',
-  reporters: [createConsoleReporter()],
-  codes: {},
+  reporters: [/* #__PURE__ */ createConsoleReporter()],
+  codes: {
+    OXDT0001: {
+      why: (p: { reason: string }) => `Failed to create a lint result: ${p.reason}`,
+      fix: 'Check that oxlint is installed, its configuration is valid, and the project directory is writable.',
+    },
+    OXDT0002: {
+      why: (p: { resultId: string }) => `Invalid lint result ID "${p.resultId}".`,
+      fix: 'Use the numeric ID shown in the lint result list.',
+    },
+    OXDT0003: {
+      why: (p: { resultId: string; reason: string }) =>
+        `Failed to delete lint result "${p.resultId}": ${p.reason}`,
+      fix: 'Check that the lint result exists and the project directory is writable.',
+    },
+  },
 })
diff --git a/packages/oxc/src/node/rpc/functions/oxlint-capabilities.ts b/packages/oxc/src/node/rpc/functions/oxlint-capabilities.ts
new file mode 100644
index 00000000..f4ab4b1f
--- /dev/null
+++ b/packages/oxc/src/node/rpc/functions/oxlint-capabilities.ts
@@ -0,0 +1,17 @@
+import type { DevframeNodeContext } from 'devframe/types'
+import { defineOxcRpc } from '../_define'
+
+const enabledContexts = new WeakSet<DevframeNodeContext>()
+
+export function enableOxlintRun(context: DevframeNodeContext) {
+  enabledContexts.add(context)
+}
+
+export const oxlintCapabilities = defineOxcRpc({
+  name: 'devtools-oxc:lint-capabilities',
+  type: 'query',
+  jsonSerializable: true,
+  setup: context => ({
+    handler: () => ({ canRun: enabledContexts.has(context) }),
+  }),
+})
diff --git a/packages/oxc/src/node/rpc/functions/oxlint-delete-result.ts b/packages/oxc/src/node/rpc/functions/oxlint-delete-result.ts
new file mode 100644
index 00000000..8102545c
--- /dev/null
+++ b/packages/oxc/src/node/rpc/functions/oxlint-delete-result.ts
@@ -0,0 +1,23 @@
+import { Diagnostic } from 'nostics'
+import { diagnostics } from '../../diagnostics'
+import { defineOxcRpc } from '../_define'
+import { getLintResultsManager } from '../utils'
+
+export const oxlintDeleteResult = defineOxcRpc({
+  name: 'devtools-oxc:delete-lint-result',
+  type: 'action',
+  setup: context => ({
+    handler: async ({ resultId }: { resultId: string }) => {
+      try {
+        await getLintResultsManager(context).delete(resultId)
+      } catch (error) {
+        if (error instanceof Diagnostic) throw error
+        throw diagnostics.OXDT0003({
+          resultId,
+          reason: error instanceof Error ? error.message : String(error),
+          cause: error,
+        })
+      }
+    },
+  }),
+})
diff --git a/packages/oxc/src/node/rpc/functions/oxlint-get-result.ts b/packages/oxc/src/node/rpc/functions/oxlint-get-result.ts
new file mode 100644
index 00000000..c6c3f0c4
--- /dev/null
+++ b/packages/oxc/src/node/rpc/functions/oxlint-get-result.ts
@@ -0,0 +1,12 @@
+import { defineOxcRpc } from '../_define'
+import { getLintResultsManager } from '../utils'
+
+export const oxlintGetResult = defineOxcRpc({
+  name: 'devtools-oxc:get-lint-result',
+  type: 'query',
+  jsonSerializable: true,
+  cacheable: true,
+  setup: context => ({
+    handler: ({ resultId }: { resultId: string }) => getLintResultsManager(context).load(resultId),
+  }),
+})
diff --git a/packages/oxc/src/node/rpc/functions/oxlint-get-session.ts b/packages/oxc/src/node/rpc/functions/oxlint-get-session.ts
deleted file mode 100644
index 8e50a543..00000000
--- a/packages/oxc/src/node/rpc/functions/oxlint-get-session.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { defineOxcRpc } from '../_define'
-import { getLogsManager } from '../utils'
-
-export const oxlintGetSession = defineOxcRpc({
-  name: 'devtools-oxc:get-lint-session',
-  type: 'query',
-  jsonSerializable: true,
-  cacheable: true,
-  setup: context => {
-    return {
-      handler: async ({ sessionId }: { sessionId: string }) => {
-        const logsManager = getLogsManager(context)
-        const session = await logsManager.loadSession(sessionId)
-        return session
-      },
-    }
-  },
-})
diff --git a/packages/oxc/src/node/rpc/functions/oxlint-list-results.ts b/packages/oxc/src/node/rpc/functions/oxlint-list-results.ts
new file mode 100644
index 00000000..c719082b
--- /dev/null
+++ b/packages/oxc/src/node/rpc/functions/oxlint-list-results.ts
@@ -0,0 +1,11 @@
+import { defineOxcRpc } from '../_define'
+import { getLintResultsManager } from '../utils'
+
+export const oxlintListResults = defineOxcRpc({
+  name: 'devtools-oxc:list-lint-results',
+  type: 'query',
+  jsonSerializable: true,
+  setup: context => ({
+    handler: () => getLintResultsManager(context).list(),
+  }),
+})
diff --git a/packages/oxc/src/node/rpc/functions/oxlint-list-sessions.ts b/packages/oxc/src/node/rpc/functions/oxlint-list-sessions.ts
deleted file mode 100644
index fe644bf7..00000000
--- a/packages/oxc/src/node/rpc/functions/oxlint-list-sessions.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { defineOxcRpc } from '../_define'
-import { getLogsManager } from '../utils'
-
-export const oxlintListSessions = defineOxcRpc({
-  name: 'devtools-oxc:list-lint-session',
-  type: 'query',
-  jsonSerializable: true,
-  setup: context => {
-    return {
-      handler: async () => {
-        const logsManager = getLogsManager(context)
-        const sessions = await logsManager.list()
-        return sessions
-      },
-    }
-  },
-})
diff --git a/packages/oxc/src/node/rpc/functions/oxlint-run.ts b/packages/oxc/src/node/rpc/functions/oxlint-run.ts
new file mode 100644
index 00000000..76b8fd3e
--- /dev/null
+++ b/packages/oxc/src/node/rpc/functions/oxlint-run.ts
@@ -0,0 +1,82 @@
+import { defineRpcFunction, type KitNodeContext } from '@vitejs/devtools-kit'
+import { Diagnostic } from 'nostics'
+import { x } from 'tinyexec'
+import { diagnostics } from '../../diagnostics'
+import { ensureOxcGitignored, getOxlintConfig, parseOxlintOutput } from '../../utils/oxlint'
+import { getLintResultsManager } from '../utils'
+
+export const oxlintRun = defineRpcFunction({
+  name: 'devtools-oxc:run-lint',
+  type: 'action',
+  setup: context => {
+    let running: Promise<number> | undefined
+    return {
+      handler: () => {
+        running ??= runLint(context).finally(() => {
+          running = undefined
+        })
+        return running
+      },
+    }
+  },
+})
+
+async function runLint(context: KitNodeContext) {
+  const { terminals } = context
+  const root = context.cwd
+  const timestamp = Date.now()
+  let terminal: Awaited<ReturnType<typeof terminals.startChildProcess>> | undefined
+
+  try {
+    await ensureOxcGitignored(root)
+    const versionResult = await x('oxlint', ['--version'], { nodeOptions: { cwd: root } })
+    const version = versionResult.stdout.trim().split(/\s+/).at(-1)
+    if (versionResult.exitCode !== 0 || !version)
+      throw diagnostics.OXDT0001({
+        reason: versionResult.stderr.trim() || 'Unable to read the oxlint version',
+      })
+
+    terminal = await terminals.startChildProcess(
+      {
+        command: 'oxlint',
+        args: ['-f', 'json'],
+        cwd: root,
+        env: { FORCE_COLOR: '0', NO_COLOR: '1' },
+      },
+      {
+        id: `devtools-oxc:lint:${timestamp}`,
+        title: 'Oxlint',
+        icon: 'ph:terminal-window-duotone',
+      },
+    )
+    const { stdout, stderr, exitCode } = await terminal.getResult()
+    if (exitCode === undefined)
+      throw diagnostics.OXDT0001({ reason: 'Oxlint was terminated before it completed' })
+
+    let output
+    try {
+      output = await parseOxlintOutput(stdout, root)
+    } catch (error) {
+      throw diagnostics.OXDT0001({
+        reason: stderr.trim() || 'Oxlint returned invalid JSON',
+        cause: error,
+      })
+    }
+    if (!output) throw diagnostics.OXDT0001({ reason: 'Oxlint returned an invalid JSON result' })
+
+    const config = await getOxlintConfig(root)
+    await getLintResultsManager(context).create(
+      { version, timestamp, summary: output.summary },
+      { files: output.files, config: config ? JSON.parse(config) : null },
+    )
+    terminals.update({ ...terminal, status: 'stopped' })
+    return timestamp
+  } catch (error) {
+    if (terminal) terminals.update({ ...terminal, status: 'error' })
+    if (error instanceof Diagnostic) throw error
+    throw diagnostics.OXDT0001({
+      reason: error instanceof Error ? error.message : String(error),
+      cause: error,
+    })
+  }
+}
diff --git a/packages/oxc/src/node/rpc/index.ts b/packages/oxc/src/node/rpc/index.ts
index 3237b252..cea46bc6 100644
--- a/packages/oxc/src/node/rpc/index.ts
+++ b/packages/oxc/src/node/rpc/index.ts
@@ -1,6 +1,9 @@
 import type { RpcDefinitionsToFunctions } from '@vitejs/devtools-kit'
-import { oxlintGetSession } from './functions/oxlint-get-session'
-import { oxlintListSessions } from './functions/oxlint-list-sessions'
+import { oxlintCapabilities } from './functions/oxlint-capabilities'
+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 { overview } from './functions/overview'
 import { oxlintGetConfigFile } from './functions/oxlint-get-config-file'
 import { oxfmtGetConfigFile } from './functions/oxfmt-get-config-file'
@@ -9,8 +12,10 @@ import { getConfigFiles } from './functions/get-config-files'
 import '@vitejs/devtools-kit'
 
 export const rpcFunctions = [
-  oxlintListSessions,
-  oxlintGetSession,
+  oxlintCapabilities,
+  oxlintListResults,
+  oxlintGetResult,
+  oxlintDeleteResult,
   overview,
   oxlintGetConfigFile,
   oxfmtGetConfigFile,
@@ -18,7 +23,11 @@ export const rpcFunctions = [
   openInEditor,
 ] as const
 
-export type ServerFunctions = RpcDefinitionsToFunctions<typeof rpcFunctions>
+export const viteRpcFunctions = [oxlintRun] as const
+
+export type ServerFunctions = RpcDefinitionsToFunctions<
+  readonly [...typeof rpcFunctions, ...typeof viteRpcFunctions]
+>
 
 declare module '@vitejs/devtools-kit' {
   export interface DevToolsRpcServerFunctions extends ServerFunctions {}
diff --git a/packages/oxc/src/node/rpc/utils.ts b/packages/oxc/src/node/rpc/utils.ts
index 01860133..9d779ffb 100644
--- a/packages/oxc/src/node/rpc/utils.ts
+++ b/packages/oxc/src/node/rpc/utils.ts
@@ -1,19 +1,19 @@
 import type { DevframeNodeContext } from 'devframe/types'
 import { join } from 'pathe'
-import { OxlintLogsManager } from '../utils/logs-manager'
+import { LintResultsManager } from '../utils/lint-results-manager'
 
-const weakMap = new WeakMap<DevframeNodeContext, OxlintLogsManager>()
+const weakMap = new WeakMap<DevframeNodeContext, LintResultsManager>()
 
-export function getLogsManager(context: DevframeNodeContext): OxlintLogsManager {
+export function getLintResultsManager(context: DevframeNodeContext): LintResultsManager {
   let manager = weakMap.get(context)!
   if (!manager) {
     const dir = join(context.cwd ?? process.cwd(), '.devtools-oxc', 'lint')
-    manager = new OxlintLogsManager(dir)
+    manager = new LintResultsManager(dir)
     weakMap.set(context, manager)
   }
   return manager
 }
 
-export function setLogsManager(context: DevframeNodeContext, manager: OxlintLogsManager) {
+export function setLintResultsManager(context: DevframeNodeContext, manager: LintResultsManager) {
   weakMap.set(context, manager)
 }
diff --git a/packages/oxc/src/node/utils/lint-results-manager.ts b/packages/oxc/src/node/utils/lint-results-manager.ts
new file mode 100644
index 00000000..08bc0f0b
--- /dev/null
+++ b/packages/oxc/src/node/utils/lint-results-manager.ts
@@ -0,0 +1,62 @@
+import type { LintResultLogs, LintResultMeta } from '../../types'
+import { existsSync } from 'node:fs'
+import { mkdir, readdir, readFile, rm, writeFile } from 'node:fs/promises'
+import { join } from 'pathe'
+import { diagnostics } from '../diagnostics'
+
+export class LintResultsManager {
+  constructor(readonly dir: string) {}
+
+  async list(): Promise<LintResultMeta[]> {
+    if (!existsSync(this.dir)) return []
+
+    const entries = await readdir(this.dir, { withFileTypes: true })
+    const results = await Promise.all(
+      entries
+        .filter(entry => entry.isDirectory() && /^\d+$/.test(entry.name))
+        .sort((a, b) => Number(b.name) - Number(a.name))
+        .map(async entry => {
+          try {
+            return JSON.parse(
+              await readFile(join(this.dir, entry.name, 'meta.json'), 'utf-8'),
+            ) as LintResultMeta
+          } catch {
+            return null
+          }
+        }),
+    )
+    return results.filter(result => result !== null)
+  }
+
+  async load(resultId: string): Promise<{ meta: LintResultMeta; logs: LintResultLogs } | null> {
+    this.validateId(resultId)
+    try {
+      const [meta, logs] = await Promise.all([
+        readFile(join(this.dir, resultId, 'meta.json'), 'utf-8'),
+        readFile(join(this.dir, resultId, 'logs.json'), 'utf-8'),
+      ])
+      return { meta: JSON.parse(meta), logs: JSON.parse(logs) }
+    } catch {
+      return null
+    }
+  }
+
+  async create(meta: LintResultMeta, logs: LintResultLogs) {
+    const resultDir = join(this.dir, String(meta.timestamp))
+    await mkdir(resultDir, { recursive: true })
+    await Promise.all([
+      writeFile(join(resultDir, 'meta.json'), JSON.stringify(meta, null, 2), 'utf-8'),
+      writeFile(join(resultDir, 'logs.json'), JSON.stringify(logs, null, 2), 'utf-8'),
+    ])
+    return meta.timestamp
+  }
+
+  async delete(resultId: string) {
+    this.validateId(resultId)
+    await rm(join(this.dir, resultId), { recursive: true })
+  }
+
+  private validateId(resultId: string) {
+    if (!/^\d+$/.test(resultId)) throw diagnostics.OXDT0002({ resultId })
+  }
+}
diff --git a/packages/oxc/src/node/utils/logs-manager.ts b/packages/oxc/src/node/utils/logs-manager.ts
deleted file mode 100644
index 23881512..00000000
--- a/packages/oxc/src/node/utils/logs-manager.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import type { Logs, Meta } from '../../types'
-import { existsSync } from 'node:fs'
-import { readdir, readFile, writeFile } from 'node:fs/promises'
-import { join } from 'pathe'
-
-export class OxlintLogsManager {
-  constructor(readonly dir: string) {}
-
-  async list(): Promise<Meta[] | null> {
-    if (!existsSync(this.dir)) {
-      return []
-    }
-    const sessions = await readdir(this.dir, {
-      withFileTypes: true,
-    })
-    const metas = await Promise.all(
-      sessions
-        .filter(entry => entry.isDirectory())
-        .filter(entry => existsSync(join(this.dir, entry.name, 'meta.json')))
-        .sort((a, b) => {
-          return Number(b.name) - Number(a.name)
-        })
-        .map(async (entry): Promise<any | null> => {
-          const metaPath = join(this.dir, entry.name, 'meta.json')
-          const content = await readFile(metaPath, 'utf-8')
-          try {
-            return JSON.parse(content)
-          } catch {
-            return null
-          }
-        }),
-    )
-    return metas.filter(Boolean)
-  }
-
-  async loadSession(session: string): Promise<{ meta: Meta; logs: Logs } | null> {
-    try {
-      const metaPath = join(this.dir, session, 'meta.json')
-      const logsPath = join(this.dir, session, 'logs.json')
-      const meta = await readFile(metaPath, 'utf-8')
-      const logs = await readFile(logsPath, 'utf-8')
-      return {
-        meta: JSON.parse(meta),
-        logs: JSON.parse(logs),
-      }
-    } catch {
-      return null
-    }
-  }
-
-  async createSession(meta: string, logs: string) {
-    const session = new Date().getTime()
-    const metaPath = join(this.dir, String(session), 'meta.json')
-    const logsPath = join(this.dir, String(session), 'logs.json')
-    await writeFile(metaPath, meta)
-    await writeFile(logsPath, logs)
-    return session
-  }
-}
diff --git a/packages/oxc/src/node/utils/oxlint.ts b/packages/oxc/src/node/utils/oxlint.ts
index cb9333f6..e9f96dee 100644
--- a/packages/oxc/src/node/utils/oxlint.ts
+++ b/packages/oxc/src/node/utils/oxlint.ts
@@ -1,12 +1,13 @@
-import { readFile } from 'node:fs/promises'
+import type { FileData, Message, Summary } from '../../types'
+import { appendFile, readFile } from 'node:fs/promises'
 import { dirname } from 'node:path'
 import { cwd } from 'node:process'
 import { fileURLToPath } from 'node:url'
 import { resolve } from 'pathe'
 
-export async function getOxlintConfig() {
+export async function getOxlintConfig(root = cwd()) {
   // Read the .oxlintrc.json file in the current directory
-  const configPath = resolve(cwd(), '.oxlintrc.json')
+  const configPath = resolve(root, '.oxlintrc.json')
   try {
     const config = await readFile(configPath, 'utf-8')
 
@@ -16,4 +17,81 @@ export async function getOxlintConfig() {
   }
 }
 
+export async function ensureOxcGitignored(root: string) {
+  const gitignorePath = resolve(root, '.gitignore')
+  let content = ''
+  try {
+    content = await readFile(gitignorePath, 'utf-8')
+  } catch (error) {
+    if ((error as NodeJS.ErrnoException).code === 'ENOENT') return
+    throw error
+  }
+
+  if (
+    content.split('\n').some(line => {
+      const entry = line.trim()
+      return entry && !entry.startsWith('#') && entry.includes('.devtools-oxc')
+    })
+  )
+    return
+
+  await appendFile(
+    gitignorePath,
+    `${content && !content.endsWith('\n') ? '\n' : ''}.devtools-oxc\n`,
+  )
+}
+
+export async function parseOxlintOutput(rawOutput: string, root: string) {
+  const data = JSON.parse(rawOutput) as Record<string, unknown>
+  const summaryFields = [
+    'number_of_files',
+    'number_of_rules',
+    'threads_count',
+    'start_time',
+  ] as const
+  if (
+    !data ||
+    !Array.isArray(data.diagnostics) ||
+    summaryFields.some(field => typeof data[field] !== 'number') ||
+    data.diagnostics.some(
+      diagnostic =>
+        !diagnostic ||
+        typeof diagnostic !== 'object' ||
+        typeof diagnostic.filename !== 'string' ||
+        typeof diagnostic.severity !== 'string' ||
+        !Array.isArray(diagnostic.labels),
+    )
+  )
+    return null
+
+  const diagnostics = data.diagnostics as Message[]
+  const grouped = new Map<string, Map<number, Message[]>>()
+
+  for (const diagnostic of diagnostics) {
+    const lines = grouped.get(diagnostic.filename) ?? new Map<number, Message[]>()
+    const line = diagnostic.labels?.[0]?.span?.line ?? 1
+    lines.set(line, [...(lines.get(line) ?? []), diagnostic])
+    grouped.set(diagnostic.filename, lines)
+  }
+
+  const files: FileData[] = await Promise.all(
+    [...grouped].map(async ([filename, lines]) => ({
+      filename,
+      source: await readFile(resolve(root, filename), 'utf-8').catch(() => ''),
+      lines: [...lines].sort(([a], [b]) => a - b).map(([line, messages]) => ({ line, messages })),
+    })),
+  )
+  const summary: Summary = {
+    number_of_files: data.number_of_files as number,
+    number_of_rules: data.number_of_rules as number,
+    threads_count: data.threads_count as number,
+    start_time: data.start_time as number,
+    files_with_issues: files.length,
+    error_count: diagnostics.filter(diagnostic => diagnostic.severity === 'error').length,
+    warning_count: diagnostics.filter(diagnostic => diagnostic.severity === 'warning').length,
+  }
+
+  return { files, summary }
+}
+
 export const clientDir = resolve(dirname(fileURLToPath(import.meta.url)), './client/public')
diff --git a/packages/oxc/src/types/index.ts b/packages/oxc/src/types/index.ts
index 646f519f..ff5d01ac 100644
--- a/packages/oxc/src/types/index.ts
+++ b/packages/oxc/src/types/index.ts
@@ -1,5 +1,6 @@
 export interface Summary {
   number_of_files: number
+  number_of_rules: number
   threads_count: number
   start_time: number
   warning_count: number
@@ -7,7 +8,7 @@ export interface Summary {
   files_with_issues: number
 }
 
-export interface Meta {
+export interface LintResultMeta {
   version: string
   timestamp: number
   summary: Summary
@@ -46,7 +47,7 @@ export interface FileData {
   lines: LineData[]
 }
 
-export interface Logs {
+export interface LintResultLogs {
   files: FileData[]
   config: object | null
 }
diff --git a/packages/oxc/src/vite.ts b/packages/oxc/src/vite.ts
index 2256c673..bef9b934 100644
--- a/packages/oxc/src/vite.ts
+++ b/packages/oxc/src/vite.ts
@@ -2,6 +2,8 @@ import type { PluginWithDevTools } from '@vitejs/devtools-kit'
 import { createPluginFromDevframe } from '@vitejs/devtools-kit/node'
 import { DEVTOOLS_VITEPLUS_GROUP_ID } from '@vitejs/devtools-kit/constants'
 import { oxcDevframe } from './node/devframe'
+import { enableOxlintRun } from './node/rpc/functions/oxlint-capabilities'
+import { viteRpcFunctions } from './node/rpc'
 
 /**
  * Mount the Oxc DevTools inside Vite DevTools. Delegates to kit's
@@ -14,5 +16,9 @@ export function DevToolsOxc(): PluginWithDevTools {
     dock: {
       groupId: DEVTOOLS_VITEPLUS_GROUP_ID,
     },
+    setup(ctx) {
+      enableOxlintRun(ctx)
+      for (const fn of viteRpcFunctions) ctx.rpc.register(fn)
+    },
   })
 }
diff --git a/packages/ui/src/components/Panel/PanelSideNav.vue b/packages/ui/src/components/Panel/PanelSideNav.vue
index 33e917ca..acef9159 100644
--- a/packages/ui/src/components/Panel/PanelSideNav.vue
+++ b/packages/ui/src/components/Panel/PanelSideNav.vue
@@ -31,7 +31,7 @@ const items = computed<SideNavItem[]>(() => {
             rounded-full
             p2 hover:bg-active op-fade hover:op100
             flex="~ items-center justify-center"
-            exact-active-class="text-primary op100!"
+            active-class="text-primary op100!"
             @click="item.action?.()"
           >
             <div :class="item.icon" text-lg />