@townco/ui 0.1.8 → 0.1.9

package/dist/gui/components/MarkdownRenderer.js

@@ -2,85 +2,182 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { cn } from "../lib/utils.js";
-export function MarkdownRenderer({ content, className, }) {
-    if (!content) {
-        return null;
-    }
-    const components = {
-        // Table styling
-        table: ({ node, ...props }) => (_jsx("div", { className: "overflow-x-auto my-4", children: _jsx("table", { className: "min-w-full border-collapse border border-border rounded-md", ...props }) })),
-        thead: ({ node, ...props }) => (_jsx("thead", { className: "bg-card border-b border-border", ...props })),
-        tbody: ({ node, ...props }) => _jsx("tbody", { ...props }),
-        tr: ({ node, ...props }) => (_jsx("tr", { className: "border-b border-border hover:bg-card transition-colors", ...props })),
-        th: ({ node, ...props }) => (_jsx("th", { className: "px-4 py-2 text-left font-semibold text-foreground border-r border-border last:border-r-0", ...props })),
-        td: ({ node, ...props }) => (_jsx("td", { className: "px-4 py-2 text-foreground border-r border-border last:border-r-0", ...props })),
-        // Task list styling
-        input: ({ node, checked, ...props }) => {
-            if (props.type === "checkbox") {
-                return (_jsx("input", { type: "checkbox", checked: checked || false, disabled: true, readOnly: true, className: "mr-2 w-4 h-4 accent-[primary] cursor-not-allowed", ...props }));
-            }
-            return _jsx("input", { ...props });
-        },
-        // Code block styling
-        code: ({ node, ...props }) => {
-            const inline = !props.className?.includes("language-");
-            if (inline) {
-                return (_jsx("code", { className: "px-1.5 py-0.5 bg-card border border-border rounded text-sm font-mono text-foreground", ...props }));
-            }
-            return (_jsx("code", { className: "block p-4 bg-card border border-border rounded-md overflow-x-auto text-sm font-mono text-foreground", ...props }));
-        },
-        pre: ({ node, ...props }) => _jsx("pre", { className: "my-4", ...props }),
-        // Heading styling
-        h1: ({ node, ...props }) => (_jsx("h1", { className: "text-2xl font-bold mt-6 mb-4 text-foreground", ...props })),
-        h2: ({ node, ...props }) => (_jsx("h2", { className: "text-xl font-semibold mt-5 mb-3 text-foreground", ...props })),
-        h3: ({ node, ...props }) => (_jsx("h3", { className: "text-lg font-semibold mt-4 mb-2 text-foreground", ...props })),
-        // List styling
-        ul: ({ node, ...props }) => {
-            // Check if this is a task list by looking for checkbox inputs in children
-            const isTaskList = node?.children?.some((child) => typeof child === "object" &&
-                child !== null &&
-                "type" in child &&
-                child.type === "element" &&
-                "tagName" in child &&
-                child.tagName === "li" &&
-                "children" in child &&
-                Array.isArray(child.children) &&
-                child.children.some((grandChild) => typeof grandChild === "object" &&
-                    grandChild !== null &&
-                    "type" in grandChild &&
-                    grandChild.type === "element" &&
-                    "tagName" in grandChild &&
-                    grandChild.tagName === "input" &&
-                    "properties" in grandChild &&
-                    typeof grandChild.properties === "object" &&
-                    grandChild.properties !== null &&
-                    "type" in grandChild.properties &&
-                    grandChild.properties.type === "checkbox"));
-            return (_jsx("ul", { className: cn("my-2 space-y-1 text-foreground", isTaskList ? "list-none space-y-2" : "list-disc list-inside"), ...props }));
-        },
-        ol: ({ node, ...props }) => (_jsx("ol", { className: "list-decimal list-inside my-2 space-y-1 text-foreground", ...props })),
-        // List item styling
-        li: ({ node, ...props }) => {
-            // Check if this li contains a checkbox (task list item)
-            const isTaskListItem = node?.children?.some((child) => typeof child === "object" &&
-                child !== null &&
-                "type" in child &&
-                child.type === "element" &&
-                "tagName" in child &&
-                child.tagName === "input" &&
-                "properties" in child &&
-                typeof child.properties === "object" &&
-                child.properties !== null &&
-                "type" in child.properties &&
-                child.properties.type === "checkbox");
-            return (_jsx("li", { className: cn("flex items-start", isTaskListItem ? "gap-2" : "ml-2"), ...props }));
-        },
-        // Link styling
-        a: ({ node, ...props }) => (_jsx("a", { className: "text-primary hover:underline", target: "_blank", rel: "noopener noreferrer", ...props })),
-        // Paragraph styling
-        p: ({ node, ...props }) => (_jsx("p", { className: "my-2 text-foreground leading-relaxed", ...props })),
-        // Blockquote styling
-        blockquote: ({ node, ...props }) => (_jsx("blockquote", { className: "border-l-4 border-[primary] pl-4 italic my-4 text-foreground bg-card py-2", ...props })),
-    };
-    return (_jsx("div", { className: cn("markdown-content prose prose-sm max-w-none dark:prose-invert", className), children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: components, children: content }) }));
+export function MarkdownRenderer({ content, className }) {
+	if (!content) {
+		return null;
+	}
+	const components = {
+		// Table styling
+		table: ({ node, ...props }) =>
+			_jsx("div", {
+				className: "overflow-x-auto my-4",
+				children: _jsx("table", {
+					className:
+						"min-w-full border-collapse border border-border rounded-md",
+					...props,
+				}),
+			}),
+		thead: ({ node, ...props }) =>
+			_jsx("thead", { className: "bg-card border-b border-border", ...props }),
+		tbody: ({ node, ...props }) => _jsx("tbody", { ...props }),
+		tr: ({ node, ...props }) =>
+			_jsx("tr", {
+				className: "border-b border-border hover:bg-card transition-colors",
+				...props,
+			}),
+		th: ({ node, ...props }) =>
+			_jsx("th", {
+				className:
+					"px-4 py-2 text-left font-semibold text-foreground border-r border-border last:border-r-0",
+				...props,
+			}),
+		td: ({ node, ...props }) =>
+			_jsx("td", {
+				className:
+					"px-4 py-2 text-foreground border-r border-border last:border-r-0",
+				...props,
+			}),
+		// Task list styling
+		input: ({ node, checked, ...props }) => {
+			if (props.type === "checkbox") {
+				return _jsx("input", {
+					type: "checkbox",
+					checked: checked || false,
+					disabled: true,
+					readOnly: true,
+					className: "mr-2 w-4 h-4 accent-[primary] cursor-not-allowed",
+					...props,
+				});
+			}
+			return _jsx("input", { ...props });
+		},
+		// Code block styling
+		code: ({ node, ...props }) => {
+			const inline = !props.className?.includes("language-");
+			if (inline) {
+				return _jsx("code", {
+					className:
+						"px-1.5 py-0.5 bg-card border border-border rounded text-sm font-mono text-foreground",
+					...props,
+				});
+			}
+			return _jsx("code", {
+				className:
+					"block p-4 bg-card border border-border rounded-md overflow-x-auto text-sm font-mono text-foreground",
+				...props,
+			});
+		},
+		pre: ({ node, ...props }) => _jsx("pre", { className: "my-4", ...props }),
+		// Heading styling
+		h1: ({ node, ...props }) =>
+			_jsx("h1", {
+				className: "text-2xl font-bold mt-6 mb-4 text-foreground",
+				...props,
+			}),
+		h2: ({ node, ...props }) =>
+			_jsx("h2", {
+				className: "text-xl font-semibold mt-5 mb-3 text-foreground",
+				...props,
+			}),
+		h3: ({ node, ...props }) =>
+			_jsx("h3", {
+				className: "text-lg font-semibold mt-4 mb-2 text-foreground",
+				...props,
+			}),
+		// List styling
+		ul: ({ node, ...props }) => {
+			// Check if this is a task list by looking for checkbox inputs in children
+			const isTaskList = node?.children?.some(
+				(child) =>
+					typeof child === "object" &&
+					child !== null &&
+					"type" in child &&
+					child.type === "element" &&
+					"tagName" in child &&
+					child.tagName === "li" &&
+					"children" in child &&
+					Array.isArray(child.children) &&
+					child.children.some(
+						(grandChild) =>
+							typeof grandChild === "object" &&
+							grandChild !== null &&
+							"type" in grandChild &&
+							grandChild.type === "element" &&
+							"tagName" in grandChild &&
+							grandChild.tagName === "input" &&
+							"properties" in grandChild &&
+							typeof grandChild.properties === "object" &&
+							grandChild.properties !== null &&
+							"type" in grandChild.properties &&
+							grandChild.properties.type === "checkbox",
+					),
+			);
+			return _jsx("ul", {
+				className: cn(
+					"my-2 space-y-1 text-foreground",
+					isTaskList ? "list-none space-y-2" : "list-disc list-inside",
+				),
+				...props,
+			});
+		},
+		ol: ({ node, ...props }) =>
+			_jsx("ol", {
+				className: "list-decimal list-inside my-2 space-y-1 text-foreground",
+				...props,
+			}),
+		// List item styling
+		li: ({ node, ...props }) => {
+			// Check if this li contains a checkbox (task list item)
+			const isTaskListItem = node?.children?.some(
+				(child) =>
+					typeof child === "object" &&
+					child !== null &&
+					"type" in child &&
+					child.type === "element" &&
+					"tagName" in child &&
+					child.tagName === "input" &&
+					"properties" in child &&
+					typeof child.properties === "object" &&
+					child.properties !== null &&
+					"type" in child.properties &&
+					child.properties.type === "checkbox",
+			);
+			return _jsx("li", {
+				className: cn("flex items-start", isTaskListItem ? "gap-2" : "ml-2"),
+				...props,
+			});
+		},
+		// Link styling
+		a: ({ node, ...props }) =>
+			_jsx("a", {
+				className: "text-primary hover:underline",
+				target: "_blank",
+				rel: "noopener noreferrer",
+				...props,
+			}),
+		// Paragraph styling
+		p: ({ node, ...props }) =>
+			_jsx("p", {
+				className: "my-2 text-foreground leading-relaxed",
+				...props,
+			}),
+		// Blockquote styling
+		blockquote: ({ node, ...props }) =>
+			_jsx("blockquote", {
+				className:
+					"border-l-4 border-[primary] pl-4 italic my-4 text-foreground bg-card py-2",
+				...props,
+			}),
+	};
+	return _jsx("div", {
+		className: cn(
+			"markdown-content prose prose-sm max-w-none dark:prose-invert",
+			className,
+		),
+		children: _jsx(ReactMarkdown, {
+			remarkPlugins: [remarkGfm],
+			components: components,
+			children: content,
+		}),
+	});
 }

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/gui/components/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;GAGG;AAEH,QAAA,MAAM,eAAe;;;8EAoBpB,CAAC;AAEF,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IAEvC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAExC,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,qFAmBnB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../src/gui/components/Message.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAGrC;;;GAGG;AAEH,MAAM,eAAe,GAAG,GAAG,CACzB,qBAAqB,EACrB;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,8BAA8B;YACpC,SAAS,EAAE,oBAAoB;YAC/B,MAAM,EAAE,+BAA+B;SACxC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE,aAAa;SACvB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,SAAS;KAClB;CACF,CACF,CAAC;AAqBF,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpG,sDAAsD;IACtD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;IAEvD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,gBACF,GAAG,IAAI,UAAU,qBACZ,SAAS,EAC1B,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KACvD,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

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

