@townco/ui 0.1.7 → 0.1.9

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+import type { TodoItem } from "./TodoListItem.js";
+/**
+ * Shared tab content components for both mobile (ChatHeader) and desktop (Panel) views
+ * Following component architecture best practices
+ */
+export interface TodoTabContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    todos: TodoItem[];
+}
+export declare const TodoTabContent: React.ForwardRefExoticComponent<TodoTabContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface FilesTabContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    files?: string[];
+}
+export declare const FilesTabContent: React.ForwardRefExoticComponent<FilesTabContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface DatabaseTabContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    data?: unknown;
+}
+export declare const DatabaseTabContent: React.ForwardRefExoticComponent<DatabaseTabContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/gui/components/ChatPanelTabContent.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+export const TodoTabContent = React.forwardRef(({ todos, className, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("space-y-2", className), ...props, children: todos.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-full min-h-[200px]", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "No todos yet" }) })) : (todos.map((todo) => (_jsx("div", { className: "text-sm", children: todo.text }, todo.id)))) }));
+});
+TodoTabContent.displayName = "TodoTabContent";
+export const FilesTabContent = React.forwardRef(({ files = [], className, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("space-y-2", className), ...props, children: files.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-full min-h-[200px]", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "No files attached" }) })) : (files.map((file) => (_jsx("div", { className: "text-sm", children: file }, file)))) }));
+});
+FilesTabContent.displayName = "FilesTabContent";
+export const DatabaseTabContent = React.forwardRef(({ data, className, ...props }, ref) => {
+    return (_jsxs("div", { ref: ref, className: cn("space-y-4", className), ...props, children: [_jsx("h3", { className: "font-semibold text-lg", children: "Database" }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [_jsx("p", { children: "Database viewer - panel automatically expanded to large size" }), _jsxs("div", { className: "mt-4 p-4 border border-border rounded", children: [_jsx("p", { children: "Your large data table would go here" }), data && typeof data === "object" ? (_jsx("pre", { className: "mt-2 text-xs overflow-auto", children: JSON.stringify(data, null, 2) })) : null] })] })] }));
+});
+DatabaseTabContent.displayName = "DatabaseTabContent";

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

@@ -0,0 +1,12 @@
+import type { ThemeConfig } from "./ConfigPanel.js";
+interface ChatPreviewProps {
+	config: ThemeConfig;
+	status: string;
+	iframeSrc?: string;
+}
+export declare function ChatPreview({
+	config,
+	status,
+	iframeSrc,
+}: ChatPreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatPreview.d.ts.map

package/dist/gui/components/ChatPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPreview.d.ts","sourceRoot":"","sources":["../../../src/gui/components/ChatPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,UAAU,gBAAgB;IACxB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,MAAM,EACN,SAA8B,GAC/B,EAAE,gBAAgB,2CA2OlB"}

package/dist/gui/components/ChatPreview.js

@@ -0,0 +1,214 @@
+import { useEffect, useRef, useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ChatPreview({
+	config,
+	status,
+	iframeSrc = "/chat-standalone",
+}) {
+	const iframeRef = useRef(null);
+	const containerRef = useRef(null);
+	const [dimensions, setDimensions] = useState({
+		width: 800,
+		height: 600,
+	});
+	const [isResizing, setIsResizing] = useState({
+		horizontal: false,
+		vertical: false,
+	});
+	const resizeStartRef = useRef({ x: 0, y: 0, width: 0, height: 0 });
+	const isResizingRef = useRef({
+		horizontal: false,
+		vertical: false,
+	});
+	const resizeHandlersRef = useRef({
+		mouseMove: null,
+		mouseUp: null,
+		mouseLeave: null,
+	});
+	const sendConfigToIframe = (configToSend) => {
+		const iframe = iframeRef.current;
+		if (iframe?.contentWindow) {
+			iframe.contentWindow.postMessage(
+				{
+					type: "CONFIG_UPDATE",
+					config: configToSend,
+				},
+				"*",
+			);
+		}
+	};
+	const sendStatusToIframe = (statusToSend) => {
+		const iframe = iframeRef.current;
+		if (iframe?.contentWindow) {
+			iframe.contentWindow.postMessage(
+				{
+					type: "STATUS_UPDATE",
+					status: statusToSend,
+				},
+				"*",
+			);
+		}
+	};
+	useEffect(() => {
+		const iframe = iframeRef.current;
+		if (!iframe) return;
+		const handleMessage = (event) => {
+			if (event.data && event.data.type === "REQUEST_CONFIG") {
+				sendConfigToIframe(config);
+			}
+		};
+		window.addEventListener("message", handleMessage);
+		// Send initial config and status when iframe loads
+		const handleLoad = () => {
+			sendConfigToIframe(config);
+			sendStatusToIframe(status);
+		};
+		iframe.addEventListener("load", handleLoad);
+		return () => {
+			window.removeEventListener("message", handleMessage);
+			iframe.removeEventListener("load", handleLoad);
+		};
+	}, [config, status]);
+	// Update iframe when config changes (after initial load)
+	useEffect(() => {
+		const iframe = iframeRef.current;
+		// Only send if iframe is already loaded
+		if (
+			iframe?.contentWindow &&
+			iframe.contentDocument?.readyState === "complete"
+		) {
+			sendConfigToIframe(config);
+		}
+	}, [config]);
+	// Update iframe when status changes (after initial load)
+	useEffect(() => {
+		const iframe = iframeRef.current;
+		// Only send if iframe is already loaded
+		if (
+			iframe?.contentWindow &&
+			iframe.contentDocument?.readyState === "complete"
+		) {
+			sendStatusToIframe(status);
+		}
+	}, [status]);
+	// Sync ref with state for UI updates
+	useEffect(() => {
+		isResizingRef.current = isResizing;
+	}, [isResizing]);
+	// Cleanup on unmount
+	useEffect(() => {
+		return () => {
+			stopResizing();
+		};
+	}, []);
+	const stopResizing = () => {
+		const handlers = resizeHandlersRef.current;
+		if (handlers.mouseMove) {
+			window.removeEventListener("mousemove", handlers.mouseMove);
+		}
+		if (handlers.mouseUp) {
+			window.removeEventListener("mouseup", handlers.mouseUp, true);
+		}
+		if (handlers.mouseLeave) {
+			document.removeEventListener("mouseleave", handlers.mouseLeave);
+		}
+		setIsResizing({ horizontal: false, vertical: false });
+		isResizingRef.current = { horizontal: false, vertical: false };
+		resizeHandlersRef.current = {
+			mouseMove: null,
+			mouseUp: null,
+			mouseLeave: null,
+		};
+	};
+	const handleResizeStart = (direction, e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		// Clean up any existing listeners first
+		stopResizing();
+		const resizeState =
+			direction === "horizontal"
+				? { horizontal: true, vertical: false }
+				: { horizontal: false, vertical: true };
+		setIsResizing(resizeState);
+		isResizingRef.current = resizeState;
+		resizeStartRef.current = {
+			x: e.clientX,
+			y: e.clientY,
+			width: dimensions.width,
+			height: dimensions.height,
+		};
+		const handleMouseMove = (e) => {
+			if (
+				!isResizingRef.current.horizontal &&
+				!isResizingRef.current.vertical
+			) {
+				return;
+			}
+			const deltaX = e.clientX - resizeStartRef.current.x;
+			const deltaY = e.clientY - resizeStartRef.current.y;
+			let newWidth = resizeStartRef.current.width;
+			let newHeight = resizeStartRef.current.height;
+			if (isResizingRef.current.horizontal) {
+				newWidth = Math.max(
+					400,
+					Math.min(1200, resizeStartRef.current.width + deltaX),
+				);
+			}
+			if (isResizingRef.current.vertical) {
+				newHeight = Math.max(
+					300,
+					Math.min(900, resizeStartRef.current.height + deltaY),
+				);
+			}
+			setDimensions({ width: newWidth, height: newHeight });
+		};
+		const handleMouseUp = (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+			stopResizing();
+		};
+		const handleMouseLeave = () => {
+			// If mouse leaves window during resize, stop resizing
+			stopResizing();
+		};
+		// Store handlers for cleanup
+		resizeHandlersRef.current = {
+			mouseMove: handleMouseMove,
+			mouseUp: handleMouseUp,
+			mouseLeave: handleMouseLeave,
+		};
+		// Use capture phase to ensure we catch events even if they bubble
+		window.addEventListener("mousemove", handleMouseMove);
+		window.addEventListener("mouseup", handleMouseUp, { capture: true });
+		document.addEventListener("mouseleave", handleMouseLeave);
+	};
+	return _jsxs("div", {
+		ref: containerRef,
+		className:
+			"relative rounded-xl overflow-visible bg-[var(--color-surface)] shadow-lg min-w-[400px] min-h-[300px]",
+		style: {
+			width: `${dimensions.width}px`,
+			height: `${dimensions.height}px`,
+		},
+		children: [
+			_jsx("iframe", {
+				ref: iframeRef,
+				src: iframeSrc,
+				className:
+					"w-full h-full rounded-xl border-1 border-[var(--color-border)] block",
+				title: "Chat Preview",
+			}),
+			_jsx("div", {
+				className:
+					"absolute -right-4 top-1/2 -translate-y-1/2 w-1.5 h-10 rounded-full bg-black/20 cursor-ew-resize hover:opacity-80 transition-opacity",
+				onMouseDown: (e) => handleResizeStart("horizontal", e),
+			}),
+			_jsx("div", {
+				className:
+					"absolute -bottom-4 left-1/2 -translate-x-1/2 w-10 h-1.5 rounded-full bg-black/20 cursor-ns-resize hover:opacity-80 transition-opacity",
+				onMouseDown: (e) => handleResizeStart("vertical", e),
+			}),
+		],
+	});
+}
+//# sourceMappingURL=ChatPreview.js.map

package/dist/gui/components/ChatPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPreview.js","sourceRoot":"","sources":["../../../src/gui/components/ChatPreview.tsx"],"names":[],"mappings":"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"}

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

@@ -6,15 +6,18 @@ import type { TodoItem } from "./TodoListItem.js";
  * 1. Hook-based: Pass `client` prop (future support when todos are in store)
  * 2. Prop-based: Pass `todos` prop directly
  */
-export interface ChatSecondaryPanelProps 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[];
+export interface ChatSecondaryPanelProps
+	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[];
 }
-export declare const ChatSecondaryPanel: React.ForwardRefExoticComponent<ChatSecondaryPanelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ChatSecondaryPanel: React.ForwardRefExoticComponent<
+	ChatSecondaryPanelProps & React.RefAttributes<HTMLDivElement>
+>;

package/dist/gui/components/ChatSecondaryPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSecondaryPanel.d.ts","sourceRoot":"","sources":["../../../src/gui/components/ChatSecondaryPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAG3D;;;;GAIG;AACH,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,gGAwG7B,CAAC"}

package/dist/gui/components/ChatSecondaryPanel.js

@@ -1,44 +1,121 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useEffect, useRef, useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./Tabs.js";
 import { TodoList } from "./TodoList.js";
-export const ChatSecondaryPanel = 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 || [];
-    const [activeTab, setActiveTab] = useState("todo");
-    const containerRef = useRef(null);
-    const activeTabElementRef = useRef(null);
-    useEffect(() => {
-        const updateClipPath = () => {
-            const container = containerRef.current;
-            if (activeTab && container) {
-                const activeTabElement = activeTabElementRef.current;
-                if (activeTabElement) {
-                    const containerRect = container.getBoundingClientRect();
-                    const tabRect = activeTabElement.getBoundingClientRect();
-                    const offsetLeft = tabRect.left - containerRect.left;
-                    const offsetWidth = tabRect.width;
-                    const clipLeftPercent = (offsetLeft / containerRect.width) * 100;
-                    const clipRightPercent = 100 - ((offsetLeft + offsetWidth) / containerRect.width) * 100;
-                    container.style.clipPath = `inset(0 ${clipRightPercent.toFixed(2)}% 0 ${clipLeftPercent.toFixed(2)}% round 999px)`;
-                }
-            }
-        };
-        // Small delay to ensure DOM is ready
-        const timeoutId = setTimeout(updateClipPath, 0);
-        return () => clearTimeout(timeoutId);
-    }, [activeTab]);
-    const tabs = [
-        { id: "todo", label: "To-Do List" },
-        { id: "files", label: "Files" },
-        { id: "database", label: "Database" },
-    ];
-    return (_jsx("div", { ref: ref, className: cn("select-none", className), ...props, children: _jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [_jsxs("div", { className: "relative mb-4 border-border", children: [_jsx(TabsList, { className: "bg-transparent p-0 h-auto rounded-none w-full border-none", children: tabs.map((tab) => (_jsx(TabsTrigger, { value: tab.id, className: "px-3 py-1 text-sm font-[var(--font-family)] font-medium rounded-none text-foreground opacity-60 data-[state=active]:opacity-100 data-[state=active]:bg-transparent data-[state=active]:shadow-none", children: tab.label }, tab.id))) }), _jsx("div", { ref: containerRef, className: "absolute top-0 left-0 w-full overflow-hidden z-10 pointer-events-none", style: {
-                                clipPath: "inset(0 100% 0 0% round 999px)",
-                                transition: "clip-path 0.25s ease-out",
-                            }, children: _jsx(TabsList, { className: "bg-secondary p-0 h-auto rounded-none w-full border-none", children: tabs.map((tab) => (_jsx(TabsTrigger, { value: tab.id, ref: activeTab === tab.id ? activeTabElementRef : null, className: "px-3 py-1 text-sm font-[var(--font-family)] font-medium rounded-none text-primary bg-transparent data-[state=active]:shadow-none shadow-none", tabIndex: -1, children: tab.label }, tab.id))) }) })] }), _jsx(TabsContent, { value: "todo", children: _jsx(TodoList, { todos: todosToDisplay }) }), _jsx(TabsContent, { value: "files", children: _jsx("div", { className: "text-sm text-foreground opacity-60 italic", children: "Files tab coming soon..." }) }), _jsx(TabsContent, { value: "database", children: _jsx("div", { className: "text-sm text-foreground opacity-60 italic", children: "Database tab coming soon..." }) })] }) }));
-});
+export const ChatSecondaryPanel = 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 || [];
+		const [activeTab, setActiveTab] = useState("todo");
+		const containerRef = useRef(null);
+		const activeTabElementRef = useRef(null);
+		useEffect(() => {
+			const updateClipPath = () => {
+				const container = containerRef.current;
+				if (activeTab && container) {
+					const activeTabElement = activeTabElementRef.current;
+					if (activeTabElement) {
+						const containerRect = container.getBoundingClientRect();
+						const tabRect = activeTabElement.getBoundingClientRect();
+						const offsetLeft = tabRect.left - containerRect.left;
+						const offsetWidth = tabRect.width;
+						const clipLeftPercent = (offsetLeft / containerRect.width) * 100;
+						const clipRightPercent =
+							100 - ((offsetLeft + offsetWidth) / containerRect.width) * 100;
+						container.style.clipPath = `inset(0 ${clipRightPercent.toFixed(2)}% 0 ${clipLeftPercent.toFixed(2)}% round 999px)`;
+					}
+				}
+			};
+			// Small delay to ensure DOM is ready
+			const timeoutId = setTimeout(updateClipPath, 0);
+			return () => clearTimeout(timeoutId);
+		}, [activeTab]);
+		const tabs = [
+			{ id: "todo", label: "To-Do List" },
+			{ id: "files", label: "Files" },
+			{ id: "database", label: "Database" },
+		];
+		return _jsx("div", {
+			ref: ref,
+			className: cn("select-none", className),
+			...props,
+			children: _jsxs(Tabs, {
+				value: activeTab,
+				onValueChange: setActiveTab,
+				className: "w-full",
+				children: [
+					_jsxs("div", {
+						className: "relative mb-4 border-border",
+						children: [
+							_jsx(TabsList, {
+								className:
+									"bg-transparent p-0 h-auto rounded-none w-full border-none",
+								children: tabs.map((tab) =>
+									_jsx(
+										TabsTrigger,
+										{
+											value: tab.id,
+											className:
+												"px-3 py-1 text-sm font-[var(--font-family)] font-medium rounded-none text-foreground opacity-60 data-[state=active]:opacity-100 data-[state=active]:bg-transparent data-[state=active]:shadow-none",
+											children: tab.label,
+										},
+										tab.id,
+									),
+								),
+							}),
+							_jsx("div", {
+								ref: containerRef,
+								className:
+									"absolute top-0 left-0 w-full overflow-hidden z-10 pointer-events-none",
+								style: {
+									clipPath: "inset(0 100% 0 0% round 999px)",
+									transition: "clip-path 0.25s ease-out",
+								},
+								children: _jsx(TabsList, {
+									className:
+										"bg-secondary p-0 h-auto rounded-none w-full border-none",
+									children: tabs.map((tab) =>
+										_jsx(
+											TabsTrigger,
+											{
+												value: tab.id,
+												ref: activeTab === tab.id ? activeTabElementRef : null,
+												className:
+													"px-3 py-1 text-sm font-[var(--font-family)] font-medium rounded-none text-primary bg-transparent data-[state=active]:shadow-none shadow-none",
+												tabIndex: -1,
+												children: tab.label,
+											},
+											tab.id,
+										),
+									),
+								}),
+							}),
+						],
+					}),
+					_jsx(TabsContent, {
+						value: "todo",
+						children: _jsx(TodoList, { todos: todosToDisplay }),
+					}),
+					_jsx(TabsContent, {
+						value: "files",
+						children: _jsx("div", {
+							className: "text-sm text-foreground opacity-60 italic",
+							children: "Files tab coming soon...",
+						}),
+					}),
+					_jsx(TabsContent, {
+						value: "database",
+						children: _jsx("div", {
+							className: "text-sm text-foreground opacity-60 italic",
+							children: "Database tab coming soon...",
+						}),
+					}),
+				],
+			}),
+		});
+	},
+);
 ChatSecondaryPanel.displayName = "ChatSecondaryPanel";

