@townco/ui 0.1.0

package/dist/gui/components/ChatPreview.js

@@ -0,0 +1,164 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+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":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAmBpD,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,MAAM,EACN,SAAS,GAAG,kBAAkB,GACb;IACjB,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAa;QACvD,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACZ,CAAC,CAAC;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAc;QACxD,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IACH,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;IACnE,MAAM,aAAa,GAAG,MAAM,CAAc;QACxC,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IACH,MAAM,iBAAiB,GAAG,MAAM,CAI7B,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;IAEzD,MAAM,kBAAkB,GAAG,CAAC,YAAyB,EAAE,EAAE;QACvD,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,EAAE,aAAa,EAAE,CAAC;YAC1B,MAAM,CAAC,aAAa,CAAC,WAAW,CAC9B;gBACE,IAAI,EAAE,eAAe;gBACrB,MAAM,EAAE,YAAY;aACrB,EACD,GAAG,CACJ,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,YAAoB,EAAE,EAAE;QAClD,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,EAAE,aAAa,EAAE,CAAC;YAC1B,MAAM,CAAC,aAAa,CAAC,WAAW,CAC9B;gBACE,IAAI,EAAE,eAAe;gBACrB,MAAM,EAAE,YAAY;aACrB,EACD,GAAG,CACJ,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;YAC5C,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,gBAAgB,EAAE,CAAC;gBACvD,kBAAkB,CAAC,MAAM,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAElD,mDAAmD;QACnD,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,kBAAkB,CAAC,MAAM,CAAC,CAAC;YAC3B,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAE5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACrD,MAAM,CAAC,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAErB,yDAAyD;IACzD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,wCAAwC;QACxC,IACE,MAAM,EAAE,aAAa;YACrB,MAAM,CAAC,eAAe,EAAE,UAAU,KAAK,UAAU,EACjD,CAAC;YACD,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,yDAAyD;IACzD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,wCAAwC;QACxC,IACE,MAAM,EAAE,aAAa;YACrB,MAAM,CAAC,eAAe,EAAE,UAAU,KAAK,UAAU,EACjD,CAAC;YACD,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,qCAAqC;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;IACrC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,qBAAqB;IACrB,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,YAAY,EAAE,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,OAAO,CAAC;QAC3C,IAAI,QAAQ,CAAC,SAAS,EAAE,CAAC;YACvB,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC9D,CAAC;QACD,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAChE,CAAC;QACD,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC;YACxB,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;QAClE,CAAC;QAED,aAAa,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QACtD,aAAa,CAAC,OAAO,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QAC/D,iBAAiB,CAAC,OAAO,GAAG;YAC1B,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CACxB,SAAoC,EACpC,CAAmB,EACnB,EAAE;QACF,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,wCAAwC;QACxC,YAAY,EAAE,CAAC;QAEf,MAAM,WAAW,GACf,SAAS,KAAK,YAAY;YACxB,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;YACvC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAE5C,aAAa,CAAC,WAAW,CAAC,CAAC;QAC3B,aAAa,CAAC,OAAO,GAAG,WAAW,CAAC;QAEpC,cAAc,CAAC,OAAO,GAAG;YACvB,CAAC,EAAE,CAAC,CAAC,OAAO;YACZ,CAAC,EAAE,CAAC,CAAC,OAAO;YACZ,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,MAAM,EAAE,UAAU,CAAC,MAAM;SAC1B,CAAC;QAEF,MAAM,eAAe,GAAG,CAAC,CAAa,EAAE,EAAE;YACxC,IACE,CAAC,aAAa,CAAC,OAAO,CAAC,UAAU;gBACjC,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAC/B,CAAC;gBACD,OAAO;YACT,CAAC;YAED,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;YACpD,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;YAEpD,IAAI,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC;YAC5C,IAAI,SAAS,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC;YAE9C,IAAI,aAAa,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;gBACrC,QAAQ,GAAG,IAAI,CAAC,GAAG,CACjB,GAAG,EACH,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,CACtD,CAAC;YACJ,CAAC;YACD,IAAI,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;gBACnC,SAAS,GAAG,IAAI,CAAC,GAAG,CAClB,GAAG,EACH,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,CACtD,CAAC;YACJ,CAAC;YAED,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;QACxD,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,CAAC,CAAa,EAAE,EAAE;YACtC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,YAAY,EAAE,CAAC;QACjB,CAAC,CAAC;QAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;YAC5B,sDAAsD;YACtD,YAAY,EAAE,CAAC;QACjB,CAAC,CAAC;QAEF,6BAA6B;QAC7B,iBAAiB,CAAC,OAAO,GAAG;YAC1B,SAAS,EAAE,eAAe;YAC1B,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,gBAAgB;SAC7B,CAAC;QAEF,kEAAkE;QAClE,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACtD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACrE,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;IAC5D,CAAC,CAAC;IAEF,OAAO,CACL,eACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,sGAAsG,EAChH,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,UAAU,CAAC,KAAK,IAAI;YAC9B,MAAM,EAAE,GAAG,UAAU,CAAC,MAAM,IAAI;SACjC,aAED,iBACE,GAAG,EAAE,SAAS,EACd,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,sEAAsE,EAChF,KAAK,EAAC,cAAc,GACpB,EACF,cACE,SAAS,EAAC,qIAAqI,EAC/I,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC,CAAC,GACtD,EACF,cACE,SAAS,EAAC,uIAAuI,EACjJ,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC,CAAC,GACpD,IACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import type { AcpClient } from "../../sdk/client/index.js";
+import type { TodoItem } from "./TodoListItem.js";
+/**
+ * Supports two usage patterns:
+ * 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 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

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useEffect, useRef, useState } from "react";
+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..." }) })] }) }));
+});
+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":"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"}

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { type ReactNode } from "react";
+export interface ChatStatusProps extends React.HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode;
+}
+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

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useEffect, useRef, useState } from "react";
+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 }));
+});
+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,6 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatView.d.ts","sourceRoot":"","sources":["../../../src/gui/components/ChatView.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,2CAoCjD"}

package/dist/gui/components/ChatView.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StatusBar } from "./StatusBar.js";
+import { MessageList } from "./MessageList.js";
+import { InputBox } from "./InputBox.js";
+import { useChatSession, useChatMessages, useChatInput, } from "../../core/index.js";
+export function ChatView({ client }) {
+    // Use headless hooks for business logic (same as TUI!)
+    const { connectionStatus, sessionId } = useChatSession(client);
+    const { messages, isStreaming } = useChatMessages(client);
+    const { value, isSubmitting, attachedFiles, onChange, onSubmit, onRemoveFile, } = useChatInput(client);
+    return (_jsxs("div", { className: "flex flex-col h-screen bg-gray-50", children: [_jsx(StatusBar, { connectionStatus: connectionStatus, sessionId: sessionId, isStreaming: isStreaming }), _jsx(MessageList, { messages: messages }), _jsx(InputBox, { value: value, isSubmitting: isSubmitting, attachedFiles: attachedFiles, onChange: onChange, onSubmit: onSubmit, onRemoveFile: onRemoveFile })] }));
+}
+//# sourceMappingURL=ChatView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatView.js","sourceRoot":"","sources":["../../../src/gui/components/ChatView.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,cAAc,EACd,eAAe,EACf,YAAY,GACb,MAAM,qBAAqB,CAAC;AAO7B,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,EAAiB;IAChD,uDAAuD;IACvD,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAC/D,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,GACb,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAEhD,KAAC,SAAS,IACR,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,GACxB,EAGF,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAGnC,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,GAC1B,IACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,16 @@
+export interface ThemeConfig {
+    colorScheme: "light" | "dark";
+    accentColor: string;
+    typography: string;
+    fontSize: number;
+    thinkingDisplayStyle: "collapsible" | "inline";
+}
+interface ConfigPanelProps {
+    config: ThemeConfig;
+    status: string;
+    onConfigChange: (config: ThemeConfig) => void;
+    onStatusChange: (status: string) => void;
+}
+export declare function ConfigPanel({ config, status, onConfigChange, onStatusChange, }: ConfigPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfigPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigPanel.d.ts","sourceRoot":"","sources":["../../../src/gui/components/ConfigPanel.tsx"],"names":[],"mappings":"AA4BA,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB,EAAE,aAAa,GAAG,QAAQ,CAAC;CAChD;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,MAAM,EACN,cAAc,EACd,cAAc,GACf,EAAE,gBAAgB,2CA6JlB"}

package/dist/gui/components/ConfigPanel.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label } from "./Label.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "./Select.js";
+import { Input } from "./Input.js";
+const fontOptions = [
+    "Inter",
+    "Arial",
+    "Georgia",
+    "Courier New",
+    "Times New Roman",
+    "Verdana",
+];
+const statusOptions = [
+    "v0.1.0",
+    "Connected",
+    "Syncing...",
+    "Ready",
+    "Processing",
+    "Online",
+];
+export function ConfigPanel({ config, status, onConfigChange, onStatusChange, }) {
+    const handleColorSchemeChange = (newScheme) => {
+        onConfigChange({ ...config, colorScheme: newScheme });
+    };
+    const handleAccentColorChange = (e) => {
+        const newColor = e.target.value;
+        onConfigChange({ ...config, accentColor: newColor });
+    };
+    const handleTypographyChange = (newTypography) => {
+        onConfigChange({ ...config, typography: newTypography });
+    };
+    const handleFontSizeChange = (e) => {
+        const newSize = parseInt(e.target.value, 10);
+        if (!isNaN(newSize) && newSize > 0) {
+            onConfigChange({ ...config, fontSize: newSize });
+        }
+    };
+    const handleThinkingDisplayStyleChange = (newStyle) => {
+        onConfigChange({ ...config, thinkingDisplayStyle: newStyle });
+    };
+    const handleStatusChange = () => {
+        const currentIndex = statusOptions.indexOf(status);
+        const nextIndex = (currentIndex + 1) % statusOptions.length;
+        onStatusChange(statusOptions[nextIndex]);
+    };
+    return (_jsxs("div", { className: "h-full p-6 bg-[var(--color-surface)] border-r border-[var(--color-border)] overflow-y-auto", children: [_jsx("h2", { className: "text-2xl font-semibold mb-8 m-0 text-[var(--color-text)]", children: "Design Configuration" }), _jsxs("div", { className: "mb-6", children: [_jsx(Label, { htmlFor: "color-scheme", className: "mb-2 text-[var(--color-text)]", children: "Color Scheme" }), _jsxs(Select, { value: config.colorScheme, onValueChange: handleColorSchemeChange, children: [_jsx(SelectTrigger, { id: "color-scheme", className: "w-full bg-[var(--color-bg)] text-[var(--color-text)] border-[var(--color-border)] focus:border-[var(--color-accent)]", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { className: "bg-[var(--color-bg)] border-[var(--color-border)]", children: [_jsx(SelectItem, { value: "light", children: "Light" }), _jsx(SelectItem, { value: "dark", children: "Dark" })] })] })] }), _jsxs("div", { className: "mb-6", children: [_jsx(Label, { htmlFor: "accent-color", className: "mb-2 text-[var(--color-text)]", children: "Accent Color" }), _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("input", { type: "color", id: "accent-color", value: config.accentColor, onChange: handleAccentColorChange, className: "w-[60px] h-10 border border-[var(--color-border)] rounded-md cursor-pointer bg-transparent" }), _jsx(Input, { type: "text", value: config.accentColor, onChange: handleAccentColorChange, pattern: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$", className: "flex-1 bg-[var(--color-bg)] text-[var(--color-text)] border-[var(--color-border)] focus:border-[var(--color-accent)]" })] })] }), _jsxs("div", { className: "mb-6", children: [_jsx(Label, { htmlFor: "typography", className: "mb-2 text-[var(--color-text)]", children: "Typography" }), _jsxs(Select, { value: config.typography, onValueChange: handleTypographyChange, children: [_jsx(SelectTrigger, { id: "typography", className: "w-full bg-[var(--color-bg)] text-[var(--color-text)] border-[var(--color-border)] focus:border-[var(--color-accent)]", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { className: "bg-[var(--color-bg)] border-[var(--color-border)]", children: fontOptions.map((font) => (_jsx(SelectItem, { value: font, children: font }, font))) })] })] }), _jsxs("div", { className: "mb-6", children: [_jsx(Label, { htmlFor: "font-size", className: "mb-2 text-[var(--color-text)]", children: "Font Size (px)" }), _jsx(Input, { type: "number", id: "font-size", value: config.fontSize, onChange: handleFontSizeChange, min: "8", max: "32", className: "w-full bg-[var(--color-bg)] text-[var(--color-text)] border-[var(--color-border)] focus:border-[var(--color-accent)]" })] }), _jsxs("div", { className: "mb-6", children: [_jsx(Label, { htmlFor: "thinking-display-style", className: "mb-2 text-[var(--color-text)]", children: "Thinking Display Style" }), _jsxs(Select, { value: config.thinkingDisplayStyle || "collapsible", onValueChange: handleThinkingDisplayStyleChange, children: [_jsx(SelectTrigger, { id: "thinking-display-style", className: "w-full bg-[var(--color-bg)] text-[var(--color-text)] border-[var(--color-border)] focus:border-[var(--color-accent)]", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { className: "bg-[var(--color-bg)] border-[var(--color-border)]", children: [_jsx(SelectItem, { value: "collapsible", children: "Collapsible Section" }), _jsx(SelectItem, { value: "inline", children: "Inline" })] })] })] }), _jsxs("div", { className: "mb-6", children: [_jsx(Label, { htmlFor: "status-test", className: "mb-2 text-[var(--color-text)]", children: "Chat Status" }), _jsxs("button", { onClick: handleStatusChange, className: "w-full px-4 py-2 rounded-lg bg-[var(--color-accent)] text-white font-medium hover:opacity-90 transition-opacity text-[var(--font-size)] font-[var(--font-family)]", children: ["Change Status: ", status] })] })] }));
+}
+//# sourceMappingURL=ConfigPanel.js.map

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

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

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+/**
+ * Conversation component inspired by shadcn.io/ai
+ * Auto-scrolling chat container that maintains scroll position during streaming
+ */
+export interface ConversationProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether to auto-scroll to bottom on new messages */
+    autoScroll?: boolean;
+    /** Whether content is currently streaming */
+    isStreaming?: boolean;
+    /** Scroll behavior type */
+    scrollBehavior?: ScrollBehavior;
+    /** Threshold for considering user at bottom (px from bottom) */
+    scrollThreshold?: number;
+    /** Show scroll-to-bottom button when not at bottom */
+    showScrollButton?: boolean;
+    /** Custom scroll button */
+    scrollButton?: React.ReactNode;
+}
+export declare const Conversation: React.ForwardRefExoticComponent<ConversationProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Conversation.d.ts","sourceRoot":"","sources":["../../../src/gui/components/Conversation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AAEH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,2BAA2B;IAC3B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,0FAsJxB,CAAC"}