@@ -1,26 +1,33 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 import type { DisplayMessage } from "./MessageList.js";
-declare const messageContentVariants: (props?: ({
-    role?: "user" | "assistant" | "system" | null | undefined;
-    variant?: "default" | "outline" | "ghost" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface MessageContentProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof messageContentVariants> {
-    /** Message role - determines styling */
-    role?: "user" | "assistant" | "system";
-    /** Visual variant */
-    variant?: "default" | "outline" | "ghost";
-    /** Whether the message is currently streaming */
-    isStreaming?: boolean;
-    /**
-     * Message object for smart rendering (optional)
-     * When provided, automatically renders thinking, waiting, and content
-     */
-    message?: DisplayMessage;
-    /** Display style for thinking/reasoning blocks (when using smart rendering) */
-    thinkingDisplayStyle?: "collapsible" | "inline";
-    /** Custom content (overrides smart rendering) */
-    children?: React.ReactNode;
+declare const messageContentVariants: (
+	props?:
+		| ({
+				role?: "user" | "assistant" | "system" | null | undefined;
+				variant?: "default" | "outline" | "ghost" | null | undefined;
+		  } & import("class-variance-authority/types").ClassProp)
+		| undefined,
+) => string;
+export interface MessageContentProps
+	extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">,
+		VariantProps<typeof messageContentVariants> {
+	/** Message role - determines styling */
+	role?: "user" | "assistant" | "system";
+	/** Visual variant */
+	variant?: "default" | "outline" | "ghost";
+	/** Whether the message is currently streaming */
+	isStreaming?: boolean;
+	/**
+	 * Message object for smart rendering (optional)
+	 * When provided, automatically renders thinking, waiting, and content
+	 */
+	message?: DisplayMessage;
+	/** Display style for thinking/reasoning blocks (when using smart rendering) */
+	thinkingDisplayStyle?: "collapsible" | "inline";
+	/** Custom content (overrides smart rendering) */
+	children?: React.ReactNode;
 }
-export declare const MessageContent: React.ForwardRefExoticComponent<MessageContentProps & React.RefAttributes<HTMLDivElement>>;
-export {};
+export declare const MessageContent: React.ForwardRefExoticComponent<
+	MessageContentProps & React.RefAttributes<HTMLDivElement>
+>;

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageContent.d.ts","sourceRoot":"","sources":["../../../src/gui/components/MessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA6DvD,QAAA,MAAM,sBAAsB;;;8EAoB3B,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IAEvC,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAE1C,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB,+EAA+E;IAC/E,oBAAoB,CAAC,EAAE,aAAa,GAAG,QAAQ,CAAC;IAEhD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,cAAc,4FA+E1B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/gui/components/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEvF;;;GAGG;AAEH,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../../src/gui/components/MessageList.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,14 @@
+import { type ThemeConfig } from "./ConfigPanel.js";
+declare const DEFAULT_CONFIG: ThemeConfig;
+interface PlaygroundLayoutProps {
+	initialConfig?: ThemeConfig;
+	initialStatus?: string;
+	iframeSrc?: string;
+}
+export declare function PlaygroundLayout({
+	initialConfig,
+	initialStatus,
+	iframeSrc,
+}: PlaygroundLayoutProps): import("react/jsx-runtime").JSX.Element;
+export { DEFAULT_CONFIG };
+//# sourceMappingURL=PlaygroundLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlaygroundLayout.d.ts","sourceRoot":"","sources":["../../../src/gui/components/PlaygroundLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGjE,QAAA,MAAM,cAAc,EAAE,WAMrB,CAAC;AAEF,UAAU,qBAAqB;IAC7B,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAA8B,EAC9B,aAAwB,EACxB,SAAS,GACV,EAAE,qBAAqB,2CAwBvB;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/gui/components/PlaygroundLayout.js

@@ -0,0 +1,49 @@
+import { useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChatPreview } from "./ChatPreview.js";
+import { ConfigPanel } from "./ConfigPanel.js";
+
+const DEFAULT_CONFIG = {
+	colorScheme: "light",
+	accentColor: "#646cff",
+	typography: "Inter",
+	fontSize: 16,
+	thinkingDisplayStyle: "collapsible",
+};
+export function PlaygroundLayout({
+	initialConfig = DEFAULT_CONFIG,
+	initialStatus = "v0.1.0",
+	iframeSrc,
+}) {
+	const [config, setConfig] = useState(initialConfig);
+	const [status, setStatus] = useState(initialStatus);
+	return _jsx("div", {
+		className: "w-full h-screen overflow-hidden",
+		"data-theme": config.colorScheme,
+		children: _jsxs("div", {
+			className: "flex h-full w-full",
+			children: [
+				_jsx("div", {
+					className: "w-[400px] flex-shrink-0 h-full overflow-hidden",
+					children: _jsx(ConfigPanel, {
+						config: config,
+						status: status,
+						onConfigChange: setConfig,
+						onStatusChange: setStatus,
+					}),
+				}),
+				_jsx("div", {
+					className:
+						"flex-1 h-full overflow-hidden [background-image:radial-gradient(var(--color-border)_1px,var(--color-bg)_1px)] [background-size:20px_20px] flex items-center justify-center p-5",
+					children: _jsx(ChatPreview, {
+						config: config,
+						status: status,
+						iframeSrc: iframeSrc,
+					}),
+				}),
+			],
+		}),
+	});
+}
+export { DEFAULT_CONFIG };
+//# sourceMappingURL=PlaygroundLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlaygroundLayout.js","sourceRoot":"","sources":["../../../src/gui/components/PlaygroundLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAoB,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,cAAc,GAAgB;IAClC,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,SAAS;IACtB,UAAU,EAAE,OAAO;IACnB,QAAQ,EAAE,EAAE;IACZ,oBAAoB,EAAE,aAAa;CACpC,CAAC;AAQF,MAAM,UAAU,gBAAgB,CAAC,EAC/B,aAAa,GAAG,cAAc,EAC9B,aAAa,GAAG,QAAQ,EACxB,SAAS,GACa;IACtB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAc,aAAa,CAAC,CAAC;IACjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEpD,OAAO,CACL,cACE,SAAS,EAAC,iCAAiC,gBAC/B,MAAM,CAAC,WAAW,YAE9B,eAAK,SAAS,EAAC,oBAAoB,aACjC,cAAK,SAAS,EAAC,gDAAgD,YAC7D,KAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,SAAS,EACzB,cAAc,EAAE,SAAS,GACzB,GACE,EACN,cAAK,SAAS,EAAC,gLAAgL,YAC7L,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAI,GACjE,IACF,GACF,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

@@ -4,28 +4,34 @@ import * as React from "react";
  * Reasoning component inspired by shadcn.io/ai
  * Displays AI thinking/reasoning process with auto-collapse support
  */
-declare const reasoningContainerVariants: (props?: ({
-    variant?: "default" | "subtle" | "prominent" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface ReasoningProps extends VariantProps<typeof reasoningContainerVariants> {
-    /** The reasoning/thinking content */
-    content?: string;
-    /** Whether the content is currently streaming */
-    isStreaming?: boolean;
-    /** Display mode - collapsible or always visible */
-    mode?: "collapsible" | "inline";
-    /** Default expanded state (default: false - collapsed by default) */
-    defaultExpanded?: boolean;
-    /** Auto-expand when streaming starts (default: false) */
-    autoExpand?: boolean;
-    /** Auto-collapse after streaming completes */
-    autoCollapse?: boolean;
-    /** Delay before auto-collapsing (ms) */
-    autoCollapseDelay?: number;
-    /** Custom label */
-    label?: string;
-    /** Additional CSS class */
-    className?: string;
+declare const reasoningContainerVariants: (
+	props?:
+		| ({
+				variant?: "default" | "subtle" | "prominent" | null | undefined;
+		  } & import("class-variance-authority/types").ClassProp)
+		| undefined,
+) => string;
+export interface ReasoningProps
+	extends VariantProps<typeof reasoningContainerVariants> {
+	/** The reasoning/thinking content */
+	content?: string;
+	/** Whether the content is currently streaming */
+	isStreaming?: boolean;
+	/** Display mode - collapsible or always visible */
+	mode?: "collapsible" | "inline";
+	/** Default expanded state (default: false - collapsed by default) */
+	defaultExpanded?: boolean;
+	/** Auto-expand when streaming starts (default: false) */
+	autoExpand?: boolean;
+	/** Auto-collapse after streaming completes */
+	autoCollapse?: boolean;
+	/** Delay before auto-collapsing (ms) */
+	autoCollapseDelay?: number;
+	/** Custom label */
+	label?: string;
+	/** Additional CSS class */
+	className?: string;
 }
-export declare const Reasoning: React.ForwardRefExoticComponent<ReasoningProps & React.RefAttributes<HTMLDivElement>>;
-export {};
+export declare const Reasoning: React.ForwardRefExoticComponent<
+	ReasoningProps & React.RefAttributes<HTMLDivElement>
+>;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Reasoning.d.ts","sourceRoot":"","sources":["../../../src/gui/components/Reasoning.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE;;;GAGG;AAEH,QAAA,MAAM,0BAA0B;;8EAc/B,CAAC;AAiBF,MAAM,WAAW,cACf,SAAQ,YAAY,CAAC,OAAO,0BAA0B,CAAC;IACvD,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,IAAI,CAAC,EAAE,aAAa,GAAG,QAAQ,CAAC;IAChC,qEAAqE;IACrE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,uFA+HrB,CAAC"}