@townco/ui 0.1.0 → 0.1.3

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

@@ -2,51 +2,81 @@ import * as React from "react";
 type PanelSize = "hidden" | "small" | "large";
 type PanelTabType = "todo" | "files" | "database";
 interface ChatLayoutContextValue {
-    sidebarOpen: boolean;
-    setSidebarOpen: (open: boolean) => void;
-    panelSize: PanelSize;
-    setPanelSize: (size: PanelSize) => void;
-    activeTab: PanelTabType;
-    setActiveTab: (tab: PanelTabType) => void;
+	sidebarOpen: boolean;
+	setSidebarOpen: (open: boolean) => void;
+	panelSize: PanelSize;
+	setPanelSize: (size: PanelSize) => void;
+	activeTab: PanelTabType;
+	setActiveTab: (tab: PanelTabType) => void;
 }
 declare const useChatLayoutContext: () => ChatLayoutContextValue;
-export interface ChatLayoutRootProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Initial sidebar open state */
-    defaultSidebarOpen?: boolean;
-    /** Initial panel size state */
-    defaultPanelSize?: PanelSize;
-    /** Initial active tab */
-    defaultActiveTab?: PanelTabType;
+export interface ChatLayoutRootProps
+	extends React.HTMLAttributes<HTMLDivElement> {
+	/** Initial sidebar open state */
+	defaultSidebarOpen?: boolean;
+	/** Initial panel size state */
+	defaultPanelSize?: PanelSize;
+	/** Initial active tab */
+	defaultActiveTab?: PanelTabType;
 }
-declare const ChatLayoutRoot: React.ForwardRefExoticComponent<ChatLayoutRootProps & React.RefAttributes<HTMLDivElement>>;
-export interface ChatLayoutHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+declare const ChatLayoutRoot: React.ForwardRefExoticComponent<
+	ChatLayoutRootProps & React.RefAttributes<HTMLDivElement>
+>;
+export interface ChatLayoutHeaderProps
+	extends React.HTMLAttributes<HTMLDivElement> {}
+declare const ChatLayoutHeader: React.ForwardRefExoticComponent<
+	ChatLayoutHeaderProps & React.RefAttributes<HTMLDivElement>
+>;
+export interface ChatLayoutMainProps
+	extends React.HTMLAttributes<HTMLDivElement> {}
+declare const ChatLayoutMain: React.ForwardRefExoticComponent<
+	ChatLayoutMainProps & React.RefAttributes<HTMLDivElement>
+>;
+export interface ChatLayoutBodyProps
+	extends React.HTMLAttributes<HTMLDivElement> {
+	/** Whether to show toaster */
+	showToaster?: boolean;
 }
