fix(vscode): reduce chat prompt bottom spacing

.changeset/tidy-prompt-bottom.md

@@ -0,0 +1,5 @@
+---
+"kilo-code": patch
+---
+
+Reduce empty space below the chat prompt in wide Agent Manager panes while preserving the side margins.

packages/kilo-vscode/tests/prompt-spacing.spec.ts

@@ -49,10 +49,23 @@ test.describe("prompt spacing", () => {
     expect(value.left).toBeCloseTo(8.4, 1)
     expect(value.right).toBeCloseTo(8.4, 1)
     expect(value.top).toBe("0px")
-    expect(value.bottom).toBe("8.4px")
+    expect(value.bottom).toBe("6px")
     expect(value.gutter).toBe("max(6px, 2cqi)")
   })
 
+  test("keeps a small bottom margin in wide Agent Manager chat", async ({ page }) => {
+    await open(page, "agentmanager--readable-chat-1280", 1280)
+    const value = await spacing(page)
+
+    expect(value.left).toBeCloseTo(value.right, 1)
+    expect(value.bottom).toBe("6px")
+    const gap = await page.locator(".prompt-input-container").evaluate((el) => {
+      const host = el.closest(".chat-view")!
+      return host.getBoundingClientRect().bottom - el.getBoundingClientRect().bottom
+    })
+    expect(gap).toBeCloseTo(6, 1)
+  })
+
   test("keeps the minimum gutter in the New Worktree prompt", async ({ page }) => {
     await open(page, "agentmanager--new-worktree-variant-dropdown-1280", 1280)
     const value = await spacing(page, ".am-prompt-input-container")

packages/kilo-vscode/webview-ui/src/styles/chat-layout.css

@@ -520,7 +520,7 @@
 }
 
 .chat-view .prompt-input-container {
-  margin-block: var(--prompt-gutter);
+  margin-block: var(--prompt-gutter) var(--prompt-min-gutter);
 }
 
 .chat-view .chat-input > .startup-error-banner,