@trops/dash-core 0.1.379 → 0.1.381

package/dist/index.esm.js

@@ -56535,7 +56535,9 @@ function AssistantTextContent(_ref) {
 var MessageBubble = function MessageBubble(_ref2) {
   var message = _ref2.message,
     isStreaming = _ref2.isStreaming,
-    streamingText = _ref2.streamingText;
+    streamingText = _ref2.streamingText,
+    _ref2$isLast = _ref2.isLast,
+    isLast = _ref2$isLast === void 0 ? false : _ref2$isLast;
   var role = message.role,
     content = message.content,
     toolCalls = message.toolCalls;
@@ -56593,7 +56595,53 @@ var MessageBubble = function MessageBubble(_ref2) {
     } else if (typeof content === "string") {
       textParts.push(content);
     }
+
+    // Fallback: CLI backend (Claude Code) tracks tool calls on the
+    // message's `toolCalls` field without placing tool_use blocks in
+    // `content`. If we found no tool blocks in content but have toolCalls,
+    // render those directly so the user sees what Claude is doing.
+    if (toolBlocks.length === 0 && Array.isArray(toolCalls)) {
+      var _iterator2 = _createForOfIteratorHelper$1(toolCalls),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var tc = _step2.value;
+          toolBlocks.push({
+            id: tc.toolUseId,
+            name: tc.toolName,
+            input: tc.input,
+            serverName: tc.serverName,
+            result: tc.result,
+            isError: tc.isError,
+            isLoading: tc.isLoading
+          });
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
     var _text = textParts.join("");
+
+    // Hide empty assistant bubbles (tool-use-only responses from the
+    // CLI backend). But if this is the LAST message, show a thinking
+    // indicator so the user knows the AI is working.
+    if (!isStreaming && !_text && toolBlocks.length === 0) {
+      if (isLast) {
+        return /*#__PURE__*/jsxs("div", {
+          className: "mb-4",
+          children: [/*#__PURE__*/jsx("div", {
+            className: "text-[10px] font-semibold uppercase tracking-wider text-gray-500 mb-1",
+            children: "Assistant"
+          }), /*#__PURE__*/jsx("div", {
+            className: "text-sm leading-relaxed px-3 py-2 rounded-lg bg-gray-800/40 text-gray-500 italic",
+            children: "Thinking..."
+          })]
+        });
+      }
+      return null;
+    }
     return /*#__PURE__*/jsxs("div", {
       className: "mb-4",
       children: [/*#__PURE__*/jsx("div", {
@@ -56631,9 +56679,12 @@ var MessageBubble = function MessageBubble(_ref2) {
  * Scrollable message list that auto-scrolls to the bottom on new messages.
  */
 var ChatMessages = function ChatMessages(_ref) {
+  var _messages;
   var messages = _ref.messages,
     streamingRequestId = _ref.streamingRequestId,
-    streamingText = _ref.streamingText;
+    streamingText = _ref.streamingText,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
   var scrollRef = useRef(null);
   useEffect(function () {
     if (scrollRef.current) {
@@ -56654,18 +56705,46 @@ var ChatMessages = function ChatMessages(_ref) {
       })
     });
   }
-  return /*#__PURE__*/jsx("div", {
+  return /*#__PURE__*/jsxs("div", {
     ref: scrollRef,
     className: "flex-1 overflow-y-auto px-4 py-3 scroll-smooth",
-    children: messages.map(function (message, index) {
+    children: [messages.map(function (message, index) {
       var isLastAssistant = message.role === "assistant" && index === messages.length - 1;
       var isStreaming = isLastAssistant && streamingRequestId !== null;
       return /*#__PURE__*/jsx(MessageBubble, {
         message: message,
         isStreaming: isStreaming,
-        streamingText: isStreaming ? streamingText : ""
+        streamingText: isStreaming ? streamingText : "",
+        isLast: index === messages.length - 1
       }, message.id || index);
-    })
+    }), isLoading && !streamingRequestId && ((_messages = messages[messages.length - 1]) === null || _messages === void 0 ? void 0 : _messages.role) === "user" && /*#__PURE__*/jsxs("div", {
+      className: "mb-4",
+      children: [/*#__PURE__*/jsx("div", {
+        className: "text-[10px] font-semibold uppercase tracking-wider text-gray-500 mb-1",
+        children: "Assistant"
+      }), /*#__PURE__*/jsxs("div", {
+        className: "text-sm leading-relaxed px-3 py-2 rounded-lg bg-gray-800/40 text-gray-500 italic flex items-center gap-2",
+        children: [/*#__PURE__*/jsxs("span", {
+          className: "inline-flex gap-0.5",
+          children: [/*#__PURE__*/jsx("span", {
+            className: "w-1.5 h-1.5 bg-gray-500 rounded-full animate-bounce",
+            style: {
+              animationDelay: "0ms"
+            }
+          }), /*#__PURE__*/jsx("span", {
+            className: "w-1.5 h-1.5 bg-gray-500 rounded-full animate-bounce",
+            style: {
+              animationDelay: "150ms"
+            }
+          }), /*#__PURE__*/jsx("span", {
+            className: "w-1.5 h-1.5 bg-gray-500 rounded-full animate-bounce",
+            style: {
+              animationDelay: "300ms"
+            }
+          })]
+        }), "Thinking..."]
+      })]
+    })]
   });
 };
 
@@ -56999,6 +57078,13 @@ function ChatCore(_ref) {
         tc.isError = data.isError;
         tc.isLoading = false;
       }
+      // Force re-render so MessageBubble picks up the updated tool
+      // result state (isLoading=false, result populated). Can't rely on
+      // setStreamingText since it may already be empty (tool-only
+      // response from CLI backend).
+      setMessages(function (prev) {
+        return _toConsumableArray(prev);
+      });
       setStreamingText("");
       if (onPublishEvent) {
         onPublishEvent("toolUsed", {
@@ -57304,7 +57390,8 @@ function ChatCore(_ref) {
     }), /*#__PURE__*/jsx(ChatMessages, {
       messages: messages,
       streamingRequestId: isLoading ? activeRequestId.current : null,
-      streamingText: streamingText
+      streamingText: streamingText,
+      isLoading: isLoading
     }), /*#__PURE__*/jsx(ChatInput, {
       onSend: handleSend,
       onStop: handleStop,