feat(vscode): add /export slash command to export session as JSON

packages/kilo-vscode/src/KiloProvider.ts

@@ -710,6 +710,9 @@ export class KiloProvider implements vscode.WebviewViewProvider, TelemetryProper
         case "compact":
           await this.handleCompact(message.sessionID, message.providerID, message.modelID)
           break
+        case "export":
+          await this.handleExport(message.sessionID)
+          break
         case "requestAgents":
           this.fetchAndSendAgents().catch((e) => console.error("[Kilo New] fetchAndSendAgents failed:", e))
           break
@@ -2601,6 +2604,41 @@ export class KiloProvider implements vscode.WebviewViewProvider, TelemetryProper
     }
   }
 
+  /** Handle export session request from the webview. */
+  private async handleExport(sessionID?: string): Promise<void> {
+    if (!this.client) {
+      this.postMessage({ type: "error", message: "Not connected to CLI backend" })
+      return
+    }
+    const target = sessionID || this.currentSession?.id
+    if (!target) return
+
+    try {
+      const dir = this.getWorkspaceDirectory(target)
+      const { data: info } = await this.client.session.get(
+        { sessionID: target, directory: dir },
+        { throwOnError: true },
+      )
+      const { data: msgs } = await this.client.session.messages(
+        { sessionID: target, directory: dir },
+        { throwOnError: true },
+      )
+      const payload = { info, messages: msgs.map((m) => ({ info: m.info, parts: m.parts })) }
+      const filename = `${info.title?.replace(/[^a-zA-Z0-9-_ ]/g, "") || "session"}-${target.slice(-8)}.json`
+      const uri = await vscode.window.showSaveDialog({
+        defaultUri: vscode.Uri.file(filename),
+        filters: { JSON: ["json"] },
+        title: "Export Session",
+      })
+      if (!uri) return
+      await vscode.workspace.fs.writeFile(uri, new TextEncoder().encode(JSON.stringify(payload, null, 2)))
+      vscode.window.showInformationMessage(`Session exported to ${uri.fsPath}`)
+    } catch (error) {
+      console.error("[Kilo New] KiloProvider: Failed to export session:", error)
+      this.postMessage({ type: "error", message: getErrorMessage(error) || "Failed to export session" })
+    }
+  }
+
   // Permission + question handlers extracted to kilo-provider/handlers/permission.ts and question.ts
 
   private get permissionCtx(): PermissionContext {

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

@@ -263,6 +263,12 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
   window.addEventListener("compactSession", onCompact)
   onCleanup(() => window.removeEventListener("compactSession", onCompact))
 
+  const onExport = () => {
+    session.export()
+  }
+  window.addEventListener("exportSession", onExport)
+  onCleanup(() => window.removeEventListener("exportSession", onExport))
+
   const isBusy = () => session.status() !== "idle"
   const isDisabled = () => !server.isConnected()
   const hasInput = () => text().trim().length > 0 || imageAttach.images().length > 0 || reviewComments().length > 0

packages/kilo-vscode/webview-ui/src/context/session.tsx

@@ -183,6 +183,7 @@ interface SessionContextValue {
   ) => void
   abort: () => void
   compact: () => void
+  export: () => void
   respondToPermission: (
     permissionId: string,
     response: "once" | "always" | "reject",
@@ -1510,6 +1511,29 @@ export const SessionProvider: ParentComponent = (props) => {
     })
   }
 
+  function exportSession() {
+    if (!server.isConnected()) {
+      console.warn("[Kilo New] Cannot export: not connected")
+      return
+    }
+
+    if (cloudPreviewId()) {
+      console.warn("[Kilo New] Cannot export: cloud session preview")
+      return
+    }
+
+    const sessionID = currentSessionID()
+    if (!sessionID) {
+      console.warn("[Kilo New] Cannot export: no current session")
+      return
+    }
+
+    vscode.postMessage({
+      type: "export",
+      sessionID,
+    })
+  }
+
   function respondToPermission(
     permissionId: string,
     response: "once" | "always" | "reject",
@@ -1870,6 +1894,7 @@ export const SessionProvider: ParentComponent = (props) => {
     sendCommand,
     abort,
     compact,
+    export: exportSession,
     respondToPermission,
     replyToQuestion,
     rejectQuestion,

packages/kilo-vscode/webview-ui/src/hooks/useSlashCommand.ts

@@ -90,6 +90,14 @@ export function useSlashCommand(vscode: VSCodeContext, exclude?: Set<string>): S
         window.dispatchEvent(new CustomEvent("compactSession"))
       },
     },
+    {
+      name: "export",
+      description: "Export session to JSON file for debugging",
+      hints: ["debug", "save", "json"],
+      action: () => {
+        window.dispatchEvent(new CustomEvent("exportSession"))
+      },
+    },
     {
       name: "settings",
       description: "Open settings",

packages/kilo-vscode/webview-ui/src/i18n/en.ts

@@ -86,6 +86,8 @@ export const dict = {
   "revert.disabled.agentBusy": "Wait for agent to finish",
   "command.session.compact": "Compact session",
   "command.session.compact.description": "Summarize the session to reduce context size",
+  "command.session.export": "Export session",
+  "command.session.export.description": "Export session to JSON file for debugging",
   "command.session.fork": "Fork from message",
   "command.session.fork.description": "Create a new session from a previous message",
   "command.session.share": "Share session",

packages/kilo-vscode/webview-ui/src/types/messages.ts

@@ -1651,6 +1651,11 @@ export interface CompactRequest {
   modelID?: string
 }
 
+export interface ExportRequest {
+  type: "export"
+  sessionID: string
+}
+
 export interface OpenSettingsPanelRequest {
   type: "openSettingsPanel"
   tab?: string
@@ -2350,6 +2355,7 @@ export type WebviewMessage =
   | WebviewReadyRequest
   | RequestProvidersMessage
   | CompactRequest
+  | ExportRequest
   | RequestAgentsMessage
   | RequestSkillsMessage
   | RequestCommandsMessage