package/dist/gui/components/Conversation.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { cn } from "../lib/utils.js";
+export const Conversation = React.forwardRef(({ autoScroll = true, isStreaming = false, scrollBehavior = "smooth", scrollThreshold = 100, showScrollButton = true, scrollButton, className, children, ...props }, ref) => {
+    const containerRef = useRef(null);
+    const [isNearBottom, setIsNearBottom] = useState(true);
+    const [showButton, setShowButton] = useState(false);
+    const lastScrollTopRef = useRef(0);
+    // Combine refs
+    React.useImperativeHandle(ref, () => {
+        if (!containerRef.current) {
+            throw new Error("Container ref not initialized");
+        }
+        return containerRef.current;
+    });
+    // Check if user is near bottom of scroll area
+    const checkScrollPosition = useCallback(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const { scrollTop, scrollHeight, clientHeight } = container;
+        const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
+        const nearBottom = distanceFromBottom < scrollThreshold;
+        setIsNearBottom(nearBottom);
+        setShowButton(!nearBottom && showScrollButton);
+        lastScrollTopRef.current = scrollTop;
+    }, [scrollThreshold, showScrollButton]);
+    // Scroll to bottom
+    const scrollToBottom = useCallback((behavior = scrollBehavior) => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        container.scrollTo({
+            top: container.scrollHeight,
+            behavior,
+        });
+    }, [scrollBehavior]);
+    // Auto-scroll when new content appears and user is near bottom
+    useEffect(() => {
+        if (!autoScroll)
+            return;
+        const container = containerRef.current;
+        if (!container)
+            return;
+        // Always scroll during streaming if user is near bottom
+        if (isStreaming && isNearBottom) {
+            scrollToBottom("auto");
+        }
+        // Scroll on new messages if near bottom
+        else if (!isStreaming && isNearBottom) {
+            scrollToBottom();
+        }
+    }, [autoScroll, isStreaming, isNearBottom, scrollToBottom]);
+    // Set up scroll listener
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const handleScroll = () => {
+            checkScrollPosition();
+        };
+        container.addEventListener("scroll", handleScroll, { passive: true });
+        // Check initial position
+        checkScrollPosition();
+        return () => {
+            container.removeEventListener("scroll", handleScroll);
+        };
+    }, [checkScrollPosition]);
+    // Watch for resize events
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            if (isNearBottom && autoScroll) {
+                scrollToBottom("auto");
+            }
+        });
+        resizeObserver.observe(container);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [isNearBottom, autoScroll, scrollToBottom]);
+    return (_jsxs("div", { className: "relative flex-1", children: [_jsx("div", { ref: containerRef, className: cn("h-full overflow-y-auto overflow-x-hidden", "scrollbar-thin scrollbar-thumb-[border] scrollbar-track-transparent", className), ...props, children: _jsx("div", { className: "flex flex-col gap-4 px-4 py-4", children: children }) }), showButton && (_jsx("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 z-10", children: scrollButton || (_jsxs("button", { type: "button", onClick: () => scrollToBottom(), className: "px-4 py-2 rounded-full bg-card border border-border shadow-lg hover:shadow-xl hover:bg-card/90 transition-all text-sm font-medium text-foreground flex items-center gap-2", "aria-label": "Scroll to bottom", children: [_jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "Down arrow", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 14l-7 7m0 0l-7-7m7 7V3" }) }), "Scroll to bottom"] })) }))] }));
+});
+Conversation.displayName = "Conversation";

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

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

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

@@ -0,0 +1,19 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/gui/components/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAE9C,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAE5C,QAAA,MAAM,WAAW,4GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,8JAYjB,CAAC;AAGH,QAAA,MAAM,aAAa,8JAqBjB,CAAC;AAGH,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,WAAW,oKAYf,CAAC;AAGH,QAAA,MAAM,iBAAiB,8KASrB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}