@trops/dash-core 0.1.380 → 0.1.382

package/dist/index.js

@@ -56553,10 +56553,18 @@ 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;
+    toolCalls = message.toolCalls,
+    hidden = message.hidden;
+
+  // App-injected priming messages (e.g. widget-builder "Hello…" seed)
+  // are kept in state for conversation continuity but suppressed from
+  // the rendered timeline — the user sees only the agent's reply.
+  if (hidden) return null;
   if (role === "user") {
     var text = typeof content === "string" ? content : Array.isArray(content) ? content.filter(function (c) {
       return c.type === "text";
@@ -56611,12 +56619,51 @@ 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 (e.g., tool-use-only responses from
-    // the CLI backend where content is [] and tool calls are tracked
-    // separately). Nothing useful to show the user.
+    // 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__*/jsxRuntime.jsxs("div", {
+          className: "mb-4",
+          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "text-[10px] font-semibold uppercase tracking-wider text-gray-500 mb-1",
+            children: "Assistant"
+          }), /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsxs("div", {
@@ -56656,9 +56703,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 = React.useRef(null);
   React.useEffect(function () {
     if (scrollRef.current) {
@@ -56679,18 +56729,46 @@ var ChatMessages = function ChatMessages(_ref) {
       })
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
+  return /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.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__*/jsxRuntime.jsxs("div", {
+      className: "mb-4",
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "text-[10px] font-semibold uppercase tracking-wider text-gray-500 mb-1",
+        children: "Assistant"
+      }), /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsxs("span", {
+          className: "inline-flex gap-0.5",
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "w-1.5 h-1.5 bg-gray-500 rounded-full animate-bounce",
+            style: {
+              animationDelay: "0ms"
+            }
+          }), /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "w-1.5 h-1.5 bg-gray-500 rounded-full animate-bounce",
+            style: {
+              animationDelay: "150ms"
+            }
+          }), /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "w-1.5 h-1.5 bg-gray-500 rounded-full animate-bounce",
+            style: {
+              animationDelay: "300ms"
+            }
+          })]
+        }), "Thinking..."]
+      })]
+    })]
   });
 };
 
@@ -56840,6 +56918,8 @@ function ChatCore(_ref) {
     uuid = _ref$uuid === void 0 ? null : _ref$uuid,
     _ref$persistKey = _ref.persistKey,
     persistKey = _ref$persistKey === void 0 ? null : _ref$persistKey,
+    _ref$sessionKey = _ref.sessionKey,
+    sessionKey = _ref$sessionKey === void 0 ? null : _ref$sessionKey,
     _ref$backend = _ref.backend,
     backend = _ref$backend === void 0 ? "anthropic" : _ref$backend,
     _ref$onPublishEvent = _ref.onPublishEvent,
@@ -56847,7 +56927,9 @@ function ChatCore(_ref) {
     _ref$hideToolsBanner = _ref.hideToolsBanner,
     hideToolsBanner = _ref$hideToolsBanner === void 0 ? false : _ref$hideToolsBanner,
     _ref$cwd = _ref.cwd,
-    cwd = _ref$cwd === void 0 ? null : _ref$cwd;
+    cwd = _ref$cwd === void 0 ? null : _ref$cwd,
+    _ref$initialMessage = _ref.initialMessage,
+    initialMessage = _ref$initialMessage === void 0 ? null : _ref$initialMessage;
   var mainApi = window.mainApi;
 
   // Conversation state
@@ -56939,8 +57021,14 @@ function ChatCore(_ref) {
       } catch (e) {
         /* ignore quota errors */
       }
+    } else if (sessionKey) {
+      try {
+        sessionStorage.setItem(sessionKey, JSON.stringify(data));
+      } catch (e) {
+        /* ignore quota errors */
+      }
     }
-  }, [api, uuid, persistKey, enabledTools]);
+  }, [api, uuid, persistKey, sessionKey, enabledTools]);
 
   // Load saved conversation on mount
   React.useEffect(function () {
@@ -56972,8 +57060,23 @@ function ChatCore(_ref) {
       } catch (e) {
         /* ignore */
       }
+    } else if (sessionKey) {
+      try {
+        var _raw = sessionStorage.getItem(sessionKey);
+        if (_raw) {
+          var _data = JSON.parse(_raw);
+          if (_data !== null && _data !== void 0 && _data.messages && Array.isArray(_data.messages)) {
+            setMessages(_data.messages);
+          }
+          if (_data !== null && _data !== void 0 && _data.enabledTools) {
+            setEnabledTools(_data.enabledTools);
+          }
+        }
+      } catch (e) {
+        /* ignore */
+      }
     }
-  }, [api, uuid, persistKey]);
+  }, [api, uuid, persistKey, sessionKey]);
 
   // Discover connected MCP tools (only for anthropic backend)
   var refreshTools = React.useCallback(function () {
@@ -57024,6 +57127,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", {
@@ -57082,14 +57192,19 @@ function ChatCore(_ref) {
     };
   }, [mainApi, onPublishEvent, saveConversation]);
 
