@townco/ui 0.1.8 → 0.1.9

package/dist/gui/components/Task.js

@@ -1,37 +1,170 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CheckCircle2, ChevronDown, Circle, Loader2 } from "lucide-react";
 import * as React from "react";
 import { useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-export const Task = React.forwardRef(({ task, collapsible = true, defaultExpanded = false, onTaskClick, className, ...props }, ref) => {
-    const [isExpanded, setIsExpanded] = useState(defaultExpanded);
-    const hasDetails = !!(task.details ||
-        (task.files && task.files.length > 0));
-    const StatusIcon = {
-        pending: Circle,
-        in_progress: Loader2,
-        completed: CheckCircle2,
-    }[task.status];
-    const getStatusColor = () => {
-        switch (task.status) {
-            case "completed":
-                return "text-green-500";
-            case "in_progress":
-                return "text-primary";
-            default:
-                return "text-foreground opacity-40";
-        }
-    };
-    const handleClick = () => {
-        if (hasDetails && collapsible) {
-            setIsExpanded(!isExpanded);
-        }
-        onTaskClick?.(task);
-    };
-    return (_jsxs("div", { ref: ref, className: cn("rounded-lg border border-border bg-card transition-all", "hover:shadow-sm hover:border-border/80", className), ...props, children: [_jsxs("button", { type: "button", onClick: handleClick, className: cn("w-full flex items-center gap-3 px-3 py-2.5 text-left", hasDetails && collapsible && "cursor-pointer"), disabled: !hasDetails && !collapsible, children: [_jsx(StatusIcon, { className: cn("w-4 h-4 shrink-0", getStatusColor(), task.status === "in_progress" && "animate-spin") }), _jsx("span", { className: cn("flex-1 text-sm font-[var(--font-family)]", task.status === "completed" && "line-through opacity-60", task.status === "in_progress" && "font-medium"), children: task.text }), hasDetails && collapsible && (_jsx(ChevronDown, { className: cn("w-4 h-4 text-foreground opacity-50 transition-transform duration-200 shrink-0", isExpanded && "rotate-180"), "aria-hidden": "true" }))] }), hasDetails && isExpanded && (_jsxs("div", { className: "px-3 pb-3 pt-1 border-t border-border/50 animate-fadeIn", children: [task.details && (_jsx("p", { className: "text-sm text-foreground opacity-80 leading-relaxed mb-2", children: task.details })), task.files && task.files.length > 0 && (_jsxs("div", { className: "space-y-1", children: [_jsx("span", { className: "text-xs font-medium text-foreground opacity-60 uppercase tracking-wide", children: "Files:" }), _jsx("div", { className: "space-y-1", children: task.files.map((file) => (_jsx("div", { className: "text-xs font-mono text-foreground opacity-70 bg-background px-2 py-1 rounded border border-border/50", children: file }, file))) })] }))] }))] }));
-});
+export const Task = React.forwardRef(
+	(
+		{
+			task,
+			collapsible = true,
+			defaultExpanded = false,
+			onTaskClick,
+			className,
+			...props
+		},
+		ref,
+	) => {
+		const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+		const hasDetails = !!(
+			task.details ||
+			(task.files && task.files.length > 0)
+		);
+		const StatusIcon = {
+			pending: Circle,
+			in_progress: Loader2,
+			completed: CheckCircle2,
+		}[task.status];
+		const getStatusColor = () => {
+			switch (task.status) {
+				case "completed":
+					return "text-green-500";
+				case "in_progress":
+					return "text-primary";
+				default:
+					return "text-foreground opacity-40";
+			}
+		};
+		const handleClick = () => {
+			if (hasDetails && collapsible) {
+				setIsExpanded(!isExpanded);
+			}
+			onTaskClick?.(task);
+		};
+		return _jsxs("div", {
+			ref: ref,
+			className: cn(
+				"rounded-lg border border-border bg-card transition-all",
+				"hover:shadow-sm hover:border-border/80",
+				className,
+			),
+			...props,
+			children: [
+				_jsxs("button", {
+					type: "button",
+					onClick: handleClick,
+					className: cn(
+						"w-full flex items-center gap-3 px-3 py-2.5 text-left",
+						hasDetails && collapsible && "cursor-pointer",
+					),
+					disabled: !hasDetails && !collapsible,
+					children: [
+						_jsx(StatusIcon, {
+							className: cn(
+								"w-4 h-4 shrink-0",
+								getStatusColor(),
+								task.status === "in_progress" && "animate-spin",
+							),
+						}),
+						_jsx("span", {
+							className: cn(
+								"flex-1 text-sm font-[var(--font-family)]",
+								task.status === "completed" && "line-through opacity-60",
+								task.status === "in_progress" && "font-medium",
+							),
+							children: task.text,
+						}),
+						hasDetails &&
+							collapsible &&
+							_jsx(ChevronDown, {
+								className: cn(
+									"w-4 h-4 text-foreground opacity-50 transition-transform duration-200 shrink-0",
+									isExpanded && "rotate-180",
+								),
+								"aria-hidden": "true",
+							}),
+					],
+				}),
+				hasDetails &&
+					isExpanded &&
+					_jsxs("div", {
+						className:
+							"px-3 pb-3 pt-1 border-t border-border/50 animate-fadeIn",
+						children: [
+							task.details &&
+								_jsx("p", {
+									className:
+										"text-sm text-foreground opacity-80 leading-relaxed mb-2",
+									children: task.details,
+								}),
+							task.files &&
+								task.files.length > 0 &&
+								_jsxs("div", {
+									className: "space-y-1",
+									children: [
+										_jsx("span", {
+											className:
+												"text-xs font-medium text-foreground opacity-60 uppercase tracking-wide",
+											children: "Files:",
+										}),
+										_jsx("div", {
+											className: "space-y-1",
+											children: task.files.map((file) =>
+												_jsx(
+													"div",
+													{
+														className:
+															"text-xs font-mono text-foreground opacity-70 bg-background px-2 py-1 rounded border border-border/50",
+														children: file,
+													},
+													file,
+												),
+											),
+										}),
+									],
+								}),
+						],
+					}),
+			],
+		});
+	},
+);
 Task.displayName = "Task";
-export const TaskList = React.forwardRef(({ tasks, collapsible = true, onTaskClick, emptyMessage = "No tasks yet.", className, ...props }, ref) => {
-    return (_jsx("div", { ref: ref, className: cn("space-y-2 max-h-96 overflow-y-auto", className), ...props, children: tasks.length === 0 ? (_jsx("p", { className: "text-sm text-foreground opacity-60 italic py-4 text-center", children: emptyMessage })) : (tasks.map((task) => (_jsx(Task, { task: task, collapsible: collapsible, ...(onTaskClick ? { onTaskClick } : {}) }, task.id)))) }));
-});
+export const TaskList = React.forwardRef(
+	(
+		{
+			tasks,
+			collapsible = true,
+			onTaskClick,
+			emptyMessage = "No tasks yet.",
+			className,
+			...props
+		},
+		ref,
+	) => {
+		return _jsx("div", {
+			ref: ref,
+			className: cn("space-y-2 max-h-96 overflow-y-auto", className),
+			...props,
+			children:
+				tasks.length === 0
+					? _jsx("p", {
+							className:
+								"text-sm text-foreground opacity-60 italic py-4 text-center",
+							children: emptyMessage,
+						})
+					: tasks.map((task) =>
+							_jsx(
+								Task,
+								{
+									task: task,
+									collapsible: collapsible,
+									...(onTaskClick ? { onTaskClick } : {}),
+								},
+								task.id,
+							),
+						),
+		});
+	},
+);
 TaskList.displayName = "TaskList";

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

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

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

@@ -1,11 +1,19 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-declare const textareaVariants: (props?: ({
-    variant?: "success" | "default" | "error" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
-    autoResize?: boolean;
-    maxHeight?: number;
+declare const textareaVariants: (
+	props?:
+		| ({
+				variant?: "default" | "error" | "success" | null | undefined;
+		  } & import("class-variance-authority/types").ClassProp)
+		| undefined,
+) => string;
+export interface TextareaProps
+	extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,
+		VariantProps<typeof textareaVariants> {
+	autoResize?: boolean;
+	maxHeight?: number;
 }
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: React.ForwardRefExoticComponent<
+	TextareaProps & React.RefAttributes<HTMLTextAreaElement>
+>;
 export { Textarea, textareaVariants };

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/gui/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,gBAAgB;;8EAcrB,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACvD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,2FAmDb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/gui/components/Textarea.js

@@ -1,51 +1,68 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-const textareaVariants = cva("flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none", {
-    variants: {
-        variant: {
-            default: "border-input focus-visible:ring-ring",
-            error: "border-destructive focus-visible:ring-destructive",
-            success: "border-green-500 focus-visible:ring-green-500",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-const Textarea = React.forwardRef(({ className, autoResize = false, maxHeight = 200, variant, ...props }, ref) => {
-    const textareaRef = React.useRef(null);
-    const handleRef = React.useCallback((node) => {
-        textareaRef.current = node;
-        if (typeof ref === "function") {
-            ref(node);
-        }
-        else if (ref) {
-            ref.current = node;
-        }
-    }, [ref]);
-    const adjustHeight = React.useCallback(() => {
-        const textarea = textareaRef.current;
-        if (!textarea || !autoResize)
-            return;
-        // Reset height to auto to get the correct scrollHeight
-        textarea.style.height = "auto";
-        // Set new height based on content, respecting maxHeight
-        const newHeight = Math.min(textarea.scrollHeight, maxHeight);
-        textarea.style.height = `${newHeight}px`;
-        // Enable scrollbar if content exceeds maxHeight
-        if (textarea.scrollHeight > maxHeight) {
-            textarea.style.overflowY = "auto";
-        }
-        else {
-            textarea.style.overflowY = "hidden";
-        }
-    }, [autoResize, maxHeight]);
-    React.useEffect(() => {
-        adjustHeight();
-    }, [adjustHeight]);
-    return (_jsx("textarea", { className: cn(textareaVariants({ variant }), autoResize && "overflow-y-hidden", className), ref: handleRef, ...props }));
-});
+
+const textareaVariants = cva(
+	"flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none",
+	{
+		variants: {
+			variant: {
+				default: "border-input focus-visible:ring-ring",
+				error: "border-destructive focus-visible:ring-destructive",
+				success: "border-green-500 focus-visible:ring-green-500",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+		},
+	},
+);
+const Textarea = React.forwardRef(
+	(
+		{ className, autoResize = false, maxHeight = 200, variant, ...props },
+		ref,
+	) => {
+		const textareaRef = React.useRef(null);
+		const handleRef = React.useCallback(
+			(node) => {
+				textareaRef.current = node;
+				if (typeof ref === "function") {
+					ref(node);
+				} else if (ref) {
+					ref.current = node;
+				}
+			},
+			[ref],
+		);
+		const adjustHeight = React.useCallback(() => {
+			const textarea = textareaRef.current;
+			if (!textarea || !autoResize) return;
+			// Reset height to auto to get the correct scrollHeight
+			textarea.style.height = "auto";
+			// Set new height based on content, respecting maxHeight
+			const newHeight = Math.min(textarea.scrollHeight, maxHeight);
+			textarea.style.height = `${newHeight}px`;
+			// Enable scrollbar if content exceeds maxHeight
+			if (textarea.scrollHeight > maxHeight) {
+				textarea.style.overflowY = "auto";
+			} else {
+				textarea.style.overflowY = "hidden";
+			}
+		}, [autoResize, maxHeight]);
+		React.useEffect(() => {
+			adjustHeight();
+		}, [adjustHeight]);
+		return _jsx("textarea", {
+			className: cn(
+				textareaVariants({ variant }),
+				autoResize && "overflow-y-hidden",
+				className,
+			),
+			ref: handleRef,
+			...props,
+		});
+	},
+);
 Textarea.displayName = "Textarea";
 export { Textarea, textareaVariants };

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/gui/components/Textarea.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;AAErC,MAAM,gBAAgB,GAAG,GAAG,CAC1B,6QAA6Q,EAC7Q;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,sCAAsC;YAC/C,KAAK,EAAE,mDAAmD;YAC1D,OAAO,EAAE,+CAA+C;SACzD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AASF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAE,SAAS,GAAG,GAAG,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7E,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAA6B,IAAI,CAAC,CAAC;IAEnE,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,IAAgC,EAAE,EAAE;QACnC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;QACZ,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACf,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,CAAC;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU;YAAE,OAAO;QAErC,uDAAuD;QACvD,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAE/B,wDAAwD;QACxD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;QAC7D,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,SAAS,IAAI,CAAC;QAEzC,gDAAgD;QAChD,IAAI,QAAQ,CAAC,YAAY,GAAG,SAAS,EAAE,CAAC;YACtC,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QACpC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;QACtC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,mBACE,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC,EAAE,OAAO,EAAE,CAAC,EAC7B,UAAU,IAAI,mBAAmB,EACjC,SAAS,CACV,EACD,GAAG,EAAE,SAAS,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -1,12 +1,22 @@
 import { type VariantProps } from "class-variance-authority";
-declare const thinkingBlockVariants: (props?: ({
-    variant?: "default" | "subtle" | "prominent" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface ThinkingBlockProps extends VariantProps<typeof thinkingBlockVariants> {
-    thinking?: string;
-    isStreaming?: boolean;
-    displayMode?: "collapsible" | "inline";
-    className?: string;
+declare const thinkingBlockVariants: (
+	props?:
+		| ({
+				variant?: "default" | "subtle" | "prominent" | null | undefined;
+		  } & import("class-variance-authority/types").ClassProp)
+		| undefined,
+) => string;
+export interface ThinkingBlockProps
+	extends VariantProps<typeof thinkingBlockVariants> {
+	thinking?: string;
+	isStreaming?: boolean;
+	displayMode?: "collapsible" | "inline";
+	className?: string;
 }
-export declare function ThinkingBlock({ thinking, isStreaming, displayMode, variant, className, }: ThinkingBlockProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
+export declare function ThinkingBlock({
+	thinking,
+	isStreaming,
+	displayMode,
+	variant,
+	className,
+}: ThinkingBlockProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingBlock.d.ts","sourceRoot":"","sources":["../../../src/gui/components/ThinkingBlock.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,qBAAqB;;8EAc1B,CAAC;AAiBF,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,aAAa,GAAG,QAAQ,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,WAAW,EACX,WAA2B,EAC3B,OAAO,EACP,SAAS,GACV,EAAE,kBAAkB,kDA+DpB"}

package/dist/gui/components/ThinkingBlock.js

@@ -1,40 +1,139 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { ChevronDown } from "lucide-react";
 import { useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-const thinkingBlockVariants = cva("mb-3 p-3 rounded-lg bg-card border border-border", {
-    variants: {
-        variant: {
-            default: "opacity-70",
-            subtle: "opacity-50",
-            prominent: "opacity-90",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-const thinkingIconVariants = cva("w-4 h-4 text-foreground opacity-60 transition-transform", {
-    variants: {
-        expanded: {
-            true: "rotate-180",
-            false: "",
-        },
-    },
-    defaultVariants: {
-        expanded: false,
-    },
-});
-export function ThinkingBlock({ thinking, isStreaming, displayMode = "collapsible", variant, className, }) {
-    const [isExpanded, setIsExpanded] = useState(false);
-    if (!thinking && !isStreaming) {
-        return null;
-    }
-    // Inline mode - always visible
-    if (displayMode === "inline") {
-        return (_jsxs("div", { className: cn(thinkingBlockVariants({ variant }), className), children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-xs font-medium text-foreground opacity-60 uppercase tracking-wide", children: "Thinking" }), isStreaming && (_jsx("span", { className: "inline-block w-2 h-2 bg-primary rounded-full animate-pulse" }))] }), _jsxs("div", { className: "mt-2 text-sm italic text-foreground opacity-80 leading-relaxed whitespace-pre-wrap", children: [thinking, isStreaming && thinking && (_jsx("span", { className: "inline-block animate-typing", children: "..." }))] })] }));
-    }
-    // Collapsible mode
-    return (_jsxs("div", { className: cn("mb-3", className), children: [_jsxs("button", { type: "button", onClick: () => setIsExpanded(!isExpanded), className: "w-full flex items-center justify-between p-2 rounded-lg bg-card border border-border hover:bg-card transition-colors text-left", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs font-medium text-foreground opacity-60 uppercase tracking-wide", children: "Thinking" }), isStreaming && (_jsx("span", { className: "inline-block w-2 h-2 bg-primary rounded-full animate-pulse" })), !isExpanded && thinking && (_jsxs("span", { className: "text-xs text-foreground opacity-50 truncate max-w-[200px]", children: [thinking.substring(0, 50), "..."] }))] }), _jsx(ChevronDown, { className: thinkingIconVariants({ expanded: isExpanded }) })] }), isExpanded && (_jsx("div", { className: cn(thinkingBlockVariants({ variant }), "mt-2"), children: _jsxs("div", { className: "text-sm italic text-foreground opacity-80 leading-relaxed whitespace-pre-wrap", children: [thinking, isStreaming && thinking && (_jsx("span", { className: "inline-block animate-typing", children: "..." }))] }) }))] }));
+
+const thinkingBlockVariants = cva(
+	"mb-3 p-3 rounded-lg bg-card border border-border",
+	{
+		variants: {
+			variant: {
+				default: "opacity-70",
+				subtle: "opacity-50",
+				prominent: "opacity-90",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+		},
+	},
+);
+const thinkingIconVariants = cva(
+	"w-4 h-4 text-foreground opacity-60 transition-transform",
+	{
+		variants: {
+			expanded: {
+				true: "rotate-180",
+				false: "",
+			},
+		},
+		defaultVariants: {
+			expanded: false,
+		},
+	},
+);
+export function ThinkingBlock({
+	thinking,
+	isStreaming,
+	displayMode = "collapsible",
+	variant,
+	className,
+}) {
+	const [isExpanded, setIsExpanded] = useState(false);
+	if (!thinking && !isStreaming) {
+		return null;
+	}
+	// Inline mode - always visible
+	if (displayMode === "inline") {
+		return _jsxs("div", {
+			className: cn(thinkingBlockVariants({ variant }), className),
+			children: [
+				_jsxs("div", {
+					className: "flex items-start gap-2",
+					children: [
+						_jsx("span", {
+							className:
+								"text-xs font-medium text-foreground opacity-60 uppercase tracking-wide",
+							children: "Thinking",
+						}),
+						isStreaming &&
+							_jsx("span", {
+								className:
+									"inline-block w-2 h-2 bg-primary rounded-full animate-pulse",
+							}),
+					],
+				}),
+				_jsxs("div", {
+					className:
+						"mt-2 text-sm italic text-foreground opacity-80 leading-relaxed whitespace-pre-wrap",
+					children: [
+						thinking,
+						isStreaming &&
+							thinking &&
+							_jsx("span", {
+								className: "inline-block animate-typing",
+								children: "...",
+							}),
+					],
+				}),
+			],
+		});
+	}
+	// Collapsible mode
+	return _jsxs("div", {
+		className: cn("mb-3", className),
+		children: [
+			_jsxs("button", {
+				type: "button",
+				onClick: () => setIsExpanded(!isExpanded),
+				className:
+					"w-full flex items-center justify-between p-2 rounded-lg bg-card border border-border hover:bg-card transition-colors text-left",
+				children: [
+					_jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [
+							_jsx("span", {
+								className:
+									"text-xs font-medium text-foreground opacity-60 uppercase tracking-wide",
+								children: "Thinking",
+							}),
+							isStreaming &&
+								_jsx("span", {
+									className:
+										"inline-block w-2 h-2 bg-primary rounded-full animate-pulse",
+								}),
+							!isExpanded &&
+								thinking &&
+								_jsxs("span", {
+									className:
+										"text-xs text-foreground opacity-50 truncate max-w-[200px]",
+									children: [thinking.substring(0, 50), "..."],
+								}),
+						],
+					}),
+					_jsx(ChevronDown, {
+						className: thinkingIconVariants({ expanded: isExpanded }),
+					}),
+				],
+			}),
+			isExpanded &&
+				_jsx("div", {
+					className: cn(thinkingBlockVariants({ variant }), "mt-2"),
+					children: _jsxs("div", {
+						className:
+							"text-sm italic text-foreground opacity-80 leading-relaxed whitespace-pre-wrap",
+						children: [
+							thinking,
+							isStreaming &&
+								thinking &&
+								_jsx("span", {
+									className: "inline-block animate-typing",
+									children: "...",
+								}),
+						],
+					}),
+				}),
+		],
+	});
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingBlock.js","sourceRoot":"","sources":["../../../src/gui/components/ThinkingBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,qBAAqB,GAAG,GAAG,CAC/B,mFAAmF,EACnF;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,YAAY;YACrB,MAAM,EAAE,YAAY;YACpB,SAAS,EAAE,YAAY;SACxB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,CAC9B,kEAAkE,EAClE;IACE,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,KAAK;KAChB;CACF,CACF,CAAC;AAUF,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,aAAa,EAC3B,OAAO,EACP,SAAS,GACU;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,+BAA+B;IAC/B,IAAI,WAAW,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,aAC/D,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAM,SAAS,EAAC,iFAAiF,yBAE1F,EACN,WAAW,IAAI,CACd,eAAM,SAAS,EAAC,0EAA0E,GAAG,CAC9F,IACG,EACN,eAAK,SAAS,EAAC,6FAA6F,aACzG,QAAQ,EACR,WAAW,IAAI,QAAQ,IAAI,CAC1B,eAAM,SAAS,EAAC,6BAA6B,oBAAW,CACzD,IACG,IACF,CACP,CAAC;IACJ,CAAC;IAED,mBAAmB;IACnB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,aACnC,kBACE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,EACzC,SAAS,EAAC,mLAAmL,aAE7L,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,iFAAiF,yBAE1F,EACN,WAAW,IAAI,CACd,eAAM,SAAS,EAAC,0EAA0E,GAAG,CAC9F,EACA,CAAC,UAAU,IAAI,QAAQ,IAAI,CAC1B,gBAAM,SAAS,EAAC,oEAAoE,aACjF,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,WACrB,CACR,IACG,EACN,KAAC,WAAW,IAAC,SAAS,EAAE,oBAAoB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAI,IACnE,EACR,UAAU,IAAI,CACb,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC,YAC5D,eAAK,SAAS,EAAC,wFAAwF,aACpG,QAAQ,EACR,WAAW,IAAI,QAAQ,IAAI,CAC1B,eAAM,SAAS,EAAC,6BAA6B,oBAAW,CACzD,IACG,GACF,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -7,14 +7,16 @@ import { type TodoItem } from "./TodoListItem.js";
  * 2. Prop-based: Pass `todos` prop directly
  */
 export interface TodoListProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * ACP Client for hook-based todo fetching (future support)
-     */
-    client?: AcpClient | null;
-    /**
-     * Todos to display (prop-based pattern)
-     * Either client or todos should be provided
-     */
-    todos?: TodoItem[];
+	/**
+	 * ACP Client for hook-based todo fetching (future support)
+	 */
+	client?: AcpClient | null;
+	/**
+	 * Todos to display (prop-based pattern)
+	 * Either client or todos should be provided
+	 */
+	todos?: TodoItem[];
 }
-export declare const TodoList: React.ForwardRefExoticComponent<TodoListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TodoList: React.ForwardRefExoticComponent<
+	TodoListProps & React.RefAttributes<HTMLDivElement>
+>;

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

@@ -0,0 +1 @@
+{"version":3,"file":"TodoList.d.ts","sourceRoot":"","sources":["../../../src/gui/components/TodoList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAG3D;;;;GAIG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,sFAsBpB,CAAC"}

package/dist/gui/components/TodoList.js

@@ -1,11 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
 import { TodoListItem } from "./TodoListItem.js";
-export const TodoList = React.forwardRef(({ client, todos, className, ...props }, ref) => {
-    // For now, just use prop-based todos
-    // Future: Add hook to get todos from store when available
-    const todosToDisplay = todos || [];
-    return (_jsx("div", { ref: ref, className: cn("space-y-2 max-h-64 overflow-y-auto", className), ...props, children: todosToDisplay.length === 0 ? (_jsx("p", { className: "text-sm text-foreground opacity-60 italic", children: "No tasks yet." })) : (todosToDisplay.map((todo) => (_jsx(TodoListItem, { todo: todo }, todo.id)))) }));
-});
+export const TodoList = React.forwardRef(
+	({ client, todos, className, ...props }, ref) => {
+		// For now, just use prop-based todos
+		// Future: Add hook to get todos from store when available
+		const todosToDisplay = todos || [];
+		return _jsx("div", {
+			ref: ref,
+			className: cn("space-y-2 max-h-64 overflow-y-auto", className),
+			...props,
+			children:
+				todosToDisplay.length === 0
+					? _jsx("p", {
+							className: "text-sm text-foreground opacity-60 italic",
+							children: "No tasks yet.",
+						})
+					: todosToDisplay.map((todo) =>
+							_jsx(TodoListItem, { todo: todo }, todo.id),
+						),
+		});
+	},
+);
 TodoList.displayName = "TodoList";