package/dist/gui/components/ChatSecondaryPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSecondaryPanel.js","sourceRoot":"","sources":["../../../src/gui/components/ChatSecondaryPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGrE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAqBrC,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGhD,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChD,qCAAqC;IACrC,0DAA0D;IAC1D,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE,CAAC;IACnC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,mBAAmB,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,GAAG,EAAE;YAC1B,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;YACvC,IAAI,SAAS,IAAI,SAAS,EAAE,CAAC;gBAC3B,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,OAAO,CAAC;gBACrD,IAAI,gBAAgB,EAAE,CAAC;oBACrB,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;oBACxD,MAAM,OAAO,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,CAAC;oBACzD,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;oBACrD,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC;oBAElC,MAAM,eAAe,GAAG,CAAC,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;oBACjE,MAAM,gBAAgB,GACpB,GAAG,GAAG,CAAC,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;oBAEjE,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,WAAW,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;gBACrH,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,qCAAqC;QACrC,MAAM,SAAS,GAAG,UAAU,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,IAAI,GAAG;QACX,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE;QACnC,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QAC/B,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;KACtC,CAAC;IAEF,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KAAM,KAAK,YAC/D,MAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAC,QAAQ,aAErE,eAAK,SAAS,EAAC,4CAA4C,aAEzD,KAAC,QAAQ,IAAC,SAAS,EAAC,2DAA2D,YAC5E,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,KAAC,WAAW,IAEV,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,SAAS,EAAC,6MAA6M,YAEtN,GAAG,CAAC,KAAK,IAJL,GAAG,CAAC,EAAE,CAKC,CACf,CAAC,GACO,EAGX,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,uEAAuE,EACjF,KAAK,EAAE;gCACL,QAAQ,EAAE,gCAAgC;gCAC1C,UAAU,EAAE,0BAA0B;6BACvC,YAED,KAAC,QAAQ,IAAC,SAAS,EAAC,uEAAuE,YACxF,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,KAAC,WAAW,IAEV,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,GAAG,EAAE,SAAS,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,EACtD,SAAS,EAAC,8IAA8I,EACxJ,QAAQ,EAAE,CAAC,CAAC,YAEX,GAAG,CAAC,KAAK,IANL,GAAG,CAAC,EAAE,CAOC,CACf,CAAC,GACO,GACP,IACF,EAGN,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,YACvB,KAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,GAAI,GACvB,EAEd,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,YACxB,cAAK,SAAS,EAAC,oDAAoD,yCAE7D,GACM,EAEd,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,YAC3B,cAAK,SAAS,EAAC,oDAAoD,4CAE7D,GACM,IACT,GACH,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface ChatSidebarRootProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ChatSidebarRoot: React.ForwardRefExoticComponent<ChatSidebarRootProps & React.RefAttributes<HTMLDivElement>>;
+export interface ChatSidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ChatSidebarHeader: React.ForwardRefExoticComponent<ChatSidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface ChatSidebarContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ChatSidebarContent: React.ForwardRefExoticComponent<ChatSidebarContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface ChatSidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ChatSidebarFooter: React.ForwardRefExoticComponent<ChatSidebarFooterProps & React.RefAttributes<HTMLDivElement>>;
+export { ChatSidebarRoot as Root, ChatSidebarHeader as Header, ChatSidebarContent as Content, ChatSidebarFooter as Footer, };

