@townco/ui 0.1.0 → 0.1.6

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

@@ -1,13 +1,72 @@
 import * as SelectPrimitive from "@radix-ui/react-select";
 import * as React from "react";
 declare const Select: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+declare const SelectGroup: React.ForwardRefExoticComponent<
+	SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>
+>;
+declare const SelectValue: React.ForwardRefExoticComponent<
+	SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>
+>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<
+	Omit<
+		SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>,
+		"ref"
+	> &
+		React.RefAttributes<HTMLButtonElement>
+>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<
+	Omit<
+		SelectPrimitive.SelectScrollUpButtonProps &
+			React.RefAttributes<HTMLDivElement>,
+		"ref"
+	> &
+		React.RefAttributes<HTMLDivElement>
+>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<
+	Omit<
+		SelectPrimitive.SelectScrollDownButtonProps &
+			React.RefAttributes<HTMLDivElement>,
+		"ref"
+	> &
+		React.RefAttributes<HTMLDivElement>
+>;
+declare const SelectContent: React.ForwardRefExoticComponent<
+	Omit<
+		SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>,
+		"ref"
+	> &
+		React.RefAttributes<HTMLDivElement>
+>;
+declare const SelectLabel: React.ForwardRefExoticComponent<
+	Omit<
+		SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>,
+		"ref"
+	> &
+		React.RefAttributes<HTMLDivElement>
+>;
+declare const SelectItem: React.ForwardRefExoticComponent<
+	Omit<
+		SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>,
+		"ref"
+	> &
+		React.RefAttributes<HTMLDivElement>
+>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<
+	Omit<
+		SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>,
+		"ref"
+	> &
+		React.RefAttributes<HTMLDivElement>
+>;
+export {
+	Select,
+	SelectGroup,
+	SelectValue,
+	SelectTrigger,
+	SelectContent,
+	SelectLabel,
+	SelectItem,
+	SelectSeparator,
+	SelectScrollUpButton,
+	SelectScrollDownButton,
+};

package/dist/gui/components/Select.js

@@ -1,26 +1,132 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check, ChevronDown, ChevronsUpDown, ChevronUp } from "lucide-react";
 import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
+
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
-const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronsUpDown, { className: "h-4 w-4 opacity-50" }) })] })));
+const SelectTrigger = React.forwardRef(
+	({ className, children, ...props }, ref) =>
+		_jsxs(SelectPrimitive.Trigger, {
+			ref: ref,
+			className: cn(
+				"flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+				className,
+			),
+			...props,
+			children: [
+				children,
+				_jsx(SelectPrimitive.Icon, {
+					asChild: true,
+					children: _jsx(ChevronsUpDown, { className: "h-4 w-4 opacity-50" }),
+				}),
+			],
+		}),
+);
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronUp, { className: "h-4 w-4" }) })));
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx(SelectPrimitive.ScrollUpButton, {
+		ref: ref,
+		className: cn(
+			"flex cursor-default items-center justify-center py-1",
+			className,
+		),
+		...props,
+		children: _jsx(ChevronUp, { className: "h-4 w-4" }),
+	}),
+);
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronDown, { className: "h-4 w-4" }) })));
+const SelectScrollDownButton = React.forwardRef(
+	({ className, ...props }, ref) =>
+		_jsx(SelectPrimitive.ScrollDownButton, {
+			ref: ref,
+			className: cn(
+				"flex cursor-default items-center justify-center py-1",
+				className,
+			),
+			...props,
+			children: _jsx(ChevronDown, { className: "h-4 w-4" }),
+		}),
+);
 SelectScrollDownButton.displayName =
-    SelectPrimitive.ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", position === "popper" &&
-            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn("p-1", position === "popper" &&
-                    "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
+	SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(
+	({ className, children, position = "popper", ...props }, ref) =>
+		_jsx(SelectPrimitive.Portal, {
+			children: _jsxs(SelectPrimitive.Content, {
+				ref: ref,
+				className: cn(
+					"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+					position === "popper" &&
+						"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+					className,
+				),
+				position: position,
+				...props,
+				children: [
+					_jsx(SelectScrollUpButton, {}),
+					_jsx(SelectPrimitive.Viewport, {
+						className: cn(
+							"p-1",
+							position === "popper" &&
+								"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
+						),
+						children: children,
+					}),
+					_jsx(SelectScrollDownButton, {}),
+				],
+			}),
+		}),
+);
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props })));
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx(SelectPrimitive.Label, {
+		ref: ref,
+		className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+		...props,
+	}),
+);
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) =>
+	_jsxs(SelectPrimitive.Item, {
+		ref: ref,
+		className: cn(
+			"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+			className,
+		),
+		...props,
+		children: [
+			_jsx("span", {
+				className:
+					"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+				children: _jsx(SelectPrimitive.ItemIndicator, {
+					children: _jsx(Check, { className: "h-4 w-4" }),
+				}),
+			}),
+			_jsx(SelectPrimitive.ItemText, { children: children }),
+		],
+	}),
+);
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })));
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx(SelectPrimitive.Separator, {
+		ref: ref,
+		className: cn("-mx-1 my-1 h-px bg-muted", className),
+		...props,
+	}),
+);
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+export {
+	Select,
+	SelectGroup,
+	SelectValue,
+	SelectTrigger,
+	SelectContent,
+	SelectLabel,
+	SelectItem,
+	SelectSeparator,
+	SelectScrollUpButton,
+	SelectScrollDownButton,
+};

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

