@townco/ui 0.1.17 → 0.1.19

package/dist/gui/components/ThinkingBlock.js

@@ -1,139 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { ChevronDown } from "lucide-react";
 import { useState } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-
-const thinkingBlockVariants = cva(
-	"mb-3 p-3 rounded-lg bg-card border border-border",
-	{
-		variants: {
-			variant: {
-				default: "opacity-70",
-				subtle: "opacity-50",
-				prominent: "opacity-90",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	},
-);
-const thinkingIconVariants = cva(
-	"w-4 h-4 text-foreground opacity-60 transition-transform",
-	{
-		variants: {
-			expanded: {
-				true: "rotate-180",
-				false: "",
-			},
-		},
-		defaultVariants: {
-			expanded: false,
-		},
-	},
-);
-export function ThinkingBlock({
-	thinking,
-	isStreaming,
-	displayMode = "collapsible",
-	variant,
-	className,
-}) {
-	const [isExpanded, setIsExpanded] = useState(false);
-	if (!thinking && !isStreaming) {
-		return null;
-	}
-	// Inline mode - always visible
-	if (displayMode === "inline") {
-		return _jsxs("div", {
-			className: cn(thinkingBlockVariants({ variant }), className),
-			children: [
-				_jsxs("div", {
-					className: "flex items-start gap-2",
-					children: [
-						_jsx("span", {
-							className:
-								"text-xs font-medium text-foreground opacity-60 uppercase tracking-wide",
-							children: "Thinking",
-						}),
-						isStreaming &&
-							_jsx("span", {
-								className:
-									"inline-block w-2 h-2 bg-primary rounded-full animate-pulse",
-							}),
-					],
-				}),
-				_jsxs("div", {
-					className:
-						"mt-2 text-sm italic text-foreground opacity-80 leading-relaxed whitespace-pre-wrap",
-					children: [
-						thinking,
-						isStreaming &&
-							thinking &&
-							_jsx("span", {
-								className: "inline-block animate-typing",
-								children: "...",
-							}),
-					],
-				}),
-			],
-		});
-	}
-	// Collapsible mode
-	return _jsxs("div", {
-		className: cn("mb-3", className),
-		children: [
-			_jsxs("button", {
-				type: "button",
-				onClick: () => setIsExpanded(!isExpanded),
-				className:
-					"w-full flex items-center justify-between p-2 rounded-lg bg-card border border-border hover:bg-card transition-colors text-left",
-				children: [
-					_jsxs("div", {
-						className: "flex items-center gap-2",
-						children: [
-							_jsx("span", {
-								className:
-									"text-xs font-medium text-foreground opacity-60 uppercase tracking-wide",
-								children: "Thinking",
-							}),
-							isStreaming &&
-								_jsx("span", {
-									className:
-										"inline-block w-2 h-2 bg-primary rounded-full animate-pulse",
-								}),
-							!isExpanded &&
-								thinking &&
-								_jsxs("span", {
-									className:
-										"text-xs text-foreground opacity-50 truncate max-w-[200px]",
-									children: [thinking.substring(0, 50), "..."],
-								}),
-						],
-					}),
-					_jsx(ChevronDown, {
-						className: thinkingIconVariants({ expanded: isExpanded }),
-					}),
-				],
-			}),
-			isExpanded &&
-				_jsx("div", {
-					className: cn(thinkingBlockVariants({ variant }), "mt-2"),
-					children: _jsxs("div", {
-						className:
-							"text-sm italic text-foreground opacity-80 leading-relaxed whitespace-pre-wrap",
-						children: [
-							thinking,
-							isStreaming &&
-								thinking &&
-								_jsx("span", {
-									className: "inline-block animate-typing",
-									children: "...",
-								}),
-						],
-					}),
-				}),
-		],
-	});
+const thinkingBlockVariants = cva("mb-3 p-3 rounded-lg bg-card border border-border", {
+    variants: {
+        variant: {
+            default: "opacity-70",
+            subtle: "opacity-50",
+            prominent: "opacity-90",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const thinkingIconVariants = cva("w-4 h-4 text-foreground opacity-60 transition-transform", {
+    variants: {
+        expanded: {
+            true: "rotate-180",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        expanded: false,
+    },
+});
+export function ThinkingBlock({ thinking, isStreaming, displayMode = "collapsible", variant, className, }) {
+    const [isExpanded, setIsExpanded] = useState(false);
+    if (!thinking && !isStreaming) {
+        return null;
+    }
+    // Inline mode - always visible
+    if (displayMode === "inline") {
+        return (_jsxs("div", { className: cn(thinkingBlockVariants({ variant }), className), children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-xs font-medium text-foreground opacity-60 uppercase tracking-wide", children: "Thinking" }), isStreaming && (_jsx("span", { className: "inline-block w-2 h-2 bg-primary rounded-full animate-pulse" }))] }), _jsxs("div", { className: "mt-2 text-sm italic text-foreground opacity-80 leading-relaxed whitespace-pre-wrap", children: [thinking, isStreaming && thinking && (_jsx("span", { className: "inline-block animate-typing", children: "..." }))] })] }));
+    }
+    // Collapsible mode
+    return (_jsxs("div", { className: cn("mb-3", className), children: [_jsxs("button", { type: "button", onClick: () => setIsExpanded(!isExpanded), className: "w-full flex items-center justify-between p-2 rounded-lg bg-card border border-border hover:bg-card transition-colors text-left", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs font-medium text-foreground opacity-60 uppercase tracking-wide", children: "Thinking" }), isStreaming && (_jsx("span", { className: "inline-block w-2 h-2 bg-primary rounded-full animate-pulse" })), !isExpanded && thinking && (_jsxs("span", { className: "text-xs text-foreground opacity-50 truncate max-w-[200px]", children: [thinking.substring(0, 50), "..."] }))] }), _jsx(ChevronDown, { className: thinkingIconVariants({ expanded: isExpanded }) })] }), isExpanded && (_jsx("div", { className: cn(thinkingBlockVariants({ variant }), "mt-2"), children: _jsxs("div", { className: "text-sm italic text-foreground opacity-80 leading-relaxed whitespace-pre-wrap", children: [thinking, isStreaming && thinking && (_jsx("span", { className: "inline-block animate-typing", children: "..." }))] }) }))] }));
 }

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

@@ -7,16 +7,14 @@ import { type TodoItem } from "./TodoListItem.js";
  * 2. Prop-based: Pass `todos` prop directly
  */
 export interface TodoListProps extends React.HTMLAttributes<HTMLDivElement> {
-	/**
-	 * ACP Client for hook-based todo fetching (future support)
-	 */
-	client?: AcpClient | null;
-	/**
-	 * Todos to display (prop-based pattern)
-	 * Either client or todos should be provided
-	 */
-	todos?: TodoItem[];
+    /**
+     * ACP Client for hook-based todo fetching (future support)
+     */
+    client?: AcpClient | null;
+    /**
+     * Todos to display (prop-based pattern)
+     * Either client or todos should be provided
+     */
+    todos?: TodoItem[];
 }
-export declare const TodoList: React.ForwardRefExoticComponent<
-	TodoListProps & React.RefAttributes<HTMLDivElement>
->;
+export declare const TodoList: React.ForwardRefExoticComponent<TodoListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/gui/components/TodoList.js

@@ -1,26 +1,11 @@
-import * as React from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
 import { cn } from "../lib/utils.js";
 import { TodoListItem } from "./TodoListItem.js";
-export const TodoList = React.forwardRef(
-	({ client, todos, className, ...props }, ref) => {
-		// For now, just use prop-based todos
-		// Future: Add hook to get todos from store when available
-		const todosToDisplay = todos || [];
-		return _jsx("div", {
-			ref: ref,
-			className: cn("space-y-2 max-h-64 overflow-y-auto", className),
-			...props,
-			children:
-				todosToDisplay.length === 0
-					? _jsx("p", {
-							className: "text-sm text-foreground opacity-60 italic",
-							children: "No tasks yet.",
-						})
-					: todosToDisplay.map((todo) =>
-							_jsx(TodoListItem, { todo: todo }, todo.id),
-						),
-		});
-	},
-);
+export const TodoList = React.forwardRef(({ client, todos, className, ...props }, ref) => {
+    // For now, just use prop-based todos
+    // Future: Add hook to get todos from store when available
+    const todosToDisplay = todos || [];
+    return (_jsx("div", { ref: ref, className: cn("space-y-2 max-h-64 overflow-y-auto", className), ...props, children: todosToDisplay.length === 0 ? (_jsx("p", { className: "text-sm text-foreground opacity-60 italic", children: "No tasks yet." })) : (todosToDisplay.map((todo) => (_jsx(TodoListItem, { todo: todo }, todo.id)))) }));
+});
 TodoList.displayName = "TodoList";

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

@@ -1,13 +1,10 @@
 import * as React from "react";
 export interface TodoItem {
-	id: string;
-	text: string;
-	status: "pending" | "in_progress" | "completed";
+    id: string;
+    text: string;
+    status: "pending" | "in_progress" | "completed";
 }
-export interface TodoListItemProps
-	extends React.HTMLAttributes<HTMLDivElement> {
-	todo: TodoItem;
+export interface TodoListItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    todo: TodoItem;
 }
-export declare const TodoListItem: React.ForwardRefExoticComponent<
-	TodoListItemProps & React.RefAttributes<HTMLDivElement>
->;
+export declare const TodoListItem: React.ForwardRefExoticComponent<TodoListItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/gui/components/TodoListItem.js

@@ -1,21 +1,7 @@
-import * as React from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
 import { cn } from "../lib/utils.js";
-export const TodoListItem = React.forwardRef(
-	({ todo, className, ...props }, ref) => {
-		return _jsx("div", {
-			ref: ref,
-			className: cn("flex items-center gap-3 px-3 py-2 rounded-lg", className),
-			...props,
-			children: _jsx("span", {
-				className: cn(
-					"flex-1 text-[var(--font-size)] font-[var(--font-family)]",
-					todo.status === "completed" && "line-through opacity-60",
-					todo.status === "in_progress" && "shimmer-animation",
-				),
-				children: todo.text,
-			}),
-		});
-	},
-);
+export const TodoListItem = React.forwardRef(({ todo, className, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("flex items-center gap-3 px-3 py-2 rounded-lg", className), ...props, children: _jsx("span", { className: cn("flex-1 text-[var(--font-size)] font-[var(--font-family)]", todo.status === "completed" && "line-through opacity-60", todo.status === "in_progress" && "shimmer-animation"), children: todo.text }) }));
+});
 TodoListItem.displayName = "TodoListItem";

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

@@ -1,6 +1,7 @@
 export { toast } from "sonner";
 export { Button, type ButtonProps, buttonVariants } from "./Button.js";
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./Card.js";
+export { ChatEmptyState, type ChatEmptyStateProps } from "./ChatEmptyState.js";
 export type { ConnectionStatus } from "./ChatHeader.js";
 export * as ChatHeader from "./ChatHeader.js";
 export { Actions as ChatInputActions, Attachment as ChatInputAttachment, type ChatInputActionsProps, type ChatInputAttachmentProps, type ChatInputCommandMenuProps, type ChatInputFieldProps, type ChatInputRootProps, type ChatInputSubmitProps, type ChatInputToolbarProps, type ChatInputVoiceInputProps, CommandMenu as ChatInputCommandMenu, type CommandMenuItem, Field as ChatInputField, Root as ChatInputRoot, Submit as ChatInputSubmit, Toolbar as ChatInputToolbar, VoiceInput as ChatInputVoiceInput, } from "./ChatInput.js";
@@ -19,6 +20,7 @@ export { MarkdownRenderer } from "./MarkdownRenderer.js";
 export { Message, type MessageProps } from "./Message.js";
 export { MessageContent, type MessageContentProps } from "./MessageContent.js";
 export type { DisplayMessage } from "./MessageList.js";
+export { PanelTabsHeader, type PanelTabsHeaderProps, } from "./PanelTabsHeader.js";
 export { Reasoning, type ReasoningProps } from "./Reasoning.js";
 export { Response, type ResponseProps } from "./Response.js";
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./Select.js";

package/dist/gui/components/index.js

@@ -2,6 +2,7 @@
 export { toast } from "sonner";
 export { Button, buttonVariants } from "./Button.js";
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./Card.js";
+export { ChatEmptyState } from "./ChatEmptyState.js";
 export * as ChatHeader from "./ChatHeader.js";
 // Chat components - composable primitives
 export { Actions as ChatInputActions, Attachment as ChatInputAttachment, CommandMenu as ChatInputCommandMenu, Field as ChatInputField, Root as ChatInputRoot, Submit as ChatInputSubmit, Toolbar as ChatInputToolbar, VoiceInput as ChatInputVoiceInput, } from "./ChatInput.js";
@@ -24,6 +25,7 @@ export { Label } from "./Label.js";
 export { MarkdownRenderer } from "./MarkdownRenderer.js";
 export { Message } from "./Message.js";
 export { MessageContent } from "./MessageContent.js";
+export { PanelTabsHeader, } from "./PanelTabsHeader.js";
 export { Reasoning } from "./Reasoning.js";
 export { Response } from "./Response.js";
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./Select.js";

package/dist/gui/lib/utils.js

@@ -1,5 +1,5 @@
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 export function cn(...inputs) {
-	return twMerge(clsx(inputs));
+    return twMerge(clsx(inputs));
 }

package/dist/index.test.js

@@ -0,0 +1 @@
+"use strict";

package/dist/sdk/client/acp-client.d.ts

@@ -1,96 +1,84 @@
-import type {
-	MessageChunk,
-	Session,
-	SessionConfig,
-	SessionUpdate,
-} from "../schemas/index.js";
-import type {
-	HttpTransportOptions,
-	StdioTransportOptions,
-	WebSocketTransportOptions,
-} from "../transports/index.js";
+import type { MessageChunk, Session, SessionConfig, SessionUpdate } from "../schemas/index.js";
+import type { HttpTransportOptions, StdioTransportOptions, WebSocketTransportOptions } from "../transports/index.js";
 /**
  * Client configuration with explicit transport selection
  */
-export type AcpClientConfig =
-	| {
-			type: "stdio";
-			options: StdioTransportOptions;
-			autoConnect?: boolean;
-	  }
-	| {
-			type: "http";
-			options: HttpTransportOptions;
-			autoConnect?: boolean;
-	  }
-	| {
-			type: "websocket";
-			options: WebSocketTransportOptions;
-			autoConnect?: boolean;
-	  };
+export type AcpClientConfig = {
+    type: "stdio";
+    options: StdioTransportOptions;
+    autoConnect?: boolean;
+} | {
+    type: "http";
+    options: HttpTransportOptions;
+    autoConnect?: boolean;
+} | {
+    type: "websocket";
+    options: WebSocketTransportOptions;
+    autoConnect?: boolean;
+};
 /**
  * Simplified ACP client with explicit transport selection
  */
 export declare class AcpClient {
-	private config;
-	private transport;
-	private sessions;
-	private currentSessionId;
-	private sessionUpdateHandlers;
-	private errorHandlers;
-	constructor(config: AcpClientConfig);
-	/**
-	 * Connect to the agent
-	 */
-	connect(): Promise<void>;
-	/**
-	 * Disconnect from the agent
-	 */
-	disconnect(): Promise<void>;
-	/**
-	 * Check if connected
-	 */
-	isConnected(): boolean;
-	/**
-	 * Start a new chat session
-	 */
-	startSession(config?: Partial<SessionConfig>): Promise<string>;
-	/**
-	 * Send a message in the current session
-	 */
-	sendMessage(content: string, sessionId?: string): Promise<void>;
-	/**
-	 * Receive messages from the agent (streaming)
-	 */
-	receiveMessages(): AsyncIterableIterator<MessageChunk>;
-	/**
-	 * Get a session by ID
-	 */
-	getSession(sessionId: string): Session | undefined;
-	/**
-	 * Get current session
-	 */
-	getCurrentSession(): Session | undefined;
-	/**
-	 * Get all sessions
-	 */
-	getAllSessions(): Session[];
-	/**
-	 * Subscribe to session updates
-	 */
-	onSessionUpdate(handler: (update: SessionUpdate) => void): () => void;
-	/**
-	 * Subscribe to errors
-	 */
-	onError(handler: (error: Error) => void): () => void;
-	/**
-	 * Create transport based on explicit configuration
-	 */
-	private createTransport;
-	private setupTransportListeners;
-	private handleSessionUpdate;
-	private handleError;
-	private updateSessionStatus;
-	private generateSessionId;
-	private generateMessageId;
+    private config;
+    private transport;
+    private sessions;
+    private currentSessionId;
+    private sessionUpdateHandlers;
+    private errorHandlers;
+    constructor(config: AcpClientConfig);
+    /**
+     * Connect to the agent
+     */
+    connect(): Promise<void>;
+    /**
+     * Disconnect from the agent
+     */
+    disconnect(): Promise<void>;
+    /**
+     * Check if connected
+     */
+    isConnected(): boolean;
+    /**
+     * Start a new chat session
+     */
+    startSession(config?: Partial<SessionConfig>): Promise<string>;
+    /**
+     * Send a message in the current session
+     */
+    sendMessage(content: string, sessionId?: string): Promise<void>;
+    /**
+     * Receive messages from the agent (streaming)
+     */
+    receiveMessages(): AsyncIterableIterator<MessageChunk>;
+    /**
+     * Get a session by ID
+     */
+    getSession(sessionId: string): Session | undefined;
+    /**
+     * Get current session
+     */
+    getCurrentSession(): Session | undefined;
+    /**
+     * Get all sessions
+     */
+    getAllSessions(): Session[];
+    /**
+     * Subscribe to session updates
+     */
+    onSessionUpdate(handler: (update: SessionUpdate) => void): () => void;
+    /**
+     * Subscribe to errors
+     */
+    onError(handler: (error: Error) => void): () => void;
+    /**
+     * Create transport based on explicit configuration
+     */
+    private createTransport;
+    private setupTransportListeners;
+    private handleSessionUpdate;
+    private handleError;
+    private updateSessionStatus;
+    private generateSessionId;
+    private generateMessageId;
 }