@trops/dash-core 0.1.41 → 0.1.44

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$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var 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$x({}, objectToSend));
+          subscriber["action"](_objectSpread$y({}, objectToSend));
         }
       });
     }
@@ -2482,8 +2482,8 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
   });
 };
 
-function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
   var themeKey = _ref.themeKey,
     children = _ref.children;
@@ -2495,7 +2495,7 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
     var dashboardTheme = themes[themeKey];
     var themeValue = dashboardTheme ? dashboardTheme[themeVariant] || null : null;
     if (!themeValue) return null;
-    return _objectSpread$w(_objectSpread$w({}, parentContext), {}, {
+    return _objectSpread$x(_objectSpread$x({}, parentContext), {}, {
       currentTheme: themeValue,
       currentThemeKey: themeKey,
       theme: themeValue,
@@ -2513,8 +2513,8 @@ var DashboardThemeProvider = function DashboardThemeProvider(_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$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 AppThemeScope = function AppThemeScope(_ref) {
   var children = _ref.children;
   var ctx = useContext(ThemeContext);
@@ -2522,7 +2522,7 @@ var AppThemeScope = function AppThemeScope(_ref) {
     children: children
   });
   return /*#__PURE__*/jsx(ThemeContext.Provider, {
-    value: _objectSpread$v(_objectSpread$v({}, ctx), {}, {
+    value: _objectSpread$w(_objectSpread$w({}, ctx), {}, {
       currentTheme: ctx.appTheme,
       currentThemeKey: ctx.appThemeKey,
       theme: ctx.appTheme,
@@ -2634,8 +2634,8 @@ var LayoutContainer = function LayoutContainer(_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$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 _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; }
@@ -2879,7 +2879,7 @@ function createLayoutFromTemplate(template) {
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var cell = _step.value;
-      grid[cell.key] = _objectSpread$u({
+      grid[cell.key] = _objectSpread$v({
         component: null,
         hide: cell.hide || false
       }, cell.span ? {
@@ -4154,8 +4154,8 @@ var LayoutBuilderAddItemModal = function LayoutBuilderAddItemModal(_ref) {
   });
 };
 
-function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PanelEditItem = function PanelEditItem(_ref) {
   var _ComponentManager$get;
   var workspace = _ref.workspace,
@@ -4215,7 +4215,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
     var uuid = newItem.uuid || newItem.uuidString;
     if (uuid) {
       workspaceTemp.selectedProviders = workspaceTemp.selectedProviders || {};
-      workspaceTemp.selectedProviders[uuid] = _objectSpread$t(_objectSpread$t({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
+      workspaceTemp.selectedProviders[uuid] = _objectSpread$u(_objectSpread$u({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
     }
     onUpdate(newItem, workspaceTemp);
     forceUpdate();
@@ -4344,7 +4344,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
           var _ref5 = _slicedToArray(_ref4, 2),
             name = _ref5[0],
             p = _ref5[1];
-          return _objectSpread$t({
+          return _objectSpread$u({
             name: name
           }, p);
         });
@@ -4389,8 +4389,8 @@ var _excluded$5 = ["rows", "cols"];
 function _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
 function _arrayLikeToArray$8(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultGrid = {
   rows: 1,
   cols: 1,
@@ -4411,7 +4411,7 @@ function GridEditor(_ref) {
     setGrid = _useState2[1];
   var addRow = function addRow() {
     var newRow = grid.rows;
-    var newGrid = _objectSpread$s(_objectSpread$s({}, grid), {}, {
+    var newGrid = _objectSpread$t(_objectSpread$t({}, grid), {}, {
       rows: grid.rows + 1
     });
     for (var col = 0; col < grid.cols; col++) {
@@ -4426,7 +4426,7 @@ function GridEditor(_ref) {
   };
   var addColumn = function addColumn() {
     var newCol = grid.cols;
-    var newGrid = _objectSpread$s(_objectSpread$s({}, grid), {}, {
+    var newGrid = _objectSpread$t(_objectSpread$t({}, grid), {}, {
       cols: grid.cols + 1
     });
     for (var row = 0; row < grid.rows; row++) {
@@ -4459,8 +4459,8 @@ function GridEditor(_ref) {
       });
     }
     if (grid[nextKey]) {
-      var newGrid = _objectSpread$s({}, grid);
-      newGrid[currentKey] = _objectSpread$s(_objectSpread$s({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$t({}, grid);
+      newGrid[currentKey] = _objectSpread$t(_objectSpread$t({}, newGrid[currentKey]), {}, {
         colSpan: newGrid[currentKey].colSpan + 1
       });
       delete newGrid[nextKey];
@@ -4473,8 +4473,8 @@ function GridEditor(_ref) {
     var currentKey = "".concat(row, ".").concat(col);
     var belowKey = "".concat(row + 1, ".").concat(col);
     if (grid[belowKey]) {
-      var newGrid = _objectSpread$s({}, grid);
-      newGrid[currentKey] = _objectSpread$s(_objectSpread$s({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$t({}, grid);
+      newGrid[currentKey] = _objectSpread$t(_objectSpread$t({}, newGrid[currentKey]), {}, {
         rowSpan: newGrid[currentKey].rowSpan + 1
       });
       delete newGrid[belowKey];
@@ -4491,7 +4491,7 @@ function GridEditor(_ref) {
   var splitCell = function splitCell(row, col) {
     var key = "".concat(row, ".").concat(col);
     var cell = grid[key];
-    var newGrid = _objectSpread$s({}, grid);
+    var newGrid = _objectSpread$t({}, grid);
 
     // we have to check the colspan, and since the colspan is greater than 1
     // Only handle horizontal split if colSpan > 1
@@ -4507,13 +4507,13 @@ function GridEditor(_ref) {
         var oldKey = "".concat(row, ".").concat(c);
         var newKey = "".concat(row, ".").concat(c + 1);
         if (newGrid[oldKey]) {
-          newGrid[newKey] = _objectSpread$s({}, newGrid[oldKey]);
+          newGrid[newKey] = _objectSpread$t({}, newGrid[oldKey]);
           delete newGrid[oldKey];
         }
       }
 
       // Update the original cell's colSpan
-      newGrid[key] = _objectSpread$s(_objectSpread$s({}, cell), {}, {
+      newGrid[key] = _objectSpread$t(_objectSpread$t({}, cell), {}, {
         colSpan: cell.colSpan - 1
       });
 
@@ -4525,7 +4525,7 @@ function GridEditor(_ref) {
       };
     }
     if (cell.rowSpan > 1) {
-      newGrid[key] = _objectSpread$s(_objectSpread$s({}, newGrid[key]), {}, {
+      newGrid[key] = _objectSpread$t(_objectSpread$t({}, newGrid[key]), {}, {
         rowSpan: cell.rowSpan - 1
       });
       newGrid["".concat(row + 1, ".").concat(col)] = {
@@ -4644,7 +4644,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$s({}, grid);
+    var newGrid = _objectSpread$t({}, grid);
 
     // Swap the cells
     var temp = newGrid[fromKey];
@@ -4670,7 +4670,7 @@ function GridEditor(_ref) {
     // console.log("Grid updated:", sequencedGrid);
   }
   function resetGridLayout() {
-    var newGrid = _objectSpread$s({}, defaultGrid);
+    var newGrid = _objectSpread$t({}, defaultGrid);
     setGrid(newGrid);
     onUpdate(newGrid);
   }
@@ -6924,8 +6924,8 @@ var WidgetIcon = function WidgetIcon(_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$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 ProviderForm = function ProviderForm(_ref) {
   var credentialSchema = _ref.credentialSchema,
     _ref$initialValues = _ref.initialValues,
@@ -6982,13 +6982,13 @@ var ProviderForm = function ProviderForm(_ref) {
    */
   var handleInputChange = function handleInputChange(fieldName, value) {
     setFormData(function (prev) {
-      return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$s(_objectSpread$s({}, 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$r({}, prev);
+        var newErrors = _objectSpread$s({}, prev);
         delete newErrors[fieldName];
         return newErrors;
       });
@@ -7026,7 +7026,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$r({}, prev);
+              var newErrors = _objectSpread$s({}, prev);
               delete newErrors.providerName;
               return newErrors;
             });
@@ -7105,8 +7105,8 @@ var ProviderForm = function ProviderForm(_ref) {
 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 ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -7235,7 +7235,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       .map(function (entry) {
         var widget = allWidgets[entry.widgetKey];
         if (!widget) return null; // Widget no longer exists
-        return _objectSpread$q(_objectSpread$q({
+        return _objectSpread$r(_objectSpread$r({
           key: entry.widgetKey
         }, widget), {}, {
           savedProviders: entry.providers || {},
@@ -7376,7 +7376,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       // Get widgets from ComponentManager
       var allWidgets = ComponentManager.map();
       var widgetList = Object.keys(allWidgets).map(function (key) {
-        return _objectSpread$q({
+        return _objectSpread$r({
           key: key
         }, allWidgets[key]);
       }).filter(function (widget) {
@@ -7590,7 +7590,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       setInlineCreateType(null);
       setInlineCreateSchema({});
       setInlineCreateError(null);
-      setSelectedProviders(_objectSpread$q(_objectSpread$q({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
+      setSelectedProviders(_objectSpread$r(_objectSpread$r({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
     }
   };
   var handleInlineProviderSubmit = function handleInlineProviderSubmit(formData) {
@@ -7611,7 +7611,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Auto-select the newly created provider
       setSelectedProviders(function (prev) {
-        return _objectSpread$q(_objectSpread$q({}, prev), {}, _defineProperty({}, providerType, providerName));
+        return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, providerType, providerName));
       });
 
       // Collapse the inline form
@@ -7629,7 +7629,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
     setInlineCreateError(null);
   };
   var handleConfigChange = function handleConfigChange(key, value) {
-    setUserConfigValues(_objectSpread$q(_objectSpread$q({}, userConfigValues), {}, _defineProperty({}, key, value)));
+    setUserConfigValues(_objectSpread$r(_objectSpread$r({}, userConfigValues), {}, _defineProperty({}, key, value)));
   };
 
   // Install a package from the registry
@@ -7719,7 +7719,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Phase 3: Save to recent widgets
       saveToRecent(selectedWidget, selectedProviders, userConfigValues);
-      onSelectWidget(_objectSpread$q(_objectSpread$q({}, selectedWidget), {}, {
+      onSelectWidget(_objectSpread$r(_objectSpread$r({}, selectedWidget), {}, {
         selectedProviders: selectedProviders,
         // Pass to parent
         userConfigValues: userConfigValues // Pass to parent
@@ -9173,8 +9173,8 @@ var ProviderSelector = function ProviderSelector(_ref) {
   });
 };
 
-function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Shared MCP utility functions.
  *
@@ -9302,7 +9302,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
         headerTemplate[name] = value;
       }
     });
-    var config = _objectSpread$p({}, baseMcpConfig);
+    var config = _objectSpread$q({}, baseMcpConfig);
     if (Object.keys(headerTemplate).length > 0) {
       config.headerTemplate = headerTemplate;
     } else {
@@ -9320,7 +9320,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
       envMapping[env] = cred;
     }
   });
-  return _objectSpread$p(_objectSpread$p({}, baseMcpConfig), {}, {
+  return _objectSpread$q(_objectSpread$q({}, baseMcpConfig), {}, {
     envMapping: envMapping
   });
 }
@@ -9367,8 +9367,8 @@ function headerTemplateToRows(headerTemplate, nextRowId) {
   });
 }
 
-function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   var transport = _ref.transport,
     envMappingRows = _ref.envMappingRows,
@@ -9397,7 +9397,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$o(_objectSpread$o({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$p(_objectSpread$p({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -9422,7 +9422,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$o(_objectSpread$o({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$p(_objectSpread$p({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -9571,8 +9571,8 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   });
 };
 
-function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var McpServerPicker = function McpServerPicker(_ref) {
   var _testResult$tools;
   var isOpen = _ref.isOpen,
@@ -9688,11 +9688,11 @@ var McpServerPicker = function McpServerPicker(_ref) {
   // Handle credential field changes
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$n(_objectSpread$n({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$o(_objectSpread$o({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$n({}, prev);
+        var next = _objectSpread$o({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -9980,7 +9980,7 @@ var McpServerPicker = function McpServerPicker(_ref) {
                   setProviderName(value);
                   if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                     setFormErrors(function (prev) {
-                      var next = _objectSpread$n({}, prev);
+                      var next = _objectSpread$o({}, prev);
                       delete next.providerName;
                       return next;
                     });
@@ -10067,8 +10067,8 @@ var McpServerPicker = function McpServerPicker(_ref) {
   });
 };
 
-function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var USE_ENHANCED_WIDGET_SELECTOR = true; // Set to false to use original modal
 
 /**
@@ -10100,7 +10100,9 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     _ref$editMode = _ref.editMode,
     editMode = _ref$editMode === void 0 ? "all" : _ref$editMode,
     _ref$workspaceRef = _ref.workspaceRef,
-    workspaceRef = _ref$workspaceRef === void 0 ? null : _ref$workspaceRef;
+    workspaceRef = _ref$workspaceRef === void 0 ? null : _ref$workspaceRef,
+    _ref$onWidgetPopout = _ref.onWidgetPopout,
+    onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout;
   var appContext = useContext(AppContext);
   var debugMode = appContext.debugMode;
   var dashboardContext = useContext(DashboardContext);
@@ -10112,7 +10114,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     var _ref3 = _slicedToArray(_ref2, 2),
       id = _ref3[0],
       p = _ref3[1];
-    return _objectSpread$m(_objectSpread$m({}, p), {}, {
+    return _objectSpread$n(_objectSpread$n({}, p), {}, {
       id: id,
       name: p.name || id
     });
@@ -10199,7 +10201,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$m(_objectSpread$m({}, workspace), {}, {
+      setCurrentWorkspace(_objectSpread$n(_objectSpread$n({}, workspace), {}, {
         layout: model.layout
       }));
     } else {
@@ -10581,7 +10583,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       var uuid = widget.uuid || widget.uuidString;
       if (uuid) {
         newWorkspace.selectedProviders = newWorkspace.selectedProviders || {};
-        newWorkspace.selectedProviders[uuid] = _objectSpread$m(_objectSpread$m({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
+        newWorkspace.selectedProviders[uuid] = _objectSpread$n(_objectSpread$n({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
       }
       setCurrentWorkspace(newWorkspace);
     }
@@ -10715,7 +10717,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     try {
       var config = ComponentManager.config(widgetKey);
       if (!config) return;
-      var widgetItem = _objectSpread$m(_objectSpread$m({}, config), {}, {
+      var widgetItem = _objectSpread$n(_objectSpread$n({}, config), {}, {
         component: widgetKey,
         key: widgetKey
       });
@@ -10857,7 +10859,8 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
             onDeleteGridColumn: handleDeleteGridColumn,
             onChangeRowHeight: handleChangeRowHeight,
             onChangeRowMode: handleChangeRowMode,
-            onMoveWidgetToCell: handleMoveWidgetToCell
+            onMoveWidgetToCell: handleMoveWidgetToCell,
+            onWidgetPopout: onWidgetPopout
           }, "layout-drag-".concat(dashboardId)), preview === false && editMode === "all" && /*#__PURE__*/jsx(LayoutDragBuilderEdit, {
             dashboardId: dashboardId,
             isDraggable: true,
@@ -10915,7 +10918,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
           onSelectWidget: function onSelectWidget(widget) {
 
             // Add component property from widget.key
-            var widgetWithComponent = _objectSpread$m(_objectSpread$m({}, widget), {}, {
+            var widgetWithComponent = _objectSpread$n(_objectSpread$n({}, widget), {}, {
               component: widget.key
             });
             handleClickConfirmAdd(widgetWithComponent, dropdownTarget);
@@ -10993,7 +10996,9 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
     _ref$onChangeRowHeigh = _ref.onChangeRowHeight,
     onChangeRowHeight = _ref$onChangeRowHeigh === void 0 ? null : _ref$onChangeRowHeigh,
     _ref$onChangeRowMode = _ref.onChangeRowMode,
-    onChangeRowMode = _ref$onChangeRowMode === void 0 ? null : _ref$onChangeRowMode;
+    onChangeRowMode = _ref$onChangeRowMode === void 0 ? null : _ref$onChangeRowMode,
+    _ref$onWidgetPopout = _ref.onWidgetPopout,
+    onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout;
   return isDraggable === true ? /*#__PURE__*/jsx(DndProvider, {
     backend: HTML5Backend,
     children: _renderLayout({
@@ -11024,7 +11029,8 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
       onAddGridColumn: onAddGridColumn,
       onDeleteGridColumn: onDeleteGridColumn,
       onChangeRowHeight: onChangeRowHeight,
-      onChangeRowMode: onChangeRowMode
+      onChangeRowMode: onChangeRowMode,
+      onWidgetPopout: onWidgetPopout
     })
   }, "dnd-provider") : _renderLayout({
     dashboardId: dashboardId,
@@ -11054,7 +11060,8 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
     onAddGridColumn: onAddGridColumn,
     onDeleteGridColumn: onDeleteGridColumn,
     onChangeRowHeight: onChangeRowHeight,
-    onChangeRowMode: onChangeRowMode
+    onChangeRowMode: onChangeRowMode,
+    onWidgetPopout: onWidgetPopout
   });
 };
 
@@ -12521,8 +12528,8 @@ var MissingProviderPrompt = function MissingProviderPrompt(_ref) {
   });
 };
 
-function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper$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) {
@@ -12577,7 +12584,7 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "handleProviderSelect", function (providerType, providerName, credentials) {
 
       // Update local selected providers state
-      var updatedSelected = _objectSpread$l(_objectSpread$l({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
+      var updatedSelected = _objectSpread$m(_objectSpread$m({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
       _this.setState({
         selectedProviders: updatedSelected
       }, function () {
@@ -12651,8 +12658,8 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
 }(Component);
 _defineProperty(ProviderErrorBoundary, "contextType", ProviderContext);
 
-function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var withProviderDetection = function withProviderDetection(Component) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$requiredProvider = _ref.requiredProviders,
@@ -12677,7 +12684,7 @@ var withProviderDetection = function withProviderDetection(Component) {
         onProviderSelect: onProviderSelect
       });
     }
-    return /*#__PURE__*/jsx(Component, _objectSpread$k({}, props));
+    return /*#__PURE__*/jsx(Component, _objectSpread$l({}, props));
   };
 };
 
@@ -12891,8 +12898,8 @@ var WidgetHelpers = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _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) {
@@ -13019,7 +13026,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
 
       // Build widgetData for WidgetContext — hooks read from this
       var uuidString = getUUID(params.uuid);
-      var widgetData = _objectSpread$j(_objectSpread$j({}, params), {}, {
+      var widgetData = _objectSpread$k(_objectSpread$k({}, params), {}, {
         uuidString: uuidString,
         providers: (config === null || config === void 0 ? void 0 : config.providers) || []
       });
@@ -13047,7 +13054,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
         value: widgetContextValue,
         children: /*#__PURE__*/jsx(WidgetErrorBoundary, {
           widgetName: component,
-          children: children === null ? /*#__PURE__*/jsx(WidgetComponent, _objectSpread$j(_objectSpread$j(_objectSpread$j({
+          children: children === null ? /*#__PURE__*/jsx(WidgetComponent, _objectSpread$k(_objectSpread$k(_objectSpread$k({
             id: "widget-nokids-".concat(widgetKey),
             listen: function listen(listeners, handlers) {
               return helpers.listen(listeners, handlers);
@@ -13060,7 +13067,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
             backgroundColor: bgColor,
             widgetConfig: helpers.config(),
             widgetEventNames: helpers.events()
-          }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsx(WidgetComponent, _objectSpread$j(_objectSpread$j(_objectSpread$j({
+          }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsx(WidgetComponent, _objectSpread$k(_objectSpread$k(_objectSpread$k({
             listen: function listen(listeners, handlers) {
               return helpers.listen(listeners, handlers);
             },
@@ -13242,8 +13249,8 @@ var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
 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$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DraggableCellBody = function DraggableCellBody(_ref) {
   var cellNumber = _ref.cellNumber,
     gridContainerId = _ref.gridContainerId,
@@ -13378,7 +13385,9 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
     _ref3$onMoveWidgetToC = _ref3.onMoveWidgetToCell,
     onMoveWidgetToCell = _ref3$onMoveWidgetToC === void 0 ? null : _ref3$onMoveWidgetToC,
     _ref3$onDropWidgetFro = _ref3.onDropWidgetFromSidebar,
-    onDropWidgetFromSidebar = _ref3$onDropWidgetFro === void 0 ? null : _ref3$onDropWidgetFro;
+    onDropWidgetFromSidebar = _ref3$onDropWidgetFro === void 0 ? null : _ref3$onDropWidgetFro,
+    _ref3$onWidgetPopout = _ref3.onWidgetPopout,
+    onWidgetPopout = _ref3$onWidgetPopout === void 0 ? null : _ref3$onWidgetPopout;
   // Get providers from AppContext (not DashboardContext, which has a structural
   // issue where providers from AppWrapper don't flow through DashboardWrapper)
   var appCtx = useContext(AppContext);
@@ -13390,7 +13399,7 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
     var _ref5 = _slicedToArray(_ref4, 2),
       id = _ref5[0],
       provider = _ref5[1];
-    return _objectSpread$i({
+    return _objectSpread$j({
       id: id
     }, provider);
   }) : [];
@@ -13994,6 +14003,37 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
     return cells;
   }
 
+  // Hover-based popout overlay — avoids Tailwind named groups (requires v3.4+)
+  function PopoutOverlay(_ref6) {
+    var children = _ref6.children,
+      onPopout = _ref6.onPopout;
+    var _React$useState = React__default.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      hovered = _React$useState2[0],
+      setHovered = _React$useState2[1];
+    return /*#__PURE__*/jsxs("div", {
+      className: "relative w-full h-full",
+      onMouseEnter: function onMouseEnter() {
+        return setHovered(true);
+      },
+      onMouseLeave: function onMouseLeave() {
+        return setHovered(false);
+      },
+      children: [children, /*#__PURE__*/jsx("button", {
+        className: "absolute top-1 right-1 p-1 rounded transition-opacity bg-black/60 hover:bg-black/80 text-gray-300 hover:text-white z-10 ".concat(hovered ? "opacity-100" : "opacity-0 pointer-events-none"),
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          onPopout();
+        },
+        title: "Pop out widget",
+        children: /*#__PURE__*/jsx(FontAwesomeIcon, {
+          icon: "arrow-up-right-from-square",
+          className: "h-3 w-3"
+        })
+      })]
+    });
+  }
+
   // Render component inside a grid cell (preview mode only)
   function renderCellComponent(componentId, cellNumber, selectableSet) {
     if (!layout || !workspace) {
@@ -14005,7 +14045,16 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
     if (!cellComponent) {
       return null;
     }
-    return renderComponent(cellComponent.component, cellComponent.id, cellComponent, null);
+    var rendered = renderComponent(cellComponent.component, cellComponent.id, cellComponent, null);
+    if (onWidgetPopout && cellComponent.component) {
+      return /*#__PURE__*/jsx(PopoutOverlay, {
+        onPopout: function onPopout() {
+          return onWidgetPopout(cellComponent.id);
+        },
+        children: rendered
+      });
+    }
+    return rendered;
   }
 
   // Render empty cell in preview mode
@@ -14146,7 +14195,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$i(_objectSpread$i({}, item), {}, {
+    var itemWithProviders = _objectSpread$j(_objectSpread$j({}, item), {}, {
       selectedProviders: widgetSpecificSelections,
       onProviderSelect: onProviderSelect
     });
@@ -14453,7 +14502,9 @@ var _renderLayout = function renderLayout(_ref) {
     _ref$onMoveWidgetToCe = _ref.onMoveWidgetToCell,
     onMoveWidgetToCell = _ref$onMoveWidgetToCe === void 0 ? null : _ref$onMoveWidgetToCe,
     _ref$onDropWidgetFrom = _ref.onDropWidgetFromSidebar,
-    onDropWidgetFromSidebar = _ref$onDropWidgetFrom === void 0 ? null : _ref$onDropWidgetFrom;
+    onDropWidgetFromSidebar = _ref$onDropWidgetFrom === void 0 ? null : _ref$onDropWidgetFrom,
+    _ref$onWidgetPopout = _ref.onWidgetPopout,
+    onWidgetPopout = _ref$onWidgetPopout === void 0 ? null : _ref$onWidgetPopout;
   try {
     // Go through each item in the Workspace Layout to render the items.
 
@@ -14520,6 +14571,7 @@ var _renderLayout = function renderLayout(_ref) {
         onChangeRowMode: onChangeRowMode,
         onMoveWidgetToCell: onMoveWidgetToCell,
         onDropWidgetFromSidebar: onDropWidgetFromSidebar,
+        onWidgetPopout: onWidgetPopout,
         children: id > 0 && _renderLayout({
           dashboardId: dashboardId,
           item: childLayout,
@@ -14556,7 +14608,8 @@ var _renderLayout = function renderLayout(_ref) {
           onChangeRowHeight: onChangeRowHeight,
           onChangeRowMode: onChangeRowMode,
           onMoveWidgetToCell: onMoveWidgetToCell,
-          onDropWidgetFromSidebar: onDropWidgetFromSidebar
+          onDropWidgetFromSidebar: onDropWidgetFromSidebar,
+          onWidgetPopout: onWidgetPopout
         })
       }, "grid-container-".concat(uuid, "-").concat(previewMode === true ? "view" : "edit")) : /*#__PURE__*/jsx(LayoutBuilderGridItem, {
         uuid: uuid,
@@ -15647,8 +15700,8 @@ function isWidgetResolvable(componentKey) {
 //     isMinOrderForItem
 // }
 
-function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -15804,7 +15857,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$h(_objectSpread$h({}, layout.userPrefs), obj.userConfigValues);
+      layout.userPrefs = _objectSpread$i(_objectSpread$i({}, layout.userPrefs), obj.userConfigValues);
     }
 
     // Preserve provider selections for this widget
@@ -16304,8 +16357,8 @@ var MenuItemModel = function MenuItemModel() {
   return m;
 };
 
-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$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; }
 /**
  * A Model for a Workspace (Dashboard)
  * The Dashboard in this instance is the entire Layout inclusive of the workspaces and widgets
@@ -17569,7 +17622,7 @@ var DashboardModel = /*#__PURE__*/function () {
                   visibleCells.push({
                     row: r,
                     col: c,
-                    data: _objectSpread$g({}, cell),
+                    data: _objectSpread$h({}, 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
                   });
@@ -17591,7 +17644,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$g(_objectSpread$g({}, vc.data), {}, {
+              grid[_key7] = _objectSpread$h(_objectSpread$h({}, vc.data), {}, {
                 hide: false,
                 span: {
                   row: vc.spanRow,
@@ -17666,7 +17719,7 @@ var DashboardModel = /*#__PURE__*/function () {
                   _visibleCells2.push({
                     row: _r1,
                     col: _c10,
-                    data: _objectSpread$g({}, _cell6),
+                    data: _objectSpread$h({}, _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
                   });
@@ -17688,7 +17741,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$g(_objectSpread$g({}, _vc.data), {}, {
+              grid[_key10] = _objectSpread$h(_objectSpread$h({}, _vc.data), {}, {
                 hide: false,
                 span: {
                   row: _vc.spanRow * count,
@@ -18771,8 +18824,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React__default.Component);
 
-function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 /**
  * useDashboard Hook
@@ -18828,7 +18881,7 @@ var useDashboard = function useDashboard() {
       }
     });
   }
-  return _objectSpread$f({
+  return _objectSpread$g({
     app: app,
     dashboard: dashboard,
     theme: theme
@@ -19502,8 +19555,8 @@ function useProviderClient(provider) {
   };
 }
 
-function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
   var theme = _ref.theme,
     themeVariant = _ref.themeVariant,
@@ -19552,13 +19605,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$e(_objectSpread$e({}, styles), {}, {
+        children: [/*#__PURE__*/jsxs(Panel, _objectSpread$f(_objectSpread$f({}, styles), {}, {
           scrollable: false,
           className: "rounded",
           children: [/*#__PURE__*/jsx(Panel.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel"
-          }), /*#__PURE__*/jsx(Panel.Body, _objectSpread$e(_objectSpread$e({}, styles), {}, {
+          }), /*#__PURE__*/jsx(Panel.Body, _objectSpread$f(_objectSpread$f({}, styles), {}, {
             onClick: function onClick() {
               handleClickItem(themeObjects.PANEL, styles);
             }
@@ -19566,14 +19619,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             className: "text-xs uppercase font-light",
             children: getCSSStyleForClassname("backgroundColor", themeObjects.PANEL)
           })]
-        })), /*#__PURE__*/jsxs(Panel2, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsxs(Panel2, _objectSpread$f(_objectSpread$f({
           className: "rounded"
         }, styles2), {}, {
           scrollable: false,
           children: [/*#__PURE__*/jsx(Panel2.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel 2"
-          }), /*#__PURE__*/jsx(Panel2.Body, _objectSpread$e(_objectSpread$e({}, styles2), {}, {
+          }), /*#__PURE__*/jsx(Panel2.Body, _objectSpread$f(_objectSpread$f({}, styles2), {}, {
             onClick: function onClick() {
               handleClickItem(themeObjects.PANEL_2, styles2);
             }
@@ -19581,14 +19634,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             className: "text-xs uppercase font-light",
             children: getCSSStyleForClassname("backgroundColor", themeObjects.PANEL_2)
           })]
-        })), /*#__PURE__*/jsxs(Panel3, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsxs(Panel3, _objectSpread$f(_objectSpread$f({
           className: "rounded"
         }, styles3), {}, {
           scrollable: false,
           children: [/*#__PURE__*/jsx(Panel3.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel 3"
-          }), /*#__PURE__*/jsx(Panel3.Body, _objectSpread$e(_objectSpread$e({}, styles3), {}, {
+          }), /*#__PURE__*/jsx(Panel3.Body, _objectSpread$f(_objectSpread$f({}, styles3), {}, {
             onClick: function onClick() {
               handleClickItem(themeObjects.PANEL_3, styles3);
             }
@@ -19597,68 +19650,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             children: getCSSStyleForClassname("backgroundColor", themeObjects.PANEL_3)
           })]
         }))]
-      }), /*#__PURE__*/jsxs(Panel, _objectSpread$e(_objectSpread$e({
+      }), /*#__PURE__*/jsxs(Panel, _objectSpread$f(_objectSpread$f({
         className: "p-6 rounded border-4 space-y-4",
         scrollable: false,
         height: "h-fit"
       }, styles), {}, {
-        children: [/*#__PURE__*/jsx(Heading, _objectSpread$e(_objectSpread$e({
+        children: [/*#__PURE__*/jsx(Heading, _objectSpread$f(_objectSpread$f({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsx(Heading2, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Heading2, _objectSpread$f(_objectSpread$f({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsx(Heading3, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Heading3, _objectSpread$f(_objectSpread$f({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(SubHeading, _objectSpread$f(_objectSpread$f({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$f(_objectSpread$f({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$f(_objectSpread$f({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsx(Paragraph, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Paragraph, _objectSpread$f(_objectSpread$f({
           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$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Paragraph2, _objectSpread$f(_objectSpread$f({
           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$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Paragraph3, _objectSpread$f(_objectSpread$f({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -19667,19 +19720,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsx(Button, _objectSpread$e(_objectSpread$e({
+          children: [/*#__PURE__*/jsx(Button, _objectSpread$f(_objectSpread$f({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsx(Button2, _objectSpread$e(_objectSpread$e({
+          })), /*#__PURE__*/jsx(Button2, _objectSpread$f(_objectSpread$f({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsx(Button3, _objectSpread$e(_objectSpread$e({
+          })), /*#__PURE__*/jsx(Button3, _objectSpread$f(_objectSpread$f({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -19690,14 +19743,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$e(_objectSpread$e({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -19706,14 +19759,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -19722,14 +19775,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -19739,17 +19792,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$e(_objectSpread$e({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -19757,21 +19810,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsx(Tag, _objectSpread$e(_objectSpread$e({
+          children: [/*#__PURE__*/jsx(Tag, _objectSpread$f(_objectSpread$f({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsx(Tag2, _objectSpread$e(_objectSpread$e({
+          })), /*#__PURE__*/jsx(Tag2, _objectSpread$f(_objectSpread$f({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsx(Tag3, _objectSpread$e(_objectSpread$e({
+          })), /*#__PURE__*/jsx(Tag3, _objectSpread$f(_objectSpread$f({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -19780,67 +19833,67 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxs(Panel2, _objectSpread$e(_objectSpread$e({
+      })), /*#__PURE__*/jsxs(Panel2, _objectSpread$f(_objectSpread$f({
         className: "p-6 rounded border-4 space-y-4",
         height: "h-fit"
       }, styles2), {}, {
-        children: [/*#__PURE__*/jsx(Heading, _objectSpread$e(_objectSpread$e({
+        children: [/*#__PURE__*/jsx(Heading, _objectSpread$f(_objectSpread$f({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsx(Heading2, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Heading2, _objectSpread$f(_objectSpread$f({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsx(Heading3, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Heading3, _objectSpread$f(_objectSpread$f({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(SubHeading, _objectSpread$f(_objectSpread$f({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$f(_objectSpread$f({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$f(_objectSpread$f({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsx(Paragraph, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Paragraph, _objectSpread$f(_objectSpread$f({
           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$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Paragraph2, _objectSpread$f(_objectSpread$f({
           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$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Paragraph3, _objectSpread$f(_objectSpread$f({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -19849,19 +19902,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsx(Button, _objectSpread$e(_objectSpread$e({
+          children: [/*#__PURE__*/jsx(Button, _objectSpread$f(_objectSpread$f({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsx(Button2, _objectSpread$e(_objectSpread$e({
+          })), /*#__PURE__*/jsx(Button2, _objectSpread$f(_objectSpread$f({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsx(Button3, _objectSpread$e(_objectSpread$e({
+          })), /*#__PURE__*/jsx(Button3, _objectSpread$f(_objectSpread$f({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -19872,14 +19925,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$e(_objectSpread$e({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -19888,14 +19941,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -19904,14 +19957,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -19921,17 +19974,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$e(_objectSpread$e({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -19939,21 +19992,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsx(Tag, _objectSpread$e(_objectSpread$e({
+          children: [/*#__PURE__*/jsx(Tag, _objectSpread$f(_objectSpread$f({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsx(Tag2, _objectSpread$e(_objectSpread$e({
+          })), /*#__PURE__*/jsx(Tag2, _objectSpread$f(_objectSpread$f({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsx(Tag3, _objectSpread$e(_objectSpread$e({
+          })), /*#__PURE__*/jsx(Tag3, _objectSpread$f(_objectSpread$f({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -19962,68 +20015,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxs(Panel3, _objectSpread$e(_objectSpread$e({
+      })), /*#__PURE__*/jsxs(Panel3, _objectSpread$f(_objectSpread$f({
         className: "p-6 rounded border-4 space-y-4"
       }, styles3), {}, {
         padding: false,
         height: "h-fit",
-        children: [/*#__PURE__*/jsx(Heading, _objectSpread$e(_objectSpread$e({
+        children: [/*#__PURE__*/jsx(Heading, _objectSpread$f(_objectSpread$f({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsx(Heading2, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Heading2, _objectSpread$f(_objectSpread$f({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsx(Heading3, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Heading3, _objectSpread$f(_objectSpread$f({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(SubHeading, _objectSpread$f(_objectSpread$f({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$f(_objectSpread$f({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$f(_objectSpread$f({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsx(Paragraph, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Paragraph, _objectSpread$f(_objectSpread$f({
           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$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Paragraph2, _objectSpread$f(_objectSpread$f({
           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$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Paragraph3, _objectSpread$f(_objectSpread$f({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -20032,19 +20085,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsx(Button, _objectSpread$e(_objectSpread$e({
+          children: [/*#__PURE__*/jsx(Button, _objectSpread$f(_objectSpread$f({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsx(Button2, _objectSpread$e(_objectSpread$e({
+          })), /*#__PURE__*/jsx(Button2, _objectSpread$f(_objectSpread$f({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsx(Button3, _objectSpread$e(_objectSpread$e({
+          })), /*#__PURE__*/jsx(Button3, _objectSpread$f(_objectSpread$f({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -20055,14 +20108,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$e(_objectSpread$e({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -20071,14 +20124,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -20087,14 +20140,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            children: [/*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$e(_objectSpread$e({
+            })), /*#__PURE__*/jsx(ButtonIcon, _objectSpread$f(_objectSpread$f({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -20104,17 +20157,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$e(_objectSpread$e({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsx(MenuItem, _objectSpread$f(_objectSpread$f({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -20122,21 +20175,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsx(Tag, _objectSpread$e(_objectSpread$e({
+          children: [/*#__PURE__*/jsx(Tag, _objectSpread$f(_objectSpread$f({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsx(Tag2, _objectSpread$e(_objectSpread$e({
+          })), /*#__PURE__*/jsx(Tag2, _objectSpread$f(_objectSpread$f({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsx(Tag3, _objectSpread$e(_objectSpread$e({
+          })), /*#__PURE__*/jsx(Tag3, _objectSpread$f(_objectSpread$f({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -20145,57 +20198,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxs(Panel2, _objectSpread$e(_objectSpread$e({
+      })), /*#__PURE__*/jsxs(Panel2, _objectSpread$f(_objectSpread$f({
         className: "p-6 rounded border-4 space-y-4"
       }, styles2), {}, {
         height: "h-fit",
         padding: false,
-        children: [/*#__PURE__*/jsx(Heading2, _objectSpread$e(_objectSpread$e({
+        children: [/*#__PURE__*/jsx(Heading2, _objectSpread$f(_objectSpread$f({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(SubHeading2, _objectSpread$f(_objectSpread$f({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsx(Paragraph2, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Paragraph2, _objectSpread$f(_objectSpread$f({
           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$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Button2, _objectSpread$f(_objectSpread$f({
           title: "Button"
         }, button2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.BUTTON_2, button2Styles);
           }
-        })), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$f(_objectSpread$f({
           text: "Button Icon",
           icon: "pencil"
         }, buttonIcon2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
           }
-        })), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(ButtonIcon2, _objectSpread$f(_objectSpread$f({
           icon: "pencil"
         }, buttonIcon2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.BUTTON_ICON_2, buttonIconStyles);
           }
-        })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$e(_objectSpread$e({}, menuItem2Styles), {}, {
+        })), /*#__PURE__*/jsx(MenuItem2, _objectSpread$f(_objectSpread$f({}, menuItem2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.MENU_ITEM_2, menuItem2Styles);
           },
           children: "Menu Item"
-        })), /*#__PURE__*/jsx(Tag2, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Tag2, _objectSpread$f(_objectSpread$f({
           text: "Tag 2",
           icon: "pencil"
         }, tag2Styles), {}, {
@@ -20203,57 +20256,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             return handleClickItem(themeObjects.TAG_2, tag2Styles);
           }
         }))]
-      })), /*#__PURE__*/jsxs(Panel3, _objectSpread$e(_objectSpread$e({
+      })), /*#__PURE__*/jsxs(Panel3, _objectSpread$f(_objectSpread$f({
         className: "p-6 rounded border-4 space-y-4"
       }, styles3), {}, {
         height: "h-fit",
         padding: false,
-        children: [/*#__PURE__*/jsx(Heading3, _objectSpread$e(_objectSpread$e({
+        children: [/*#__PURE__*/jsx(Heading3, _objectSpread$f(_objectSpread$f({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(SubHeading3, _objectSpread$f(_objectSpread$f({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsx(Paragraph3, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Paragraph3, _objectSpread$f(_objectSpread$f({
           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$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Button3, _objectSpread$f(_objectSpread$f({
           title: "Button"
         }, button3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.BUTTON_3, button3Styles);
           }
-        })), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$f(_objectSpread$f({
           text: "Button Icon 3",
           icon: "pencil"
         }, buttonIcon3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
           }
-        })), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(ButtonIcon3, _objectSpread$f(_objectSpread$f({
           icon: "pencil"
         }, buttonIcon3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
           }
-        })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$e(_objectSpread$e({}, menuItem3Styles), {}, {
+        })), /*#__PURE__*/jsx(MenuItem3, _objectSpread$f(_objectSpread$f({}, menuItem3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(themeObjects.MENU_ITEM_3, menuItem3Styles);
           },
           children: "Menu Item"
-        })), /*#__PURE__*/jsx(Tag3, _objectSpread$e(_objectSpread$e({
+        })), /*#__PURE__*/jsx(Tag3, _objectSpread$f(_objectSpread$f({
           text: "Tag",
           icon: "pencil"
         }, tag3Styles), {}, {
@@ -20302,8 +20355,8 @@ var ThemePane = function ThemePane(_ref) {
 };
 
 var _excluded$2 = ["colorFromTheme", "colorName", "shade", "variant", "colorType", "colorLevelName", "selected", "onClick", "onMouseOver", "width", "height"];
-function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ColorTile = function ColorTile(_ref) {
   var _ref$colorFromTheme = _ref.colorFromTheme,
     colorFromTheme = _ref$colorFromTheme === void 0 ? null : _ref$colorFromTheme,
@@ -20328,7 +20381,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$d({
+  var c = ColorModel(_objectSpread$e({
     colorFromTheme: colorFromTheme,
     colorName: colorName,
     colorType: colorType,
@@ -20356,10 +20409,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$d(_objectSpread$d({}, c), rest)) : null;
+      return _onClick !== null ? _onClick(_objectSpread$e(_objectSpread$e({}, c), rest)) : null;
     },
     onMouseOver: function onMouseOver() {
-      return _onMouseOver !== null ? _onMouseOver(_objectSpread$d(_objectSpread$d({}, c), rest)) : null;
+      return _onMouseOver !== null ? _onMouseOver(_objectSpread$e(_objectSpread$e({}, c), rest)) : null;
     },
     children: "\xA0"
   });
@@ -21546,8 +21599,8 @@ if (process.env.NODE_ENV !== 'production') {
 var propTypesExports = propTypes.exports;
 var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 // Host-injected module references (e.g., "@trops/dash-core").
 // Set by the host app via setHostModules() after all modules are fully loaded,
@@ -21583,7 +21636,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$c(_objectSpread$c({}, BASE_MODULE_MAP), _hostModules);
+  var moduleMap = _objectSpread$d(_objectSpread$d({}, BASE_MODULE_MAP), _hostModules);
   var module = {
     exports: {}
   };
@@ -21596,7 +21649,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$c(_objectSpread$c(_objectSpread$c({}, mod["default"]), mod), {}, {
+        return _objectSpread$d(_objectSpread$d(_objectSpread$d({}, mod["default"]), mod), {}, {
           "default": mod["default"]
         });
       }
@@ -22284,8 +22337,8 @@ var HARMONY_STRATEGIES = [{
   label: "Custom"
 }];
 
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var COLOR_PROPERTIES$1 = new Set(["backgroundColor", "textColor", "borderColor", "hoverBackgroundColor", "hoverTextColor", "hoverBorderColor", "focusRingColor", "focusBorderColor", "activeBackgroundColor", "activeTextColor", "placeholderTextColor"]);
 var PreviewColorsPane = function PreviewColorsPane(_ref) {
   var _ref$styles = _ref.styles,
@@ -22302,7 +22355,7 @@ var PreviewColorsPane = function PreviewColorsPane(_ref) {
   function handleClickItem(data, styleNameCss, itemType, objectType) {
     // override the object type
     data["objectType"] = objectType;
-    onClickItem(_objectSpread$b(_objectSpread$b({}, data), {}, {
+    onClickItem(_objectSpread$c(_objectSpread$c({}, data), {}, {
       itemType: itemType,
       styleName: styleNameCss
     }));
@@ -22712,8 +22765,8 @@ var ThemeMenuPane = function ThemeMenuPane(_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 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 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],
@@ -22744,7 +22797,7 @@ var ComponentSelectorPane = function ComponentSelectorPane(_ref) {
     setCollapsedGroups = _useState2[1];
   function toggleGroup(groupName) {
     setCollapsedGroups(function (prev) {
-      return _objectSpread$a(_objectSpread$a({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
+      return _objectSpread$b(_objectSpread$b({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
     });
   }
   function hasOverrides(itemKey) {
@@ -22980,8 +23033,8 @@ var NonColorPickerPane = function NonColorPickerPane(_ref) {
 };
 
 var _excluded$1 = ["children"];
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var 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);
@@ -23541,7 +23594,7 @@ var PanelTheme = function PanelTheme(_ref) {
     if (itemSelected && themeSelected && themeVariant) {
       var updatedStyles = getStylesForItem(itemSelected.item, themeSelected[themeVariant]);
       setItemSelected(function (prev) {
-        return _objectSpread$9(_objectSpread$9({}, prev), {}, {
+        return _objectSpread$a(_objectSpread$a({}, prev), {}, {
           styles: updatedStyles
         });
       });
@@ -23712,7 +23765,7 @@ var PanelTheme = function PanelTheme(_ref) {
               styles: clickStyles
             });
           },
-          children: /*#__PURE__*/jsx(PanelComponent, _objectSpread$9(_objectSpread$9({}, panelStyles), {}, {
+          children: /*#__PURE__*/jsx(PanelComponent, _objectSpread$a(_objectSpread$a({}, panelStyles), {}, {
             scrollable: false,
             className: "rounded",
             height: "",
@@ -23726,9 +23779,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$9(_objectSpread$9({}, restProps), {}, {
+                  var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsx(comp.Component, _objectSpread$a(_objectSpread$a({}, restProps), {}, {
                     children: childContent
-                  })) : /*#__PURE__*/jsx(comp.Component, _objectSpread$9({}, restProps));
+                  })) : /*#__PURE__*/jsx(comp.Component, _objectSpread$a({}, restProps));
                   return renderComponentRow(comp.key, renderedComponent);
                 })
               })
@@ -23744,7 +23797,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$9(_objectSpread$9({}, getStylesForItem("panel", themeData)), {}, {
+      }), /*#__PURE__*/jsx(Panel, _objectSpread$a(_objectSpread$a({}, getStylesForItem("panel", themeData)), {}, {
         scrollable: false,
         className: "rounded",
         height: "",
@@ -23772,7 +23825,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$9(_objectSpread$9({}, getStylesForItem("panel", themeData)), {}, {
+      }), /*#__PURE__*/jsx(Panel, _objectSpread$a(_objectSpread$a({}, getStylesForItem("panel", themeData)), {}, {
         scrollable: false,
         className: "rounded",
         height: "",
@@ -23877,7 +23930,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$9(_objectSpread$9({}, themeContextValue), {}, {
+                  value: _objectSpread$a(_objectSpread$a({}, themeContextValue), {}, {
                     currentTheme: (themeSelected === null || themeSelected === void 0 ? void 0 : themeSelected[themeVariant]) || themeContextValue.currentTheme
                   }),
                   children: showPreview ? /*#__PURE__*/jsx(PreviewComponentsPane, {
@@ -24508,8 +24561,8 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref8) {
   });
 };
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ThemeManagerModal = function ThemeManagerModal(_ref) {
   var open = _ref.open,
     setIsOpen = _ref.setIsOpen;
@@ -24616,7 +24669,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
   function handleWizardComplete() {
     if (!wizardTheme || !wizardName.trim()) return;
     var key = wizardTheme.id || "theme-".concat(Date.now());
-    var finalTheme = _objectSpread$8(_objectSpread$8({}, wizardTheme), {}, {
+    var finalTheme = _objectSpread$9(_objectSpread$9({}, wizardTheme), {}, {
       id: key,
       name: wizardName.trim()
     });
@@ -24785,8 +24838,8 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
   });
 };
 
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LayoutPreview = function LayoutPreview(_ref) {
   var layout = _ref.layout;
   var gridRoot = (layout || []).find(function (item) {
@@ -24891,7 +24944,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$7({}, layoutItem);
+      var cleaned = _objectSpread$8({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -24906,7 +24959,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
     var updated = deepCopy(ws);
     updated.themeKey = val || null;
     updated.layout = (updated.layout || []).map(function (layoutItem) {
-      var cleaned = _objectSpread$7({}, layoutItem);
+      var cleaned = _objectSpread$8({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -25002,8 +25055,8 @@ var DashboardDetail = function DashboardDetail(_ref2) {
   });
 };
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DashboardsSection = function DashboardsSection(_ref) {
   var _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
@@ -25078,7 +25131,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$6({}, layoutItem);
+      var cleaned = _objectSpread$7({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -25098,7 +25151,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$6({}, layoutItem);
+      var cleaned = _objectSpread$7({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -25438,8 +25491,8 @@ var FoldersSection = function FoldersSection(_ref) {
   });
 };
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProviderDetail = function ProviderDetail(_ref) {
   var _testResult$tools;
   var _ref$providerName = _ref.providerName,
@@ -25507,14 +25560,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
         var oldKey = f.key;
         if (oldKey && formCredentials[oldKey] !== undefined) {
           setFormCredentials(function (creds) {
-            var updated = _objectSpread$5({}, creds);
+            var updated = _objectSpread$6({}, creds);
             var val = updated[oldKey];
             delete updated[oldKey];
             if (newKey.trim()) updated[newKey] = val;
             return updated;
           });
         }
-        return _objectSpread$5(_objectSpread$5({}, f), {}, {
+        return _objectSpread$6(_objectSpread$6({}, f), {}, {
           key: newKey
         });
       });
@@ -25526,14 +25579,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormCredentials(function (prev) {
-        return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, field.key, value));
+        return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, field.key, value));
       });
     }
   };
   var handleFieldSecretToggle = function handleFieldSecretToggle(id) {
     setCredentialFields(function (prev) {
       return prev.map(function (f) {
-        return f.id === id ? _objectSpread$5(_objectSpread$5({}, f), {}, {
+        return f.id === id ? _objectSpread$6(_objectSpread$6({}, f), {}, {
           secret: !f.secret
         }) : f;
       });
@@ -25555,7 +25608,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormCredentials(function (prev) {
-        var updated = _objectSpread$5({}, prev);
+        var updated = _objectSpread$6({}, prev);
         delete updated[field.key];
         return updated;
       });
@@ -25568,7 +25621,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
   };
   var handleCredentialChange = function handleCredentialChange(key, value) {
     setFormCredentials(function (prev) {
-      return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, key, value));
+      return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, key, value));
     });
   };
   var handleTestConnection = function handleTestConnection() {
@@ -25937,8 +25990,8 @@ var ProviderDetail = function ProviderDetail(_ref) {
   });
 };
 
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var rowIdCounter = 0;
 var nextRowId = function nextRowId() {
   return "row_".concat(++rowIdCounter);
@@ -26092,7 +26145,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$4(_objectSpread$4({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$5(_objectSpread$5({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -26117,7 +26170,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$4(_objectSpread$4({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$5(_objectSpread$5({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -26132,11 +26185,11 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   // --- credential field change ---
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$4(_objectSpread$4({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$5(_objectSpread$5({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$4({}, prev);
+        var next = _objectSpread$5({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -26288,7 +26341,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
             setProviderName(value);
             if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
               setFormErrors(function (prev) {
-                var next = _objectSpread$4({}, prev);
+                var next = _objectSpread$5({}, prev);
                 delete next.providerName;
                 return next;
               });
@@ -26321,7 +26374,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
               setCommand(value);
               if (formErrors.command && value !== null && value !== void 0 && value.trim()) {
                 setFormErrors(function (prev) {
-                  var next = _objectSpread$4({}, prev);
+                  var next = _objectSpread$5({}, prev);
                   delete next.command;
                   return next;
                 });
@@ -26427,7 +26480,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
               setUrl(value);
               if (formErrors.url && value !== null && value !== void 0 && value.trim()) {
                 setFormErrors(function (prev) {
-                  var next = _objectSpread$4({}, prev);
+                  var next = _objectSpread$5({}, prev);
                   delete next.url;
                   return next;
                 });
@@ -26569,8 +26622,8 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   });
 };
 
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getIconForServer = function getIconForServer(server) {
   var iconMap = {
     github: "code-branch",
@@ -26718,11 +26771,11 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
   // Handle credential field changes
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$3(_objectSpread$3({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$4(_objectSpread$4({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$3({}, prev);
+        var next = _objectSpread$4({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -26925,7 +26978,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
               setProviderName(value);
               if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                 setFormErrors(function (prev) {
-                  var next = _objectSpread$3({}, prev);
+                  var next = _objectSpread$4({}, prev);
                   delete next.providerName;
                   return next;
                 });
@@ -27665,8 +27718,8 @@ var ThemeDetail = function ThemeDetail(_ref6) {
   });
 };
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ThemesSection = function ThemesSection(_ref) {
   var _ref$onOpenThemeEdito = _ref.onOpenThemeEditor,
     onOpenThemeEditor = _ref$onOpenThemeEdito === void 0 ? null : _ref$onOpenThemeEdito,
@@ -27744,7 +27797,7 @@ var ThemesSection = function ThemesSection(_ref) {
     if (!wizardTheme || !wizardName.trim()) return;
     if (!dashApi || !appId) return;
     var key = wizardTheme.id || "theme-".concat(Date.now());
-    var finalTheme = _objectSpread$2(_objectSpread$2({}, wizardTheme), {}, {
+    var finalTheme = _objectSpread$3(_objectSpread$3({}, wizardTheme), {}, {
       id: key,
       name: wizardName.trim()
     });
@@ -28941,8 +28994,8 @@ var useInstalledWidgets = function useInstalledWidgets() {
   };
 };
 
-function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var WidgetsSection = function WidgetsSection(_ref) {
   var _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces;
@@ -29514,7 +29567,7 @@ var WidgetsSection = function WidgetsSection(_ref) {
       listContent: listContent,
       detailContent: detailContent,
       emptyDetailMessage: "Select a widget to view details"
-    }), /*#__PURE__*/jsx(ConfirmationModal, _objectSpread$1(_objectSpread$1({
+    }), /*#__PURE__*/jsx(ConfirmationModal, _objectSpread$2(_objectSpread$2({
       isOpen: !!deleteTarget,
       setIsOpen: function setIsOpen() {
         setDeleteTarget(null);
@@ -31019,8 +31072,8 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
   });
 };
 
-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 ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DashboardStage = function DashboardStage(_ref) {
   var dashApi = _ref.dashApi,
     credentials = _ref.credentials,
@@ -31226,7 +31279,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
       // Sync fresh workspace data to existing tab
       setOpenTabs(function (prev) {
         return prev.map(function (tab) {
-          return tab.id === existingTab.id ? _objectSpread(_objectSpread({}, tab), {}, {
+          return tab.id === existingTab.id ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
             name: workspaceItem.name || "Untitled",
             workspace: workspaceItem
           }) : tab;
@@ -31271,7 +31324,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
     if (!ws) return;
     setOpenTabs(function (prev) {
       return prev.map(function (tab) {
-        return tab.id === ws.id ? _objectSpread(_objectSpread({}, tab), {}, {
+        return tab.id === ws.id ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
           name: ws.name || "Untitled",
           workspace: ws
         }) : tab;
@@ -31346,7 +31399,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
       if (activeTabId) {
         setOpenTabs(function (prev) {
           return prev.map(function (tab) {
-            return tab.id === activeTabId ? _objectSpread(_objectSpread({}, tab), {}, {
+            return tab.id === activeTabId ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
               name: wsModel.name || "Untitled",
               workspace: wsModel
             }) : tab;
@@ -31371,8 +31424,8 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
     if (workspaceSelected && widgetId) {
       // Build widget-specific provider selections
       var currentSelections = workspaceSelected.selectedProviders || {};
-      var updatedWorkspace = _objectSpread(_objectSpread({}, workspaceSelected), {}, {
-        selectedProviders: _objectSpread(_objectSpread({}, currentSelections), {}, _defineProperty({}, widgetId, updatedProviders))
+      var updatedWorkspace = _objectSpread$1(_objectSpread$1({}, workspaceSelected), {}, {
+        selectedProviders: _objectSpread$1(_objectSpread$1({}, currentSelections), {}, _defineProperty({}, widgetId, updatedProviders))
       });
 
       // Update the tab's workspace reference
@@ -31397,7 +31450,8 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
         onProviderSelect: handleProviderSelect,
         onTogglePreview: handleToggleEditMode,
         editMode: editMode,
-        workspaceRef: currentWorkspaceRef
+        workspaceRef: currentWorkspaceRef,
+        onWidgetPopout: popout ? null : handleWidgetPopout
       }, "LayoutBuilder-".concat(workspaceItem["id"])) : null;
     } catch (e) {
       return null;
@@ -31557,7 +31611,7 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
       if (savedWs) {
         setOpenTabs(function (prev) {
           return prev.map(function (tab) {
-            return tab.id === activeTabId ? _objectSpread(_objectSpread({}, tab), {}, {
+            return tab.id === activeTabId ? _objectSpread$1(_objectSpread$1({}, tab), {}, {
               name: savedWs.name || "Untitled",
               workspace: savedWs
             }) : tab;
@@ -31604,6 +31658,12 @@ var DashboardStageInner = function DashboardStageInner(_ref2) {
       window.mainApi.popout.open(workspaceSelected.id);
     }
   }
+  function handleWidgetPopout(widgetId) {
+    var _window$mainApi5;
+    if (workspaceSelected && (_window$mainApi5 = window.mainApi) !== null && _window$mainApi5 !== void 0 && (_window$mainApi5 = _window$mainApi5.widgetPopout) !== null && _window$mainApi5 !== void 0 && _window$mainApi5.open) {
+      window.mainApi.widgetPopout.open(workspaceSelected.id, widgetId);
+    }
+  }
   return /*#__PURE__*/jsxs(LayoutContainer, {
     padding: false,
     space: false,
@@ -32008,6 +32068,147 @@ 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; }
+var WidgetPopoutStage = function WidgetPopoutStage(_ref) {
+  var dashApi = _ref.dashApi,
+    credentials = _ref.credentials,
+    workspaceId = _ref.workspaceId,
+    widgetId = _ref.widgetId;
+  return /*#__PURE__*/jsx(Profiler, {
+    id: "widget-popout",
+    onRender: function onRender() {},
+    children: /*#__PURE__*/jsx(DashboardWrapper, {
+      dashApi: dashApi,
+      credentials: credentials,
+      backgroundColor: "bg-gray-900",
+      children: /*#__PURE__*/jsx(WidgetPopoutInner, {
+        dashApi: dashApi,
+        credentials: credentials,
+        workspaceId: workspaceId,
+        widgetId: widgetId
+      })
+    })
+  });
+};
+var WidgetPopoutInner = function WidgetPopoutInner(_ref2) {
+  var dashApi = _ref2.dashApi,
+    credentials = _ref2.credentials,
+    workspaceId = _ref2.workspaceId,
+    widgetId = _ref2.widgetId;
+  var _useContext = useContext(DashboardContext);
+    _useContext.pub;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    workspace = _useState2[0],
+    setWorkspace = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    widgetItem = _useState4[0],
+    setWidgetItem = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+  function loadWorkspaces() {
+    if (!dashApi || !credentials) return;
+    dashApi.listWorkspaces(credentials.appId, function (e, message) {
+      try {
+        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) {
+            return LayoutModel(layoutOG, workspaces, ws["id"]);
+          });
+          ws["layout"] = tempLayout;
+          return WorkspaceModel(ws);
+        });
+        var target = workspacesTemp.find(function (ws) {
+          return ws.id === workspaceId;
+        });
+        if (!target) {
+          setError("Workspace not found");
+          return;
+        }
+        setWorkspace(target);
+
+        // Find the widget in the layout by ID
+        var widget = target.layout.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
+        var widgetWithProviders = _objectSpread(_objectSpread({}, widget), {}, {
+          selectedProviders: ((_target$selectedProvi = target.selectedProviders) === null || _target$selectedProvi === void 0 ? void 0 : _target$selectedProvi[widgetId]) || {}
+        });
+        setWidgetItem(widgetWithProviders);
+
+        // Set popout window title
+        var widgetName = ((_widget$userPrefs = widget.userPrefs) === null || _widget$userPrefs === void 0 ? void 0 : _widget$userPrefs.title) || widget.component || "Widget";
+        if ((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.widgetPopout) !== null && _window$mainApi !== void 0 && _window$mainApi.setTitle) {
+          window.mainApi.widgetPopout.setTitle(workspaceId, widgetId, widgetName);
+        }
+      } catch (err) {
+        setError(err.message);
+      }
+    }, function (e, message) {
+      setError("Failed to load workspace");
+    });
+  }
+
+  // Initial load
+  useEffect(function () {
+    loadWorkspaces();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [workspaceId, widgetId]);
+
+  // Listen for workspace:saved broadcasts to refresh
+  useEffect(function () {
+    var _window$mainApi2;
+    if (!((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.on)) return;
+    var handler = function handler() {
+      loadWorkspaces();
+    };
+    window.mainApi.on("workspace:saved", handler);
+    return function () {
+      var _window$mainApi3;
+      if ((_window$mainApi3 = window.mainApi) !== null && _window$mainApi3 !== void 0 && _window$mainApi3.removeListener) {
+        window.mainApi.removeListener("workspace:saved", handler);
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  if (error) {
+    return /*#__PURE__*/jsxs("div", {
+      className: "flex flex-col h-full w-full items-center justify-center text-gray-400 gap-2",
+      children: [/*#__PURE__*/jsx("div", {
+        className: "text-lg font-semibold",
+        children: "Widget not available"
+      }), /*#__PURE__*/jsx("div", {
+        className: "text-sm text-gray-500",
+        children: error
+      })]
+    });
+  }
+  if (!widgetItem || !workspace) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center text-gray-500",
+      children: "Loading widget..."
+    });
+  }
+  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)
+    })
+  });
+};
+
 var DashNavbar = function DashNavbar(_ref) {
   var _ref$onOpenCommandPal = _ref.onOpenCommandPalette,
     onOpenCommandPalette = _ref$onOpenCommandPal === void 0 ? null : _ref$onOpenCommandPal,
@@ -33009,5 +33210,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, 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_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, 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_LIST, THEME_LIST_COMPLETE, THEME_LIST_ERROR, THEME_SAVE, THEME_SAVE_COMPLETE, THEME_SAVE_ERROR, ThemeApi, ThemeManagerModal, ThemeModel, ThemeWrapper, 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, Widget, WidgetApi, WidgetConfigPanel, WidgetContext, WidgetFactory, WidgetProviderWrapper, WidgetSidebar, Workspace, WorkspaceContext, WorkspaceFooter, WorkspaceMenu, WorkspaceModel, addChildToLayoutItem, addItemToItemLayout, buildMcpConfigFromOverrides, canHaveChildren, changeDirectionForLayoutItem, createProviderRegistry, deriveFormFields, envMappingToRows, evaluateBundle, extractWidgetConfigs, formatFieldName, generateCustomTheme, generateHarmonyTheme, generateRandomTheme, generateThemeName, getBorderStyle, getChildrenForLayoutItem, getComponentInLayout, getContainerBorderColor, getContainerColor, getIndexOfLayoutChildrenForItem, getIndexOfLayoutItem, getLayoutItemById, getLayoutItemForWorkspace, getNearestParentWorkspace, getNextHighestId, getNextHighestItemInLayout, getNextHighestOrder, getNextHighestParentId, getNextLowestItemInLayout, getParentForLayoutItem, getParentWorkspaceForItem, getThemePresets, getWidgetsForWorkspace, getWorkspacesForWorkspace, headerTemplateToRows, isContainer, isLikelySecret, isMaxOrderForItem, isMinOrderForItem, isWidget, isWidgetResolvable, isWorkspace, layoutItemHasWorkspaceAsChild, loadWidgetBundle, numChildrenForLayout, removeItemFromLayout, renderComponent, renderGridLayout, renderGridLayoutFlow, _renderLayout as renderLayout, renderLayoutMenu, replaceItemInLayout, resolveIcon, setHostModules, traverseParentTree, updateLayoutItem, updateParentForItem, useDashboard, useMcpProvider, useProvider, useProviderClient, useWidgetEvents, useWidgetProviders, validateCellMerge, validateGridCell, validateGridPlacement, validateWidgetPlacement, 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, 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_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, 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_LIST, THEME_LIST_COMPLETE, THEME_LIST_ERROR, THEME_SAVE, THEME_SAVE_COMPLETE, THEME_SAVE_ERROR, ThemeApi, ThemeManagerModal, ThemeModel, ThemeWrapper, 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, Widget, WidgetApi, WidgetConfigPanel, WidgetContext, WidgetFactory, WidgetPopoutStage, WidgetProviderWrapper, WidgetSidebar, Workspace, WorkspaceContext, WorkspaceFooter, WorkspaceMenu, WorkspaceModel, addChildToLayoutItem, addItemToItemLayout, buildMcpConfigFromOverrides, canHaveChildren, changeDirectionForLayoutItem, createProviderRegistry, deriveFormFields, envMappingToRows, evaluateBundle, extractWidgetConfigs, formatFieldName, generateCustomTheme, generateHarmonyTheme, generateRandomTheme, generateThemeName, getBorderStyle, getChildrenForLayoutItem, getComponentInLayout, getContainerBorderColor, getContainerColor, getIndexOfLayoutChildrenForItem, getIndexOfLayoutItem, getLayoutItemById, getLayoutItemForWorkspace, getNearestParentWorkspace, getNextHighestId, getNextHighestItemInLayout, getNextHighestOrder, getNextHighestParentId, getNextLowestItemInLayout, getParentForLayoutItem, getParentWorkspaceForItem, getThemePresets, getWidgetsForWorkspace, getWorkspacesForWorkspace, headerTemplateToRows, isContainer, isLikelySecret, isMaxOrderForItem, isMinOrderForItem, isWidget, isWidgetResolvable, isWorkspace, layoutItemHasWorkspaceAsChild, loadWidgetBundle, numChildrenForLayout, removeItemFromLayout, renderComponent, renderGridLayout, renderGridLayoutFlow, _renderLayout as renderLayout, renderLayoutMenu, replaceItemInLayout, resolveIcon, setHostModules, traverseParentTree, updateLayoutItem, updateParentForItem, useDashboard, useMcpProvider, useProvider, useProviderClient, useWidgetEvents, useWidgetProviders, validateCellMerge, validateGridCell, validateGridPlacement, validateWidgetPlacement, withProviderDetection };
 //# sourceMappingURL=index.esm.js.map