@townco/ui 0.1.3 → 0.1.7

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

@@ -3,61 +3,61 @@ import type { Message, MessageChunk, SessionUpdate } from "../schemas/index.js";
  * Transport interface for different communication methods
  */
 export interface Transport {
-	/**
-	 * Initialize the transport connection
-	 */
-	connect(): Promise<void>;
-	/**
-	 * Close the transport connection
-	 */
-	disconnect(): Promise<void>;
-	/**
-	 * Send a message through the transport
-	 */
-	send(message: Message): Promise<void>;
-	/**
-	 * Receive messages from the transport
-	 * Returns an async iterator for streaming support
-	 */
-	receive(): AsyncIterableIterator<MessageChunk>;
-	/**
-	 * Get current connection status
-	 */
-	isConnected(): boolean;
-	/**
-	 * Subscribe to session updates
-	 */
-	onSessionUpdate(callback: (update: SessionUpdate) => void): () => void;
-	/**
-	 * Subscribe to errors
-	 */
-	onError(callback: (error: Error) => void): () => void;
+    /**
+     * Initialize the transport connection
+     */
+    connect(): Promise<void>;
+    /**
+     * Close the transport connection
+     */
+    disconnect(): Promise<void>;
+    /**
+     * Send a message through the transport
+     */
+    send(message: Message): Promise<void>;
+    /**
+     * Receive messages from the transport
+     * Returns an async iterator for streaming support
+     */
+    receive(): AsyncIterableIterator<MessageChunk>;
+    /**
+     * Get current connection status
+     */
+    isConnected(): boolean;
+    /**
+     * Subscribe to session updates
+     */
+    onSessionUpdate(callback: (update: SessionUpdate) => void): () => void;
+    /**
+     * Subscribe to errors
+     */
+    onError(callback: (error: Error) => void): () => void;
 }
 /**
  * Stdio transport options
  */
 export interface StdioTransportOptions {
-	agentPath: string;
-	agentArgs?: string[];
-	environment?: Record<string, string>;
-	workingDirectory?: string;
-	timeout?: number;
+    agentPath: string;
+    agentArgs?: string[];
+    environment?: Record<string, string>;
+    workingDirectory?: string;
+    timeout?: number;
 }
 /**
  * HTTP transport options
  */
 export interface HttpTransportOptions {
-	baseUrl: string;
-	apiKey?: string;
-	timeout?: number;
-	headers?: Record<string, string>;
+    baseUrl: string;
+    apiKey?: string;
+    timeout?: number;
+    headers?: Record<string, string>;
 }
 /**
  * WebSocket transport options
  */
 export interface WebSocketTransportOptions {
-	url: string;
-	protocols?: string[];
-	reconnect?: boolean;
-	reconnectDelay?: number;
+    url: string;
+    protocols?: string[];
+    reconnect?: boolean;
+    reconnectDelay?: number;
 }

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

@@ -5,16 +5,16 @@ import type { Transport, WebSocketTransportOptions } from "./types.js";
  * Will be implemented when HTTP ACP server with WebSocket support is ready
  */
 export declare class WebSocketTransport implements Transport {
-	private ws;
-	private connected;
-	private sessionUpdateCallbacks;
-	private errorCallbacks;
-	constructor(_options: WebSocketTransportOptions);
-	connect(): Promise<void>;
-	disconnect(): Promise<void>;
-	send(_message: Message): Promise<void>;
-	receive(): AsyncIterableIterator<MessageChunk>;
-	isConnected(): boolean;
-	onSessionUpdate(callback: (update: SessionUpdate) => void): () => void;
-	onError(callback: (error: Error) => void): () => void;
+    private ws;
+    private connected;
+    private sessionUpdateCallbacks;
+    private errorCallbacks;
+    constructor(_options: WebSocketTransportOptions);
+    connect(): Promise<void>;
+    disconnect(): Promise<void>;
+    send(_message: Message): Promise<void>;
+    receive(): AsyncIterableIterator<MessageChunk>;
+    isConnected(): boolean;
+    onSessionUpdate(callback: (update: SessionUpdate) => void): () => void;
+    onError(callback: (error: Error) => void): () => void;
 }