package/dist/gui/components/ChatSidebar.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+const ChatSidebarRoot = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("flex h-full flex-col", className), ...props, children: children }));
+});
+ChatSidebarRoot.displayName = "ChatSidebar.Root";
+const ChatSidebarHeader = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("border-b border-border px-4 py-3", className), ...props, children: children }));
+});
+ChatSidebarHeader.displayName = "ChatSidebar.Header";
+const ChatSidebarContent = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("flex-1 overflow-y-auto p-4", className), ...props, children: children }));
+});
+ChatSidebarContent.displayName = "ChatSidebar.Content";
+const ChatSidebarFooter = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("border-t border-border px-4 py-3", className), ...props, children: children }));
+});
+ChatSidebarFooter.displayName = "ChatSidebar.Footer";
+/* -------------------------------------------------------------------------------------------------
+ * Exports
+ * -----------------------------------------------------------------------------------------------*/
+export { ChatSidebarRoot as Root, ChatSidebarHeader as Header, ChatSidebarContent as Content, ChatSidebarFooter as Footer, };

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

@@ -1,6 +1,8 @@
 import * as React from "react";
 import { type ReactNode } from "react";
 export interface ChatStatusProps extends React.HTMLAttributes<HTMLSpanElement> {
-    children: ReactNode;
+	children: ReactNode;
 }
