@townco/ui 0.1.125 → 0.1.126

package/dist/gui/components/ChatView.js

@@ -349,8 +349,9 @@ export function ChatView({ client, initialSessionId, error: initError, debuggerU
                                                                     _jsx(MessageContent, { message: message, thinkingDisplayStyle: "collapsible" }), (() => {
                                                                         const isLastAssistantMessage = index ===
                                                                             messages.findLastIndex((m) => m.role === "assistant");
-                                                                        // Hide actions for the last assistant message while streaming.
-                                                                        if (isLastAssistantMessage &&
+                                                                        // Only show MessageActions for the last assistant message,
+                                                                        // and never while it's streaming.
+                                                                        if (!isLastAssistantMessage ||
                                                                             message.isStreaming) {
                                                                             return null;
                                                                         }

package/dist/gui/components/ToolOperation.js

@@ -241,7 +241,7 @@ export function ToolOperation({ toolCalls, isGrouped = false, autoMinimize = tru
     const displayText = getDisplayText();
     // For preliminary/selecting states, show simple non-expandable text
     if (isSelecting && !isGrouped) {
-        return (_jsx("div", { className: "flex flex-col rounded-md px-1 -mx-1 w-fit", children: _jsxs("div", { className: "flex items-center gap-1.5", children: [
+        return (_jsx("div", { className: "flex flex-col my-4 rounded-md px-1 -mx-1 w-fit", children: _jsxs("div", { className: "flex items-center gap-1.5", children: [
                     _jsx("div", { className: "text-text-secondary/70", children: _jsx(IconComponent, { className: "h-3 w-3" }) }), _jsxs("span", { className: "text-paragraph-xs text-text-muted", children: [displayText, singleToolCall?.startedAt && (_jsx(RunningDuration, { startTime: singleToolCall.startedAt, isRunning: !singleToolCall.subagentCompleted }))] })
                 ] }) }));
     }
@@ -258,14 +258,14 @@ export function ToolOperation({ toolCalls, isGrouped = false, autoMinimize = tru
         })();
         // Check if all tool calls in the group are completed
         const allCompleted = toolCalls.every((tc) => tc.subagentCompleted);
-        return (_jsxs("div", { className: "flex flex-col rounded-md px-1 -mx-1 w-fit", children: [
+        return (_jsxs("div", { className: "flex flex-col my-4 rounded-md px-1 -mx-1 w-fit", children: [
                 _jsxs("div", { className: "flex items-center gap-1.5", children: [
                         _jsx("div", { className: "text-text-secondary/70", children: _jsx(ListVideo, { className: "h-3 w-3" }) }), _jsx("span", { className: "text-paragraph-sm text-text-secondary/70", children: "Selecting tools" }), selectingStartTime && (_jsx(RunningDuration, { startTime: selectingStartTime, isRunning: !allCompleted })), _jsx("span", { className: "text-[10px] bg-muted px-1.5 py-0.5 rounded text-text-secondary/70", children: toolCalls.length })
                     ] }), _jsx("span", { className: "text-paragraph-sm text-text-secondary/70 pl-4.5", children: displayText })
             ] }));
     }
     // Full display (for single tool call or expanded group, includes minimized state)
-    return (_jsxs("div", { className: "flex flex-col", children: [
+    return (_jsxs("div", { className: "flex flex-col my-4", children: [
             _jsxs("button", { type: "button", className: "flex flex-col items-start gap-0.5 cursor-pointer bg-transparent border-none p-0 text-left group w-fit rounded-md px-1 -mx-1", onClick: handleHeaderClick, "aria-expanded": isTodoWrite ? undefined : isExpanded, children: [
                     _jsxs("div", { className: "flex items-center gap-1.5", children: [
                             _jsx("div", { className: "text-text-secondary/70 group-hover:text-text-secondary transition-colors", children: _jsx(IconComponent, { className: "h-3 w-3" }) }), _jsxs("span", { className: "text-paragraph-sm text-text-secondary/70 group-hover:text-text-secondary transition-colors", children: [isGrouped && _jsx("span", { className: "mr-1", children: "Parallel operation" }), !isGrouped && displayText] }), isSubagentCall && (_jsx(ContextUsageIndicator, { contextSize: subagentHeaderContextSize, size: 12, className: "text-text-secondary/70 group-hover:text-text-secondary transition-colors" })), !isGrouped &&
@@ -331,7 +331,7 @@ export function ToolOperation({ toolCalls, isGrouped = false, autoMinimize = tru
                             return null;
                         })()] }), !isTodoWrite && isSubagentCall && singleToolCall && (_jsx("div", { className: "pl-4.5 mt-2", children: _jsx(SubAgentDetails, { parentStatus: singleToolCall.status, agentName: singleToolCall.rawInput?.agentName, query: singleToolCall.rawInput?.query, isExpanded: isSubagentExpanded, onExpandChange: setIsSubagentExpanded, storedMessages: singleToolCall.subagentMessages }) })), !isTodoWrite && isExpanded && (_jsx("div", { className: "mt-1", children: isGrouped ? (
                 // Render individual tool calls in group
-                _jsx("div", { className: "flex flex-col gap-2 mt-1", children: toolCalls.map((toolCall) => {
+                _jsx("div", { className: "flex flex-col gap-4 mt-2", children: toolCalls.map((toolCall) => {
                         const hookNotification = hookNotifications.find((n) => n.toolCallId === toolCall.id);
                         return (_jsx(GroupedToolCallItem, { toolCall: toolCall, ...(hookNotification ? { hookNotification } : {}) }, toolCall.id));
                     }) })) : (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@townco/ui",
-  "version": "0.1.125",
+  "version": "0.1.126",
   "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.103",
+    "@townco/core": "0.0.104",
     "@types/mdast": "^4.0.4",
     "@uiw/react-json-view": "^2.0.0-alpha.39",
     "class-variance-authority": "^0.7.1",
@@ -67,7 +67,7 @@
     "zustand": "^5.0.8"
   },
   "devDependencies": {
-    "@townco/tsconfig": "0.1.122",
+    "@townco/tsconfig": "0.1.123",
     "@types/node": "^24.10.0",
     "@types/react": "^19.2.2",
     "@types/unist": "^3.0.3",