@townco/ui 0.1.79 → 0.1.82

package/dist/sdk/schemas/session.d.ts

@@ -4,12 +4,12 @@ import { z } from "zod";
  */
 export declare const SessionStatus: z.ZodEnum<{
     active: "active";
+    connected: "connected";
+    connecting: "connecting";
+    disconnected: "disconnected";
     error: "error";
     idle: "idle";
-    connecting: "connecting";
-    connected: "connected";
     streaming: "streaming";
-    disconnected: "disconnected";
 }>;
 export type SessionStatus = z.infer<typeof SessionStatus>;
 /**
@@ -41,12 +41,12 @@ export declare const Session: z.ZodObject<{
     id: z.ZodString;
     status: z.ZodEnum<{
         active: "active";
+        connected: "connected";
+        connecting: "connecting";
+        disconnected: "disconnected";
         error: "error";
         idle: "idle";
-        connecting: "connecting";
-        connected: "connected";
         streaming: "streaming";
-        disconnected: "disconnected";
     }>;
     config: z.ZodObject<{
         agentPath: z.ZodString;
@@ -65,10 +65,10 @@ export declare const Session: z.ZodObject<{
     messages: z.ZodArray<z.ZodObject<{
         id: z.ZodString;
         role: z.ZodEnum<{
-            user: "user";
             assistant: "assistant";
             system: "system";
             tool: "tool";
+            user: "user";
         }>;
         content: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
             type: z.ZodLiteral<"text">;
@@ -79,9 +79,9 @@ export declare const Session: z.ZodObject<{
             source: z.ZodOptional<z.ZodObject<{
                 type: z.ZodLiteral<"base64">;
                 media_type: z.ZodEnum<{
+                    "image/gif": "image/gif";
                     "image/jpeg": "image/jpeg";
                     "image/png": "image/png";
-                    "image/gif": "image/gif";
                     "image/webp": "image/webp";
                 }>;
                 data: z.ZodString;
@@ -117,20 +117,20 @@ export declare const SessionUpdate: z.ZodUnion<readonly [z.ZodObject<{
     sessionId: z.ZodString;
     status: z.ZodOptional<z.ZodEnum<{
         active: "active";
+        connected: "connected";
+        connecting: "connecting";
+        disconnected: "disconnected";
         error: "error";
         idle: "idle";
-        connecting: "connecting";
-        connected: "connected";
         streaming: "streaming";
-        disconnected: "disconnected";
     }>>;
     message: z.ZodOptional<z.ZodObject<{
         id: z.ZodString;
         role: z.ZodEnum<{
-            user: "user";
             assistant: "assistant";
             system: "system";
             tool: "tool";
+            user: "user";
         }>;
         content: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
             type: z.ZodLiteral<"text">;
@@ -141,9 +141,9 @@ export declare const SessionUpdate: z.ZodUnion<readonly [z.ZodObject<{
             source: z.ZodOptional<z.ZodObject<{
                 type: z.ZodLiteral<"base64">;
                 media_type: z.ZodEnum<{
+                    "image/gif": "image/gif";
                     "image/jpeg": "image/jpeg";
                     "image/png": "image/png";
-                    "image/gif": "image/gif";
                     "image/webp": "image/webp";
                 }>;
                 data: z.ZodString;
@@ -185,22 +185,22 @@ export declare const SessionUpdate: z.ZodUnion<readonly [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<{
@@ -267,10 +267,10 @@ export declare const SessionUpdate: z.ZodUnion<readonly [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">;
@@ -312,10 +312,10 @@ export declare const SessionUpdate: z.ZodUnion<readonly [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">;
@@ -356,20 +356,20 @@ export declare const SessionUpdate: z.ZodUnion<readonly [z.ZodObject<{
     sessionId: z.ZodString;
     status: z.ZodOptional<z.ZodEnum<{
         active: "active";
+        connected: "connected";
+        connecting: "connecting";
+        disconnected: "disconnected";
         error: "error";
         idle: "idle";
-        connecting: "connecting";
-        connected: "connected";
         streaming: "streaming";
-        disconnected: "disconnected";
     }>>;
     message: z.ZodOptional<z.ZodObject<{
         id: z.ZodString;
         role: z.ZodEnum<{
-            user: "user";
             assistant: "assistant";
             system: "system";
             tool: "tool";
+            user: "user";
         }>;
         content: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
             type: z.ZodLiteral<"text">;
@@ -380,9 +380,9 @@ export declare const SessionUpdate: z.ZodUnion<readonly [z.ZodObject<{
             source: z.ZodOptional<z.ZodObject<{
                 type: z.ZodLiteral<"base64">;
                 media_type: z.ZodEnum<{
+                    "image/gif": "image/gif";
                     "image/jpeg": "image/jpeg";
                     "image/png": "image/png";
-                    "image/gif": "image/gif";
                     "image/webp": "image/webp";
                 }>;
                 data: z.ZodString;
@@ -414,10 +414,10 @@ export declare const SessionUpdate: z.ZodUnion<readonly [z.ZodObject<{
     toolCallUpdate: 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>;
@@ -475,10 +475,10 @@ export declare const SessionUpdate: z.ZodUnion<readonly [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">;
@@ -520,10 +520,10 @@ export declare const SessionUpdate: z.ZodUnion<readonly [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">;
@@ -574,20 +574,20 @@ export declare const SessionUpdate: z.ZodUnion<readonly [z.ZodObject<{
     sessionId: z.ZodString;
     status: z.ZodOptional<z.ZodEnum<{
         active: "active";
+        connected: "connected";
+        connecting: "connecting";
+        disconnected: "disconnected";
         error: "error";
         idle: "idle";
-        connecting: "connecting";
-        connected: "connected";
         streaming: "streaming";
-        disconnected: "disconnected";
     }>>;
     message: z.ZodOptional<z.ZodObject<{
         id: z.ZodString;
         role: z.ZodEnum<{
-            user: "user";
             assistant: "assistant";
             system: "system";
             tool: "tool";
+            user: "user";
         }>;
         content: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
             type: z.ZodLiteral<"text">;
@@ -598,9 +598,9 @@ export declare const SessionUpdate: z.ZodUnion<readonly [z.ZodObject<{
             source: z.ZodOptional<z.ZodObject<{
                 type: z.ZodLiteral<"base64">;
                 media_type: z.ZodEnum<{
+                    "image/gif": "image/gif";
                     "image/jpeg": "image/jpeg";
                     "image/png": "image/png";
-                    "image/gif": "image/gif";
                     "image/webp": "image/webp";
                 }>;
                 data: z.ZodString;
@@ -639,20 +639,20 @@ export declare const SessionUpdate: z.ZodUnion<readonly [z.ZodObject<{
     sessionId: z.ZodString;
     status: z.ZodOptional<z.ZodEnum<{
         active: "active";
+        connected: "connected";
+        connecting: "connecting";
+        disconnected: "disconnected";
         error: "error";
         idle: "idle";
-        connecting: "connecting";
-        connected: "connected";
         streaming: "streaming";
-        disconnected: "disconnected";
     }>>;
     message: z.ZodOptional<z.ZodObject<{
         id: z.ZodString;
         role: z.ZodEnum<{
-            user: "user";
             assistant: "assistant";
             system: "system";
             tool: "tool";
+            user: "user";
         }>;
         content: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
             type: z.ZodLiteral<"text">;
@@ -663,9 +663,9 @@ export declare const SessionUpdate: z.ZodUnion<readonly [z.ZodObject<{
             source: z.ZodOptional<z.ZodObject<{
                 type: z.ZodLiteral<"base64">;
                 media_type: z.ZodEnum<{
+                    "image/gif": "image/gif";
                     "image/jpeg": "image/jpeg";
                     "image/png": "image/png";
-                    "image/gif": "image/gif";
                     "image/webp": "image/webp";
                 }>;
                 data: z.ZodString;

package/dist/sdk/transports/http.d.ts

@@ -67,18 +67,8 @@ export declare class HttpTransport implements Transport {
             description: string;
         }>;
     };
-    /**
-     * Send an ACP RPC request to the server
-     */
     private sendRpcRequest;
