@townco/ui 0.1.7 → 0.1.9

package/dist/core/store/chat-store.js

@@ -3,54 +3,63 @@ import { create } from "zustand";
  * Create chat store
  */
 export const useChatStore = create((set) => ({
-    // Initial state
-    connectionStatus: "disconnected",
-    sessionId: null,
-    error: null,
-    messages: [],
-    isStreaming: false,
-    streamingStartTime: null,
-    input: {
-        value: "",
-        isSubmitting: false,
-        attachedFiles: [],
-    },
-    // Actions
-    setConnectionStatus: (status) => set({ connectionStatus: status }),
-    setSessionId: (id) => set({ sessionId: id }),
-    setError: (error) => set({ error }),
-    addMessage: (message) => set((state) => ({
-        messages: [...state.messages, message],
-    })),
-    updateMessage: (id, updates) => set((state) => ({
-        messages: state.messages.map((msg) => msg.id === id ? { ...msg, ...updates } : msg),
-    })),
-    clearMessages: () => set({ messages: [] }),
-    setIsStreaming: (streaming) => set({ isStreaming: streaming }),
-    setStreamingStartTime: (time) => set({ streamingStartTime: time }),
-    setInputValue: (value) => set((state) => ({
-        input: { ...state.input, value },
-    })),
-    setInputSubmitting: (submitting) => set((state) => ({
-        input: { ...state.input, isSubmitting: submitting },
-    })),
-    addFileAttachment: (file) => set((state) => ({
-        input: {
-            ...state.input,
-            attachedFiles: [...state.input.attachedFiles, file],
-        },
-    })),
-    removeFileAttachment: (index) => set((state) => ({
-        input: {
-            ...state.input,
-            attachedFiles: state.input.attachedFiles.filter((_, i) => i !== index),
-        },
-    })),
-    clearInput: () => set((_state) => ({
-        input: {
-            value: "",
-            isSubmitting: false,
-            attachedFiles: [],
-        },
-    })),
+	// Initial state
+	connectionStatus: "disconnected",
+	sessionId: null,
+	error: null,
+	messages: [],
+	isStreaming: false,
+	streamingStartTime: null,
+	input: {
+		value: "",
+		isSubmitting: false,
+		attachedFiles: [],
+	},
+	// Actions
+	setConnectionStatus: (status) => set({ connectionStatus: status }),
+	setSessionId: (id) => set({ sessionId: id }),
+	setError: (error) => set({ error }),
+	addMessage: (message) =>
+		set((state) => ({
+			messages: [...state.messages, message],
+		})),
+	updateMessage: (id, updates) =>
+		set((state) => ({
+			messages: state.messages.map((msg) =>
+				msg.id === id ? { ...msg, ...updates } : msg,
+			),
+		})),
+	clearMessages: () => set({ messages: [] }),
+	setIsStreaming: (streaming) => set({ isStreaming: streaming }),
+	setStreamingStartTime: (time) => set({ streamingStartTime: time }),
+	setInputValue: (value) =>
+		set((state) => ({
+			input: { ...state.input, value },
+		})),
+	setInputSubmitting: (submitting) =>
+		set((state) => ({
+			input: { ...state.input, isSubmitting: submitting },
+		})),
+	addFileAttachment: (file) =>
+		set((state) => ({
+			input: {
+				...state.input,
+				attachedFiles: [...state.input.attachedFiles, file],
+			},
+		})),
+	removeFileAttachment: (index) =>
+		set((state) => ({
+			input: {
+				...state.input,
+				attachedFiles: state.input.attachedFiles.filter((_, i) => i !== index),
+			},
+		})),
+	clearInput: () =>
+		set((_state) => ({
+			input: {
+				value: "",
+				isSubmitting: false,
+				attachedFiles: [],
+			},
+		})),
 }));

package/dist/core/store/chat-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-store.js","sourceRoot":"","sources":["../../../src/core/store/chat-store.ts"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/gui/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA2BnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAWX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/gui/components/Button.js

