@townco/ui 0.1.6 → 0.1.7

package/dist/gui/components/Button.js

@@ -1,46 +1,33 @@
+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/Card.d.ts

@@ -1,27 +1,8 @@
 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.js

@@ -1,62 +1,16 @@
-import * as React from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
 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/ChatInput.d.ts

@@ -1,64 +1,42 @@
 import * as React from "react";
 import type { AcpClient } from "../../sdk/client/index.js";
 import type { Textarea } from "./Textarea.js";
-export interface ChatInputRootProps
-	extends Omit<
-		React.FormHTMLAttributes<HTMLFormElement>,
-		"onChange" | "onSubmit"
-	> {
-	/**
-	 * ACP Client for hook-based input management (recommended pattern)
-	 * Either client or value/onChange/onSubmit must be provided
-	 */
-	client?: AcpClient | null;
-	/**
-	 * Input value (legacy prop-based pattern)
-	 * Either client or value/onChange/onSubmit must be provided
-	 */
-	value?: string;
-	/**
-	 * Input change handler (legacy prop-based pattern)
-	 */
-	onChange?: (value: string) => void;
-	/**
-	 * Submit handler (legacy prop-based pattern)
-	 */
-	onSubmit?: () => void | Promise<void>;
-	/** Whether input is disabled */
-	disabled?: boolean;
-	/** Whether input is currently submitting */
-	isSubmitting?: boolean;
-	/** Whether to submit on Enter key (default: true) */
-	submitOnEnter?: boolean;
+export interface ChatInputRootProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "onChange" | "onSubmit"> {
+    /**
+     * ACP Client for hook-based input management (recommended pattern)
+     * Either client or value/onChange/onSubmit must be provided
+     */
+    client?: AcpClient | null;
+    /**
+     * Input value (legacy prop-based pattern)
+     * Either client or value/onChange/onSubmit must be provided
+     */
+    value?: string;
+    /**
+     * Input change handler (legacy prop-based pattern)
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Submit handler (legacy prop-based pattern)
+     */
+    onSubmit?: () => void | Promise<void>;
+    /** Whether input is disabled */
+    disabled?: boolean;
+    /** Whether input is currently submitting */
+    isSubmitting?: boolean;
+    /** Whether to submit on Enter key (default: true) */
+    submitOnEnter?: boolean;
 }
-declare const ChatInputRoot: React.ForwardRefExoticComponent<
-	ChatInputRootProps & React.RefAttributes<HTMLFormElement>
->;
-export interface ChatInputFieldProps
-	extends Omit<
-		React.ComponentPropsWithoutRef<typeof Textarea>,
-		"value" | "onChange"
-	> {
-	asChild?: boolean;
+declare const ChatInputRoot: React.ForwardRefExoticComponent<ChatInputRootProps & React.RefAttributes<HTMLFormElement>>;
+export interface ChatInputFieldProps extends Omit<React.ComponentPropsWithoutRef<typeof Textarea>, "value" | "onChange"> {
+    asChild?: boolean;
 }
-declare const ChatInputField: React.ForwardRefExoticComponent<
-	ChatInputFieldProps & React.RefAttributes<HTMLTextAreaElement>
->;
-export interface ChatInputSubmitProps
-	extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-	asChild?: boolean;
+declare const ChatInputField: React.ForwardRefExoticComponent<ChatInputFieldProps & React.RefAttributes<HTMLTextAreaElement>>;
+export interface ChatInputSubmitProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
 }
-declare const ChatInputSubmit: React.ForwardRefExoticComponent<
-	ChatInputSubmitProps & React.RefAttributes<HTMLButtonElement>
->;
-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,
-};
+declare const ChatInputSubmit: React.ForwardRefExoticComponent<ChatInputSubmitProps & React.RefAttributes<HTMLButtonElement>>;
+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, };

package/dist/gui/components/ChatInput.js

@@ -1,207 +1,137 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import * as React from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
 import { useChatInput as useCoreChatInput } from "../../core/hooks/use-chat-input.js";
 import { useChatStore } from "../../core/store/chat-store.js";
 import { cn } from "../lib/utils.js";
 import { Button } from "./Button.js";