package/dist/sdk/transports/websocket.js

@@ -3,56 +3,50 @@
  * Will be implemented when HTTP ACP server with WebSocket support is ready
  */
 export class WebSocketTransport {
-	ws = null;
-	connected = false;
-	sessionUpdateCallbacks = new Set();
-	errorCallbacks = new Set();
-	// biome-ignore lint/complexity/noUselessConstructor: Constructor needed for type compatibility with other transports
-	constructor(_options) {
-		// Options will be used when WebSocket transport is implemented
-	}
-	async connect() {
-		// TODO: Implement WebSocket connection
-		throw new Error(
-			"WebSocketTransport not yet implemented. Waiting for HTTP ACP server.",
-		);
-	}
-	async disconnect() {
-		if (this.ws) {
-			this.ws.close();
-			this.ws = null;
-		}
-		this.connected = false;
-	}
-	async send(_message) {
-		if (!this.connected || !this.ws) {
-			throw new Error("Transport not connected");
-		}
-		// TODO: Implement WebSocket message sending
-		throw new Error(
-			"WebSocketTransport not yet implemented. Waiting for HTTP ACP server.",
-		);
-	}
-	// biome-ignore lint/correctness/useYield: .
-	async *receive() {
-		// TODO: Implement WebSocket message receiving
-		throw new Error(
-			"WebSocketTransport not yet implemented. Waiting for HTTP ACP server.",
-		);
-	}
-	isConnected() {
-		return this.connected;
-	}
-	onSessionUpdate(callback) {
-		this.sessionUpdateCallbacks.add(callback);
-		return () => {
-			this.sessionUpdateCallbacks.delete(callback);
-		};
-	}
-	onError(callback) {
-		this.errorCallbacks.add(callback);
-		return () => {
-			this.errorCallbacks.delete(callback);
-		};
-	}
+    ws = null;
+    connected = false;
+    sessionUpdateCallbacks = new Set();
+    errorCallbacks = new Set();
+    // biome-ignore lint/complexity/noUselessConstructor: Constructor needed for type compatibility with other transports
+    constructor(_options) {
+        // Options will be used when WebSocket transport is implemented
+    }
+    async connect() {
+        // TODO: Implement WebSocket connection
+        throw new Error("WebSocketTransport not yet implemented. Waiting for HTTP ACP server.");
+    }
+    async disconnect() {
+        if (this.ws) {
+            this.ws.close();
+            this.ws = null;
+        }
+        this.connected = false;
+    }
+    async send(_message) {
+        if (!this.connected || !this.ws) {
+            throw new Error("Transport not connected");
+        }
+        // TODO: Implement WebSocket message sending
+        throw new Error("WebSocketTransport not yet implemented. Waiting for HTTP ACP server.");
+    }
+    // biome-ignore lint/correctness/useYield: .
+    async *receive() {
+        // TODO: Implement WebSocket message receiving
+        throw new Error("WebSocketTransport not yet implemented. Waiting for HTTP ACP server.");
+    }
+    isConnected() {
+        return this.connected;
+    }
+    onSessionUpdate(callback) {
+        this.sessionUpdateCallbacks.add(callback);
+        return () => {
+            this.sessionUpdateCallbacks.delete(callback);
+        };
+    }
+    onError(callback) {
+        this.errorCallbacks.add(callback);
+        return () => {
+            this.errorCallbacks.delete(callback);
+        };
+    }
 }

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

@@ -1,7 +1,5 @@
 import type { AcpClient } from "../../sdk/client/index.js";
 export interface ChatViewProps {
-	client: AcpClient | null;
+    client: AcpClient | null;
 }