-declare const ChatLayoutHeader: React.ForwardRefExoticComponent<ChatLayoutHeaderProps & React.RefAttributes<HTMLDivElement>>;
-export interface ChatLayoutMainProps extends React.HTMLAttributes<HTMLDivElement> {
+declare const ChatLayoutBody: React.ForwardRefExoticComponent<
+	ChatLayoutBodyProps & React.RefAttributes<HTMLDivElement>
+>;
+export interface ChatLayoutMessagesProps
+	extends React.HTMLAttributes<HTMLDivElement> {
+	/** Callback when scroll position changes */
+	onScrollChange?: (isAtBottom: boolean) => void;
+	/** Whether to show scroll to bottom button */
+	showScrollToBottom?: boolean;
 }
-declare const ChatLayoutMain: React.ForwardRefExoticComponent<ChatLayoutMainProps & React.RefAttributes<HTMLDivElement>>;
-export interface ChatLayoutBodyProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Whether to show toaster */
-    showToaster?: boolean;
+declare const ChatLayoutMessages: React.ForwardRefExoticComponent<
+	ChatLayoutMessagesProps & React.RefAttributes<HTMLDivElement>
+>;
+export interface ChatLayoutFooterProps
+	extends React.HTMLAttributes<HTMLDivElement> {}
+declare const ChatLayoutFooter: React.ForwardRefExoticComponent<
+	ChatLayoutFooterProps & React.RefAttributes<HTMLDivElement>
+>;
+export interface ChatLayoutSidebarProps
+	extends React.HTMLAttributes<HTMLDivElement> {}
+declare const ChatLayoutSidebar: React.ForwardRefExoticComponent<
+	ChatLayoutSidebarProps & React.RefAttributes<HTMLDivElement>
+>;
+export interface ChatLayoutAsideProps
+	extends React.HTMLAttributes<HTMLDivElement> {
+	/** Show panel on these breakpoints (default: lg and above) */
+	breakpoint?: "md" | "lg" | "xl" | "2xl";
 }
-declare const ChatLayoutBody: React.ForwardRefExoticComponent<ChatLayoutBodyProps & React.RefAttributes<HTMLDivElement>>;
-export interface ChatLayoutMessagesProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Callback when scroll position changes */
-    onScrollChange?: (isAtBottom: boolean) => void;
-    /** Whether to show scroll to bottom button */
-    showScrollToBottom?: boolean;
-}
-declare const ChatLayoutMessages: React.ForwardRefExoticComponent<ChatLayoutMessagesProps & React.RefAttributes<HTMLDivElement>>;
-export interface ChatLayoutFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const ChatLayoutFooter: React.ForwardRefExoticComponent<ChatLayoutFooterProps & React.RefAttributes<HTMLDivElement>>;
-export interface ChatLayoutSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const ChatLayoutSidebar: React.ForwardRefExoticComponent<ChatLayoutSidebarProps & React.RefAttributes<HTMLDivElement>>;
-export interface ChatLayoutAsideProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Show panel on these breakpoints (default: lg and above) */
-    breakpoint?: "md" | "lg" | "xl" | "2xl";
-}
-declare const ChatLayoutAside: React.ForwardRefExoticComponent<ChatLayoutAsideProps & React.RefAttributes<HTMLDivElement>>;
-export { ChatLayoutRoot as Root, ChatLayoutHeader as Header, ChatLayoutMain as Main, ChatLayoutBody as Body, ChatLayoutMessages as Messages, ChatLayoutFooter as Footer, ChatLayoutSidebar as Sidebar, ChatLayoutAside as Aside, useChatLayoutContext, };
+declare const ChatLayoutAside: React.ForwardRefExoticComponent<
+	ChatLayoutAsideProps & React.RefAttributes<HTMLDivElement>
+>;
+export {
+	ChatLayoutRoot as Root,
+	ChatLayoutHeader as Header,
+	ChatLayoutMain as Main,
+	ChatLayoutBody as Body,
+	ChatLayoutMessages as Messages,
+	ChatLayoutFooter as Footer,
+	ChatLayoutSidebar as Sidebar,
+	ChatLayoutAside as Aside,
+	useChatLayoutContext,
+};
 export type { PanelSize, PanelTabType };

package/dist/gui/components/ChatLayout.js

@@ -1,105 +1,232 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowDown } 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";
 import { Toaster } from "./Sonner.js";
+
 const ChatLayoutContext = React.createContext(undefined);
 const useChatLayoutContext = () => {
-    const context = React.useContext(ChatLayoutContext);
-    if (!context) {
-        throw new Error("ChatLayout components must be used within ChatLayout.Root");
-    }
-    return context;
+	const context = React.useContext(ChatLayoutContext);
+	if (!context) {
+		throw new Error(
+			"ChatLayout components must be used within ChatLayout.Root",
+		);
+	}
+	return context;
 };
-const ChatLayoutRoot = React.forwardRef(({ defaultSidebarOpen = false, defaultPanelSize = "hidden", defaultActiveTab = "todo", className, children, ...props }, ref) => {
-    const [sidebarOpen, setSidebarOpen] = React.useState(defaultSidebarOpen);
-    const [panelSize, setPanelSize] = React.useState(defaultPanelSize);
-    const [activeTab, setActiveTab] = React.useState(defaultActiveTab);
-    return (_jsx(ChatLayoutContext.Provider, { value: {
-            sidebarOpen,
-            setSidebarOpen,
-            panelSize,
-            setPanelSize,
-            activeTab,
-            setActiveTab,
-        }, children: _jsx("div", { ref: ref, className: cn("flex h-screen flex-row bg-background text-foreground", className), ...props, children: children }) }));
-});
+const ChatLayoutRoot = React.forwardRef(
+	(
+		{
+			defaultSidebarOpen = false,
+			defaultPanelSize = "hidden",
+			defaultActiveTab = "todo",
+			className,
+			children,
+			...props
+		},
+		ref,
+	) => {
+		const [sidebarOpen, setSidebarOpen] = React.useState(defaultSidebarOpen);
+		const [panelSize, setPanelSize] = React.useState(defaultPanelSize);
+		const [activeTab, setActiveTab] = React.useState(defaultActiveTab);
+		return _jsx(ChatLayoutContext.Provider, {
+			value: {
+				sidebarOpen,
+				setSidebarOpen,
+				panelSize,
+				setPanelSize,
+				activeTab,
+				setActiveTab,
+			},
+			children: _jsx("div", {
+				ref: ref,
+				className: cn(
+					"flex h-screen flex-row bg-background text-foreground",
+					className,
+				),
+				...props,
+				children: children,
+			}),
+		});
+	},
+);
 ChatLayoutRoot.displayName = "ChatLayout.Root";