@@ -1,33 +1,46 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
-    variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground hover:bg-primary/90",
-            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-            outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground",
-            link: "text-primary underline-offset-4 hover:underline",
-        },
-        size: {
-            default: "h-10 px-4 py-2",
-            sm: "h-9 rounded-md px-3",
-            lg: "h-11 rounded-md px-8",
-            icon: "h-10 w-10",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
-});
+
+const buttonVariants = cva(
+	"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+	{
+		variants: {
+			variant: {
+				default: "bg-primary text-primary-foreground hover:bg-primary/90",
+				destructive:
+					"bg-destructive text-destructive-foreground hover:bg-destructive/90",
+				outline:
+					"border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+				secondary:
+					"bg-secondary text-secondary-foreground hover:bg-secondary/80",
+				ghost: "hover:bg-accent hover:text-accent-foreground",
+				link: "text-primary underline-offset-4 hover:underline",
+			},
+			size: {
+				default: "h-10 px-4 py-2",
+				sm: "h-9 rounded-md px-3",
+				lg: "h-11 rounded-md px-8",
+				icon: "h-10 w-10",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+			size: "default",
+		},
+	},
+);
+const Button = React.forwardRef(
+	({ className, variant, size, asChild = false, ...props }, ref) => {
+		const Comp = asChild ? Slot : "button";
+		return _jsx(Comp, {
+			className: cn(buttonVariants({ variant, size, className })),
+			ref: ref,
+			...props,
+		});
+	},
+);
 Button.displayName = "Button";
 export { Button, buttonVariants };

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/gui/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,cAAc,GAAG,GAAG,CACxB,0VAA0V,EAC1V;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,wDAAwD;YACjE,WAAW,EACT,oEAAoE;YACtE,OAAO,EACL,gFAAgF;YAClF,SAAS,EACP,8DAA8D;YAChE,KAAK,EAAE,8CAA8C;YACrD,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,gBAAgB;YACzB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,sBAAsB;YAC1B,IAAI,EAAE,WAAW;SAClB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAQF,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAC3D,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

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

@@ -1,8 +1,27 @@
 import * as React from "react";
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };
+declare const Card: React.ForwardRefExoticComponent<
+	React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>
+>;
+declare const CardHeader: React.ForwardRefExoticComponent<
+	React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>
+>;
+declare const CardTitle: React.ForwardRefExoticComponent<
+	React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>
+>;
+declare const CardDescription: React.ForwardRefExoticComponent<
+	React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>
+>;
+declare const CardContent: React.ForwardRefExoticComponent<
+	React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>
+>;
+declare const CardFooter: React.ForwardRefExoticComponent<
+	React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>
+>;
+export {
+	Card,
+	CardHeader,
+	CardFooter,
+	CardTitle,
+	CardDescription,
+	CardContent,
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/gui/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,6GAYR,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,QAAA,MAAM,SAAS,6GAYb,CAAC;AAGH,QAAA,MAAM,eAAe,6GASnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAKf,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}

package/dist/gui/components/Card.js

@@ -1,16 +1,62 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props })));
+
+const Card = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx("div", {
+		ref: ref,
+		className: cn(
+			"rounded-lg border bg-card text-card-foreground shadow-sm",
+			className,
+		),
+		...props,
+	}),
+);
 Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
+const CardHeader = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx("div", {
+		ref: ref,
+		className: cn("flex flex-col space-y-1.5 p-6", className),
+		...props,
+	}),
+);
 CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })));
+const CardTitle = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx("div", {
+		ref: ref,
+		className: cn(
+			"text-2xl font-semibold leading-none tracking-tight",
+			className,
+		),
+		...props,
+	}),
+);
 CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+const CardDescription = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx("div", {
+		ref: ref,
+		className: cn("text-sm text-muted-foreground", className),
+		...props,
+	}),
+);
 CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
+const CardContent = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props }),
+);
 CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