-
 const ChatInputContext = React.createContext(undefined);
 const useChatInputContext = () => {
-	const context = React.useContext(ChatInputContext);
-	if (!context) {
-		throw new Error("ChatInput components must be used within ChatInput.Root");
-	}
-	return context;
+    const context = React.useContext(ChatInputContext);
+    if (!context) {
+        throw new Error("ChatInput components must be used within ChatInput.Root");
+    }
+    return context;
 };
-const ChatInputRoot = React.forwardRef(
-	(
-		{
-			client,
-			value: valueProp,
-			onChange: onChangeProp,
-			onSubmit: onSubmitProp,
-			disabled = false,
-			isSubmitting: isSubmittingProp,
-			submitOnEnter = true,
-			className,
-			children,
-			...props
-		},
-		ref,
-	) => {
-		const textareaRef = React.useRef(null);
-		// Always call hooks unconditionally (React rules)
-		const hookData = useCoreChatInput(client ?? null);
-		const storeIsStreaming = useChatStore((state) => state.isStreaming);
-		// Choose data source based on whether client is provided
-		const value = hookData ? hookData.value : valueProp || "";
-		const onChange = hookData ? hookData.onChange : onChangeProp || (() => {});
-		const onSubmit = hookData
-			? hookData.onSubmit
-			: onSubmitProp || (async () => {});
-		const isSubmitting = hookData
-			? hookData.isSubmitting || storeIsStreaming
-			: isSubmittingProp || false;
-		const handleSubmit = async (e) => {
-			e.preventDefault();
-			if (value.trim() && !isSubmitting && !disabled) {
-				await onSubmit();
-				// Restore focus to textarea after submit
-				setTimeout(() => {
-					textareaRef.current?.focus();
-				}, 0);
-			}
-		};
-		// Expose textarea ref to children via context
-		React.useEffect(() => {
-			const textarea = document.querySelector('textarea[name="chat-input"]');
-			if (textarea && textareaRef.current !== textarea) {
-				textareaRef.current = textarea;
-			}
-		}, []);
-		// Reset textarea height when value becomes empty (after submit)
-		React.useEffect(() => {
-			if (!value && textareaRef.current) {
-				textareaRef.current.style.height = "auto";
-				textareaRef.current.style.overflowY = "hidden";
-			}
-		}, [value]);
-		return _jsx(ChatInputContext.Provider, {
-			value: {
-				value,
-				onChange,
-				onSubmit,
-				disabled,
-				isSubmitting,
-				submitOnEnter,
-			},
-			children: _jsx("form", {
-				ref: ref,
-				onSubmit: handleSubmit,
-				className: cn(
-					"w-full divide-y overflow-hidden rounded-xl border bg-background shadow-sm",
-					className,
-				),
-				...props,
-				children: children,
-			}),
-		});
-	},
-);
+const ChatInputRoot = React.forwardRef(({ client, value: valueProp, onChange: onChangeProp, onSubmit: onSubmitProp, disabled = false, isSubmitting: isSubmittingProp, submitOnEnter = true, className, children, ...props }, ref) => {
+    const textareaRef = React.useRef(null);
+    // Always call hooks unconditionally (React rules)
+    const hookData = useCoreChatInput(client ?? null);
+    const storeIsStreaming = useChatStore((state) => state.isStreaming);
+    // Choose data source based on whether client is provided
+    const value = hookData ? hookData.value : valueProp || "";
+    const onChange = hookData ? hookData.onChange : onChangeProp || (() => { });
+    const onSubmit = hookData
+        ? hookData.onSubmit
+        : onSubmitProp || (async () => { });
+    const isSubmitting = hookData
+        ? hookData.isSubmitting || storeIsStreaming
+        : isSubmittingProp || false;
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (value.trim() && !isSubmitting && !disabled) {
+            await onSubmit();
+            // Restore focus to textarea after submit
+            setTimeout(() => {
+                textareaRef.current?.focus();
+            }, 0);
+        }
+    };
+    // Expose textarea ref to children via context
+    React.useEffect(() => {
+        const textarea = document.querySelector('textarea[name="chat-input"]');
+        if (textarea && textareaRef.current !== textarea) {
+            textareaRef.current = textarea;
+        }
+    }, []);
+    // Reset textarea height when value becomes empty (after submit)
+    React.useEffect(() => {
+        if (!value && textareaRef.current) {
+            textareaRef.current.style.height = "auto";
+            textareaRef.current.style.overflowY = "hidden";
+        }
+    }, [value]);
+    return (_jsx(ChatInputContext.Provider, { value: {
+            value,
+            onChange,
+            onSubmit,
+            disabled,
+            isSubmitting,
+            submitOnEnter,
+        }, children: _jsx("form", { ref: ref, onSubmit: handleSubmit, className: cn("w-full divide-y overflow-hidden rounded-xl border bg-background shadow-sm", className), ...props, children: children }) }));
+});
 ChatInputRoot.displayName = "ChatInput.Root";