-export declare function ChatView({
-	client,
-}: ChatViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatView({ client }: ChatViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/tui/components/ChatView.js

@@ -1,57 +1,24 @@
-import { Box } from "ink";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import {
-	useChatInput,
-	useChatMessages,
-	useChatSession,
-	useChatStore,
-} from "../../core/index.js";
+import { Box } from "ink";
+import { useChatInput, useChatMessages, useChatSession, useChatStore, } from "../../core/index.js";
 import { InputBox } from "./InputBox.js";
 import { MessageList } from "./MessageList.js";
 import { StatusBar } from "./StatusBar.js";
 export function ChatView({ client }) {
-	const setIsStreaming = useChatStore((state) => state.setIsStreaming);
-	const streamingStartTime = useChatStore((state) => state.streamingStartTime);
-	// Use headless hooks for business logic
-	const { connectionStatus, sessionId } = useChatSession(client);
-	const { messages, isStreaming } = useChatMessages(client);
-	const { value, isSubmitting, attachedFiles, onChange, onSubmit } =
-		useChatInput(client);
-	// Check if we're actively receiving content (hide waiting indicator)
-	const hasStreamingContent = messages.some(
-		(msg) => msg.isStreaming && msg.content.length > 0,
-	);
-	// Callbacks for keyboard shortcuts
-	const handleEscape = () => {
-		if (isStreaming) {
-			// TODO: Implement proper cancellation when SDK supports it
-			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,
-			}),
-			_jsx(StatusBar, {
-				connectionStatus: connectionStatus,
-				sessionId: sessionId,
-				isStreaming: isStreaming,
-				streamingStartTime: streamingStartTime,
-				hasStreamingContent: hasStreamingContent,
-			}),
-		],
-	});
+    const setIsStreaming = useChatStore((state) => state.setIsStreaming);
+    const streamingStartTime = useChatStore((state) => state.streamingStartTime);
+    // Use headless hooks for business logic
+    const { connectionStatus, sessionId } = useChatSession(client);
+    const { messages, isStreaming } = useChatMessages(client);
+    const { value, isSubmitting, attachedFiles, onChange, onSubmit } = useChatInput(client);
+    // Check if we're actively receiving content (hide waiting indicator)
+    const hasStreamingContent = messages.some((msg) => msg.isStreaming && msg.content.length > 0);
+    // Callbacks for keyboard shortcuts
+    const handleEscape = () => {
+        if (isStreaming) {
+            // TODO: Implement proper cancellation when SDK supports it
+            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 }), _jsx(StatusBar, { connectionStatus: connectionStatus, sessionId: sessionId, isStreaming: isStreaming, streamingStartTime: streamingStartTime, hasStreamingContent: hasStreamingContent })] }));
 }

package/dist/tui/components/GameOfLife.js