+const CardFooter = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx("div", {
+		ref: ref,
+		className: cn("flex items-center p-6 pt-0", className),
+		...props,
+	}),
+);
 CardFooter.displayName = "CardFooter";
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };
+export {
+	Card,
+	CardHeader,
+	CardFooter,
+	CardTitle,
+	CardDescription,
+	CardContent,
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/gui/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC,CAAC;AACH,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACnE,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,GACT,CACH,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,38 @@
+import * as React from "react";
+interface ChatHeaderContextValue {
+    isExpanded: boolean;
+    setIsExpanded: (expanded: boolean) => void;
+}
+declare const useChatHeaderContext: () => ChatHeaderContextValue;
+export interface ChatHeaderRootProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Initial expanded state */
+    defaultExpanded?: boolean;
+    /** Controlled expanded state */
+    expanded?: boolean;
+    /** Callback when expanded state changes */
+    onExpandedChange?: (expanded: boolean) => void;
+}
+declare const ChatHeaderRoot: React.ForwardRefExoticComponent<ChatHeaderRootProps & React.RefAttributes<HTMLDivElement>>;
+export interface ChatHeaderTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const ChatHeaderTitle: React.ForwardRefExoticComponent<ChatHeaderTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export interface ChatHeaderActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ChatHeaderActions: React.ForwardRefExoticComponent<ChatHeaderActionsProps & React.RefAttributes<HTMLDivElement>>;
+export type ConnectionStatus = "connected" | "connecting" | "error" | "disconnected";
+export interface ChatHeaderStatusIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Connection status */
+    status: ConnectionStatus;
+    /** Optional status text override */
+    statusText?: string;
+}
+declare const ChatHeaderStatusIndicator: React.ForwardRefExoticComponent<ChatHeaderStatusIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+export interface ChatHeaderToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Icon to display (should rotate based on expanded state) */
+    icon?: React.ReactNode;
+}
+declare const ChatHeaderToggle: React.ForwardRefExoticComponent<ChatHeaderToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export interface ChatHeaderExpandablePanelProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ChatHeaderExpandablePanel: React.ForwardRefExoticComponent<ChatHeaderExpandablePanelProps & React.RefAttributes<HTMLDivElement>>;
+export { ChatHeaderRoot as Root, ChatHeaderTitle as Title, ChatHeaderActions as Actions, ChatHeaderStatusIndicator as StatusIndicator, ChatHeaderToggle as Toggle, ChatHeaderExpandablePanel as ExpandablePanel, useChatHeaderContext, };

package/dist/gui/components/ChatHeader.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+const ChatHeaderContext = React.createContext(undefined);
+const useChatHeaderContext = () => {
+    const context = React.useContext(ChatHeaderContext);
+    if (!context) {
+        throw new Error("ChatHeader components must be used within ChatHeader.Root");
+    }
+    return context;
+};
+const ChatHeaderRoot = React.forwardRef(({ defaultExpanded = false, expanded: expandedProp, onExpandedChange, className, children, ...props }, ref) => {
+    const [isExpandedInternal, setIsExpandedInternal] = React.useState(defaultExpanded);
+    const isExpanded = expandedProp ?? isExpandedInternal;
+    const setIsExpanded = React.useCallback((expanded) => {
+        setIsExpandedInternal(expanded);
+        onExpandedChange?.(expanded);
+    }, [onExpandedChange]);
+    // Separate children into main content and expandable panel
+    const childrenArray = React.Children.toArray(children);
+    const expandablePanel = childrenArray.find((child) => React.isValidElement(child) &&
+        typeof child.type === "function" &&
+        child.type.displayName ===
+            "ChatHeader.ExpandablePanel");
+    const mainContent = childrenArray.filter((child) => child !== expandablePanel);
+    return (_jsxs(ChatHeaderContext.Provider, { value: { isExpanded, setIsExpanded }, children: [_jsx("div", { ref: ref, className: cn("flex items-center justify-between px-6 py-4", className), ...props, children: mainContent }), expandablePanel] }));
+});
+ChatHeaderRoot.displayName = "ChatHeader.Root";
+const ChatHeaderTitle = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsx("h1", { ref: ref, className: cn("m-0 text-xl font-semibold", className), ...props, children: children }));
+});
+ChatHeaderTitle.displayName = "ChatHeader.Title";
+const ChatHeaderActions = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("flex items-center gap-3", className), ...props, children: children }));
+});
+ChatHeaderActions.displayName = "ChatHeader.Actions";
+const getStatusColor = (status) => {
+    switch (status) {
+        case "connected":
+            return "bg-green-500";
+        case "connecting":
+            return "bg-yellow-500";
+        case "error":
+            return "bg-red-500";
+        default:
+            return "bg-gray-500";
+    }
+};
+const getDefaultStatusText = (status) => {
+    switch (status) {
+        case "connected":
+            return "Connected";
+        case "connecting":
+            return "Connecting...";
+        case "error":
+            return "Connection Error";
+        default:
+            return "No Server";
+    }
+};
+const ChatHeaderStatusIndicator = React.forwardRef(({ status, statusText, className, ...props }, ref) => {
+    const text = statusText ?? getDefaultStatusText(status);
+    const colorClass = getStatusColor(status);
+    return (_jsxs("div", { ref: ref, className: cn("flex items-center gap-2", className), ...props, children: [_jsx("div", { className: cn("h-2 w-2 rounded-full", colorClass) }), _jsx("span", { className: "text-sm text-muted-foreground", children: text })] }));
+});
+ChatHeaderStatusIndicator.displayName = "ChatHeader.StatusIndicator";
+const ChatHeaderToggle = React.forwardRef(({ icon, className, children, onClick, ...props }, ref) => {
+    const { isExpanded, setIsExpanded } = useChatHeaderContext();
+    const handleClick = (e) => {
+        setIsExpanded(!isExpanded);
+        onClick?.(e);
+    };
+    return (_jsxs("button", { ref: ref, type: "button", onClick: handleClick, className: cn("rounded p-1 transition-colors hover:bg-background lg:hidden", className), "aria-label": isExpanded ? "Collapse header" : "Expand header", ...props, children: [icon && (_jsx("div", { className: cn("transition-transform duration-200", isExpanded && "rotate-180"), children: icon })), children] }));
+});
+ChatHeaderToggle.displayName = "ChatHeader.Toggle";
+const ChatHeaderExpandablePanel = React.forwardRef(({ className, children, ...props }, ref) => {
+    const { isExpanded } = useChatHeaderContext();
+    if (!isExpanded)
+        return null;
+    return (_jsx("div", { ref: ref, className: cn("absolute top-full left-0 right-0 z-50 border-b border-border bg-card px-6 py-4 shadow-lg lg:hidden", className), ...props, children: children }));
+});
+ChatHeaderExpandablePanel.displayName = "ChatHeader.ExpandablePanel";
+/* -------------------------------------------------------------------------------------------------
+ * Exports
+ * -----------------------------------------------------------------------------------------------*/
+export { ChatHeaderRoot as Root, ChatHeaderTitle as Title, ChatHeaderActions as Actions, ChatHeaderStatusIndicator as StatusIndicator, ChatHeaderToggle as Toggle, ChatHeaderExpandablePanel as ExpandablePanel, useChatHeaderContext, };

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

