@trops/dash-core 0.1.384 → 0.1.386

package/dist/index.esm.js

@@ -51607,6 +51607,8 @@ var FooterPopover = function FooterPopover(_ref3) {
     _useState2 = _slicedToArray(_useState, 2),
     doNotDisturb = _useState2[0],
     setDoNotDisturb = _useState2[1];
+  var _ref4 = useContext(ThemeContext) || {},
+    currentTheme = _ref4.currentTheme;
   var displayName = authStatus === "authenticated" && authProfile ? authProfile.displayName || authProfile.username : "Account";
 
   // Load initial DND state
@@ -51645,10 +51647,10 @@ var FooterPopover = function FooterPopover(_ref3) {
   }
   return /*#__PURE__*/jsx(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__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsxs(Popover.Button, {
@@ -51678,7 +51680,7 @@ var FooterPopover = function FooterPopover(_ref3) {
             onClick: close
           }), /*#__PURE__*/jsx(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,
@@ -51729,12 +51731,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__*/jsxs("button", {
     type: "button",
     onClick: onClick,
@@ -53405,6 +53407,23 @@ 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.
+  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
@@ -53420,8 +53439,8 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
     setPendingOpenWorkspaceId = _useState50[1];
   useEffect(function () {
     var handler = function handler(e) {
-      var _e$detail;
-      var id = e === null || e === void 0 || (_e$detail = e.detail) === null || _e$detail === void 0 ? void 0 : _e$detail.workspaceId;
+      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);
@@ -53846,8 +53865,8 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
       if (prev) setActivePageId(prev); // bypass history recording
     }
     function onSetNavSidebar(e) {
-      var _e$detail2;
-      setSidebarCollapsed(!!((_e$detail2 = e.detail) !== null && _e$detail2 !== void 0 && _e$detail2.collapsed));
+      var _e$detail3;
+      setSidebarCollapsed(!!((_e$detail3 = e.detail) !== null && _e$detail3 !== void 0 && _e$detail3.collapsed));
     }
     function onToggleNavSidebar() {
       setSidebarCollapsed(function (c) {
@@ -53915,8 +53934,8 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   // Listen for open/close dashboard actions via DashboardActionsApi
   useEffect(function () {
     function onOpen(e) {
-      var _e$detail3;
-      var name = (_e$detail3 = e.detail) === null || _e$detail3 === void 0 ? void 0 : _e$detail3.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();
@@ -53924,8 +53943,8 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
       if (ws && handleOpenTabRef.current) handleOpenTabRef.current(ws);
     }
     function onClose(e) {
-      var _e$detail4;
-      var name = (_e$detail4 = e.detail) === null || _e$detail4 === void 0 ? void 0 : _e$detail4.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();
@@ -56598,6 +56617,13 @@ var MessageBubble = function MessageBubble(_ref2) {
     content = message.content,
     toolCalls = message.toolCalls,
     hidden = message.hidden;
+  var _ref3 = useContext(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
@@ -56617,7 +56643,7 @@ var MessageBubble = function MessageBubble(_ref2) {
           className: "text-[10px] font-semibold uppercase tracking-wider text-indigo-400 mb-1 text-right",
           children: "You"
         }), /*#__PURE__*/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
         })]
       })
@@ -56697,7 +56723,7 @@ var MessageBubble = function MessageBubble(_ref2) {
             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",
+            className: "text-sm leading-relaxed px-3 py-2 rounded-lg text-gray-500 italic ".concat(bubbleBg),
             children: "Thinking..."
           })]
         });
@@ -56710,7 +56736,7 @@ var MessageBubble = function MessageBubble(_ref2) {
         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",
+        className: "text-sm leading-relaxed px-3 py-2 rounded-lg ".concat(bubbleBg),
         children: [isStreaming && /*#__PURE__*/jsx("div", {
           className: "text-gray-200",
           children: /*#__PURE__*/jsx(StreamingText, {