@@ -1,79 +1,50 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { useEffect, useState } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-
 const ROWS = 12;
 const COLS = 60;
 // Initialize with a random pattern
 function createRandomGrid() {
-	return Array.from({ length: ROWS }, () =>
-		Array.from({ length: COLS }, () => Math.random() < 0.3),
-	);
+    return Array.from({ length: ROWS }, () => Array.from({ length: COLS }, () => Math.random() < 0.3));
 }
 // Count living neighbors
 function countNeighbors(grid, row, col) {
-	let count = 0;
-	for (let i = -1; i <= 1; i++) {
-		for (let j = -1; j <= 1; j++) {
-			if (i === 0 && j === 0) continue;
-			const newRow = (row + i + ROWS) % ROWS;
-			const newCol = (col + j + COLS) % COLS;
-			if (grid[newRow]?.[newCol]) count++;
-		}
-	}
-	return count;
+    let count = 0;
+    for (let i = -1; i <= 1; i++) {
+        for (let j = -1; j <= 1; j++) {
+            if (i === 0 && j === 0)
+                continue;
+            const newRow = (row + i + ROWS) % ROWS;
+            const newCol = (col + j + COLS) % COLS;
+            if (grid[newRow]?.[newCol])
+                count++;
+        }
+    }
+    return count;
 }
 // Compute next generation
 function nextGeneration(grid) {
-	return grid.map((row, i) =>
-		row.map((cell, j) => {
-			const neighbors = countNeighbors(grid, i, j);
-			if (cell) {
-				return neighbors === 2 || neighbors === 3;
-			} else {
-				return neighbors === 3;
-			}
-		}),
-	);
+    return grid.map((row, i) => row.map((cell, j) => {
+        const neighbors = countNeighbors(grid, i, j);
+        if (cell) {
+            return neighbors === 2 || neighbors === 3;
+        }
+        else {
+            return neighbors === 3;
+        }
+    }));
 }
 export function GameOfLife() {
-	const [grid, setGrid] = useState(createRandomGrid);
-	const [generation, setGeneration] = useState(0);
-	// Generate stable row IDs on mount
-	const rowIds = useState(() =>
-		Array.from({ length: ROWS }, (_, i) => `row-${i}`),
-	)[0];
-	useEffect(() => {
-		const interval = setInterval(() => {
-			setGrid((prevGrid) => nextGeneration(prevGrid));
-			setGeneration((prev) => prev + 1);
-		}, 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...",
-			}),
-		],
-	});
+    const [grid, setGrid] = useState(createRandomGrid);
+    const [generation, setGeneration] = useState(0);
+    // Generate stable row IDs on mount
+    const rowIds = useState(() => Array.from({ length: ROWS }, (_, i) => `row-${i}`))[0];
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setGrid((prevGrid) => nextGeneration(prevGrid));
+            setGeneration((prev) => prev + 1);
+        }, 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..." })] }));
 }

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

@@ -1,20 +1,13 @@
 export interface InputBoxProps {
-	value: string;
-	isSubmitting: boolean;
-	attachedFiles: Array<{
-		name: string;
-		path: string;
-		size: number;
-	}>;
-	onChange: (value: string) => void;
-	onSubmit: () => void;
-	onEscape?: () => void;
+    value: string;
+    isSubmitting: boolean;
+    attachedFiles: Array<{
+        name: string;
+        path: string;
+        size: number;
+    }>;
+    onChange: (value: string) => void;
+    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

@@ -1,75 +1,15 @@
-import { Box, Text, useStdout } from "ink";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useStdout } from "ink";
 import { ReadlineInput } from "./ReadlineInput.js";
-export function InputBox({
-	value,
-	isSubmitting,
-	attachedFiles,
-	onChange,
-	onSubmit,
-	onEscape,
-}) {
-	const { stdout } = useStdout();
-	const terminalWidth = stdout?.columns || 80;
-	return _jsxs(Box, {
-		flexDirection: "column",
-		children: [
-			_jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) }),
-			attachedFiles.length > 0 &&
-				_jsxs(Box, {
-					flexDirection: "column",
-					paddingTop: 1,
-					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,
-							),
-						),
-					],
-				}),
-			_jsxs(Box, {
-				paddingY: 1,
-				children: [
-					_jsx(Text, { bold: true, color: "blue", children: "> " }),
-					isSubmitting
-						? _jsx(Text, {
-								color: "gray",
-								italic: true,
-								children: "Sending...",
-							})
-						: onEscape
-							? _jsx(ReadlineInput, {
-									value: value,
-									onChange: onChange,
-									onSubmit: onSubmit,
-									onEscape: onEscape,
-									placeholder: "Type your message...",
-								})
-							: _jsx(ReadlineInput, {
-									value: value,
-									onChange: onChange,
-									onSubmit: onSubmit,
-									placeholder: "Type your message...",
-								}),
-				],
-			}),
-			_jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) }),
-		],
-	});
+export function InputBox({ value, isSubmitting, attachedFiles, onChange, onSubmit, onEscape, }) {
+    const { stdout } = useStdout();
+    const terminalWidth = stdout?.columns || 80;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) }), attachedFiles.length > 0 && (_jsxs(Box, { flexDirection: "column", paddingTop: 1, 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)))] })), _jsxs(Box, { paddingY: 1, children: [_jsx(Text, { bold: true, color: "blue", children: "> " }), isSubmitting ? (_jsx(Text, { color: "gray", italic: true, children: "Sending..." })) : onEscape ? (_jsx(ReadlineInput, { value: value, onChange: onChange, onSubmit: onSubmit, onEscape: onEscape, placeholder: "Type your message..." })) : (_jsx(ReadlineInput, { value: value, onChange: onChange, onSubmit: onSubmit, placeholder: "Type your message..." }))] }), _jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) })] }));
 }
 function formatFileSize(bytes) {
-	if (bytes < 1024) return `${bytes} B`;
-	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }

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

