@trops/dash-core 0.1.316 → 0.1.318

package/dist/index.js

@@ -25099,21 +25099,33 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
   // Render empty cell body content (used inside WidgetCard.Body in edit mode)
   function renderEmptyCellContent(cellNumber) {
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "w-full h-full min-h-16 flex flex-col items-center justify-center hover:bg-gray-800/50 cursor-pointer transition-colors",
-      onClick: function onClick() {
-        return handleClickAdd(cellNumber);
-      },
+      className: "w-full h-full min-h-16 flex flex-col items-center justify-center gap-2",
       onContextMenu: function onContextMenu(e) {
         return handleCellRightClick(e, cellNumber);
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, {
-        icon: "plus",
-        textColor: "text-gray-600",
-        hoverTextColor: "hover:text-blue-400",
-        backgroundColor: "bg-transparent"
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-xs text-gray-600 mt-1",
-        children: "Add widget"
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col items-center cursor-pointer hover:bg-gray-800/50 rounded-lg px-4 py-2 transition-colors",
+        onClick: function onClick() {
+          return handleClickAdd(cellNumber);
+        },
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, {
+          icon: "plus",
+          textColor: "text-gray-600",
+          hoverTextColor: "hover:text-blue-400",
+          backgroundColor: "bg-transparent"
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-xs text-gray-600 mt-1",
+          children: "Add widget"
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("button", {
+        onClick: function onClick() {
+          return window.dispatchEvent(new Event("dash:open-widget-builder"));
+        },
+        className: "flex items-center gap-1.5 px-3 py-1 rounded-md text-xs text-indigo-400/70 hover:text-indigo-300 hover:bg-indigo-900/20 transition-colors",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+          icon: "wand-magic-sparkles",
+          className: "h-2.5 w-2.5"
+        }), "Build with AI"]
       })]
     });
   }
@@ -53787,11 +53799,36 @@ var WorkspaceMenu = function WorkspaceMenu(_ref) {
  * StreamingText
  *
  * Renders partial text with a blinking cursor while streaming is active.
+ * Shows "Thinking..." when streaming has started but no text has arrived yet.
  */
 var StreamingText = function StreamingText(_ref) {
   var text = _ref.text,
     isStreaming = _ref.isStreaming;
   if (!text && !isStreaming) return null;
+  if (isStreaming && !text) {
+    return /*#__PURE__*/jsxRuntime.jsxs("span", {
+      className: "flex items-center gap-2 text-gray-400 text-sm",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
+        className: "inline-flex gap-1",
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "w-1.5 h-1.5 rounded-full bg-indigo-400 animate-bounce",
+          style: {
+            animationDelay: "0ms"
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "w-1.5 h-1.5 rounded-full bg-indigo-400 animate-bounce",
+          style: {
+            animationDelay: "150ms"
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "w-1.5 h-1.5 rounded-full bg-indigo-400 animate-bounce",
+          style: {
+            animationDelay: "300ms"
+          }
+        })]
+      }), "Thinking..."]
+    });
+  }
   return /*#__PURE__*/jsxRuntime.jsxs("span", {
     className: "whitespace-pre-wrap break-words",
     children: [text, isStreaming && /*#__PURE__*/jsxRuntime.jsx("span", {
@@ -53891,15 +53928,18 @@ var MessageBubble = function MessageBubble(_ref2) {
     }).map(function (c) {
       return c.text;
     }).join("") : "";
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "mb-4 pt-3 border-t border-gray-700/30",
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "text-[10px] font-semibold uppercase tracking-wider text-indigo-400 mb-1.5",
-        children: "You"
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "text-sm text-gray-100 whitespace-pre-wrap break-words leading-relaxed",
-        children: text
-      })]
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex justify-end mb-4",
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "max-w-[85%]",
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "text-[10px] font-semibold uppercase tracking-wider text-indigo-400 mb-1 text-right",
+          children: "You"
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "px-3 py-2 rounded-lg bg-indigo-700/40 text-sm text-gray-100 whitespace-pre-wrap break-words leading-relaxed",
+          children: text
+        })]
+      })
     });
   }
   if (role === "assistant") {
@@ -53940,10 +53980,10 @@ var MessageBubble = function MessageBubble(_ref2) {
     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.5",
+        className: "text-[10px] font-semibold uppercase tracking-wider text-gray-500 mb-1",
         children: "Assistant"
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "text-sm leading-relaxed",
+        className: "text-sm leading-relaxed px-3 py-2 rounded-lg bg-gray-800/40",
         children: [isStreaming && /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "text-gray-200",
           children: /*#__PURE__*/jsxRuntime.jsx(StreamingText, {
@@ -54161,7 +54201,9 @@ function ChatCore(_ref) {
     _ref$backend = _ref.backend,
     backend = _ref$backend === void 0 ? "anthropic" : _ref$backend,
     _ref$onPublishEvent = _ref.onPublishEvent,
-    onPublishEvent = _ref$onPublishEvent === void 0 ? null : _ref$onPublishEvent;
+    onPublishEvent = _ref$onPublishEvent === void 0 ? null : _ref$onPublishEvent,
+    _ref$hideToolsBanner = _ref.hideToolsBanner,
+    hideToolsBanner = _ref$hideToolsBanner === void 0 ? false : _ref$hideToolsBanner;
   var mainApi = window.mainApi;
 
   // Conversation state
@@ -54626,7 +54668,7 @@ function ChatCore(_ref) {
         className: "px-3 py-1 text-xs rounded bg-yellow-800/60 hover:bg-yellow-700/60 text-yellow-200 border border-yellow-600/50 transition-colors",
         children: "Check Again"
       })]
-    }), isAnthropicBackend && !hasTools && apiKey && messages.length === 0 && /*#__PURE__*/jsxRuntime.jsx("div", {
+    }), !hideToolsBanner && isAnthropicBackend && !hasTools && apiKey && messages.length === 0 && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "mx-3 mt-2 p-2 bg-gray-800/50 border border-gray-700 rounded text-gray-400 text-xs",
       children: "No MCP tools connected. Connect providers (GitHub, Slack, etc.) to enable tool-use."
     }), isCliBackend && cliAvailable && messages.length === 0 && /*#__PURE__*/jsxRuntime.jsx("div", {