@townco/ui 0.1.3 → 0.1.7

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

@@ -1,65 +0,0 @@
-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

@@ -1,189 +0,0 @@
-import * as React from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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) &&
-				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.map

@@ -1 +0,0 @@
-{"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChatInput.js","sourceRoot":"","sources":["../../../src/gui/components/ChatInput.tsx"],"names":[],"mappings":"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"}

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

@@ -1,12 +0,0 @@
-import { type DisplayMessage } from "./MessageList.js";
-interface ChatInterfaceProps {
-	initialMessages?: DisplayMessage[];
-	thinkingDisplayStyle?: "collapsible" | "inline";
-	status?: string;
-}
-export declare function ChatInterface({
-	initialMessages,
-	thinkingDisplayStyle,
-	status,
-}: ChatInterfaceProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ChatInterface.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChatInterface.d.ts","sourceRoot":"","sources":["../../../src/gui/components/ChatInterface.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQpE,UAAU,kBAAkB;IAC1B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,oBAAoB,CAAC,EAAE,aAAa,GAAG,QAAQ,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA2FD,wBAAgB,aAAa,CAAC,EAC5B,eAAiC,EACjC,oBAAoC,EACpC,MAAoB,GACrB,EAAE,kBAAkB,2CA+FpB"}

package/dist/gui/components/ChatInterface.js

@@ -1,204 +0,0 @@
-import { ChevronDown } from "lucide-react";
-import { useEffect, useState } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChatInput } from "./ChatInput.js";
-import { ChatSecondaryPanel } from "./ChatSecondaryPanel.js";
-import { ChatStatus } from "./ChatStatus.js";
-import { HeightTransition } from "./HeightTransition.js";
-import { MessageList } from "./MessageList.js";
-
-const SAMPLE_TODOS = [
-	{
-		id: "1",
-		text: "Identify the last 25 Winter Olympics host countries",
-		status: "completed",
-	},
-	{
-		id: "2",
-		text: "For each host country, find the tallest mountain",
-		status: "in_progress",
-	},
-	{
-		id: "3",
-		text: "Gather key details for each mountain (name, elevation, location)",
-		status: "pending",
-	},
-	{
-		id: "4",
-		text: "Verify information using reliable sources (geographical databases, official records)",
-		status: "pending",
-	},
-	{
-		id: "5",
-		text: "Compile findings into a summary table or document",
-		status: "pending",
-	},
-];
-const SAMPLE_MESSAGES = [
-	{
-		id: "msg-1",
-		role: "user",
-		content: "Hello! Can you help me understand how to use markdown?",
-		timestamp: new Date().toISOString(),
-		isStreaming: false,
-	},
-	{
-		id: "msg-2",
-		role: "assistant",
-		content: `Sure! Markdown is a lightweight markup language. Here are some basics:
-
-## Headings
-Use \`#\` for headings. More \`#\` symbols make smaller headings.
-
-## Lists
-- Unordered lists use dashes
-- Or asterisks
-- Or plus signs
-
-1. Ordered lists
-2. Use numbers
-3. Like this
-
-## Code
-Inline code uses \`backticks\` and code blocks use triple backticks:
-
-\`\`\`javascript
-function hello() {
-  console.log("Hello world!");
-}
-\`\`\`
-
-## Links and emphasis
-[This is a link](https://example.com)
-
-You can make text **bold** or *italic*.
-
-> Blockquotes use the > character
-
-## Tables
-| Header 1 | Header 2 |
-|----------|----------|
-| Cell 1   | Cell 2   |
-| Cell 3   | Cell 4   |`,
-		timestamp: new Date().toISOString(),
-		isStreaming: false,
-		metadata: {
-			thinking: "Let me provide a comprehensive overview of markdown syntax...",
-		},
-	},
-	{
-		id: "msg-3",
-		role: "user",
-		content: "That's really helpful, thank you!",
-		timestamp: new Date().toISOString(),
-		isStreaming: false,
-	},
-];
-export function ChatInterface({
-	initialMessages = SAMPLE_MESSAGES,
-	thinkingDisplayStyle = "collapsible",
-	status = "Connected",
-}) {
-	const [messages, setMessages] = useState(initialMessages);
-	const [currentStatus, setCurrentStatus] = useState(status);
-	const [config, setConfig] = useState(null);
-	const [isHeaderExpanded, setIsHeaderExpanded] = useState(false);
-	const [todos] = useState(SAMPLE_TODOS);
-	// Listen for config and status updates from parent window
-	useEffect(() => {
-		const handleMessage = (event) => {
-			if (event.data.type === "CONFIG_UPDATE") {
-				const newConfig = event.data.config;
-				setConfig(newConfig);
-				applyConfigToDocument(newConfig);
-			} else if (event.data.type === "STATUS_UPDATE") {
-				setCurrentStatus(event.data.status);
-			}
-		};
-		window.addEventListener("message", handleMessage);
-		// Request config from parent on mount
-		if (window.parent !== window) {
-			window.parent.postMessage({ type: "REQUEST_CONFIG" }, "*");
-		}
-		return () => {
-			window.removeEventListener("message", handleMessage);
-		};
-	}, []);
-	const applyConfigToDocument = (cfg) => {
-		const root = document.documentElement;
-		root.setAttribute("data-theme", cfg.colorScheme);
-		root.style.setProperty("--color-accent", cfg.accentColor);
-		root.style.setProperty("--font-family", cfg.typography);
-		root.style.setProperty("--font-size", `${cfg.fontSize}px`);
-	};
-	return _jsxs("div", {
-		className:
-			"flex flex-col h-screen bg-[var(--color-bg)] text-[var(--color-text)]",
-		children: [
-			_jsxs("div", {
-				className:
-					"relative border-b border-[var(--color-border)] bg-[var(--color-surface)] z-10",
-				children: [
-					_jsxs("div", {
-						className: "flex items-center justify-between px-6 py-4",
-						children: [
-							_jsx("h1", {
-								className: "text-xl font-semibold m-0",
-								children: "Chat Interface",
-							}),
-							_jsxs("div", {
-								className: "flex items-center gap-3",
-								children: [
-									_jsx(ChatStatus, { children: currentStatus }),
-									_jsx("button", {
-										onClick: () => setIsHeaderExpanded(!isHeaderExpanded),
-										className:
-											"p-1 rounded hover:bg-[var(--color-bg)] transition-colors",
-										"aria-label": isHeaderExpanded
-											? "Collapse header"
-											: "Expand header",
-										children: _jsx(ChevronDown, {
-											className: `w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ${isHeaderExpanded ? "rotate-180" : ""}`,
-										}),
-									}),
-								],
-							}),
-						],
-					}),
-					_jsx("div", {
-						className: "absolute top-full left-0 right-0 z-20",
-						children: _jsx(HeightTransition, {
-							children:
-								isHeaderExpanded &&
-								_jsx("div", {
-									className:
-										"bg-[var(--color-surface)] border-b border-[var(--color-border)] px-6 py-4 shadow-lg",
-									children: _jsx(ChatSecondaryPanel, { todos: todos }),
-								}),
-						}),
-					}),
-				],
-			}),
-			_jsx("div", {
-				className: "flex-1 overflow-y-auto py-4",
-				children: _jsx(MessageList, {
-					messages: messages,
-					thinkingDisplayStyle:
-						config?.thinkingDisplayStyle || thinkingDisplayStyle,
-				}),
-			}),
-			_jsx("div", {
-				className:
-					"border-t border-[var(--color-border)] px-6 py-4 bg-[var(--color-surface)]",
-				children: _jsx(ChatInput, {
-					value: "",
-					onChange: () => {},
-					onSubmit: () => {},
-					disabled: true,
-					placeholder: "Type a message...",
-				}),
-			}),
-		],
-	});
-}
-//# sourceMappingURL=ChatInterface.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChatInterface.js","sourceRoot":"","sources":["../../../src/gui/components/ChatInterface.tsx"],"names":[],"mappings":"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"}

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

@@ -1,82 +0,0 @@
-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;
-}
-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;
-}
-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 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,
-};
-export type { PanelSize, PanelTabType };