@townco/ui 0.1.77 → 0.1.78

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;
@@ -82,7 +82,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 +122,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 +163,7 @@ export declare function useChatMessages(client: AcpClient | null, startSession:
             id: string;
             hookType: "context_size" | "tool_response";
             callback: string;
-            status: "error" | "triggered" | "completed";
+            status: "error" | "completed" | "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;
@@ -80,7 +80,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 +120,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

@@ -23,8 +23,8 @@ export declare const HookNotificationDisplay: z.ZodObject<{
     callback: z.ZodString;
     status: z.ZodEnum<{
         error: "error";
-        triggered: "triggered";
         completed: "completed";
+        triggered: "triggered";
     }>;
     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>;
@@ -154,9 +154,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 +199,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<{
@@ -247,8 +247,8 @@ export declare const DisplayMessage: z.ZodObject<{
         callback: z.ZodString;
         status: z.ZodEnum<{
             error: "error";
-            triggered: "triggered";
             completed: "completed";
+            triggered: "triggered";
         }>;
         threshold: z.ZodOptional<z.ZodNumber>;
         currentPercentage: z.ZodOptional<z.ZodNumber>;
@@ -338,9 +338,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>;
@@ -406,9 +406,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 +451,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<{
@@ -499,8 +499,8 @@ export declare const ChatSessionState: z.ZodObject<{
             callback: z.ZodString;
             status: z.ZodEnum<{
                 error: "error";
-                triggered: "triggered";
                 completed: "completed";
+                triggered: "triggered";
             }>;
             threshold: z.ZodOptional<z.ZodNumber>;
             currentPercentage: z.ZodOptional<z.ZodNumber>;
@@ -549,8 +549,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";

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/Button.d.ts

@@ -1,7 +1,7 @@
 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;
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

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, };

package/dist/gui/components/ChatHeader.js

@@ -1,29 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../lib/utils.js";
-const ChatHeaderContext = React.createContext(undefined);
-const useChatHeaderContext = () => {
-    const context = React.useContext(ChatHeaderContext);
-    if (!context) {
-        throw new Error("ChatHeader components must be used within ChatHeader.Root");
-    }
-    return context;
-};
-const ChatHeaderRoot = React.forwardRef(({ defaultExpanded = false, expanded: expandedProp, onExpandedChange, className, children, ...props }, ref) => {
-    const [isExpandedInternal, setIsExpandedInternal] = React.useState(defaultExpanded);
-    const isExpanded = expandedProp ?? isExpandedInternal;
-    const setIsExpanded = React.useCallback((expanded) => {
-        setIsExpandedInternal(expanded);
-        onExpandedChange?.(expanded);
-    }, [onExpandedChange]);
-    // Separate children into main content and expandable panel
-    const childrenArray = React.Children.toArray(children);
-    const expandablePanel = childrenArray.find((child) => React.isValidElement(child) &&
-        typeof child.type === "function" &&
-        child.type.displayName ===
-            "ChatHeader.ExpandablePanel");
-    const mainContent = childrenArray.filter((child) => child !== expandablePanel);
-    return (_jsxs(ChatHeaderContext.Provider, { value: { isExpanded, setIsExpanded }, children: [_jsx("div", { ref: ref, className: cn("flex items-center justify-between px-6 py-4", className), ...props, children: mainContent }), expandablePanel] }));
+const ChatHeaderRoot = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("flex items-center justify-between", className), ...props, children: children }));
 });
 ChatHeaderRoot.displayName = "ChatHeader.Root";
 const ChatHeaderTitle = React.forwardRef(({ className, children, ...props }, ref) => {
@@ -34,53 +13,7 @@ const ChatHeaderActions = React.forwardRef(({ className, children, ...props }, r
     return (_jsx("div", { ref: ref, className: cn("flex items-center gap-3", className), ...props, children: children }));
 });
 ChatHeaderActions.displayName = "ChatHeader.Actions";
-const getStatusColor = (status) => {
-    switch (status) {
-        case "connected":
-            return "bg-green-500";
-        case "connecting":
-            return "bg-yellow-500";
-        case "error":
-            return "bg-red-500";
-        default:
-            return "bg-gray-500";
-    }
-};
-const getDefaultStatusText = (status) => {
-    switch (status) {
-        case "connected":
-            return "Connected";
-        case "connecting":
-            return "Connecting...";
-        case "error":
-            return "Connection Error";
-        default:
-            return "No Server";
-    }
-};
-const ChatHeaderStatusIndicator = React.forwardRef(({ status, statusText, className, ...props }, ref) => {
-    const text = statusText ?? getDefaultStatusText(status);
-    const colorClass = getStatusColor(status);
-    return (_jsxs("div", { ref: ref, className: cn("flex items-center gap-2", className), ...props, children: [_jsx("div", { className: cn("h-2 w-2 rounded-full", colorClass) }), _jsx("span", { className: "text-paragraph-sm text-muted-foreground", children: text })] }));
-});
-ChatHeaderStatusIndicator.displayName = "ChatHeader.StatusIndicator";
-const ChatHeaderToggle = React.forwardRef(({ icon, className, children, onClick, ...props }, ref) => {
-    const { isExpanded, setIsExpanded } = useChatHeaderContext();
-    const handleClick = (e) => {
-        setIsExpanded(!isExpanded);
-        onClick?.(e);
-    };
-    return (_jsxs("button", { ref: ref, type: "button", onClick: handleClick, className: cn("rounded p-1 transition-colors hover:bg-background lg:hidden", className), "aria-label": isExpanded ? "Collapse header" : "Expand header", ...props, children: [icon && (_jsx("div", { className: cn("transition-transform duration-200", isExpanded && "rotate-180"), children: icon })), children] }));
-});
-ChatHeaderToggle.displayName = "ChatHeader.Toggle";
-const ChatHeaderExpandablePanel = React.forwardRef(({ className, children, ...props }, ref) => {
-    const { isExpanded } = useChatHeaderContext();
-    if (!isExpanded)
-        return null;
-    return (_jsx("div", { ref: ref, className: cn("absolute top-full left-0 right-0 z-50 border-b border-border bg-card px-6 py-4 shadow-lg lg:hidden", className), ...props, children: children }));
-});
-ChatHeaderExpandablePanel.displayName = "ChatHeader.ExpandablePanel";
 /* -------------------------------------------------------------------------------------------------
  * Exports
  * -----------------------------------------------------------------------------------------------*/
-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, };

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

@@ -11,6 +11,8 @@ interface ChatLayoutContextValue {
     panelOpen: boolean;
     setPanelOpen: (open: boolean) => void;
     togglePanel: () => void;
+    isDraggingAside: boolean;
+    setIsDraggingAside: (dragging: boolean) => void;
 }
 declare const ChatLayoutContext: React.Context<ChatLayoutContextValue | undefined>;
 declare const useChatLayoutContext: () => ChatLayoutContextValue;
@@ -50,8 +52,10 @@ export interface ChatLayoutSidebarProps extends React.HTMLAttributes<HTMLDivElem
 }
 declare const ChatLayoutSidebar: React.ForwardRefExoticComponent<ChatLayoutSidebarProps & React.RefAttributes<HTMLDivElement>>;
 export interface ChatLayoutAsideProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Show panel on these breakpoints (default: lg and above) */
-    breakpoint?: "md" | "lg" | "xl" | "2xl";
+    /** Show panel on these breakpoints (default: md and above) */
+    breakpoint?: "sm" | "md" | "lg" | "xl" | "2xl";
+    /** Optional close button callback (for mobile overlay mode) */
+    onClose?: () => void;
 }
 declare const ChatLayoutAside: React.ForwardRefExoticComponent<ChatLayoutAsideProps & React.RefAttributes<HTMLDivElement>>;
 export { ChatLayoutRoot as Root, ChatLayoutHeader as Header, ChatLayoutMain as Main, ChatLayoutBody as Body, ChatLayoutMessages as Messages, ChatLayoutFooter as Footer, ChatLayoutSidebar as Sidebar, ChatLayoutAside as Aside, ChatLayoutContext as Context, useChatLayoutContext, };