@townco/ui 0.1.79 → 0.1.82

package/dist/core/hooks/use-chat-messages.d.ts

@@ -5,7 +5,7 @@ import type { AcpClient } from "../../sdk/client/index.js";
 export declare function useChatMessages(client: AcpClient | null, startSession: () => Promise<string | null>): {
     messages: {
         id: string;
-        role: "user" | "assistant" | "system";
+        role: "assistant" | "system" | "user";
         content: string;
         timestamp: string;
         isStreaming: boolean;
@@ -13,10 +13,8 @@ export declare function useChatMessages(client: AcpClient | null, startSession:
         metadata?: Record<string, unknown> | undefined;
         toolCalls?: {
             id: string;
-            title: string;
-            kind: "read" | "edit" | "delete" | "move" | "search" | "execute" | "think" | "fetch" | "switch_mode" | "other";
-            status: "pending" | "in_progress" | "completed" | "failed";
             batchId?: string | undefined;
+            title: string;
             prettyName?: string | undefined;
             icon?: string | undefined;
             verbiage?: {
@@ -25,6 +23,8 @@ export declare function useChatMessages(client: AcpClient | null, startSession:
                 paramKey?: string | undefined;
             } | undefined;
             subline?: string | undefined;
+            kind: "delete" | "edit" | "execute" | "fetch" | "move" | "other" | "read" | "search" | "switch_mode" | "think";
+            status: "completed" | "failed" | "in_progress" | "pending";
             contentPosition?: number | undefined;
             locations?: {
                 path: string;
@@ -84,9 +84,9 @@ export declare function useChatMessages(client: AcpClient | null, startSession:
                 toolCalls?: {
                     id: string;
                     title: string;
-                    status: "pending" | "in_progress" | "completed" | "failed";
                     prettyName?: string | undefined;
                     icon?: string | undefined;
+                    status: "completed" | "failed" | "in_progress" | "pending";
                     content?: ({
                         type: "content";
                         content: {
@@ -124,9 +124,9 @@ export declare function useChatMessages(client: AcpClient | null, startSession:
                     toolCall: {
                         id: string;
                         title: string;
-                        status: "pending" | "in_progress" | "completed" | "failed";
                         prettyName?: string | undefined;
                         icon?: string | undefined;
+                        status: "completed" | "failed" | "in_progress" | "pending";
                         content?: ({
                             type: "content";
                             content: {
@@ -196,11 +196,11 @@ export declare function useChatMessages(client: AcpClient | null, startSession:
         }[] | undefined;
     }[];
     isStreaming: boolean;
-    sendMessage: (content: string, attachments?: Array<{
+    sendMessage: (content: string, attachments?: {
         name: string;
         path: string;
         size: number;
         mimeType: string;
         data: string;
-    }>) => Promise<void>;
+    }[] | undefined) => Promise<void>;
 };

package/dist/core/hooks/use-chat-session.d.ts

@@ -3,7 +3,7 @@ import type { AcpClient } from "../../sdk/client/index.js";
  * Hook for managing chat session lifecycle
  */
 export declare function useChatSession(client: AcpClient | null, initialSessionId?: string | null): {
-    connectionStatus: "error" | "connecting" | "connected" | "disconnected";
+    connectionStatus: "connected" | "connecting" | "disconnected" | "error";
     sessionId: string | null;
     connect: () => Promise<void>;
     loadSession: (sessionIdToLoad: string) => Promise<void>;

package/dist/core/hooks/use-tool-calls.d.ts

@@ -1,5 +1,4 @@
 import type { AcpClient } from "../../sdk/client/acp-client.js";
-import type { ToolCall } from "../schemas/tool-call.js";
 /**
  * Hook to track and manage tool calls from ACP sessions
  *
@@ -11,10 +10,8 @@ import type { ToolCall } from "../schemas/tool-call.js";
 export declare function useToolCalls(client: AcpClient | null): {
     toolCalls: Record<string, {
         id: string;
-        title: string;
-        kind: "read" | "edit" | "delete" | "move" | "search" | "execute" | "think" | "fetch" | "switch_mode" | "other";
-        status: "pending" | "in_progress" | "completed" | "failed";
         batchId?: string | undefined;
+        title: string;
         prettyName?: string | undefined;
         icon?: string | undefined;
         verbiage?: {
@@ -23,6 +20,8 @@ export declare function useToolCalls(client: AcpClient | null): {
             paramKey?: string | undefined;
         } | undefined;
         subline?: string | undefined;
+        kind: "delete" | "edit" | "execute" | "fetch" | "move" | "other" | "read" | "search" | "switch_mode" | "think";
+        status: "completed" | "failed" | "in_progress" | "pending";
         contentPosition?: number | undefined;
         locations?: {
             path: string;
@@ -82,9 +81,9 @@ export declare function useToolCalls(client: AcpClient | null): {
             toolCalls?: {
                 id: string;
                 title: string;
-                status: "pending" | "in_progress" | "completed" | "failed";
                 prettyName?: string | undefined;
                 icon?: string | undefined;
+                status: "completed" | "failed" | "in_progress" | "pending";
                 content?: ({
                     type: "content";
                     content: {
@@ -122,9 +121,9 @@ export declare function useToolCalls(client: AcpClient | null): {
                 toolCall: {
                     id: string;
                     title: string;
-                    status: "pending" | "in_progress" | "completed" | "failed";
                     prettyName?: string | undefined;
                     icon?: string | undefined;
+                    status: "completed" | "failed" | "in_progress" | "pending";
                     content?: ({
                         type: "content";
                         content: {
@@ -159,5 +158,154 @@ export declare function useToolCalls(client: AcpClient | null): {
         }[] | undefined;
         subagentStreaming?: boolean | undefined;
     }[]>;
-    getToolCallsForSession: (sessionId: string) => ToolCall[];
+    getToolCallsForSession: (sessionId: string) => {
+        id: string;
+        batchId?: string | undefined;
+        title: string;
+        prettyName?: string | undefined;
+        icon?: string | undefined;
+        verbiage?: {
+            active: string;
+            past: string;
+            paramKey?: string | undefined;
+        } | undefined;
+        subline?: string | undefined;
+        kind: "delete" | "edit" | "execute" | "fetch" | "move" | "other" | "read" | "search" | "switch_mode" | "think";
+        status: "completed" | "failed" | "in_progress" | "pending";
+        contentPosition?: number | undefined;
+        locations?: {
+            path: string;
+            line?: number | null | undefined;
+        }[] | undefined;
+        rawInput?: Record<string, unknown> | undefined;
+        rawOutput?: Record<string, unknown> | undefined;
+        content?: ({
+            type: "content";
+            content: {
+                type: "text";
+                text: string;
+            };
+        } | {
+            type: "text";
+            text: string;
+        } | {
+            type: "image";
+            data: string;
+            mimeType?: string | undefined;
+            alt?: string | undefined;
+        } | {
+            type: "image";
+            url: string;
+            alt?: string | undefined;
+        } | {
+            type: "diff";
+            path: string;
+            oldText: string;
+            newText: string;
+            line?: number | null | undefined;
+        } | {
+            type: "terminal";
+            terminalId: string;
+        })[] | undefined;
+        error?: string | undefined;
+        startedAt?: number | undefined;
+        completedAt?: number | undefined;
+        tokenUsage?: {
+            inputTokens?: number | undefined;
+            outputTokens?: number | undefined;
+            totalTokens?: number | undefined;
+        } | undefined;
+        _meta?: {
+            truncationWarning?: string | undefined;
+            compactionAction?: "compacted" | "truncated" | undefined;
+            originalTokens?: number | undefined;
+            finalTokens?: number | undefined;
+            originalContentPreview?: string | undefined;
+            originalContentPath?: string | undefined;
+        } | undefined;
+        subagentPort?: number | undefined;
+        subagentSessionId?: string | undefined;
+        subagentMessages?: {
+            id: string;
+            content: string;
+            toolCalls?: {
+                id: string;
+                title: string;
+                prettyName?: string | undefined;
+                icon?: string | undefined;
+                status: "completed" | "failed" | "in_progress" | "pending";
+                content?: ({
+                    type: "content";
+                    content: {
+                        type: "text";
+                        text: string;
+                    };
+                } | {
+                    type: "text";
+                    text: string;
+                } | {
+                    type: "image";
+                    data: string;
+                    mimeType?: string | undefined;
+                    alt?: string | undefined;
+                } | {
+                    type: "image";
+                    url: string;
+                    alt?: string | undefined;
+                } | {
+                    type: "diff";
+                    path: string;
+                    oldText: string;
+                    newText: string;
+                    line?: number | null | undefined;
+                } | {
+                    type: "terminal";
+                    terminalId: string;
+                })[] | undefined;
+            }[] | undefined;
+            contentBlocks?: ({
+                type: "text";
+                text: string;
+            } | {
+                type: "tool_call";
+                toolCall: {
+                    id: string;
+                    title: string;
+                    prettyName?: string | undefined;
+                    icon?: string | undefined;
+                    status: "completed" | "failed" | "in_progress" | "pending";
+                    content?: ({
+                        type: "content";
+                        content: {
+                            type: "text";
+                            text: string;
+                        };
+                    } | {
+                        type: "text";
+                        text: string;
+                    } | {
+                        type: "image";
+                        data: string;
+                        mimeType?: string | undefined;
+                        alt?: string | undefined;
+                    } | {
+                        type: "image";
+                        url: string;
+                        alt?: string | undefined;
+                    } | {
+                        type: "diff";
+                        path: string;
+                        oldText: string;
+                        newText: string;
+                        line?: number | null | undefined;
+                    } | {
+                        type: "terminal";
+                        terminalId: string;
+                    })[] | undefined;
+                };
+            })[] | undefined;
+            isStreaming?: boolean | undefined;
+        }[] | undefined;
+        subagentStreaming?: boolean | undefined;
+    }[];
 };

package/dist/core/schemas/chat.d.ts

@@ -52,9 +52,9 @@ export { HookType, HookNotification };
 export declare const DisplayMessage: z.ZodObject<{
     id: z.ZodString;
     role: z.ZodEnum<{
-        user: "user";
         assistant: "assistant";
         system: "system";
+        user: "user";
     }>;
     content: z.ZodString;
     timestamp: z.ZodISODateTime;
@@ -74,22 +74,22 @@ export declare const DisplayMessage: z.ZodObject<{
         }, z.core.$strip>>;
         subline: z.ZodOptional<z.ZodString>;
         kind: z.ZodEnum<{
-            read: "read";
-            edit: "edit";
             delete: "delete";
-            move: "move";
-            search: "search";
+            edit: "edit";
             execute: "execute";
-            think: "think";
             fetch: "fetch";
-            switch_mode: "switch_mode";
+            move: "move";
             other: "other";
+            read: "read";
+            search: "search";
+            switch_mode: "switch_mode";
+            think: "think";
         }>;
         status: z.ZodEnum<{
-            pending: "pending";
-            in_progress: "in_progress";
             completed: "completed";
             failed: "failed";
+            in_progress: "in_progress";
+            pending: "pending";
         }>;
         contentPosition: z.ZodOptional<z.ZodNumber>;
         locations: z.ZodOptional<z.ZodArray<z.ZodObject<{
@@ -156,10 +156,10 @@ export declare const DisplayMessage: z.ZodObject<{
                 prettyName: z.ZodOptional<z.ZodString>;
                 icon: z.ZodOptional<z.ZodString>;
                 status: z.ZodEnum<{
-                    pending: "pending";
-                    in_progress: "in_progress";
                     completed: "completed";
                     failed: "failed";
+                    in_progress: "in_progress";
+                    pending: "pending";
                 }>;
                 content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
                     type: z.ZodLiteral<"content">;
@@ -201,10 +201,10 @@ export declare const DisplayMessage: z.ZodObject<{
                     prettyName: z.ZodOptional<z.ZodString>;
                     icon: z.ZodOptional<z.ZodString>;
                     status: z.ZodEnum<{
-                        pending: "pending";
-                        in_progress: "in_progress";
                         completed: "completed";
                         failed: "failed";
+                        in_progress: "in_progress";
+                        pending: "pending";
                     }>;
                     content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
                         type: z.ZodLiteral<"content">;
@@ -306,9 +306,9 @@ export declare const ChatSessionState: z.ZodObject<{
     messages: z.ZodArray<z.ZodObject<{
         id: z.ZodString;
         role: z.ZodEnum<{
-            user: "user";
             assistant: "assistant";
             system: "system";
+            user: "user";
         }>;
         content: z.ZodString;
         timestamp: z.ZodISODateTime;
@@ -328,22 +328,22 @@ export declare const ChatSessionState: z.ZodObject<{
             }, z.core.$strip>>;
             subline: z.ZodOptional<z.ZodString>;
             kind: z.ZodEnum<{
-                read: "read";
-                edit: "edit";
                 delete: "delete";
-                move: "move";
-                search: "search";
+                edit: "edit";
                 execute: "execute";
-                think: "think";
                 fetch: "fetch";
-                switch_mode: "switch_mode";
+                move: "move";
                 other: "other";
+                read: "read";
+                search: "search";
+                switch_mode: "switch_mode";
+                think: "think";
             }>;
             status: z.ZodEnum<{
-                pending: "pending";
-                in_progress: "in_progress";
                 completed: "completed";
                 failed: "failed";
+                in_progress: "in_progress";
+                pending: "pending";
             }>;
             contentPosition: z.ZodOptional<z.ZodNumber>;
             locations: z.ZodOptional<z.ZodArray<z.ZodObject<{
@@ -410,10 +410,10 @@ export declare const ChatSessionState: z.ZodObject<{
                     prettyName: z.ZodOptional<z.ZodString>;
                     icon: z.ZodOptional<z.ZodString>;
                     status: z.ZodEnum<{
-                        pending: "pending";
-                        in_progress: "in_progress";
                         completed: "completed";
                         failed: "failed";
+                        in_progress: "in_progress";
+                        pending: "pending";
                     }>;
                     content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
                         type: z.ZodLiteral<"content">;
@@ -455,10 +455,10 @@ export declare const ChatSessionState: z.ZodObject<{
                         prettyName: z.ZodOptional<z.ZodString>;
                         icon: z.ZodOptional<z.ZodString>;
                         status: z.ZodEnum<{
-                            pending: "pending";
-                            in_progress: "in_progress";
                             completed: "completed";
                             failed: "failed";
+                            in_progress: "in_progress";
+                            pending: "pending";
                         }>;
                         content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
                             type: z.ZodLiteral<"content">;
@@ -552,9 +552,9 @@ export type ChatSessionState = z.infer<typeof ChatSessionState>;
  * Connection status
  */
 export declare const ConnectionStatus: z.ZodEnum<{
-    error: "error";
-    connecting: "connecting";
     connected: "connected";
+    connecting: "connecting";
     disconnected: "disconnected";
+    error: "error";
 }>;
 export type ConnectionStatus = z.infer<typeof ConnectionStatus>;

package/dist/core/schemas/tool-call.d.ts

@@ -3,26 +3,26 @@ import { z } from "zod";
  * Tool call status lifecycle
  */
 export declare const ToolCallStatusSchema: z.ZodEnum<{
-    pending: "pending";
-    in_progress: "in_progress";
     completed: "completed";
     failed: "failed";
+    in_progress: "in_progress";
+    pending: "pending";
 }>;
 export type ToolCallStatus = z.infer<typeof ToolCallStatusSchema>;
 /**
  * Tool call categories for UI presentation
  */
 export declare const ToolCallKindSchema: z.ZodEnum<{
-    read: "read";
-    edit: "edit";
     delete: "delete";
-    move: "move";
-    search: "search";
+    edit: "edit";
     execute: "execute";
-    think: "think";
     fetch: "fetch";
-    switch_mode: "switch_mode";
+    move: "move";
     other: "other";
+    read: "read";
+    search: "search";
+    switch_mode: "switch_mode";
+    think: "think";
 }>;
 export type ToolCallKind = z.infer<typeof ToolCallKindSchema>;
 /**
@@ -84,10 +84,10 @@ export declare const SubagentToolCallSchema: z.ZodObject<{
     prettyName: z.ZodOptional<z.ZodString>;
     icon: z.ZodOptional<z.ZodString>;
     status: z.ZodEnum<{
-        pending: "pending";
-        in_progress: "in_progress";
         completed: "completed";
         failed: "failed";
+        in_progress: "in_progress";
+        pending: "pending";
     }>;
     content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
         type: z.ZodLiteral<"content">;
@@ -133,10 +133,10 @@ export declare const SubagentContentBlockSchema: z.ZodDiscriminatedUnion<[z.ZodO
         prettyName: z.ZodOptional<z.ZodString>;
         icon: z.ZodOptional<z.ZodString>;
         status: z.ZodEnum<{
-            pending: "pending";
-            in_progress: "in_progress";
             completed: "completed";
             failed: "failed";
+            in_progress: "in_progress";
+            pending: "pending";
         }>;
         content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
             type: z.ZodLiteral<"content">;
@@ -181,10 +181,10 @@ export declare const SubagentMessageSchema: z.ZodObject<{
         prettyName: z.ZodOptional<z.ZodString>;
         icon: z.ZodOptional<z.ZodString>;
         status: z.ZodEnum<{
-            pending: "pending";
-            in_progress: "in_progress";
             completed: "completed";
             failed: "failed";
+            in_progress: "in_progress";
+            pending: "pending";
         }>;
         content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
             type: z.ZodLiteral<"content">;
@@ -226,10 +226,10 @@ export declare const SubagentMessageSchema: z.ZodObject<{
             prettyName: z.ZodOptional<z.ZodString>;
             icon: z.ZodOptional<z.ZodString>;
             status: z.ZodEnum<{
-                pending: "pending";
-                in_progress: "in_progress";
                 completed: "completed";
                 failed: "failed";
+                in_progress: "in_progress";
+                pending: "pending";
             }>;
             content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
                 type: z.ZodLiteral<"content">;
@@ -280,22 +280,22 @@ export declare const ToolCallSchema: z.ZodObject<{
     }, z.core.$strip>>;
     subline: z.ZodOptional<z.ZodString>;
     kind: z.ZodEnum<{
-        read: "read";
-        edit: "edit";
         delete: "delete";
-        move: "move";
-        search: "search";
+        edit: "edit";
         execute: "execute";
-        think: "think";
         fetch: "fetch";
-        switch_mode: "switch_mode";
+        move: "move";
         other: "other";
+        read: "read";
+        search: "search";
+        switch_mode: "switch_mode";
+        think: "think";
     }>;
     status: z.ZodEnum<{
-        pending: "pending";
-        in_progress: "in_progress";
         completed: "completed";
         failed: "failed";
+        in_progress: "in_progress";
+        pending: "pending";
     }>;
     contentPosition: z.ZodOptional<z.ZodNumber>;
     locations: z.ZodOptional<z.ZodArray<z.ZodObject<{
@@ -362,10 +362,10 @@ export declare const ToolCallSchema: z.ZodObject<{
             prettyName: z.ZodOptional<z.ZodString>;
             icon: z.ZodOptional<z.ZodString>;
             status: z.ZodEnum<{
-                pending: "pending";
-                in_progress: "in_progress";
                 completed: "completed";
                 failed: "failed";
+                in_progress: "in_progress";
+                pending: "pending";
             }>;
             content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
                 type: z.ZodLiteral<"content">;
@@ -407,10 +407,10 @@ export declare const ToolCallSchema: z.ZodObject<{
                 prettyName: z.ZodOptional<z.ZodString>;
                 icon: z.ZodOptional<z.ZodString>;
                 status: z.ZodEnum<{
-                    pending: "pending";
-                    in_progress: "in_progress";
                     completed: "completed";
                     failed: "failed";
+                    in_progress: "in_progress";
+                    pending: "pending";
                 }>;
                 content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
                     type: z.ZodLiteral<"content">;
@@ -453,10 +453,10 @@ export type ToolCall = z.infer<typeof ToolCallSchema>;
 export declare const ToolCallUpdateSchema: z.ZodObject<{
     id: z.ZodString;
     status: z.ZodOptional<z.ZodEnum<{
-        pending: "pending";
-        in_progress: "in_progress";
         completed: "completed";
         failed: "failed";
+        in_progress: "in_progress";
+        pending: "pending";
     }>>;
     title: z.ZodOptional<z.ZodString>;
     prettyName: z.ZodOptional<z.ZodString>;
@@ -514,10 +514,10 @@ export declare const ToolCallUpdateSchema: z.ZodObject<{
             prettyName: z.ZodOptional<z.ZodString>;
             icon: z.ZodOptional<z.ZodString>;
             status: z.ZodEnum<{
-                pending: "pending";
-                in_progress: "in_progress";
                 completed: "completed";
                 failed: "failed";
+                in_progress: "in_progress";
+                pending: "pending";
             }>;
             content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
                 type: z.ZodLiteral<"content">;
@@ -559,10 +559,10 @@ export declare const ToolCallUpdateSchema: z.ZodObject<{
                 prettyName: z.ZodOptional<z.ZodString>;
                 icon: z.ZodOptional<z.ZodString>;
                 status: z.ZodEnum<{
-                    pending: "pending";
-                    in_progress: "in_progress";
                     completed: "completed";
                     failed: "failed";
+                    in_progress: "in_progress";
+                    pending: "pending";
                 }>;
                 content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
                     type: z.ZodLiteral<"content">;

package/dist/gui/components/AppSidebar.d.ts

@@ -19,4 +19,4 @@ export interface AppSidebarProps {
     /** Additional className for the sidebar */
     className?: string;
 }
-export declare function AppSidebar({ client, currentSessionId, onSessionSelect, onNewSession, onRenameSession, onArchiveSession, onDeleteSession, className, }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppSidebar({ client, currentSessionId, onSessionSelect, onNewSession, onRenameSession, onArchiveSession, onDeleteSession, className }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/gui/components/AppSidebar.js

@@ -19,5 +19,11 @@ export function AppSidebar({ client, currentSessionId, onSessionSelect, onNewSes
         }
         setOpenMobile(false);
     };
-    return (_jsxs(Sidebar, { className: cn("group-data-[side=left]:border-r-0", className), children: [_jsx(SidebarHeader, { className: "h-16 py-5 px-4 justify-center gap-0", children: _jsxs("div", { className: "flex flex-row items-center justify-between w-full pl-2", children: [_jsx("span", { className: "font-semibold text-xl tracking-tight", children: "Sessions" }), _jsx(IconButton, { onClick: handleNewSession, "aria-label": "New Chat", variant: "default", children: _jsx(Plus, { className: "size-4" }) })] }) }), _jsx(SidebarContent, { className: "gap-6", children: _jsx(SessionHistory, { client: client, currentSessionId: currentSessionId, onSessionSelect: onSessionSelect, onRenameSession: onRenameSession, onArchiveSession: onArchiveSession, onDeleteSession: onDeleteSession }) }), _jsx(SidebarFooter, { className: "p-0", children: _jsxs("div", { className: "border-t border-border pl-6 pr-4 py-5 flex justify-end gap-2", children: [_jsx(ThemeToggle, {}), _jsx(IconButton, { "aria-label": "Settings", children: _jsx(Settings, { className: "size-4 text-muted-foreground" }) })] }) })] }));
+    return (_jsxs(Sidebar, { className: cn("group-data-[side=left]:border-r-0", className), children: [
+            _jsx(SidebarHeader, { className: "h-16 py-5 px-4 justify-center gap-0", children: _jsxs("div", { className: "flex flex-row items-center justify-between w-full pl-2", children: [
+                        _jsx("span", { className: "font-semibold text-xl tracking-tight", children: "Sessions" }), _jsx(IconButton, { onClick: handleNewSession, "aria-label": "New Chat", variant: "default", children: _jsx(Plus, { className: "size-4" }) })
+                    ] }) }), _jsx(SidebarContent, { className: "gap-6", children: _jsx(SessionHistory, { client: client, currentSessionId: currentSessionId, onSessionSelect: onSessionSelect, onRenameSession: onRenameSession, onArchiveSession: onArchiveSession, onDeleteSession: onDeleteSession }) }), _jsx(SidebarFooter, { className: "p-0", children: _jsxs("div", { className: "border-t border-border pl-6 pr-4 py-5 flex justify-end gap-2", children: [
+                        _jsx(ThemeToggle, {}), _jsx(IconButton, { "aria-label": "Settings", children: _jsx(Settings, { className: "size-4 text-muted-foreground" }) })
+                    ] }) })
+        ] }));
 }

package/dist/gui/components/Button.d.ts

@@ -1,8 +1,8 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
+    size?: "default" | "icon" | "lg" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/gui/components/ChatEmptyState.js

@@ -17,6 +17,14 @@ export const ChatEmptyState = React.forwardRef(({ title, titleElement, descripti
     for (let i = 0; i < suggestedPrompts.length; i += 2) {
         promptRows.push(suggestedPrompts.slice(i, i + 2));
     }
-    return (_jsxs("div", { ref: ref, className: cn("flex flex-col items-start", className), ...props, children: [titleElement ? (_jsx("div", { className: "text-heading-4 text-text-primary mb-6", children: titleElement })) : (_jsx("h3", { className: "text-heading-4 text-text-primary mb-6", children: title })), _jsx("p", { className: "text-subheading text-text-secondary max-w-prose mb-6", children: description }), (onOpenFiles || onOpenSettings) && (_jsxs("div", { className: "flex items-center gap-1 -ml-3 mb-6", children: [onOpenFiles && (_jsxs("button", { type: "button", onClick: onOpenFiles, className: "inline-flex items-center gap-1 py-1.5 pr-3 pl-3 rounded-lg hover:bg-accent transition-colors", children: [_jsx("span", { className: "text-paragraph-sm-medium text-foreground tracking-wide leading-none", children: "View Files" }), _jsx(ChevronRight, { className: "size-4 text-foreground shrink-0" })] })), onOpenSettings && (_jsxs("button", { type: "button", onClick: onOpenSettings, className: "inline-flex items-center gap-1 py-1.5 pr-3 pl-3 rounded-lg hover:bg-accent transition-colors", children: [_jsxs("span", { className: "text-paragraph-sm-medium text-foreground tracking-wide leading-none", children: ["View Tools & MCPs", toolsAndMcpsCount !== undefined && toolsAndMcpsCount > 0 && (_jsxs("span", { className: "ml-1", children: ["(", toolsAndMcpsCount, ")"] }))] }), _jsx(ChevronRight, { className: "size-4 text-foreground shrink-0" })] }))] })), (guideUrl || onGuideClick) && (_jsxs("button", { type: "button", onClick: handleGuideClick, className: "inline-flex items-center gap-1 py-1.5 pr-3 -ml-3 pl-3 rounded-lg hover:bg-accent transition-colors", children: [_jsx("span", { className: "text-paragraph-sm-medium text-foreground tracking-wide leading-none", children: guideText }), _jsx(ChevronRight, { className: "size-4 text-foreground shrink-0" })] })), suggestedPrompts.length > 0 && (_jsxs("div", { className: "flex flex-col gap-3 w-full max-w-prompt-container", children: [_jsx("p", { className: "text-text-tertiary", children: "Suggested Prompts" }), _jsx("div", { className: "flex flex-col gap-2.5", children: promptRows.map((row) => (_jsx("div", { className: "flex gap-2.5 items-center", children: row.map((prompt) => (_jsx("button", { type: "button", onClick: () => handlePromptClick(prompt), onMouseEnter: () => onPromptHover?.(prompt), onMouseLeave: () => onPromptLeave?.(), className: "flex-1 flex items-start gap-2 p-3 bg-secondary hover:bg-secondary/80 rounded-2xl transition-colors min-w-0", children: _jsx("span", { className: "text-paragraph font-normal leading-normal text-text-tertiary truncate", children: prompt }) }, prompt))) }, row.join("-")))) })] }))] }));
+    return (_jsxs("div", { ref: ref, className: cn("flex flex-col items-start", className), ...props, children: [titleElement ? (_jsx("div", { className: "text-heading-4 text-text-primary mb-6", children: titleElement })) : (_jsx("h3", { className: "text-heading-4 text-text-primary mb-6", children: title })), _jsx("p", { className: "text-subheading text-text-secondary max-w-prose mb-6", children: description }), (onOpenFiles || onOpenSettings) && (_jsxs("div", { className: "flex items-center gap-1 -ml-3 mb-6", children: [onOpenFiles && (_jsxs("button", { type: "button", onClick: onOpenFiles, className: "inline-flex items-center gap-1 py-1.5 pr-3 pl-3 rounded-lg hover:bg-accent transition-colors", children: [
+                            _jsx("span", { className: "text-paragraph-sm-medium text-foreground tracking-wide leading-none", children: "View Files" }), _jsx(ChevronRight, { className: "size-4 text-foreground shrink-0" })
+                        ] })), onOpenSettings && (_jsxs("button", { type: "button", onClick: onOpenSettings, className: "inline-flex items-center gap-1 py-1.5 pr-3 pl-3 rounded-lg hover:bg-accent transition-colors", children: [
+                            _jsxs("span", { className: "text-paragraph-sm-medium text-foreground tracking-wide leading-none", children: ["View Tools & MCPs", toolsAndMcpsCount !== undefined && toolsAndMcpsCount > 0 && (_jsxs("span", { className: "ml-1", children: ["(", toolsAndMcpsCount, ")"] }))] }), _jsx(ChevronRight, { className: "size-4 text-foreground shrink-0" })
+                        ] }))] })), (guideUrl || onGuideClick) && (_jsxs("button", { type: "button", onClick: handleGuideClick, className: "inline-flex items-center gap-1 py-1.5 pr-3 -ml-3 pl-3 rounded-lg hover:bg-accent transition-colors", children: [
+                    _jsx("span", { className: "text-paragraph-sm-medium text-foreground tracking-wide leading-none", children: guideText }), _jsx(ChevronRight, { className: "size-4 text-foreground shrink-0" })
+                ] })), suggestedPrompts.length > 0 && (_jsxs("div", { className: "flex flex-col gap-3 w-full max-w-prompt-container", children: [
+                    _jsx("p", { className: "text-text-tertiary", children: "Suggested Prompts" }), _jsx("div", { className: "flex flex-col gap-2.5", children: promptRows.map((row) => (_jsx("div", { className: "flex gap-2.5 items-center", children: row.map((prompt) => (_jsx("button", { type: "button", onClick: () => handlePromptClick(prompt), onMouseEnter: () => onPromptHover?.(prompt), onMouseLeave: () => onPromptLeave?.(), className: "flex-1 flex items-start gap-2 p-3 bg-secondary hover:bg-secondary/80 rounded-2xl transition-colors min-w-0", children: _jsx("span", { className: "text-paragraph font-normal leading-normal text-text-tertiary truncate", children: prompt }) }, prompt))) }, row.join("-")))) })
+                ] }))] }));
 });
 ChatEmptyState.displayName = "ChatEmptyState";