-const ChatInputField = React.forwardRef(
-	({ asChild = false, className, onKeyDown, children, ...props }, ref) => {
-		const { value, onChange, onSubmit, disabled, isSubmitting, submitOnEnter } =
-			useChatInputContext();
-		const textareaRef = React.useRef(null);
-		const handleRef = React.useCallback(
-			(node) => {
-				textareaRef.current = node;
-				if (typeof ref === "function") {
-					ref(node);
-				} else if (ref) {
-					ref.current = node;
-				}
-			},
-			[ref],
-		);
-		const handleKeyDown = (e) => {
-			// Handle Enter without Shift - only submit if not already submitting
-			if (submitOnEnter && e.key === "Enter" && !e.shiftKey) {
-				// Only prevent default and submit if conditions are met
-				if (value.trim() && !isSubmitting && !disabled) {
-					e.preventDefault();
-					onSubmit();
-				} else if (isSubmitting || disabled) {
-					// Block Enter when submitting or disabled - don't add newline
-					e.preventDefault();
-				}
-			}
-			onKeyDown?.(e);
-		};
-		const handleChange = (e) => {
-			onChange(e.target.value);
-			// Auto-resize
-			const textarea = textareaRef.current;
-			if (!textarea) return;
-			textarea.style.height = "auto";
-			const newHeight = Math.min(textarea.scrollHeight, 164);
-			textarea.style.height = `${newHeight}px`;
-			if (textarea.scrollHeight > 164) {
-				textarea.style.overflowY = "auto";
-			} else {
-				textarea.style.overflowY = "hidden";
-			}
-		};
-		const fieldProps = {
-			ref: handleRef,
-			name: "chat-input",
-			value,
-			onChange: handleChange,
-			onKeyDown: handleKeyDown,
-			disabled: disabled,
-			...props,
-		};
-		if (asChild && React.isValidElement(children)) {
-			return React.cloneElement(children, fieldProps);
-		}
-		return _jsx("textarea", {
-			...fieldProps,
-			className: cn(
-				"w-full resize-none rounded-none border-none p-3 shadow-none",
-				"outline-none ring-0 field-sizing-content max-h-[6lh]",
-				"bg-transparent dark:bg-transparent focus-visible:ring-0",
-				"text-sm placeholder:text-muted-foreground",
-				"disabled:cursor-not-allowed disabled:opacity-50",
-				className,
-			),
-		});
-	},
-);
+const ChatInputField = React.forwardRef(({ asChild = false, className, onKeyDown, children, ...props }, ref) => {
+    const { value, onChange, onSubmit, disabled, isSubmitting, submitOnEnter } = useChatInputContext();
+    const textareaRef = React.useRef(null);
+    const handleRef = React.useCallback((node) => {
+        textareaRef.current = node;
+        if (typeof ref === "function") {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    }, [ref]);
+    const handleKeyDown = (e) => {
+        // Handle Enter without Shift - only submit if not already submitting
+        if (submitOnEnter && e.key === "Enter" && !e.shiftKey) {
+            // Only prevent default and submit if conditions are met
+            if (value.trim() && !isSubmitting && !disabled) {
+                e.preventDefault();
+                onSubmit();
+            }
+            else if (isSubmitting || disabled) {
+                // Block Enter when submitting or disabled - don't add newline
+                e.preventDefault();
+            }
+        }
+        onKeyDown?.(e);
+    };
+    const handleChange = (e) => {
+        onChange(e.target.value);
+        // Auto-resize
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return;
+        textarea.style.height = "auto";
+        const newHeight = Math.min(textarea.scrollHeight, 164);
+        textarea.style.height = `${newHeight}px`;
+        if (textarea.scrollHeight > 164) {
+            textarea.style.overflowY = "auto";
+        }
+        else {
+            textarea.style.overflowY = "hidden";
+        }
+    };
+    const fieldProps = {
+        ref: handleRef,
+        name: "chat-input",
+        value,
+        onChange: handleChange,
+        onKeyDown: handleKeyDown,
+        disabled: disabled,
+        ...props,
+    };
+    if (asChild && React.isValidElement(children)) {
+        return React.cloneElement(children, fieldProps);
+    }
+    return (_jsx("textarea", { ...fieldProps, className: cn("w-full resize-none rounded-none border-none p-3 shadow-none", "outline-none ring-0 field-sizing-content max-h-[6lh]", "bg-transparent dark:bg-transparent focus-visible:ring-0", "text-sm placeholder:text-muted-foreground", "disabled:cursor-not-allowed disabled:opacity-50", className) }));
+});
 ChatInputField.displayName = "ChatInput.Field";
-const ChatInputSubmit = React.forwardRef(
-	(
-		{ asChild = false, className, disabled: disabledProp, children, ...props },
-		ref,
-	) => {
-		const { value, disabled, isSubmitting } = useChatInputContext();
-		const isDisabled =
-			disabledProp || disabled || isSubmitting || !value.trim();
-		const Comp = asChild ? Slot : Button;
-		return _jsx(Comp, {
-			ref: ref,
-			type: "submit",
-			disabled: isDisabled,
-			size: "icon",
-			className: cn(
-				!asChild &&
-					"gap-1.5 rounded-lg bg-transparent text-foreground hover:bg-transparent",
-				className,
-			),
-			...props,
-			children: children,
-		});
-	},
-);
+const ChatInputSubmit = React.forwardRef(({ asChild = false, className, disabled: disabledProp, children, ...props }, ref) => {
+    const { value, disabled, isSubmitting } = useChatInputContext();
+    const isDisabled = disabledProp || disabled || isSubmitting || !value.trim();
+    const Comp = asChild ? Slot : Button;
+    return (_jsx(Comp, { ref: ref, type: "submit", disabled: isDisabled, size: "icon", className: cn(!asChild &&
+            "gap-1.5 rounded-lg bg-transparent text-foreground hover:bg-transparent", className), ...props, children: children }));
+});
 ChatInputSubmit.displayName = "ChatInput.Submit";
-const ChatInputToolbar = React.forwardRef(
-	({ className, children, ...props }, ref) => {
-		return _jsx("div", {
-			ref: ref,
-			className: cn("flex items-center justify-between p-1", className),
-			...props,
-			children: children,
-		});
-	},
-);
+const ChatInputToolbar = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("flex items-center justify-between p-1", className), ...props, children: children }));
+});
 ChatInputToolbar.displayName = "ChatInput.Toolbar";
 /* -------------------------------------------------------------------------------------------------
  * Exports
  * -----------------------------------------------------------------------------------------------*/
-export {
-	ChatInputRoot as Root,
-	ChatInputField as Field,
-	ChatInputSubmit as Submit,
-	ChatInputToolbar as Toolbar,
-};
+export { ChatInputRoot as Root, ChatInputField as Field, ChatInputSubmit as Submit, ChatInputToolbar as Toolbar, };

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

@@ -6,18 +6,15 @@ 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>>;