@trops/dash-core 0.1.113 → 0.1.115

package/dist/index.js

@@ -49,8 +49,8 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var jsxRuntime__namespace = /*#__PURE__*/_interopNamespaceDefault(jsxRuntime);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
-function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var event = {
   list: new Map(),
   //  Map(1) { '<widget-UUID>' => { 'CustomSearchbar[10].searchQueryChanged': [] } }
@@ -112,7 +112,7 @@ var event = {
           uuid: subscriber["uuid"]
         };
         if ("action" in subscriber && subscriber.action !== undefined) {
-          subscriber["action"](_objectSpread$z({}, objectToSend));
+          subscriber["action"](_objectSpread$A({}, objectToSend));
         }
       });
     }
@@ -2552,8 +2552,8 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
   });
 };
 
-function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
   var themeKey = _ref.themeKey,
     children = _ref.children;
@@ -2565,7 +2565,7 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
     var dashboardTheme = themes[themeKey];
     var themeValue = dashboardTheme ? dashboardTheme[themeVariant] || null : null;
     if (!themeValue) return null;
-    return _objectSpread$y(_objectSpread$y({}, parentContext), {}, {
+    return _objectSpread$z(_objectSpread$z({}, parentContext), {}, {
       currentTheme: themeValue,
       currentThemeKey: themeKey,
       theme: themeValue,
@@ -2583,8 +2583,8 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
   });
 };
 
-function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AppThemeScope = function AppThemeScope(_ref) {
   var children = _ref.children;
   var ctx = React.useContext(DashReact.ThemeContext);
@@ -2592,7 +2592,7 @@ var AppThemeScope = function AppThemeScope(_ref) {
     children: children
   });
   return /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
-    value: _objectSpread$x(_objectSpread$x({}, ctx), {}, {
+    value: _objectSpread$y(_objectSpread$y({}, ctx), {}, {
       currentTheme: ctx.appTheme,
       currentThemeKey: ctx.appThemeKey,
       theme: ctx.appTheme,
@@ -2704,8 +2704,8 @@ var LayoutContainer = function LayoutContainer(_ref) {
   });
 };
 
-function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$a(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$a(r, a) : void 0; } }
 function _arrayLikeToArray$a(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -2949,7 +2949,7 @@ function createLayoutFromTemplate(template) {
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var cell = _step.value;
-      grid[cell.key] = _objectSpread$w({
+      grid[cell.key] = _objectSpread$x({
         component: null,
         hide: cell.hide || false
       }, cell.span ? {
@@ -8343,8 +8343,8 @@ var deepEqual = function deepEqual(a, b, opts) {
 
 var deepEqual$1 = /*@__PURE__*/getDefaultExportFromCjs(deepEqual);
 
-function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PanelEditItem = function PanelEditItem(_ref) {
   var _ComponentManager$get;
   var workspace = _ref.workspace,
@@ -8370,6 +8370,35 @@ var PanelEditItem = function PanelEditItem(_ref) {
   var widgetConfig = itemSelected ? ComponentManager.config(itemSelected.component, itemSelected) : null;
   var providerRequirements = (widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.providers) || [];
   var selectedProviders = (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected.selectedProviders) || {};
+  var notificationDefs = (widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.notifications) || [];
+
+  // Notification preferences for this widget instance
+  var _useState7 = React.useState({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    notifPrefs = _useState8[0],
+    setNotifPrefs = _useState8[1];
+  var widgetUuid = (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected.uuid) || (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected.uuidString);
+  React.useEffect(function () {
+    var _window$mainApi;
+    if (notificationDefs.length > 0 && widgetUuid && (_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.notifications) !== null && _window$mainApi !== void 0 && _window$mainApi.getPreferences) {
+      window.mainApi.notifications.getPreferences().then(function (result) {
+        var _result$instances;
+        setNotifPrefs(((_result$instances = result.instances) === null || _result$instances === void 0 ? void 0 : _result$instances[widgetUuid]) || {});
+      });
+    }
+  }, [widgetUuid, notificationDefs.length]);
+  function handleNotifToggle(typeKey, value) {
+    var _window$mainApi2;
+    var updated = _objectSpread$w(_objectSpread$w({}, notifPrefs), {}, _defineProperty({}, typeKey, value));
+    setNotifPrefs(updated);
+    if ((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && (_window$mainApi2 = _window$mainApi2.notifications) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.setPreferences && widgetUuid) {
+      window.mainApi.notifications.setPreferences(widgetUuid, _defineProperty({}, typeKey, value));
+    }
+  }
+  function getNotifEnabled(typeKey, defaultEnabled) {
+    if (typeof notifPrefs[typeKey] === "boolean") return notifPrefs[typeKey];
+    return defaultEnabled;
+  }
   React.useEffect(function () {
     if (deepEqual$1(item, itemSelected) === false) {
       setItemSelected(function () {
@@ -8404,7 +8433,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
     var uuid = newItem.uuid || newItem.uuidString;
     if (uuid) {
       workspaceTemp.selectedProviders = workspaceTemp.selectedProviders || {};
-      workspaceTemp.selectedProviders[uuid] = _objectSpread$v(_objectSpread$v({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
+      workspaceTemp.selectedProviders[uuid] = _objectSpread$w(_objectSpread$w({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
     }
     onUpdate(newItem, workspaceTemp);
     forceUpdate();
@@ -8533,7 +8562,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
           var _ref5 = _slicedToArray(_ref4, 2),
             name = _ref5[0],
             p = _ref5[1];
-          return _objectSpread$v({
+          return _objectSpread$w({
             name: name
           }, p);
         });
@@ -8570,6 +8599,31 @@ var PanelEditItem = function PanelEditItem(_ref) {
           })]
         }, providerType);
       })]
+    }), notificationDefs.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+        title: "Notifications",
+        padding: false
+      }), notificationDefs.map(function (notif) {
+        return /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-row items-center justify-between py-1",
+          children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex flex-col",
+            children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-sm",
+              children: notif.displayName
+            }), notif.description && /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-xs opacity-50",
+              children: notif.description
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Switch, {
+            checked: getNotifEnabled(notif.key, notif.defaultEnabled),
+            onChange: function onChange(value) {
+              return handleNotifToggle(notif.key, value);
+            }
+          })]
+        }, notif.key);
+      })]
     })]
   });
 };
@@ -8578,8 +8632,8 @@ var _excluded$5 = ["rows", "cols"];
 function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
 function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultGrid = {
   rows: 1,
   cols: 1,
@@ -8600,7 +8654,7 @@ function GridEditor(_ref) {
     setGrid = _useState2[1];
   var addRow = function addRow() {
     var newRow = grid.rows;
-    var newGrid = _objectSpread$u(_objectSpread$u({}, grid), {}, {
+    var newGrid = _objectSpread$v(_objectSpread$v({}, grid), {}, {
       rows: grid.rows + 1
     });
     for (var col = 0; col < grid.cols; col++) {
@@ -8615,7 +8669,7 @@ function GridEditor(_ref) {
   };
   var addColumn = function addColumn() {
     var newCol = grid.cols;
-    var newGrid = _objectSpread$u(_objectSpread$u({}, grid), {}, {
+    var newGrid = _objectSpread$v(_objectSpread$v({}, grid), {}, {
       cols: grid.cols + 1
     });
     for (var row = 0; row < grid.rows; row++) {
@@ -8648,8 +8702,8 @@ function GridEditor(_ref) {
       });
     }
     if (grid[nextKey]) {
-      var newGrid = _objectSpread$u({}, grid);
-      newGrid[currentKey] = _objectSpread$u(_objectSpread$u({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$v({}, grid);
+      newGrid[currentKey] = _objectSpread$v(_objectSpread$v({}, newGrid[currentKey]), {}, {
         colSpan: newGrid[currentKey].colSpan + 1
       });
       delete newGrid[nextKey];
@@ -8662,8 +8716,8 @@ function GridEditor(_ref) {
     var currentKey = "".concat(row, ".").concat(col);
     var belowKey = "".concat(row + 1, ".").concat(col);
     if (grid[belowKey]) {
-      var newGrid = _objectSpread$u({}, grid);
-      newGrid[currentKey] = _objectSpread$u(_objectSpread$u({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$v({}, grid);
+      newGrid[currentKey] = _objectSpread$v(_objectSpread$v({}, newGrid[currentKey]), {}, {
         rowSpan: newGrid[currentKey].rowSpan + 1
       });
       delete newGrid[belowKey];
@@ -8680,7 +8734,7 @@ function GridEditor(_ref) {
   var splitCell = function splitCell(row, col) {
     var key = "".concat(row, ".").concat(col);
     var cell = grid[key];
-    var newGrid = _objectSpread$u({}, grid);
+    var newGrid = _objectSpread$v({}, grid);
 
     // we have to check the colspan, and since the colspan is greater than 1
     // Only handle horizontal split if colSpan > 1
@@ -8696,13 +8750,13 @@ function GridEditor(_ref) {
         var oldKey = "".concat(row, ".").concat(c);
         var newKey = "".concat(row, ".").concat(c + 1);
         if (newGrid[oldKey]) {
-          newGrid[newKey] = _objectSpread$u({}, newGrid[oldKey]);
+          newGrid[newKey] = _objectSpread$v({}, newGrid[oldKey]);
           delete newGrid[oldKey];
         }
       }
 
       // Update the original cell's colSpan
-      newGrid[key] = _objectSpread$u(_objectSpread$u({}, cell), {}, {
+      newGrid[key] = _objectSpread$v(_objectSpread$v({}, cell), {}, {
         colSpan: cell.colSpan - 1
       });
 
@@ -8714,7 +8768,7 @@ function GridEditor(_ref) {
       };
     }
     if (cell.rowSpan > 1) {
-      newGrid[key] = _objectSpread$u(_objectSpread$u({}, newGrid[key]), {}, {
+      newGrid[key] = _objectSpread$v(_objectSpread$v({}, newGrid[key]), {}, {
         rowSpan: cell.rowSpan - 1
       });
       newGrid["".concat(row + 1, ".").concat(col)] = {
@@ -8833,7 +8887,7 @@ function GridEditor(_ref) {
     var fromKey = "".concat(from.row, ".").concat(from.col);
     var toKey = "".concat(to.row, ".").concat(to.col);
     if (fromKey === toKey) return;
-    var newGrid = _objectSpread$u({}, grid);
+    var newGrid = _objectSpread$v({}, grid);
 
     // Swap the cells
     var temp = newGrid[fromKey];
@@ -8859,7 +8913,7 @@ function GridEditor(_ref) {
     // console.log("Grid updated:", sequencedGrid);
   }
   function resetGridLayout() {
-    var newGrid = _objectSpread$u({}, defaultGrid);
+    var newGrid = _objectSpread$v({}, defaultGrid);
     setGrid(newGrid);
     onUpdate(newGrid);
   }
@@ -11113,8 +11167,8 @@ var WidgetIcon = function WidgetIcon(_ref) {
   });
 };
 
-function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProviderForm = function ProviderForm(_ref) {
   var credentialSchema = _ref.credentialSchema,
     _ref$initialValues = _ref.initialValues,
@@ -11159,14 +11213,14 @@ var ProviderForm = function ProviderForm(_ref) {
         var oldKey = f.key;
         if (oldKey && formData[oldKey] !== undefined) {
           setFormData(function (fd) {
-            var updated = _objectSpread$t({}, fd);
+            var updated = _objectSpread$u({}, fd);
             var val = updated[oldKey];
             delete updated[oldKey];
             if (newKey.trim()) updated[newKey] = val;
             return updated;
           });
         }
-        return _objectSpread$t(_objectSpread$t({}, f), {}, {
+        return _objectSpread$u(_objectSpread$u({}, f), {}, {
           key: newKey
         });
       });
@@ -11178,14 +11232,14 @@ var ProviderForm = function ProviderForm(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormData(function (prev) {
-        return _objectSpread$t(_objectSpread$t({}, prev), {}, _defineProperty({}, field.key, value));
+        return _objectSpread$u(_objectSpread$u({}, prev), {}, _defineProperty({}, field.key, value));
       });
     }
   };
   var handleDynamicSecretToggle = function handleDynamicSecretToggle(id) {
     setDynamicFields(function (prev) {
       return prev.map(function (f) {
-        return f.id === id ? _objectSpread$t(_objectSpread$t({}, f), {}, {
+        return f.id === id ? _objectSpread$u(_objectSpread$u({}, f), {}, {
           secret: !f.secret
         }) : f;
       });
@@ -11207,7 +11261,7 @@ var ProviderForm = function ProviderForm(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormData(function (prev) {
-        var updated = _objectSpread$t({}, prev);
+        var updated = _objectSpread$u({}, prev);
         delete updated[field.key];
         return updated;
       });
@@ -11249,13 +11303,13 @@ var ProviderForm = function ProviderForm(_ref) {
    */
   var handleInputChange = function handleInputChange(fieldName, value) {
     setFormData(function (prev) {
-      return _objectSpread$t(_objectSpread$t({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$u(_objectSpread$u({}, prev), {}, _defineProperty({}, fieldName, value));
     });
 
     // Clear error for this field if it was filled
     if (errors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setErrors(function (prev) {
-        var newErrors = _objectSpread$t({}, prev);
+        var newErrors = _objectSpread$u({}, prev);
         delete newErrors[fieldName];
         return newErrors;
       });
@@ -11293,7 +11347,7 @@ var ProviderForm = function ProviderForm(_ref) {
           // Clear error if filled
           if (errors.providerName && value !== null && value !== void 0 && value.trim()) {
             setErrors(function (prev) {
-              var newErrors = _objectSpread$t({}, prev);
+              var newErrors = _objectSpread$u({}, prev);
               delete newErrors.providerName;
               return newErrors;
             });
@@ -11530,8 +11584,8 @@ var ToolSelector = function ToolSelector(_ref) {
   });
 };
 
-function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Shared MCP utility functions.
  *
@@ -11659,7 +11713,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
         headerTemplate[name] = value;
       }
     });
-    var config = _objectSpread$s({}, baseMcpConfig);
+    var config = _objectSpread$t({}, baseMcpConfig);
     if (Object.keys(headerTemplate).length > 0) {
       config.headerTemplate = headerTemplate;
     } else {
@@ -11677,7 +11731,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
       envMapping[env] = cred;
     }
   });
-  return _objectSpread$s(_objectSpread$s({}, baseMcpConfig), {}, {
+  return _objectSpread$t(_objectSpread$t({}, baseMcpConfig), {}, {
     envMapping: envMapping
   });
 }
@@ -11914,8 +11968,8 @@ function mcpJsonToFormState(jsonString, nextRowId) {
 function _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
 function _arrayLikeToArray$8(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -12092,7 +12146,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       .map(function (entry) {
         var widget = allWidgets[entry.widgetKey];
         if (!widget) return null; // Widget no longer exists
-        return _objectSpread$r(_objectSpread$r({
+        return _objectSpread$s(_objectSpread$s({
           key: entry.widgetKey
         }, widget), {}, {
           savedProviders: entry.providers || {},
@@ -12243,7 +12297,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       // Get widgets from ComponentManager
       var allWidgets = ComponentManager.map();
       var widgetList = Object.keys(allWidgets).map(function (key) {
-        return _objectSpread$r({
+        return _objectSpread$s({
           key: key
         }, allWidgets[key]);
       }).filter(function (widget) {
@@ -12473,7 +12527,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       setInlineCreateType(null);
       setInlineCreateSchema({});
       setInlineCreateError(null);
-      setSelectedProviders(_objectSpread$r(_objectSpread$r({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
+      setSelectedProviders(_objectSpread$s(_objectSpread$s({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
     }
   };
   var handleInlineProviderSubmit = function handleInlineProviderSubmit(formData) {
@@ -12494,7 +12548,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Auto-select the newly created provider
       setSelectedProviders(function (prev) {
-        return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, providerType, providerName));
+        return _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty({}, providerType, providerName));
       });
 
       // Collapse the inline form
@@ -12548,11 +12602,11 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
   };
   var inlineHandleCredentialChange = function inlineHandleCredentialChange(fieldName, value) {
     setInlineCredentialData(function (prev) {
-      return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (inlineFormErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setInlineFormErrors(function (prev) {
-        var next = _objectSpread$r({}, prev);
+        var next = _objectSpread$s({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -12645,7 +12699,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
         refreshProviders();
       }
       setSelectedProviders(function (prev) {
-        return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, providerType, providerName));
+        return _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty({}, providerType, providerName));
       });
 
       // Reset stepper state
@@ -12666,7 +12720,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
     });
   };
   var handleConfigChange = function handleConfigChange(key, value) {
-    setUserConfigValues(_objectSpread$r(_objectSpread$r({}, userConfigValues), {}, _defineProperty({}, key, value)));
+    setUserConfigValues(_objectSpread$s(_objectSpread$s({}, userConfigValues), {}, _defineProperty({}, key, value)));
   };
 
   // Install a package from the registry
@@ -12756,7 +12810,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Phase 3: Save to recent widgets
       saveToRecent(selectedWidget, selectedProviders, userConfigValues);
-      onSelectWidget(_objectSpread$r(_objectSpread$r({}, selectedWidget), {}, {
+      onSelectWidget(_objectSpread$s(_objectSpread$s({}, selectedWidget), {}, {
         selectedProviders: selectedProviders,
         // Pass to parent
         userConfigValues: userConfigValues // Pass to parent
@@ -13394,7 +13448,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
                                               setInlineProviderName(value);
                                               if (inlineFormErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                                                 setInlineFormErrors(function (prev) {
-                                                  var next = _objectSpread$r({}, prev);
+                                                  var next = _objectSpread$s({}, prev);
                                                   delete next.providerName;
                                                   return next;
                                                 });
@@ -14431,8 +14485,8 @@ var ProviderSelector = function ProviderSelector(_ref) {
   });
 };
 
-function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   var transport = _ref.transport,
     envMappingRows = _ref.envMappingRows,
@@ -14461,7 +14515,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   var updateEnvRow = function updateEnvRow(id, field, value) {
     onEnvMappingRowsChange(function (prev) {
       return prev.map(function (row) {
-        return row.id === id ? _objectSpread$q(_objectSpread$q({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$r(_objectSpread$r({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -14486,7 +14540,7 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   var updateHeaderRow = function updateHeaderRow(id, field, value) {
     onHeaderRowsChange(function (prev) {
       return prev.map(function (row) {
-        return row.id === id ? _objectSpread$q(_objectSpread$q({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$r(_objectSpread$r({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -14635,8 +14689,8 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   });
 };
 
-function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var McpServerPicker = function McpServerPicker(_ref) {
   var _testResult$tools;
   var isOpen = _ref.isOpen,
@@ -14815,11 +14869,11 @@ var McpServerPicker = function McpServerPicker(_ref) {
   // Handle credential field changes
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$p(_objectSpread$p({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$q(_objectSpread$q({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$p({}, prev);
+        var next = _objectSpread$q({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -15157,7 +15211,7 @@ var McpServerPicker = function McpServerPicker(_ref) {
                           setProviderName(value);
                           if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                             setFormErrors(function (prev) {
-                              var next = _objectSpread$p({}, prev);
+                              var next = _objectSpread$q({}, prev);
                               delete next.providerName;
                               return next;
                             });
@@ -15347,8 +15401,8 @@ var McpServerPicker = function McpServerPicker(_ref) {
   });
 };
 
-function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var USE_ENHANCED_WIDGET_SELECTOR = true; // Set to false to use original modal
 
 /**
@@ -15394,7 +15448,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     var _ref3 = _slicedToArray(_ref2, 2),
       id = _ref3[0],
       p = _ref3[1];
-    return _objectSpread$o(_objectSpread$o({}, p), {}, {
+    return _objectSpread$p(_objectSpread$p({}, p), {}, {
       id: id,
       name: p.name || id
     });
@@ -15481,7 +15535,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     // so we use its layout to replace any corrupted grid data.
     if (workspace && workspace["layout"]) {
       var model = new DashboardModel(workspace);
-      setCurrentWorkspace(_objectSpread$o(_objectSpread$o({}, workspace), {}, {
+      setCurrentWorkspace(_objectSpread$p(_objectSpread$p({}, workspace), {}, {
         layout: model.layout
       }));
     } else {
@@ -15872,7 +15926,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       var uuid = widget.uuid || widget.uuidString;
       if (uuid) {
         newWorkspace.selectedProviders = newWorkspace.selectedProviders || {};
-        newWorkspace.selectedProviders[uuid] = _objectSpread$o(_objectSpread$o({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
+        newWorkspace.selectedProviders[uuid] = _objectSpread$p(_objectSpread$p({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
       }
       setCurrentWorkspace(newWorkspace);
     }
@@ -16007,7 +16061,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     try {
       var config = ComponentManager.config(widgetKey);
       if (!config) return;
-      var widgetItem = _objectSpread$o(_objectSpread$o({}, config), {}, {
+      var widgetItem = _objectSpread$p(_objectSpread$p({}, config), {}, {
         component: widgetKey,
         key: widgetKey
       });
@@ -16236,7 +16290,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
           onSelectWidget: function onSelectWidget(widget) {
 
             // Add component property from widget.key
-            var widgetWithComponent = _objectSpread$o(_objectSpread$o({}, widget), {}, {
+            var widgetWithComponent = _objectSpread$p(_objectSpread$p({}, widget), {}, {
               component: widget.key
             });
             handleClickConfirmAdd(widgetWithComponent, dropdownTarget);
@@ -17860,8 +17914,8 @@ var MissingProviderPrompt = function MissingProviderPrompt(_ref) {
   });
 };
 
-function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper$4(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$4() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$4() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function _isNativeReflectConstruct() { return !!t; })(); }
 var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
@@ -17916,7 +17970,7 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "handleProviderSelect", function (providerType, providerName, credentials) {
 
       // Update local selected providers state
-      var updatedSelected = _objectSpread$n(_objectSpread$n({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
+      var updatedSelected = _objectSpread$o(_objectSpread$o({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
       _this.setState({
         selectedProviders: updatedSelected
       }, function () {
@@ -17990,8 +18044,8 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
 }(React.Component);
 _defineProperty(ProviderErrorBoundary, "contextType", ProviderContext);
 
-function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var withProviderDetection = function withProviderDetection(Component) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$requiredProvider = _ref.requiredProviders,
@@ -18016,7 +18070,7 @@ var withProviderDetection = function withProviderDetection(Component) {
         onProviderSelect: onProviderSelect
       });
     }
-    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$m({}, props));
+    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$n({}, props));
   };
 };
 
@@ -18230,8 +18284,8 @@ var WidgetHelpers = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
 var WidgetErrorBoundary = /*#__PURE__*/function (_Component) {
@@ -18358,7 +18412,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
 
       // Build widgetData for WidgetContext — hooks read from this
       var uuidString = DashReact.getUUID(params.uuid);
-      var widgetData = _objectSpread$l(_objectSpread$l({}, params), {}, {
+      var widgetData = _objectSpread$m(_objectSpread$m({}, params), {}, {
         uuidString: uuidString,
         providers: (config === null || config === void 0 ? void 0 : config.providers) || []
       });
@@ -18386,7 +18440,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
         value: widgetContextValue,
         children: /*#__PURE__*/jsxRuntime.jsx(WidgetErrorBoundary, {
           widgetName: component,
-          children: children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$l(_objectSpread$l(_objectSpread$l({
+          children: children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$m(_objectSpread$m(_objectSpread$m({
             id: "widget-nokids-".concat(widgetKey),
             listen: function listen(listeners, handlers) {
               return helpers.listen(listeners, handlers);
@@ -18399,7 +18453,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
             backgroundColor: bgColor,
             widgetConfig: helpers.config(),
             widgetEventNames: helpers.events()
-          }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$l(_objectSpread$l(_objectSpread$l({
+          }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$m(_objectSpread$m(_objectSpread$m({
             listen: function listen(listeners, handlers) {
               return helpers.listen(listeners, handlers);
             },
@@ -18581,8 +18635,8 @@ var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
 function _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0; } }
 function _arrayLikeToArray$6(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DraggableCellBody = function DraggableCellBody(_ref) {
   var cellNumber = _ref.cellNumber,
     gridContainerId = _ref.gridContainerId,
@@ -18733,7 +18787,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
     var _ref5 = _slicedToArray(_ref4, 2),
       id = _ref5[0],
       provider = _ref5[1];
-    return _objectSpread$k({
+    return _objectSpread$l({
       id: id
     }, provider);
   }) : [];
@@ -19731,7 +19785,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
     var widgetSpecificSelections = (workspace === null || workspace === void 0 || (_workspace$selectedPr = workspace.selectedProviders) === null || _workspace$selectedPr === void 0 ? void 0 : _workspace$selectedPr[id]) || {};
 
     // Add provider-related props from workspace
-    var itemWithProviders = _objectSpread$k(_objectSpread$k({}, item), {}, {
+    var itemWithProviders = _objectSpread$l(_objectSpread$l({}, item), {}, {
       selectedProviders: widgetSpecificSelections,
       onProviderSelect: onProviderSelect
     });
@@ -21244,8 +21298,8 @@ function isWidgetResolvable(componentKey) {
 //     isMinOrderForItem
 // }
 
-function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
 function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -21401,7 +21455,7 @@ var LayoutModel = function LayoutModel(layoutItem, workspaceLayout, dashboardId)
 
     // Merge user-entered config values (from EnhancedWidgetDropdown) into userPrefs
     if ("userConfigValues" in obj && obj.userConfigValues) {
-      layout.userPrefs = _objectSpread$j(_objectSpread$j({}, layout.userPrefs), obj.userConfigValues);
+      layout.userPrefs = _objectSpread$k(_objectSpread$k({}, layout.userPrefs), obj.userConfigValues);
     }
 
     // Preserve provider selections for this widget
@@ -21770,6 +21824,14 @@ var ThemeModel = function ThemeModel() {
     });
     theme["dark"]["name"] = theme.name;
 
+    // Darkest shade (950 dark / 50 light) for stage backgrounds.
+    // Added outside the variant loop to avoid generating invalid text/border
+    // classes (invert(950) would be negative).
+    DashReact.colorTypes.forEach(function (type) {
+      theme["dark"]["bg-".concat(type, "-darkest")] = "bg-".concat(theme[type], "-950");
+      theme["light"]["bg-".concat(type, "-darkest")] = "bg-".concat(theme[type], "-50");
+    });
+
     // transparent colors
     theme["dark"]["bg-none"] = "bg-transparent";
     theme["dark"]["border-none"] = "border-transparent";
@@ -21894,6 +21956,13 @@ var ComponentConfigModel = function ComponentConfigModel() {
   obj.icon = "icon" in obj ? obj["icon"] : null;
   obj["package"] = "package" in obj ? obj["package"] : null;
   obj.providers = "providers" in obj ? obj["providers"] : [];
+
+  /**
+   * notifications
+   * Notification types this widget can emit.
+   * Each entry: { key, displayName, description, defaultEnabled }
+   */
+  obj.notifications = "notifications" in obj ? obj["notifications"] : [];
   return obj;
 };
 
@@ -21907,8 +21976,8 @@ var MenuItemModel = function MenuItemModel() {
   return m;
 };
 
-function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * A Model for a Workspace (Dashboard)
  * The Dashboard in this instance is the entire Layout inclusive of the workspaces and widgets
@@ -23172,7 +23241,7 @@ var DashboardModel = /*#__PURE__*/function () {
                   visibleCells.push({
                     row: r,
                     col: c,
-                    data: _objectSpread$i({}, cell),
+                    data: _objectSpread$j({}, cell),
                     spanCol: ((_cell$span = cell.span) === null || _cell$span === void 0 ? void 0 : _cell$span.col) || 1,
                     spanRow: ((_cell$span2 = cell.span) === null || _cell$span2 === void 0 ? void 0 : _cell$span2.row) || 1
                   });
@@ -23194,7 +23263,7 @@ var DashboardModel = /*#__PURE__*/function () {
               var vc = _visibleCells[_i5];
               var newCol = (vc.col - 1) * count + 1;
               var _key7 = "".concat(vc.row, ".").concat(newCol);
-              grid[_key7] = _objectSpread$i(_objectSpread$i({}, vc.data), {}, {
+              grid[_key7] = _objectSpread$j(_objectSpread$j({}, vc.data), {}, {
                 hide: false,
                 span: {
                   row: vc.spanRow,
@@ -23269,7 +23338,7 @@ var DashboardModel = /*#__PURE__*/function () {
                   _visibleCells2.push({
                     row: _r1,
                     col: _c10,
-                    data: _objectSpread$i({}, _cell6),
+                    data: _objectSpread$j({}, _cell6),
                     spanRow: ((_cell6$span = _cell6.span) === null || _cell6$span === void 0 ? void 0 : _cell6$span.row) || 1,
                     spanCol: ((_cell6$span2 = _cell6.span) === null || _cell6$span2 === void 0 ? void 0 : _cell6$span2.col) || 1
                   });
@@ -23291,7 +23360,7 @@ var DashboardModel = /*#__PURE__*/function () {
               var _vc = _visibleCells3[_i9];
               var newRow = (_vc.row - 1) * count + 1;
               var _key10 = "".concat(newRow, ".").concat(_vc.col);
-              grid[_key10] = _objectSpread$i(_objectSpread$i({}, _vc.data), {}, {
+              grid[_key10] = _objectSpread$j(_objectSpread$j({}, _vc.data), {}, {
                 hide: false,
                 span: {
                   row: _vc.spanRow * count,
@@ -24435,8 +24504,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React.Component);
 
-function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 /**
  * useDashboard Hook
@@ -24492,7 +24561,7 @@ var useDashboard = function useDashboard() {
       }
     });
   }
-  return _objectSpread$h({
+  return _objectSpread$i({
     app: app,
     dashboard: dashboard,
     theme: theme
@@ -25223,8 +25292,74 @@ function useProviderClient(provider) {
   };
 }
 
-function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * useNotifications Hook
+ *
+ * Provides notification methods for widgets.
+ * Validates that the notification type matches the widget's
+ * declared notifications[] config before sending.
+ *
+ * @returns {Object}
+ *   - notify({ type, title, body, data?, silent?, urgency? }) — send a notification
+ *   - notificationTypes — array of notification configs from .dash.js
+ */
+var useNotifications = function useNotifications() {
+  var _workspaceContext$wor;
+  var widgetContext = React.useContext(WidgetContext);
+  var workspaceContext = React.useContext(WorkspaceContext);
+  if (!widgetContext) {
+    throw new Error("useNotifications must be used within a Widget component. " + "Make sure your component is rendered inside <Widget> and within a DashboardWrapper.");
+  }
+  var _ref = widgetContext.widgetData || {},
+    componentName = _ref.componentName,
+    uuid = _ref.uuid,
+    notifications = _ref.notifications;
+  var workspaceId = workspaceContext === null || workspaceContext === void 0 || (_workspaceContext$wor = workspaceContext.workspaceData) === null || _workspaceContext$wor === void 0 ? void 0 : _workspaceContext$wor.id;
+  var notify = React.useCallback(function (_ref2) {
+    var type = _ref2.type,
+      title = _ref2.title,
+      body = _ref2.body,
+      data = _ref2.data,
+      silent = _ref2.silent,
+      urgency = _ref2.urgency;
+    if (!window.mainApi || !window.mainApi.notifications) {
+      return Promise.resolve({
+        success: false,
+        reason: "no_api"
+      });
+    }
+
+    // Validate type against widget's declared notifications
+    var declaredTypes = notifications || [];
+    var isValid = declaredTypes.some(function (n) {
+      return n.key === type;
+    });
+    if (!isValid) {
+      return Promise.resolve({
+        success: false,
+        reason: "invalid_type"
+      });
+    }
+    return window.mainApi.notifications.send({
+      widgetName: componentName,
+      widgetId: uuid,
+      workspaceId: workspaceId,
+      type: type,
+      title: title,
+      body: body,
+      data: data,
+      silent: silent,
+      urgency: urgency
+    });
+  }, [componentName, uuid, workspaceId, notifications]);
+  return {
+    notify: notify,
+    notificationTypes: notifications || []
+  };
+};
+
+function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
   var theme = _ref.theme,
     themeVariant = _ref.themeVariant,
@@ -25273,13 +25408,13 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
       className: "flex flex-col space-y-4 p-4",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-row bg-gray-900 p-4 space-x-4 rounded justify-between",
-        children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$g(_objectSpread$g({}, styles), {}, {
+        children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$h(_objectSpread$h({}, styles), {}, {
           scrollable: false,
           className: "rounded",
           children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel"
-          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Body, _objectSpread$g(_objectSpread$g({}, styles), {}, {
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Body, _objectSpread$h(_objectSpread$h({}, styles), {}, {
             onClick: function onClick() {
               handleClickItem(DashReact.themeObjects.PANEL, styles);
             }
@@ -25287,14 +25422,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             className: "text-xs uppercase font-light",
             children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL)
           })]
-        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$h(_objectSpread$h({
           className: "rounded"
         }, styles2), {}, {
           scrollable: false,
           children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel 2"
-          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Body, _objectSpread$g(_objectSpread$g({}, styles2), {}, {
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Body, _objectSpread$h(_objectSpread$h({}, styles2), {}, {
             onClick: function onClick() {
               handleClickItem(DashReact.themeObjects.PANEL_2, styles2);
             }
@@ -25302,14 +25437,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             className: "text-xs uppercase font-light",
             children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL_2)
           })]
-        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$h(_objectSpread$h({
           className: "rounded"
         }, styles3), {}, {
           scrollable: false,
           children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel 3"
-          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Body, _objectSpread$g(_objectSpread$g({}, styles3), {}, {
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Body, _objectSpread$h(_objectSpread$h({}, styles3), {}, {
             onClick: function onClick() {
               handleClickItem(DashReact.themeObjects.PANEL_3, styles3);
             }
@@ -25318,68 +25453,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL_3)
           })]
         }))]
-      }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$g(_objectSpread$g({
+      }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$h(_objectSpread$h({
         className: "p-6 rounded border-4 space-y-4",
         scrollable: false,
         height: "h-fit"
       }, styles), {}, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$g(_objectSpread$g({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$h(_objectSpread$h({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$h(_objectSpread$h({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$h(_objectSpread$h({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$h(_objectSpread$h({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$h(_objectSpread$h({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$h(_objectSpread$h({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$h(_objectSpread$h({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraphStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$h(_objectSpread$h({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$h(_objectSpread$h({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -25388,19 +25523,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$g(_objectSpread$g({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$h(_objectSpread$h({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$g(_objectSpread$g({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$h(_objectSpread$h({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$g(_objectSpread$g({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$h(_objectSpread$h({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -25411,14 +25546,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           className: "flex flex-row space-x-4 w-full h-fit",
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -25427,14 +25562,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -25443,14 +25578,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -25460,17 +25595,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$g(_objectSpread$g({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$h(_objectSpread$h({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$g(_objectSpread$g({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$h(_objectSpread$h({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$g(_objectSpread$g({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$h(_objectSpread$h({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -25478,21 +25613,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$g(_objectSpread$g({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$h(_objectSpread$h({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$g(_objectSpread$g({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$h(_objectSpread$h({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$g(_objectSpread$g({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$h(_objectSpread$h({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -25501,67 +25636,67 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$g(_objectSpread$g({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$h(_objectSpread$h({
         className: "p-6 rounded border-4 space-y-4",
         height: "h-fit"
       }, styles2), {}, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$g(_objectSpread$g({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$h(_objectSpread$h({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$h(_objectSpread$h({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$h(_objectSpread$h({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$h(_objectSpread$h({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$h(_objectSpread$h({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$h(_objectSpread$h({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$h(_objectSpread$h({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraphStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$h(_objectSpread$h({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$h(_objectSpread$h({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -25570,19 +25705,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$g(_objectSpread$g({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$h(_objectSpread$h({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$g(_objectSpread$g({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$h(_objectSpread$h({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$g(_objectSpread$g({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$h(_objectSpread$h({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -25593,14 +25728,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           className: "flex flex-row space-x-4 w-full",
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -25609,14 +25744,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -25625,14 +25760,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -25642,17 +25777,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$g(_objectSpread$g({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$h(_objectSpread$h({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$g(_objectSpread$g({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$h(_objectSpread$h({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$g(_objectSpread$g({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$h(_objectSpread$h({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -25660,21 +25795,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$g(_objectSpread$g({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$h(_objectSpread$h({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$g(_objectSpread$g({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$h(_objectSpread$h({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$g(_objectSpread$g({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$h(_objectSpread$h({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -25683,68 +25818,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$g(_objectSpread$g({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$h(_objectSpread$h({
         className: "p-6 rounded border-4 space-y-4"
       }, styles3), {}, {
         padding: false,
         height: "h-fit",
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$g(_objectSpread$g({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$h(_objectSpread$h({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$h(_objectSpread$h({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$h(_objectSpread$h({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$h(_objectSpread$h({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$h(_objectSpread$h({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$h(_objectSpread$h({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$h(_objectSpread$h({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraphStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$h(_objectSpread$h({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$h(_objectSpread$h({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -25753,19 +25888,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$g(_objectSpread$g({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$h(_objectSpread$h({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$g(_objectSpread$g({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$h(_objectSpread$h({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$g(_objectSpread$g({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$h(_objectSpread$h({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -25776,14 +25911,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           className: "flex flex-row space-x-4 w-full",
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -25792,14 +25927,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -25808,14 +25943,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$g(_objectSpread$g({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -25825,17 +25960,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$g(_objectSpread$g({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$h(_objectSpread$h({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$g(_objectSpread$g({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$h(_objectSpread$h({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$g(_objectSpread$g({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$h(_objectSpread$h({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -25843,21 +25978,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$g(_objectSpread$g({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$h(_objectSpread$h({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$g(_objectSpread$g({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$h(_objectSpread$h({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$g(_objectSpread$g({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$h(_objectSpread$h({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -25866,57 +26001,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$g(_objectSpread$g({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$h(_objectSpread$h({
         className: "p-6 rounded border-4 space-y-4"
       }, styles2), {}, {
         height: "h-fit",
         padding: false,
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$g(_objectSpread$g({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$h(_objectSpread$h({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$h(_objectSpread$h({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$h(_objectSpread$h({
           text: "Paragraph 2 - The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$h(_objectSpread$h({
           title: "Button"
         }, button2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$h(_objectSpread$h({
           text: "Button Icon",
           icon: "pencil"
         }, buttonIcon2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$h(_objectSpread$h({
           icon: "pencil"
         }, buttonIcon2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIconStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$g(_objectSpread$g({}, menuItem2Styles), {}, {
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$h(_objectSpread$h({}, menuItem2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
           },
           children: "Menu Item"
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$h(_objectSpread$h({
           text: "Tag 2",
           icon: "pencil"
         }, tag2Styles), {}, {
@@ -25924,57 +26059,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
           }
         }))]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$g(_objectSpread$g({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$h(_objectSpread$h({
         className: "p-6 rounded border-4 space-y-4"
       }, styles3), {}, {
         height: "h-fit",
         padding: false,
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$g(_objectSpread$g({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$h(_objectSpread$h({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$h(_objectSpread$h({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$h(_objectSpread$h({
           text: "Paragraph 3 - The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH_3, paragraph3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$h(_objectSpread$h({
           title: "Button"
         }, button3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_3, button3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$h(_objectSpread$h({
           text: "Button Icon 3",
           icon: "pencil"
         }, buttonIcon3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$h(_objectSpread$h({
           icon: "pencil"
         }, buttonIcon3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$g(_objectSpread$g({}, menuItem3Styles), {}, {
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$h(_objectSpread$h({}, menuItem3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
           },
           children: "Menu Item"
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$g(_objectSpread$g({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$h(_objectSpread$h({
           text: "Tag",
           icon: "pencil"
         }, tag3Styles), {}, {
@@ -26023,8 +26158,8 @@ var ThemePane = function ThemePane(_ref) {
 };
 
 var _excluded$2 = ["colorFromTheme", "colorName", "shade", "variant", "colorType", "colorLevelName", "selected", "onClick", "onMouseOver", "width", "height"];
-function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ColorTile = function ColorTile(_ref) {
   var _ref$colorFromTheme = _ref.colorFromTheme,
     colorFromTheme = _ref$colorFromTheme === void 0 ? null : _ref$colorFromTheme,
@@ -26049,7 +26184,7 @@ var ColorTile = function ColorTile(_ref) {
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? "h-10" : _ref$height,
     rest = _objectWithoutProperties(_ref, _excluded$2);
-  var c = ColorModel(_objectSpread$f({
+  var c = ColorModel(_objectSpread$g({
     colorFromTheme: colorFromTheme,
     colorName: colorName,
     colorType: colorType,
@@ -26077,10 +26212,10 @@ var ColorTile = function ColorTile(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "flex flex-col rounded-lg cursor-pointer items-center justify-center border-2 text-xs ".concat(selected === true ? "border-yellow-500" : "border-gray-800", " hover:border-yellow-500 border-gray-800 ").concat(c["class"], " ").concat(width, " ").concat(height),
     onClick: function onClick() {
-      return _onClick !== null ? _onClick(_objectSpread$f(_objectSpread$f({}, c), rest)) : null;
+      return _onClick !== null ? _onClick(_objectSpread$g(_objectSpread$g({}, c), rest)) : null;
     },
     onMouseOver: function onMouseOver() {
-      return _onMouseOver !== null ? _onMouseOver(_objectSpread$f(_objectSpread$f({}, c), rest)) : null;
+      return _onMouseOver !== null ? _onMouseOver(_objectSpread$g(_objectSpread$g({}, c), rest)) : null;
     },
     children: "\xA0"
   });
@@ -27263,8 +27398,8 @@ if (process.env.NODE_ENV !== 'production') {
 var propTypesExports = propTypes.exports;
 var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
-function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 // Host-injected module references (e.g., "@trops/dash-core").
 // Set by the host app via setHostModules() after all modules are fully loaded,
@@ -27300,7 +27435,7 @@ var BASE_MODULE_MAP = {
 function evaluateBundle(source, widgetName) {
   // Merge base modules with host-provided modules (e.g., "@trops/dash-core")
   // at call time so _hostModules is populated by the time widgets load.
-  var moduleMap = _objectSpread$e(_objectSpread$e({}, BASE_MODULE_MAP), _hostModules);
+  var moduleMap = _objectSpread$f(_objectSpread$f({}, BASE_MODULE_MAP), _hostModules);
   var module = {
     exports: {}
   };
@@ -27313,7 +27448,7 @@ function evaluateBundle(source, widgetName) {
       // CJS bundles expect `require("pkg").Widget` to work, so merge
       // `.default` properties onto the returned object.
       if (mod["default"] && _typeof(mod["default"]) === "object") {
-        return _objectSpread$e(_objectSpread$e(_objectSpread$e({}, mod["default"]), mod), {}, {
+        return _objectSpread$f(_objectSpread$f(_objectSpread$f({}, mod["default"]), mod), {}, {
           "default": mod["default"]
         });
       }
@@ -28001,8 +28136,8 @@ var HARMONY_STRATEGIES = [{
   label: "Custom"
 }];
 
-function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var COLOR_PROPERTIES$1 = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
 var PreviewColorsPane = function PreviewColorsPane(_ref) {
   var _ref$styles = _ref.styles,
@@ -28019,7 +28154,7 @@ var PreviewColorsPane = function PreviewColorsPane(_ref) {
   function handleClickItem(data, styleNameCss, itemType, objectType) {
     // override the object type
     data["objectType"] = objectType;
-    onClickItem(_objectSpread$d(_objectSpread$d({}, data), {}, {
+    onClickItem(_objectSpread$e(_objectSpread$e({}, data), {}, {
       itemType: itemType,
       styleName: styleNameCss
     }));
@@ -28429,8 +28564,8 @@ var ThemeMenuPane = function ThemeMenuPane(_ref) {
   });
 };
 
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var COMPONENT_GROUPS$1 = {
   Typography: [DashReact.themeObjects.HEADING, DashReact.themeObjects.HEADING_2, DashReact.themeObjects.HEADING_3, DashReact.themeObjects.SUBHEADING, DashReact.themeObjects.SUBHEADING_2, DashReact.themeObjects.SUBHEADING_3, DashReact.themeObjects.PARAGRAPH, DashReact.themeObjects.PARAGRAPH_2, DashReact.themeObjects.PARAGRAPH_3],
   Buttons: [DashReact.themeObjects.BUTTON, DashReact.themeObjects.BUTTON_2, DashReact.themeObjects.BUTTON_3, DashReact.themeObjects.BUTTON_ICON, DashReact.themeObjects.BUTTON_ICON_2, DashReact.themeObjects.BUTTON_ICON_3],
@@ -28461,7 +28596,7 @@ var ComponentSelectorPane = function ComponentSelectorPane(_ref) {
     setCollapsedGroups = _useState2[1];
   function toggleGroup(groupName) {
     setCollapsedGroups(function (prev) {
-      return _objectSpread$c(_objectSpread$c({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
+      return _objectSpread$d(_objectSpread$d({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
     });
   }
   function hasOverrides(itemKey) {
@@ -28697,8 +28832,8 @@ var NonColorPickerPane = function NonColorPickerPane(_ref) {
 };
 
 var _excluded$1 = ["children"];
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var COLOR_PROPERTIES = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
 var isColorProperty = function isColorProperty(name) {
   return COLOR_PROPERTIES.has(name);
@@ -29258,7 +29393,7 @@ var PanelTheme = function PanelTheme(_ref) {
     if (itemSelected && themeSelected && themeVariant) {
       var updatedStyles = DashReact.getStylesForItem(itemSelected.item, themeSelected[themeVariant]);
       setItemSelected(function (prev) {
-        return _objectSpread$b(_objectSpread$b({}, prev), {}, {
+        return _objectSpread$c(_objectSpread$c({}, prev), {}, {
           styles: updatedStyles
         });
       });
@@ -29429,7 +29564,7 @@ var PanelTheme = function PanelTheme(_ref) {
               styles: clickStyles
             });
           },
-          children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$b(_objectSpread$b({}, panelStyles), {}, {
+          children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$c(_objectSpread$c({}, panelStyles), {}, {
             scrollable: false,
             className: "rounded",
             height: "",
@@ -29443,9 +29578,9 @@ var PanelTheme = function PanelTheme(_ref) {
                   var _comp$props = comp.props,
                     childContent = _comp$props.children,
                     restProps = _objectWithoutProperties(_comp$props, _excluded$1);
-                  var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$b(_objectSpread$b({}, restProps), {}, {
+                  var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$c(_objectSpread$c({}, restProps), {}, {
                     children: childContent
-                  })) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$b({}, restProps));
+                  })) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$c({}, restProps));
                   return renderComponentRow(comp.key, renderedComponent);
                 })
               })
@@ -29461,7 +29596,7 @@ var PanelTheme = function PanelTheme(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
         children: "Forms & Inputs"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$b(_objectSpread$b({}, DashReact.getStylesForItem("panel", themeData)), {}, {
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$c(_objectSpread$c({}, DashReact.getStylesForItem("panel", themeData)), {}, {
         scrollable: false,
         className: "rounded",
         height: "",
@@ -29489,7 +29624,7 @@ var PanelTheme = function PanelTheme(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
         children: "Data & Stats"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$b(_objectSpread$b({}, DashReact.getStylesForItem("panel", themeData)), {}, {
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$c(_objectSpread$c({}, DashReact.getStylesForItem("panel", themeData)), {}, {
         scrollable: false,
         className: "rounded",
         height: "",
@@ -29594,7 +29729,7 @@ var PanelTheme = function PanelTheme(_ref) {
               }), themeSelected && /*#__PURE__*/jsxRuntime.jsx("div", {
                 className: "flex flex-col flex-1 min-w-0",
                 children: /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
-                  value: _objectSpread$b(_objectSpread$b({}, themeContextValue), {}, {
+                  value: _objectSpread$c(_objectSpread$c({}, themeContextValue), {}, {
                     currentTheme: (themeSelected === null || themeSelected === void 0 ? void 0 : themeSelected[themeVariant]) || themeContextValue.currentTheme
                   }),
                   children: showPreview ? /*#__PURE__*/jsxRuntime.jsx(PreviewComponentsPane, {
@@ -30225,8 +30360,8 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref8) {
   });
 };
 
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ThemeManagerModal = function ThemeManagerModal(_ref) {
   var open = _ref.open,
     setIsOpen = _ref.setIsOpen;
@@ -30333,7 +30468,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
   function handleWizardComplete() {
     if (!wizardTheme || !wizardName.trim()) return;
     var key = wizardTheme.id || "theme-".concat(Date.now());
-    var finalTheme = _objectSpread$a(_objectSpread$a({}, wizardTheme), {}, {
+    var finalTheme = _objectSpread$b(_objectSpread$b({}, wizardTheme), {}, {
       id: key,
       name: wizardName.trim()
     });
@@ -31355,8 +31490,8 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
   });
 };
 
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LayoutPreview = function LayoutPreview(_ref) {
   var layout = _ref.layout;
   var gridRoot = (layout || []).find(function (item) {
@@ -31527,7 +31662,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
     updated.menuId = val ? Number(val) : null;
     // Strip widgetConfig from layout before saving
     updated.layout = (updated.layout || []).map(function (layoutItem) {
-      var cleaned = _objectSpread$9({}, layoutItem);
+      var cleaned = _objectSpread$a({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -31542,7 +31677,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
     var updated = DashReact.deepCopy(ws);
     updated.themeKey = val || null;
     updated.layout = (updated.layout || []).map(function (layoutItem) {
-      var cleaned = _objectSpread$9({}, layoutItem);
+      var cleaned = _objectSpread$a({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -32152,8 +32287,8 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
   });
 };
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DashboardsSection = function DashboardsSection(_ref) {
   var _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
@@ -32241,7 +32376,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
     updated.name = editName.trim();
     // Strip widgetConfig from layout before saving
     updated.layout = (updated.layout || []).map(function (layoutItem) {
-      var cleaned = _objectSpread$8({}, layoutItem);
+      var cleaned = _objectSpread$9({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -32261,7 +32396,7 @@ var DashboardsSection = function DashboardsSection(_ref) {
     copy.version = Date.now();
     // Strip widgetConfig from layout before saving
     copy.layout = (copy.layout || []).map(function (layoutItem) {
-      var cleaned = _objectSpread$8({}, layoutItem);
+      var cleaned = _objectSpread$9({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -32747,8 +32882,8 @@ var FoldersSection = function FoldersSection(_ref) {
   });
 };
 
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProviderDetail = function ProviderDetail(_ref) {
   var _provider$mcpConfig, _testResult$tools;
   var _ref$providerName = _ref.providerName,
@@ -32838,14 +32973,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
         var oldKey = f.key;
         if (oldKey && formCredentials[oldKey] !== undefined) {
           setFormCredentials(function (creds) {
-            var updated = _objectSpread$7({}, creds);
+            var updated = _objectSpread$8({}, creds);
             var val = updated[oldKey];
             delete updated[oldKey];
             if (newKey.trim()) updated[newKey] = val;
             return updated;
           });
         }
-        return _objectSpread$7(_objectSpread$7({}, f), {}, {
+        return _objectSpread$8(_objectSpread$8({}, f), {}, {
           key: newKey
         });
       });
@@ -32857,14 +32992,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormCredentials(function (prev) {
-        return _objectSpread$7(_objectSpread$7({}, prev), {}, _defineProperty({}, field.key, value));
+        return _objectSpread$8(_objectSpread$8({}, prev), {}, _defineProperty({}, field.key, value));
       });
     }
   };
   var handleFieldSecretToggle = function handleFieldSecretToggle(id) {
     setCredentialFields(function (prev) {
       return prev.map(function (f) {
-        return f.id === id ? _objectSpread$7(_objectSpread$7({}, f), {}, {
+        return f.id === id ? _objectSpread$8(_objectSpread$8({}, f), {}, {
           secret: !f.secret
         }) : f;
       });
@@ -32886,7 +33021,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormCredentials(function (prev) {
-        var updated = _objectSpread$7({}, prev);
+        var updated = _objectSpread$8({}, prev);
         delete updated[field.key];
         return updated;
       });
@@ -32899,7 +33034,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
   };
   var handleCredentialChange = function handleCredentialChange(key, value) {
     setFormCredentials(function (prev) {
-      return _objectSpread$7(_objectSpread$7({}, prev), {}, _defineProperty({}, key, value));
+      return _objectSpread$8(_objectSpread$8({}, prev), {}, _defineProperty({}, key, value));
     });
   };
   var handleTestConnection = function handleTestConnection() {
@@ -33368,8 +33503,8 @@ var ProviderDetail = function ProviderDetail(_ref) {
   });
 };
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var rowIdCounter = 0;
 var nextRowId = function nextRowId() {
   return "row_".concat(++rowIdCounter);
@@ -33630,7 +33765,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   var updateEnvRow = function updateEnvRow(id, field, value) {
     setEnvMappingRows(function (prev) {
       return prev.map(function (row) {
-        return row.id === id ? _objectSpread$6(_objectSpread$6({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$7(_objectSpread$7({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -33655,7 +33790,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   var updateHeaderRow = function updateHeaderRow(id, field, value) {
     setHeaderRows(function (prev) {
       return prev.map(function (row) {
-        return row.id === id ? _objectSpread$6(_objectSpread$6({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$7(_objectSpread$7({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -33670,11 +33805,11 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   // --- credential field change ---
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$7(_objectSpread$7({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$6({}, prev);
+        var next = _objectSpread$7({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -33882,7 +34017,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
                   setProviderName(value);
                   if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                     setFormErrors(function (prev) {
-                      var next = _objectSpread$6({}, prev);
+                      var next = _objectSpread$7({}, prev);
                       delete next.providerName;
                       return next;
                     });
@@ -33998,7 +34133,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
                       setCommand(value);
                       if (formErrors.command && value !== null && value !== void 0 && value.trim()) {
                         setFormErrors(function (prev) {
-                          var next = _objectSpread$6({}, prev);
+                          var next = _objectSpread$7({}, prev);
                           delete next.command;
                           return next;
                         });
@@ -34104,7 +34239,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
                       setUrl(value);
                       if (formErrors.url && value !== null && value !== void 0 && value.trim()) {
                         setFormErrors(function (prev) {
-                          var next = _objectSpread$6({}, prev);
+                          var next = _objectSpread$7({}, prev);
                           delete next.url;
                           return next;
                         });
@@ -34349,8 +34484,8 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   });
 };
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getIconForServer = function getIconForServer(server) {
   var iconMap = {
     github: "code-branch",
@@ -34537,11 +34672,11 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
   // Handle credential field changes
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$5({}, prev);
+        var next = _objectSpread$6({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -34789,7 +34924,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
                     setProviderName(value);
                     if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                       setFormErrors(function (prev) {
-                        var next = _objectSpread$5({}, prev);
+                        var next = _objectSpread$6({}, prev);
                         delete next.providerName;
                         return next;
                       });
@@ -35737,8 +35872,8 @@ var ThemeDetail = function ThemeDetail(_ref6) {
   });
 };
 
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ThemesSection = function ThemesSection(_ref) {
   var _ref$onOpenThemeEdito = _ref.onOpenThemeEditor,
     onOpenThemeEditor = _ref$onOpenThemeEdito === void 0 ? null : _ref$onOpenThemeEdito,
@@ -35810,7 +35945,7 @@ var ThemesSection = function ThemesSection(_ref) {
     if (!wizardTheme || !wizardName.trim()) return;
     if (!dashApi || !appId) return;
     var key = wizardTheme.id || "theme-".concat(Date.now());
-    var finalTheme = _objectSpread$4(_objectSpread$4({}, wizardTheme), {}, {
+    var finalTheme = _objectSpread$5(_objectSpread$5({}, wizardTheme), {}, {
       id: key,
       name: wizardName.trim()
     });
@@ -37208,8 +37343,8 @@ var useInstalledWidgets = function useInstalledWidgets() {
   };
 };
 
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var WidgetsSection = function WidgetsSection(_ref) {
   var _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces;
@@ -37781,7 +37916,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
       listContent: listContent,
       detailContent: detailContent,
       emptyDetailMessage: "Select a widget to view details"
-    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.ConfirmationModal, _objectSpread$3(_objectSpread$3({
+    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.ConfirmationModal, _objectSpread$4(_objectSpread$4({
       isOpen: !!deleteTarget,
       setIsOpen: function setIsOpen() {
         setDeleteTarget(null);
@@ -37826,8 +37961,8 @@ var WidgetsSection = function WidgetsSection(_ref) {
   });
 };
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AccountSection = function AccountSection(_ref) {
   var authStatus = _ref.authStatus,
     authProfile = _ref.authProfile,
@@ -37932,7 +38067,7 @@ var AuthenticatedView = function AuthenticatedView(_ref3) {
       onPackageUpdated: function onPackageUpdated(updatedPkg) {
         setPackages(function (prev) {
           return prev.map(function (p) {
-            return p.name === updatedPkg.name && p.scope === updatedPkg.scope ? _objectSpread$2(_objectSpread$2({}, p), updatedPkg) : p;
+            return p.name === updatedPkg.name && p.scope === updatedPkg.scope ? _objectSpread$3(_objectSpread$3({}, p), updatedPkg) : p;
           });
         });
       },
@@ -38187,7 +38322,7 @@ var PackageItem = function PackageItem(_ref6) {
           case 2:
             result = _context3.sent;
             if (result) {
-              onSaved(_objectSpread$2(_objectSpread$2({}, pkg), updates));
+              onSaved(_objectSpread$3(_objectSpread$3({}, pkg), updates));
             }
             _context3.next = 4;
             break;
@@ -38252,7 +38387,7 @@ var PackageItem = function PackageItem(_ref6) {
           label: "Display Name",
           value: form.displayName,
           onChange: function onChange(v) {
-            return setForm(_objectSpread$2(_objectSpread$2({}, form), {}, {
+            return setForm(_objectSpread$3(_objectSpread$3({}, form), {}, {
               displayName: v
             }));
           }
@@ -38260,7 +38395,7 @@ var PackageItem = function PackageItem(_ref6) {
           label: "Description",
           value: form.description,
           onChange: function onChange(v) {
-            return setForm(_objectSpread$2(_objectSpread$2({}, form), {}, {
+            return setForm(_objectSpread$3(_objectSpread$3({}, form), {}, {
               description: v
             }));
           }
@@ -38268,7 +38403,7 @@ var PackageItem = function PackageItem(_ref6) {
           label: "Category",
           value: form.category,
           onChange: function onChange(v) {
-            return setForm(_objectSpread$2(_objectSpread$2({}, form), {}, {
+            return setForm(_objectSpread$3(_objectSpread$3({}, form), {}, {
               category: v
             }));
           }
@@ -38276,7 +38411,7 @@ var PackageItem = function PackageItem(_ref6) {
           label: "Tags (comma-separated)",
           value: form.tags,
           onChange: function onChange(v) {
-            return setForm(_objectSpread$2(_objectSpread$2({}, form), {}, {
+            return setForm(_objectSpread$3(_objectSpread$3({}, form), {}, {
               tags: v
             }));
           }
@@ -38288,7 +38423,7 @@ var PackageItem = function PackageItem(_ref6) {
           }), /*#__PURE__*/jsxRuntime.jsxs("select", {
             value: form.visibility,
             onChange: function onChange(e) {
-              return setForm(_objectSpread$2(_objectSpread$2({}, form), {}, {
+              return setForm(_objectSpread$3(_objectSpread$3({}, form), {}, {
                 visibility: e.target.value
               }));
             },
@@ -38392,6 +38527,216 @@ var EditField = function EditField(_ref7) {
   });
 };
 
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var NotificationsSection = function NotificationsSection(_ref) {
+  var _ref$workspaces = _ref.workspaces,
+    workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces;
+  var appContext = React.useContext(AppContext);
+  appContext === null || appContext === void 0 ? void 0 : appContext.dashApi;
+  var _useState = React.useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    globalEnabled = _useState2[0],
+    setGlobalEnabled = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    doNotDisturb = _useState4[0],
+    setDoNotDisturb = _useState4[1];
+  var _useState5 = React.useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    instances = _useState6[0],
+    setInstances = _useState6[1];
+  var _useState7 = React.useState(true),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+
+  // Load preferences on mount
+  React.useEffect(function () {
+    var _window$mainApi;
+    if (!((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.notifications) !== null && _window$mainApi !== void 0 && _window$mainApi.getPreferences)) {
+      setLoading(false);
+      return;
+    }
+    window.mainApi.notifications.getPreferences().then(function (prefs) {
+      setGlobalEnabled(prefs.globalEnabled);
+      setDoNotDisturb(prefs.doNotDisturb);
+      setInstances(prefs.instances || {});
+      setLoading(false);
+    });
+  }, []);
+
+  // Collect all widget instances with notifications from workspaces
+  var widgetInstances = [];
+  var componentMap = ComponentManager.componentMap() || {};
+  workspaces.forEach(function (ws) {
+    var items = flattenLayout(ws.layout);
+    items.forEach(function (item) {
+      var _config$notifications;
+      var config = componentMap[item.component];
+      if ((config === null || config === void 0 || (_config$notifications = config.notifications) === null || _config$notifications === void 0 ? void 0 : _config$notifications.length) > 0) {
+        var _item$userPrefs;
+        widgetInstances.push({
+          uuid: item.uuid || item.uuidString,
+          componentName: item.component,
+          title: ((_item$userPrefs = item.userPrefs) === null || _item$userPrefs === void 0 ? void 0 : _item$userPrefs.title) || config.displayName || item.component,
+          workspaceName: ws.name || ws.id,
+          notifications: config.notifications,
+          "package": config["package"]
+        });
+      }
+    });
+  });
+
+  // Group by package
+  var grouped = {};
+  widgetInstances.forEach(function (wi) {
+    var pkg = wi["package"] || "Other";
+    if (!grouped[pkg]) grouped[pkg] = [];
+    grouped[pkg].push(wi);
+  });
+  function handleGlobalToggle(value) {
+    var _window$mainApi2;
+    setGlobalEnabled(value);
+    (_window$mainApi2 = window.mainApi) === null || _window$mainApi2 === void 0 || (_window$mainApi2 = _window$mainApi2.notifications) === null || _window$mainApi2 === void 0 || _window$mainApi2.setGlobal({
+      globalEnabled: value
+    });
+  }
+  function handleDndToggle(value) {
+    var _window$mainApi3;
+    setDoNotDisturb(value);
+    (_window$mainApi3 = window.mainApi) === null || _window$mainApi3 === void 0 || (_window$mainApi3 = _window$mainApi3.notifications) === null || _window$mainApi3 === void 0 || _window$mainApi3.setGlobal({
+      doNotDisturb: value
+    });
+  }
+  function handleTypeToggle(widgetUuid, typeKey, value) {
+    var _window$mainApi4;
+    var updated = _objectSpread$2(_objectSpread$2({}, instances), {}, _defineProperty({}, widgetUuid, _objectSpread$2(_objectSpread$2({}, instances[widgetUuid] || {}), {}, _defineProperty({}, typeKey, value))));
+    setInstances(updated);
+    (_window$mainApi4 = window.mainApi) === null || _window$mainApi4 === void 0 || (_window$mainApi4 = _window$mainApi4.notifications) === null || _window$mainApi4 === void 0 || _window$mainApi4.setPreferences(widgetUuid, _defineProperty({}, typeKey, value));
+  }
+  function getTypeEnabled(widgetUuid, typeKey, defaultEnabled) {
+    var prefs = instances[widgetUuid];
+    if (prefs && typeof prefs[typeKey] === "boolean") {
+      return prefs[typeKey];
+    }
+    return defaultEnabled;
+  }
+  if (loading) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-1 p-6 opacity-50 text-sm",
+      children: "Loading notification preferences..."
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex-1 overflow-y-auto p-6",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col space-y-6",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col space-y-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+          title: "Global",
+          padding: false
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-row items-center justify-between py-2",
+          children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex flex-col",
+            children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-sm font-medium",
+              children: "Notifications Enabled"
+            }), /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-xs opacity-50",
+              children: "Master switch for all notifications"
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Switch, {
+            checked: globalEnabled,
+            onChange: handleGlobalToggle
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-row items-center justify-between py-2",
+          children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex flex-col",
+            children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-sm font-medium",
+              children: "Do Not Disturb"
+            }), /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-xs opacity-50",
+              children: "Temporarily silence all notifications"
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Switch, {
+            checked: doNotDisturb,
+            onChange: handleDndToggle
+          })]
+        })]
+      }), Object.keys(grouped).length > 0 ? Object.entries(grouped).map(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          pkg = _ref3[0],
+          widgets = _ref3[1];
+        return /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col space-y-3",
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+            title: pkg,
+            padding: false
+          }), widgets.map(function (wi) {
+            return /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "flex flex-col space-y-2 pl-2 border-l-2 border-white/10",
+              children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "text-sm font-medium opacity-80",
+                children: wi.title
+              }), wi.notifications.map(function (notif) {
+                return /*#__PURE__*/jsxRuntime.jsxs("div", {
+                  className: "flex flex-row items-center justify-between py-1 pl-2",
+                  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                    className: "flex flex-col",
+                    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                      className: "text-sm",
+                      children: notif.displayName
+                    }), notif.description && /*#__PURE__*/jsxRuntime.jsx("span", {
+                      className: "text-xs opacity-50",
+                      children: notif.description
+                    })]
+                  }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Switch, {
+                    checked: getTypeEnabled(wi.uuid, notif.key, notif.defaultEnabled),
+                    onChange: function onChange(value) {
+                      return handleTypeToggle(wi.uuid, notif.key, value);
+                    }
+                  })]
+                }, notif.key);
+              })]
+            }, wi.uuid);
+          })]
+        }, pkg);
+      }) : /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "text-sm opacity-50",
+        children: "No widgets with notification support found. Add widgets that declare notifications to see per-type controls here."
+      })]
+    })
+  });
+};
+
+/**
+ * Recursively flatten a layout tree into a list of leaf items.
+ */
+function flattenLayout(layout) {
+  if (!layout) return [];
+  var items = [];
+  if (Array.isArray(layout)) {
+    layout.forEach(function (item) {
+      return items.push.apply(items, _toConsumableArray(flattenLayout(item)));
+    });
+  } else if (_typeof(layout) === "object") {
+    if (layout.children) {
+      layout.children.forEach(function (child) {
+        return items.push.apply(items, _toConsumableArray(flattenLayout(child)));
+      });
+    }
+    if (layout.component) {
+      items.push(layout);
+    }
+  }
+  return items;
+}
+
 var SECTIONS = [{
   key: "general",
   label: "General",
@@ -38420,12 +38765,20 @@ var SECTIONS = [{
   key: "themes",
   label: "Themes",
   icon: "palette"
+}, {
+  key: "notifications",
+  label: "Notifications",
+  icon: "bell"
 }];
 var AppSettingsModal = function AppSettingsModal(_ref) {
   var isOpen = _ref.isOpen,
     setIsOpen = _ref.setIsOpen,
     _ref$initialSection = _ref.initialSection,
     initialSection = _ref$initialSection === void 0 ? "general" : _ref$initialSection,
+    _ref$initialProviderN = _ref.initialProviderName,
+    initialProviderName = _ref$initialProviderN === void 0 ? null : _ref$initialProviderN,
+    _ref$initialCreatePro = _ref.initialCreateProvider,
+    initialCreateProvider = _ref$initialCreatePro === void 0 ? false : _ref$initialCreatePro,
     _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
     _ref$menuItems = _ref.menuItems,
@@ -38550,7 +38903,9 @@ var AppSettingsModal = function AppSettingsModal(_ref) {
         createRequested: createRequested,
         onCreateAcknowledged: function onCreateAcknowledged() {
           return setCreateRequested(false);
-        }
+        },
+        initialProviderName: initialProviderName,
+        initialCreateRequested: initialCreateProvider
       }), activeSection === "themes" && /*#__PURE__*/jsxRuntime.jsx(ThemesSection, {
         onOpenThemeEditor: onOpenThemeEditor,
         dashApi: dashApi,
@@ -38578,6 +38933,8 @@ var AppSettingsModal = function AppSettingsModal(_ref) {
       }), activeSection === "general" && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex-1 overflow-y-auto p-6 ".concat(panelStyles.textColor || "text-gray-200"),
         children: /*#__PURE__*/jsxRuntime.jsx(GeneralSection, {})
+      }), activeSection === "notifications" && /*#__PURE__*/jsxRuntime.jsx(NotificationsSection, {
+        workspaces: workspaces
       })]
     }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SettingsModal.Footer, {
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -41155,8 +41512,8 @@ var DashboardHeader = function DashboardHeader(_ref) {
           onChange: onNameChange,
           textSize: "text-lg",
           placeholder: "My Workspace",
-          bgColor: "bg-gray-800",
-          textColor: "text-gray-400",
+          bgColor: currentTheme["bg-primary-very-dark"],
+          textColor: currentTheme["text-primary-medium"],
           hasBorder: false,
           autoFocus: true
         }), onFolderChange && menuItems.length > 0 && /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
@@ -41170,9 +41527,9 @@ var DashboardHeader = function DashboardHeader(_ref) {
           }),
           onChange: onFolderChange,
           placeholder: "Folder",
-          backgroundColor: "bg-gray-800",
-          textColor: "text-gray-400",
-          borderColor: "border-gray-700",
+          backgroundColor: currentTheme["bg-primary-very-dark"],
+          textColor: currentTheme["text-primary-medium"],
+          borderColor: currentTheme["border-primary-dark"],
           inputClassName: "py-1 text-sm",
           className: "w-40 shrink-0"
         }), onThemeChange && Object.keys(resolvedThemes).length > 0 && /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
@@ -41189,9 +41546,9 @@ var DashboardHeader = function DashboardHeader(_ref) {
           }),
           onChange: onThemeChange,
           placeholder: "Theme",
-          backgroundColor: "bg-gray-800",
-          textColor: "text-gray-400",
-          borderColor: "border-gray-700",
+          backgroundColor: currentTheme["bg-primary-very-dark"],
+          textColor: currentTheme["text-primary-medium"],
+          borderColor: currentTheme["border-primary-dark"],
           inputClassName: "py-1 text-sm",
           className: "w-40 shrink-0"
         }), onScrollableChange && /*#__PURE__*/jsxRuntime.jsx(DashReact.Toggle, {
@@ -42617,6 +42974,7 @@ exports.updateLayoutItem = updateLayoutItem;
 exports.updateParentForItem = updateParentForItem;
 exports.useDashboard = useDashboard;
 exports.useMcpProvider = useMcpProvider;
+exports.useNotifications = useNotifications;
 exports.useProvider = useProvider;
 exports.useProviderClient = useProviderClient;
 exports.useWidgetEvents = useWidgetEvents;