@townco/ui 0.1.71 → 0.1.72

package/dist/gui/components/TodoList.js

@@ -16,6 +16,6 @@ export const TodoList = React.forwardRef(({ client, todos, className, ...props }
     if (todosToDisplay.length === 0) {
         return (_jsx("div", { ref: ref, className: cn("h-full", className), ...props, children: _jsx(TodoListEmptyState, {}) }));
     }
-    return (_jsx("div", { ref: ref, className: cn("space-y-2 max-h-64 overflow-y-auto", className), ...props, children: todosToDisplay.map((todo) => (_jsx(TodoListItem, { todo: todo }, todo.id))) }));
+    return (_jsx("div", { ref: ref, className: cn("space-y-2 overflow-y-auto", className), ...props, children: todosToDisplay.map((todo) => (_jsx(TodoListItem, { todo: todo }, todo.id))) }));
 });
 TodoList.displayName = "TodoList";

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

@@ -0,0 +1,11 @@
+interface TodoItem {
+    content: string;
+    status: "pending" | "in_progress" | "completed";
+    activeForm?: string;
+}
+interface TodoSublineProps {
+    todos: TodoItem[];
+    className?: string;
+}
+export declare function TodoSubline({ todos, className }: TodoSublineProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/gui/components/TodoSubline.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Circle, CircleCheck } from "lucide-react";
+import * as React from "react";
+import { cn } from "../lib/utils.js";
+export function TodoSubline({ todos, className }) {
+    if (!todos || todos.length === 0)
+        return null;
+    // Find the most important item to display
+    // Priority: in_progress > completed > first item
+    const displayItem = React.useMemo(() => {
+        const inProgress = todos.find((t) => t.status === "in_progress");
+        if (inProgress)
+            return inProgress;
+        const completed = todos.find((t) => t.status === "completed");
+        if (completed)
+            return completed;
+        return todos[0];
+    }, [todos]);
+    if (!displayItem)
+        return null;
+    const displayText = displayItem.status === "in_progress"
+        ? displayItem.activeForm || displayItem.content
+        : displayItem.content;
+    return (_jsxs("span", { className: cn("flex items-center gap-1.5", className), children: [displayItem.status === "completed" ? (_jsx(CircleCheck, { className: "size-3 text-muted-foreground shrink-0" })) : displayItem.status === "in_progress" ? (_jsx("span", { className: "size-2 rounded-full bg-foreground animate-pulse-scale shrink-0" })) : (_jsx(Circle, { className: "size-3 text-foreground shrink-0" })), _jsx("span", { className: "truncate", children: displayText })] }));
+}

package/dist/gui/components/ToolOperation.js

@@ -10,6 +10,7 @@ import { cn } from "../lib/utils.js";
 import * as ChatLayout from "./ChatLayout.js";
 import { SubAgentDetails } from "./SubAgentDetails.js";
 import { useTheme } from "./ThemeProvider.js";
+import { TodoSubline } from "./TodoSubline.js";
 /**
  * Map of icon names to Lucide components
  */