@@ -1,7 +1,5 @@
 import type { DisplayMessage } from "../../core/index.js";
 export interface MessageListProps {
-	messages: DisplayMessage[];
+    messages: DisplayMessage[];
 }
-export declare function MessageList({
-	messages,
-}: MessageListProps): import("react/jsx-runtime").JSX.Element;
+export declare function MessageList({ messages }: MessageListProps): import("react/jsx-runtime").JSX.Element;

package/dist/tui/components/MessageList.js

@@ -1,43 +1,16 @@
-import { Box, Text } from "ink";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
 import { GameOfLife } from "./GameOfLife.js";
 export function MessageList({ messages }) {
-	return _jsx(Box, {
-		flexDirection: "column",
-		paddingX: 1,
-		paddingY: 1,
-		children:
-			messages.length === 0
-				? _jsx(GameOfLife, {})
-				: messages.map((message) =>
-						_jsx(Message, { message: message }, message.id),
-					),
-	});
+    return (_jsx(Box, { flexDirection: "column", paddingX: 1, paddingY: 1, children: messages.length === 0 ? (_jsx(GameOfLife, {})) : (messages.map((message) => (_jsx(Message, { message: message }, message.id)))) }));
 }
 function Message({ message }) {
-	const roleColor =
-		message.role === "user"
-			? "blue"
-			: message.role === "assistant"
-				? "green"
-				: "gray";
-	const roleSymbol =
-		message.role === "user" ? ">" : message.role === "assistant" ? "⏺" : "•";
-	const trimmedContent = message.content?.trim() || "";
-	return _jsx(Box, {
-		flexDirection: "column",
-		marginY: 1,
-		children: _jsxs(Box, {
-			children: [
-				_jsxs(Text, {
-					bold: true,
-					color: roleColor,
-					children: [roleSymbol, " "],
-				}),
-				message.role === "user"
-					? _jsx(Text, { backgroundColor: "gray", children: trimmedContent })
-					: _jsx(Text, { children: trimmedContent }),
-			],
-		}),
-	});
+    const roleColor = message.role === "user"
+        ? "blue"
+        : message.role === "assistant"
+            ? "green"
+            : "gray";
+    const roleSymbol = message.role === "user" ? ">" : message.role === "assistant" ? "⏺" : "•";
+    const trimmedContent = message.content?.trim() || "";
+    return (_jsx(Box, { flexDirection: "column", marginY: 1, children: _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

@@ -1,19 +1,14 @@
 export interface MultiSelectOption {
-	label: string;
-	value: string;
-	description?: string;
+    label: string;
+    value: string;
+    description?: string;
 }
 export interface MultiSelectProps {
-	options: MultiSelectOption[];
-	selected: string[];
-	onChange: (selected: string[]) => void;
-	onSubmit: () => void;
-	onCancel?: () => void;
+    options: MultiSelectOption[];
+    selected: string[];
+    onChange: (selected: string[]) => void;
+    onSubmit: () => void;
+    onCancel?: () => void;
+    autoAdvanceOnSelect?: boolean;
 }
-export declare function MultiSelect({
-	options,
-	selected,
-	onChange,
-	onSubmit,
-	onCancel,
-}: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function MultiSelect({ options, selected, onChange, onSubmit, onCancel, autoAdvanceOnSelect, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;