@@ -1,5 +1,6 @@
 import * as React from "react";
 import type { AcpClient } from "../../sdk/client/index.js";
+import { type CommandMenuItem } from "./ChatInputCommandMenu.js";
 import type { Textarea } from "./Textarea.js";
 export interface ChatInputRootProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "onChange" | "onSubmit"> {
     /**
@@ -39,4 +40,21 @@ declare const ChatInputSubmit: React.ForwardRefExoticComponent<ChatInputSubmitPr
 export interface ChatInputToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const ChatInputToolbar: React.ForwardRefExoticComponent<ChatInputToolbarProps & React.RefAttributes<HTMLDivElement>>;
-export { ChatInputRoot as Root, ChatInputField as Field, ChatInputSubmit as Submit, ChatInputToolbar as Toolbar, };
+export interface ChatInputActionsProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare const ChatInputActions: React.ForwardRefExoticComponent<ChatInputActionsProps & React.RefAttributes<HTMLButtonElement>>;
+export interface ChatInputAttachmentProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare const ChatInputAttachment: React.ForwardRefExoticComponent<ChatInputAttachmentProps & React.RefAttributes<HTMLButtonElement>>;
+export interface ChatInputVoiceInputProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare const ChatInputVoiceInput: React.ForwardRefExoticComponent<ChatInputVoiceInputProps & React.RefAttributes<HTMLButtonElement>>;
+export interface ChatInputCommandMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    commands?: CommandMenuItem[];
+}
+declare const ChatInputCommandMenu: React.ForwardRefExoticComponent<ChatInputCommandMenuProps & React.RefAttributes<HTMLDivElement>>;
+export type { CommandMenuItem };
+export { ChatInputRoot as Root, ChatInputField as Field, ChatInputSubmit as Submit, ChatInputToolbar as Toolbar, ChatInputActions as Actions, ChatInputAttachment as Attachment, ChatInputVoiceInput as VoiceInput, ChatInputCommandMenu as CommandMenu, };

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/gui/components/ChatInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAoC3D,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAChF;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,aAAa,4FA0ElB,CAAC;AAOF,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,QAAQ,CAAC,EAC/C,OAAO,GAAG,UAAU,CACrB;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,cAAc,iGAkDlB,CAAC;AAOH,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,eAAe,gGA0BnB,CAAC;AAOH,OAAO,EACL,aAAa,IAAI,IAAI,EACrB,cAAc,IAAI,KAAK,EACvB,eAAe,IAAI,MAAM,GAC1B,CAAC"}