-    /**
-     * Connect to the SSE event stream
-     * Uses fetch-based SSE to support custom headers (X-Session-ID)
-     */
     private connectSSE;
-    /**
-     * Handle SSE disconnection with automatic reconnection
-     */
     private handleSSEDisconnect;
     /**
      * Handle an incoming SSE message

package/dist/tui/components/ChatView.js

@@ -25,7 +25,9 @@ export function ChatView({ client }) {
             setIsStreaming(false);
         }
     };
-    return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [_jsx(Box, { flexGrow: 1, flexDirection: "column", children: _jsx(MessageList, { messages: messages }) }), _jsx(InputBox, { value: value, isSubmitting: isSubmitting, attachedFiles: attachedFiles, onChange: onChange, onSubmit: onSubmit, onEscape: handleEscape })] }));
+    return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [
+            _jsx(Box, { flexGrow: 1, flexDirection: "column", children: _jsx(MessageList, { messages: messages }) }), _jsx(InputBox, { value: value, isSubmitting: isSubmitting, attachedFiles: attachedFiles, onChange: onChange, onSubmit: onSubmit, onEscape: handleEscape })
+        ] }));
 }
 // Export helper to render status content separately
 export function ChatViewStatus({ client }) {

package/dist/tui/components/GameOfLife.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { useEffect, useState } from "react";
 const ROWS = 12;
@@ -46,5 +46,7 @@ export function GameOfLife() {
         }, 150);
         return () => clearInterval(interval);
     }, []);
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { color: "gray", italic: true, children: ["Conway's Game of Life (generation ", generation, ")"] }), grid.map((row, i) => (_jsx(Text, { color: "green", children: row.map((cell) => (cell ? "█" : " ")).join("") }, rowIds[i]))), _jsx(Text, { color: "gray", italic: true, children: "Start typing to begin..." })] }));
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+            _jsxs(Text, { color: "gray", italic: true, children: ["Conway's Game of Life (generation ", generation, ")"] }), grid.map((row, i) => (_jsx(Text, { color: "green", children: row.map((cell) => (cell ? "█" : " ")).join("") }, rowIds[i]))), _jsx(Text, { color: "gray", italic: true, children: "Start typing to begin..." })
+        ] }));
 }

package/dist/tui/components/InputBox.d.ts

@@ -10,4 +10,4 @@ export interface InputBoxProps {
     onSubmit: () => void;
     onEscape?: () => void;
 }
-export declare function InputBox({ value, isSubmitting, attachedFiles, onChange, onSubmit, onEscape, }: InputBoxProps): import("react/jsx-runtime").JSX.Element;
+export declare function InputBox({ value, isSubmitting, attachedFiles, onChange, onSubmit, onEscape }: InputBoxProps): import("react/jsx-runtime").JSX.Element;

package/dist/tui/components/InputBox.js

@@ -23,7 +23,14 @@ export function InputBox({ value, isSubmitting, attachedFiles, onChange, onSubmi
     // Split value into lines for display
     const lines = value.split("\n");
     const _hasMultipleLines = lines.length > 1;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) }), attachedFiles.length > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Attached files:" }), attachedFiles.map((file) => (_jsxs(Box, { children: [_jsxs(Text, { color: "cyan", children: [" ", file.name] }), _jsxs(Text, { dimColor: true, children: [" (", formatFileSize(file.size), ")"] })] }, file.path)))] })), _jsx(Box, { paddingY: 1, flexDirection: "column", children: _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { bold: true, color: "blue", children: "> " }), _jsx(Box, { flexGrow: 1, children: isSubmitting ? (_jsx(Text, { color: "gray", italic: true, children: "Sending..." })) : (_jsx(SimpleTextInput, { value: value, onChange: onChange, onSubmit: onSubmit, placeholder: "Type your message... (\\ or Shift+Enter for newline)" })) })] }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [
+            _jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) }), attachedFiles.length > 0 && (_jsxs(Box, { flexDirection: "column", children: [
+                    _jsx(Text, { dimColor: true, children: "Attached files:" }), attachedFiles.map((file) => (_jsxs(Box, { children: [
+                            _jsxs(Text, { color: "cyan", children: [" ", file.name] }), _jsxs(Text, { dimColor: true, children: [" (", formatFileSize(file.size), ")"] })
+                        ] }, file.path)))] })), _jsx(Box, { paddingY: 1, flexDirection: "column", children: _jsxs(Box, { flexDirection: "row", children: [
+                        _jsx(Text, { bold: true, color: "blue", children: "> " }), _jsx(Box, { flexGrow: 1, children: isSubmitting ? (_jsx(Text, { color: "gray", italic: true, children: "Sending..." })) : (_jsx(SimpleTextInput, { value: value, onChange: onChange, onSubmit: onSubmit, placeholder: "Type your message... (\\ or Shift+Enter for newline)" })) })
+                    ] }) })
+        ] }));
 }
 function formatFileSize(bytes) {
     if (bytes < 1024)

package/dist/tui/components/MessageList.js

@@ -15,5 +15,7 @@ function Message({ message }) {
     const trimmedContent = message.content?.trim() || "";
     return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [message.role === "assistant" &&
                 message.toolCalls &&
-                message.toolCalls.length > 0 && (_jsx(Box, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: message.toolCalls.map((toolCall) => (_jsx(ToolCall, { toolCall: toolCall }, toolCall.id))) })), _jsxs(Box, { children: [_jsxs(Text, { bold: true, color: roleColor, children: [roleSymbol, " "] }), message.role === "user" ? (_jsx(Text, { backgroundColor: "gray", children: trimmedContent })) : (_jsx(Text, { children: trimmedContent }))] })] }));
+                message.toolCalls.length > 0 && (_jsx(Box, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: message.toolCalls.map((toolCall) => (_jsx(ToolCall, { toolCall: toolCall }, toolCall.id))) })), _jsxs(Box, { children: [
+                    _jsxs(Text, { bold: true, color: roleColor, children: [roleSymbol, " "] }), message.role === "user" ? (_jsx(Text, { backgroundColor: "gray", children: trimmedContent })) : (_jsx(Text, { children: trimmedContent }))] })
+        ] }));
 }

package/dist/tui/components/MultiSelect.d.ts

@@ -11,4 +11,4 @@ export interface MultiSelectProps {
     onCancel?: () => void;
     autoAdvanceOnSelect?: boolean;
 }
-export declare function MultiSelect({ options, selected, onChange, onSubmit, onCancel, autoAdvanceOnSelect, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function MultiSelect({ options, selected, onChange, onSubmit, onCancel, autoAdvanceOnSelect }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/tui/components/MultiSelect.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text, useInput } from "ink";
 import { useState } from "react";
 export function MultiSelect({ options, selected, onChange, onSubmit, onCancel, autoAdvanceOnSelect = true, }) {
@@ -71,6 +71,8 @@ export function MultiSelect({ options, selected, onChange, onSubmit, onCancel, a
     return (_jsxs(Box, { flexDirection: "column", children: [options.map((option, index) => {
                 const isSelected = selected.includes(option.value);
                 const isFocused = index === focusedIndex;
-                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { inverse: isFocused, children: [isSelected ? "[x]" : "[ ]", " ", option.label] }) }), option.description && (_jsx(Box, { paddingLeft: 4, children: _jsx(Text, { dimColor: true, children: option.description }) }))] }, option.value));
-            }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { inverse: focusedIndex === options.length, color: "green", bold: true, children: "\u2192 Continue" }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191/\u2193: Navigate \u2022 Space/Enter: Toggle \u2022 Enter on Continue: Proceed" }) })] }));
+                return (_jsxs(Box, { flexDirection: "column", children: [
+                        _jsx(Box, { children: _jsxs(Text, { inverse: isFocused, children: [isSelected ? "[x]" : "[ ]", " ", option.label] }) }), option.description && (_jsx(Box, { paddingLeft: 4, children: _jsx(Text, { dimColor: true, children: option.description }) }))] }, option.value));
+            }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { inverse: focusedIndex === options.length, color: "green", bold: true, children: "\u2192 Continue" }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191/\u2193: Navigate \u2022 Space/Enter: Toggle \u2022 Enter on Continue: Proceed" }) })
+        ] }));
 }

package/dist/tui/components/ReadlineInput.d.ts

@@ -6,4 +6,4 @@ export interface ReadlineInputProps {
     onCtrlT?: () => void;
     placeholder?: string;
 }
-export declare function ReadlineInput({ value, onChange, onSubmit, onEscape, onCtrlT, placeholder, }: ReadlineInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function ReadlineInput({ value, onChange, onSubmit, onEscape, onCtrlT, placeholder }: ReadlineInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/tui/components/ReadlineInput.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, useInput } from "ink";
 import React, { useState } from "react";
 export function ReadlineInput({ value, onChange, onSubmit, onEscape, onCtrlT, placeholder = "", }) {
@@ -237,7 +237,9 @@ export function ReadlineInput({ value, onChange, onSubmit, onEscape, onCtrlT, pl
     const cursorPos = value.length + cursorOffset;
     // Show placeholder if empty
     if (value.length === 0) {
-        return (_jsxs(_Fragment, { children: [_jsx(Text, { inverse: true, children: " " }), _jsx(Text, { dimColor: true, children: placeholder })] }));
+        return (_jsxs(_Fragment, { children: [
+                _jsx(Text, { inverse: true, children: " " }), _jsx(Text, { dimColor: true, children: placeholder })
+            ] }));
     }
     // Show value with cursor
     const before = value.slice(0, cursorPos);

package/dist/tui/components/SimpleTextInput.d.ts

@@ -4,4 +4,4 @@ export interface SimpleTextInputProps {
     onSubmit: () => void;
     placeholder?: string;
 }
-export declare function SimpleTextInput({ value, onChange, onSubmit, placeholder, }: SimpleTextInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimpleTextInput({ value, onChange, onSubmit, placeholder }: SimpleTextInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/tui/components/SimpleTextInput.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, useInput } from "ink";
 import { useEffect, useState } from "react";
 export function SimpleTextInput({ value, onChange, onSubmit, placeholder = "", }) {
@@ -159,7 +159,9 @@ export function SimpleTextInput({ value, onChange, onSubmit, placeholder = "", }
     const cursorPos = value.length + cursorOffset;
     // Show placeholder if empty
     if (value.length === 0) {
-        return (_jsxs(_Fragment, { children: [_jsx(Text, { inverse: true, children: " " }), _jsx(Text, { dimColor: true, children: placeholder })] }));
+        return (_jsxs(_Fragment, { children: [
+                _jsx(Text, { inverse: true, children: " " }), _jsx(Text, { dimColor: true, children: placeholder })
+            ] }));
     }
     // Split by newlines for multi-line rendering
     const allLines = value.split("\n");

package/dist/tui/components/SingleSelect.d.ts

@@ -10,4 +10,4 @@ export interface SingleSelectProps {
     onSubmit: (selected: string) => void;
     onCancel?: () => void;
 }
-export declare function SingleSelect({ options, selected: _selected, onChange, onSubmit, onCancel, }: SingleSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function SingleSelect({ options, selected: _selected, onChange, onSubmit, onCancel }: SingleSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/tui/components/SingleSelect.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text, useInput } from "ink";
 import { useState } from "react";
 export function SingleSelect({ options, selected: _selected, onChange, onSubmit, onCancel, }) {
@@ -41,6 +41,8 @@ export function SingleSelect({ options, selected: _selected, onChange, onSubmit,
     });
     return (_jsxs(Box, { flexDirection: "column", children: [options.map((option, index) => {
                 const isFocused = index === focusedIndex;
-                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { inverse: isFocused, children: [isFocused ? ">" : " ", " ", option.label] }) }), option.description && (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { dimColor: true, children: option.description }) }))] }, option.value));
-            }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191/\u2193: Navigate \u2022 Space/Enter: Select and continue \u2022 Esc: Cancel" }) })] }));
+                return (_jsxs(Box, { flexDirection: "column", children: [
+                        _jsx(Box, { children: _jsxs(Text, { inverse: isFocused, children: [isFocused ? ">" : " ", " ", option.label] }) }), option.description && (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { dimColor: true, children: option.description }) }))] }, option.value));
+            }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191/\u2193: Navigate \u2022 Space/Enter: Select and continue \u2022 Esc: Cancel" }) })
+        ] }));
 }

package/dist/tui/components/StatusBar.d.ts

@@ -18,4 +18,4 @@ export interface StatusBarProps {
     currentModel?: string | null;
     tokenDisplayMode: "context" | "input" | "output";
 }
-export declare function StatusBar({ connectionStatus, isStreaming, streamingStartTime, hasStreamingContent, totalBilled: _totalBilled, currentContext, currentModel, tokenDisplayMode: _tokenDisplayMode, }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusBar({ connectionStatus, isStreaming, streamingStartTime, hasStreamingContent, totalBilled: _totalBilled, currentContext, currentModel, tokenDisplayMode: _tokenDisplayMode }: StatusBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/tui/components/StatusBar.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from "ink";
 import { useEffect, useState } from "react";
 import { calculateTokenPercentage, formatTokenPercentage, } from "../../core/utils/model-context.js";
@@ -113,7 +113,12 @@ export function StatusBar({ connectionStatus, isStreaming, streamingStartTime, h
         const contextPercentage = calculateTokenPercentage(contextTokens, currentModel ?? undefined);
         const contextPercentageStr = formatTokenPercentage(contextTokens, currentModel ?? undefined);
         const contextColor = getTokenColor(contextPercentage);
-        return (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: "Ctx: " }), _jsx(Text, { color: contextColor, children: contextPercentageStr }), _jsx(Text, { dimColor: true, children: " | In: " }), _jsx(Text, { children: formatTokenCount(inputTokens) }), _jsx(Text, { dimColor: true, children: " | Out: " }), _jsx(Text, { children: formatTokenCount(outputTokens) })] }));
+        return (_jsxs(_Fragment, { children: [
+                _jsx(Text, { dimColor: true, children: "Ctx: " }), _jsx(Text, { color: contextColor, children: contextPercentageStr }), _jsx(Text, { dimColor: true, children: " | In: " }), _jsx(Text, { children: formatTokenCount(inputTokens) }), _jsx(Text, { dimColor: true, children: " | Out: " }), _jsx(Text, { children: formatTokenCount(outputTokens) })
+            ] }));
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Text, { color: statusColor, children: "\u25CF" }), _jsxs(Text, { children: [" ", connectionStatus] }), showWaiting && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(WaitingElapsedTime, { startTime: streamingStartTime })] })), _jsx(Text, { dimColor: true, children: " | " }), renderTokenDisplay()] }));
+    return (_jsxs(_Fragment, { children: [
+            _jsx(Text, { color: statusColor, children: "\u25CF" }), _jsxs(Text, { children: [" ", connectionStatus] }), showWaiting && (_jsxs(_Fragment, { children: [
+                    _jsx(Text, { children: " " }), _jsx(WaitingElapsedTime, { startTime: streamingStartTime })
+                ] })), _jsx(Text, { dimColor: true, children: " | " }), renderTokenDisplay()] }));
 }

package/dist/tui/components/ToolCall.js

@@ -37,5 +37,7 @@ export function ToolCall({ toolCall }) {
         ? ((toolCall.tokenUsage.inputTokens / 1_000_000) * 3 +
             (toolCall.tokenUsage.outputTokens / 1_000_000) * 15).toFixed(4)
         : null;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: statusColors[toolCall.status], children: statusIndicators[toolCall.status] }), _jsx(Text, { color: "cyan", bold: true, children: "[TOOL]" }), _jsx(Text, { children: toolCall.title }), startTime && (_jsxs(Text, { color: "gray", dimColor: true, children: ["| ", startTime] })), duration && (_jsxs(Text, { color: "gray", dimColor: true, children: ["| ", duration, "s"] })), cost && (_jsxs(Text, { color: "gray", dimColor: true, children: ["| $", cost] }))] }), toolCall._meta?.truncationWarning && (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { color: "yellow", bold: true, children: ["\u26A0\uFE0F ", toolCall._meta.truncationWarning] }) }))] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [
+            _jsxs(Box, { flexDirection: "row", gap: 1, children: [
+                    _jsx(Text, { color: statusColors[toolCall.status], children: statusIndicators[toolCall.status] }), _jsx(Text, { color: "cyan", bold: true, children: "[TOOL]" }), _jsx(Text, { children: toolCall.title }), startTime && (_jsxs(Text, { color: "gray", dimColor: true, children: ["| ", startTime] })), duration && (_jsxs(Text, { color: "gray", dimColor: true, children: ["| ", duration, "s"] })), cost && (_jsxs(Text, { color: "gray", dimColor: true, children: ["| $", cost] }))] }), toolCall._meta?.truncationWarning && (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { color: "yellow", bold: true, children: ["\u26A0\uFE0F ", toolCall._meta.truncationWarning] }) }))] }));
 }

package/dist/tui/components/ToolCallList.js

@@ -13,5 +13,9 @@ export function ToolCallList({ toolCalls }) {
     const pending = toolCalls.filter((tc) => tc.status === "pending");
     const completed = toolCalls.filter((tc) => tc.status === "completed");
     const failed = toolCalls.filter((tc) => tc.status === "failed");
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [inProgress.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: "blue", children: ["\u25B6 In Progress (", inProgress.length, ")"] }), inProgress.map((tc) => (_jsx(ToolCall, { toolCall: tc }, tc.id)))] })), pending.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: "gray", children: ["\u23F8 Pending (", pending.length, ")"] }), pending.map((tc) => (_jsx(ToolCall, { toolCall: tc }, tc.id)))] })), completed.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: "green", children: ["\u2713 Completed (", completed.length, ")"] }), completed.slice(-5).map((tc) => (_jsx(ToolCall, { toolCall: tc }, tc.id))), completed.length > 5 && (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { dimColor: true, children: ["... and ", completed.length - 5, " more"] }) }))] })), failed.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: "red", children: ["\u2717 Failed (", failed.length, ")"] }), failed.map((tc) => (_jsx(ToolCall, { toolCall: tc }, tc.id)))] }))] }));
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [inProgress.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+                    _jsxs(Text, { bold: true, color: "blue", children: ["\u25B6 In Progress (", inProgress.length, ")"] }), inProgress.map((tc) => (_jsx(ToolCall, { toolCall: tc }, tc.id)))] })), pending.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+                    _jsxs(Text, { bold: true, color: "gray", children: ["\u23F8 Pending (", pending.length, ")"] }), pending.map((tc) => (_jsx(ToolCall, { toolCall: tc }, tc.id)))] })), completed.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+                    _jsxs(Text, { bold: true, color: "green", children: ["\u2713 Completed (", completed.length, ")"] }), completed.slice(-5).map((tc) => (_jsx(ToolCall, { toolCall: tc }, tc.id))), completed.length > 5 && (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { dimColor: true, children: ["... and ", completed.length - 5, " more"] }) }))] })), failed.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+                    _jsxs(Text, { bold: true, color: "red", children: ["\u2717 Failed (", failed.length, ")"] }), failed.map((tc) => (_jsx(ToolCall, { toolCall: tc }, tc.id)))] }))] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@townco/ui",
-  "version": "0.1.79",
+  "version": "0.1.82",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -33,10 +33,10 @@
     "./styles/global.css": "./src/styles/global.css"
   },
   "scripts": {
-    "build": "tsc",
-    "dev": "tsc --watch",
+    "build": "tsgo",
+    "dev": "tsgo --watch",
     "test": "bun test",
-    "check": "tsc --noEmit",
+    "check": "tsgo --noEmit",
     "prepack": "node scripts/strip-dev-exports.js",
     "postpack": "node scripts/strip-dev-exports.js restore"
   },
@@ -49,7 +49,7 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@townco/core": "0.0.57",
+    "@townco/core": "0.0.60",
     "@uiw/react-json-view": "^2.0.0-alpha.39",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -65,13 +65,13 @@
     "zustand": "^5.0.8"
   },
   "devDependencies": {
-    "@townco/tsconfig": "0.1.76",
+    "@townco/tsconfig": "0.1.79",
     "@types/node": "^24.10.0",
     "@types/react": "^19.2.2",
     "ink": "^6.4.0",
     "react": "19.2.1",
     "tailwindcss": "^4.1.17",
-    "typescript": "^5.9.3"
+    "@typescript/native-preview": "^7.0.0-dev.20251207.1"
   },
   "peerDependencies": {
     "ink": "^6.4.0",

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

@@ -1,9 +0,0 @@
-import type { ToolCall as ToolCallType } from "../../core/schemas/tool-call.js";
-export interface InvokingGroupProps {
-    toolCalls: ToolCallType[];
-}
-/**
- * InvokingGroup component - displays a group of preliminary (invoking) tool calls
- * Shows as "Invoking parallel operation (N)" with a summary of unique tool names
- */
-export declare function InvokingGroup({ toolCalls }: InvokingGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/gui/components/InvokingGroup.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ListVideo } from "lucide-react";
-import React from "react";
-/**
- * InvokingGroup component - displays a group of preliminary (invoking) tool calls
- * Shows as "Invoking parallel operation (N)" with a summary of unique tool names
- */
-export function InvokingGroup({ toolCalls }) {
-    // Get unique display names for the summary
-    const displayNames = toolCalls.map((tc) => tc.prettyName || tc.title);
-    const uniqueNames = [...new Set(displayNames)];
-    const summary = uniqueNames.length <= 2
-        ? uniqueNames.join(", ")
-        : `${uniqueNames.slice(0, 2).join(", ")} +${uniqueNames.length - 2} more`;
-    return (_jsxs("div", { className: "flex flex-col my-4", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-paragraph-sm text-muted-foreground/50", children: [_jsx(ListVideo, { className: "h-3 w-3" }), _jsx("span", { children: "Invoking parallel operation" }), _jsx("span", { className: "text-[10px] bg-muted px-1.5 py-0.5 rounded text-muted-foreground/50", children: toolCalls.length })] }), _jsx("span", { className: "text-paragraph-sm text-muted-foreground/50 pl-4.5", children: summary })] }));
-}