-export declare const ChatStatus: React.ForwardRefExoticComponent<ChatStatusProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const ChatStatus: React.ForwardRefExoticComponent<
+	ChatStatusProps & React.RefAttributes<HTMLSpanElement>
+>;

package/dist/gui/components/ChatStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatStatus.d.ts","sourceRoot":"","sources":["../../../src/gui/components/ChatStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,yFAqDtB,CAAC"}

package/dist/gui/components/ChatStatus.js

@@ -1,38 +1,49 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useEffect, useRef, useState } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-export const ChatStatus = React.forwardRef(({ children, className, ...props }, ref) => {
-    const [displayContent, setDisplayContent] = useState(children);
-    const [isTransitioning, setIsTransitioning] = useState(false);
-    const previousContentRef = useRef(children);
-    const isInitialMountRef = useRef(true);
-    useEffect(() => {
-        // Skip transition on initial mount
-        if (isInitialMountRef.current) {
-            isInitialMountRef.current = false;
-            previousContentRef.current = children;
-            return;
-        }
-        // Only transition if content actually changed
-        if (previousContentRef.current === children) {
-            return;
-        }
-        // Start transition out
-        setIsTransitioning(true);
-        // After fade out, update content and fade in
-        const timeoutId = setTimeout(() => {
-            setDisplayContent(children);
-            previousContentRef.current = children;
-            // Trigger fade in
-            requestAnimationFrame(() => {
-                setIsTransitioning(false);
-            });
-        }, 150); // Half of transition duration (300ms total)
-        return () => {
-            clearTimeout(timeoutId);
-        };
-    }, [children]);
-    return (_jsx("span", { ref: ref, className: cn("text-sm text-foreground opacity-60 transition-opacity duration-300", isTransitioning ? "opacity-0" : "opacity-60", className), ...props, children: displayContent }));
-});
+export const ChatStatus = React.forwardRef(
+	({ children, className, ...props }, ref) => {
+		const [displayContent, setDisplayContent] = useState(children);
+		const [isTransitioning, setIsTransitioning] = useState(false);
+		const previousContentRef = useRef(children);
+		const isInitialMountRef = useRef(true);
+		useEffect(() => {
+			// Skip transition on initial mount
+			if (isInitialMountRef.current) {
+				isInitialMountRef.current = false;
+				previousContentRef.current = children;
+				return;
+			}
+			// Only transition if content actually changed
+			if (previousContentRef.current === children) {
+				return;
+			}
+			// Start transition out
+			setIsTransitioning(true);
+			// After fade out, update content and fade in
+			const timeoutId = setTimeout(() => {
+				setDisplayContent(children);
+				previousContentRef.current = children;
+				// Trigger fade in
+				requestAnimationFrame(() => {
+					setIsTransitioning(false);
+				});
+			}, 150); // Half of transition duration (300ms total)
+			return () => {
+				clearTimeout(timeoutId);
+			};
+		}, [children]);
+		return _jsx("span", {
+			ref: ref,
+			className: cn(
+				"text-sm text-foreground opacity-60 transition-opacity duration-300",
+				isTransitioning ? "opacity-0" : "opacity-60",
+				className,
+			),
+			...props,
+			children: displayContent,
+		});
+	},
+);
 ChatStatus.displayName = "ChatStatus";

package/dist/gui/components/ChatStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatStatus.js","sourceRoot":"","sources":["../../../src/gui/components/ChatStatus.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAMrC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC/D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,kBAAkB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,mCAAmC;QACnC,IAAI,iBAAiB,CAAC,OAAO,EAAE,CAAC;YAC9B,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;YAClC,kBAAkB,CAAC,OAAO,GAAG,QAAQ,CAAC;YACtC,OAAO;QACT,CAAC;QAED,8CAA8C;QAC9C,IAAI,kBAAkB,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YAC5C,OAAO;QACT,CAAC;QAED,uBAAuB;QACvB,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAEzB,6CAA6C;QAC7C,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;YAC5B,kBAAkB,CAAC,OAAO,GAAG,QAAQ,CAAC;YAEtC,kBAAkB;YAClB,qBAAqB,CAAC,GAAG,EAAE;gBACzB,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,4CAA4C;QAErD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAC5C,SAAS,CACV,KACG,KAAK,YAER,cAAc,GACV,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { AcpClient } from "@agent-hub/sdk";
+export interface ChatViewProps {
+	client: AcpClient | null;
+}
+export declare function ChatView({
+	client,
+}: ChatViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatView.d.ts.map