@trops/dash-core 0.1.383 → 0.1.385

package/dist/index.js

@@ -51625,6 +51625,8 @@ var FooterPopover = function FooterPopover(_ref3) {
     _useState2 = _slicedToArray(_useState, 2),
     doNotDisturb = _useState2[0],
     setDoNotDisturb = _useState2[1];
+  var _ref4 = React.useContext(DashReact.ThemeContext) || {},
+    currentTheme = _ref4.currentTheme;
   var displayName = authStatus === "authenticated" && authProfile ? authProfile.displayName || authProfile.username : "Account";
 
   // Load initial DND state
@@ -51663,10 +51665,10 @@ var FooterPopover = function FooterPopover(_ref3) {
   }
   return /*#__PURE__*/jsxRuntime.jsx(react.Popover, {
     className: "relative",
-    children: function children(_ref4) {
+    children: function children(_ref5) {
       var _rect$left;
-      var open = _ref4.open,
-        close = _ref4.close;
+      var open = _ref5.open,
+        close = _ref5.close;
       var rect = open && buttonRef.current ? buttonRef.current.getBoundingClientRect() : null;
       return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsxs(react.Popover.Button, {
@@ -51696,7 +51698,7 @@ var FooterPopover = function FooterPopover(_ref3) {
             onClick: close
           }), /*#__PURE__*/jsxRuntime.jsx(react.Popover.Panel, {
             "static": true,
-            className: "fixed w-52 rounded-lg border border-white/10 bg-neutral-900 shadow-xl",
+            className: "fixed w-52 rounded-lg border border-white/10 ".concat((currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme["bg-primary-dark"]) || "bg-neutral-900", " shadow-xl"),
             style: {
               zIndex: 9999,
               left: (_rect$left = rect === null || rect === void 0 ? void 0 : rect.left) !== null && _rect$left !== void 0 ? _rect$left : 0,
@@ -51747,12 +51749,12 @@ var FooterPopover = function FooterPopover(_ref3) {
     }
   });
 };
-var PopoverItem = function PopoverItem(_ref5) {
-  var icon = _ref5.icon,
-    label = _ref5.label,
-    onClick = _ref5.onClick,
-    _ref5$active = _ref5.active,
-    active = _ref5$active === void 0 ? false : _ref5$active;
+var PopoverItem = function PopoverItem(_ref6) {
+  var icon = _ref6.icon,
+    label = _ref6.label,
+    onClick = _ref6.onClick,
+    _ref6$active = _ref6.active,
+    active = _ref6$active === void 0 ? false : _ref6$active;
   return /*#__PURE__*/jsxRuntime.jsxs("button", {
     type: "button",
     onClick: onClick,
@@ -53423,6 +53425,61 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
+  // ─── Listen for external "apply theme" requests ─────────────────
+  // MCP-driven apply_theme updates settings in the main process; this
+  // listener pulls the new theme into ThemeContext without a remount.
+  React.useEffect(function () {
+    var handler = function handler(e) {
+      var _e$detail;
+      var themeKey = e === null || e === void 0 || (_e$detail = e.detail) === null || _e$detail === void 0 ? void 0 : _e$detail.themeKey;
+      if (themeKey && typeof changeCurrentTheme === "function") {
+        changeCurrentTheme(themeKey);
+      }
+    };
+    window.addEventListener("dash:apply-theme", handler);
+    return function () {
+      return window.removeEventListener("dash:apply-theme", handler);
+    };
+  }, [changeCurrentTheme]);
+
+  // ─── Listen for external "open workspace" requests ──────────────
+  // Fired by: Dash.js notification click, MCP state-changed for
+  // create_dashboard, etc. Any code that wants to switch the active
+  // dashboard from outside this component dispatches
+  //   window.dispatchEvent(new CustomEvent("dash:navigate-workspace",
+  //     { detail: { workspaceId: <number> } }))
+  // We record the requested ID and open it once it appears in
+  // workspaceConfig — handles the case where the workspace was just
+  // created and the config reload is still in flight.
+  var _useState49 = React.useState(null),
+    _useState50 = _slicedToArray(_useState49, 2),
+    pendingOpenWorkspaceId = _useState50[0],
+    setPendingOpenWorkspaceId = _useState50[1];
+  React.useEffect(function () {
+    var handler = function handler(e) {
+      var _e$detail2;
+      var id = e === null || e === void 0 || (_e$detail2 = e.detail) === null || _e$detail2 === void 0 ? void 0 : _e$detail2.workspaceId;
+      if (id != null) setPendingOpenWorkspaceId(Number(id));
+    };
+    window.addEventListener("dash:navigate-workspace", handler);
+    return function () {
+      return window.removeEventListener("dash:navigate-workspace", handler);
+    };
+  }, []);
+  React.useEffect(function () {
+    if (pendingOpenWorkspaceId == null) return;
+    var ws = workspaceConfig.find(function (w) {
+      return Number(w.id) === Number(pendingOpenWorkspaceId);
+    });
+    if (ws) {
+      handleOpenTab(ws);
+      setPendingOpenWorkspaceId(null);
+    }
+    // If not found yet, keep the pending ID and wait for the next
+    // workspaceConfig update (workspace:saved triggers a reload).
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [pendingOpenWorkspaceId, workspaceConfig]);
+
   // ─── Load recents on mount ───────────────────────────────────────
   React.useEffect(function () {
     var _window$mainApi4;
@@ -53674,6 +53731,22 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
       setWorkspaceConfig(function () {
         return workspacesTemp;
       });
+      // Also sync fresh workspace data into any open tabs. Without this,
+      // MCP-driven mutations (update_layout, add_widget, etc.) update the
+      // config but the active tab keeps its stale snapshot — users only
+      // see the change after closing and reopening the tab.
+      setOpenTabs(function (prevTabs) {
+        return prevTabs.map(function (tab) {
+          var fresh = workspacesTemp.find(function (w) {
+            return Number(w.id) === Number(tab.id);
+          });
+          if (!fresh) return tab; // workspace was deleted; leave tab for handleCloseTab to reap
+          return _objectSpread$6(_objectSpread$6({}, tab), {}, {
+            name: fresh.name || tab.name,
+            workspace: fresh
+          });
+        });
+      });
       setIsLoadingWorkspaces(false);
     } catch (e) {
     }
@@ -53747,10 +53820,10 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   }
 
   // ─── Page State ──────────────────────────────────────────────────
-  var _useState49 = React.useState(null),
-    _useState50 = _slicedToArray(_useState49, 2),
-    activePageId = _useState50[0],
-    setActivePageId = _useState50[1];
+  var _useState51 = React.useState(null),
+    _useState52 = _slicedToArray(_useState51, 2),
+    activePageId = _useState52[0],
+    setActivePageId = _useState52[1];
 
   // Page history stack for goBack() — pushes the previous page id
   // whenever a navigation happens through navigateToPage().
@@ -53810,8 +53883,8 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
       if (prev) setActivePageId(prev); // bypass history recording
     }
     function onSetNavSidebar(e) {
-      var _e$detail;
-      setSidebarCollapsed(!!((_e$detail = e.detail) !== null && _e$detail !== void 0 && _e$detail.collapsed));
+      var _e$detail3;
+      setSidebarCollapsed(!!((_e$detail3 = e.detail) !== null && _e$detail3 !== void 0 && _e$detail3.collapsed));
     }
     function onToggleNavSidebar() {
       setSidebarCollapsed(function (c) {
@@ -53847,16 +53920,18 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   }, []);
   var workspacePages = (workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.pages) || [];
 
-  // Memoize sorted pages so page object references stay stable across re-renders
+  // Memoize sorted pages so page object references stay stable across re-renders.
+  // Depend on `workspaceSelected` so the memo invalidates whenever the workspace
+  // is refreshed (e.g. after an MCP-driven layout/widget change). Without this,
+  // PageLayoutBuilder's React.memo would see the same page reference and skip
+  // re-rendering even though the page's layout array changed underneath.
   var sortedPagesForRender = React.useMemo(function () {
     return _toConsumableArray(workspacePages).sort(function (a, b) {
       return (a.order || 0) - (b.order || 0);
     });
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [workspacePages.length,
-  // Re-sort when page names/order change but not on every parent render
-  workspacePages.map(function (p) {
+  [workspaceSelected, workspacePages.length, workspacePages.map(function (p) {
     return "".concat(p.id, ":").concat(p.order, ":").concat(p.name);
   }).join(",")]);
   var currentActivePageId = activePageId || (workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.activePageId) || ((_workspacePages$0$id = (_workspacePages$ = workspacePages[0]) === null || _workspacePages$ === void 0 ? void 0 : _workspacePages$.id) !== null && _workspacePages$0$id !== void 0 ? _workspacePages$0$id : null);
@@ -53877,8 +53952,8 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   // Listen for open/close dashboard actions via DashboardActionsApi
   React.useEffect(function () {
     function onOpen(e) {
-      var _e$detail2;
-      var name = (_e$detail2 = e.detail) === null || _e$detail2 === void 0 ? void 0 : _e$detail2.name;
+      var _e$detail4;
+      var name = (_e$detail4 = e.detail) === null || _e$detail4 === void 0 ? void 0 : _e$detail4.name;
       if (!name) return;
       var ws = (workspaceConfigRef.current || []).find(function (w) {
         return (w.name || "").toLowerCase() === name.toLowerCase();
@@ -53886,8 +53961,8 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
       if (ws && handleOpenTabRef.current) handleOpenTabRef.current(ws);
     }
     function onClose(e) {
-      var _e$detail3;
-      var name = (_e$detail3 = e.detail) === null || _e$detail3 === void 0 ? void 0 : _e$detail3.name;
+      var _e$detail5;
+      var name = (_e$detail5 = e.detail) === null || _e$detail5 === void 0 ? void 0 : _e$detail5.name;
       if (name) {
         var tab = (openTabsRef.current || []).find(function (t) {
           return (t.name || "").toLowerCase() === name.toLowerCase();
@@ -56560,6 +56635,13 @@ var MessageBubble = function MessageBubble(_ref2) {
     content = message.content,
     toolCalls = message.toolCalls,
     hidden = message.hidden;
+  var _ref3 = React.useContext(DashReact.ThemeContext) || {},
+    currentTheme = _ref3.currentTheme;
+  // Prefer theme-provided panel colors so assistant chrome follows the
+  // active app theme. Fall back to the original muted neutral if no
+  // theme is in scope.
+  var bubbleBg = (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme["bg-secondary-dark"]) || (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme["bg-primary-dark"]) || "bg-gray-800/40";
+  var userBubbleBg = (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme["bg-primary-bright"]) || (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme["bg-primary"]) || "bg-indigo-700/40";
 
   // App-injected priming messages (e.g. widget-builder "Hello…" seed)
   // are kept in state for conversation continuity but suppressed from
@@ -56579,7 +56661,7 @@ var MessageBubble = function MessageBubble(_ref2) {
           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",
+          className: "px-3 py-2 rounded-lg text-sm text-gray-100 whitespace-pre-wrap break-words leading-relaxed ".concat(userBubbleBg),
           children: text
         })]
       })
@@ -56659,7 +56741,7 @@ var MessageBubble = function MessageBubble(_ref2) {
             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",
+            className: "text-sm leading-relaxed px-3 py-2 rounded-lg text-gray-500 italic ".concat(bubbleBg),
             children: "Thinking..."
           })]
         });
@@ -56672,7 +56754,7 @@ var MessageBubble = function MessageBubble(_ref2) {
         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",
+        className: "text-sm leading-relaxed px-3 py-2 rounded-lg ".concat(bubbleBg),
         children: [isStreaming && /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "text-gray-200",
           children: /*#__PURE__*/jsxRuntime.jsx(StreamingText, {
@@ -57344,6 +57426,10 @@ function ChatCore(_ref) {
     setStreamingText("");
     setSessionActive(false);
     saveConversation([]);
+    // Allow the initial-message auto-send to re-fire on the fresh
+    // empty conversation. Without this reset, the greeting only ever
+    // appears once per mount, and New Chat leaves the panel blank.
+    initialMessageFiredRef.current = false;
     if (isCliBackend && mainApi !== null && mainApi !== void 0 && (_mainApi$llm3 = mainApi.llm) !== null && _mainApi$llm3 !== void 0 && _mainApi$llm3.clearCliSession) {
       mainApi.llm.clearCliSession(uuid || persistKey || sessionKey);
     }