@townco/ui 0.1.77 → 0.1.79

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

@@ -15,7 +15,7 @@ export declare function useChatMessages(client: AcpClient | null, startSession:
             id: string;
             title: string;
             kind: "read" | "edit" | "delete" | "move" | "search" | "execute" | "think" | "fetch" | "switch_mode" | "other";
-            status: "completed" | "pending" | "in_progress" | "failed";
+            status: "pending" | "in_progress" | "completed" | "failed";
             batchId?: string | undefined;
             prettyName?: string | undefined;
             icon?: string | undefined;
@@ -73,6 +73,8 @@ export declare function useChatMessages(client: AcpClient | null, startSession:
                 compactionAction?: "compacted" | "truncated" | undefined;
                 originalTokens?: number | undefined;
                 finalTokens?: number | undefined;
+                originalContentPreview?: string | undefined;
+                originalContentPath?: string | undefined;
             } | undefined;
             subagentPort?: number | undefined;
             subagentSessionId?: string | undefined;
@@ -82,7 +84,7 @@ export declare function useChatMessages(client: AcpClient | null, startSession:
                 toolCalls?: {
                     id: string;
                     title: string;
-                    status: "completed" | "pending" | "in_progress" | "failed";
+                    status: "pending" | "in_progress" | "completed" | "failed";
                     prettyName?: string | undefined;
                     icon?: string | undefined;
                     content?: ({
@@ -122,7 +124,7 @@ export declare function useChatMessages(client: AcpClient | null, startSession:
                     toolCall: {
                         id: string;
                         title: string;
-                        status: "completed" | "pending" | "in_progress" | "failed";
+                        status: "pending" | "in_progress" | "completed" | "failed";
                         prettyName?: string | undefined;
                         icon?: string | undefined;
                         content?: ({
@@ -163,7 +165,7 @@ export declare function useChatMessages(client: AcpClient | null, startSession:
             id: string;
             hookType: "context_size" | "tool_response";
             callback: string;
-            status: "error" | "triggered" | "completed";
+            status: "completed" | "error" | "triggered";
             threshold?: number | undefined;
             currentPercentage?: number | undefined;
             metadata?: {

package/dist/core/hooks/use-chat-messages.js

@@ -103,8 +103,11 @@ export function useChatMessages(client, startSession) {
                 if (chunk.type === "content") {
                     // Content chunk - text streaming
                     // Update context size if provided (check both _meta.context_size and direct context_size)
+                    // biome-ignore lint/suspicious/noExplicitAny: Accessing dynamic properties from streaming chunks
                     const chunkMeta = chunk._meta;
-                    const contextSizeData = chunkMeta?.context_size || chunk.context_size;
+                    const contextSizeData = 
+                    // biome-ignore lint/suspicious/noExplicitAny: Accessing dynamic properties from streaming chunks
+                    chunkMeta?.context_size || chunk.context_size;
                     if (contextSizeData != null) {
                         const contextSize = contextSizeData;
                         logger.info("✅ Received context_size from backend", {

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" | "disconnected" | "connecting" | "connected";
+    connectionStatus: "error" | "connecting" | "connected" | "disconnected";
     sessionId: string | null;
     connect: () => Promise<void>;
     loadSession: (sessionIdToLoad: string) => Promise<void>;

package/dist/core/hooks/use-chat-session.js

@@ -21,8 +21,11 @@ export function useChatSession(client, initialSessionId) {
             return;
         const unsubscribe = client.onSessionUpdate((update) => {
             // Extract context size from update metadata if available
+            // biome-ignore lint/suspicious/noExplicitAny: Accessing dynamic metadata properties from session updates
             const updateMeta = update._meta;
-            const contextSizeData = updateMeta?.context_size || update.context_size;
+            const contextSizeData = 
+            // biome-ignore lint/suspicious/noExplicitAny: Accessing dynamic metadata properties from session updates
+            updateMeta?.context_size || update.context_size;
             if (contextSizeData != null) {
                 const contextSize = contextSizeData;
                 logger.info("✅ Received context_size from session update", {
@@ -52,6 +55,7 @@ export function useChatSession(client, initialSessionId) {
                     const imageBlocks = [];
                     for (const c of update.message.content) {
                         if (c.type === "image") {
+                            // biome-ignore lint/suspicious/noExplicitAny: Image blocks can have various formats (source object or direct properties)
                             const imgBlock = c;
                             // Handle both formats: direct data/mimeType or source object
                             if (imgBlock.source?.data) {

package/dist/core/hooks/use-subagent-stream.js

@@ -14,7 +14,7 @@ const logger = createLogger("subagent-stream");
 export function useSubagentStream(options) {
     const [messages, setMessages] = useState([]);
     // Start as streaming=true if options provided, since we're about to connect
-    const [isStreaming, setIsStreaming] = useState(!!options);
+    const [_isStreaming, setIsStreaming] = useState(!!options);
     const [hasCompleted, setHasCompleted] = useState(false);
     const [error, setError] = useState(null);
     const abortControllerRef = useRef(null);
@@ -221,12 +221,12 @@ export function useSubagentStream(options) {
             logger.debug("Sub-agent stream completed");
         }
     }, [processSSEMessage]);
+    // Extract values from options (memoized to avoid dependency issues)
+    const port = options?.port;
+    const sessionId = options?.sessionId;
+    const host = options?.host ?? "localhost";
     // Connect when options change
     useEffect(() => {
-        if (!options) {
-            return;
-        }
-        const { port, sessionId, host = "localhost" } = options;
         if (!port || !sessionId) {
             return;
         }
@@ -247,7 +247,7 @@ export function useSubagentStream(options) {
                 updateTimeoutRef.current = null;
             }
         };
-    }, [options?.port, options?.sessionId, options?.host, connectToSubagent]);
+    }, [port, sessionId, host, connectToSubagent]);
     // Derive streaming status: streaming if we haven't completed yet
     const effectiveIsStreaming = !hasCompleted;
     return { messages, isStreaming: effectiveIsStreaming, error };

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

@@ -13,7 +13,7 @@ export declare function useToolCalls(client: AcpClient | null): {
         id: string;
         title: string;
         kind: "read" | "edit" | "delete" | "move" | "search" | "execute" | "think" | "fetch" | "switch_mode" | "other";
-        status: "completed" | "pending" | "in_progress" | "failed";
+        status: "pending" | "in_progress" | "completed" | "failed";
         batchId?: string | undefined;
         prettyName?: string | undefined;
         icon?: string | undefined;
@@ -71,6 +71,8 @@ export declare function useToolCalls(client: AcpClient | null): {
             compactionAction?: "compacted" | "truncated" | undefined;
             originalTokens?: number | undefined;
             finalTokens?: number | undefined;
+            originalContentPreview?: string | undefined;
+            originalContentPath?: string | undefined;
         } | undefined;
         subagentPort?: number | undefined;
         subagentSessionId?: string | undefined;
@@ -80,7 +82,7 @@ export declare function useToolCalls(client: AcpClient | null): {
             toolCalls?: {
                 id: string;
                 title: string;
-                status: "completed" | "pending" | "in_progress" | "failed";
+                status: "pending" | "in_progress" | "completed" | "failed";
                 prettyName?: string | undefined;
                 icon?: string | undefined;
                 content?: ({
@@ -120,7 +122,7 @@ export declare function useToolCalls(client: AcpClient | null): {
                 toolCall: {
                     id: string;
                     title: string;
-                    status: "completed" | "pending" | "in_progress" | "failed";
+                    status: "pending" | "in_progress" | "completed" | "failed";
                     prettyName?: string | undefined;
                     icon?: string | undefined;
                     content?: ({

package/dist/core/hooks/use-tool-calls.js

@@ -1,7 +1,7 @@
 import { createLogger } from "@townco/core";
 import { useEffect } from "react";
 import { useChatStore } from "../store/chat-store.js";
-const logger = createLogger("use-tool-calls", "debug");
+const _logger = createLogger("use-tool-calls", "debug");
 /**
  * Hook to track and manage tool calls from ACP sessions
  *

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

@@ -22,9 +22,9 @@ export declare const HookNotificationDisplay: z.ZodObject<{
     }>;
     callback: z.ZodString;
     status: z.ZodEnum<{
+        completed: "completed";
         error: "error";
         triggered: "triggered";
-        completed: "completed";
     }>;
     threshold: z.ZodOptional<z.ZodNumber>;
     currentPercentage: z.ZodOptional<z.ZodNumber>;
@@ -86,9 +86,9 @@ export declare const DisplayMessage: z.ZodObject<{
             other: "other";
         }>;
         status: z.ZodEnum<{
-            completed: "completed";
             pending: "pending";
             in_progress: "in_progress";
+            completed: "completed";
             failed: "failed";
         }>;
         contentPosition: z.ZodOptional<z.ZodNumber>;
@@ -142,6 +142,8 @@ export declare const DisplayMessage: z.ZodObject<{
             }>>;
             originalTokens: z.ZodOptional<z.ZodNumber>;
             finalTokens: z.ZodOptional<z.ZodNumber>;
+            originalContentPreview: z.ZodOptional<z.ZodString>;
+            originalContentPath: z.ZodOptional<z.ZodString>;
         }, z.core.$strip>>;
         subagentPort: z.ZodOptional<z.ZodNumber>;
         subagentSessionId: z.ZodOptional<z.ZodString>;
@@ -154,9 +156,9 @@ export declare const DisplayMessage: z.ZodObject<{
                 prettyName: z.ZodOptional<z.ZodString>;
                 icon: z.ZodOptional<z.ZodString>;
                 status: z.ZodEnum<{
-                    completed: "completed";
                     pending: "pending";
                     in_progress: "in_progress";
+                    completed: "completed";
                     failed: "failed";
                 }>;
                 content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
@@ -199,9 +201,9 @@ export declare const DisplayMessage: z.ZodObject<{
                     prettyName: z.ZodOptional<z.ZodString>;
                     icon: z.ZodOptional<z.ZodString>;
                     status: z.ZodEnum<{
-                        completed: "completed";
                         pending: "pending";
                         in_progress: "in_progress";
+                        completed: "completed";
                         failed: "failed";
                     }>;
                     content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
@@ -246,9 +248,9 @@ export declare const DisplayMessage: z.ZodObject<{
         }>;
         callback: z.ZodString;
         status: z.ZodEnum<{
+            completed: "completed";
             error: "error";
             triggered: "triggered";
-            completed: "completed";
         }>;
         threshold: z.ZodOptional<z.ZodNumber>;
         currentPercentage: z.ZodOptional<z.ZodNumber>;
@@ -338,9 +340,9 @@ export declare const ChatSessionState: z.ZodObject<{
                 other: "other";
             }>;
             status: z.ZodEnum<{
-                completed: "completed";
                 pending: "pending";
                 in_progress: "in_progress";
+                completed: "completed";
                 failed: "failed";
             }>;
             contentPosition: z.ZodOptional<z.ZodNumber>;
@@ -394,6 +396,8 @@ export declare const ChatSessionState: z.ZodObject<{
                 }>>;
                 originalTokens: z.ZodOptional<z.ZodNumber>;
                 finalTokens: z.ZodOptional<z.ZodNumber>;
+                originalContentPreview: z.ZodOptional<z.ZodString>;
+                originalContentPath: z.ZodOptional<z.ZodString>;
             }, z.core.$strip>>;
             subagentPort: z.ZodOptional<z.ZodNumber>;
             subagentSessionId: z.ZodOptional<z.ZodString>;
@@ -406,9 +410,9 @@ export declare const ChatSessionState: z.ZodObject<{
                     prettyName: z.ZodOptional<z.ZodString>;
                     icon: z.ZodOptional<z.ZodString>;
                     status: z.ZodEnum<{
-                        completed: "completed";
                         pending: "pending";
                         in_progress: "in_progress";
+                        completed: "completed";
                         failed: "failed";
                     }>;
                     content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
@@ -451,9 +455,9 @@ export declare const ChatSessionState: z.ZodObject<{
                         prettyName: z.ZodOptional<z.ZodString>;
                         icon: z.ZodOptional<z.ZodString>;
                         status: z.ZodEnum<{
-                            completed: "completed";
                             pending: "pending";
                             in_progress: "in_progress";
+                            completed: "completed";
                             failed: "failed";
                         }>;
                         content: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
@@ -498,9 +502,9 @@ export declare const ChatSessionState: z.ZodObject<{
             }>;
             callback: z.ZodString;
             status: z.ZodEnum<{
+                completed: "completed";
                 error: "error";
                 triggered: "triggered";
-                completed: "completed";
             }>;
             threshold: z.ZodOptional<z.ZodNumber>;
             currentPercentage: z.ZodOptional<z.ZodNumber>;
@@ -549,8 +553,8 @@ export type ChatSessionState = z.infer<typeof ChatSessionState>;
  */
 export declare const ConnectionStatus: z.ZodEnum<{
     error: "error";
-    disconnected: "disconnected";
     connecting: "connecting";
     connected: "connected";
+    disconnected: "disconnected";
 }>;
 export type ConnectionStatus = z.infer<typeof ConnectionStatus>;

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

@@ -13,16 +13,16 @@ export type ToolCallStatus = z.infer<typeof ToolCallStatusSchema>;
  * Tool call categories for UI presentation
  */
 export declare const ToolCallKindSchema: z.ZodEnum<{
-    search: "search";
-    execute: "execute";
-    move: "move";
-    other: "other";
     read: "read";
     edit: "edit";
     delete: "delete";
+    move: "move";
+    search: "search";
+    execute: "execute";
     think: "think";
     fetch: "fetch";
     switch_mode: "switch_mode";
+    other: "other";
 }>;
 export type ToolCallKind = z.infer<typeof ToolCallKindSchema>;
 /**
@@ -280,16 +280,16 @@ export declare const ToolCallSchema: z.ZodObject<{
     }, z.core.$strip>>;
     subline: z.ZodOptional<z.ZodString>;
     kind: z.ZodEnum<{
-        search: "search";
-        execute: "execute";
-        move: "move";
-        other: "other";
         read: "read";
         edit: "edit";
         delete: "delete";
+        move: "move";
+        search: "search";
+        execute: "execute";
         think: "think";
         fetch: "fetch";
         switch_mode: "switch_mode";
+        other: "other";
     }>;
     status: z.ZodEnum<{
         pending: "pending";
@@ -348,6 +348,8 @@ export declare const ToolCallSchema: z.ZodObject<{
         }>>;
         originalTokens: z.ZodOptional<z.ZodNumber>;
         finalTokens: z.ZodOptional<z.ZodNumber>;
+        originalContentPreview: z.ZodOptional<z.ZodString>;
+        originalContentPath: z.ZodOptional<z.ZodString>;
     }, z.core.$strip>>;
     subagentPort: z.ZodOptional<z.ZodNumber>;
     subagentSessionId: z.ZodOptional<z.ZodString>;
@@ -594,6 +596,17 @@ export declare const ToolCallUpdateSchema: z.ZodObject<{
         }, z.core.$strip>], "type">>>;
         isStreaming: z.ZodOptional<z.ZodBoolean>;
     }, z.core.$strip>>>;
+    _meta: z.ZodOptional<z.ZodObject<{
+        truncationWarning: z.ZodOptional<z.ZodString>;
+        compactionAction: z.ZodOptional<z.ZodEnum<{
+            compacted: "compacted";
+            truncated: "truncated";
+        }>>;
+        originalTokens: z.ZodOptional<z.ZodNumber>;
+        finalTokens: z.ZodOptional<z.ZodNumber>;
+        originalContentPreview: z.ZodOptional<z.ZodString>;
+        originalContentPath: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
 }, z.core.$strip>;
 export type ToolCallUpdate = z.infer<typeof ToolCallUpdateSchema>;
 /**

package/dist/core/schemas/tool-call.js

@@ -171,6 +171,8 @@ export const ToolCallSchema = z.object({
         compactionAction: z.enum(["compacted", "truncated"]).optional(),
         originalTokens: z.number().optional(),
         finalTokens: z.number().optional(),
+        originalContentPreview: z.string().optional(),
+        originalContentPath: z.string().optional(),
     })
         .optional(),
     /** Sub-agent HTTP port for direct SSE connection (Task tool only) */
@@ -205,6 +207,17 @@ export const ToolCallUpdateSchema = z.object({
     subagentSessionId: z.string().optional(),
     /** Sub-agent messages for replay */
     subagentMessages: z.array(SubagentMessageSchema).optional(),
+    /** Internal metadata (e.g., compaction info) */
+    _meta: z
+        .object({
+        truncationWarning: z.string().optional(),
+        compactionAction: z.enum(["compacted", "truncated"]).optional(),
+        originalTokens: z.number().optional(),
+        finalTokens: z.number().optional(),
+        originalContentPreview: z.string().optional(),
+        originalContentPath: z.string().optional(),
+    })
+        .optional(),
 });
 /**
  * Helper to merge a tool call update into an existing tool call
@@ -232,6 +245,8 @@ export function mergeToolCallUpdate(existing, update) {
         subagentSessionId: update.subagentSessionId ?? existing.subagentSessionId,
         // Sub-agent messages for replay
         subagentMessages: update.subagentMessages ?? existing.subagentMessages,
+        // Internal metadata (compaction info)
+        _meta: update._meta ?? existing._meta,
     };
     return merged;
 }

package/dist/core/store/chat-store.js

@@ -359,6 +359,7 @@ export const useChatStore = create((set) => ({
         if (existingIndex !== -1) {
             // Merge: preserve triggered data (threshold, currentPercentage, triggeredAt),
             // overlay completion data
+            // biome-ignore lint/style/noNonNullAssertion: existingIndex !== -1 ensures element exists
             const existing = existingNotifications[existingIndex];
             updatedNotifications = [...existingNotifications];
             // Use backend timestamp if available, fallback to Date.now()

package/dist/core/utils/tool-summary.js

@@ -33,14 +33,15 @@ function extractKeyParameter(toolCall) {
 function formatItemList(items, maxItems = 3) {
     if (items.length === 0)
         return "";
+    // biome-ignore lint/style/noNonNullAssertion: Length check ensures element exists
     if (items.length === 1)
         return items[0];
     if (items.length <= maxItems) {
-        return items.slice(0, -1).join(", ") + " and " + items[items.length - 1];
+        return `${items.slice(0, -1).join(", ")} and ${items[items.length - 1]}`;
     }
     const shown = items.slice(0, maxItems);
     const remaining = items.length - maxItems;
-    return shown.join(", ") + ` and ${remaining} more`;
+    return `${shown.join(", ")} and ${remaining} more`;
 }
 /**
  * Detect common patterns in file paths
@@ -49,13 +50,14 @@ function detectFilePattern(paths) {
     if (paths.length === 0)
         return null;
     // Extract directory from first path
+    // biome-ignore lint/style/noNonNullAssertion: Length check ensures element exists
     const firstPath = paths[0];
     const lastSlash = firstPath.lastIndexOf("/");
     if (lastSlash === -1)
         return null;
     const directory = firstPath.substring(0, lastSlash);
     // Check if all paths are in the same directory
-    const allInSameDir = paths.every((p) => p.startsWith(directory + "/"));
+    const allInSameDir = paths.every((p) => p.startsWith(`${directory}/`));
     if (allInSameDir) {
         return directory;
     }
@@ -68,8 +70,10 @@ function generateSameToolSummary(toolCalls, tense) {
     if (toolCalls.length === 0)
         return "";
     if (toolCalls.length === 1) {
+        // biome-ignore lint/style/noNonNullAssertion: Length check ensures element exists
         return getToolCallVerbiage(toolCalls[0], tense);
     }
+    // biome-ignore lint/style/noNonNullAssertion: Length check ensures element exists
     const firstTool = toolCalls[0];
     const toolName = firstTool.title;
     // Extract parameters from all tool calls
@@ -144,6 +148,7 @@ export function generateSmartSummary(toolCalls, tense) {
     if (toolCalls.length === 0)
         return "";
     if (toolCalls.length === 1) {
+        // biome-ignore lint/style/noNonNullAssertion: Length check ensures element exists
         return getToolCallVerbiage(toolCalls[0], tense);
     }
     // Check if all tool calls are of the same type

package/dist/core/utils/tool-verbiage.js

@@ -128,7 +128,7 @@ function formatVerbiage(template, params) {
 function truncate(text, maxLength) {
     if (text.length <= maxLength)
         return text;
-    return text.substring(0, maxLength - 1) + "…";
+    return `${text.substring(0, maxLength - 1)}…`;
 }
 /**
  * Get display verbiage for a tool call

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, footer, 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

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Plus } from "lucide-react";
+import { Plus, Settings } from "lucide-react";
 import { cn } from "../lib/utils.js";
 import { IconButton } from "./IconButton.js";
 import { SessionHistory } from "./SessionHistory.js";
 import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, useSidebar, } from "./Sidebar.js";
-export function AppSidebar({ client, currentSessionId, onSessionSelect, onNewSession, onRenameSession, onArchiveSession, onDeleteSession, footer, className, }) {
+import { ThemeToggle } from "./ThemeToggle.js";
+export function AppSidebar({ client, currentSessionId, onSessionSelect, onNewSession, onRenameSession, onArchiveSession, onDeleteSession, className, }) {
     const { setOpenMobile } = useSidebar();
     const handleNewSession = () => {
         if (onNewSession) {
@@ -18,5 +19,5 @@ 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 pl-6 pr-4", children: _jsxs("div", { className: "flex flex-row items-center justify-between w-full", children: [_jsx("span", { className: "font-semibold text-lg", children: "Sessions" }), _jsx(IconButton, { onClick: handleNewSession, "aria-label": "New Chat", children: _jsx(Plus, { className: "size-4 text-muted-foreground" }) })] }) }), _jsx(SidebarContent, { children: _jsx(SessionHistory, { client: client, currentSessionId: currentSessionId, onSessionSelect: onSessionSelect, onRenameSession: onRenameSession, onArchiveSession: onArchiveSession, onDeleteSession: onDeleteSession }) }), footer && _jsx(SidebarFooter, { children: footer })] }));
+    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/ChatEmptyState.js

@@ -17,6 +17,6 @@ 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-label 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";

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

@@ -1,16 +1,5 @@
 import * as React from "react";
-interface ChatHeaderContextValue {
-    isExpanded: boolean;
-    setIsExpanded: (expanded: boolean) => void;
-}
-declare const useChatHeaderContext: () => ChatHeaderContextValue;
 export interface ChatHeaderRootProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Initial expanded state */
-    defaultExpanded?: boolean;
-    /** Controlled expanded state */
-    expanded?: boolean;
-    /** Callback when expanded state changes */
-    onExpandedChange?: (expanded: boolean) => void;
 }
 declare const ChatHeaderRoot: React.ForwardRefExoticComponent<ChatHeaderRootProps & React.RefAttributes<HTMLDivElement>>;
 export interface ChatHeaderTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
@@ -19,20 +8,4 @@ declare const ChatHeaderTitle: React.ForwardRefExoticComponent<ChatHeaderTitlePr
 export interface ChatHeaderActionsProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ChatHeaderActions: React.ForwardRefExoticComponent<ChatHeaderActionsProps & React.RefAttributes<HTMLDivElement>>;
-export type ConnectionStatus = "connected" | "connecting" | "error" | "disconnected";
-export interface ChatHeaderStatusIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Connection status */
-    status: ConnectionStatus;
-    /** Optional status text override */
-    statusText?: string;
-}
-declare const ChatHeaderStatusIndicator: React.ForwardRefExoticComponent<ChatHeaderStatusIndicatorProps & React.RefAttributes<HTMLDivElement>>;
-export interface ChatHeaderToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Icon to display (should rotate based on expanded state) */
-    icon?: React.ReactNode;
-}
-declare const ChatHeaderToggle: React.ForwardRefExoticComponent<ChatHeaderToggleProps & React.RefAttributes<HTMLButtonElement>>;
-export interface ChatHeaderExpandablePanelProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const ChatHeaderExpandablePanel: React.ForwardRefExoticComponent<ChatHeaderExpandablePanelProps & React.RefAttributes<HTMLDivElement>>;
-export { ChatHeaderRoot as Root, ChatHeaderTitle as Title, ChatHeaderActions as Actions, ChatHeaderStatusIndicator as StatusIndicator, ChatHeaderToggle as Toggle, ChatHeaderExpandablePanel as ExpandablePanel, useChatHeaderContext, };
+export { ChatHeaderRoot as Root, ChatHeaderTitle as Title, ChatHeaderActions as Actions, };