-const ChatLayoutHeader = React.forwardRef(({ className, children, ...props }, ref) => {
-    return (_jsx("div", { ref: ref, className: cn("relative z-10 border-b border-border bg-card shrink-0", className), ...props, children: children }));
-});
+const ChatLayoutHeader = React.forwardRef(
+	({ className, children, ...props }, ref) => {
+		return _jsx("div", {
+			ref: ref,
+			className: cn(
+				"relative z-10 border-b border-border bg-card shrink-0",
+				className,
+			),
+			...props,
+			children: children,
+		});
+	},
+);
 ChatLayoutHeader.displayName = "ChatLayout.Header";
-const ChatLayoutMain = React.forwardRef(({ className, children, ...props }, ref) => {
-    return (_jsx("div", { ref: ref, className: cn("flex flex-1 flex-col overflow-hidden", className), ...props, children: children }));
-});
+const ChatLayoutMain = React.forwardRef(
+	({ className, children, ...props }, ref) => {
+		return _jsx("div", {
+			ref: ref,
+			className: cn("flex flex-1 flex-col overflow-hidden", className),
+			...props,
+			children: children,
+		});
+	},
+);
 ChatLayoutMain.displayName = "ChatLayout.Main";
-const ChatLayoutBody = React.forwardRef(({ showToaster = true, className, children, ...props }, ref) => {
-    return (_jsxs("div", { ref: ref, className: cn("relative flex flex-1 flex-col overflow-hidden", className), ...props, children: [children, showToaster && _jsx(Toaster, {})] }));
-});
+const ChatLayoutBody = React.forwardRef(
+	({ showToaster = true, className, children, ...props }, ref) => {
+		return _jsxs("div", {
+			ref: ref,
+			className: cn("relative flex flex-1 flex-col overflow-hidden", className),
+			...props,
+			children: [children, showToaster && _jsx(Toaster, {})],
+		});
+	},
+);
 ChatLayoutBody.displayName = "ChatLayout.Body";
