fix(vscode): show line numbers in edit approval diffs

.changeset/show-edit-approval-line-numbers.md

@@ -0,0 +1,5 @@
+---
+"kilo-code": patch
+---
+
+Show line numbers in edit approval diffs, including compact sidebar views.

packages/kilo-ui/src/components/diff.tsx

@@ -223,7 +223,7 @@ export function Diff<T>(props: DiffProps<T>) {
     }
 
     const perf = large() ? { ...base, ...largeOptions } : base
-    if (!mobile()) return perf
+    if (!mobile() || props.disableLineNumbers === false) return perf
 
     return {
       ...perf,

packages/kilo-vscode/tests/permission-diff.spec.ts

@@ -0,0 +1,12 @@
+import { expect, test } from "@playwright/test"
+
+const STORY_ID = "composite-webview--permission-dock-edit"
+const GLOBALS = "colorScheme:dark;theme:kilo-vscode;vscodeTheme:dark-modern"
+
+test("edit approval diff shows line numbers in compact viewer", async ({ page }) => {
+  await page.setViewportSize({ width: 420, height: 720 })
+  await page.goto(`/iframe.html?id=${STORY_ID}&viewMode=story&globals=${GLOBALS}`, { waitUntil: "load" })
+
+  const number = page.locator('[data-slot="permission-diff-content"] [data-column-number]').first()
+  await expect(number).toBeVisible()
+})

packages/kilo-vscode/webview-ui/src/components/chat/PermissionDiff.tsx

@@ -76,7 +76,9 @@ export const PermissionDiff: Component<PermissionDiffProps> = (props) => {
           when={view()}
           fallback={<div data-slot="permission-diff-empty">Diff preview unavailable for this file.</div>}
         >
-          {(v) => <Diff fileDiff={v().fileDiff} diffStyle="unified" hunkSeparators="simple" />}
+          {(v) => (
+            <Diff fileDiff={v().fileDiff} diffStyle="unified" hunkSeparators="simple" disableLineNumbers={false} />
+          )}
         </Show>
       </div>
     </div>