@townco/ui 0.1.17 → 0.1.18

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

@@ -19,6 +19,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

@@ -24,6 +24,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;
 }