@@ -188,7 +189,9 @@ export function ToolOperation({ toolCalls, isGrouped = false, autoMinimize = tru
                                 }, transition: getTransition(shouldReduceMotion ?? false, {
                                     duration: motionDuration.normal,
                                     ease: motionEasing.smooth,
-                                }), className: "h-3 w-3 text-text-secondary/70 group-hover:text-text-secondary transition-colors", children: _jsx(ChevronDown, { className: "h-3 w-3" }) }))] }), !isGrouped && singleToolCall?.subline && (_jsx("span", { className: "text-paragraph-sm text-text-secondary/70 pl-4.5", children: singleToolCall.subline })), isGrouped && !isExpanded && (_jsx("span", { className: "text-paragraph-sm text-text-secondary/70 pl-4.5", children: displayText }))] }), !isTodoWrite && isSubagentCall && singleToolCall && (_jsx("div", { className: "pl-4.5 mt-2", children: _jsx(SubAgentDetails, { port: singleToolCall.subagentPort, sessionId: singleToolCall.subagentSessionId, parentStatus: singleToolCall.status, agentName: singleToolCall.rawInput?.agentName, query: singleToolCall.rawInput?.query, isExpanded: isSubagentExpanded, onExpandChange: setIsSubagentExpanded, storedMessages: singleToolCall.subagentMessages, isReplay: isReplaySubagent }) })), _jsx(AnimatePresence, { initial: false, children: !isTodoWrite && isExpanded && (_jsx(motion.div, { initial: "collapsed", animate: "expanded", exit: "collapsed", variants: expandCollapseVariants, transition: getTransition(shouldReduceMotion ?? false, {
+                                }), className: "h-3 w-3 text-text-secondary/70 group-hover:text-text-secondary transition-colors", children: _jsx(ChevronDown, { className: "h-3 w-3" }) }))] }), !isGrouped &&
+                        singleToolCall &&
+                        (isTodoWrite && singleToolCall.rawInput?.todos ? (_jsx(TodoSubline, { todos: singleToolCall.rawInput.todos, className: "text-paragraph-sm text-text-secondary/70 pl-4.5" })) : singleToolCall.subline ? (_jsx("span", { className: "text-paragraph-sm text-text-secondary/70 pl-4.5", children: singleToolCall.subline })) : null), isGrouped && !isExpanded && (_jsx("span", { className: "text-paragraph-sm text-text-secondary/70 pl-4.5", children: displayText }))] }), !isTodoWrite && isSubagentCall && singleToolCall && (_jsx("div", { className: "pl-4.5 mt-2", children: _jsx(SubAgentDetails, { port: singleToolCall.subagentPort, sessionId: singleToolCall.subagentSessionId, parentStatus: singleToolCall.status, agentName: singleToolCall.rawInput?.agentName, query: singleToolCall.rawInput?.query, isExpanded: isSubagentExpanded, onExpandChange: setIsSubagentExpanded, storedMessages: singleToolCall.subagentMessages, isReplay: isReplaySubagent }) })), _jsx(AnimatePresence, { initial: false, children: !isTodoWrite && isExpanded && (_jsx(motion.div, { initial: "collapsed", animate: "expanded", exit: "collapsed", variants: expandCollapseVariants, transition: getTransition(shouldReduceMotion ?? false, {
                         duration: motionDuration.normal,
                         ease: motionEasing.smooth,
                     }), className: "mt-1", children: isGrouped ? (

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

@@ -49,6 +49,7 @@ export { ThemeToggle } from "./ThemeToggle.js";
 export { ThinkingBlock, type ThinkingBlockProps, } from "./ThinkingBlock.js";
 export { TodoList, type TodoListProps } from "./TodoList.js";
 export { type TodoItem, TodoListItem, type TodoListItemProps, } from "./TodoListItem.js";
+export { TodoSubline } from "./TodoSubline.js";
 export { ToolCallList, type ToolCallListProps } from "./ToolCallList.js";
 export { ToolOperation, type ToolOperationProps } from "./ToolOperation.js";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./Tooltip.js";

package/dist/gui/components/index.js

@@ -57,6 +57,7 @@ export { ThemeToggle } from "./ThemeToggle.js";
 export { ThinkingBlock, } from "./ThinkingBlock.js";
 export { TodoList } from "./TodoList.js";
 export { TodoListItem, } from "./TodoListItem.js";
+export { TodoSubline } from "./TodoSubline.js";
 export { ToolCallList } from "./ToolCallList.js";
 export { ToolOperation } from "./ToolOperation.js";
 // Tooltip components

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@townco/ui",
-  "version": "0.1.71",
+  "version": "0.1.72",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -49,7 +49,7 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@townco/core": "0.0.49",
+    "@townco/core": "0.0.50",
     "@uiw/react-json-view": "^2.0.0-alpha.39",
     "bun": "^1.3.1",
     "class-variance-authority": "^0.7.1",
@@ -67,7 +67,7 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.17",
-    "@townco/tsconfig": "0.1.68",
+    "@townco/tsconfig": "0.1.69",
     "@types/node": "^24.10.0",
     "@types/react": "^19.2.2",
     "ink": "^6.4.0",