@@ -1,5 +1,7 @@
 import type * as React from "react";
 import { Toaster as Sonner } from "sonner";
 type ToasterProps = React.ComponentProps<typeof Sonner>;
-declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+declare const Toaster: ({
+	...props
+}: ToasterProps) => import("react/jsx-runtime").JSX.Element;
 export { Toaster };

package/dist/gui/components/Sonner.js

@@ -1,23 +1,34 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Toaster as Sonner } from "sonner";
+
 const Toaster = ({ ...props }) => {
-    return (_jsx(Sonner, { position: "top-center", className: "toaster group", style: {
-            "--top-offset": "16px",
-            "--width:": "calc(100% - 2 * var(--top-offset))",
-            position: "absolute",
-            zIndex: 5,
-            top: "var(--top-offset)",
-            left: "50%",
-            transform: "translateX(-50%)",
-            width: "calc(100% - 2 * var(--top-offset))",
-            maxWidth: "480px",
-        }, offset: 0, toastOptions: {
-            classNames: {
-                toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
-                description: "group-[.toast]:text-muted-foreground",
-                actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-                cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
-            },
-        }, ...props }));
+	return _jsx(Sonner, {
+		position: "top-center",
+		className: "toaster group",
+		style: {
+			"--top-offset": "16px",
+			"--width:": "calc(100% - 2 * var(--top-offset))",
+			position: "absolute",
+			zIndex: 5,
+			top: "var(--top-offset)",
+			left: "50%",
+			transform: "translateX(-50%)",
+			width: "calc(100% - 2 * var(--top-offset))",
+			maxWidth: "480px",
+		},
+		offset: 0,
+		toastOptions: {
+			classNames: {
+				toast:
+					"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+				description: "group-[.toast]:text-muted-foreground",
+				actionButton:
+					"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+				cancelButton:
+					"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+			},
+		},
+		...props,
+	});
 };
 export { Toaster };

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

@@ -1,8 +1,12 @@
 import type { ConnectionStatus } from "../../core/index.js";
 export interface StatusBarProps {
-    connectionStatus: ConnectionStatus;
-    sessionId: string | null;
-    isStreaming: boolean;
+	connectionStatus: ConnectionStatus;
+	sessionId: string | null;
+	isStreaming: boolean;
 }
-export declare function StatusBar({ connectionStatus, sessionId, isStreaming, }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=StatusBar.d.ts.map
+export declare function StatusBar({
+	connectionStatus,
+	sessionId,
+	isStreaming,
+}: StatusBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusBar.d.ts.map

package/dist/gui/components/StatusBar.js

@@ -1,11 +1,58 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function StatusBar({ connectionStatus, sessionId, isStreaming, }) {
-    const statusStyles = {
-        connected: "bg-green-100 text-green-800",
-        connecting: "bg-yellow-100 text-yellow-800",
-        disconnected: "bg-gray-100 text-gray-800",
-        error: "bg-red-100 text-red-800",
-    };
-    return (_jsx("div", { className: "border-b border-gray-200 px-4 py-3 bg-white", children: _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-700", children: "Status:" }), _jsx("span", { className: `px-2 py-1 rounded-full text-xs font-medium ${statusStyles[connectionStatus]}`, children: connectionStatus })] }), sessionId && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-gray-700", children: "Session:" }), _jsxs("span", { className: "text-xs font-mono text-cyan-600", children: [sessionId.slice(0, 8), "..."] })] })), isStreaming && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "animate-pulse w-2 h-2 rounded-full bg-yellow-500" }), _jsx("span", { className: "text-xs text-yellow-600", children: "Streaming..." })] }))] }) }));
+export function StatusBar({ connectionStatus, sessionId, isStreaming }) {
+	const statusStyles = {
+		connected: "bg-green-100 text-green-800",
+		connecting: "bg-yellow-100 text-yellow-800",
+		disconnected: "bg-gray-100 text-gray-800",
+		error: "bg-red-100 text-red-800",
+	};
+	return _jsx("div", {
+		className: "border-b border-gray-200 px-4 py-3 bg-white",
+		children: _jsxs("div", {
+			className: "flex items-center gap-4",
+			children: [
+				_jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [
+						_jsx("span", {
+							className: "text-sm font-medium text-gray-700",
+							children: "Status:",
+						}),
+						_jsx("span", {
+							className: `px-2 py-1 rounded-full text-xs font-medium ${statusStyles[connectionStatus]}`,
+							children: connectionStatus,
+						}),
+					],
+				}),
+				sessionId &&
+					_jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [
+							_jsx("span", {
+								className: "text-sm font-medium text-gray-700",
+								children: "Session:",
+							}),
+							_jsxs("span", {
+								className: "text-xs font-mono text-cyan-600",
+								children: [sessionId.slice(0, 8), "..."],
+							}),
+						],
+					}),
+				isStreaming &&
+					_jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [
+							_jsx("div", {
+								className: "animate-pulse w-2 h-2 rounded-full bg-yellow-500",
+							}),
+							_jsx("span", {
+								className: "text-xs text-yellow-600",
+								children: "Streaming...",
+							}),
+						],
+					}),
+			],
+		}),
+	});
 }
