@townco/ui 0.1.16 → 0.1.18

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

@@ -3,21 +3,21 @@ import type { AcpClient } from "../../sdk/client/index.js";
  * Hook for managing chat input
  */
 export declare function useChatInput(client: AcpClient | null): {
-	value: string;
-	isSubmitting: boolean;
-	attachedFiles: {
-		name: string;
-		path: string;
-		size: number;
-		mimeType: string;
-	}[];
-	onChange: (value: string) => void;
-	onSubmit: () => Promise<void>;
-	onAttachFile: (file: {
-		name: string;
-		path: string;
-		size: number;
-		mimeType: string;
-	}) => void;
-	onRemoveFile: (index: number) => void;
+    value: string;
+    isSubmitting: boolean;
+    attachedFiles: {
+        name: string;
+        path: string;
+        size: number;
+        mimeType: string;
+    }[];
+    onChange: (value: string) => void;
+    onSubmit: () => Promise<void>;
+    onAttachFile: (file: {
+        name: string;
+        path: string;
+        size: number;
+        mimeType: string;
+    }) => void;
+    onRemoveFile: (index: number) => void;
 };

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

@@ -5,68 +5,59 @@ import { useChatMessages } from "./use-chat-messages.js";
  * Hook for managing chat input
  */
 export function useChatInput(client) {
-	const input = useChatStore((state) => state.input);
-	const setInputValue = useChatStore((state) => state.setInputValue);
-	const setInputSubmitting = useChatStore((state) => state.setInputSubmitting);
-	const addFileAttachment = useChatStore((state) => state.addFileAttachment);
-	const removeFileAttachment = useChatStore(
-		(state) => state.removeFileAttachment,
-	);
-	const { sendMessage } = useChatMessages(client);
-	/**
-	 * Handle input value change
-	 */
-	const handleInputChange = useCallback(
-		(value) => {
-			setInputValue(value);
-		},
-		[setInputValue],
-	);
-	/**
-	 * Handle input submission
-	 */
-	const handleSubmit = useCallback(async () => {
-		if (!input.value.trim() || input.isSubmitting) {
-			return;
-		}
-		const message = input.value;
-		// Clear input immediately for better UX
-		setInputValue("");
-		setInputSubmitting(true);
-		try {
-			await sendMessage(message);
-		} catch (error) {
-			// Error is handled in useChatMessages
-			console.error("Failed to send message:", error);
-		} finally {
-			setInputSubmitting(false);
-		}
-	}, [input, setInputValue, setInputSubmitting, sendMessage]);
-	/**
-	 * Handle file attachment
-	 */
-	const handleAttachFile = useCallback(
-		(file) => {
-			addFileAttachment(file);
-		},
-		[addFileAttachment],
-	);
-	/**
-	 * Handle file removal
-	 */
-	const handleRemoveFile = useCallback(
-		(index) => {
-			removeFileAttachment(index);
-		},
-		[removeFileAttachment],
-	);
-	return {
-		value: input.value,
-		isSubmitting: input.isSubmitting,
-		attachedFiles: input.attachedFiles,
-		onChange: handleInputChange,
-		onSubmit: handleSubmit,
-		onAttachFile: handleAttachFile,
-		onRemoveFile: handleRemoveFile,
-	};
+    const input = useChatStore((state) => state.input);
+    const setInputValue = useChatStore((state) => state.setInputValue);
+    const setInputSubmitting = useChatStore((state) => state.setInputSubmitting);
+    const addFileAttachment = useChatStore((state) => state.addFileAttachment);
+    const removeFileAttachment = useChatStore((state) => state.removeFileAttachment);
+    const { sendMessage } = useChatMessages(client);
+    /**
+     * Handle input value change
+     */
+    const handleInputChange = useCallback((value) => {
+        setInputValue(value);
+    }, [setInputValue]);
+    /**
+     * Handle input submission
+     */
+    const handleSubmit = useCallback(async () => {
+        if (!input.value.trim() || input.isSubmitting) {
+            return;
+        }
+        const message = input.value;
+        // Clear input immediately for better UX
+        setInputValue("");
+        setInputSubmitting(true);
+        try {
+            await sendMessage(message);
+        }
+        catch (error) {
+            // Error is handled in useChatMessages
+            console.error("Failed to send message:", error);
+        }
+        finally {
+            setInputSubmitting(false);
+        }
+    }, [input, setInputValue, setInputSubmitting, sendMessage]);
+    /**
+     * Handle file attachment
+     */
+    const handleAttachFile = useCallback((file) => {
+        addFileAttachment(file);
+    }, [addFileAttachment]);
+    /**
+     * Handle file removal
+     */
+    const handleRemoveFile = useCallback((index) => {
+        removeFileAttachment(index);
+    }, [removeFileAttachment]);
+    return {
+        value: input.value,
+        isSubmitting: input.isSubmitting,
+        attachedFiles: input.attachedFiles,
+        onChange: handleInputChange,
+        onSubmit: handleSubmit,
+        onAttachFile: handleAttachFile,
+        onRemoveFile: handleRemoveFile,
+    };
 }

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