-  // Send message
+  // Send message. `options.hidden` marks the user message so
+  // MessageBubble skips rendering it — useful for app-injected
+  // priming prompts where the agent's reply should appear first,
+  // but the prompt still needs to be in conversation history.
   var handleSend = React.useCallback(function (text) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     if (!(mainApi !== null && mainApi !== void 0 && mainApi.llm) || isLoading) return;
     setError(null);
     var userMessage = {
       id: "msg-".concat(Date.now()),
       role: "user",
-      content: text
+      content: text,
+      hidden: options.hidden === true
     };
     var updatedMessages = [].concat(_toConsumableArray(messages), [userMessage]);
     setMessages(updatedMessages);
@@ -57134,7 +57249,7 @@ function ChatCore(_ref) {
         _iterator2.f();
       }
     }
-    var requestId = generateRequestId(uuid || persistKey);
+    var requestId = generateRequestId(uuid || persistKey || sessionKey);
     activeRequestId.current = requestId;
     toolCallsRef.current = [];
     setIsLoading(true);
@@ -57156,7 +57271,7 @@ function ChatCore(_ref) {
       toolServerMap: toolServerMap,
       systemPrompt: systemPrompt,
       maxToolRounds: parseInt(maxToolRounds, 10) || 10,
-      widgetUuid: uuid || persistKey,
+      widgetUuid: uuid || persistKey || sessionKey,
       cwd: cwd || undefined
     });
   }, [mainApi, isLoading, messages, servers, enabledTools, apiKey, model, systemPrompt, maxToolRounds, uuid, persistKey, onPublishEvent, backend, isAnthropicBackend]);
@@ -57199,6 +57314,27 @@ function ChatCore(_ref) {
     }
   }, [mainApi, streamingText, saveConversation]);
 
+  // Auto-send an initial message once the chat is ready and empty.
+  // Runs at most once per mount. Skipped if the conversation was
+  // restored from persistence (messages already populated) or the
+  // backend isn't ready yet.
+  var initialMessageFiredRef = React.useRef(false);
+  React.useEffect(function () {
+    if (initialMessageFiredRef.current) return;
+    if (!initialMessage) return;
+    if (!(mainApi !== null && mainApi !== void 0 && mainApi.llm)) return;
+    if (isLoading) return;
+    if (messages.length !== 0) return;
+    // CLI backend: wait for availability check to resolve.
+    if (isCliBackend && cliAvailable === null) return;
+    if (isCliBackend && !cliAvailable) return;
+    initialMessageFiredRef.current = true;
+    handleSend(initialMessage, {
+      hidden: true
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [initialMessage, mainApi, messages, isCliBackend, cliAvailable, isLoading]);
+
   // New chat
   var handleNewChat = function handleNewChat() {
     var _mainApi$llm3;
@@ -57209,7 +57345,7 @@ function ChatCore(_ref) {
     setSessionActive(false);
     saveConversation([]);
     if (isCliBackend && mainApi !== null && mainApi !== void 0 && (_mainApi$llm3 = mainApi.llm) !== null && _mainApi$llm3 !== void 0 && _mainApi$llm3.clearCliSession) {
-      mainApi.llm.clearCliSession(uuid || persistKey);
+      mainApi.llm.clearCliSession(uuid || persistKey || sessionKey);
     }
   };
 
@@ -57218,7 +57354,7 @@ function ChatCore(_ref) {
     var _mainApi$llm4;
     if (!isCliBackend || !(mainApi !== null && mainApi !== void 0 && (_mainApi$llm4 = mainApi.llm) !== null && _mainApi$llm4 !== void 0 && _mainApi$llm4.endCliSession)) return;
     if (isLoading) handleStop();
-    mainApi.llm.endCliSession(uuid || persistKey);
+    mainApi.llm.endCliSession(uuid || persistKey || sessionKey);
     setSessionActive(false);
   };
 
@@ -57329,7 +57465,8 @@ function ChatCore(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(ChatMessages, {
       messages: messages,
       streamingRequestId: isLoading ? activeRequestId.current : null,
-      streamingText: streamingText
+      streamingText: streamingText,
+      isLoading: isLoading
     }), /*#__PURE__*/jsxRuntime.jsx(ChatInput, {
       onSend: handleSend,
       onStop: handleStop,