-const ChatLayoutMessages = React.forwardRef(({ className, children, onScrollChange, showScrollToBottom = true, ...props }, ref) => {
-    const [showScrollButton, setShowScrollButton] = React.useState(false);
-    const scrollContainerRef = React.useRef(null);
-    // Merge refs
-    React.useImperativeHandle(ref, () => scrollContainerRef.current);
-    // Check if user is at bottom of scroll
-    const checkScrollPosition = React.useCallback(() => {
-        const container = scrollContainerRef.current;
-        if (!container)
-            return;
-        const { scrollTop, scrollHeight, clientHeight } = container;
-        const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
-        const isAtBottom = distanceFromBottom < 100; // 100px threshold
-        setShowScrollButton(!isAtBottom && showScrollToBottom);
-        onScrollChange?.(isAtBottom);
-    }, [onScrollChange, showScrollToBottom]);
-    // Handle scroll events
-    const handleScroll = React.useCallback(() => {
-        checkScrollPosition();
-    }, [checkScrollPosition]);
-    // Scroll to bottom function
-    const scrollToBottom = React.useCallback(() => {
-        const container = scrollContainerRef.current;
-        if (!container)
-            return;
-        container.scrollTo({
-            top: container.scrollHeight,
-            behavior: "smooth",
-        });
-    }, []);
-    // Check scroll position on mount and when children change
-    React.useEffect(() => {
-        checkScrollPosition();
-    }, [checkScrollPosition]);
-    return (_jsxs("div", { className: "relative flex-1 overflow-hidden", children: [_jsx("div", { ref: scrollContainerRef, className: cn("h-full overflow-y-auto", className), onScroll: handleScroll, ...props, children: children }), showScrollButton && (_jsx("button", { type: "button", onClick: scrollToBottom, className: cn("absolute bottom-4 left-1/2 -translate-x-1/2 z-10", "flex items-center justify-center p-2 rounded-full", "bg-card border border-border shadow-lg", "text-foreground", "hover:bg-accent hover:text-accent-foreground", "transition-all duration-200 ease-in-out", "animate-in fade-in slide-in-from-bottom-2"), "aria-label": "Scroll to bottom", children: _jsx(ArrowDown, { className: "h-4 w-4" }) }))] }));
-});
+const ChatLayoutMessages = React.forwardRef(
+	(
+		{
+			className,
+			children,
+			onScrollChange,
+			showScrollToBottom = true,
+			...props
+		},
+		ref,
+	) => {
+		const [showScrollButton, setShowScrollButton] = React.useState(false);
+		const scrollContainerRef = React.useRef(null);
+		// Merge refs
+		React.useImperativeHandle(ref, () => scrollContainerRef.current);
+		// Check if user is at bottom of scroll
+		const checkScrollPosition = React.useCallback(() => {
+			const container = scrollContainerRef.current;
+			if (!container) return;
+			const { scrollTop, scrollHeight, clientHeight } = container;
+			const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
+			const isAtBottom = distanceFromBottom < 100; // 100px threshold
+			setShowScrollButton(!isAtBottom && showScrollToBottom);
+			onScrollChange?.(isAtBottom);
+		}, [onScrollChange, showScrollToBottom]);
+		// Handle scroll events
+		const handleScroll = React.useCallback(() => {
+			checkScrollPosition();
+		}, [checkScrollPosition]);
+		// Scroll to bottom function
+		const scrollToBottom = React.useCallback(() => {
+			const container = scrollContainerRef.current;
+			if (!container) return;
+			container.scrollTo({
+				top: container.scrollHeight,
+				behavior: "smooth",
+			});
+		}, []);
+		// Check scroll position on mount and when children change
+		React.useEffect(() => {
+			checkScrollPosition();
+		}, [checkScrollPosition]);
+		return _jsxs("div", {
+			className: "relative flex-1 overflow-hidden",
+			children: [
+				_jsx("div", {
+					ref: scrollContainerRef,
+					className: cn("h-full overflow-y-auto", className),
+					onScroll: handleScroll,
+					...props,
+					children: children,
+				}),
+				showScrollButton &&
+					_jsx("button", {
+						type: "button",
+						onClick: scrollToBottom,
+						className: cn(
+							"absolute bottom-4 left-1/2 -translate-x-1/2 z-10",
+							"flex items-center justify-center p-2 rounded-full",
+							"bg-card border border-border shadow-lg",
+							"text-foreground",
+							"hover:bg-accent hover:text-accent-foreground",
+							"transition-all duration-200 ease-in-out",
+							"animate-in fade-in slide-in-from-bottom-2",
+						),
+						"aria-label": "Scroll to bottom",
+						children: _jsx(ArrowDown, { className: "h-4 w-4" }),
+					}),
+			],
+		});
+	},
+);
 ChatLayoutMessages.displayName = "ChatLayout.Messages";
-const ChatLayoutFooter = React.forwardRef(({ className, children, ...props }, ref) => {
-    return (_jsx("div", { ref: ref, className: cn("bg-linear-to-t from-background to-transparent px-4 pb-4", className), ...props, children: children }));
-});
+const ChatLayoutFooter = React.forwardRef(
+	({ className, children, ...props }, ref) => {
+		return _jsx("div", {
+			ref: ref,
+			className: cn(
+				"bg-linear-to-t from-background to-transparent px-4 pb-4",
+				className,
+			),
+			...props,
+			children: children,
+		});
+	},
+);
 ChatLayoutFooter.displayName = "ChatLayout.Footer";
-const ChatLayoutSidebar = React.forwardRef(({ className, children, ...props }, ref) => {
-    const { sidebarOpen } = useChatLayoutContext();
-    if (!sidebarOpen)
-        return null;
-    return (_jsx("div", { ref: ref, className: cn("border-r border-border bg-card w-64 overflow-y-auto", className), ...props, children: children }));
-});
+const ChatLayoutSidebar = React.forwardRef(
+	({ className, children, ...props }, ref) => {
+		const { sidebarOpen } = useChatLayoutContext();
+		if (!sidebarOpen) return null;
+		return _jsx("div", {
+			ref: ref,
+			className: cn(
+				"border-r border-border bg-card w-64 overflow-y-auto",
+				className,
+			),
+			...props,
+			children: children,
+		});
+	},
+);
 ChatLayoutSidebar.displayName = "ChatLayout.Sidebar";