@@ -4,125 +4,118 @@ import { useChatStore } from "../store/chat-store.js";
  * Hook for managing chat messages
  */
 export function useChatMessages(client) {
-	const messages = useChatStore((state) => state.messages);
-	const isStreaming = useChatStore((state) => state.isStreaming);
-	const sessionId = useChatStore((state) => state.sessionId);
-	const setIsStreaming = useChatStore((state) => state.setIsStreaming);
-	const setStreamingStartTime = useChatStore(
-		(state) => state.setStreamingStartTime,
-	);
-	const addMessage = useChatStore((state) => state.addMessage);
-	const updateMessage = useChatStore((state) => state.updateMessage);
-	const setError = useChatStore((state) => state.setError);
-	/**
-	 * Send a message to the agent
-	 */
-	const sendMessage = useCallback(
-		async (content) => {
-			if (!client) {
-				console.error("❌ No client available");
-				setError("No client available");
-				return;
-			}
-			if (!sessionId) {
-				console.error("❌ No active session");
-				setError("No active session");
-				return;
-			}
-			try {
-				// Start streaming and track time immediately
-				const startTime = Date.now();
-				setIsStreaming(true);
-				setStreamingStartTime(startTime);
-				// Add user message to UI
-				const userMessage = {
-					id: `msg_${Date.now()}_user`,
-					role: "user",
-					content,
-					timestamp: new Date().toISOString(),
-					isStreaming: false,
-				};
-				addMessage(userMessage);
-				// Create placeholder for assistant message BEFORE sending
-				const assistantMessageId = `msg_${Date.now()}_assistant`;
-				const assistantMessage = {
-					id: assistantMessageId,
-					role: "assistant",
-					content: "",
-					timestamp: new Date().toISOString(),
-					isStreaming: true,
-					streamingStartTime: startTime, // Use the same start time from when user sent message
-				};
-				addMessage(assistantMessage);
-				// Build full conversation history (excluding system messages)
-				const conversationHistory = messages
-					.filter((msg) => msg.role !== "system")
-					.map(
-						(msg) =>
-							`${msg.role === "user" ? "Human" : "Assistant"}: ${msg.content}`,
-					)
-					.join("\n\n");
-				// Combine history with new message
-				const fullPrompt = conversationHistory
-					? `${conversationHistory}\n\nHuman: ${content}`
-					: content;
-				// Start receiving chunks (async iterator)
-				const messageStream = client.receiveMessages();
-				// Send full conversation without awaiting (fire and forget)
-				// This allows chunks to start arriving while we're listening
-				client.sendMessage(fullPrompt, sessionId).catch((error) => {
-					const message =
-						error instanceof Error ? error.message : String(error);
-					setError(message);
-					setIsStreaming(false);
-					setStreamingStartTime(null);
-				});
-				// Listen for streaming chunks
-				let accumulatedContent = "";
-				for await (const chunk of messageStream) {
-					if (chunk.isComplete) {
-						// Update final message
-						updateMessage(assistantMessageId, {
-							content: accumulatedContent,
-							isStreaming: false,
-							streamingStartTime: undefined, // Clear streaming start time
-						});
-						setIsStreaming(false);
-						setStreamingStartTime(null); // Clear global streaming start time
-						break;
-					} else {
-						// Update streaming content
-						if (chunk.contentDelta.type === "text") {
-							accumulatedContent += chunk.contentDelta.text;
-							updateMessage(assistantMessageId, {
-								content: accumulatedContent,
-							});
-							// Small delay to allow Ink to render between chunks (~60fps)
-							await new Promise((resolve) => setTimeout(resolve, 16));
-						}
-					}
-				}
-			} catch (error) {
-				const message = error instanceof Error ? error.message : String(error);
-				setError(message);
-				setIsStreaming(false);
-				setStreamingStartTime(null); // Clear streaming start time on error
-			}
-		},
-		[
-			client,
-			sessionId,
-			messages,
-			addMessage,
-			updateMessage,
-			setIsStreaming,
-			setStreamingStartTime,
-			setError,
-		],
-	);
-	return {
-		messages,
-		isStreaming,
-		sendMessage,
-	};
+    const messages = useChatStore((state) => state.messages);
+    const isStreaming = useChatStore((state) => state.isStreaming);
+    const sessionId = useChatStore((state) => state.sessionId);
+    const setIsStreaming = useChatStore((state) => state.setIsStreaming);
+    const setStreamingStartTime = useChatStore((state) => state.setStreamingStartTime);
+    const addMessage = useChatStore((state) => state.addMessage);
+    const updateMessage = useChatStore((state) => state.updateMessage);
+    const setError = useChatStore((state) => state.setError);
+    /**
+     * Send a message to the agent
+     */
+    const sendMessage = useCallback(async (content) => {
+        if (!client) {
+            console.error("❌ No client available");
+            setError("No client available");
+            return;
+        }
+        if (!sessionId) {
+            console.error("❌ No active session");
+            setError("No active session");
+            return;
+        }
+        try {
+            // Start streaming and track time immediately
+            const startTime = Date.now();
+            setIsStreaming(true);
+            setStreamingStartTime(startTime);
+            // Add user message to UI
+            const userMessage = {
+                id: `msg_${Date.now()}_user`,
+                role: "user",
+                content,
+                timestamp: new Date().toISOString(),
+                isStreaming: false,
+            };
+            addMessage(userMessage);
+            // Create placeholder for assistant message BEFORE sending
+            const assistantMessageId = `msg_${Date.now()}_assistant`;
+            const assistantMessage = {
+                id: assistantMessageId,
+                role: "assistant",
+                content: "",
+                timestamp: new Date().toISOString(),
+                isStreaming: true,
+                streamingStartTime: startTime, // Use the same start time from when user sent message
+            };
+            addMessage(assistantMessage);
+            // Build full conversation history (excluding system messages)
+            const conversationHistory = messages
+                .filter((msg) => msg.role !== "system")
+                .map((msg) => `${msg.role === "user" ? "Human" : "Assistant"}: ${msg.content}`)
+                .join("\n\n");
+            // Combine history with new message
+            const fullPrompt = conversationHistory
+                ? `${conversationHistory}\n\nHuman: ${content}`
+                : content;
+            // Start receiving chunks (async iterator)
+            const messageStream = client.receiveMessages();
+            // Send full conversation without awaiting (fire and forget)
+            // This allows chunks to start arriving while we're listening
+            client.sendMessage(fullPrompt, sessionId).catch((error) => {
+                const message = error instanceof Error ? error.message : String(error);
+                setError(message);
+                setIsStreaming(false);
+                setStreamingStartTime(null);
+            });
+            // Listen for streaming chunks
+            let accumulatedContent = "";
+            for await (const chunk of messageStream) {
+                if (chunk.isComplete) {
+                    // Update final message
+                    updateMessage(assistantMessageId, {
+                        content: accumulatedContent,
+                        isStreaming: false,
+                        streamingStartTime: undefined, // Clear streaming start time
+                    });
+                    setIsStreaming(false);
+                    setStreamingStartTime(null); // Clear global streaming start time
+                    break;
+                }
+                else {
+                    // Update streaming content
+                    if (chunk.contentDelta.type === "text") {
+                        accumulatedContent += chunk.contentDelta.text;
+                        updateMessage(assistantMessageId, {
+                            content: accumulatedContent,
+                        });
+                        // Small delay to allow Ink to render between chunks (~60fps)
+                        await new Promise((resolve) => setTimeout(resolve, 16));
+                    }
+                }
+            }
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            setError(message);
+            setIsStreaming(false);
+            setStreamingStartTime(null); // Clear streaming start time on error
+        }
+    }, [
+        client,
+        sessionId,
+        messages,
+        addMessage,
+        updateMessage,
+        setIsStreaming,
+        setStreamingStartTime,
+        setError,
+    ]);
+    return {
+        messages,
+        isStreaming,
+        sendMessage,
+    };
 }

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

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

