@townco/ui 0.1.6 → 0.1.8

package/dist/gui/components/ChatHeader.js

@@ -1,189 +1,86 @@
-import * as React from "react";
 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 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) &&
-				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,
-			],
-		});
-	},
-);
+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,
-		});
-	},
-);
+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,
-		});
-	},
-);
+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";
-	}
+    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";
-	}
+    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,
-				}),
-			],
-		});
-	},
-);
+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,
-			],
-		});
-	},
-);
+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,
-		});
-	},
-);
+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,
-};
+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,64 +1,60 @@
 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"
-	> {
-	/**
-	 * 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 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, };