-const ChatLayoutAside = React.forwardRef(({ breakpoint = "lg", className, children, ...props }, ref) => {
-    const { panelSize } = useChatLayoutContext();
-    // Hidden state - don't render
-    if (panelSize === "hidden")
-        return null;
-    return (_jsx("div", { ref: ref, className: cn(
-        // Hidden by default, visible at breakpoint
-        "hidden border-l border-border bg-card overflow-y-auto transition-all duration-300", 
-        // Breakpoint visibility
-        breakpoint === "md" && "md:block", breakpoint === "lg" && "lg:block", breakpoint === "xl" && "xl:block", breakpoint === "2xl" && "2xl:block", 
-        // Size variants
-        panelSize === "small" && "w-80", panelSize === "large" && "w-[32rem]", className), ...props, children: children }));
-});
+const ChatLayoutAside = React.forwardRef(
+	({ breakpoint = "lg", className, children, ...props }, ref) => {
+		const { panelSize } = useChatLayoutContext();
+		// Hidden state - don't render
+		if (panelSize === "hidden") return null;
+		return _jsx("div", {
+			ref: ref,
+			className: cn(
+				// Hidden by default, visible at breakpoint
+				"hidden border-l border-border bg-card overflow-y-auto transition-all duration-300",
+				// Breakpoint visibility
+				breakpoint === "md" && "md:block",
+				breakpoint === "lg" && "lg:block",
+				breakpoint === "xl" && "xl:block",
+				breakpoint === "2xl" && "2xl:block",
+				// Size variants
+				panelSize === "small" && "w-80",
+				panelSize === "large" && "w-[32rem]",
+				className,
+			),
+			...props,
+			children: children,
+		});
+	},
+);
 ChatLayoutAside.displayName = "ChatLayout.Aside";
 /* -------------------------------------------------------------------------------------------------
  * Exports
  * -----------------------------------------------------------------------------------------------*/
-export { ChatLayoutRoot as Root, ChatLayoutHeader as Header, ChatLayoutMain as Main, ChatLayoutBody as Body, ChatLayoutMessages as Messages, ChatLayoutFooter as Footer, ChatLayoutSidebar as Sidebar, ChatLayoutAside as Aside, useChatLayoutContext, };
+export {
+	ChatLayoutRoot as Root,
+	ChatLayoutHeader as Header,
+	ChatLayoutMain as Main,
+	ChatLayoutBody as Body,
+	ChatLayoutMessages as Messages,
+	ChatLayoutFooter as Footer,
+	ChatLayoutSidebar as Sidebar,
+	ChatLayoutAside as Aside,
+	useChatLayoutContext,
+};

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

@@ -4,15 +4,24 @@ import type { TodoItem } from "./TodoListItem.js";
  * Shared tab content components for both mobile (ChatHeader) and desktop (Panel) views
  * Following component architecture best practices
  */
-export interface TodoTabContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    todos: TodoItem[];
+export interface TodoTabContentProps
+	extends React.HTMLAttributes<HTMLDivElement> {
+	todos: TodoItem[];
 }
-export declare const TodoTabContent: React.ForwardRefExoticComponent<TodoTabContentProps & React.RefAttributes<HTMLDivElement>>;
-export interface FilesTabContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    files?: string[];
+export declare const TodoTabContent: React.ForwardRefExoticComponent<
+	TodoTabContentProps & React.RefAttributes<HTMLDivElement>
+>;
+export interface FilesTabContentProps
+	extends React.HTMLAttributes<HTMLDivElement> {
+	files?: string[];
 }
-export declare const FilesTabContent: React.ForwardRefExoticComponent<FilesTabContentProps & React.RefAttributes<HTMLDivElement>>;
-export interface DatabaseTabContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    data?: unknown;
+export declare const FilesTabContent: React.ForwardRefExoticComponent<
+	FilesTabContentProps & React.RefAttributes<HTMLDivElement>
+>;
+export interface DatabaseTabContentProps
+	extends React.HTMLAttributes<HTMLDivElement> {
+	data?: unknown;
 }
-export declare const DatabaseTabContent: React.ForwardRefExoticComponent<DatabaseTabContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DatabaseTabContent: React.ForwardRefExoticComponent<
+	DatabaseTabContentProps & React.RefAttributes<HTMLDivElement>
+>;

package/dist/gui/components/ChatPanelTabContent.js