@@ -4,82 +4,84 @@ import { useChatStore } from "../store/chat-store.js";
  * Hook for managing chat session lifecycle
  */
 export function useChatSession(client) {
-	const connectionStatus = useChatStore((state) => state.connectionStatus);
-	const sessionId = useChatStore((state) => state.sessionId);
-	const setConnectionStatus = useChatStore(
-		(state) => state.setConnectionStatus,
-	);
-	const setSessionId = useChatStore((state) => state.setSessionId);
-	const setError = useChatStore((state) => state.setError);
-	const clearMessages = useChatStore((state) => state.clearMessages);
-	/**
-	 * Connect to the agent
-	 */
-	const connect = useCallback(async () => {
-		if (!client) {
-			setError("No client available");
-			return;
-		}
-		try {
-			setConnectionStatus("connecting");
-			setError(null);
-			await client.connect();
-			setConnectionStatus("connected");
-		} catch (error) {
-			console.log(error);
-			const message = error instanceof Error ? error.message : String(error);
-			setError(message);
-			setConnectionStatus("error");
-		}
-	}, [client, setConnectionStatus, setError]);
-	/**
-	 * Start a new session
-	 */
-	const startSession = useCallback(async () => {
-		if (!client) {
-			setError("No client available");
-			return;
-		}
-		try {
-			const id = await client.startSession();
-			setSessionId(id);
-			clearMessages();
-		} catch (error) {
-			const message = error instanceof Error ? error.message : String(error);
-			setError(message);
-		}
-	}, [client, setSessionId, setError, clearMessages]);
-	/**
-	 * Disconnect from the agent
-	 */
-	const disconnect = useCallback(async () => {
-		if (!client) return;
-		try {
-			await client.disconnect();
-			setConnectionStatus("disconnected");
-			setSessionId(null);
-		} catch (error) {
-			const message = error instanceof Error ? error.message : String(error);
-			setError(message);
-		}
-	}, [client, setConnectionStatus, setSessionId, setError]);
-	// Auto-connect on mount if client is available
-	useEffect(() => {
-		if (client && connectionStatus === "disconnected") {
-			connect();
-		}
-	}, [client, connectionStatus, connect]);
-	// Auto-start session after connecting
-	useEffect(() => {
-		if (connectionStatus === "connected" && !sessionId) {
-			startSession();
-		}
-	}, [connectionStatus, sessionId, startSession]);
-	return {
-		connectionStatus,
-		sessionId,
-		connect,
-		startSession,
-		disconnect,
-	};
+    const connectionStatus = useChatStore((state) => state.connectionStatus);
+    const sessionId = useChatStore((state) => state.sessionId);
+    const setConnectionStatus = useChatStore((state) => state.setConnectionStatus);
+    const setSessionId = useChatStore((state) => state.setSessionId);
+    const setError = useChatStore((state) => state.setError);
+    const clearMessages = useChatStore((state) => state.clearMessages);
+    /**
+     * Connect to the agent
+     */
+    const connect = useCallback(async () => {
+        if (!client) {
+            setError("No client available");
+            return;
+        }
+        try {
+            setConnectionStatus("connecting");
+            setError(null);
+            await client.connect();
+            setConnectionStatus("connected");
+        }
+        catch (error) {
+            console.log(error);
+            const message = error instanceof Error ? error.message : String(error);
+            setError(message);
+            setConnectionStatus("error");
+        }
+    }, [client, setConnectionStatus, setError]);
+    /**
+     * Start a new session
+     */
+    const startSession = useCallback(async () => {
+        if (!client) {
+            setError("No client available");
+            return;
+        }
+        try {
+            const id = await client.startSession();
+            setSessionId(id);
+            clearMessages();
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            setError(message);
+        }
+    }, [client, setSessionId, setError, clearMessages]);
+    /**
+     * Disconnect from the agent
+     */
+    const disconnect = useCallback(async () => {
+        if (!client)
+            return;
+        try {
+            await client.disconnect();
+            setConnectionStatus("disconnected");
+            setSessionId(null);
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            setError(message);
+        }
+    }, [client, setConnectionStatus, setSessionId, setError]);
+    // Auto-connect on mount if client is available
+    useEffect(() => {
+        if (client && connectionStatus === "disconnected") {
+            connect();
+        }
+    }, [client, connectionStatus, connect]);
+    // Auto-start session after connecting
+    useEffect(() => {
+        if (connectionStatus === "connected" && !sessionId) {
+            startSession();
+        }
+    }, [connectionStatus, sessionId, startSession]);
+    return {
+        connectionStatus,
+        sessionId,
+        connect,
+        startSession,
+        disconnect,
+    };
 }

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

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