@trops/dash-core 0.1.305 → 0.1.313

package/dist/index.esm.js

@@ -31,8 +31,8 @@ import algoliasearch from 'algoliasearch';
 import { InstantSearch, Hits } from 'react-instantsearch-hooks-web';
 import { Link } from 'react-router-dom';
 
-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$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 event = {
   list: new Map(),
   //  Map(1) { '<widget-UUID>' => { 'CustomSearchbar[10].searchQueryChanged': [] } }
@@ -94,7 +94,7 @@ var event = {
           uuid: subscriber["uuid"]
         };
         if ("action" in subscriber && subscriber.action !== undefined) {
-          subscriber["action"](_objectSpread$L({}, objectToSend));
+          subscriber["action"](_objectSpread$N({}, objectToSend));
         }
       });
     }
@@ -2628,8 +2628,8 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
   });
 };
 
-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$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; }
 var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
   var themeKey = _ref.themeKey,
     children = _ref.children;
@@ -2641,7 +2641,7 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
     var dashboardTheme = themes[themeKey];
     var themeValue = dashboardTheme ? dashboardTheme[themeVariant] || null : null;
     if (!themeValue) return null;
-    return _objectSpread$K(_objectSpread$K({}, parentContext), {}, {
+    return _objectSpread$M(_objectSpread$M({}, parentContext), {}, {
       currentTheme: themeValue,
       currentThemeKey: themeKey,
       theme: themeValue,
@@ -2659,8 +2659,8 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
   });
 };
 
-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$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 AppThemeScope = function AppThemeScope(_ref) {
   var children = _ref.children;
   var ctx = useContext(ThemeContext);
@@ -2668,7 +2668,7 @@ var AppThemeScope = function AppThemeScope(_ref) {
     children: children
   });
   return /*#__PURE__*/jsx(ThemeContext.Provider, {
-    value: _objectSpread$J(_objectSpread$J({}, ctx), {}, {
+    value: _objectSpread$L(_objectSpread$L({}, ctx), {}, {
       currentTheme: ctx.appTheme,
       currentThemeKey: ctx.appThemeKey,
       theme: ctx.appTheme,
@@ -2780,11 +2780,11 @@ var LayoutContainer = function LayoutContainer(_ref) {
   });
 };
 
-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 _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(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$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(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$k(r, a) : void 0; } }
-function _arrayLikeToArray$k(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 _createForOfIteratorHelper$l(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$l(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$l(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$l(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$l(r, a) : void 0; } }
+function _arrayLikeToArray$l(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; }
 /**
  * Layout template definitions for the dashboard template picker.
  *
@@ -3058,12 +3058,12 @@ function createLayoutFromTemplate(template) {
     cols: template.cols,
     gap: "gap-2"
   };
-  var _iterator = _createForOfIteratorHelper$k(template.cells),
+  var _iterator = _createForOfIteratorHelper$l(template.cells),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var cell = _step.value;
-      grid[cell.key] = _objectSpread$I({
+      grid[cell.key] = _objectSpread$K({
         component: null,
         hide: cell.hide || false
       }, cell.span ? {
@@ -3989,11 +3989,11 @@ var RegistryAuthModal = function RegistryAuthModal(_ref) {
   });
 };
 
-function _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(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$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(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$j(r, a) : void 0; } }
-function _arrayLikeToArray$j(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$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 _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(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$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(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$k(r, a) : void 0; } }
+function _arrayLikeToArray$k(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$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; }
 var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
   var dashboardPackage = _ref.dashboardPackage,
     appId = _ref.appId,
@@ -4109,7 +4109,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
                 setProgressWidgets(function (prev) {
                   var next = _toConsumableArray(prev);
                   if (data.index >= 0 && data.index < next.length) {
-                    next[data.index] = _objectSpread$H(_objectSpread$H({}, next[data.index]), {}, {
+                    next[data.index] = _objectSpread$J(_objectSpread$J({}, next[data.index]), {}, {
                       status: data.status,
                       error: data.error || null
                     });
@@ -4205,7 +4205,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
     var raw = preview === null || preview === void 0 ? void 0 : preview.compatibility;
     if (!raw) return raw;
     var cMap = ComponentManager.componentMap();
-    var augWidgets = _objectSpread$H({}, raw.widgets);
+    var augWidgets = _objectSpread$J({}, raw.widgets);
     var fixedCount = 0;
     var _loop = function _loop() {
       var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
@@ -4232,7 +4232,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
       toInstall = 0,
       unavailable = 0,
       hasUnavailableRequired = false;
-    var _iterator = _createForOfIteratorHelper$j(widgetDeps),
+    var _iterator = _createForOfIteratorHelper$k(widgetDeps),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -4681,8 +4681,8 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
   });
 };
 
-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; }
+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; }
 var LayoutManagerModal = function LayoutManagerModal(_ref) {
   var open = _ref.open,
     setIsOpen = _ref.setIsOpen,
@@ -4927,7 +4927,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
             }
             return _context2.abrupt("return");
           case 6:
-            updatedWorkspace = _objectSpread$G(_objectSpread$G({}, importedWorkspace), {}, {
+            updatedWorkspace = _objectSpread$I(_objectSpread$I({}, importedWorkspace), {}, {
               name: dashboardName.trim(),
               menuId: menuId,
               themeKey: selectedThemeKey
@@ -5900,9 +5900,9 @@ function cleanIpcError(message) {
   return match ? match[1] : message;
 }
 
-function _createForOfIteratorHelper$i(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$i(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$i(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$i(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$i(r, a) : void 0; } }
-function _arrayLikeToArray$i(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 _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(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$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(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$j(r, a) : void 0; } }
+function _arrayLikeToArray$j(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; }
 
 /**
  * useRegistrySearch — shared hook for browsing and installing registry packages.
@@ -6013,13 +6013,13 @@ var useRegistrySearch = function useRegistrySearch() {
               return c.toLowerCase();
             }));
             widgets = [];
-            _iterator = _createForOfIteratorHelper$i(pkgs);
+            _iterator = _createForOfIteratorHelper$j(pkgs);
             try {
               for (_iterator.s(); !(_step = _iterator.n()).done;) {
                 pkg = _step.value;
                 // Compute missing APIs for the entire package
                 allApiProviders = [];
-                _iterator2 = _createForOfIteratorHelper$i(pkg.providers || []);
+                _iterator2 = _createForOfIteratorHelper$j(pkg.providers || []);
                 try {
                   for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                     p = _step2.value;
@@ -6032,11 +6032,11 @@ var useRegistrySearch = function useRegistrySearch() {
                 } finally {
                   _iterator2.f();
                 }
-                _iterator3 = _createForOfIteratorHelper$i(pkg.widgets || []);
+                _iterator3 = _createForOfIteratorHelper$j(pkg.widgets || []);
                 try {
                   for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
                     w = _step3.value;
-                    _iterator5 = _createForOfIteratorHelper$i(w.providers || []);
+                    _iterator5 = _createForOfIteratorHelper$j(w.providers || []);
                     try {
                       for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
                         _p = _step5.value;
@@ -6058,7 +6058,7 @@ var useRegistrySearch = function useRegistrySearch() {
                 missingApis = _toConsumableArray(new Set(allApiProviders)).filter(function (api) {
                   return !capSet.has(api.toLowerCase());
                 });
-                _iterator4 = _createForOfIteratorHelper$i(pkg.widgets || []);
+                _iterator4 = _createForOfIteratorHelper$j(pkg.widgets || []);
                 try {
                   for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
                     widget = _step4.value;
@@ -6679,11 +6679,11 @@ function applyFilters(items, filters, mode) {
   });
 }
 
-function _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(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$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(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$h(r, a) : void 0; } }
-function _arrayLikeToArray$h(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$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 _createForOfIteratorHelper$i(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$i(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$i(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$i(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$i(r, a) : void 0; } }
+function _arrayLikeToArray$i(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$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 WizardCustomizeStep = function WizardCustomizeStep(_ref) {
   var _state$selectedDashbo, _state$selectedDashbo2;
   var state = _ref.state,
@@ -6853,7 +6853,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
             _context2.next = 7;
             break;
           }
-          updatedWorkspace = _objectSpread$F(_objectSpread$F({}, installResult.workspace), {}, {
+          updatedWorkspace = _objectSpread$H(_objectSpread$H({}, installResult.workspace), {}, {
             name: name.trim(),
             menuId: menuId || 1,
             themeKey: theme
@@ -6905,7 +6905,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
           installedNames = new Set(installedList.map(function (w) {
             return w.name;
           }));
-          _iterator = _createForOfIteratorHelper$h(state.selectedWidgets);
+          _iterator = _createForOfIteratorHelper$i(state.selectedWidgets);
           _context2.prev = 13;
           _iterator.s();
         case 14:
@@ -7608,8 +7608,8 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
   });
 };
 
-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$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 TOTAL_STEPS = 2; // Steps 0-1: Discover, Customize
 
 var initialState = {
@@ -7635,20 +7635,20 @@ var initialState = {
 function wizardReducer(state, action) {
   switch (action.type) {
     case "SET_STEP":
-      return _objectSpread$E(_objectSpread$E({}, state), {}, {
+      return _objectSpread$G(_objectSpread$G({}, state), {}, {
         step: action.payload
       });
     case "SET_FILTERS":
-      return _objectSpread$E(_objectSpread$E({}, state), {}, {
-        filters: _objectSpread$E(_objectSpread$E({}, state.filters), action.payload)
+      return _objectSpread$G(_objectSpread$G({}, state), {}, {
+        filters: _objectSpread$G(_objectSpread$G({}, state.filters), action.payload)
       });
     case "TOGGLE_FILTER_CATEGORY":
       {
         var categories = state.filters.categories.includes(action.payload) ? state.filters.categories.filter(function (c) {
           return c !== action.payload;
         }) : [].concat(_toConsumableArray(state.filters.categories), [action.payload]);
-        return _objectSpread$E(_objectSpread$E({}, state), {}, {
-          filters: _objectSpread$E(_objectSpread$E({}, state.filters), {}, {
+        return _objectSpread$G(_objectSpread$G({}, state), {}, {
+          filters: _objectSpread$G(_objectSpread$G({}, state.filters), {}, {
             categories: categories
           })
         });
@@ -7658,15 +7658,15 @@ function wizardReducer(state, action) {
         var providers = state.filters.providers.includes(action.payload) ? state.filters.providers.filter(function (p) {
           return p !== action.payload;
         }) : [].concat(_toConsumableArray(state.filters.providers), [action.payload]);
-        return _objectSpread$E(_objectSpread$E({}, state), {}, {
-          filters: _objectSpread$E(_objectSpread$E({}, state.filters), {}, {
+        return _objectSpread$G(_objectSpread$G({}, state), {}, {
+          filters: _objectSpread$G(_objectSpread$G({}, state.filters), {}, {
             providers: providers
           })
         });
       }
     case "SET_SEARCH_QUERY":
-      return _objectSpread$E(_objectSpread$E({}, state), {}, {
-        filters: _objectSpread$E(_objectSpread$E({}, state.filters), {}, {
+      return _objectSpread$G(_objectSpread$G({}, state), {}, {
+        filters: _objectSpread$G(_objectSpread$G({}, state.filters), {}, {
           query: action.payload
         })
       });
@@ -7676,7 +7676,7 @@ function wizardReducer(state, action) {
         var widgetOrder = action.payload.map(function (w) {
           return w.name || w.key;
         });
-        return _objectSpread$E(_objectSpread$E({}, state), {}, {
+        return _objectSpread$G(_objectSpread$G({}, state), {}, {
           selectedWidgets: action.payload,
           layout: {
             templateKey: templateKey,
@@ -7696,7 +7696,7 @@ function wizardReducer(state, action) {
         var toggleWidgetOrder = selectedWidgets.map(function (w) {
           return w.name || w.key;
         });
-        return _objectSpread$E(_objectSpread$E({}, state), {}, {
+        return _objectSpread$G(_objectSpread$G({}, state), {}, {
           selectedWidgets: selectedWidgets,
           layout: {
             templateKey: toggleTemplateKey,
@@ -7705,29 +7705,29 @@ function wizardReducer(state, action) {
         });
       }
     case "SET_SELECTED_DASHBOARD":
-      return _objectSpread$E(_objectSpread$E({}, state), {}, {
+      return _objectSpread$G(_objectSpread$G({}, state), {}, {
         selectedDashboard: action.payload
       });
     case "SET_PATH":
-      return _objectSpread$E(_objectSpread$E({}, state), {}, {
+      return _objectSpread$G(_objectSpread$G({}, state), {}, {
         path: action.payload
       });
     case "SET_LAYOUT":
-      return _objectSpread$E(_objectSpread$E({}, state), {}, {
+      return _objectSpread$G(_objectSpread$G({}, state), {}, {
         layout: action.payload
       });
     case "REORDER_WIDGETS":
-      return _objectSpread$E(_objectSpread$E({}, state), {}, {
-        layout: _objectSpread$E(_objectSpread$E({}, state.layout), {}, {
+      return _objectSpread$G(_objectSpread$G({}, state), {}, {
+        layout: _objectSpread$G(_objectSpread$G({}, state.layout), {}, {
           widgetOrder: action.payload
         })
       });
     case "SET_CUSTOMIZATION":
-      return _objectSpread$E(_objectSpread$E({}, state), {}, {
-        customization: _objectSpread$E(_objectSpread$E({}, state.customization), action.payload)
+      return _objectSpread$G(_objectSpread$G({}, state), {}, {
+        customization: _objectSpread$G(_objectSpread$G({}, state.customization), action.payload)
       });
     case "RESET":
-      return _objectSpread$E({}, initialState);
+      return _objectSpread$G({}, initialState);
     default:
       return state;
   }
@@ -8582,7 +8582,7 @@ hasPropertyDescriptors.hasArrayLengthDefineBug = function hasArrayLengthDefineBu
 var hasPropertyDescriptors_1 = hasPropertyDescriptors;
 
 var keys = objectKeys$2;
-var hasSymbols$5 = typeof Symbol === 'function' && typeof Symbol('foo') === 'symbol';
+var hasSymbols$4 = typeof Symbol === 'function' && typeof Symbol('foo') === 'symbol';
 
 var toStr$4 = Object.prototype.toString;
 var concat = Array.prototype.concat;
@@ -8615,7 +8615,7 @@ var defineProperty$1 = function (object, name, value, predicate) {
 var defineProperties$1 = function (object, map) {
 	var predicates = arguments.length > 2 ? arguments[2] : {};
 	var props = keys(map);
-	if (hasSymbols$5) {
+	if (hasSymbols$4) {
 		props = concat.call(props, Object.getOwnPropertySymbols(map));
 	}
 	for (var i = 0; i < props.length; i += 1) {
@@ -8681,11 +8681,11 @@ var sign$1 = function sign(number) {
 };
 
 var shams$1;
-var hasRequiredShams;
+var hasRequiredShams$1;
 
-function requireShams () {
-	if (hasRequiredShams) return shams$1;
-	hasRequiredShams = 1;
+function requireShams$1 () {
+	if (hasRequiredShams$1) return shams$1;
+	hasRequiredShams$1 = 1;
 
 	/** @type {import('./shams')} */
 	/* eslint complexity: [2, 18], max-statements: [2, 33] */
@@ -8734,10 +8734,10 @@ function requireShams () {
 }
 
 var origSymbol = typeof Symbol !== 'undefined' && Symbol;
-var hasSymbolSham = requireShams();
+var hasSymbolSham = requireShams$1();
 
 /** @type {import('.')} */
-var hasSymbols$4 = function hasNativeSymbols() {
+var hasSymbols$3 = function hasNativeSymbols() {
 	if (typeof origSymbol !== 'function') { return false; }
 	if (typeof Symbol !== 'function') { return false; }
 	if (typeof origSymbol('foo') !== 'symbol') { return false; }
@@ -9041,7 +9041,7 @@ var ThrowTypeError = $gOPD$1
 	}())
 	: throwTypeError;
 
-var hasSymbols$3 = hasSymbols$4();
+var hasSymbols$2 = hasSymbols$3();
 
 var getProto$2 = getProto$3;
 var $ObjectGPO = requireObject_getPrototypeOf();
@@ -9059,7 +9059,7 @@ var INTRINSICS = {
 	'%AggregateError%': typeof AggregateError === 'undefined' ? undefined$1 : AggregateError,
 	'%Array%': Array,
 	'%ArrayBuffer%': typeof ArrayBuffer === 'undefined' ? undefined$1 : ArrayBuffer,
-	'%ArrayIteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$1,
+	'%ArrayIteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$1,
 	'%AsyncFromSyncIteratorPrototype%': undefined$1,
 	'%AsyncFunction%': needsEval,
 	'%AsyncGenerator%': needsEval,
@@ -9090,10 +9090,10 @@ var INTRINSICS = {
 	'%Int32Array%': typeof Int32Array === 'undefined' ? undefined$1 : Int32Array,
 	'%isFinite%': isFinite,
 	'%isNaN%': isNaN,
-	'%IteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$1,
+	'%IteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$1,
 	'%JSON%': typeof JSON === 'object' ? JSON : undefined$1,
 	'%Map%': typeof Map === 'undefined' ? undefined$1 : Map,
-	'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols$3 || !getProto$2 ? undefined$1 : getProto$2(new Map()[Symbol.iterator]()),
+	'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols$2 || !getProto$2 ? undefined$1 : getProto$2(new Map()[Symbol.iterator]()),
 	'%Math%': Math,
 	'%Number%': Number,
 	'%Object%': $Object$2,
@@ -9107,11 +9107,11 @@ var INTRINSICS = {
 	'%Reflect%': typeof Reflect === 'undefined' ? undefined$1 : Reflect,
 	'%RegExp%': RegExp,
 	'%Set%': typeof Set === 'undefined' ? undefined$1 : Set,
-	'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols$3 || !getProto$2 ? undefined$1 : getProto$2(new Set()[Symbol.iterator]()),
+	'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols$2 || !getProto$2 ? undefined$1 : getProto$2(new Set()[Symbol.iterator]()),
 	'%SharedArrayBuffer%': typeof SharedArrayBuffer === 'undefined' ? undefined$1 : SharedArrayBuffer,
 	'%String%': String,
-	'%StringIteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2(''[Symbol.iterator]()) : undefined$1,
-	'%Symbol%': hasSymbols$3 ? Symbol : undefined$1,
+	'%StringIteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2(''[Symbol.iterator]()) : undefined$1,
+	'%Symbol%': hasSymbols$2 ? Symbol : undefined$1,
 	'%SyntaxError%': $SyntaxError$1,
 	'%ThrowTypeError%': ThrowTypeError,
 	'%TypedArray%': TypedArray,
@@ -9464,12 +9464,12 @@ var callBound$i = function callBoundIntrinsic(name, allowMissing) {
 
 // modified from https://github.com/es-shims/es6-shim
 var objectKeys$1 = objectKeys$2;
-var hasSymbols$2 = requireShams()();
+var hasSymbols$1 = requireShams$1()();
 var callBound$h = callBound$i;
 var $Object$1 = esObjectAtoms;
 var $push = callBound$h('Array.prototype.push');
 var $propIsEnumerable = callBound$h('Object.prototype.propertyIsEnumerable');
-var originalGetSymbols = hasSymbols$2 ? $Object$1.getOwnPropertySymbols : null;
+var originalGetSymbols = hasSymbols$1 ? $Object$1.getOwnPropertySymbols : null;
 
 // eslint-disable-next-line no-unused-vars
 var implementation$8 = function assign(target, source1) {
@@ -9483,7 +9483,7 @@ var implementation$8 = function assign(target, source1) {
 
 		// step 3.a.ii:
 		var keys = objectKeys$1(from);
-		var getSymbols = hasSymbols$2 && ($Object$1.getOwnPropertySymbols || originalGetSymbols);
+		var getSymbols = hasSymbols$1 && ($Object$1.getOwnPropertySymbols || originalGetSymbols);
 		if (getSymbols) {
 			var syms = getSymbols(from);
 			for (var j = 0; j < syms.length; ++j) {
@@ -9780,14 +9780,23 @@ var regexp_prototype_flags = flagsBound;
 
 var esGetIterator = {exports: {}};
 
-var hasSymbols$1 = requireShams();
+var shams;
+var hasRequiredShams;
 
-/** @type {import('.')} */
-var shams = function hasToStringTagShams() {
-	return hasSymbols$1() && !!Symbol.toStringTag;
-};
+function requireShams () {
+	if (hasRequiredShams) return shams;
+	hasRequiredShams = 1;
+
+	var hasSymbols = requireShams$1();
 
-var hasToStringTag$7 = shams();
+	/** @type {import('.')} */
+	shams = function hasToStringTagShams() {
+		return hasSymbols() && !!Symbol.toStringTag;
+	};
+	return shams;
+}
+
+var hasToStringTag$7 = requireShams()();
 var callBound$f = callBound$i;
 
 var $toString$7 = callBound$f('Object.prototype.toString');
@@ -10824,7 +10833,7 @@ var tryStringObject = function tryStringObject(value) {
 /** @type {(receiver: ThisParameterType<typeof Object.prototype.toString>, ...args: Parameters<typeof Object.prototype.toString>) => ReturnType<typeof Object.prototype.toString>} */
 var $toString$6 = callBound$c('Object.prototype.toString');
 var strClass = '[object String]';
-var hasToStringTag$6 = shams();
+var hasToStringTag$6 = requireShams()();
 
 /** @type {import('.')} */
 var isString$2 = function isString(value) {
@@ -10940,7 +10949,7 @@ var isSet$2 = exported$1 || function isSet(x) {
 var isArguments$1 = isArguments$2;
 var getStopIterationIterator = stopIterationIterator;
 
-if (hasSymbols$4() || requireShams()()) {
+if (hasSymbols$3() || requireShams$1()()) {
 	var $iterator = Symbol.iterator;
 	// Symbol is available natively or shammed
 	// natively:
@@ -11229,7 +11238,7 @@ var tryDateObject = function tryDateGetDayCall(value) {
 /** @type {(value: unknown) => string} */
 var toStr$2 = callBound$9('Object.prototype.toString');
 var dateClass = '[object Date]';
-var hasToStringTag$5 = shams();
+var hasToStringTag$5 = requireShams()();
 
 /** @type {import('.')} */
 var isDateObject = function isDateObject(value) {
@@ -11240,7 +11249,7 @@ var isDateObject = function isDateObject(value) {
 };
 
 var callBound$8 = callBound$i;
-var hasToStringTag$4 = shams();
+var hasToStringTag$4 = requireShams()();
 var hasOwn = hasown;
 var gOPD$1 = gopd$1;
 
@@ -11345,7 +11354,7 @@ var tryNumberObject = function tryNumberObject(value) {
 };
 var $toString$3 = callBound$6('Object.prototype.toString');
 var numClass = '[object Number]';
-var hasToStringTag$3 = shams();
+var hasToStringTag$3 = requireShams()();
 
 /** @type {import('.')} */
 var isNumberObject = function isNumberObject(value) {
@@ -11372,7 +11381,7 @@ var tryBooleanObject = function booleanBrandCheck(value) {
 	}
 };
 var boolClass = '[object Boolean]';
-var hasToStringTag$2 = shams();
+var hasToStringTag$2 = requireShams()();
 
 /** @type {import('.')} */
 var isBooleanObject = function isBoolean(value) {
@@ -11414,7 +11423,7 @@ function requireSafeRegexTest () {
 
 var callBound$4 = callBound$i;
 var $toString$1 = callBound$4('Object.prototype.toString');
-var hasSymbols = hasSymbols$4();
+var hasSymbols = hasSymbols$3();
 var safeRegexTest = requireSafeRegexTest();
 
 if (hasSymbols) {
@@ -11860,7 +11869,7 @@ var gOPD = gopd$1;
 var getProto = getProto$3;
 
 var $toString = callBound$2('Object.prototype.toString');
-var hasToStringTag = shams();
+var hasToStringTag = requireShams()();
 
 var g = typeof globalThis === 'undefined' ? commonjsGlobal : globalThis;
 var typedArrays = availableTypedArrays();
@@ -12379,8 +12388,8 @@ var deepEqual = function deepEqual(a, b, opts) {
 
 var deepEqual$1 = /*@__PURE__*/getDefaultExportFromCjs(deepEqual);
 
-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$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; }
 var PanelEditItem = function PanelEditItem(_ref) {
   var _ComponentManager$get;
   var workspace = _ref.workspace,
@@ -12440,7 +12449,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
     var uuid = newItem.uuid || newItem.uuidString;
     if (uuid) {
       workspaceTemp.selectedProviders = workspaceTemp.selectedProviders || {};
-      workspaceTemp.selectedProviders[uuid] = _objectSpread$D(_objectSpread$D({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
+      workspaceTemp.selectedProviders[uuid] = _objectSpread$F(_objectSpread$F({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
     }
     onUpdate(newItem, workspaceTemp);
     forceUpdate();
@@ -12569,7 +12578,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
           var _ref5 = _slicedToArray(_ref4, 2),
             name = _ref5[0],
             p = _ref5[1];
-          return _objectSpread$D({
+          return _objectSpread$F({
             name: name
           }, p);
         });
@@ -12611,11 +12620,11 @@ var PanelEditItem = function PanelEditItem(_ref) {
 };
 
 var _excluded$5 = ["rows", "cols"];
-function _createForOfIteratorHelper$g(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$g(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$g(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$g(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$g(r, a) : void 0; } }
-function _arrayLikeToArray$g(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$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 _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(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$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(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$h(r, a) : void 0; } }
+function _arrayLikeToArray$h(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$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 defaultGrid = {
   rows: 1,
   cols: 1,
@@ -12636,7 +12645,7 @@ function GridEditor(_ref) {
     setGrid = _useState2[1];
   var addRow = function addRow() {
     var newRow = grid.rows;
-    var newGrid = _objectSpread$C(_objectSpread$C({}, grid), {}, {
+    var newGrid = _objectSpread$E(_objectSpread$E({}, grid), {}, {
       rows: grid.rows + 1
     });
     for (var col = 0; col < grid.cols; col++) {
@@ -12651,7 +12660,7 @@ function GridEditor(_ref) {
   };
   var addColumn = function addColumn() {
     var newCol = grid.cols;
-    var newGrid = _objectSpread$C(_objectSpread$C({}, grid), {}, {
+    var newGrid = _objectSpread$E(_objectSpread$E({}, grid), {}, {
       cols: grid.cols + 1
     });
     for (var row = 0; row < grid.rows; row++) {
@@ -12684,8 +12693,8 @@ function GridEditor(_ref) {
       });
     }
     if (grid[nextKey]) {
-      var newGrid = _objectSpread$C({}, grid);
-      newGrid[currentKey] = _objectSpread$C(_objectSpread$C({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$E({}, grid);
+      newGrid[currentKey] = _objectSpread$E(_objectSpread$E({}, newGrid[currentKey]), {}, {
         colSpan: newGrid[currentKey].colSpan + 1
       });
       delete newGrid[nextKey];
@@ -12698,8 +12707,8 @@ function GridEditor(_ref) {
     var currentKey = "".concat(row, ".").concat(col);
     var belowKey = "".concat(row + 1, ".").concat(col);
     if (grid[belowKey]) {
-      var newGrid = _objectSpread$C({}, grid);
-      newGrid[currentKey] = _objectSpread$C(_objectSpread$C({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$E({}, grid);
+      newGrid[currentKey] = _objectSpread$E(_objectSpread$E({}, newGrid[currentKey]), {}, {
         rowSpan: newGrid[currentKey].rowSpan + 1
       });
       delete newGrid[belowKey];
@@ -12716,7 +12725,7 @@ function GridEditor(_ref) {
   var splitCell = function splitCell(row, col) {
     var key = "".concat(row, ".").concat(col);
     var cell = grid[key];
-    var newGrid = _objectSpread$C({}, grid);
+    var newGrid = _objectSpread$E({}, grid);
 
     // we have to check the colspan, and since the colspan is greater than 1
     // Only handle horizontal split if colSpan > 1
@@ -12732,13 +12741,13 @@ function GridEditor(_ref) {
         var oldKey = "".concat(row, ".").concat(c);
         var newKey = "".concat(row, ".").concat(c + 1);
         if (newGrid[oldKey]) {
-          newGrid[newKey] = _objectSpread$C({}, newGrid[oldKey]);
+          newGrid[newKey] = _objectSpread$E({}, newGrid[oldKey]);
           delete newGrid[oldKey];
         }
       }
 
       // Update the original cell's colSpan
-      newGrid[key] = _objectSpread$C(_objectSpread$C({}, cell), {}, {
+      newGrid[key] = _objectSpread$E(_objectSpread$E({}, cell), {}, {
         colSpan: cell.colSpan - 1
       });
 
@@ -12750,7 +12759,7 @@ function GridEditor(_ref) {
       };
     }
     if (cell.rowSpan > 1) {
-      newGrid[key] = _objectSpread$C(_objectSpread$C({}, newGrid[key]), {}, {
+      newGrid[key] = _objectSpread$E(_objectSpread$E({}, newGrid[key]), {}, {
         rowSpan: cell.rowSpan - 1
       });
       newGrid["".concat(row + 1, ".").concat(col)] = {
@@ -12766,7 +12775,7 @@ function GridEditor(_ref) {
   function sortObjectByKeys(obj) {
     var sortedKeys = Object.keys(obj).sort();
     var sortedObj = {};
-    var _iterator = _createForOfIteratorHelper$g(sortedKeys),
+    var _iterator = _createForOfIteratorHelper$h(sortedKeys),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -12869,7 +12878,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$C({}, grid);
+    var newGrid = _objectSpread$E({}, grid);
 
     // Swap the cells
     var temp = newGrid[fromKey];
@@ -12895,7 +12904,7 @@ function GridEditor(_ref) {
     // console.log("Grid updated:", sequencedGrid);
   }
   function resetGridLayout() {
-    var newGrid = _objectSpread$C({}, defaultGrid);
+    var newGrid = _objectSpread$E({}, defaultGrid);
     setGrid(newGrid);
     onUpdate(newGrid);
   }
@@ -13173,8 +13182,8 @@ var PanelEditItemGrid = function PanelEditItemGrid(_ref) {
   });
 };
 
-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$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 PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
   var item = _ref.item;
     _ref.workspace;
@@ -13197,7 +13206,7 @@ var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
   }, [widgetUuid, notificationDefs.length]);
   function handleNotifToggle(typeKey, value) {
     var _window$mainApi2;
-    var updated = _objectSpread$B(_objectSpread$B({}, notifPrefs), {}, _defineProperty({}, typeKey, value));
+    var updated = _objectSpread$D(_objectSpread$D({}, 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));
@@ -13239,11 +13248,11 @@ var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
   });
 };
 
-function _createForOfIteratorHelper$f(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$f(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$f(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$f(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$f(r, a) : void 0; } }
-function _arrayLikeToArray$f(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$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 _createForOfIteratorHelper$g(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$g(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$g(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$g(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$g(r, a) : void 0; } }
+function _arrayLikeToArray$g(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$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 DAYS = [{
   key: "mon",
   label: "Mon"
@@ -13344,7 +13353,7 @@ function TaskScheduleEditor(_ref) {
     var _window$mainApi;
     var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     if (!((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.scheduler) !== null && _window$mainApi !== void 0 && _window$mainApi.registerTask)) return;
-    var payload = _objectSpread$A({
+    var payload = _objectSpread$C({
       widgetId: widgetId,
       widgetName: widgetName,
       workspaceId: workspaceId || "",
@@ -13570,7 +13579,7 @@ var PanelEditItemSchedule = function PanelEditItemSchedule(_ref2) {
       setIsLoading(true);
       window.mainApi.scheduler.getTasks(widgetUuid).then(function (tasks) {
         var stateMap = {};
-        var _iterator = _createForOfIteratorHelper$f(tasks || []),
+        var _iterator = _createForOfIteratorHelper$g(tasks || []),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -13826,8 +13835,22 @@ var PanelEditItemHandlers = function PanelEditItemHandlers(_ref) {
     return array.indexOf(value) === index;
   }) : [];
 
-  // Get available source widgets with events
-  var layoutArray = workspaceSelected !== null && Array.isArray(workspaceSelected.layout) ? workspaceSelected.layout : [];
+  // Get available source widgets from ALL pages + sidebar + root layout
+  function getAllWidgetLayouts(ws) {
+    var _ws$pages;
+    if (!ws) return [];
+    var all = _toConsumableArray(Array.isArray(ws.layout) ? ws.layout : []);
+    if (((_ws$pages = ws.pages) === null || _ws$pages === void 0 ? void 0 : _ws$pages.length) > 0) {
+      ws.pages.forEach(function (page) {
+        if (Array.isArray(page.layout)) all.push.apply(all, _toConsumableArray(page.layout));
+      });
+    }
+    if (Array.isArray(ws.sidebarLayout) && ws.sidebarLayout.length > 0) {
+      all.push.apply(all, _toConsumableArray(ws.sidebarLayout));
+    }
+    return all;
+  }
+  var layoutArray = getAllWidgetLayouts(workspaceSelected);
   var sourceWidgets = layoutArray.filter(function (l) {
     return l["component"] !== "Container" && l["component"] !== "LayoutContainer";
   }).filter(function (e) {
@@ -15615,8 +15638,8 @@ var WidgetIcon = function WidgetIcon(_ref) {
   });
 };
 
-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$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 ProviderForm = function ProviderForm(_ref) {
   var credentialSchema = _ref.credentialSchema,
     _ref$initialValues = _ref.initialValues,
@@ -15661,14 +15684,14 @@ var ProviderForm = function ProviderForm(_ref) {
         var oldKey = f.key;
         if (oldKey && formData[oldKey] !== undefined) {
           setFormData(function (fd) {
-            var updated = _objectSpread$z({}, fd);
+            var updated = _objectSpread$B({}, fd);
             var val = updated[oldKey];
             delete updated[oldKey];
             if (newKey.trim()) updated[newKey] = val;
             return updated;
           });
         }
-        return _objectSpread$z(_objectSpread$z({}, f), {}, {
+        return _objectSpread$B(_objectSpread$B({}, f), {}, {
           key: newKey
         });
       });
@@ -15680,14 +15703,14 @@ var ProviderForm = function ProviderForm(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormData(function (prev) {
-        return _objectSpread$z(_objectSpread$z({}, prev), {}, _defineProperty({}, field.key, value));
+        return _objectSpread$B(_objectSpread$B({}, prev), {}, _defineProperty({}, field.key, value));
       });
     }
   };
   var handleDynamicSecretToggle = function handleDynamicSecretToggle(id) {
     setDynamicFields(function (prev) {
       return prev.map(function (f) {
-        return f.id === id ? _objectSpread$z(_objectSpread$z({}, f), {}, {
+        return f.id === id ? _objectSpread$B(_objectSpread$B({}, f), {}, {
           secret: !f.secret
         }) : f;
       });
@@ -15709,7 +15732,7 @@ var ProviderForm = function ProviderForm(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormData(function (prev) {
-        var updated = _objectSpread$z({}, prev);
+        var updated = _objectSpread$B({}, prev);
         delete updated[field.key];
         return updated;
       });
@@ -15751,13 +15774,13 @@ var ProviderForm = function ProviderForm(_ref) {
    */
   var handleInputChange = function handleInputChange(fieldName, value) {
     setFormData(function (prev) {
-      return _objectSpread$z(_objectSpread$z({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$B(_objectSpread$B({}, 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$z({}, prev);
+        var newErrors = _objectSpread$B({}, prev);
         delete newErrors[fieldName];
         return newErrors;
       });
@@ -15795,7 +15818,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$z({}, prev);
+              var newErrors = _objectSpread$B({}, prev);
               delete newErrors.providerName;
               return newErrors;
             });
@@ -16032,8 +16055,8 @@ var ToolSelector = function ToolSelector(_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$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; }
 /**
  * Shared MCP utility functions.
  *
@@ -16161,7 +16184,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
         headerTemplate[name] = value;
       }
     });
-    var config = _objectSpread$y({}, baseMcpConfig);
+    var config = _objectSpread$A({}, baseMcpConfig);
     if (Object.keys(headerTemplate).length > 0) {
       config.headerTemplate = headerTemplate;
     } else {
@@ -16179,7 +16202,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
       envMapping[env] = cred;
     }
   });
-  return _objectSpread$y(_objectSpread$y({}, baseMcpConfig), {}, {
+  return _objectSpread$A(_objectSpread$A({}, baseMcpConfig), {}, {
     envMapping: envMapping
   });
 }
@@ -16420,11 +16443,11 @@ var getUserConfigurableProviders = function getUserConfigurableProviders(provide
   });
 };
 
-function _createForOfIteratorHelper$e(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$e(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$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(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$e(r, a) : void 0; } }
-function _arrayLikeToArray$e(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$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$f(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$f(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$f(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$f(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$f(r, a) : void 0; } }
+function _arrayLikeToArray$f(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$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 EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -16619,7 +16642,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       .map(function (entry) {
         var widget = allWidgets[entry.widgetKey];
         if (!widget) return null; // Widget no longer exists
-        return _objectSpread$x(_objectSpread$x({
+        return _objectSpread$z(_objectSpread$z({
           key: entry.widgetKey
         }, widget), {}, {
           savedProviders: entry.providers || {},
@@ -16707,11 +16730,11 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
           // Flatten all widgets from all packages for the widget list
           flatWidgets = [];
-          _iterator = _createForOfIteratorHelper$e(result.packages || []);
+          _iterator = _createForOfIteratorHelper$f(result.packages || []);
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
               pkg = _step.value;
-              _iterator2 = _createForOfIteratorHelper$e(pkg.widgets || []);
+              _iterator2 = _createForOfIteratorHelper$f(pkg.widgets || []);
               try {
                 for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                   widget = _step2.value;
@@ -16770,7 +16793,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       // Get widgets from ComponentManager
       var allWidgets = ComponentManager.map();
       var widgetList = Object.keys(allWidgets).map(function (key) {
-        return _objectSpread$x({
+        return _objectSpread$z({
           key: key
         }, allWidgets[key]);
       }).filter(function (widget) {
@@ -17001,7 +17024,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       setInlineCreateType(null);
       setInlineCreateSchema({});
       setInlineCreateError(null);
-      setSelectedProviders(_objectSpread$x(_objectSpread$x({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
+      setSelectedProviders(_objectSpread$z(_objectSpread$z({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
     }
   };
   var handleInlineProviderSubmit = function handleInlineProviderSubmit(formData) {
@@ -17022,7 +17045,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Auto-select the newly created provider
       setSelectedProviders(function (prev) {
-        return _objectSpread$x(_objectSpread$x({}, prev), {}, _defineProperty({}, providerType, providerName));
+        return _objectSpread$z(_objectSpread$z({}, prev), {}, _defineProperty({}, providerType, providerName));
       });
 
       // Collapse the inline form
@@ -17076,11 +17099,11 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
   };
   var inlineHandleCredentialChange = function inlineHandleCredentialChange(fieldName, value) {
     setInlineCredentialData(function (prev) {
-      return _objectSpread$x(_objectSpread$x({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$z(_objectSpread$z({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (inlineFormErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setInlineFormErrors(function (prev) {
-        var next = _objectSpread$x({}, prev);
+        var next = _objectSpread$z({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -17173,7 +17196,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
         refreshProviders();
       }
       setSelectedProviders(function (prev) {
-        return _objectSpread$x(_objectSpread$x({}, prev), {}, _defineProperty({}, providerType, providerName));
+        return _objectSpread$z(_objectSpread$z({}, prev), {}, _defineProperty({}, providerType, providerName));
       });
 
       // Reset stepper state
@@ -17194,7 +17217,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
     });
   };
   var handleConfigChange = function handleConfigChange(key, value) {
-    setUserConfigValues(_objectSpread$x(_objectSpread$x({}, userConfigValues), {}, _defineProperty({}, key, value)));
+    setUserConfigValues(_objectSpread$z(_objectSpread$z({}, userConfigValues), {}, _defineProperty({}, key, value)));
   };
 
   // Install a package from the registry
@@ -17260,7 +17283,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
             // Mark items as installed
             setProgressWidgets(function (prev) {
               return prev.map(function (w) {
-                return _objectSpread$x(_objectSpread$x({}, w), {}, {
+                return _objectSpread$z(_objectSpread$z({}, w), {}, {
                   status: "installed"
                 });
               });
@@ -17279,7 +17302,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
               setInstallError(msg);
               setProgressWidgets(function (prev) {
                 return prev.map(function (w) {
-                  return _objectSpread$x(_objectSpread$x({}, w), {}, {
+                  return _objectSpread$z(_objectSpread$z({}, w), {}, {
                     status: "failed",
                     error: msg
                   });
@@ -17353,7 +17376,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Phase 3: Save to recent widgets
       saveToRecent(selectedWidget, selectedProviders, userConfigValues);
-      onSelectWidget(_objectSpread$x(_objectSpread$x({}, selectedWidget), {}, {
+      onSelectWidget(_objectSpread$z(_objectSpread$z({}, selectedWidget), {}, {
         selectedProviders: selectedProviders,
         // Pass to parent
         userConfigValues: userConfigValues // Pass to parent
@@ -17990,7 +18013,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
                                                 setInlineProviderName(value);
                                                 if (inlineFormErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                                                   setInlineFormErrors(function (prev) {
-                                                    var next = _objectSpread$x({}, prev);
+                                                    var next = _objectSpread$z({}, prev);
                                                     delete next.providerName;
                                                     return next;
                                                   });
@@ -18349,9 +18372,9 @@ var ProviderBadge = function ProviderBadge(_ref) {
   });
 };
 
-function _createForOfIteratorHelper$d(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$d(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$d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$d(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$d(r, a) : void 0; } }
-function _arrayLikeToArray$d(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 _createForOfIteratorHelper$e(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$e(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$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(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$e(r, a) : void 0; } }
+function _arrayLikeToArray$e(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; }
 var WidgetCardHeader = function WidgetCardHeader(_ref) {
   var item = _ref.item,
     widget = _ref.widget,
@@ -18395,7 +18418,7 @@ var WidgetCardHeader = function WidgetCardHeader(_ref) {
     var el = headerRef.current;
     if (!el) return;
     var observer = new ResizeObserver(function (entries) {
-      var _iterator = _createForOfIteratorHelper$d(entries),
+      var _iterator = _createForOfIteratorHelper$e(entries),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -18760,9 +18783,9 @@ var useWidgetSchedulerStatus = function useWidgetSchedulerStatus(widgetId) {
   };
 };
 
-function _createForOfIteratorHelper$c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$c(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$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(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$c(r, a) : void 0; } }
-function _arrayLikeToArray$c(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 _createForOfIteratorHelper$d(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$d(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$d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$d(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$d(r, a) : void 0; } }
+function _arrayLikeToArray$d(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 formatCountdown(ms) {
   if (ms == null || ms < 0) return "--";
   if (ms < 1000) return "< 1s";
@@ -18879,7 +18902,7 @@ var WidgetCardStatusBar = function WidgetCardStatusBar(_ref) {
 
   // Find soonest countdown among enabled tasks
   var soonestMs = null;
-  var _iterator = _createForOfIteratorHelper$c(enabledTasks),
+  var _iterator = _createForOfIteratorHelper$d(enabledTasks),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -19330,8 +19353,8 @@ var ProviderSelector = function ProviderSelector(_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$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 AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   var transport = _ref.transport,
     envMappingRows = _ref.envMappingRows,
@@ -19360,7 +19383,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$w(_objectSpread$w({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$y(_objectSpread$y({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -19385,7 +19408,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$w(_objectSpread$w({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$y(_objectSpread$y({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -19534,8 +19557,8 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   });
 };
 
-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$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; }
 var McpServerPicker = function McpServerPicker(_ref) {
   var _testResult$tools;
   var isOpen = _ref.isOpen,
@@ -19714,11 +19737,11 @@ var McpServerPicker = function McpServerPicker(_ref) {
   // Handle credential field changes
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$v(_objectSpread$v({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$x(_objectSpread$x({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$v({}, prev);
+        var next = _objectSpread$x({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -20056,7 +20079,7 @@ var McpServerPicker = function McpServerPicker(_ref) {
                           setProviderName(value);
                           if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                             setFormErrors(function (prev) {
-                              var next = _objectSpread$v({}, prev);
+                              var next = _objectSpread$x({}, prev);
                               delete next.providerName;
                               return next;
                             });
@@ -20246,8 +20269,8 @@ var McpServerPicker = function McpServerPicker(_ref) {
   });
 };
 
-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$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 USE_ENHANCED_WIDGET_SELECTOR = true; // Set to false to use original modal
 
 /**
@@ -20293,7 +20316,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     var _ref3 = _slicedToArray(_ref2, 2),
       id = _ref3[0],
       p = _ref3[1];
-    return _objectSpread$u(_objectSpread$u({}, p), {}, {
+    return _objectSpread$w(_objectSpread$w({}, p), {}, {
       id: id,
       name: p.name || id
     });
@@ -20380,7 +20403,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$u(_objectSpread$u({}, workspace), {}, {
+      setCurrentWorkspace(_objectSpread$w(_objectSpread$w({}, workspace), {}, {
         layout: model.layout
       }));
     } else {
@@ -20771,7 +20794,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       var uuid = widget.uuid || widget.uuidString;
       if (uuid) {
         newWorkspace.selectedProviders = newWorkspace.selectedProviders || {};
-        newWorkspace.selectedProviders[uuid] = _objectSpread$u(_objectSpread$u({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
+        newWorkspace.selectedProviders[uuid] = _objectSpread$w(_objectSpread$w({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
       }
       setCurrentWorkspace(newWorkspace);
     }
@@ -20907,7 +20930,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       var _gridContainer$grid;
       var config = ComponentManager.config(widgetKey);
       if (!config) return;
-      var widgetItem = _objectSpread$u(_objectSpread$u({}, config), {}, {
+      var widgetItem = _objectSpread$w(_objectSpread$w({}, config), {}, {
         component: widgetKey,
         key: widgetKey
       });
@@ -21161,7 +21184,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
           onSelectWidget: function onSelectWidget(widget) {
 
             // Add component property from widget.key
-            var widgetWithComponent = _objectSpread$u(_objectSpread$u({}, widget), {}, {
+            var widgetWithComponent = _objectSpread$w(_objectSpread$w({}, widget), {}, {
               component: widget.key
             });
             handleClickConfirmAdd(widgetWithComponent, dropdownTarget);
@@ -22790,8 +22813,8 @@ var MissingProviderPrompt = function MissingProviderPrompt(_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$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 _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) {
@@ -22846,7 +22869,7 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "handleProviderSelect", function (providerType, providerName, credentials) {
 
       // Update local selected providers state
-      var updatedSelected = _objectSpread$t(_objectSpread$t({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
+      var updatedSelected = _objectSpread$v(_objectSpread$v({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
       _this.setState({
         selectedProviders: updatedSelected
       }, function () {
@@ -22920,8 +22943,8 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
 }(Component);
 _defineProperty(ProviderErrorBoundary, "contextType", ProviderContext);
 
-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$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 withProviderDetection = function withProviderDetection(Component) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$requiredProvider = _ref.requiredProviders,
@@ -22946,7 +22969,7 @@ var withProviderDetection = function withProviderDetection(Component) {
         onProviderSelect: onProviderSelect
       });
     }
-    return /*#__PURE__*/jsx(Component, _objectSpread$s({}, props));
+    return /*#__PURE__*/jsx(Component, _objectSpread$u({}, props));
   };
 };
 
@@ -23622,8 +23645,8 @@ var WidgetNotFound = function WidgetNotFound(_ref) {
   });
 };
 
-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$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 _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) {
@@ -23754,7 +23777,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
 
       // Build widgetData for WidgetContext — hooks read from this
       var uuidString = getUUID(params.uuid);
-      var widgetData = _objectSpread$r(_objectSpread$r({}, params), {}, {
+      var widgetData = _objectSpread$t(_objectSpread$t({}, params), {}, {
         uuidString: uuidString,
         providers: (config === null || config === void 0 ? void 0 : config.providers) || [],
         notifications: (config === null || config === void 0 ? void 0 : config.notifications) || []
@@ -23778,7 +23801,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
         widgetData: widgetData
       };
       var hasScheduledTasks = ((config === null || config === void 0 ? void 0 : config.scheduledTasks) || []).length > 0;
-      var widgetElement = children === null ? /*#__PURE__*/jsx(WidgetComponent, _objectSpread$r(_objectSpread$r(_objectSpread$r({
+      var widgetElement = children === null ? /*#__PURE__*/jsx(WidgetComponent, _objectSpread$t(_objectSpread$t(_objectSpread$t({
         id: "widget-nokids-".concat(widgetKey),
         listen: function listen(listeners, handlers) {
           return helpers.listen(listeners, handlers);
@@ -23791,7 +23814,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
         backgroundColor: bgColor,
         widgetConfig: helpers.config(),
         widgetEventNames: helpers.events()
-      }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsx(WidgetComponent, _objectSpread$r(_objectSpread$r(_objectSpread$r({
+      }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsx(WidgetComponent, _objectSpread$t(_objectSpread$t(_objectSpread$t({
         listen: function listen(listeners, handlers) {
           return helpers.listen(listeners, handlers);
         },
@@ -23990,11 +24013,11 @@ var ExternalWidget = function ExternalWidget(_ref) {
 var GRID_CELL_WIDGET_TYPE = "grid-cell-widget";
 var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
 
-function _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(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$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(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$b(r, a) : void 0; } }
-function _arrayLikeToArray$b(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$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 _createForOfIteratorHelper$c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$c(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$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(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$c(r, a) : void 0; } }
+function _arrayLikeToArray$c(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$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 DraggableDroppableCellBody = function DraggableDroppableCellBody(_ref) {
   var cellNumber = _ref.cellNumber,
     gridContainerId = _ref.gridContainerId,
@@ -24192,7 +24215,7 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
     var _ref5 = _slicedToArray(_ref4, 2),
       id = _ref5[0],
       provider = _ref5[1];
-    return _objectSpread$q({
+    return _objectSpread$s({
       id: id
     }, provider);
   }) : [];
@@ -24567,7 +24590,7 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
       return selectable["delete"](cn);
     });
     var resolved = new Set();
-    var _iterator = _createForOfIteratorHelper$b(selectable),
+    var _iterator = _createForOfIteratorHelper$c(selectable),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -25198,7 +25221,7 @@ var LayoutGridContainer = /*#__PURE__*/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$q(_objectSpread$q({}, item), {}, {
+    var itemWithProviders = _objectSpread$s(_objectSpread$s({}, item), {}, {
       selectedProviders: widgetSpecificSelections,
       onProviderSelect: onProviderSelect
     });
@@ -26703,11 +26726,11 @@ function isWidgetResolvable(componentKey) {
 //     isMinOrderForItem
 // }
 
-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 _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; }
+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 _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(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$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(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$b(r, a) : void 0; } }
+function _arrayLikeToArray$b(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; }
 /**
  * The model for all layout components used primarily in the renderLayout method
  * @param {Object} layoutItem an object containing various attributes of the layout item
@@ -26719,7 +26742,7 @@ function _arrayLikeToArray$a(r, a) { (null == a || a > r.length) && (a = r.lengt
 function sortObjectByKeys(obj) {
   var sortedKeys = Object.keys(obj).sort();
   var sortedObj = {};
-  var _iterator = _createForOfIteratorHelper$a(sortedKeys),
+  var _iterator = _createForOfIteratorHelper$b(sortedKeys),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -26860,7 +26883,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$p(_objectSpread$p({}, layout.userPrefs), obj.userConfigValues);
+      layout.userPrefs = _objectSpread$r(_objectSpread$r({}, layout.userPrefs), obj.userConfigValues);
     }
 
     // Preserve provider selections for this widget
@@ -27024,6 +27047,11 @@ var WorkspaceModel = function WorkspaceModel(workspaceItem) {
   workspace.label = "label" in obj ? obj["label"] : "New Dashboard";
   workspace.version = "version" in obj ? obj["version"] : 1;
   workspace.layout = "layout" in obj ? obj["layout"] : [];
+  workspace.pages = "pages" in obj ? obj["pages"] : [];
+  workspace.activePageId = "activePageId" in obj ? obj["activePageId"] : null;
+  workspace.sidebarEnabled = "sidebarEnabled" in obj ? obj["sidebarEnabled"] : false;
+  workspace.sidebarLayout = "sidebarLayout" in obj ? obj["sidebarLayout"] : [];
+  workspace.sidebarWidth = "sidebarWidth" in obj ? obj["sidebarWidth"] : 280;
   // workspace.layout =
   //     "layout" in obj
   //         ? sanitizeLayout(obj["layout"], workspace.id)
@@ -27388,11 +27416,11 @@ var MenuItemModel = function MenuItemModel() {
   return m;
 };
 
-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$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$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 _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; }
 /**
  * A Model for a Workspace (Dashboard)
  * The Dashboard in this instance is the entire Layout inclusive of the workspaces and widgets
@@ -27426,10 +27454,48 @@ var DashboardModel = /*#__PURE__*/function () {
       this.version = "version" in obj ? obj["version"] : 1;
       this.layout = "layout" in obj ? obj["layout"] : this._initializeLayout();
       this.menuId = "menuId" in obj ? obj["menuId"] : 1;
+
+      // Sidebar support
+      this.sidebarEnabled = "sidebarEnabled" in obj ? obj.sidebarEnabled : false;
+      this.sidebarLayout = "sidebarLayout" in obj ? obj.sidebarLayout : [];
+      this.sidebarWidth = "sidebarWidth" in obj ? obj.sidebarWidth : 280;
+
+      // Multi-page support: migrate single-page workspaces
+      if ("pages" in obj && Array.isArray(obj.pages) && obj.pages.length > 0) {
+        this.pages = obj.pages;
+        this.activePageId = obj.activePageId || obj.pages[0].id;
+      } else {
+        // Single-page workspace — no migration yet, pages stay empty
+        // Pages are created on demand when user clicks "Add Page"
+        this.pages = [];
+        this.activePageId = null;
+      }
       obj = null;
 
       // Normalize all grids on load to repair any persisted corruption
       this._normalizeAllGrids();
+
+      // Also normalize grids within pages
+      if (this.pages.length > 0) {
+        var _iterator = _createForOfIteratorHelper$a(this.pages),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var page = _step.value;
+            if (page.layout) {
+              var saved = this.layout;
+              this.layout = page.layout;
+              this._normalizeAllGrids();
+              page.layout = this.layout;
+              this.layout = saved;
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
     }
   }, {
     key: "_initializeLayout",
@@ -27463,6 +27529,10 @@ var DashboardModel = /*#__PURE__*/function () {
         return [];
       }
     }
+
+    /**
+     * Create a new page with a default 1x1 grid layout.
+     */
   }, {
     key: "destroy",
     value: function destroy() {
@@ -27478,7 +27548,8 @@ var DashboardModel = /*#__PURE__*/function () {
   }, {
     key: "workspace",
     value: function workspace() {
-      return {
+      var _this$sidebarLayout;
+      var ws = {
         id: this.id,
         name: this.name,
         type: this.type,
@@ -27487,6 +27558,16 @@ var DashboardModel = /*#__PURE__*/function () {
         layout: this.layout,
         menuId: this.menuId
       };
+      if (this.pages && this.pages.length > 0) {
+        ws.pages = this.pages;
+        ws.activePageId = this.activePageId;
+      }
+      if (this.sidebarEnabled || ((_this$sidebarLayout = this.sidebarLayout) === null || _this$sidebarLayout === void 0 ? void 0 : _this$sidebarLayout.length) > 0) {
+        ws.sidebarEnabled = this.sidebarEnabled;
+        ws.sidebarLayout = this.sidebarLayout;
+        ws.sidebarWidth = this.sidebarWidth;
+      }
+      return ws;
     }
 
     /**
@@ -28656,7 +28737,7 @@ var DashboardModel = /*#__PURE__*/function () {
                   visibleCells.push({
                     row: r,
                     col: c,
-                    data: _objectSpread$o({}, cell),
+                    data: _objectSpread$q({}, 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
                   });
@@ -28678,7 +28759,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$o(_objectSpread$o({}, vc.data), {}, {
+              grid[_key7] = _objectSpread$q(_objectSpread$q({}, vc.data), {}, {
                 hide: false,
                 span: {
                   row: vc.spanRow,
@@ -28753,7 +28834,7 @@ var DashboardModel = /*#__PURE__*/function () {
                   _visibleCells2.push({
                     row: _r1,
                     col: _c10,
-                    data: _objectSpread$o({}, _cell6),
+                    data: _objectSpread$q({}, _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
                   });
@@ -28775,7 +28856,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$o(_objectSpread$o({}, _vc.data), {}, {
+              grid[_key10] = _objectSpread$q(_objectSpread$q({}, _vc.data), {}, {
                 hide: false,
                 span: {
                   row: _vc.spanRow * count,
@@ -29372,11 +29453,11 @@ var DashboardModel = /*#__PURE__*/function () {
       try {
         // Collect all item IDs actively referenced by grid cells
         var activeItemIds = new Set();
-        var _iterator = _createForOfIteratorHelper$9(this.layout),
-          _step;
+        var _iterator2 = _createForOfIteratorHelper$a(this.layout),
+          _step2;
         try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var item = _step.value;
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var item = _step2.value;
             if (item.grid && _typeof(item.grid) === "object") {
               for (var _i15 = 0, _Object$keys5 = Object.keys(item.grid); _i15 < _Object$keys5.length; _i15++) {
                 var key = _Object$keys5[_i15];
@@ -29392,9 +29473,9 @@ var DashboardModel = /*#__PURE__*/function () {
 
           // If no grid containers exist, nothing to clean
         } catch (err) {
-          _iterator.e(err);
+          _iterator2.e(err);
         } finally {
-          _iterator.f();
+          _iterator2.f();
         }
         if (activeItemIds.size === 0) return;
 
@@ -29412,21 +29493,52 @@ var DashboardModel = /*#__PURE__*/function () {
         });
 
         // Clean listener references on remaining items for each removed orphan
-        var _iterator2 = _createForOfIteratorHelper$9(orphanedIds),
-          _step2;
+        var _iterator3 = _createForOfIteratorHelper$a(orphanedIds),
+          _step3;
         try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var id = _step2.value;
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var id = _step3.value;
             this._cleanupListenerReferencesForId(id);
           }
         } catch (err) {
-          _iterator2.e(err);
+          _iterator3.e(err);
         } finally {
-          _iterator2.f();
+          _iterator3.f();
         }
       } catch (e) {
       }
     }
+  }], [{
+    key: "createPage",
+    value: function createPage() {
+      var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "New Page";
+      return {
+        id: "page-".concat(Date.now()),
+        name: name,
+        order: 0,
+        layout: [LayoutModel({
+          id: 1,
+          order: 1,
+          type: "grid",
+          component: "LayoutGridContainer",
+          hasChildren: 1,
+          scrollable: false,
+          parent: 0,
+          menuId: 1,
+          width: "w-full",
+          height: "h-full",
+          grid: {
+            rows: 1,
+            cols: 1,
+            gap: "gap-2",
+            1.1: {
+              component: null,
+              hide: false
+            }
+          }
+        }, [])]
+      };
+    }
   }]);
 }();
 
@@ -29974,8 +30086,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React__default.Component);
 
-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$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; }
 
 /**
  * useDashboard Hook
@@ -30031,7 +30143,7 @@ var useDashboard = function useDashboard() {
       }
     });
   }
-  return _objectSpread$n({
+  return _objectSpread$p({
     app: app,
     dashboard: dashboard,
     theme: theme
@@ -30040,9 +30152,9 @@ var useDashboard = function useDashboard() {
   });
 };
 
-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 _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; }
 
 /**
  * useWidgetProviders Hook
@@ -30093,7 +30205,7 @@ var useWidgetProviders = function useWidgetProviders() {
   // 1. Widget-level: stored directly on the layout item by handleSelectProvider
   // 2. Workspace-level: stored as workspace.selectedProviders[widgetId][providerType]
   var providers = {};
-  var _iterator = _createForOfIteratorHelper$8(providerDeclarations),
+  var _iterator = _createForOfIteratorHelper$9(providerDeclarations),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -30828,9 +30940,9 @@ var useNotifications = function useNotifications() {
   };
 };
 
-function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(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$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(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$7(r, a) : void 0; } }
-function _arrayLikeToArray$7(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 _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; }
 
 /**
  * useScheduler Hook
@@ -30903,7 +31015,7 @@ var useScheduler = function useScheduler() {
       if (pending && pending.length > 0) {
         setPendingResults(pending);
         // Call handlers for each pending result
-        var _iterator = _createForOfIteratorHelper$7(pending),
+        var _iterator = _createForOfIteratorHelper$8(pending),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -31744,8 +31856,8 @@ function useMcpDashServer() {
   };
 }
 
-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$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; }
 var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
   var theme = _ref.theme,
     themeVariant = _ref.themeVariant,
@@ -31794,13 +31906,13 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
       className: "flex flex-col space-y-4 p-4",
       children: [/*#__PURE__*/jsxs("div", {
         className: "flex flex-row bg-gray-900 p-4 space-x-4 rounded justify-between",
-        children: [/*#__PURE__*/jsxs(Panel, _objectSpread$m(_objectSpread$m({}, styles), {}, {
+        children: [/*#__PURE__*/jsxs(Panel, _objectSpread$o(_objectSpread$o({}, styles), {}, {
           scrollable: false,
           className: "rounded",
           children: [/*#__PURE__*/jsx(Panel.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel"
-          }), /*#__PURE__*/jsx(Panel.Body, _objectSpread$m(_objectSpread$m({}, styles), {}, {
+          }), /*#__PURE__*/jsx(Panel.Body, _objectSpread$o(_objectSpread$o({}, styles), {}, {
             onClick: function onClick() {
               handleClickItem(themeObjects.PANEL, styles);
             }
@@ -31808,14 +31920,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             className: "text-xs uppercase font-light",
             children: getCSSStyleForClassname("backgroundColor", themeObjects.PANEL)
           })]
-        })), /*#__PURE__*/jsxs(Panel2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsxs(Panel2, _objectSpread$o(_objectSpread$o({
           className: "rounded"
         }, styles2), {}, {
           scrollable: false,
           children: [/*#__PURE__*/jsx(Panel2.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel 2"
-          }), /*#__PURE__*/jsx(Panel2.Body, _objectSpread$m(_objectSpread$m({}, styles2), {}, {
+          }), /*#__PURE__*/jsx(Panel2.Body, _objectSpread$o(_objectSpread$o({}, styles2), {}, {
             onClick: function onClick() {
               handleClickItem(themeObjects.PANEL_2, styles2);
             }
@@ -31823,14 +31935,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             className: "text-xs uppercase font-light",
             children: getCSSStyleForClassname("backgroundColor", themeObjects.PANEL_2)
           })]
-        })), /*#__PURE__*/jsxs(Panel3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsxs(Panel3, _objectSpread$o(_objectSpread$o({
           className: "rounded"
         }, styles3), {}, {
           scrollable: false,
           children: [/*#__PURE__*/jsx(Panel3.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel 3"
-          }), /*#__PURE__*/jsx(Panel3.Body, _objectSpread$m(_objectSpread$m({}, styles3), {}, {
+          }), /*#__PURE__*/jsx(Panel3.Body, _objectSpread$o(_objectSpread$o({}, styles3), {}, {
             onClick: function onClick() {
               handleClickItem(themeObjects.PANEL_3, styles3);
             }
@@ -31839,68 +31951,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             children: getCSSStyleForClassname("backgroundColor", themeObjects.PANEL_3)
           })]
         }))]
-      }), /*#__PURE__*/jsxs(Panel, _objectSpread$m(_objectSpread$m({
+      }), /*#__PURE__*/jsxs(Panel, _objectSpread$o(_objectSpread$o({
         className: "p-6 rounded border-4 space-y-4",
         scrollable: false,
         height: "h-fit"
       }, styles), {}, {
-        children: [/*#__PURE__*/jsx(Heading, _objectSpread$m(_objectSpread$m({
+        children: [/*#__PURE__*/jsx(Heading, _objectSpread$o(_objectSpread$o({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsx(Heading2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Heading2, _objectSpread$o(_objectSpread$o({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsx(Heading3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Heading3, _objectSpread$o(_objectSpread$o({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(SubHeading, _objectSpread$o(_objectSpread$o({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$o(_objectSpread$o({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$o(_objectSpread$o({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsx(Paragraph, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Paragraph, _objectSpread$o(_objectSpread$o({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraphStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.PARAGRAPH, paragraphStyles);
           }
-        })), /*#__PURE__*/jsx(Paragraph2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Paragraph2, _objectSpread$o(_objectSpread$o({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.PARAGRAPH_2, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsx(Paragraph3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Paragraph3, _objectSpread$o(_objectSpread$o({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -31909,19 +32021,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsx(Button, _objectSpread$m(_objectSpread$m({
+          children: [/*#__PURE__*/jsx(Button, _objectSpread$o(_objectSpread$o({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsx(Button2, _objectSpread$m(_objectSpread$m({
+          })), /*#__PURE__*/jsx(Button2, _objectSpread$o(_objectSpread$o({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsx(Button3, _objectSpread$m(_objectSpread$m({
+          })), /*#__PURE__*/jsx(Button3, _objectSpread$o(_objectSpread$o({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -31932,14 +32044,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           className: "flex flex-row space-x-4 w-full h-fit",
           children: [/*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -31948,14 +32060,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -31964,14 +32076,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -31981,17 +32093,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$m(_objectSpread$m({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$o(_objectSpread$o({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$m(_objectSpread$m({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$o(_objectSpread$o({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$m(_objectSpread$m({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$o(_objectSpread$o({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -31999,21 +32111,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsx(Tag, _objectSpread$m(_objectSpread$m({
+          children: [/*#__PURE__*/jsx(Tag, _objectSpread$o(_objectSpread$o({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsx(Tag2, _objectSpread$m(_objectSpread$m({
+          })), /*#__PURE__*/jsx(Tag2, _objectSpread$o(_objectSpread$o({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsx(Tag3, _objectSpread$m(_objectSpread$m({
+          })), /*#__PURE__*/jsx(Tag3, _objectSpread$o(_objectSpread$o({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -32022,67 +32134,67 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxs(Panel2, _objectSpread$m(_objectSpread$m({
+      })), /*#__PURE__*/jsxs(Panel2, _objectSpread$o(_objectSpread$o({
         className: "p-6 rounded border-4 space-y-4",
         height: "h-fit"
       }, styles2), {}, {
-        children: [/*#__PURE__*/jsx(Heading, _objectSpread$m(_objectSpread$m({
+        children: [/*#__PURE__*/jsx(Heading, _objectSpread$o(_objectSpread$o({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsx(Heading2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Heading2, _objectSpread$o(_objectSpread$o({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsx(Heading3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Heading3, _objectSpread$o(_objectSpread$o({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(SubHeading, _objectSpread$o(_objectSpread$o({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$o(_objectSpread$o({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$o(_objectSpread$o({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsx(Paragraph, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Paragraph, _objectSpread$o(_objectSpread$o({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraphStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.PARAGRAPH, paragraphStyles);
           }
-        })), /*#__PURE__*/jsx(Paragraph2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Paragraph2, _objectSpread$o(_objectSpread$o({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.PARAGRAPH_2, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsx(Paragraph3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Paragraph3, _objectSpread$o(_objectSpread$o({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -32091,19 +32203,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsx(Button, _objectSpread$m(_objectSpread$m({
+          children: [/*#__PURE__*/jsx(Button, _objectSpread$o(_objectSpread$o({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsx(Button2, _objectSpread$m(_objectSpread$m({
+          })), /*#__PURE__*/jsx(Button2, _objectSpread$o(_objectSpread$o({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsx(Button3, _objectSpread$m(_objectSpread$m({
+          })), /*#__PURE__*/jsx(Button3, _objectSpread$o(_objectSpread$o({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -32114,14 +32226,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           className: "flex flex-row space-x-4 w-full",
           children: [/*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -32130,14 +32242,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -32146,14 +32258,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -32163,17 +32275,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$m(_objectSpread$m({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$o(_objectSpread$o({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$m(_objectSpread$m({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$o(_objectSpread$o({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$m(_objectSpread$m({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$o(_objectSpread$o({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -32181,21 +32293,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsx(Tag, _objectSpread$m(_objectSpread$m({
+          children: [/*#__PURE__*/jsx(Tag, _objectSpread$o(_objectSpread$o({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsx(Tag2, _objectSpread$m(_objectSpread$m({
+          })), /*#__PURE__*/jsx(Tag2, _objectSpread$o(_objectSpread$o({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsx(Tag3, _objectSpread$m(_objectSpread$m({
+          })), /*#__PURE__*/jsx(Tag3, _objectSpread$o(_objectSpread$o({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -32204,68 +32316,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxs(Panel3, _objectSpread$m(_objectSpread$m({
+      })), /*#__PURE__*/jsxs(Panel3, _objectSpread$o(_objectSpread$o({
         className: "p-6 rounded border-4 space-y-4"
       }, styles3), {}, {
         padding: false,
         height: "h-fit",
-        children: [/*#__PURE__*/jsx(Heading, _objectSpread$m(_objectSpread$m({
+        children: [/*#__PURE__*/jsx(Heading, _objectSpread$o(_objectSpread$o({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsx(Heading2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Heading2, _objectSpread$o(_objectSpread$o({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsx(Heading3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Heading3, _objectSpread$o(_objectSpread$o({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(SubHeading, _objectSpread$o(_objectSpread$o({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$o(_objectSpread$o({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$o(_objectSpread$o({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsx(Paragraph, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Paragraph, _objectSpread$o(_objectSpread$o({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraphStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.PARAGRAPH, paragraphStyles);
           }
-        })), /*#__PURE__*/jsx(Paragraph2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Paragraph2, _objectSpread$o(_objectSpread$o({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.PARAGRAPH, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsx(Paragraph3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Paragraph3, _objectSpread$o(_objectSpread$o({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -32274,19 +32386,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsx(Button, _objectSpread$m(_objectSpread$m({
+          children: [/*#__PURE__*/jsx(Button, _objectSpread$o(_objectSpread$o({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsx(Button2, _objectSpread$m(_objectSpread$m({
+          })), /*#__PURE__*/jsx(Button2, _objectSpread$o(_objectSpread$o({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsx(Button3, _objectSpread$m(_objectSpread$m({
+          })), /*#__PURE__*/jsx(Button3, _objectSpread$o(_objectSpread$o({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -32297,14 +32409,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           className: "flex flex-row space-x-4 w-full",
           children: [/*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -32313,14 +32425,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -32329,14 +32441,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$m(_objectSpread$m({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$o(_objectSpread$o({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -32346,17 +32458,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$m(_objectSpread$m({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$o(_objectSpread$o({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$m(_objectSpread$m({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$o(_objectSpread$o({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$m(_objectSpread$m({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$o(_objectSpread$o({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -32364,21 +32476,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsx(Tag, _objectSpread$m(_objectSpread$m({
+          children: [/*#__PURE__*/jsx(Tag, _objectSpread$o(_objectSpread$o({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsx(Tag2, _objectSpread$m(_objectSpread$m({
+          })), /*#__PURE__*/jsx(Tag2, _objectSpread$o(_objectSpread$o({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsx(Tag3, _objectSpread$m(_objectSpread$m({
+          })), /*#__PURE__*/jsx(Tag3, _objectSpread$o(_objectSpread$o({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -32387,57 +32499,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxs(Panel2, _objectSpread$m(_objectSpread$m({
+      })), /*#__PURE__*/jsxs(Panel2, _objectSpread$o(_objectSpread$o({
         className: "p-6 rounded border-4 space-y-4"
       }, styles2), {}, {
         height: "h-fit",
         padding: false,
-        children: [/*#__PURE__*/jsx(Heading2, _objectSpread$m(_objectSpread$m({
+        children: [/*#__PURE__*/jsx(Heading2, _objectSpread$o(_objectSpread$o({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$o(_objectSpread$o({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsx(Paragraph2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Paragraph2, _objectSpread$o(_objectSpread$o({
           text: "Paragraph 2 - The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.PARAGRAPH_2, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsx(Button2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Button2, _objectSpread$o(_objectSpread$o({
           title: "Button"
         }, button2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.BUTTON_2, button2Styles);
           }
-        })), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$o(_objectSpread$o({
           text: "Button Icon",
           icon: "pencil"
         }, buttonIcon2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
           }
-        })), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$o(_objectSpread$o({
           icon: "pencil"
         }, buttonIcon2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIconStyles);
           }
-        })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$m(_objectSpread$m({}, menuItem2Styles), {}, {
+        })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$o(_objectSpread$o({}, menuItem2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
           },
           children: "Menu Item"
-        })), /*#__PURE__*/jsx(Tag2, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Tag2, _objectSpread$o(_objectSpread$o({
           text: "Tag 2",
           icon: "pencil"
         }, tag2Styles), {}, {
@@ -32445,57 +32557,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             return handleClickItem(themeObjects.TAG_2, tag2Styles);
           }
         }))]
-      })), /*#__PURE__*/jsxs(Panel3, _objectSpread$m(_objectSpread$m({
+      })), /*#__PURE__*/jsxs(Panel3, _objectSpread$o(_objectSpread$o({
         className: "p-6 rounded border-4 space-y-4"
       }, styles3), {}, {
         height: "h-fit",
         padding: false,
-        children: [/*#__PURE__*/jsx(Heading3, _objectSpread$m(_objectSpread$m({
+        children: [/*#__PURE__*/jsx(Heading3, _objectSpread$o(_objectSpread$o({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$o(_objectSpread$o({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsx(Paragraph3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Paragraph3, _objectSpread$o(_objectSpread$o({
           text: "Paragraph 3 - The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.PARAGRAPH_3, paragraph3Styles);
           }
-        })), /*#__PURE__*/jsx(Button3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Button3, _objectSpread$o(_objectSpread$o({
           title: "Button"
         }, button3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.BUTTON_3, button3Styles);
           }
-        })), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$o(_objectSpread$o({
           text: "Button Icon 3",
           icon: "pencil"
         }, buttonIcon3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
           }
-        })), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$o(_objectSpread$o({
           icon: "pencil"
         }, buttonIcon3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
           }
-        })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$m(_objectSpread$m({}, menuItem3Styles), {}, {
+        })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$o(_objectSpread$o({}, menuItem3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
           },
           children: "Menu Item"
-        })), /*#__PURE__*/jsx(Tag3, _objectSpread$m(_objectSpread$m({
+        })), /*#__PURE__*/jsx(Tag3, _objectSpread$o(_objectSpread$o({
           text: "Tag",
           icon: "pencil"
         }, tag3Styles), {}, {
@@ -32544,8 +32656,8 @@ var ThemePane = function ThemePane(_ref) {
 };
 
 var _excluded$2 = ["colorFromTheme", "colorName", "shade", "variant", "colorType", "colorLevelName", "selected", "onClick", "onMouseOver", "width", "height"];
-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$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 ColorTile = function ColorTile(_ref) {
   var _ref$colorFromTheme = _ref.colorFromTheme,
     colorFromTheme = _ref$colorFromTheme === void 0 ? null : _ref$colorFromTheme,
@@ -32570,7 +32682,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$l({
+  var c = ColorModel(_objectSpread$n({
     colorFromTheme: colorFromTheme,
     colorName: colorName,
     colorType: colorType,
@@ -32598,10 +32710,10 @@ var ColorTile = function ColorTile(_ref) {
   return /*#__PURE__*/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$l(_objectSpread$l({}, c), rest)) : null;
+      return _onClick !== null ? _onClick(_objectSpread$n(_objectSpread$n({}, c), rest)) : null;
     },
     onMouseOver: function onMouseOver() {
-      return _onMouseOver !== null ? _onMouseOver(_objectSpread$l(_objectSpread$l({}, c), rest)) : null;
+      return _onMouseOver !== null ? _onMouseOver(_objectSpread$n(_objectSpread$n({}, c), rest)) : null;
     },
     children: "\xA0"
   });
@@ -33784,8 +33896,8 @@ if (process.env.NODE_ENV !== 'production') {
 var propTypesExports = propTypes.exports;
 var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
-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$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; }
 
 // Host-injected module references (e.g., "@trops/dash-core").
 // Set by the host app via setHostModules() after all modules are fully loaded,
@@ -33821,7 +33933,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$k(_objectSpread$k({}, BASE_MODULE_MAP), _hostModules);
+  var moduleMap = _objectSpread$m(_objectSpread$m({}, BASE_MODULE_MAP), _hostModules);
   var module = {
     exports: {}
   };
@@ -33834,7 +33946,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$k(_objectSpread$k(_objectSpread$k({}, mod["default"]), mod), {}, {
+        return _objectSpread$m(_objectSpread$m(_objectSpread$m({}, mod["default"]), mod), {}, {
           "default": mod["default"]
         });
       }
@@ -33916,9 +34028,9 @@ function loadWidgetBundle(source, widgetName) {
   };
 }
 
-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 _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(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$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(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$7(r, a) : void 0; } }
+function _arrayLikeToArray$7(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; }
 /**
  * Validation utilities for grid-first dashboard architecture
  *
@@ -34157,7 +34269,7 @@ var validateCellMerge = function validateCellMerge(cellNumbers, grid) {
 
     // Validate each cell
     var cells = [];
-    var _iterator = _createForOfIteratorHelper$6(cellNumbers),
+    var _iterator = _createForOfIteratorHelper$7(cellNumbers),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -34505,8 +34617,8 @@ var HARMONY_STRATEGIES = [{
   label: "Custom"
 }];
 
-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$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 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,
@@ -34523,7 +34635,7 @@ var PreviewColorsPane = function PreviewColorsPane(_ref) {
   function handleClickItem(data, styleNameCss, itemType, objectType) {
     // override the object type
     data["objectType"] = objectType;
-    onClickItem(_objectSpread$j(_objectSpread$j({}, data), {}, {
+    onClickItem(_objectSpread$l(_objectSpread$l({}, data), {}, {
       itemType: itemType,
       styleName: styleNameCss
     }));
@@ -34933,8 +35045,8 @@ var ThemeMenuPane = function ThemeMenuPane(_ref) {
   });
 };
 
-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$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; }
 var COMPONENT_GROUPS$1 = {
   Typography: [themeObjects.HEADING, themeObjects.HEADING_2, themeObjects.HEADING_3, themeObjects.SUBHEADING, themeObjects.SUBHEADING_2, themeObjects.SUBHEADING_3, themeObjects.PARAGRAPH, themeObjects.PARAGRAPH_2, themeObjects.PARAGRAPH_3],
   Buttons: [themeObjects.BUTTON, themeObjects.BUTTON_2, themeObjects.BUTTON_3, themeObjects.BUTTON_ICON, themeObjects.BUTTON_ICON_2, themeObjects.BUTTON_ICON_3],
@@ -34965,7 +35077,7 @@ var ComponentSelectorPane = function ComponentSelectorPane(_ref) {
     setCollapsedGroups = _useState2[1];
   function toggleGroup(groupName) {
     setCollapsedGroups(function (prev) {
-      return _objectSpread$i(_objectSpread$i({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
+      return _objectSpread$k(_objectSpread$k({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
     });
   }
   function hasOverrides(itemKey) {
@@ -35202,8 +35314,8 @@ var NonColorPickerPane = function NonColorPickerPane(_ref) {
 };
 
 var _excluded$1 = ["children"];
-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$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; }
 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);
@@ -35763,7 +35875,7 @@ var PanelTheme = function PanelTheme(_ref) {
     if (itemSelected && themeSelected && themeVariant) {
       var updatedStyles = getStylesForItem(itemSelected.item, themeSelected[themeVariant]);
       setItemSelected(function (prev) {
-        return _objectSpread$h(_objectSpread$h({}, prev), {}, {
+        return _objectSpread$j(_objectSpread$j({}, prev), {}, {
           styles: updatedStyles
         });
       });
@@ -35934,7 +36046,7 @@ var PanelTheme = function PanelTheme(_ref) {
               styles: clickStyles
             });
           },
-          children: /*#__PURE__*/jsx(PanelComponent, _objectSpread$h(_objectSpread$h({}, panelStyles), {}, {
+          children: /*#__PURE__*/jsx(PanelComponent, _objectSpread$j(_objectSpread$j({}, panelStyles), {}, {
             scrollable: false,
             className: "rounded",
             height: "",
@@ -35948,9 +36060,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__*/jsx(comp.Component, _objectSpread$h(_objectSpread$h({}, restProps), {}, {
+                  var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsx(comp.Component, _objectSpread$j(_objectSpread$j({}, restProps), {}, {
                     children: childContent
-                  })) : /*#__PURE__*/jsx(comp.Component, _objectSpread$h({}, restProps));
+                  })) : /*#__PURE__*/jsx(comp.Component, _objectSpread$j({}, restProps));
                   return renderComponentRow(comp.key, renderedComponent);
                 })
               })
@@ -35966,7 +36078,7 @@ var PanelTheme = function PanelTheme(_ref) {
       children: [/*#__PURE__*/jsx("div", {
         className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
         children: "Forms & Inputs"
-      }), /*#__PURE__*/jsx(Panel, _objectSpread$h(_objectSpread$h({}, getStylesForItem("panel", themeData)), {}, {
+      }), /*#__PURE__*/jsx(Panel, _objectSpread$j(_objectSpread$j({}, getStylesForItem("panel", themeData)), {}, {
         scrollable: false,
         className: "rounded",
         height: "",
@@ -35994,7 +36106,7 @@ var PanelTheme = function PanelTheme(_ref) {
       children: [/*#__PURE__*/jsx("div", {
         className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
         children: "Data & Stats"
-      }), /*#__PURE__*/jsx(Panel, _objectSpread$h(_objectSpread$h({}, getStylesForItem("panel", themeData)), {}, {
+      }), /*#__PURE__*/jsx(Panel, _objectSpread$j(_objectSpread$j({}, getStylesForItem("panel", themeData)), {}, {
         scrollable: false,
         className: "rounded",
         height: "",
@@ -36099,7 +36211,7 @@ var PanelTheme = function PanelTheme(_ref) {
               }), themeSelected && /*#__PURE__*/jsx("div", {
                 className: "flex flex-col flex-1 min-w-0",
                 children: /*#__PURE__*/jsx(ThemeContext.Provider, {
-                  value: _objectSpread$h(_objectSpread$h({}, themeContextValue), {}, {
+                  value: _objectSpread$j(_objectSpread$j({}, themeContextValue), {}, {
                     currentTheme: (themeSelected === null || themeSelected === void 0 ? void 0 : themeSelected[themeVariant]) || themeContextValue.currentTheme
                   }),
                   children: showPreview ? /*#__PURE__*/jsx(PreviewComponentsPane, {
@@ -37503,8 +37615,8 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
   });
 };
 
-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; }
+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; }
 var ThemeManagerModal = function ThemeManagerModal(_ref) {
   var open = _ref.open,
     setIsOpen = _ref.setIsOpen;
@@ -37696,7 +37808,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
   function handleWizardComplete() {
     if (!wizardTheme || !wizardName.trim()) return;
     var key = wizardTheme.id || "theme-".concat(Date.now());
-    var finalTheme = _objectSpread$g(_objectSpread$g({}, wizardTheme), {}, {
+    var finalTheme = _objectSpread$i(_objectSpread$i({}, wizardTheme), {}, {
       id: key,
       name: wizardName.trim()
     });
@@ -38659,8 +38771,8 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
   });
 };
 
-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$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 LayoutPreview = function LayoutPreview(_ref) {
   var layout = _ref.layout;
   var gridRoot = (layout || []).find(function (item) {
@@ -38842,7 +38954,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$f({}, layoutItem);
+      var cleaned = _objectSpread$h({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -38857,7 +38969,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
     var updated = deepCopy(ws);
     updated.themeKey = val || null;
     updated.layout = (updated.layout || []).map(function (layoutItem) {
-      var cleaned = _objectSpread$f({}, layoutItem);
+      var cleaned = _objectSpread$h({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -39010,8 +39122,8 @@ var DashboardDetail = function DashboardDetail(_ref2) {
   });
 };
 
-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$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 DashboardsSection = function DashboardsSection(_ref) {
   var _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
@@ -39100,7 +39212,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$e({}, layoutItem);
+      var cleaned = _objectSpread$g({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -39120,7 +39232,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$e({}, layoutItem);
+      var cleaned = _objectSpread$g({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -39520,8 +39632,8 @@ var FoldersSection = function FoldersSection(_ref) {
   });
 };
 
-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$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; }
 var ProviderDetail = function ProviderDetail(_ref) {
   var _provider$mcpConfig, _testResult$tools;
   var _ref$providerName = _ref.providerName,
@@ -39612,14 +39724,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
         var oldKey = f.key;
         if (oldKey && formCredentials[oldKey] !== undefined) {
           setFormCredentials(function (creds) {
-            var updated = _objectSpread$d({}, creds);
+            var updated = _objectSpread$f({}, creds);
             var val = updated[oldKey];
             delete updated[oldKey];
             if (newKey.trim()) updated[newKey] = val;
             return updated;
           });
         }
-        return _objectSpread$d(_objectSpread$d({}, f), {}, {
+        return _objectSpread$f(_objectSpread$f({}, f), {}, {
           key: newKey
         });
       });
@@ -39631,14 +39743,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormCredentials(function (prev) {
-        return _objectSpread$d(_objectSpread$d({}, prev), {}, _defineProperty({}, field.key, value));
+        return _objectSpread$f(_objectSpread$f({}, prev), {}, _defineProperty({}, field.key, value));
       });
     }
   };
   var handleFieldSecretToggle = function handleFieldSecretToggle(id) {
     setCredentialFields(function (prev) {
       return prev.map(function (f) {
-        return f.id === id ? _objectSpread$d(_objectSpread$d({}, f), {}, {
+        return f.id === id ? _objectSpread$f(_objectSpread$f({}, f), {}, {
           secret: !f.secret
         }) : f;
       });
@@ -39660,7 +39772,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormCredentials(function (prev) {
-        var updated = _objectSpread$d({}, prev);
+        var updated = _objectSpread$f({}, prev);
         delete updated[field.key];
         return updated;
       });
@@ -39673,7 +39785,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
   };
   var handleCredentialChange = function handleCredentialChange(key, value) {
     setFormCredentials(function (prev) {
-      return _objectSpread$d(_objectSpread$d({}, prev), {}, _defineProperty({}, key, value));
+      return _objectSpread$f(_objectSpread$f({}, prev), {}, _defineProperty({}, key, value));
     });
   };
   var handleTestConnection = function handleTestConnection() {
@@ -40275,8 +40387,8 @@ var ProviderDetail = function ProviderDetail(_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$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 rowIdCounter = 0;
 var nextRowId = function nextRowId() {
   return "row_".concat(++rowIdCounter);
@@ -40537,7 +40649,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$c(_objectSpread$c({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$e(_objectSpread$e({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -40562,7 +40674,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$c(_objectSpread$c({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$e(_objectSpread$e({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -40577,11 +40689,11 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   // --- credential field change ---
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$c(_objectSpread$c({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$e(_objectSpread$e({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$c({}, prev);
+        var next = _objectSpread$e({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -40789,7 +40901,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
                   setProviderName(value);
                   if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                     setFormErrors(function (prev) {
-                      var next = _objectSpread$c({}, prev);
+                      var next = _objectSpread$e({}, prev);
                       delete next.providerName;
                       return next;
                     });
@@ -40905,7 +41017,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
                       setCommand(value);
                       if (formErrors.command && value !== null && value !== void 0 && value.trim()) {
                         setFormErrors(function (prev) {
-                          var next = _objectSpread$c({}, prev);
+                          var next = _objectSpread$e({}, prev);
                           delete next.command;
                           return next;
                         });
@@ -41011,7 +41123,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
                       setUrl(value);
                       if (formErrors.url && value !== null && value !== void 0 && value.trim()) {
                         setFormErrors(function (prev) {
-                          var next = _objectSpread$c({}, prev);
+                          var next = _objectSpread$e({}, prev);
                           delete next.url;
                           return next;
                         });
@@ -41256,8 +41368,8 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   });
 };
 
-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$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 getIconForServer = function getIconForServer(server) {
   var iconMap = {
     github: "code-branch",
@@ -41444,11 +41556,11 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
   // Handle credential field changes
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$b(_objectSpread$b({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$d(_objectSpread$d({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$b({}, prev);
+        var next = _objectSpread$d({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -41696,7 +41808,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
                     setProviderName(value);
                     if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                       setFormErrors(function (prev) {
-                        var next = _objectSpread$b({}, prev);
+                        var next = _objectSpread$d({}, prev);
                         delete next.providerName;
                         return next;
                       });
@@ -41958,11 +42070,11 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
   });
 };
 
-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 _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; }
+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 _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 isValidWsUrl(url) {
   if (!url) return false;
   try {
@@ -42009,7 +42121,7 @@ function extractCredentialFields(url, headerRows) {
       fields.add(match[1]);
     }
   }
-  var _iterator = _createForOfIteratorHelper$5(headerRows),
+  var _iterator = _createForOfIteratorHelper$6(headerRows),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -42112,7 +42224,7 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
     if (!url.trim()) errs.url = "WebSocket URL is required";else if (!isValidWsUrl(url)) errs.url = "URL must start with ws:// or wss://";
 
     // Check required credential fields are filled
-    var _iterator2 = _createForOfIteratorHelper$5(credentialFields),
+    var _iterator2 = _createForOfIteratorHelper$6(credentialFields),
       _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -42135,7 +42247,7 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
 
     // Build headers object from rows
     var headers = {};
-    var _iterator3 = _createForOfIteratorHelper$5(headerRows),
+    var _iterator3 = _createForOfIteratorHelper$6(headerRows),
       _step3;
     try {
       for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -42180,7 +42292,7 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
   function handleHeaderChange(id, field, value) {
     setHeaderRows(function (prev) {
       return prev.map(function (r) {
-        return r.id === id ? _objectSpread$a(_objectSpread$a({}, r), {}, _defineProperty({}, field, value)) : r;
+        return r.id === id ? _objectSpread$c(_objectSpread$c({}, r), {}, _defineProperty({}, field, value)) : r;
       });
     });
   }
@@ -42204,7 +42316,7 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
 
             // Build config from current form state (same as handleSave)
             headers = {};
-            _iterator4 = _createForOfIteratorHelper$5(headerRows);
+            _iterator4 = _createForOfIteratorHelper$6(headerRows);
             try {
               for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
                 row = _step4.value;
@@ -42408,7 +42520,7 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
               value: credentials[field] || "",
               onChange: function onChange(value) {
                 return setCredentials(function (prev) {
-                  return _objectSpread$a(_objectSpread$a({}, prev), {}, _defineProperty({}, field, value));
+                  return _objectSpread$c(_objectSpread$c({}, prev), {}, _defineProperty({}, field, value));
                 });
               },
               placeholder: "Enter ".concat(field),
@@ -43988,8 +44100,8 @@ var ThemeDetail = function ThemeDetail(_ref6) {
   });
 };
 
-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$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 BackToChooser = function BackToChooser(_ref) {
   var onClick = _ref.onClick,
     children = _ref.children;
@@ -44109,7 +44221,7 @@ var ThemesSection = function ThemesSection(_ref2) {
     if (!wizardTheme || !wizardName.trim()) return;
     if (!dashApi || !appId) return;
     var key = wizardTheme.id || "theme-".concat(Date.now());
-    var finalTheme = _objectSpread$9(_objectSpread$9({}, wizardTheme), {}, {
+    var finalTheme = _objectSpread$b(_objectSpread$b({}, wizardTheme), {}, {
       id: key,
       name: wizardName.trim()
     });
@@ -44216,7 +44328,7 @@ var ThemesSection = function ThemesSection(_ref2) {
   function handleUrlThemeGenerated(theme) {
     if (!dashApi || !appId) return;
     var key = theme.id || "theme-".concat(Date.now());
-    var finalTheme = _objectSpread$9(_objectSpread$9({}, theme), {}, {
+    var finalTheme = _objectSpread$b(_objectSpread$b({}, theme), {}, {
       id: key
     });
     saveAndSelectTheme(key, finalTheme);
@@ -44721,11 +44833,11 @@ var InstallWidgetPicker = function InstallWidgetPicker(_ref2) {
   });
 };
 
-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 _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(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$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(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$4(r, a) : void 0; } }
-function _arrayLikeToArray$4(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$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 _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; }
 var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
   var onBack = _ref.onBack;
   var _useContext = useContext(ThemeContext),
@@ -44791,7 +44903,7 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
         case 1:
           widgets = _context.sent;
           names = new Set();
-          _iterator = _createForOfIteratorHelper$4(widgets);
+          _iterator = _createForOfIteratorHelper$5(widgets);
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
               w = _step.value;
@@ -44850,7 +44962,7 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
     if (installError) {
       setProgressWidgets(function (prev) {
         return prev.map(function (w) {
-          return _objectSpread$8(_objectSpread$8({}, w), {}, {
+          return _objectSpread$a(_objectSpread$a({}, w), {}, {
             status: "failed",
             error: installError
           });
@@ -44859,7 +44971,7 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
     } else {
       setProgressWidgets(function (prev) {
         return prev.map(function (w) {
-          return _objectSpread$8(_objectSpread$8({}, w), {}, {
+          return _objectSpread$a(_objectSpread$a({}, w), {}, {
             status: "installed"
           });
         });
@@ -44897,12 +45009,12 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
   var checkToolConflicts = function checkToolConflicts(widget) {
     var conflicts = [];
     var packageWidgets = widget.packageWidgets || [];
-    var _iterator2 = _createForOfIteratorHelper$4(packageWidgets),
+    var _iterator2 = _createForOfIteratorHelper$5(packageWidgets),
       _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
         var w = _step2.value;
-        var _iterator3 = _createForOfIteratorHelper$4(w.providers || []),
+        var _iterator3 = _createForOfIteratorHelper$5(w.providers || []),
           _step3;
         try {
           var _loop = function _loop() {
@@ -44915,7 +45027,7 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
                 prov = _ref4[1];
               return prov.type === p.type && prov.providerClass === "mcp" && prov.allowedTools;
             });
-            var _iterator4 = _createForOfIteratorHelper$4(matchingProviders),
+            var _iterator4 = _createForOfIteratorHelper$5(matchingProviders),
               _step4;
             try {
               var _loop2 = function _loop2() {
@@ -44986,7 +45098,7 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
     // Transition to downloading
     setProgressWidgets(function (prev) {
       return prev.map(function (w) {
-        return _objectSpread$8(_objectSpread$8({}, w), {}, {
+        return _objectSpread$a(_objectSpread$a({}, w), {}, {
           status: "downloading"
         });
       });
@@ -45184,9 +45296,9 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
   });
 };
 
-function _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(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$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(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$3(r, a) : void 0; } }
-function _arrayLikeToArray$3(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 _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(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$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(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$4(r, a) : void 0; } }
+function _arrayLikeToArray$4(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; }
 
 /**
  * Walk a workspace layout and collect widget component keys that are
@@ -45200,7 +45312,7 @@ function collectComponentsFromLayout(layout) {
 
   // Collect IDs of layout items that are actively referenced by grid cells
   var activeItemIds = new Set();
-  var _iterator = _createForOfIteratorHelper$3(layout),
+  var _iterator = _createForOfIteratorHelper$4(layout),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -45220,7 +45332,7 @@ function collectComponentsFromLayout(layout) {
   } finally {
     _iterator.f();
   }
-  var _iterator2 = _createForOfIteratorHelper$3(layout),
+  var _iterator2 = _createForOfIteratorHelper$4(layout),
     _step2;
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -45254,7 +45366,7 @@ function findWidgetUsage(componentNames, workspaces) {
   if (!(componentNames !== null && componentNames !== void 0 && componentNames.length) || !(workspaces !== null && workspaces !== void 0 && workspaces.length)) return [];
   var nameSet = new Set(componentNames);
   var results = [];
-  var _iterator3 = _createForOfIteratorHelper$3(workspaces),
+  var _iterator3 = _createForOfIteratorHelper$4(workspaces),
     _step3;
   try {
     for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -45489,9 +45601,9 @@ var useInstalledWidgets = function useInstalledWidgets() {
   };
 };
 
-function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(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$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(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$2(r, a) : void 0; } }
-function _arrayLikeToArray$2(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 _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(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$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(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$3(r, a) : void 0; } }
+function _arrayLikeToArray$3(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; }
 
 /**
  * useWidgetUpdates — checks the registry for newer versions of installed widgets
@@ -45621,7 +45733,7 @@ function useWidgetUpdates() {
             // (install replaces the entire package, not just one widget)
             setUpdates(function (prev) {
               var next = new Map(prev);
-              var _iterator = _createForOfIteratorHelper$2(next),
+              var _iterator = _createForOfIteratorHelper$3(next),
                 _step;
               try {
                 for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -45672,8 +45784,8 @@ function useWidgetUpdates() {
   };
 }
 
-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$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 WidgetsSection = function WidgetsSection(_ref) {
   var _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces;
@@ -45851,7 +45963,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
     })));
     var usage = findWidgetUsage(allComponentNames, workspaces);
     setDeleteUsage(usage);
-    setDeleteTarget(_objectSpread$7(_objectSpread$7({}, widget), {}, {
+    setDeleteTarget(_objectSpread$9(_objectSpread$9({}, widget), {}, {
       _siblings: siblings
     }));
   }
@@ -45960,7 +46072,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
             _t2 = _context2["catch"](1);
             setProgressWidgets(function (prev) {
               return prev.map(function (w) {
-                return _objectSpread$7(_objectSpread$7({}, w), {}, {
+                return _objectSpread$9(_objectSpread$9({}, w), {}, {
                   status: "failed",
                   error: _t2.message
                 });
@@ -46065,7 +46177,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
             _t3 = _context3["catch"](1);
             setProgressWidgets(function (prev) {
               return prev.map(function (w) {
-                return _objectSpread$7(_objectSpread$7({}, w), {}, {
+                return _objectSpread$9(_objectSpread$9({}, w), {}, {
                   status: "failed",
                   error: _t3.message
                 });
@@ -46371,7 +46483,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
       widgets: progressWidgets,
       isComplete: progressComplete,
       onDone: handleProgressDone
-    }), /*#__PURE__*/jsx(ConfirmationModal, _objectSpread$7(_objectSpread$7({
+    }), /*#__PURE__*/jsx(ConfirmationModal, _objectSpread$9(_objectSpread$9({
       isOpen: !!deleteTarget,
       setIsOpen: function setIsOpen() {
         setDeleteTarget(null);
@@ -46446,8 +46558,8 @@ var WidgetsSection = function WidgetsSection(_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$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 AccountSection = function AccountSection(_ref) {
   var authStatus = _ref.authStatus,
     authProfile = _ref.authProfile,
@@ -46552,7 +46664,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$6(_objectSpread$6({}, p), updatedPkg) : p;
+            return p.name === updatedPkg.name && p.scope === updatedPkg.scope ? _objectSpread$8(_objectSpread$8({}, p), updatedPkg) : p;
           });
         });
       },
@@ -46807,7 +46919,7 @@ var PackageItem = function PackageItem(_ref6) {
           case 2:
             result = _context3.sent;
             if (result) {
-              onSaved(_objectSpread$6(_objectSpread$6({}, pkg), updates));
+              onSaved(_objectSpread$8(_objectSpread$8({}, pkg), updates));
             }
             _context3.next = 4;
             break;
@@ -46872,7 +46984,7 @@ var PackageItem = function PackageItem(_ref6) {
           label: "Display Name",
           value: form.displayName,
           onChange: function onChange(v) {
-            return setForm(_objectSpread$6(_objectSpread$6({}, form), {}, {
+            return setForm(_objectSpread$8(_objectSpread$8({}, form), {}, {
               displayName: v
             }));
           }
@@ -46880,7 +46992,7 @@ var PackageItem = function PackageItem(_ref6) {
           label: "Description",
           value: form.description,
           onChange: function onChange(v) {
-            return setForm(_objectSpread$6(_objectSpread$6({}, form), {}, {
+            return setForm(_objectSpread$8(_objectSpread$8({}, form), {}, {
               description: v
             }));
           }
@@ -46888,7 +47000,7 @@ var PackageItem = function PackageItem(_ref6) {
           label: "Category",
           value: form.category,
           onChange: function onChange(v) {
-            return setForm(_objectSpread$6(_objectSpread$6({}, form), {}, {
+            return setForm(_objectSpread$8(_objectSpread$8({}, form), {}, {
               category: v
             }));
           }
@@ -46896,7 +47008,7 @@ var PackageItem = function PackageItem(_ref6) {
           label: "Tags (comma-separated)",
           value: form.tags,
           onChange: function onChange(v) {
-            return setForm(_objectSpread$6(_objectSpread$6({}, form), {}, {
+            return setForm(_objectSpread$8(_objectSpread$8({}, form), {}, {
               tags: v
             }));
           }
@@ -46908,7 +47020,7 @@ var PackageItem = function PackageItem(_ref6) {
           }), /*#__PURE__*/jsxs("select", {
             value: form.visibility,
             onChange: function onChange(e) {
-              return setForm(_objectSpread$6(_objectSpread$6({}, form), {}, {
+              return setForm(_objectSpread$8(_objectSpread$8({}, form), {}, {
                 visibility: e.target.value
               }));
             },
@@ -47012,8 +47124,8 @@ var EditField = function EditField(_ref7) {
   });
 };
 
-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$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 NotificationsSection = function NotificationsSection(_ref) {
   var _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces;
@@ -47096,7 +47208,7 @@ var NotificationsSection = function NotificationsSection(_ref) {
   }
   function handleTypeToggle(widgetUuid, typeKey, value) {
     var _window$mainApi4;
-    var updated = _objectSpread$5(_objectSpread$5({}, instances), {}, _defineProperty({}, widgetUuid, _objectSpread$5(_objectSpread$5({}, instances[widgetUuid] || {}), {}, _defineProperty({}, typeKey, value))));
+    var updated = _objectSpread$7(_objectSpread$7({}, instances), {}, _defineProperty({}, widgetUuid, _objectSpread$7(_objectSpread$7({}, 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));
   }
@@ -48202,6 +48314,397 @@ var DashTabBar = function DashTabBar(_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; }
+var PageTabBar = function PageTabBar(_ref) {
+  var _ref$pages = _ref.pages,
+    pages = _ref$pages === void 0 ? [] : _ref$pages,
+    _ref$activePageId = _ref.activePageId,
+    activePageId = _ref$activePageId === void 0 ? null : _ref$activePageId,
+    _ref$onSwitchPage = _ref.onSwitchPage,
+    onSwitchPage = _ref$onSwitchPage === void 0 ? null : _ref$onSwitchPage,
+    _ref$onAddPage = _ref.onAddPage,
+    onAddPage = _ref$onAddPage === void 0 ? null : _ref$onAddPage,
+    _ref$onRenamePage = _ref.onRenamePage,
+    onRenamePage = _ref$onRenamePage === void 0 ? null : _ref$onRenamePage,
+    _ref$onDeletePage = _ref.onDeletePage,
+    onDeletePage = _ref$onDeletePage === void 0 ? null : _ref$onDeletePage,
+    _ref$onReorderPages = _ref.onReorderPages,
+    onReorderPages = _ref$onReorderPages === void 0 ? null : _ref$onReorderPages,
+    _ref$editMode = _ref.editMode,
+    editMode = _ref$editMode === void 0 ? false : _ref$editMode;
+  var _useContext = useContext(ThemeContext),
+    currentTheme = _useContext.currentTheme;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    editingId = _useState2[0],
+    setEditingId = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    editValue = _useState4[0],
+    setEditValue = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    dragId = _useState6[0],
+    setDragId = _useState6[1];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    dragOverId = _useState8[0],
+    setDragOverId = _useState8[1];
+  var inputRef = useRef(null);
+  if (pages.length <= 1 && !editMode) return null;
+  var sortedPages = _toConsumableArray(pages).sort(function (a, b) {
+    return (a.order || 0) - (b.order || 0);
+  });
+  var startRename = function startRename(page) {
+    if (!editMode) return;
+    setEditingId(page.id);
+    setEditValue(page.name);
+    setTimeout(function () {
+      var _inputRef$current;
+      return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    }, 0);
+  };
+  var commitRename = function commitRename() {
+    if (editingId && editValue.trim() && onRenamePage) {
+      onRenamePage(editingId, editValue.trim());
+    }
+    setEditingId(null);
+  };
+  var handleDragStart = function handleDragStart(e, pageId) {
+    if (!editMode) return;
+    setDragId(pageId);
+    e.dataTransfer.effectAllowed = "move";
+  };
+  var handleDragOver = function handleDragOver(e, pageId) {
+    if (!editMode || !dragId || dragId === pageId) return;
+    e.preventDefault();
+    setDragOverId(pageId);
+  };
+  var handleDrop = function handleDrop(e, targetId) {
+    e.preventDefault();
+    if (!dragId || dragId === targetId || !onReorderPages) return;
+    var dragIndex = sortedPages.findIndex(function (p) {
+      return p.id === dragId;
+    });
+    var targetIndex = sortedPages.findIndex(function (p) {
+      return p.id === targetId;
+    });
+    if (dragIndex === -1 || targetIndex === -1) return;
+    var reordered = _toConsumableArray(sortedPages);
+    var _reordered$splice = reordered.splice(dragIndex, 1),
+      _reordered$splice2 = _slicedToArray(_reordered$splice, 1),
+      moved = _reordered$splice2[0];
+    reordered.splice(targetIndex, 0, moved);
+
+    // Update order values
+    var updated = reordered.map(function (p, i) {
+      return _objectSpread$6(_objectSpread$6({}, p), {}, {
+        order: i
+      });
+    });
+    onReorderPages(updated);
+    setDragId(null);
+    setDragOverId(null);
+  };
+  var handleDragEnd = function handleDragEnd() {
+    setDragId(null);
+    setDragOverId(null);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-row items-center shrink-0 overflow-x-auto gap-1 px-2 py-1.5 border-b ".concat(currentTheme["border-primary-dark"] || "border-gray-700", " ").concat(currentTheme["bg-primary-medium"] || "bg-gray-800/50", " scrollbar-none"),
+    children: [sortedPages.map(function (page) {
+      var isActive = page.id === activePageId;
+      var isDragOver = page.id === dragOverId;
+      return /*#__PURE__*/jsxs("button", {
+        type: "button",
+        onClick: function onClick() {
+          return onSwitchPage && onSwitchPage(page.id);
+        },
+        onDoubleClick: function onDoubleClick() {
+          return startRename(page);
+        },
+        draggable: editMode,
+        onDragStart: function onDragStart(e) {
+          return handleDragStart(e, page.id);
+        },
+        onDragOver: function onDragOver(e) {
+          return handleDragOver(e, page.id);
+        },
+        onDrop: function onDrop(e) {
+          return handleDrop(e, page.id);
+        },
+        onDragEnd: handleDragEnd,
+        className: "group flex items-center gap-1.5 px-3 py-1 text-xs rounded-md whitespace-nowrap transition-all duration-100 cursor-pointer ".concat(isActive ? "bg-white/15 text-white" : "text-gray-400 hover:bg-white/10 hover:text-gray-200", " ").concat(isDragOver ? "ring-1 ring-blue-400" : "", " ").concat(editMode ? "cursor-grab active:cursor-grabbing" : ""),
+        children: [editingId === page.id ? /*#__PURE__*/jsx("input", {
+          ref: inputRef,
+          type: "text",
+          value: editValue,
+          onChange: function onChange(e) {
+            return setEditValue(e.target.value);
+          },
+          onBlur: commitRename,
+          onKeyDown: function onKeyDown(e) {
+            if (e.key === "Enter") commitRename();
+            if (e.key === "Escape") setEditingId(null);
+          },
+          className: "bg-transparent border-b border-blue-400 text-xs text-white outline-none w-20",
+          onClick: function onClick(e) {
+            return e.stopPropagation();
+          }
+        }) : /*#__PURE__*/jsx("span", {
+          className: "truncate max-w-[140px]",
+          children: page.name
+        }), editMode && pages.length > 1 && editingId !== page.id && /*#__PURE__*/jsx("span", {
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            onDeletePage && onDeletePage(page.id);
+          },
+          className: "flex items-center justify-center h-4 w-4 rounded-sm hover:bg-white/10 ".concat(isActive ? "opacity-60" : "opacity-0 group-hover:opacity-60"),
+          children: /*#__PURE__*/jsx("svg", {
+            className: "h-2.5 w-2.5",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: 2.5,
+            children: /*#__PURE__*/jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M6 18L18 6M6 6l12 12"
+            })
+          })
+        })]
+      }, page.id);
+    }), editMode && onAddPage && /*#__PURE__*/jsxs("button", {
+      type: "button",
+      onClick: onAddPage,
+      className: "flex items-center gap-1 px-2 py-1 text-xs rounded-md text-gray-500 hover:bg-white/10 hover:text-gray-300 transition-colors",
+      children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+        icon: "plus",
+        className: "h-2.5 w-2.5"
+      }), /*#__PURE__*/jsx("span", {
+        children: "Add Page"
+      })]
+    })]
+  });
+};
+
+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 createEmptySidebarLayout() {
+  return [LayoutModel({
+    id: 90001,
+    order: 1,
+    type: "grid",
+    component: "LayoutGridContainer",
+    hasChildren: 1,
+    scrollable: false,
+    parent: 0,
+    menuId: 1,
+    width: "w-full",
+    height: "h-full",
+    grid: {
+      rows: 1,
+      cols: 1,
+      gap: "gap-0",
+      rowModes: {
+        1: "grow"
+      },
+      1.1: {
+        component: null,
+        hide: false
+      }
+    }
+  })];
+}
+
+/**
+ * PinnedSidebar — persistent sidebar for dashboards.
+ *
+ * When enabled, renders a fixed-width column on the left of the content area.
+ *
+ * Edit mode, no widget:
+ *   - LayoutBuilder with empty drop zone (user can drop a widget)
+ *   - Help text: "Or leave empty for page navigation"
+ *   - Page list preview (if multi-page)
+ *
+ * Edit mode, has widget:
+ *   - LayoutBuilder with the widget (editable)
+ *
+ * Preview mode, no widget:
+ *   - Alphabetized page navigation list (if multi-page)
+ *
+ * Preview mode, has widget:
+ *   - LayoutBuilder in preview mode (widget renders normally)
+ */
+var PinnedSidebar = /*#__PURE__*/React__default.memo(function (_ref) {
+  var _ref$pages = _ref.pages,
+    pages = _ref$pages === void 0 ? [] : _ref$pages,
+    _ref$activePageId = _ref.activePageId,
+    activePageId = _ref$activePageId === void 0 ? null : _ref$activePageId,
+    _ref$onSwitchPage = _ref.onSwitchPage,
+    onSwitchPage = _ref$onSwitchPage === void 0 ? null : _ref$onSwitchPage,
+    _ref$sidebarLayout = _ref.sidebarLayout,
+    sidebarLayout = _ref$sidebarLayout === void 0 ? [] : _ref$sidebarLayout,
+    _ref$workspace = _ref.workspace,
+    workspace = _ref$workspace === void 0 ? null : _ref$workspace,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 280 : _ref$width,
+    _ref$editMode = _ref.editMode,
+    editMode = _ref$editMode === void 0 ? false : _ref$editMode,
+    _ref$onWorkspaceChang = _ref.onWorkspaceChange,
+    onWorkspaceChange = _ref$onWorkspaceChang === void 0 ? null : _ref$onWorkspaceChang,
+    _ref$onProviderSelect = _ref.onProviderSelect,
+    onProviderSelect = _ref$onProviderSelect === void 0 ? null : _ref$onProviderSelect,
+    _ref$onTogglePreview = _ref.onTogglePreview,
+    onTogglePreview = _ref$onTogglePreview === void 0 ? null : _ref$onTogglePreview,
+    _ref$onWidgetPopout = _ref.onWidgetPopout,
+    onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout,
+    _ref$sidebarRef = _ref.sidebarRef,
+    sidebarRef = _ref$sidebarRef === void 0 ? null : _ref$sidebarRef;
+  var _useContext = useContext(ThemeContext),
+    currentTheme = _useContext.currentTheme;
+  var hasWidget = sidebarLayout.some(function (item) {
+    return item.type === "widget" || item.grid && Object.values(item.grid).some(function (cell) {
+      return (cell === null || cell === void 0 ? void 0 : cell.component) != null && typeof cell.component === "number";
+    });
+  });
+  var hasPages = pages.length > 1;
+
+  // Stable ref for workspace so callbacks and memos don't depend on reference
+  var workspaceRefInternal = React__default.useRef(workspace);
+  workspaceRefInternal.current = workspace;
+
+  // Build a workspace-like object for the sidebar's LayoutBuilder
+  var sidebarWorkspace = useMemo(function () {
+    if (!workspaceRefInternal.current) return null;
+    var layout = sidebarLayout.length > 0 ? _toConsumableArray(sidebarLayout) : createEmptySidebarLayout();
+    // Ensure sidebar grid uses grow mode for full-height rendering
+    layout = layout.map(function (item) {
+      if (item.grid && item.parent === 0) {
+        return _objectSpread$5(_objectSpread$5({}, item), {}, {
+          scrollable: false,
+          height: "h-full",
+          grid: _objectSpread$5(_objectSpread$5({}, item.grid), {}, {
+            rowModes: _objectSpread$5(_objectSpread$5({}, item.grid.rowModes), {}, {
+              1: "grow"
+            })
+          })
+        });
+      }
+      return item;
+    });
+    return _objectSpread$5(_objectSpread$5({}, workspaceRefInternal.current), {}, {
+      layout: layout
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [workspace === null || workspace === void 0 ? void 0 : workspace.id, sidebarLayout, hasWidget]);
+  var handleSidebarChange = useCallback(function (updatedWs) {
+    if (onWorkspaceChange && workspaceRefInternal.current) {
+      onWorkspaceChange(_objectSpread$5(_objectSpread$5({}, workspaceRefInternal.current), {}, {
+        sidebarLayout: updatedWs.layout || []
+      }));
+    }
+  }, [onWorkspaceChange]);
+
+  // Alphabetized page list
+  var sortedPages = hasPages ? _toConsumableArray(pages).sort(function (a, b) {
+    return (a.name || "").localeCompare(b.name || "");
+  }) : [];
+  var renderPageList = function renderPageList() {
+    return /*#__PURE__*/jsxs("div", {
+      className: "flex flex-col py-2",
+      children: [/*#__PURE__*/jsx("div", {
+        className: "px-3 py-1 text-[10px] font-semibold uppercase tracking-wide text-gray-500",
+        children: "Pages"
+      }), sortedPages.map(function (page) {
+        var isActive = page.id === activePageId;
+        return /*#__PURE__*/jsxs("button", {
+          type: "button",
+          onClick: function onClick() {
+            return onSwitchPage && onSwitchPage(page.id);
+          },
+          className: "flex items-center gap-2 px-3 py-1.5 text-xs text-left transition-colors ".concat(isActive ? "".concat(currentTheme["bg-primary-medium"] || "bg-white/10", " text-white font-medium") : "text-gray-400 hover:bg-white/5 hover:text-gray-200"),
+          children: [isActive && /*#__PURE__*/jsx(FontAwesomeIcon, {
+            icon: "chevron-right",
+            className: "h-2 w-2 text-blue-400"
+          }), /*#__PURE__*/jsx("span", {
+            className: isActive ? "" : "pl-4",
+            children: page.name || "Untitled"
+          })]
+        }, page.id);
+      })]
+    });
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col shrink-0 border-r overflow-hidden h-full ".concat(currentTheme["border-primary-dark"] || "border-gray-700", " ").concat(currentTheme["bg-primary-dark"] || "bg-gray-900/50"),
+    style: {
+      width: "".concat(width, "px")
+    },
+    children: [editMode && sidebarWorkspace && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("div", {
+        className: "flex flex-col overflow-y-auto ".concat(hasWidget ? "flex-1 min-h-0" : "flex-1 basis-1/2"),
+        children: /*#__PURE__*/jsx(LayoutBuilder, {
+          dashboardId: workspace === null || workspace === void 0 ? void 0 : workspace.id,
+          preview: false,
+          workspace: sidebarWorkspace,
+          onWorkspaceChange: handleSidebarChange,
+          onProviderSelect: onProviderSelect,
+          onTogglePreview: onTogglePreview,
+          editMode: "all",
+          workspaceRef: sidebarRef,
+          onWidgetPopout: onWidgetPopout
+        }, "sidebar-edit-".concat(workspace === null || workspace === void 0 ? void 0 : workspace.id, "-").concat(hasWidget))
+      }), !hasWidget && /*#__PURE__*/jsxs("div", {
+        className: "flex flex-col flex-1 basis-1/2 border-t border-gray-700/50 overflow-y-auto",
+        children: [/*#__PURE__*/jsx("div", {
+          className: "px-3 py-2",
+          children: /*#__PURE__*/jsx("div", {
+            className: "text-[10px] text-gray-500 text-center",
+            children: "Drop a widget above, or leave empty for page navigation"
+          })
+        }), hasPages && renderPageList()]
+      })]
+    }), !editMode && hasWidget && sidebarWorkspace && /*#__PURE__*/jsx("div", {
+      className: "flex flex-col flex-1 min-h-0 overflow-y-auto",
+      children: /*#__PURE__*/jsx(LayoutBuilder, {
+        dashboardId: workspace === null || workspace === void 0 ? void 0 : workspace.id,
+        preview: true,
+        workspace: sidebarWorkspace,
+        onWorkspaceChange: handleSidebarChange,
+        onProviderSelect: onProviderSelect,
+        onTogglePreview: onTogglePreview,
+        editMode: "all",
+        workspaceRef: sidebarRef,
+        onWidgetPopout: onWidgetPopout
+      }, "sidebar-preview-".concat(workspace === null || workspace === void 0 ? void 0 : workspace.id, "-").concat(hasWidget))
+    }), !editMode && !hasWidget && hasPages && renderPageList()]
+  });
+}, function (prev, next) {
+  var _prev$workspace, _next$workspace;
+  // Custom comparison: skip re-render when only activePageId changes
+  // and sidebar has a widget (page list not shown, LayoutBuilder unchanged).
+  if (prev.editMode !== next.editMode) return false;
+  if (prev.width !== next.width) return false;
+  if (prev.sidebarLayout !== next.sidebarLayout) return false;
+  if (((_prev$workspace = prev.workspace) === null || _prev$workspace === void 0 ? void 0 : _prev$workspace.id) !== ((_next$workspace = next.workspace) === null || _next$workspace === void 0 ? void 0 : _next$workspace.id)) return false;
+  if (prev.sidebarRef !== next.sidebarRef) return false;
+  // Page-list related: only matters when no widget in sidebar
+  if (prev.activePageId !== next.activePageId) {
+    // Check if sidebar has a widget — if yes, skip re-render
+    var hasWidget = (prev.sidebarLayout || []).some(function (item) {
+      return item.type === "widget" || item.grid && Object.keys(item.grid).some(function (k) {
+        var cell = item.grid[k];
+        return cell && _typeof(cell) === "object" && cell.component != null && typeof cell.component === "number";
+      });
+    });
+    if (hasWidget) return true; // skip re-render
+    return false; // re-render for page list
+  }
+  if (prev.pages !== next.pages) return false;
+  return true;
+});
+
 var CollapsibleContent = function CollapsibleContent(_ref) {
   var children = _ref.children;
   var _useSidebar = useSidebar(),
@@ -48519,9 +49022,9 @@ var PopoverItem = function PopoverItem(_ref5) {
   });
 };
 
-function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(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$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(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$1(r, a) : void 0; } }
-function _arrayLikeToArray$1(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 _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(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$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(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$2(r, a) : void 0; } }
+function _arrayLikeToArray$2(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$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 DraggableWidgetItem = function DraggableWidgetItem(_ref) {
@@ -49063,7 +49566,7 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
               return _context2.abrupt("return");
             case 2:
               names = new Set();
-              _iterator = _createForOfIteratorHelper$1(widgets);
+              _iterator = _createForOfIteratorHelper$2(widgets);
               try {
                 for (_iterator.s(); !(_step = _iterator.n()).done;) {
                   w = _step.value;
@@ -49451,9 +49954,9 @@ var useMissingWidgets = function useMissingWidgets(workspace) {
 
 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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(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(r, a) : void 0; } }
-function _arrayLikeToArray(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 _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(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$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(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$1(r, a) : void 0; } }
+function _arrayLikeToArray$1(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; }
 var MissingWidgetsModal = function MissingWidgetsModal(_ref) {
   var _ref$missingComponent = _ref.missingComponents,
     missingComponents = _ref$missingComponent === void 0 ? [] : _ref$missingComponent,
@@ -49504,7 +50007,7 @@ var MissingWidgetsModal = function MissingWidgetsModal(_ref) {
             case 0:
               results = [];
               seen = new Set();
-              _iterator = _createForOfIteratorHelper(missingComponents);
+              _iterator = _createForOfIteratorHelper$1(missingComponents);
               _context2.prev = 1;
               _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
                 var componentKey, _getWidgetSearchQuery, packageName, widgetName, pkg, result;
@@ -49862,23 +50365,90 @@ var DashboardStage = function DashboardStage(_ref) {
     })
   });
 };
-var DashboardStageInner = function DashboardStageInner(_ref2) {
-  var _openTabs$find$worksp, _openTabs$find;
-  var dashApi = _ref2.dashApi,
-    credentials = _ref2.credentials,
-    _ref2$workspace = _ref2.workspace,
-    workspace = _ref2$workspace === void 0 ? null : _ref2$workspace,
-    _ref2$preview = _ref2.preview,
-    preview = _ref2$preview === void 0 ? true : _ref2$preview;
-    _ref2.backgroundColor;
-    var _ref2$popout = _ref2.popout,
-    popout = _ref2$popout === void 0 ? false : _ref2$popout,
-    _ref2$popoutWorkspace = _ref2.popoutWorkspaceId,
-    popoutWorkspaceId = _ref2$popoutWorkspace === void 0 ? null : _ref2$popoutWorkspace;
+
+/**
+ * PageLayoutBuilder — memoized wrapper for LayoutBuilder within a page.
+ * Prevents the parent re-render from creating a new workspace object on every
+ * render, which would trigger LayoutBuilder's useEffect normalization cycle.
+ */
+var PageLayoutBuilder = /*#__PURE__*/React__default.memo(function PageLayoutBuilder(_ref2) {
+  var page = _ref2.page,
+    workspaceItem = _ref2.workspaceItem,
+    previewMode = _ref2.previewMode,
+    editMode = _ref2.editMode,
+    onPageWorkspaceChange = _ref2.onPageWorkspaceChange,
+    onProviderSelect = _ref2.onProviderSelect,
+    onTogglePreview = _ref2.onTogglePreview,
+    workspaceRef = _ref2.workspaceRef,
+    onWidgetPopout = _ref2.onWidgetPopout;
+  var pageWorkspace = useMemo(function () {
+    return _objectSpread$2(_objectSpread$2({}, workspaceItem), {}, {
+      layout: page.layout || []
+    });
+  },
+  // Only recompute when the page layout actually changes (by reference)
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [workspaceItem.id, page.layout]);
+  var handleChange = useCallback(function (ws) {
+    return onPageWorkspaceChange(ws, page.id);
+  }, [onPageWorkspaceChange, page.id]);
+  return /*#__PURE__*/jsx(LayoutBuilder, {
+    dashboardId: workspaceItem["id"],
+    preview: previewMode,
+    workspace: pageWorkspace,
+    onWorkspaceChange: handleChange,
+    onProviderSelect: onProviderSelect,
+    onTogglePreview: onTogglePreview,
+    editMode: editMode,
+    workspaceRef: workspaceRef,
+    onWidgetPopout: onWidgetPopout
+  }, "LayoutBuilder-".concat(workspaceItem["id"], "-").concat(page.id));
+});
+var DashboardStageInner = function DashboardStageInner(_ref3) {
+  var _openTabs$find$worksp, _openTabs$find, _workspacePages$0$id, _workspacePages$;
+  var dashApi = _ref3.dashApi,
+    credentials = _ref3.credentials,
+    _ref3$workspace = _ref3.workspace,
+    workspace = _ref3$workspace === void 0 ? null : _ref3$workspace,
+    _ref3$preview = _ref3.preview,
+    preview = _ref3$preview === void 0 ? true : _ref3$preview;
+    _ref3.backgroundColor;
+    var _ref3$popout = _ref3.popout,
+    popout = _ref3$popout === void 0 ? false : _ref3$popout,
+    _ref3$popoutWorkspace = _ref3.popoutWorkspaceId,
+    popoutWorkspaceId = _ref3$popoutWorkspace === void 0 ? null : _ref3$popoutWorkspace;
   var _useContext = useContext(DashboardContext),
     pub = _useContext.pub;
   var appContext = useContext(AppContext);
 
+  // Stable callback refs for props passed to memoized children.
+  // The ref wrapper keeps a stable function identity while the
+  // implementation stays current (avoids useCallback dependency lists).
+  var stableProviderSelectRef = useRef(null);
+  var stableTogglePreviewRef = useRef(null);
+  var stableWidgetPopoutRef = useRef(null);
+  var stableProviderSelect = useCallback(function () {
+    var _stableProviderSelect;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return (_stableProviderSelect = stableProviderSelectRef.current) === null || _stableProviderSelect === void 0 ? void 0 : _stableProviderSelect.call.apply(_stableProviderSelect, [stableProviderSelectRef].concat(args));
+  }, []);
+  var stableTogglePreview = useCallback(function () {
+    var _stableTogglePreviewR;
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    return (_stableTogglePreviewR = stableTogglePreviewRef.current) === null || _stableTogglePreviewR === void 0 ? void 0 : _stableTogglePreviewR.call.apply(_stableTogglePreviewR, [stableTogglePreviewRef].concat(args));
+  }, []);
+  var stableWidgetPopout = useCallback(function () {
+    var _stableWidgetPopoutRe;
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    return (_stableWidgetPopoutRe = stableWidgetPopoutRef.current) === null || _stableWidgetPopoutRe === void 0 ? void 0 : _stableWidgetPopoutRe.call.apply(_stableWidgetPopoutRe, [stableWidgetPopoutRef].concat(args));
+  }, []);
+
   /**
    * ThemeContext — consumed here, inside DashboardWrapper/ThemeWrapper
    */
@@ -50324,6 +50894,23 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
           return LayoutModel(layoutOG, workspaces, ws["id"]);
         });
         ws["layout"] = tempLayout;
+        // Normalize page layouts too
+        if (ws.pages && Array.isArray(ws.pages)) {
+          ws.pages = ws.pages.map(function (page) {
+            if (page.layout && Array.isArray(page.layout)) {
+              page.layout = page.layout.map(function (layoutOG) {
+                return LayoutModel(layoutOG, workspaces, ws["id"]);
+              });
+            }
+            return page;
+          });
+        }
+        // Normalize sidebar layout
+        if (ws.sidebarLayout && Array.isArray(ws.sidebarLayout)) {
+          ws.sidebarLayout = ws.sidebarLayout.map(function (layoutOG) {
+            return LayoutModel(layoutOG, workspaces, ws["id"]);
+          });
+        }
         return WorkspaceModel(ws);
       });
       setWorkspaceConfig(function () {
@@ -50388,9 +50975,185 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
       }
     }
   }
+
+  // ─── Sidebar State ────────────────────────────────────────────────
+  var sidebarEnabled = (workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.sidebarEnabled) || false;
+  var sidebarLayout = (workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.sidebarLayout) || [];
+  var sidebarWidth = (workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.sidebarWidth) || 280;
+  var sidebarWorkspaceRef = useRef(null);
+  function handleSidebarToggle(enabled) {
+    if (!workspaceSelected) return;
+    handleWorkspaceChange(_objectSpread$2(_objectSpread$2({}, workspaceSelected), {}, {
+      sidebarEnabled: enabled
+    }));
+  }
+
+  // ─── Page State ──────────────────────────────────────────────────
+  var _useState47 = useState(null),
+    _useState48 = _slicedToArray(_useState47, 2),
+    activePageId = _useState48[0],
+    setActivePageId = _useState48[1];
+  var workspacePages = (workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.pages) || [];
+  var hasPages = workspacePages.length > 0;
+
+  // Memoize sorted pages so page object references stay stable across re-renders
+  var sortedPagesForRender = useMemo(function () {
+    return hasPages ? _toConsumableArray(workspacePages).sort(function (a, b) {
+      return (a.order || 0) - (b.order || 0);
+    }) : [];
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [hasPages, workspacePages.length,
+  // Re-sort when page names/order change but not on every parent render
+  workspacePages.map(function (p) {
+    return "".concat(p.id, ":").concat(p.order, ":").concat(p.name);
+  }).join(",")]);
+  var currentActivePageId = activePageId || (workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.activePageId) || ((_workspacePages$0$id = (_workspacePages$ = workspacePages[0]) === null || _workspacePages$ === void 0 ? void 0 : _workspacePages$.id) !== null && _workspacePages$0$id !== void 0 ? _workspacePages$0$id : null);
+  function handleAddPage() {
+    var _workspaceSelected$la;
+    if (!workspaceSelected) return;
+    var existingPages = _toConsumableArray(workspacePages);
+
+    // If this is the first time adding a page to a single-page dashboard,
+    // migrate the existing layout into page 1 first.
+    if (existingPages.length === 0 && ((_workspaceSelected$la = workspaceSelected.layout) === null || _workspaceSelected$la === void 0 ? void 0 : _workspaceSelected$la.length) > 0) {
+      var page1 = {
+        id: "page-".concat(Date.now() - 1),
+        name: workspaceSelected.name || "Page 1",
+        order: 0,
+        layout: workspaceSelected.layout
+      };
+      existingPages = [page1];
+    }
+    var newPage = DashboardModel.createPage("Page ".concat(existingPages.length + 1));
+    newPage.order = existingPages.length;
+    var updatedWorkspace = _objectSpread$2(_objectSpread$2({}, workspaceSelected), {}, {
+      pages: [].concat(_toConsumableArray(existingPages), [newPage]),
+      activePageId: newPage.id
+    });
+    setActivePageId(newPage.id);
+    handleWorkspaceChange(updatedWorkspace);
+  }
+  function handleSwitchPage(pageId) {
+    setActivePageId(pageId);
+  }
+  function handleRenamePage(pageId, newName) {
+    if (!workspaceSelected) return;
+    var updatedPages = workspacePages.map(function (p) {
+      return p.id === pageId ? _objectSpread$2(_objectSpread$2({}, p), {}, {
+        name: newName
+      }) : p;
+    });
+    handleWorkspaceChange(_objectSpread$2(_objectSpread$2({}, workspaceSelected), {}, {
+      pages: updatedPages
+    }));
+  }
+  function handleDeletePage(pageId) {
+    var _updatedPages$;
+    if (!workspaceSelected || workspacePages.length <= 1) return;
+    var updatedPages = workspacePages.filter(function (p) {
+      return p.id !== pageId;
+    });
+    var newActiveId = currentActivePageId === pageId ? (_updatedPages$ = updatedPages[0]) === null || _updatedPages$ === void 0 ? void 0 : _updatedPages$.id : currentActivePageId;
+    setActivePageId(newActiveId);
+
+    // If only one page remains, convert back to single-page mode
+    if (updatedPages.length === 1) {
+      handleWorkspaceChange(_objectSpread$2(_objectSpread$2({}, workspaceSelected), {}, {
+        layout: updatedPages[0].layout,
+        pages: [],
+        activePageId: null
+      }));
+      setActivePageId(null);
+      return;
+    }
+    handleWorkspaceChange(_objectSpread$2(_objectSpread$2({}, workspaceSelected), {}, {
+      pages: updatedPages,
+      activePageId: newActiveId
+    }));
+  }
+  function handleReorderPages(reorderedPages) {
+    if (!workspaceSelected) return;
+    handleWorkspaceChange(_objectSpread$2(_objectSpread$2({}, workspaceSelected), {}, {
+      pages: reorderedPages
+    }));
+  }
+
+  // Track each page's current layout via per-page refs.
+  // LayoutBuilder writes to workspaceRef on every internal change,
+  // but in multi-page mode each page needs its own ref.
+  var pageRefsMap = useRef({});
+  function getPageRef(pageId) {
+    if (!pageRefsMap.current[pageId]) {
+      pageRefsMap.current[pageId] = {
+        current: null
+      };
+    }
+    return pageRefsMap.current[pageId];
+  }
+  var handlePageWorkspaceChange = useCallback(function (updatedWorkspace, pageId) {
+    // Store in per-page ref (used by save function)
+    pageRefsMap.current[pageId] = {
+      current: updatedWorkspace
+    };
+  }, []);
+
+  // Keep stable callback refs current
+  stableProviderSelectRef.current = handleProviderSelect;
+  stableTogglePreviewRef.current = handleToggleEditMode;
+  stableWidgetPopoutRef.current = handleWidgetPopout;
+
+  // Stable callbacks for sidebar (avoids PinnedSidebar re-renders)
+  var stableWorkspaceChangeRef = useRef(null);
+  stableWorkspaceChangeRef.current = handleWorkspaceChange;
+  var stableWorkspaceChange = useCallback(function () {
+    var _stableWorkspaceChang;
+    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      args[_key4] = arguments[_key4];
+    }
+    return (_stableWorkspaceChang = stableWorkspaceChangeRef.current) === null || _stableWorkspaceChang === void 0 ? void 0 : _stableWorkspaceChang.call.apply(_stableWorkspaceChang, [stableWorkspaceChangeRef].concat(args));
+  }, []);
+  var stableSwitchPageRef = useRef(null);
+  stableSwitchPageRef.current = handleSwitchPage;
+  var stableSwitchPage = useCallback(function () {
+    var _stableSwitchPageRef$;
+    for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      args[_key5] = arguments[_key5];
+    }
+    return (_stableSwitchPageRef$ = stableSwitchPageRef.current) === null || _stableSwitchPageRef$ === void 0 ? void 0 : _stableSwitchPageRef$.call.apply(_stableSwitchPageRef$, [stableSwitchPageRef].concat(args));
+  }, []);
   function renderComponent(workspaceItem) {
     try {
-      return workspaceItem !== undefined ? /*#__PURE__*/jsx(LayoutBuilder, {
+      if (workspaceItem === undefined) return null;
+
+      // Multi-page mode
+      if (hasPages) {
+        return /*#__PURE__*/jsx(Fragment, {
+          children: sortedPagesForRender.map(function (page) {
+            var isActive = page.id === currentActivePageId;
+            return /*#__PURE__*/jsx("div", {
+              style: {
+                display: isActive ? "flex" : "none"
+              },
+              className: "flex-col w-full flex-1",
+              children: /*#__PURE__*/jsx(PageLayoutBuilder, {
+                page: page,
+                workspaceItem: workspaceItem,
+                previewMode: previewMode,
+                editMode: editMode,
+                onPageWorkspaceChange: handlePageWorkspaceChange,
+                onProviderSelect: stableProviderSelect,
+                onTogglePreview: stableTogglePreview,
+                workspaceRef: getPageRef(page.id),
+                onWidgetPopout: stableWidgetPopout
+              })
+            }, page.id);
+          })
+        });
+      }
+
+      // Single-page mode (backward compatible)
+      return /*#__PURE__*/jsx(LayoutBuilder, {
         dashboardId: workspaceItem["id"],
         preview: previewMode,
         workspace: workspaceItem,
@@ -50400,7 +51163,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
         editMode: editMode,
         workspaceRef: currentWorkspaceRef,
         onWidgetPopout: popout ? null : handleWidgetPopout
-      }, "LayoutBuilder-".concat(workspaceItem["id"])) : null;
+      }, "LayoutBuilder-".concat(workspaceItem["id"]));
     } catch (e) {
       return null;
     }
@@ -50514,15 +51277,50 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
   }
   function handleClickSaveWorkspace() {
     try {
+      var _sidebarWorkspaceRef$;
       // we have to remove the widgetConfig which contains the component
       // sanitize the workspace layout remove widgetConfig items
-      var workspaceToSave = deepCopy(currentWorkspaceRef.current || workspaceSelected);
-      var layout = workspaceToSave["layout"].map(function (layoutItem) {
-        delete layoutItem["widgetConfig"];
-        // delete layoutItem["api"];
-        return layoutItem;
-      });
-      workspaceToSave["layout"] = layout;
+      var workspaceToSave;
+      if (hasPages) {
+        // Multi-page: gather latest layout from each page's LayoutBuilder ref
+        workspaceToSave = deepCopy(workspaceSelected);
+        workspaceToSave.pages = (workspaceToSave.pages || []).map(function (page) {
+          var _pageRef$current;
+          var pageRef = pageRefsMap.current[page.id];
+          var latestLayout = (pageRef === null || pageRef === void 0 || (_pageRef$current = pageRef.current) === null || _pageRef$current === void 0 ? void 0 : _pageRef$current.layout) || page.layout || [];
+          return _objectSpread$2(_objectSpread$2({}, page), {}, {
+            layout: latestLayout.map(function (item) {
+              var copy = _objectSpread$2({}, item);
+              delete copy.widgetConfig;
+              return copy;
+            })
+          });
+        });
+        workspaceToSave.activePageId = currentActivePageId;
+        // Also sanitize the root layout (may be stale from pre-pages era)
+        workspaceToSave.layout = (workspaceToSave.layout || []).map(function (item) {
+          var copy = _objectSpread$2({}, item);
+          delete copy.widgetConfig;
+          return copy;
+        });
+      } else {
+        // Single-page: use workspaceRef as before
+        workspaceToSave = deepCopy(currentWorkspaceRef.current || workspaceSelected);
+        var layout = workspaceToSave["layout"].map(function (layoutItem) {
+          delete layoutItem["widgetConfig"];
+          return layoutItem;
+        });
+        workspaceToSave["layout"] = layout;
+      }
+
+      // Gather sidebar layout from its LayoutBuilder ref
+      if ((_sidebarWorkspaceRef$ = sidebarWorkspaceRef.current) !== null && _sidebarWorkspaceRef$ !== void 0 && _sidebarWorkspaceRef$.layout) {
+        workspaceToSave.sidebarLayout = sidebarWorkspaceRef.current.layout.map(function (item) {
+          var copy = _objectSpread$2({}, item);
+          delete copy.widgetConfig;
+          return copy;
+        });
+      }
 
       // Clean orphaned layout items and stale listener references before save
       var dashboardForCleanup = new DashboardModel(workspaceToSave);
@@ -50763,7 +51561,9 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
               onFolderChange: popout ? null : handleWorkspaceFolderChange,
               onThemeChange: popout ? null : handleWorkspaceThemeChange,
               scrollableEnabled: getRootScrollable(),
-              onScrollableChange: popout ? null : handleScrollableChange
+              onScrollableChange: popout ? null : handleScrollableChange,
+              sidebarEnabled: sidebarEnabled,
+              onSidebarChange: popout ? null : handleSidebarToggle
             }), /*#__PURE__*/jsxs(DashboardThemeProvider, {
               themeKey: workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.themeKey,
               children: [hasMissing && missingComponents.length >= 2 && !dismissedMissingForWorkspace.has(workspaceSelected === null || workspaceSelected === void 0 ? void 0 : workspaceSelected.id) && /*#__PURE__*/jsxs("div", {
@@ -50794,9 +51594,34 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
                     className: "h-3 w-3"
                   })
                 })]
-              }), /*#__PURE__*/jsx("div", {
-                className: "flex flex-col w-full flex-1 ".concat(popout || previewMode === true ? "overflow-y-auto" : "overflow-clip"),
-                children: renderComponent(workspaceSelected)
+              }), (hasPages || !previewMode) && /*#__PURE__*/jsx(PageTabBar, {
+                pages: workspacePages,
+                activePageId: currentActivePageId,
+                onSwitchPage: handleSwitchPage,
+                onAddPage: handleAddPage,
+                onRenamePage: handleRenamePage,
+                onDeletePage: handleDeletePage,
+                onReorderPages: handleReorderPages,
+                editMode: !previewMode
+              }), /*#__PURE__*/jsxs("div", {
+                className: "flex flex-row flex-1 min-h-0 overflow-hidden",
+                children: [sidebarEnabled && !popout && /*#__PURE__*/jsx(PinnedSidebar, {
+                  pages: workspacePages,
+                  activePageId: currentActivePageId,
+                  onSwitchPage: stableSwitchPage,
+                  sidebarLayout: sidebarLayout,
+                  workspace: workspaceSelected,
+                  width: sidebarWidth,
+                  editMode: !previewMode,
+                  onWorkspaceChange: stableWorkspaceChange,
+                  onProviderSelect: stableProviderSelect,
+                  onTogglePreview: stableTogglePreview,
+                  onWidgetPopout: stableWidgetPopout,
+                  sidebarRef: sidebarWorkspaceRef
+                }), /*#__PURE__*/jsx("div", {
+                  className: "flex flex-col w-full flex-1 ".concat(popout || previewMode === true ? "overflow-y-auto" : "overflow-clip"),
+                  children: renderComponent(workspaceSelected)
+                })]
               })]
             }), !popout && /*#__PURE__*/jsx(DashTabBar, {
               tabs: openTabs,
@@ -51132,7 +51957,11 @@ var DashboardHeader = function DashboardHeader(_ref) {
     _ref$scrollableEnable = _ref.scrollableEnabled,
     scrollableEnabled = _ref$scrollableEnable === void 0 ? false : _ref$scrollableEnable,
     _ref$onScrollableChan = _ref.onScrollableChange,
-    onScrollableChange = _ref$onScrollableChan === void 0 ? null : _ref$onScrollableChan;
+    onScrollableChange = _ref$onScrollableChan === void 0 ? null : _ref$onScrollableChan,
+    _ref$sidebarEnabled = _ref.sidebarEnabled,
+    sidebarEnabled = _ref$sidebarEnabled === void 0 ? false : _ref$sidebarEnabled,
+    _ref$onSidebarChange = _ref.onSidebarChange,
+    onSidebarChange = _ref$onSidebarChange === void 0 ? null : _ref$onSidebarChange;
   var _useState = useState(workspace),
     _useState2 = _slicedToArray(_useState, 2),
     workspaceSelected = _useState2[0],
@@ -51232,6 +52061,10 @@ var DashboardHeader = function DashboardHeader(_ref) {
           text: "Scrollable",
           enabled: scrollableEnabled,
           setEnabled: onScrollableChange
+        }), onSidebarChange && /*#__PURE__*/jsx(Toggle, {
+          text: "Sidebar",
+          enabled: sidebarEnabled,
+          setEnabled: onSidebarChange
         })]
       }), /*#__PURE__*/jsxs("div", {
         className: "flex flex-row space-x-1 shrink-0",
@@ -51436,6 +52269,9 @@ var DashboardMonitor = function DashboardMonitor() {
 
 function ownKeys(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) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(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(r, a) : void 0; } }
+function _arrayLikeToArray(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; }
 var WidgetPopoutStage = function WidgetPopoutStage(_ref) {
   var dashApi = _ref.dashApi,
     credentials = _ref.credentials,
@@ -51483,10 +52319,24 @@ var WidgetPopoutInner = function WidgetPopoutInner(_ref2) {
         var _target$selectedProvi, _widget$userPrefs, _window$mainApi;
         var workspaces = deepCopy(message["workspaces"]);
         var workspacesTemp = workspaces.map(function (ws) {
-          var tempLayout = ws["layout"].map(function (layoutOG) {
+          ws["layout"] = ws["layout"].map(function (layoutOG) {
             return LayoutModel(layoutOG, workspaces, ws["id"]);
           });
-          ws["layout"] = tempLayout;
+          if (ws.pages && Array.isArray(ws.pages)) {
+            ws.pages = ws.pages.map(function (page) {
+              if (page.layout && Array.isArray(page.layout)) {
+                page.layout = page.layout.map(function (layoutOG) {
+                  return LayoutModel(layoutOG, workspaces, ws["id"]);
+                });
+              }
+              return page;
+            });
+          }
+          if (ws.sidebarLayout && Array.isArray(ws.sidebarLayout)) {
+            ws.sidebarLayout = ws.sidebarLayout.map(function (layoutOG) {
+              return LayoutModel(layoutOG, workspaces, ws["id"]);
+            });
+          }
           return WorkspaceModel(ws);
         });
         var target = workspacesTemp.find(function (ws) {
@@ -51498,18 +52348,43 @@ var WidgetPopoutInner = function WidgetPopoutInner(_ref2) {
         }
         setWorkspace(target);
 
-        // Find the widget in the layout by ID
+        // Find the widget across all layout locations
         var widget = target.layout.find(function (item) {
           return item.id === widgetId;
         });
+        if (!widget && target.pages && Array.isArray(target.pages)) {
+          var _iterator = _createForOfIteratorHelper(target.pages),
+            _step;
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var page = _step.value;
+              if (page.layout && Array.isArray(page.layout)) {
+                widget = page.layout.find(function (item) {
+                  return item.id === widgetId;
+                });
+                if (widget) break;
+              }
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+        }
+        if (!widget && target.sidebarLayout && Array.isArray(target.sidebarLayout)) {
+          widget = target.sidebarLayout.find(function (item) {
+            return item.id === widgetId;
+          });
+        }
         if (!widget) {
           setError("Widget not found in workspace");
           return;
         }
 
-        // Merge workspace-level provider selections into the widget item
+        // Merge provider selections: widget-level (persisted on layout item)
+        // takes priority, workspace-level (keyed by uuid) is the fallback
         var widgetWithProviders = _objectSpread(_objectSpread({}, widget), {}, {
-          selectedProviders: ((_target$selectedProvi = target.selectedProviders) === null || _target$selectedProvi === void 0 ? void 0 : _target$selectedProvi[widgetId]) || {}
+          selectedProviders: _objectSpread(_objectSpread({}, ((_target$selectedProvi = target.selectedProviders) === null || _target$selectedProvi === void 0 ? void 0 : _target$selectedProvi[widget.uuid]) || {}), widget.selectedProviders || {})
         });
         setWidgetItem(widgetWithProviders);
 
@@ -51568,9 +52443,14 @@ var WidgetPopoutInner = function WidgetPopoutInner(_ref2) {
   }
   return /*#__PURE__*/jsx(DashboardThemeProvider, {
     themeKey: workspace === null || workspace === void 0 ? void 0 : workspace.themeKey,
-    children: /*#__PURE__*/jsx("div", {
-      className: "flex flex-col w-full h-full overflow-auto",
-      children: renderComponent(widgetItem.component, widgetItem.id, widgetItem, null)
+    children: /*#__PURE__*/jsx(WorkspaceContext.Provider, {
+      value: {
+        workspaceData: workspace
+      },
+      children: /*#__PURE__*/jsx("div", {
+        className: "flex flex-col w-full h-full overflow-auto",
+        children: renderComponent(widgetItem.component, widgetItem.id, widgetItem, null)
+      })
     })
   });
 };
@@ -52576,5 +53456,5 @@ var WorkspaceMenu = function WorkspaceMenu(_ref) {
 
 ComponentManager.registerContainerTypes(LayoutContainer, LayoutGridContainer);
 
-export { ALGOLIA_ANALYTICS_FOR_QUERY, ALGOLIA_ANALYTICS_FOR_QUERY_COMPLETE, ALGOLIA_ANALYTICS_FOR_QUERY_ERROR, ALGOLIA_LIST_INDICES, ALGOLIA_LIST_INDICES_COMPLETE, ALGOLIA_LIST_INDICES_ERROR, AVAILABLE_COLORS, AddMenuItemModal, AdvancedMcpConfig, AppContext, AppSettingsModal, AppThemeScope, AppWrapper, CHOOSE_FILE, CHOOSE_FILE_COMPLETE, CHOOSE_FILE_ERROR, ColorModel, ComponentConfigModel, ComponentManager, ContextModel, DATA_JSON_TO_CSV_FILE, DATA_JSON_TO_CSV_FILE_COMPLETE, DATA_JSON_TO_CSV_FILE_ERROR, DATA_JSON_TO_CSV_STRING, DATA_JSON_TO_CSV_STRING_COMPLETE, DATA_JSON_TO_CSV_STRING_ERROR, DATA_READ_FROM_FILE, DATA_READ_FROM_FILE_COMPLETE, DATA_READ_FROM_FILE_ERROR, DATA_SAVE_TO_FILE, DATA_SAVE_TO_FILE_COMPLETE, DATA_SAVE_TO_FILE_ERROR, DashCommandPalette, DashNavbar, DashSidebar, DashTabBar, DashboardStage as Dashboard, DashboardApi, DashboardContext, DashboardFooter, DashboardHeader, DashboardMenuItem, DashboardModel, DashboardMonitor, DashboardPublisher, DashboardStage, DashboardThemeProvider, DashboardWizardModal, DashboardWrapper, ElectronDashboardApi, ErrorBoundary, ExternalWidget, GRID_CELL_WIDGET_TYPE, HARMONY_STRATEGIES, LAYOUT_LIST, LAYOUT_LIST_COMPLETE, LAYOUT_LIST_ERROR, LAYOUT_SAVE, LAYOUT_SAVE_COMPLETE, LAYOUT_SAVE_ERROR, Layout, LayoutBuilder, LayoutBuilderAddItemModal, LayoutBuilderConfigContainerMenuItem, LayoutBuilderConfigMenuItem, LayoutBuilderConfigModal, LayoutBuilderEditItemModal, LayoutBuilderEventModal, LayoutBuilderGridItem, LayoutContainer, LayoutDragBuilder, LayoutDragBuilderEdit, LayoutGridContainer, LayoutManagerModal, LayoutModel, LayoutQuickAddMenu, MCP_CALL_TOOL_COMPLETE, MCP_CALL_TOOL_ERROR, MCP_GET_CATALOG_COMPLETE, MCP_GET_CATALOG_ERROR, MCP_LIST_RESOURCES_COMPLETE, MCP_LIST_RESOURCES_ERROR, MCP_LIST_TOOLS_COMPLETE, MCP_LIST_TOOLS_ERROR, MCP_READ_RESOURCE_COMPLETE, MCP_READ_RESOURCE_ERROR, MCP_RUN_AUTH_COMPLETE, MCP_RUN_AUTH_ERROR, MCP_SERVER_STATUS_COMPLETE, MCP_SERVER_STATUS_ERROR, MCP_START_SERVER_COMPLETE, MCP_START_SERVER_ERROR, MCP_STOP_SERVER_COMPLETE, MCP_STOP_SERVER_ERROR, MENU_ITEMS_DELETE, MENU_ITEMS_DELETE_COMPLETE, MENU_ITEMS_DELETE_ERROR, MENU_ITEMS_LIST, MENU_ITEMS_LIST_COMPLETE, MENU_ITEMS_LIST_ERROR, MENU_ITEMS_SAVE, MENU_ITEMS_SAVE_COMPLETE, MENU_ITEMS_SAVE_ERROR, MainMenu, MainMenuItem, MainMenuSection, McpServerPicker, MenuItemModel, MenuSlideOverlay, MergeCellsModal, MissingProviderPrompt, MockDashboardApi, PROVIDER_DELETE_COMPLETE, PROVIDER_DELETE_ERROR, PROVIDER_GET_COMPLETE, PROVIDER_GET_ERROR, PROVIDER_LIST_COMPLETE, PROVIDER_LIST_ERROR, PROVIDER_SAVE_COMPLETE, PROVIDER_SAVE_ERROR, PanelCode, PanelEditItem, PanelEditItemHandlers, PanelEditItemNotifications, ProviderContext, ProviderErrorBoundary, ProviderForm, ProviderSelector, SECURE_STORAGE_ENCRYPT_STRING, SECURE_STORAGE_ENCRYPT_STRING_COMPLETE, SECURE_STORAGE_ENCRYPT_STRING_ERROR, SECURE_STORE_ENCRYPTION_CHECK, SECURE_STORE_ENCRYPTION_CHECK_COMPLETE, SECURE_STORE_ENCRYPTION_CHECK_ERROR, SECURE_STORE_GET_DATA, SECURE_STORE_GET_DATA_COMPLETE, SECURE_STORE_GET_DATA_ERROR, SECURE_STORE_SET_DATA, SECURE_STORE_SET_DATA_COMPLETE, SECURE_STORE_SET_DATA_ERROR, SETTINGS_GET, SETTINGS_GET_COMPLETE, SETTINGS_GET_ERROR, SETTINGS_SAVE, SETTINGS_SAVE_COMPLETE, SETTINGS_SAVE_ERROR, SIDEBAR_WIDGET_TYPE, SettingsModel, SideMenu, SplitCellModal, THEME_DELETE, THEME_DELETE_COMPLETE, THEME_DELETE_ERROR, THEME_EXTRACT_FROM_URL, THEME_EXTRACT_FROM_URL_COMPLETE, THEME_EXTRACT_FROM_URL_ERROR, THEME_LIST, THEME_LIST_COMPLETE, THEME_LIST_ERROR, THEME_MAP_PALETTE, THEME_MAP_PALETTE_COMPLETE, THEME_MAP_PALETTE_ERROR, THEME_SAVE, THEME_SAVE_COMPLETE, THEME_SAVE_ERROR, ThemeApi, ThemeColorDots, ThemeManagerModal, ThemeModel, ThemeWrapper, WELCOME_STORAGE_KEY, WORKSPACE_DELETE, WORKSPACE_DELETE_COMPLETE, WORKSPACE_DELETE_ERROR, WORKSPACE_LIST, WORKSPACE_LIST_COMPLETE, WORKSPACE_LIST_ERROR, WORKSPACE_SAVE, WORKSPACE_SAVE_COMPLETE, WORKSPACE_SAVE_ERROR, WebDashboardApi, WelcomePrompt, Widget, WidgetApi, WidgetConfigPanel, WidgetContext, WidgetFactory, WidgetNotFound, WidgetPopoutStage, WidgetProviderWrapper, WidgetSidebar, WizardCustomizeStep, WizardDiscoverStep, Workspace, WorkspaceContext, WorkspaceFooter, WorkspaceMenu, WorkspaceModel, addChildToLayoutItem, addItemToItemLayout, buildMcpConfigFromOverrides, canHaveChildren, changeDirectionForLayoutItem, createProviderRegistry, deriveFormFields, envMappingToRows, evaluateBundle, extractWidgetConfigs, formStateToMcpJson, formatFieldName, generateCustomTheme, generateHarmonyTheme, generateRandomTheme, generateThemeName, getBorderStyle, getChildrenForLayoutItem, getComponentInLayout, getContainerBorderColor, getContainerColor, getIndexOfLayoutChildrenForItem, getIndexOfLayoutItem, getLayoutItemById, getLayoutItemForWorkspace, getNearestParentWorkspace, getNextHighestId, getNextHighestItemInLayout, getNextHighestOrder, getNextHighestParentId, getNextLowestItemInLayout, getParentForLayoutItem, getParentWorkspaceForItem, getThemePresets, getUserConfigurableProviders, getWidgetsForWorkspace, getWorkspacesForWorkspace, headerTemplateToRows, isContainer, isLikelySecret, isMaxOrderForItem, isMinOrderForItem, isWidget, isWidgetResolvable, isWorkspace, layoutItemHasWorkspaceAsChild, loadWidgetBundle, mcpJsonToFormState, numChildrenForLayout, removeItemFromLayout, renderComponent, renderGridLayout, renderGridLayoutFlow, _renderLayout as renderLayout, renderLayoutMenu, replaceItemInLayout, resolveIcon, setHostModules, traverseParentTree, updateLayoutItem, updateParentForItem, useDashboard, useMcpDashServer, useMcpProvider, useNotifications, useProvider, useProviderClient, useScheduler, useWebSocketProvider, useWidgetEvents, useWidgetProviders, useWidgetSchedulerStatus, useWizardState, validateCellMerge, validateGridCell, validateGridPlacement, validateWidgetPlacement, widgetCountToTemplate, withProviderDetection };
+export { ALGOLIA_ANALYTICS_FOR_QUERY, ALGOLIA_ANALYTICS_FOR_QUERY_COMPLETE, ALGOLIA_ANALYTICS_FOR_QUERY_ERROR, ALGOLIA_LIST_INDICES, ALGOLIA_LIST_INDICES_COMPLETE, ALGOLIA_LIST_INDICES_ERROR, AVAILABLE_COLORS, AddMenuItemModal, AdvancedMcpConfig, AppContext, AppSettingsModal, AppThemeScope, AppWrapper, CHOOSE_FILE, CHOOSE_FILE_COMPLETE, CHOOSE_FILE_ERROR, ColorModel, ComponentConfigModel, ComponentManager, ContextModel, DATA_JSON_TO_CSV_FILE, DATA_JSON_TO_CSV_FILE_COMPLETE, DATA_JSON_TO_CSV_FILE_ERROR, DATA_JSON_TO_CSV_STRING, DATA_JSON_TO_CSV_STRING_COMPLETE, DATA_JSON_TO_CSV_STRING_ERROR, DATA_READ_FROM_FILE, DATA_READ_FROM_FILE_COMPLETE, DATA_READ_FROM_FILE_ERROR, DATA_SAVE_TO_FILE, DATA_SAVE_TO_FILE_COMPLETE, DATA_SAVE_TO_FILE_ERROR, DashCommandPalette, DashNavbar, DashSidebar, DashTabBar, DashboardStage as Dashboard, DashboardApi, DashboardContext, DashboardFooter, DashboardHeader, DashboardMenuItem, DashboardModel, DashboardMonitor, DashboardPublisher, DashboardStage, DashboardThemeProvider, DashboardWizardModal, DashboardWrapper, ElectronDashboardApi, ErrorBoundary, ExternalWidget, GRID_CELL_WIDGET_TYPE, HARMONY_STRATEGIES, LAYOUT_LIST, LAYOUT_LIST_COMPLETE, LAYOUT_LIST_ERROR, LAYOUT_SAVE, LAYOUT_SAVE_COMPLETE, LAYOUT_SAVE_ERROR, Layout, LayoutBuilder, LayoutBuilderAddItemModal, LayoutBuilderConfigContainerMenuItem, LayoutBuilderConfigMenuItem, LayoutBuilderConfigModal, LayoutBuilderEditItemModal, LayoutBuilderEventModal, LayoutBuilderGridItem, LayoutContainer, LayoutDragBuilder, LayoutDragBuilderEdit, LayoutGridContainer, LayoutManagerModal, LayoutModel, LayoutQuickAddMenu, MCP_CALL_TOOL_COMPLETE, MCP_CALL_TOOL_ERROR, MCP_GET_CATALOG_COMPLETE, MCP_GET_CATALOG_ERROR, MCP_LIST_RESOURCES_COMPLETE, MCP_LIST_RESOURCES_ERROR, MCP_LIST_TOOLS_COMPLETE, MCP_LIST_TOOLS_ERROR, MCP_READ_RESOURCE_COMPLETE, MCP_READ_RESOURCE_ERROR, MCP_RUN_AUTH_COMPLETE, MCP_RUN_AUTH_ERROR, MCP_SERVER_STATUS_COMPLETE, MCP_SERVER_STATUS_ERROR, MCP_START_SERVER_COMPLETE, MCP_START_SERVER_ERROR, MCP_STOP_SERVER_COMPLETE, MCP_STOP_SERVER_ERROR, MENU_ITEMS_DELETE, MENU_ITEMS_DELETE_COMPLETE, MENU_ITEMS_DELETE_ERROR, MENU_ITEMS_LIST, MENU_ITEMS_LIST_COMPLETE, MENU_ITEMS_LIST_ERROR, MENU_ITEMS_SAVE, MENU_ITEMS_SAVE_COMPLETE, MENU_ITEMS_SAVE_ERROR, MainMenu, MainMenuItem, MainMenuSection, McpServerPicker, MenuItemModel, MenuSlideOverlay, MergeCellsModal, MissingProviderPrompt, MockDashboardApi, PROVIDER_DELETE_COMPLETE, PROVIDER_DELETE_ERROR, PROVIDER_GET_COMPLETE, PROVIDER_GET_ERROR, PROVIDER_LIST_COMPLETE, PROVIDER_LIST_ERROR, PROVIDER_SAVE_COMPLETE, PROVIDER_SAVE_ERROR, PageTabBar, PanelCode, PanelEditItem, PanelEditItemHandlers, PanelEditItemNotifications, PinnedSidebar, ProviderContext, ProviderErrorBoundary, ProviderForm, ProviderSelector, SECURE_STORAGE_ENCRYPT_STRING, SECURE_STORAGE_ENCRYPT_STRING_COMPLETE, SECURE_STORAGE_ENCRYPT_STRING_ERROR, SECURE_STORE_ENCRYPTION_CHECK, SECURE_STORE_ENCRYPTION_CHECK_COMPLETE, SECURE_STORE_ENCRYPTION_CHECK_ERROR, SECURE_STORE_GET_DATA, SECURE_STORE_GET_DATA_COMPLETE, SECURE_STORE_GET_DATA_ERROR, SECURE_STORE_SET_DATA, SECURE_STORE_SET_DATA_COMPLETE, SECURE_STORE_SET_DATA_ERROR, SETTINGS_GET, SETTINGS_GET_COMPLETE, SETTINGS_GET_ERROR, SETTINGS_SAVE, SETTINGS_SAVE_COMPLETE, SETTINGS_SAVE_ERROR, SIDEBAR_WIDGET_TYPE, SettingsModel, SideMenu, SplitCellModal, THEME_DELETE, THEME_DELETE_COMPLETE, THEME_DELETE_ERROR, THEME_EXTRACT_FROM_URL, THEME_EXTRACT_FROM_URL_COMPLETE, THEME_EXTRACT_FROM_URL_ERROR, THEME_LIST, THEME_LIST_COMPLETE, THEME_LIST_ERROR, THEME_MAP_PALETTE, THEME_MAP_PALETTE_COMPLETE, THEME_MAP_PALETTE_ERROR, THEME_SAVE, THEME_SAVE_COMPLETE, THEME_SAVE_ERROR, ThemeApi, ThemeColorDots, ThemeManagerModal, ThemeModel, ThemeWrapper, WELCOME_STORAGE_KEY, WORKSPACE_DELETE, WORKSPACE_DELETE_COMPLETE, WORKSPACE_DELETE_ERROR, WORKSPACE_LIST, WORKSPACE_LIST_COMPLETE, WORKSPACE_LIST_ERROR, WORKSPACE_SAVE, WORKSPACE_SAVE_COMPLETE, WORKSPACE_SAVE_ERROR, WebDashboardApi, WelcomePrompt, Widget, WidgetApi, WidgetConfigPanel, WidgetContext, WidgetFactory, WidgetNotFound, WidgetPopoutStage, WidgetProviderWrapper, WidgetSidebar, WizardCustomizeStep, WizardDiscoverStep, Workspace, WorkspaceContext, WorkspaceFooter, WorkspaceMenu, WorkspaceModel, addChildToLayoutItem, addItemToItemLayout, buildMcpConfigFromOverrides, canHaveChildren, changeDirectionForLayoutItem, createProviderRegistry, deriveFormFields, envMappingToRows, evaluateBundle, extractWidgetConfigs, formStateToMcpJson, formatFieldName, generateCustomTheme, generateHarmonyTheme, generateRandomTheme, generateThemeName, getBorderStyle, getChildrenForLayoutItem, getComponentInLayout, getContainerBorderColor, getContainerColor, getIndexOfLayoutChildrenForItem, getIndexOfLayoutItem, getLayoutItemById, getLayoutItemForWorkspace, getNearestParentWorkspace, getNextHighestId, getNextHighestItemInLayout, getNextHighestOrder, getNextHighestParentId, getNextLowestItemInLayout, getParentForLayoutItem, getParentWorkspaceForItem, getThemePresets, getUserConfigurableProviders, getWidgetsForWorkspace, getWorkspacesForWorkspace, headerTemplateToRows, isContainer, isLikelySecret, isMaxOrderForItem, isMinOrderForItem, isWidget, isWidgetResolvable, isWorkspace, layoutItemHasWorkspaceAsChild, loadWidgetBundle, mcpJsonToFormState, numChildrenForLayout, removeItemFromLayout, renderComponent, renderGridLayout, renderGridLayoutFlow, _renderLayout as renderLayout, renderLayoutMenu, replaceItemInLayout, resolveIcon, setHostModules, traverseParentTree, updateLayoutItem, updateParentForItem, useDashboard, useMcpDashServer, useMcpProvider, useNotifications, useProvider, useProviderClient, useScheduler, useWebSocketProvider, useWidgetEvents, useWidgetProviders, useWidgetSchedulerStatus, useWizardState, validateCellMerge, validateGridCell, validateGridPlacement, validateWidgetPlacement, widgetCountToTemplate, withProviderDetection };
 //# sourceMappingURL=index.esm.js.map