@@ -1,15 +1,93 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-export const TodoTabContent = React.forwardRef(({ todos, className, ...props }, ref) => {
-    return (_jsxs("div", { ref: ref, className: cn("space-y-4", className), ...props, children: [_jsx("h3", { className: "font-semibold text-lg", children: "Tasks" }), _jsx("div", { className: "space-y-2", children: todos.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "No tasks yet" })) : (todos.map((todo) => (_jsx("div", { className: "text-sm", children: todo.text }, todo.id)))) })] }));
-});
+export const TodoTabContent = React.forwardRef(
+	({ todos, className, ...props }, ref) => {
+		return _jsxs("div", {
+			ref: ref,
+			className: cn("space-y-4", className),
+			...props,
+			children: [
+				_jsx("h3", { className: "font-semibold text-lg", children: "Tasks" }),
+				_jsx("div", {
+					className: "space-y-2",
+					children:
+						todos.length === 0
+							? _jsx("p", {
+									className: "text-sm text-muted-foreground",
+									children: "No tasks yet",
+								})
+							: todos.map((todo) =>
+									_jsx(
+										"div",
+										{ className: "text-sm", children: todo.text },
+										todo.id,
+									),
+								),
+				}),
+			],
+		});
+	},
+);
 TodoTabContent.displayName = "TodoTabContent";
-export const FilesTabContent = React.forwardRef(({ files = [], className, ...props }, ref) => {
-    return (_jsxs("div", { ref: ref, className: cn("space-y-4", className), ...props, children: [_jsx("h3", { className: "font-semibold text-lg", children: "Files" }), files.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "No files attached" })) : (_jsx("div", { className: "space-y-2", children: files.map((file) => (_jsx("div", { className: "text-sm", children: file }, file))) }))] }));
-});
+export const FilesTabContent = React.forwardRef(
+	({ files = [], className, ...props }, ref) => {
+		return _jsxs("div", {
+			ref: ref,
+			className: cn("space-y-4", className),
+			...props,
+			children: [
+				_jsx("h3", { className: "font-semibold text-lg", children: "Files" }),
+				files.length === 0
+					? _jsx("p", {
+							className: "text-sm text-muted-foreground",
+							children: "No files attached",
+						})
+					: _jsx("div", {
+							className: "space-y-2",
+							children: files.map((file) =>
+								_jsx("div", { className: "text-sm", children: file }, file),
+							),
+						}),
+			],
+		});
+	},
+);
 FilesTabContent.displayName = "FilesTabContent";
-export const DatabaseTabContent = React.forwardRef(({ data, className, ...props }, ref) => {
-    return (_jsxs("div", { ref: ref, className: cn("space-y-4", className), ...props, children: [_jsx("h3", { className: "font-semibold text-lg", children: "Database" }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [_jsx("p", { children: "Database viewer - panel automatically expanded to large size" }), _jsxs("div", { className: "mt-4 p-4 border border-border rounded", children: [_jsx("p", { children: "Your large data table would go here" }), data && typeof data === "object" ? (_jsx("pre", { className: "mt-2 text-xs overflow-auto", children: JSON.stringify(data, null, 2) })) : null] })] })] }));
-});
+export const DatabaseTabContent = React.forwardRef(
+	({ data, className, ...props }, ref) => {
+		return _jsxs("div", {
+			ref: ref,
+			className: cn("space-y-4", className),
+			...props,
+			children: [
+				_jsx("h3", {
+					className: "font-semibold text-lg",
+					children: "Database",
+				}),
+				_jsxs("div", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						_jsx("p", {
+							children:
+								"Database viewer - panel automatically expanded to large size",
+						}),
+						_jsxs("div", {
+							className: "mt-4 p-4 border border-border rounded",
+							children: [
+								_jsx("p", { children: "Your large data table would go here" }),
+								data && typeof data === "object"
+									? _jsx("pre", {
+											className: "mt-2 text-xs overflow-auto",
+											children: JSON.stringify(data, null, 2),
+										})
+									: null,
+							],
+						}),
+					],
+				}),
+			],
+		});
+	},
+);
 DatabaseTabContent.displayName = "DatabaseTabContent";

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

@@ -1,9 +1,12 @@
 import type { ThemeConfig } from "./ConfigPanel.js";
 interface ChatPreviewProps {
-    config: ThemeConfig;
-    status: string;
-    iframeSrc?: string;
+	config: ThemeConfig;
+	status: string;
+	iframeSrc?: string;
 }
-export declare function ChatPreview({ config, status, iframeSrc, }: ChatPreviewProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ChatPreview.d.ts.map
+export declare function ChatPreview({
+	config,
+	status,
+	iframeSrc,
+}: ChatPreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatPreview.d.ts.map