-//# sourceMappingURL=StatusBar.js.map
+//# sourceMappingURL=StatusBar.js.map

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

@@ -1,7 +1,27 @@
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React from "react";
-declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Tabs: React.ForwardRefExoticComponent<
+	TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>
+>;
+declare const TabsList: React.ForwardRefExoticComponent<
+	Omit<
+		TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>,
+		"ref"
+	> &
+		React.RefAttributes<HTMLDivElement>
+>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<
+	Omit<
+		TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>,
+		"ref"
+	> &
+		React.RefAttributes<HTMLButtonElement>
+>;
+declare const TabsContent: React.ForwardRefExoticComponent<
+	Omit<
+		TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>,
+		"ref"
+	> &
+		React.RefAttributes<HTMLDivElement>
+>;
 export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/gui/components/Tabs.js

@@ -1,12 +1,40 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
+
 const Tabs = TabsPrimitive.Root;
-const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn("inline-flex h-10 items-center rounded-md bg-muted p-1 text-muted-foreground gap-1", className), ...props })));
+const TabsList = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx(TabsPrimitive.List, {
+		ref: ref,
+		className: cn(
+			"inline-flex h-10 items-center rounded-md bg-muted p-1 text-muted-foreground gap-1",
+			className,
+		),
+		...props,
+	}),
+);
 TabsList.displayName = TabsPrimitive.List.displayName;
-const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", className), ...props })));
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx(TabsPrimitive.Trigger, {
+		ref: ref,
+		className: cn(
+			"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+			className,
+		),
+		...props,
+	}),
+);
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className), ...props })));
+const TabsContent = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx(TabsPrimitive.Content, {
+		ref: ref,
+		className: cn(
+			"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+			className,
+		),
+		...props,
+	}),
+);
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 export { Tabs, TabsList, TabsTrigger, TabsContent };

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

@@ -4,32 +4,36 @@ import * as React from "react";
  * Enhanced todo/task display with collapsible details and file references
  */
 export interface TaskItem {
-    id: string;
-    text: string;
-    status: "pending" | "in_progress" | "completed";
-    /** Optional file references */
-    files?: string[];
-    /** Optional additional details */
-    details?: string;
+	id: string;
+	text: string;
+	status: "pending" | "in_progress" | "completed";
+	/** Optional file references */
+	files?: string[];
+	/** Optional additional details */
+	details?: string;
 }
 export interface TaskProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Task item data */
-    task: TaskItem;
-    /** Show collapsible details */
-    collapsible?: boolean;
-    /** Default expanded state */
-    defaultExpanded?: boolean;
-    /** Callback when task is clicked */
-    onTaskClick?: (task: TaskItem) => void;
+	/** Task item data */
+	task: TaskItem;
+	/** Show collapsible details */
+	collapsible?: boolean;
+	/** Default expanded state */
+	defaultExpanded?: boolean;
+	/** Callback when task is clicked */
+	onTaskClick?: (task: TaskItem) => void;
 }
-export declare const Task: React.ForwardRefExoticComponent<TaskProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Task: React.ForwardRefExoticComponent<
+	TaskProps & React.RefAttributes<HTMLDivElement>
+>;
 export interface TaskListProps extends React.HTMLAttributes<HTMLDivElement> {
-    tasks: TaskItem[];
-    /** Show collapsible details */
-    collapsible?: boolean;
-    /** Callback when task is clicked */
-    onTaskClick?: (task: TaskItem) => void;
-    /** Empty state message */
-    emptyMessage?: string;
+	tasks: TaskItem[];
+	/** Show collapsible details */
+	collapsible?: boolean;
+	/** Callback when task is clicked */
+	onTaskClick?: (task: TaskItem) => void;
+	/** Empty state message */
+	emptyMessage?: string;
 }
-export declare const TaskList: React.ForwardRefExoticComponent<TaskListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TaskList: React.ForwardRefExoticComponent<
+	TaskListProps & React.RefAttributes<HTMLDivElement>
+>;