@trops/dash-core 0.1.159 → 0.1.161

package/dist/index.js

@@ -49,8 +49,8 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var jsxRuntime__namespace = /*#__PURE__*/_interopNamespaceDefault(jsxRuntime);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
-function ownKeys$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 event = {
   list: new Map(),
   //  Map(1) { '<widget-UUID>' => { 'CustomSearchbar[10].searchQueryChanged': [] } }
@@ -112,7 +112,7 @@ var event = {
           uuid: subscriber["uuid"]
         };
         if ("action" in subscriber && subscriber.action !== undefined) {
-          subscriber["action"](_objectSpread$D({}, objectToSend));
+          subscriber["action"](_objectSpread$E({}, objectToSend));
         }
       });
     }
@@ -2613,8 +2613,8 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
   });
 };
 
-function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
   var themeKey = _ref.themeKey,
     children = _ref.children;
@@ -2626,7 +2626,7 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
     var dashboardTheme = themes[themeKey];
     var themeValue = dashboardTheme ? dashboardTheme[themeVariant] || null : null;
     if (!themeValue) return null;
-    return _objectSpread$C(_objectSpread$C({}, parentContext), {}, {
+    return _objectSpread$D(_objectSpread$D({}, parentContext), {}, {
       currentTheme: themeValue,
       currentThemeKey: themeKey,
       theme: themeValue,
@@ -2644,8 +2644,8 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref) {
   });
 };
 
-function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 AppThemeScope = function AppThemeScope(_ref) {
   var children = _ref.children;
   var ctx = React.useContext(DashReact.ThemeContext);
@@ -2653,7 +2653,7 @@ var AppThemeScope = function AppThemeScope(_ref) {
     children: children
   });
   return /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
-    value: _objectSpread$B(_objectSpread$B({}, ctx), {}, {
+    value: _objectSpread$C(_objectSpread$C({}, ctx), {}, {
       currentTheme: ctx.appTheme,
       currentThemeKey: ctx.appThemeKey,
       theme: ctx.appTheme,
@@ -2765,11 +2765,11 @@ var LayoutContainer = function LayoutContainer(_ref) {
   });
 };
 
-function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$e(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$e(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0; } }
-function _arrayLikeToArray$e(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$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 _createForOfIteratorHelper$f(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$f(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$f(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$f(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$f(r, a) : void 0; } }
+function _arrayLikeToArray$f(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /**
  * Layout template definitions for the dashboard template picker.
  *
@@ -3005,12 +3005,12 @@ function createLayoutFromTemplate(template) {
     cols: template.cols,
     gap: "gap-2"
   };
-  var _iterator = _createForOfIteratorHelper$e(template.cells),
+  var _iterator = _createForOfIteratorHelper$f(template.cells),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var cell = _step.value;
-      grid[cell.key] = _objectSpread$A({
+      grid[cell.key] = _objectSpread$B({
         component: null,
         hide: cell.hide || false
       }, cell.span ? {
@@ -4024,8 +4024,8 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
   });
 };
 
-function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 LayoutManagerModal = function LayoutManagerModal(_ref) {
   var open = _ref.open,
     setIsOpen = _ref.setIsOpen,
@@ -4261,7 +4261,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
             }
             return _context2.abrupt("return");
           case 6:
-            updatedWorkspace = _objectSpread$z(_objectSpread$z({}, importedWorkspace), {}, {
+            updatedWorkspace = _objectSpread$A(_objectSpread$A({}, importedWorkspace), {}, {
               name: dashboardName.trim(),
               menuId: menuId,
               themeKey: selectedThemeKey
@@ -9616,8 +9616,8 @@ var deepEqual = function deepEqual(a, b, opts) {
 
 var deepEqual$1 = /*@__PURE__*/getDefaultExportFromCjs(deepEqual);
 
-function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PanelEditItem = function PanelEditItem(_ref) {
   var _ComponentManager$get;
   var workspace = _ref.workspace,
@@ -9677,7 +9677,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
     var uuid = newItem.uuid || newItem.uuidString;
     if (uuid) {
       workspaceTemp.selectedProviders = workspaceTemp.selectedProviders || {};
-      workspaceTemp.selectedProviders[uuid] = _objectSpread$y(_objectSpread$y({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
+      workspaceTemp.selectedProviders[uuid] = _objectSpread$z(_objectSpread$z({}, workspaceTemp.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
     }
     onUpdate(newItem, workspaceTemp);
     forceUpdate();
@@ -9806,7 +9806,7 @@ var PanelEditItem = function PanelEditItem(_ref) {
           var _ref5 = _slicedToArray(_ref4, 2),
             name = _ref5[0],
             p = _ref5[1];
-          return _objectSpread$y({
+          return _objectSpread$z({
             name: name
           }, p);
         });
@@ -9848,11 +9848,11 @@ var PanelEditItem = function PanelEditItem(_ref) {
 };
 
 var _excluded$5 = ["rows", "cols"];
-function _createForOfIteratorHelper$d(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$d(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$d(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$d(r, a) : void 0; } }
-function _arrayLikeToArray$d(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$e(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$e(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0; } }
+function _arrayLikeToArray$e(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$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 defaultGrid = {
   rows: 1,
   cols: 1,
@@ -9873,7 +9873,7 @@ function GridEditor(_ref) {
     setGrid = _useState2[1];
   var addRow = function addRow() {
     var newRow = grid.rows;
-    var newGrid = _objectSpread$x(_objectSpread$x({}, grid), {}, {
+    var newGrid = _objectSpread$y(_objectSpread$y({}, grid), {}, {
       rows: grid.rows + 1
     });
     for (var col = 0; col < grid.cols; col++) {
@@ -9888,7 +9888,7 @@ function GridEditor(_ref) {
   };
   var addColumn = function addColumn() {
     var newCol = grid.cols;
-    var newGrid = _objectSpread$x(_objectSpread$x({}, grid), {}, {
+    var newGrid = _objectSpread$y(_objectSpread$y({}, grid), {}, {
       cols: grid.cols + 1
     });
     for (var row = 0; row < grid.rows; row++) {
@@ -9921,8 +9921,8 @@ function GridEditor(_ref) {
       });
     }
     if (grid[nextKey]) {
-      var newGrid = _objectSpread$x({}, grid);
-      newGrid[currentKey] = _objectSpread$x(_objectSpread$x({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$y({}, grid);
+      newGrid[currentKey] = _objectSpread$y(_objectSpread$y({}, newGrid[currentKey]), {}, {
         colSpan: newGrid[currentKey].colSpan + 1
       });
       delete newGrid[nextKey];
@@ -9935,8 +9935,8 @@ function GridEditor(_ref) {
     var currentKey = "".concat(row, ".").concat(col);
     var belowKey = "".concat(row + 1, ".").concat(col);
     if (grid[belowKey]) {
-      var newGrid = _objectSpread$x({}, grid);
-      newGrid[currentKey] = _objectSpread$x(_objectSpread$x({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$y({}, grid);
+      newGrid[currentKey] = _objectSpread$y(_objectSpread$y({}, newGrid[currentKey]), {}, {
         rowSpan: newGrid[currentKey].rowSpan + 1
       });
       delete newGrid[belowKey];
@@ -9953,7 +9953,7 @@ function GridEditor(_ref) {
   var splitCell = function splitCell(row, col) {
     var key = "".concat(row, ".").concat(col);
     var cell = grid[key];
-    var newGrid = _objectSpread$x({}, grid);
+    var newGrid = _objectSpread$y({}, grid);
 
     // we have to check the colspan, and since the colspan is greater than 1
     // Only handle horizontal split if colSpan > 1
@@ -9969,13 +9969,13 @@ function GridEditor(_ref) {
         var oldKey = "".concat(row, ".").concat(c);
         var newKey = "".concat(row, ".").concat(c + 1);
         if (newGrid[oldKey]) {
-          newGrid[newKey] = _objectSpread$x({}, newGrid[oldKey]);
+          newGrid[newKey] = _objectSpread$y({}, newGrid[oldKey]);
           delete newGrid[oldKey];
         }
       }
 
       // Update the original cell's colSpan
-      newGrid[key] = _objectSpread$x(_objectSpread$x({}, cell), {}, {
+      newGrid[key] = _objectSpread$y(_objectSpread$y({}, cell), {}, {
         colSpan: cell.colSpan - 1
       });
 
@@ -9987,7 +9987,7 @@ function GridEditor(_ref) {
       };
     }
     if (cell.rowSpan > 1) {
-      newGrid[key] = _objectSpread$x(_objectSpread$x({}, newGrid[key]), {}, {
+      newGrid[key] = _objectSpread$y(_objectSpread$y({}, newGrid[key]), {}, {
         rowSpan: cell.rowSpan - 1
       });
       newGrid["".concat(row + 1, ".").concat(col)] = {
@@ -10003,7 +10003,7 @@ function GridEditor(_ref) {
   function sortObjectByKeys(obj) {
     var sortedKeys = Object.keys(obj).sort();
     var sortedObj = {};
-    var _iterator = _createForOfIteratorHelper$d(sortedKeys),
+    var _iterator = _createForOfIteratorHelper$e(sortedKeys),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -10106,7 +10106,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$x({}, grid);
+    var newGrid = _objectSpread$y({}, grid);
 
     // Swap the cells
     var temp = newGrid[fromKey];
@@ -10132,7 +10132,7 @@ function GridEditor(_ref) {
     // console.log("Grid updated:", sequencedGrid);
   }
   function resetGridLayout() {
-    var newGrid = _objectSpread$x({}, defaultGrid);
+    var newGrid = _objectSpread$y({}, defaultGrid);
     setGrid(newGrid);
     onUpdate(newGrid);
   }
@@ -10410,8 +10410,8 @@ var PanelEditItemGrid = function PanelEditItemGrid(_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 PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
   var item = _ref.item;
     _ref.workspace;
@@ -10434,7 +10434,7 @@ var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
   }, [widgetUuid, notificationDefs.length]);
   function handleNotifToggle(typeKey, value) {
     var _window$mainApi2;
-    var updated = _objectSpread$w(_objectSpread$w({}, notifPrefs), {}, _defineProperty({}, typeKey, value));
+    var updated = _objectSpread$x(_objectSpread$x({}, notifPrefs), {}, _defineProperty({}, typeKey, value));
     setNotifPrefs(updated);
     if ((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && (_window$mainApi2 = _window$mainApi2.notifications) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.setPreferences && widgetUuid) {
       window.mainApi.notifications.setPreferences(widgetUuid, _defineProperty({}, typeKey, value));
@@ -10476,11 +10476,11 @@ var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
   });
 };
 
-function _createForOfIteratorHelper$c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$c(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0; } }
-function _arrayLikeToArray$c(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$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$d(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$d(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$d(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$d(r, a) : void 0; } }
+function _arrayLikeToArray$d(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function 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 DAYS = [{
   key: "mon",
   label: "Mon"
@@ -10581,7 +10581,7 @@ function TaskScheduleEditor(_ref) {
     var _window$mainApi;
     var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     if (!((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.scheduler) !== null && _window$mainApi !== void 0 && _window$mainApi.registerTask)) return;
-    var payload = _objectSpread$v({
+    var payload = _objectSpread$w({
       widgetId: widgetId,
       widgetName: widgetName,
       workspaceId: workspaceId || "",
@@ -10807,7 +10807,7 @@ var PanelEditItemSchedule = function PanelEditItemSchedule(_ref2) {
       setIsLoading(true);
       window.mainApi.scheduler.getTasks(widgetUuid).then(function (tasks) {
         var stateMap = {};
-        var _iterator = _createForOfIteratorHelper$c(tasks || []),
+        var _iterator = _createForOfIteratorHelper$d(tasks || []),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -12852,8 +12852,8 @@ var WidgetIcon = function WidgetIcon(_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; }
 var ProviderForm = function ProviderForm(_ref) {
   var credentialSchema = _ref.credentialSchema,
     _ref$initialValues = _ref.initialValues,
@@ -12898,14 +12898,14 @@ var ProviderForm = function ProviderForm(_ref) {
         var oldKey = f.key;
         if (oldKey && formData[oldKey] !== undefined) {
           setFormData(function (fd) {
-            var updated = _objectSpread$u({}, fd);
+            var updated = _objectSpread$v({}, fd);
             var val = updated[oldKey];
             delete updated[oldKey];
             if (newKey.trim()) updated[newKey] = val;
             return updated;
           });
         }
-        return _objectSpread$u(_objectSpread$u({}, f), {}, {
+        return _objectSpread$v(_objectSpread$v({}, f), {}, {
           key: newKey
         });
       });
@@ -12917,14 +12917,14 @@ var ProviderForm = function ProviderForm(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormData(function (prev) {
-        return _objectSpread$u(_objectSpread$u({}, prev), {}, _defineProperty({}, field.key, value));
+        return _objectSpread$v(_objectSpread$v({}, prev), {}, _defineProperty({}, field.key, value));
       });
     }
   };
   var handleDynamicSecretToggle = function handleDynamicSecretToggle(id) {
     setDynamicFields(function (prev) {
       return prev.map(function (f) {
-        return f.id === id ? _objectSpread$u(_objectSpread$u({}, f), {}, {
+        return f.id === id ? _objectSpread$v(_objectSpread$v({}, f), {}, {
           secret: !f.secret
         }) : f;
       });
@@ -12946,7 +12946,7 @@ var ProviderForm = function ProviderForm(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormData(function (prev) {
-        var updated = _objectSpread$u({}, prev);
+        var updated = _objectSpread$v({}, prev);
         delete updated[field.key];
         return updated;
       });
@@ -12988,13 +12988,13 @@ var ProviderForm = function ProviderForm(_ref) {
    */
   var handleInputChange = function handleInputChange(fieldName, value) {
     setFormData(function (prev) {
-      return _objectSpread$u(_objectSpread$u({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$v(_objectSpread$v({}, 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$u({}, prev);
+        var newErrors = _objectSpread$v({}, prev);
         delete newErrors[fieldName];
         return newErrors;
       });
@@ -13032,7 +13032,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$u({}, prev);
+              var newErrors = _objectSpread$v({}, prev);
               delete newErrors.providerName;
               return newErrors;
             });
@@ -13269,8 +13269,8 @@ var ToolSelector = function ToolSelector(_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; }
 /**
  * Shared MCP utility functions.
  *
@@ -13398,7 +13398,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
         headerTemplate[name] = value;
       }
     });
-    var config = _objectSpread$t({}, baseMcpConfig);
+    var config = _objectSpread$u({}, baseMcpConfig);
     if (Object.keys(headerTemplate).length > 0) {
       config.headerTemplate = headerTemplate;
     } else {
@@ -13416,7 +13416,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
       envMapping[env] = cred;
     }
   });
-  return _objectSpread$t(_objectSpread$t({}, baseMcpConfig), {}, {
+  return _objectSpread$u(_objectSpread$u({}, baseMcpConfig), {}, {
     envMapping: envMapping
   });
 }
@@ -13657,11 +13657,11 @@ var getUserConfigurableProviders = function getUserConfigurableProviders(provide
   });
 };
 
-function _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0; } }
-function _arrayLikeToArray$b(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$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 _createForOfIteratorHelper$c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$c(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0; } }
+function _arrayLikeToArray$c(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$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 EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -13838,7 +13838,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       .map(function (entry) {
         var widget = allWidgets[entry.widgetKey];
         if (!widget) return null; // Widget no longer exists
-        return _objectSpread$s(_objectSpread$s({
+        return _objectSpread$t(_objectSpread$t({
           key: entry.widgetKey
         }, widget), {}, {
           savedProviders: entry.providers || {},
@@ -13926,11 +13926,11 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
           // Flatten all widgets from all packages for the widget list
           flatWidgets = [];
-          _iterator = _createForOfIteratorHelper$b(result.packages || []);
+          _iterator = _createForOfIteratorHelper$c(result.packages || []);
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
               pkg = _step.value;
-              _iterator2 = _createForOfIteratorHelper$b(pkg.widgets || []);
+              _iterator2 = _createForOfIteratorHelper$c(pkg.widgets || []);
               try {
                 for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                   widget = _step2.value;
@@ -13989,7 +13989,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       // Get widgets from ComponentManager
       var allWidgets = ComponentManager.map();
       var widgetList = Object.keys(allWidgets).map(function (key) {
-        return _objectSpread$s({
+        return _objectSpread$t({
           key: key
         }, allWidgets[key]);
       }).filter(function (widget) {
@@ -14220,7 +14220,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       setInlineCreateType(null);
       setInlineCreateSchema({});
       setInlineCreateError(null);
-      setSelectedProviders(_objectSpread$s(_objectSpread$s({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
+      setSelectedProviders(_objectSpread$t(_objectSpread$t({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
     }
   };
   var handleInlineProviderSubmit = function handleInlineProviderSubmit(formData) {
@@ -14241,7 +14241,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Auto-select the newly created provider
       setSelectedProviders(function (prev) {
-        return _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty({}, providerType, providerName));
+        return _objectSpread$t(_objectSpread$t({}, prev), {}, _defineProperty({}, providerType, providerName));
       });
 
       // Collapse the inline form
@@ -14295,11 +14295,11 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
   };
   var inlineHandleCredentialChange = function inlineHandleCredentialChange(fieldName, value) {
     setInlineCredentialData(function (prev) {
-      return _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$t(_objectSpread$t({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (inlineFormErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setInlineFormErrors(function (prev) {
-        var next = _objectSpread$s({}, prev);
+        var next = _objectSpread$t({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -14392,7 +14392,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
         refreshProviders();
       }
       setSelectedProviders(function (prev) {
-        return _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty({}, providerType, providerName));
+        return _objectSpread$t(_objectSpread$t({}, prev), {}, _defineProperty({}, providerType, providerName));
       });
 
       // Reset stepper state
@@ -14413,7 +14413,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
     });
   };
   var handleConfigChange = function handleConfigChange(key, value) {
-    setUserConfigValues(_objectSpread$s(_objectSpread$s({}, userConfigValues), {}, _defineProperty({}, key, value)));
+    setUserConfigValues(_objectSpread$t(_objectSpread$t({}, userConfigValues), {}, _defineProperty({}, key, value)));
   };
 
   // Install a package from the registry
@@ -14503,7 +14503,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Phase 3: Save to recent widgets
       saveToRecent(selectedWidget, selectedProviders, userConfigValues);
-      onSelectWidget(_objectSpread$s(_objectSpread$s({}, selectedWidget), {}, {
+      onSelectWidget(_objectSpread$t(_objectSpread$t({}, selectedWidget), {}, {
         selectedProviders: selectedProviders,
         // Pass to parent
         userConfigValues: userConfigValues // Pass to parent
@@ -15139,7 +15139,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
                                               setInlineProviderName(value);
                                               if (inlineFormErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                                                 setInlineFormErrors(function (prev) {
-                                                  var next = _objectSpread$s({}, prev);
+                                                  var next = _objectSpread$t({}, prev);
                                                   delete next.providerName;
                                                   return next;
                                                 });
@@ -15486,9 +15486,9 @@ var ProviderBadge = function ProviderBadge(_ref) {
   });
 };
 
-function _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$a(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$a(r, a) : void 0; } }
-function _arrayLikeToArray$a(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0; } }
+function _arrayLikeToArray$b(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var WidgetCardHeader = function WidgetCardHeader(_ref) {
   var item = _ref.item,
     widget = _ref.widget,
@@ -15532,7 +15532,7 @@ var WidgetCardHeader = function WidgetCardHeader(_ref) {
     var el = headerRef.current;
     if (!el) return;
     var observer = new ResizeObserver(function (entries) {
-      var _iterator = _createForOfIteratorHelper$a(entries),
+      var _iterator = _createForOfIteratorHelper$b(entries),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -15889,9 +15889,9 @@ var useWidgetSchedulerStatus = function useWidgetSchedulerStatus(widgetId) {
   };
 };
 
-function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
-function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$a(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$a(r, a) : void 0; } }
+function _arrayLikeToArray$a(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function formatCountdown(ms) {
   if (ms == null || ms < 0) return "--";
   if (ms < 1000) return "< 1s";
@@ -16008,7 +16008,7 @@ var WidgetCardStatusBar = function WidgetCardStatusBar(_ref) {
 
   // Find soonest countdown among enabled tasks
   var soonestMs = null;
-  var _iterator = _createForOfIteratorHelper$9(enabledTasks),
+  var _iterator = _createForOfIteratorHelper$a(enabledTasks),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -16459,8 +16459,8 @@ var ProviderSelector = function ProviderSelector(_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 AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   var transport = _ref.transport,
     envMappingRows = _ref.envMappingRows,
@@ -16489,7 +16489,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$r(_objectSpread$r({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$s(_objectSpread$s({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -16514,7 +16514,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$r(_objectSpread$r({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$s(_objectSpread$s({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -16663,8 +16663,8 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   });
 };
 
-function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var McpServerPicker = function McpServerPicker(_ref) {
   var _testResult$tools;
   var isOpen = _ref.isOpen,
@@ -16843,11 +16843,11 @@ var McpServerPicker = function McpServerPicker(_ref) {
   // Handle credential field changes
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$q(_objectSpread$q({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$r(_objectSpread$r({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$q({}, prev);
+        var next = _objectSpread$r({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -17185,7 +17185,7 @@ var McpServerPicker = function McpServerPicker(_ref) {
                           setProviderName(value);
                           if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                             setFormErrors(function (prev) {
-                              var next = _objectSpread$q({}, prev);
+                              var next = _objectSpread$r({}, prev);
                               delete next.providerName;
                               return next;
                             });
@@ -17375,8 +17375,8 @@ var McpServerPicker = function McpServerPicker(_ref) {
   });
 };
 
-function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var USE_ENHANCED_WIDGET_SELECTOR = true; // Set to false to use original modal
 
 /**
@@ -17422,7 +17422,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     var _ref3 = _slicedToArray(_ref2, 2),
       id = _ref3[0],
       p = _ref3[1];
-    return _objectSpread$p(_objectSpread$p({}, p), {}, {
+    return _objectSpread$q(_objectSpread$q({}, p), {}, {
       id: id,
       name: p.name || id
     });
@@ -17509,7 +17509,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$p(_objectSpread$p({}, workspace), {}, {
+      setCurrentWorkspace(_objectSpread$q(_objectSpread$q({}, workspace), {}, {
         layout: model.layout
       }));
     } else {
@@ -17900,7 +17900,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       var uuid = widget.uuid || widget.uuidString;
       if (uuid) {
         newWorkspace.selectedProviders = newWorkspace.selectedProviders || {};
-        newWorkspace.selectedProviders[uuid] = _objectSpread$p(_objectSpread$p({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
+        newWorkspace.selectedProviders[uuid] = _objectSpread$q(_objectSpread$q({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
       }
       setCurrentWorkspace(newWorkspace);
     }
@@ -18035,7 +18035,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     try {
       var config = ComponentManager.config(widgetKey);
       if (!config) return;
-      var widgetItem = _objectSpread$p(_objectSpread$p({}, config), {}, {
+      var widgetItem = _objectSpread$q(_objectSpread$q({}, config), {}, {
         component: widgetKey,
         key: widgetKey
       });
@@ -18264,7 +18264,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
           onSelectWidget: function onSelectWidget(widget) {
 
             // Add component property from widget.key
-            var widgetWithComponent = _objectSpread$p(_objectSpread$p({}, widget), {}, {
+            var widgetWithComponent = _objectSpread$q(_objectSpread$q({}, widget), {}, {
               component: widget.key
             });
             handleClickConfirmAdd(widgetWithComponent, dropdownTarget);
@@ -19892,8 +19892,8 @@ var MissingProviderPrompt = function MissingProviderPrompt(_ref) {
   });
 };
 
-function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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) {
@@ -19948,7 +19948,7 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "handleProviderSelect", function (providerType, providerName, credentials) {
 
       // Update local selected providers state
-      var updatedSelected = _objectSpread$o(_objectSpread$o({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
+      var updatedSelected = _objectSpread$p(_objectSpread$p({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
       _this.setState({
         selectedProviders: updatedSelected
       }, function () {
@@ -20022,8 +20022,8 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
 }(React.Component);
 _defineProperty(ProviderErrorBoundary, "contextType", ProviderContext);
 
-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 withProviderDetection = function withProviderDetection(Component) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$requiredProvider = _ref.requiredProviders,
@@ -20048,7 +20048,7 @@ var withProviderDetection = function withProviderDetection(Component) {
         onProviderSelect: onProviderSelect
       });
     }
-    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$n({}, props));
+    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$o({}, props));
   };
 };
 
@@ -20262,8 +20262,8 @@ var WidgetHelpers = /*#__PURE__*/function () {
   }]);
 }();
 
-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; }
 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) {
@@ -20390,7 +20390,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
 
       // Build widgetData for WidgetContext — hooks read from this
       var uuidString = DashReact.getUUID(params.uuid);
-      var widgetData = _objectSpread$m(_objectSpread$m({}, params), {}, {
+      var widgetData = _objectSpread$n(_objectSpread$n({}, params), {}, {
         uuidString: uuidString,
         providers: (config === null || config === void 0 ? void 0 : config.providers) || [],
         notifications: (config === null || config === void 0 ? void 0 : config.notifications) || []
@@ -20414,7 +20414,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
         widgetData: widgetData
       };
       var hasScheduledTasks = ((config === null || config === void 0 ? void 0 : config.scheduledTasks) || []).length > 0;
-      var widgetElement = children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$m(_objectSpread$m(_objectSpread$m({
+      var widgetElement = children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$n(_objectSpread$n(_objectSpread$n({
         id: "widget-nokids-".concat(widgetKey),
         listen: function listen(listeners, handlers) {
           return helpers.listen(listeners, handlers);
@@ -20427,7 +20427,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
         backgroundColor: bgColor,
         widgetConfig: helpers.config(),
         widgetEventNames: helpers.events()
-      }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$m(_objectSpread$m(_objectSpread$m({
+      }), "widget-nokids-".concat(widgetKey)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$n(_objectSpread$n(_objectSpread$n({
         listen: function listen(listeners, handlers) {
           return helpers.listen(listeners, handlers);
         },
@@ -20621,11 +20621,11 @@ var ExternalWidget = function ExternalWidget(_ref) {
 var GRID_CELL_WIDGET_TYPE = "grid-cell-widget";
 var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
 
-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$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 _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
+function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DraggableDroppableCellBody = function DraggableDroppableCellBody(_ref) {
   var cellNumber = _ref.cellNumber,
     gridContainerId = _ref.gridContainerId,
@@ -20812,7 +20812,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
     var _ref5 = _slicedToArray(_ref4, 2),
       id = _ref5[0],
       provider = _ref5[1];
-    return _objectSpread$l({
+    return _objectSpread$m({
       id: id
     }, provider);
   }) : [];
@@ -21187,7 +21187,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
       return selectable["delete"](cn);
     });
     var resolved = new Set();
-    var _iterator = _createForOfIteratorHelper$8(selectable),
+    var _iterator = _createForOfIteratorHelper$9(selectable),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -21812,7 +21812,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
     var widgetSpecificSelections = (workspace === null || workspace === void 0 || (_workspace$selectedPr = workspace.selectedProviders) === null || _workspace$selectedPr === void 0 ? void 0 : _workspace$selectedPr[id]) || {};
 
     // Add provider-related props from workspace
-    var itemWithProviders = _objectSpread$l(_objectSpread$l({}, item), {}, {
+    var itemWithProviders = _objectSpread$m(_objectSpread$m({}, item), {}, {
       selectedProviders: widgetSpecificSelections,
       onProviderSelect: onProviderSelect
     });
@@ -23325,11 +23325,11 @@ function isWidgetResolvable(componentKey) {
 //     isMinOrderForItem
 // }
 
-function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$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$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 _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; }
 /**
  * The model for all layout components used primarily in the renderLayout method
  * @param {Object} layoutItem an object containing various attributes of the layout item
@@ -23341,7 +23341,7 @@ function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.lengt
 function sortObjectByKeys(obj) {
   var sortedKeys = Object.keys(obj).sort();
   var sortedObj = {};
-  var _iterator = _createForOfIteratorHelper$7(sortedKeys),
+  var _iterator = _createForOfIteratorHelper$8(sortedKeys),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -23482,7 +23482,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$k(_objectSpread$k({}, layout.userPrefs), obj.userConfigValues);
+      layout.userPrefs = _objectSpread$l(_objectSpread$l({}, layout.userPrefs), obj.userConfigValues);
     }
 
     // Preserve provider selections for this widget
@@ -24010,8 +24010,8 @@ var MenuItemModel = function MenuItemModel() {
   return m;
 };
 
-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; }
 /**
  * A Model for a Workspace (Dashboard)
  * The Dashboard in this instance is the entire Layout inclusive of the workspaces and widgets
@@ -25275,7 +25275,7 @@ var DashboardModel = /*#__PURE__*/function () {
                   visibleCells.push({
                     row: r,
                     col: c,
-                    data: _objectSpread$j({}, cell),
+                    data: _objectSpread$k({}, 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
                   });
@@ -25297,7 +25297,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$j(_objectSpread$j({}, vc.data), {}, {
+              grid[_key7] = _objectSpread$k(_objectSpread$k({}, vc.data), {}, {
                 hide: false,
                 span: {
                   row: vc.spanRow,
@@ -25372,7 +25372,7 @@ var DashboardModel = /*#__PURE__*/function () {
                   _visibleCells2.push({
                     row: _r1,
                     col: _c10,
-                    data: _objectSpread$j({}, _cell6),
+                    data: _objectSpread$k({}, _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
                   });
@@ -25394,7 +25394,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$j(_objectSpread$j({}, _vc.data), {}, {
+              grid[_key10] = _objectSpread$k(_objectSpread$k({}, _vc.data), {}, {
                 hide: false,
                 span: {
                   row: _vc.spanRow * count,
@@ -26541,8 +26541,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React.Component);
 
-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; }
 
 /**
  * useDashboard Hook
@@ -26598,7 +26598,7 @@ var useDashboard = function useDashboard() {
       }
     });
   }
-  return _objectSpread$i({
+  return _objectSpread$j({
     app: app,
     dashboard: dashboard,
     theme: theme
@@ -26607,9 +26607,9 @@ var useDashboard = function useDashboard() {
   });
 };
 
-function _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0; } }
-function _arrayLikeToArray$6(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
+function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 
 /**
  * useWidgetProviders Hook
@@ -26660,7 +26660,7 @@ var useWidgetProviders = function useWidgetProviders() {
   // 1. Widget-level: stored directly on the layout item by handleSelectProvider
   // 2. Workspace-level: stored as workspace.selectedProviders[widgetId][providerType]
   var providers = {};
-  var _iterator = _createForOfIteratorHelper$6(providerDeclarations),
+  var _iterator = _createForOfIteratorHelper$7(providerDeclarations),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -26713,7 +26713,7 @@ var useWidgetProviders = function useWidgetProviders() {
 var serverStates = new Map();
 // Map<serverName, { status, tools, resources, consumerCount }>
 
-var pendingConnects = new Map();
+var pendingConnects$1 = new Map();
 // Map<serverName, Promise<result>>
 
 /**
@@ -26928,13 +26928,13 @@ var useMcpProvider = function useMcpProvider(providerType) {
           setError(null);
 
           // 2. Another hook instance already connecting? Piggyback on its promise
-          if (!pendingConnects.has(selectedProviderName)) {
+          if (!pendingConnects$1.has(selectedProviderName)) {
             _context.next = 17;
             break;
           }
           _context.prev = 10;
           _context.next = 11;
-          return pendingConnects.get(selectedProviderName);
+          return pendingConnects$1.get(selectedProviderName);
         case 11:
           result = _context.sent;
           if (mountedRef.current) {
@@ -26976,7 +26976,7 @@ var useMcpProvider = function useMcpProvider(providerType) {
           // 3. First caller — fire the IPC call and share the promise
           connectPromise = new Promise(function (resolve, reject) {
             dashApi.mcpStartServer(selectedProviderName, provider.mcpConfig, provider.credentials, function (event, result) {
-              pendingConnects["delete"](selectedProviderName);
+              pendingConnects$1["delete"](selectedProviderName);
               if (result.error) {
                 serverStates.set(selectedProviderName, {
                   status: "error",
@@ -26997,7 +26997,7 @@ var useMcpProvider = function useMcpProvider(providerType) {
               });
               resolve(result);
             }, function (event, err) {
-              pendingConnects["delete"](selectedProviderName);
+              pendingConnects$1["delete"](selectedProviderName);
               serverStates.set(selectedProviderName, {
                 status: "error",
                 tools: [],
@@ -27007,7 +27007,7 @@ var useMcpProvider = function useMcpProvider(providerType) {
               reject(err);
             });
           });
-          pendingConnects.set(selectedProviderName, connectPromise);
+          pendingConnects$1.set(selectedProviderName, connectPromise);
           _context.prev = 18;
           _context.next = 19;
           return connectPromise;
@@ -27093,7 +27093,7 @@ var useMcpProvider = function useMcpProvider(providerType) {
           setResources([]);
           setStatus("disconnected");
           connectedRef.current = false;
-          pendingConnects["delete"](selectedProviderName);
+          pendingConnects$1["delete"](selectedProviderName);
           return _context2.abrupt("return", new Promise(function (resolve) {
             dashApi.mcpStopServer(selectedProviderName, function () {
               return resolve();
@@ -27395,9 +27395,9 @@ var useNotifications = function useNotifications() {
   };
 };
 
-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 _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0; } }
+function _arrayLikeToArray$6(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 
 /**
  * useScheduler Hook
@@ -27470,7 +27470,7 @@ var useScheduler = function useScheduler() {
       if (pending && pending.length > 0) {
         setPendingResults(pending);
         // Call handlers for each pending result
-        var _iterator = _createForOfIteratorHelper$5(pending),
+        var _iterator = _createForOfIteratorHelper$6(pending),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -27535,8 +27535,530 @@ var useScheduler = function useScheduler() {
   };
 };
 
-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; }
+/**
+ * Module-level shared state for WebSocket connections.
+ * Prevents multiple hook instances (e.g., 4 widgets using the same WS provider)
+ * from each firing their own IPC connect call.
+ *
+ * connectionStates: tracks connection status + consumer reference count per provider
+ * pendingConnects: deduplicates in-flight IPC calls so only 1 fires per provider
+ */
+var connectionStates = new Map();
+// Map<providerName, { status, consumerCount }>
+
+var pendingConnects = new Map();
+// Map<providerName, Promise<result>>
+
+var STATUS = {
+  DISCONNECTED: "disconnected",
+  CONNECTING: "connecting",
+  CONNECTED: "connected",
+  ERROR: "error"
+};
+
+/**
+ * useWebSocketProvider Hook
+ *
+ * Provides access to a WebSocket connection for a widget.
+ * Handles connection lifecycle, shared-connection ref counting,
+ * message buffering, and bidirectional communication.
+ *
+ * Mirrors useMcpProvider.js patterns exactly:
+ * - Module-level Maps (not component state) for connection sharing
+ * - consumerCount determines socket lifecycle
+ * - pendingConnects prevents duplicate connect calls during mount storms
+ *
+ * @param {string} providerType - The WebSocket provider type (e.g., "crypto-ws")
+ * @param {Object} options - Optional configuration
+ * @param {boolean} options.autoConnect - Whether to auto-connect on mount (default: true)
+ * @param {number} options.maxMessages - Max messages in buffer (default: 100)
+ *
+ * @returns {Object} WebSocket provider interface
+ */
+var useWebSocketProvider = function useWebSocketProvider(providerType) {
+  var _app$providers;
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$autoConnect = options.autoConnect,
+    autoConnect = _options$autoConnect === void 0 ? true : _options$autoConnect,
+    _options$maxMessages = options.maxMessages,
+    maxMessages = _options$maxMessages === void 0 ? 100 : _options$maxMessages;
+  var app = React.useContext(AppContext);
+  var workspace = React.useContext(WorkspaceContext);
+  var widgetContext = React.useContext(WidgetContext);
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isConnected = _useState2[0],
+    setIsConnected = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isConnecting = _useState4[0],
+    setIsConnecting = _useState4[1];
+  var _useState5 = React.useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+  var _useState7 = React.useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    lastMessage = _useState8[0],
+    setLastMessage = _useState8[1];
+  var _useState9 = React.useState([]),
+    _useState0 = _slicedToArray(_useState9, 2),
+    messages = _useState0[0],
+    setMessages = _useState0[1];
+  var _useState1 = React.useState(STATUS.DISCONNECTED),
+    _useState10 = _slicedToArray(_useState1, 2),
+    status = _useState10[0],
+    setStatus = _useState10[1];
+  var connectedRef = React.useRef(false);
+  var mountedRef = React.useRef(true);
+  var messagesRef = React.useRef([]);
+  var maxMessagesRef = React.useRef(maxMessages);
+  maxMessagesRef.current = maxMessages;
+  var dashApi = app === null || app === void 0 ? void 0 : app.dashApi;
+
+  // Get the widget data
+  var widgetData = widgetContext === null || widgetContext === void 0 ? void 0 : widgetContext.widgetData;
+
+  // Get the selected WebSocket provider for this widget
+  // Same two-layer lookup as useMcpProvider:
+  // 1. Widget-level: stored directly on the layout item
+  // 2. Workspace-level: stored as workspace.selectedProviders[widgetId][providerType]
+  var widgetId = widgetData === null || widgetData === void 0 ? void 0 : widgetData.uuidString;
+  var selectedProviderName = function (_widgetData$selectedP, _workspace$workspaceD) {
+    if (widgetData !== null && widgetData !== void 0 && (_widgetData$selectedP = widgetData.selectedProviders) !== null && _widgetData$selectedP !== void 0 && _widgetData$selectedP[providerType]) {
+      return widgetData.selectedProviders[providerType];
+    }
+    if (widgetId && workspace !== null && workspace !== void 0 && (_workspace$workspaceD = workspace.workspaceData) !== null && _workspace$workspaceD !== void 0 && (_workspace$workspaceD = _workspace$workspaceD.selectedProviders) !== null && _workspace$workspaceD !== void 0 && (_workspace$workspaceD = _workspace$workspaceD[widgetId]) !== null && _workspace$workspaceD !== void 0 && _workspace$workspaceD[providerType]) {
+      return workspace.workspaceData.selectedProviders[widgetId][providerType];
+    }
+    return null;
+  }();
+
+  // Get the provider data (including credentials)
+  // Read from AppContext.providers (not DashboardContext)
+  var provider = selectedProviderName ? app === null || app === void 0 || (_app$providers = app.providers) === null || _app$providers === void 0 ? void 0 : _app$providers[selectedProviderName] : null;
+
+  /**
+   * Apply connection result to this hook instance's local state.
+   */
+  var applyConnected = React.useCallback(function () {
+    if (!mountedRef.current) return;
+    setIsConnected(true);
+    setIsConnecting(false);
+    setStatus(STATUS.CONNECTED);
+    connectedRef.current = true;
+  }, []);
+
+  /**
+   * Connect to the WebSocket server.
+   * Uses module-level deduplication so only one IPC call fires per provider,
+   * even when multiple hook instances call connect() simultaneously.
+   */
+  var connect = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _provider$wsConfig;
+    var cached, statusResult, result, state, connectPromise, _result2, _t3, _t4;
+    return _regeneratorRuntime.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (!connectedRef.current) {
+            _context2.next = 1;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 1:
+          if (!(!(dashApi !== null && dashApi !== void 0 && dashApi.webSocket) || !provider)) {
+            _context2.next = 2;
+            break;
+          }
+          setError(!provider ? "No ".concat(providerType, " WebSocket provider selected for this widget") : "Dashboard API not available");
+          return _context2.abrupt("return");
+        case 2:
+          if (!(provider.providerClass !== "websocket")) {
+            _context2.next = 3;
+            break;
+          }
+          setError("Provider \"".concat(selectedProviderName, "\" is not a WebSocket provider"));
+          return _context2.abrupt("return");
+        case 3:
+          if ((_provider$wsConfig = provider.wsConfig) !== null && _provider$wsConfig !== void 0 && _provider$wsConfig.url) {
+            _context2.next = 4;
+            break;
+          }
+          setError("Provider \"".concat(selectedProviderName, "\" has no WebSocket URL configured"));
+          return _context2.abrupt("return");
+        case 4:
+          // 1. Already connected at module level? Verify with main process.
+          cached = connectionStates.get(selectedProviderName);
+          if (!(cached && cached.status === STATUS.CONNECTED)) {
+            _context2.next = 9;
+            break;
+          }
+          _context2.prev = 5;
+          _context2.next = 6;
+          return dashApi.webSocket.getStatus(selectedProviderName);
+        case 6:
+          statusResult = _context2.sent;
+          if (!((statusResult === null || statusResult === void 0 ? void 0 : statusResult.status) === "connected")) {
+            _context2.next = 7;
+            break;
+          }
+          cached.consumerCount++;
+          applyConnected();
+          return _context2.abrupt("return");
+        case 7:
+          // Server was stopped externally — clear stale cache and reconnect
+          connectionStates["delete"](selectedProviderName);
+          _context2.next = 9;
+          break;
+        case 8:
+          _context2.prev = 8;
+          _context2["catch"](5);
+          connectionStates["delete"](selectedProviderName);
+        case 9:
+          setIsConnecting(true);
+          setError(null);
+          setStatus(STATUS.CONNECTING);
+
+          // 2. Another hook instance already connecting? Piggyback on its promise
+          if (!pendingConnects.has(selectedProviderName)) {
+            _context2.next = 17;
+            break;
+          }
+          _context2.prev = 10;
+          _context2.next = 11;
+          return pendingConnects.get(selectedProviderName);
+        case 11:
+          result = _context2.sent;
+          if (mountedRef.current) {
+            _context2.next = 12;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 12:
+          if (!result.error) {
+            _context2.next = 13;
+            break;
+          }
+          setError(result.message);
+          setIsConnecting(false);
+          setStatus(STATUS.ERROR);
+          return _context2.abrupt("return");
+        case 13:
+          state = connectionStates.get(selectedProviderName);
+          if (state) state.consumerCount++;
+          applyConnected();
+          _context2.next = 16;
+          break;
+        case 14:
+          _context2.prev = 14;
+          _t3 = _context2["catch"](10);
+          if (mountedRef.current) {
+            _context2.next = 15;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 15:
+          setError((_t3 === null || _t3 === void 0 ? void 0 : _t3.message) || "Failed to connect to WebSocket server");
+          setIsConnecting(false);
+          setStatus(STATUS.ERROR);
+        case 16:
+          return _context2.abrupt("return");
+        case 17:
+          // 3. First caller — fire the IPC call and share the promise
+          connectPromise = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+            var _result, _t;
+            return _regeneratorRuntime.wrap(function (_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.prev = 0;
+                  _context.next = 1;
+                  return dashApi.webSocket.connect(selectedProviderName, {
+                    url: provider.wsConfig.url,
+                    headers: provider.wsConfig.headers || null,
+                    subprotocols: provider.wsConfig.subprotocols || null,
+                    credentials: provider.credentials || null
+                  });
+                case 1:
+                  _result = _context.sent;
+                  pendingConnects["delete"](selectedProviderName);
+                  if (!_result.error) {
+                    _context.next = 2;
+                    break;
+                  }
+                  connectionStates.set(selectedProviderName, {
+                    status: STATUS.ERROR,
+                    consumerCount: 0
+                  });
+                  return _context.abrupt("return", _result);
+                case 2:
+                  connectionStates.set(selectedProviderName, {
+                    status: STATUS.CONNECTED,
+                    consumerCount: 1
+                  });
+                  return _context.abrupt("return", _result);
+                case 3:
+                  _context.prev = 3;
+                  _t = _context["catch"](0);
+                  pendingConnects["delete"](selectedProviderName);
+                  connectionStates.set(selectedProviderName, {
+                    status: STATUS.ERROR,
+                    consumerCount: 0
+                  });
+                  throw _t;
+                case 4:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee, null, [[0, 3]]);
+          }))();
+          pendingConnects.set(selectedProviderName, connectPromise);
+          _context2.prev = 18;
+          _context2.next = 19;
+          return connectPromise;
+        case 19:
+          _result2 = _context2.sent;
+          if (mountedRef.current) {
+            _context2.next = 20;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 20:
+          if (!_result2.error) {
+            _context2.next = 21;
+            break;
+          }
+          setError(_result2.message);
+          setIsConnecting(false);
+          setStatus(STATUS.ERROR);
+          return _context2.abrupt("return");
+        case 21:
+          applyConnected();
+          _context2.next = 24;
+          break;
+        case 22:
+          _context2.prev = 22;
+          _t4 = _context2["catch"](18);
+          if (mountedRef.current) {
+            _context2.next = 23;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 23:
+          setError((_t4 === null || _t4 === void 0 ? void 0 : _t4.message) || "Failed to connect to WebSocket server");
+          setIsConnecting(false);
+          setStatus(STATUS.ERROR);
+        case 24:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[5, 8], [10, 14], [18, 22]]);
+  })), [dashApi, provider, providerType, selectedProviderName, applyConnected]);
+
+  /**
+   * Disconnect from the WebSocket server.
+   * Only sends the IPC disconnect call when this is the last consumer.
+   */
+  var disconnect = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var state;
+    return _regeneratorRuntime.wrap(function (_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (!(!(dashApi !== null && dashApi !== void 0 && dashApi.webSocket) || !selectedProviderName)) {
+            _context3.next = 1;
+            break;
+          }
+          return _context3.abrupt("return");
+        case 1:
+          state = connectionStates.get(selectedProviderName);
+          if (!state) {
+            _context3.next = 3;
+            break;
+          }
+          state.consumerCount = Math.max(0, state.consumerCount - 1);
+          if (!(state.consumerCount > 0)) {
+            _context3.next = 2;
+            break;
+          }
+          // Other widgets still using this connection — just update local state
+          setIsConnected(false);
+          setLastMessage(null);
+          setMessages([]);
+          messagesRef.current = [];
+          setStatus(STATUS.DISCONNECTED);
+          connectedRef.current = false;
+          return _context3.abrupt("return");
+        case 2:
+          // Last consumer — actually disconnect
+          connectionStates["delete"](selectedProviderName);
+        case 3:
+          // Clear state synchronously before the IPC call
+          setIsConnected(false);
+          setLastMessage(null);
+          setMessages([]);
+          messagesRef.current = [];
+          setStatus(STATUS.DISCONNECTED);
+          connectedRef.current = false;
+          pendingConnects["delete"](selectedProviderName);
+          _context3.prev = 4;
+          _context3.next = 5;
+          return dashApi.webSocket.disconnect(selectedProviderName);
+        case 5:
+          _context3.next = 7;
+          break;
+        case 6:
+          _context3.prev = 6;
+          _context3["catch"](4);
+        case 7:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3, null, [[4, 6]]);
+  })), [dashApi, selectedProviderName]);
+
+  /**
+   * Send data through the WebSocket connection
+   */
+  var send = React.useCallback(/*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(data) {
+      var result;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (!(!(dashApi !== null && dashApi !== void 0 && dashApi.webSocket) || !selectedProviderName)) {
+              _context4.next = 1;
+              break;
+            }
+            throw new Error("WebSocket not connected");
+          case 1:
+            _context4.next = 2;
+            return dashApi.webSocket.send(selectedProviderName, data);
+          case 2:
+            result = _context4.sent;
+            if (!result.error) {
+              _context4.next = 3;
+              break;
+            }
+            throw new Error(result.message);
+          case 3:
+            return _context4.abrupt("return", result);
+          case 4:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function (_x) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), [dashApi, selectedProviderName]);
+
+  // Keep a ref to connect so the auto-connect effect doesn't depend on it
+  var connectRef = React.useRef(connect);
+  connectRef.current = connect;
+
+  // Listen for incoming messages from main process
+  React.useEffect(function () {
+    if (!(dashApi !== null && dashApi !== void 0 && dashApi.webSocket) || !selectedProviderName) return;
+    var handleMessage = function handleMessage(_event, payload) {
+      if (payload.provider !== selectedProviderName) return;
+      if (!mountedRef.current) return;
+      var msg = payload.data;
+
+      // Update circular buffer
+      var next = [].concat(_toConsumableArray(messagesRef.current), [msg]);
+      if (next.length > maxMessagesRef.current) {
+        next.splice(0, next.length - maxMessagesRef.current);
+      }
+      messagesRef.current = next;
+      setMessages(next);
+      setLastMessage(msg);
+    };
+    dashApi.webSocket.onMessage(handleMessage);
+    return function () {
+      return dashApi.webSocket.offMessage(handleMessage);
+    };
+  }, [dashApi, selectedProviderName]);
+
+  // Listen for status changes from main process
+  React.useEffect(function () {
+    if (!(dashApi !== null && dashApi !== void 0 && dashApi.webSocket) || !selectedProviderName) return;
+    var handleStatusChange = function handleStatusChange(_event, payload) {
+      if (payload.provider !== selectedProviderName) return;
+      if (!mountedRef.current) return;
+      var newStatus = payload.status;
+      setStatus(newStatus);
+      if (newStatus === STATUS.CONNECTED) {
+        setIsConnected(true);
+        setIsConnecting(false);
+        setError(null);
+        connectedRef.current = true;
+      } else if (newStatus === STATUS.DISCONNECTED) {
+        setIsConnected(false);
+        setIsConnecting(false);
+        connectedRef.current = false;
+      } else if (newStatus === STATUS.ERROR) {
+        setIsConnected(false);
+        setIsConnecting(false);
+        setError(payload.error || "WebSocket error");
+        connectedRef.current = false;
+      } else if (newStatus === STATUS.CONNECTING) {
+        setIsConnecting(true);
+      }
+    };
+    dashApi.webSocket.onStatusChange(handleStatusChange);
+    return function () {
+      return dashApi.webSocket.offStatusChange(handleStatusChange);
+    };
+  }, [dashApi, selectedProviderName]);
+
+  // Auto-connect on mount or when provider selection changes
+  React.useEffect(function () {
+    if (autoConnect && selectedProviderName && !connectedRef.current) {
+      connectRef.current();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [autoConnect, selectedProviderName]);
+
+  // Track mounted state and cleanup on unmount
+  React.useEffect(function () {
+    mountedRef.current = true;
+    return function () {
+      mountedRef.current = false;
+
+      // Decrement consumer count; only disconnect if last consumer
+      if (connectedRef.current && dashApi !== null && dashApi !== void 0 && dashApi.webSocket && selectedProviderName) {
+        var state = connectionStates.get(selectedProviderName);
+        if (state) {
+          state.consumerCount = Math.max(0, state.consumerCount - 1);
+          if (state.consumerCount > 0) {
+            // Other widgets still using this connection — don't disconnect
+            return;
+          }
+
+          // Last consumer — disconnect
+          connectionStates["delete"](selectedProviderName);
+        }
+        dashApi.webSocket.disconnect(selectedProviderName)["catch"](function () {});
+      }
+    };
+  }, [dashApi, selectedProviderName]);
+  return {
+    isConnected: isConnected,
+    isConnecting: isConnecting,
+    error: error,
+    lastMessage: lastMessage,
+    messages: messages,
+    send: send,
+    connect: connect,
+    disconnect: disconnect,
+    status: status,
+    provider: provider,
+    serverName: selectedProviderName
+  };
+};
+
+function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
   var theme = _ref.theme,
     themeVariant = _ref.themeVariant,
@@ -27585,13 +28107,13 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
       className: "flex flex-col space-y-4 p-4",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-row bg-gray-900 p-4 space-x-4 rounded justify-between",
-        children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$h(_objectSpread$h({}, styles), {}, {
+        children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$i(_objectSpread$i({}, styles), {}, {
           scrollable: false,
           className: "rounded",
           children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel"
-          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Body, _objectSpread$h(_objectSpread$h({}, styles), {}, {
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel.Body, _objectSpread$i(_objectSpread$i({}, styles), {}, {
             onClick: function onClick() {
               handleClickItem(DashReact.themeObjects.PANEL, styles);
             }
@@ -27599,14 +28121,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             className: "text-xs uppercase font-light",
             children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL)
           })]
-        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$i(_objectSpread$i({
           className: "rounded"
         }, styles2), {}, {
           scrollable: false,
           children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel 2"
-          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Body, _objectSpread$h(_objectSpread$h({}, styles2), {}, {
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel2.Body, _objectSpread$i(_objectSpread$i({}, styles2), {}, {
             onClick: function onClick() {
               handleClickItem(DashReact.themeObjects.PANEL_2, styles2);
             }
@@ -27614,14 +28136,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             className: "text-xs uppercase font-light",
             children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL_2)
           })]
-        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$i(_objectSpread$i({
           className: "rounded"
         }, styles3), {}, {
           scrollable: false,
           children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Header, {
             className: "text-xs uppercase font-bold",
             children: "Panel 3"
-          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Body, _objectSpread$h(_objectSpread$h({}, styles3), {}, {
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel3.Body, _objectSpread$i(_objectSpread$i({}, styles3), {}, {
             onClick: function onClick() {
               handleClickItem(DashReact.themeObjects.PANEL_3, styles3);
             }
@@ -27630,68 +28152,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             children: DashReact.getCSSStyleForClassname("backgroundColor", DashReact.themeObjects.PANEL_3)
           })]
         }))]
-      }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$h(_objectSpread$h({
+      }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel, _objectSpread$i(_objectSpread$i({
         className: "p-6 rounded border-4 space-y-4",
         scrollable: false,
         height: "h-fit"
       }, styles), {}, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$h(_objectSpread$h({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$i(_objectSpread$i({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$i(_objectSpread$i({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$i(_objectSpread$i({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$i(_objectSpread$i({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$i(_objectSpread$i({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$i(_objectSpread$i({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$i(_objectSpread$i({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraphStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$i(_objectSpread$i({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$i(_objectSpread$i({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -27700,19 +28222,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$h(_objectSpread$h({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$i(_objectSpread$i({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$h(_objectSpread$h({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$i(_objectSpread$i({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$h(_objectSpread$h({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$i(_objectSpread$i({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -27723,14 +28245,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           className: "flex flex-row space-x-4 w-full h-fit",
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -27739,14 +28261,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -27755,14 +28277,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -27772,17 +28294,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$h(_objectSpread$h({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$i(_objectSpread$i({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$h(_objectSpread$h({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$i(_objectSpread$i({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$h(_objectSpread$h({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$i(_objectSpread$i({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -27790,21 +28312,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$h(_objectSpread$h({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$i(_objectSpread$i({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$h(_objectSpread$h({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$i(_objectSpread$i({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$h(_objectSpread$h({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$i(_objectSpread$i({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -27813,67 +28335,67 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$h(_objectSpread$h({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$i(_objectSpread$i({
         className: "p-6 rounded border-4 space-y-4",
         height: "h-fit"
       }, styles2), {}, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$h(_objectSpread$h({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$i(_objectSpread$i({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$i(_objectSpread$i({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$i(_objectSpread$i({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$i(_objectSpread$i({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$i(_objectSpread$i({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$i(_objectSpread$i({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$i(_objectSpread$i({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraphStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$i(_objectSpread$i({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$i(_objectSpread$i({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -27882,19 +28404,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$h(_objectSpread$h({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$i(_objectSpread$i({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$h(_objectSpread$h({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$i(_objectSpread$i({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$h(_objectSpread$h({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$i(_objectSpread$i({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -27905,14 +28427,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           className: "flex flex-row space-x-4 w-full",
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -27921,14 +28443,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -27937,14 +28459,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -27954,17 +28476,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$h(_objectSpread$h({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$i(_objectSpread$i({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$h(_objectSpread$h({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$i(_objectSpread$i({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$h(_objectSpread$h({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$i(_objectSpread$i({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -27972,21 +28494,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$h(_objectSpread$h({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$i(_objectSpread$i({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$h(_objectSpread$h({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$i(_objectSpread$i({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$h(_objectSpread$h({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$i(_objectSpread$i({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -27995,68 +28517,68 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$h(_objectSpread$h({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$i(_objectSpread$i({
         className: "p-6 rounded border-4 space-y-4"
       }, styles3), {}, {
         padding: false,
         height: "h-fit",
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$h(_objectSpread$h({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading, _objectSpread$i(_objectSpread$i({
           title: "Heading"
         }, headingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING, headingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$i(_objectSpread$i({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$i(_objectSpread$i({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading, _objectSpread$i(_objectSpread$i({
           title: "Subheading"
         }, subHeadingStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING, subHeadingStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$i(_objectSpread$i({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$i(_objectSpread$i({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph, _objectSpread$i(_objectSpread$i({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraphStyles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraphStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$i(_objectSpread$i({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$i(_objectSpread$i({
           text: "The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
@@ -28065,19 +28587,19 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }
         })), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$h(_objectSpread$h({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, _objectSpread$i(_objectSpread$i({
             title: "Button"
           }, buttonStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON, buttonStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$h(_objectSpread$h({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$i(_objectSpread$i({
             title: "Button 2"
           }, button2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$h(_objectSpread$h({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$i(_objectSpread$i({
             title: "Button 3"
           }, button3Styles), {}, {
             onClick: function onClick() {
@@ -28088,14 +28610,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           className: "flex flex-row space-x-4 w-full",
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               text: "Button Icon",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON, buttonIconStyles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -28104,14 +28626,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               text: "Button Icon 2",
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               icon: "pencil"
             }, buttonIconStyles), {}, {
               onClick: function onClick() {
@@ -28120,14 +28642,14 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }))]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex flex-row space-x-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               text: "Button Icon 3",
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
                 return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
               }
-            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$h(_objectSpread$h({
+            })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, _objectSpread$i(_objectSpread$i({
               icon: "pencil"
             }, buttonIcon3Styles), {}, {
               onClick: function onClick() {
@@ -28137,17 +28659,17 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-col space-y-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$h(_objectSpread$h({}, menuItemStyles), {}, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem, _objectSpread$i(_objectSpread$i({}, menuItemStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM, menuItemStyles);
             },
             children: "Menu Item"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$h(_objectSpread$h({}, menuItem2Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$i(_objectSpread$i({}, menuItem2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
             },
             children: "Menu Item 2"
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$h(_objectSpread$h({}, menuItem3Styles), {}, {
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$i(_objectSpread$i({}, menuItem3Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
             },
@@ -28155,21 +28677,21 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
           }))]
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex flex-row space-x-2 w-full",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$h(_objectSpread$h({
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, _objectSpread$i(_objectSpread$i({
             text: "Tag",
             icon: "pencil"
           }, tagStyles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG, tagStyles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$h(_objectSpread$h({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$i(_objectSpread$i({
             text: "Tag 2",
             icon: "pencil"
           }, tag2Styles), {}, {
             onClick: function onClick() {
               return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
             }
-          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$h(_objectSpread$h({
+          })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$i(_objectSpread$i({
             text: "Tag 3",
             icon: "pencil"
           }, tag3Styles), {}, {
@@ -28178,57 +28700,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             }
           }))]
         })]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$h(_objectSpread$h({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel2, _objectSpread$i(_objectSpread$i({
         className: "p-6 rounded border-4 space-y-4"
       }, styles2), {}, {
         height: "h-fit",
         padding: false,
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$h(_objectSpread$h({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading2, _objectSpread$i(_objectSpread$i({
           title: "Heading 2"
         }, heading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_2, heading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, _objectSpread$i(_objectSpread$i({
           title: "Subheading 2"
         }, subHeading2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_2, subHeading2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, _objectSpread$i(_objectSpread$i({
           text: "Paragraph 2 - The quick brown fox jumps over the lazy dog."
         }, paragraph2Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH_2, paragraph2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, _objectSpread$i(_objectSpread$i({
           title: "Button"
         }, button2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_2, button2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$i(_objectSpread$i({
           text: "Button Icon",
           icon: "pencil"
         }, buttonIcon2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIcon2Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, _objectSpread$i(_objectSpread$i({
           icon: "pencil"
         }, buttonIcon2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_2, buttonIconStyles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$h(_objectSpread$h({}, menuItem2Styles), {}, {
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem2, _objectSpread$i(_objectSpread$i({}, menuItem2Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.MENU_ITEM_2, menuItem2Styles);
           },
           children: "Menu Item"
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag2, _objectSpread$i(_objectSpread$i({
           text: "Tag 2",
           icon: "pencil"
         }, tag2Styles), {}, {
@@ -28236,57 +28758,57 @@ var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
             return handleClickItem(DashReact.themeObjects.TAG_2, tag2Styles);
           }
         }))]
-      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$h(_objectSpread$h({
+      })), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Panel3, _objectSpread$i(_objectSpread$i({
         className: "p-6 rounded border-4 space-y-4"
       }, styles3), {}, {
         height: "h-fit",
         padding: false,
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$h(_objectSpread$h({
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Heading3, _objectSpread$i(_objectSpread$i({
           title: "Heading 3"
         }, heading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.HEADING_3, heading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, _objectSpread$i(_objectSpread$i({
           title: "Subheading"
         }, subHeading3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.SUBHEADING_3, subHeading3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph3, _objectSpread$i(_objectSpread$i({
           text: "Paragraph 3 - The quick brown fox jumps over the lazy dog."
         }, paragraph3Styles), {}, {
           padding: false,
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.PARAGRAPH_3, paragraph3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, _objectSpread$i(_objectSpread$i({
           title: "Button"
         }, button3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_3, button3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$i(_objectSpread$i({
           text: "Button Icon 3",
           icon: "pencil"
         }, buttonIcon3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon3, _objectSpread$i(_objectSpread$i({
           icon: "pencil"
         }, buttonIcon3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.BUTTON_ICON_3, buttonIcon3Styles);
           }
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$h(_objectSpread$h({}, menuItem3Styles), {}, {
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.MenuItem3, _objectSpread$i(_objectSpread$i({}, menuItem3Styles), {}, {
           onClick: function onClick() {
             return handleClickItem(DashReact.themeObjects.MENU_ITEM_3, menuItem3Styles);
           },
           children: "Menu Item"
-        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, _objectSpread$i(_objectSpread$i({
           text: "Tag",
           icon: "pencil"
         }, tag3Styles), {}, {
@@ -28335,8 +28857,8 @@ var ThemePane = function ThemePane(_ref) {
 };
 
 var _excluded$2 = ["colorFromTheme", "colorName", "shade", "variant", "colorType", "colorLevelName", "selected", "onClick", "onMouseOver", "width", "height"];
-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; }
 var ColorTile = function ColorTile(_ref) {
   var _ref$colorFromTheme = _ref.colorFromTheme,
     colorFromTheme = _ref$colorFromTheme === void 0 ? null : _ref$colorFromTheme,
@@ -28361,7 +28883,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$g({
+  var c = ColorModel(_objectSpread$h({
     colorFromTheme: colorFromTheme,
     colorName: colorName,
     colorType: colorType,
@@ -28389,10 +28911,10 @@ var ColorTile = function ColorTile(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "flex flex-col rounded-lg cursor-pointer items-center justify-center border-2 text-xs ".concat(selected === true ? "border-yellow-500" : "border-gray-800", " hover:border-yellow-500 border-gray-800 ").concat(c["class"], " ").concat(width, " ").concat(height),
     onClick: function onClick() {
-      return _onClick !== null ? _onClick(_objectSpread$g(_objectSpread$g({}, c), rest)) : null;
+      return _onClick !== null ? _onClick(_objectSpread$h(_objectSpread$h({}, c), rest)) : null;
     },
     onMouseOver: function onMouseOver() {
-      return _onMouseOver !== null ? _onMouseOver(_objectSpread$g(_objectSpread$g({}, c), rest)) : null;
+      return _onMouseOver !== null ? _onMouseOver(_objectSpread$h(_objectSpread$h({}, c), rest)) : null;
     },
     children: "\xA0"
   });
@@ -29575,8 +30097,8 @@ if (process.env.NODE_ENV !== 'production') {
 var propTypesExports = propTypes.exports;
 var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
-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; }
 
 // Host-injected module references (e.g., "@trops/dash-core").
 // Set by the host app via setHostModules() after all modules are fully loaded,
@@ -29612,7 +30134,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$f(_objectSpread$f({}, BASE_MODULE_MAP), _hostModules);
+  var moduleMap = _objectSpread$g(_objectSpread$g({}, BASE_MODULE_MAP), _hostModules);
   var module = {
     exports: {}
   };
@@ -29625,7 +30147,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$f(_objectSpread$f(_objectSpread$f({}, mod["default"]), mod), {}, {
+        return _objectSpread$g(_objectSpread$g(_objectSpread$g({}, mod["default"]), mod), {}, {
           "default": mod["default"]
         });
       }
@@ -29724,9 +30246,9 @@ var resolveIcon = function resolveIcon(iconName) {
   return FALLBACK;
 };
 
-function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
-function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _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; }
 /**
  * Validation utilities for grid-first dashboard architecture
  *
@@ -29965,7 +30487,7 @@ var validateCellMerge = function validateCellMerge(cellNumbers, grid) {
 
     // Validate each cell
     var cells = [];
-    var _iterator = _createForOfIteratorHelper$4(cellNumbers),
+    var _iterator = _createForOfIteratorHelper$5(cellNumbers),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -30313,8 +30835,8 @@ var HARMONY_STRATEGIES = [{
   label: "Custom"
 }];
 
-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 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,
@@ -30331,7 +30853,7 @@ var PreviewColorsPane = function PreviewColorsPane(_ref) {
   function handleClickItem(data, styleNameCss, itemType, objectType) {
     // override the object type
     data["objectType"] = objectType;
-    onClickItem(_objectSpread$e(_objectSpread$e({}, data), {}, {
+    onClickItem(_objectSpread$f(_objectSpread$f({}, data), {}, {
       itemType: itemType,
       styleName: styleNameCss
     }));
@@ -30741,8 +31263,8 @@ var ThemeMenuPane = function ThemeMenuPane(_ref) {
   });
 };
 
-function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 COMPONENT_GROUPS$1 = {
   Typography: [DashReact.themeObjects.HEADING, DashReact.themeObjects.HEADING_2, DashReact.themeObjects.HEADING_3, DashReact.themeObjects.SUBHEADING, DashReact.themeObjects.SUBHEADING_2, DashReact.themeObjects.SUBHEADING_3, DashReact.themeObjects.PARAGRAPH, DashReact.themeObjects.PARAGRAPH_2, DashReact.themeObjects.PARAGRAPH_3],
   Buttons: [DashReact.themeObjects.BUTTON, DashReact.themeObjects.BUTTON_2, DashReact.themeObjects.BUTTON_3, DashReact.themeObjects.BUTTON_ICON, DashReact.themeObjects.BUTTON_ICON_2, DashReact.themeObjects.BUTTON_ICON_3],
@@ -30773,7 +31295,7 @@ var ComponentSelectorPane = function ComponentSelectorPane(_ref) {
     setCollapsedGroups = _useState2[1];
   function toggleGroup(groupName) {
     setCollapsedGroups(function (prev) {
-      return _objectSpread$d(_objectSpread$d({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
+      return _objectSpread$e(_objectSpread$e({}, prev), {}, _defineProperty({}, groupName, !prev[groupName]));
     });
   }
   function hasOverrides(itemKey) {
@@ -31010,8 +31532,8 @@ var NonColorPickerPane = function NonColorPickerPane(_ref) {
 };
 
 var _excluded$1 = ["children"];
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var 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);
@@ -31571,7 +32093,7 @@ var PanelTheme = function PanelTheme(_ref) {
     if (itemSelected && themeSelected && themeVariant) {
       var updatedStyles = DashReact.getStylesForItem(itemSelected.item, themeSelected[themeVariant]);
       setItemSelected(function (prev) {
-        return _objectSpread$c(_objectSpread$c({}, prev), {}, {
+        return _objectSpread$d(_objectSpread$d({}, prev), {}, {
           styles: updatedStyles
         });
       });
@@ -31742,7 +32264,7 @@ var PanelTheme = function PanelTheme(_ref) {
               styles: clickStyles
             });
           },
-          children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$c(_objectSpread$c({}, panelStyles), {}, {
+          children: /*#__PURE__*/jsxRuntime.jsx(PanelComponent, _objectSpread$d(_objectSpread$d({}, panelStyles), {}, {
             scrollable: false,
             className: "rounded",
             height: "",
@@ -31756,9 +32278,9 @@ var PanelTheme = function PanelTheme(_ref) {
                   var _comp$props = comp.props,
                     childContent = _comp$props.children,
                     restProps = _objectWithoutProperties(_comp$props, _excluded$1);
-                  var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$c(_objectSpread$c({}, restProps), {}, {
+                  var renderedComponent = childContent !== undefined ? /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$d(_objectSpread$d({}, restProps), {}, {
                     children: childContent
-                  })) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$c({}, restProps));
+                  })) : /*#__PURE__*/jsxRuntime.jsx(comp.Component, _objectSpread$d({}, restProps));
                   return renderComponentRow(comp.key, renderedComponent);
                 })
               })
@@ -31774,7 +32296,7 @@ var PanelTheme = function PanelTheme(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
         children: "Forms & Inputs"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$c(_objectSpread$c({}, DashReact.getStylesForItem("panel", themeData)), {}, {
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$d(_objectSpread$d({}, DashReact.getStylesForItem("panel", themeData)), {}, {
         scrollable: false,
         className: "rounded",
         height: "",
@@ -31802,7 +32324,7 @@ var PanelTheme = function PanelTheme(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: "text-xs uppercase font-bold text-gray-500 tracking-wider",
         children: "Data & Stats"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$c(_objectSpread$c({}, DashReact.getStylesForItem("panel", themeData)), {}, {
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Panel, _objectSpread$d(_objectSpread$d({}, DashReact.getStylesForItem("panel", themeData)), {}, {
         scrollable: false,
         className: "rounded",
         height: "",
@@ -31907,7 +32429,7 @@ var PanelTheme = function PanelTheme(_ref) {
               }), themeSelected && /*#__PURE__*/jsxRuntime.jsx("div", {
                 className: "flex flex-col flex-1 min-w-0",
                 children: /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeContext.Provider, {
-                  value: _objectSpread$c(_objectSpread$c({}, themeContextValue), {}, {
+                  value: _objectSpread$d(_objectSpread$d({}, themeContextValue), {}, {
                     currentTheme: (themeSelected === null || themeSelected === void 0 ? void 0 : themeSelected[themeVariant]) || themeContextValue.currentTheme
                   }),
                   children: showPreview ? /*#__PURE__*/jsxRuntime.jsx(PreviewComponentsPane, {
@@ -33252,8 +33774,8 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
   });
 };
 
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 ThemeManagerModal = function ThemeManagerModal(_ref) {
   var open = _ref.open,
     setIsOpen = _ref.setIsOpen;
@@ -33446,7 +33968,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
   }
   function handleUrlThemeGenerated(theme) {
     var key = theme.id || "theme-".concat(Date.now());
-    var finalTheme = _objectSpread$b(_objectSpread$b({}, theme), {}, {
+    var finalTheme = _objectSpread$c(_objectSpread$c({}, theme), {}, {
       id: key
     });
     if (dashApi) {
@@ -33465,7 +33987,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
   function handleWizardComplete() {
     if (!wizardTheme || !wizardName.trim()) return;
     var key = wizardTheme.id || "theme-".concat(Date.now());
-    var finalTheme = _objectSpread$b(_objectSpread$b({}, wizardTheme), {}, {
+    var finalTheme = _objectSpread$c(_objectSpread$c({}, wizardTheme), {}, {
       id: key,
       name: wizardName.trim()
     });
@@ -34416,8 +34938,8 @@ var PublishDashboardModal = function PublishDashboardModal(_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 LayoutPreview = function LayoutPreview(_ref) {
   var layout = _ref.layout;
   var gridRoot = (layout || []).find(function (item) {
@@ -34599,7 +35121,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$a({}, layoutItem);
+      var cleaned = _objectSpread$b({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -34614,7 +35136,7 @@ var DashboardDetail = function DashboardDetail(_ref2) {
     var updated = DashReact.deepCopy(ws);
     updated.themeKey = val || null;
     updated.layout = (updated.layout || []).map(function (layoutItem) {
-      var cleaned = _objectSpread$a({}, layoutItem);
+      var cleaned = _objectSpread$b({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -34767,8 +35289,8 @@ var DashboardDetail = function DashboardDetail(_ref2) {
   });
 };
 
-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 DashboardsSection = function DashboardsSection(_ref) {
   var _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
@@ -34854,7 +35376,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$9({}, layoutItem);
+      var cleaned = _objectSpread$a({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -34874,7 +35396,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$9({}, layoutItem);
+      var cleaned = _objectSpread$a({}, layoutItem);
       delete cleaned.widgetConfig;
       return cleaned;
     });
@@ -35262,8 +35784,8 @@ var FoldersSection = function FoldersSection(_ref) {
   });
 };
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProviderDetail = function ProviderDetail(_ref) {
   var _provider$mcpConfig, _testResult$tools;
   var _ref$providerName = _ref.providerName,
@@ -35296,6 +35818,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
   var appContext = React.useContext(AppContext);
   var dashApi = appContext === null || appContext === void 0 ? void 0 : appContext.dashApi;
   var isMcp = (provider === null || provider === void 0 ? void 0 : provider.providerClass) === "mcp";
+  var isWs = (provider === null || provider === void 0 ? void 0 : provider.providerClass) === "websocket";
 
   // MCP test connection state
   var _useState = React.useState(false),
@@ -35353,14 +35876,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
         var oldKey = f.key;
         if (oldKey && formCredentials[oldKey] !== undefined) {
           setFormCredentials(function (creds) {
-            var updated = _objectSpread$8({}, creds);
+            var updated = _objectSpread$9({}, creds);
             var val = updated[oldKey];
             delete updated[oldKey];
             if (newKey.trim()) updated[newKey] = val;
             return updated;
           });
         }
-        return _objectSpread$8(_objectSpread$8({}, f), {}, {
+        return _objectSpread$9(_objectSpread$9({}, f), {}, {
           key: newKey
         });
       });
@@ -35372,14 +35895,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormCredentials(function (prev) {
-        return _objectSpread$8(_objectSpread$8({}, prev), {}, _defineProperty({}, field.key, value));
+        return _objectSpread$9(_objectSpread$9({}, prev), {}, _defineProperty({}, field.key, value));
       });
     }
   };
   var handleFieldSecretToggle = function handleFieldSecretToggle(id) {
     setCredentialFields(function (prev) {
       return prev.map(function (f) {
-        return f.id === id ? _objectSpread$8(_objectSpread$8({}, f), {}, {
+        return f.id === id ? _objectSpread$9(_objectSpread$9({}, f), {}, {
           secret: !f.secret
         }) : f;
       });
@@ -35401,7 +35924,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormCredentials(function (prev) {
-        var updated = _objectSpread$8({}, prev);
+        var updated = _objectSpread$9({}, prev);
         delete updated[field.key];
         return updated;
       });
@@ -35414,7 +35937,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
   };
   var handleCredentialChange = function handleCredentialChange(key, value) {
     setFormCredentials(function (prev) {
-      return _objectSpread$8(_objectSpread$8({}, prev), {}, _defineProperty({}, key, value));
+      return _objectSpread$9(_objectSpread$9({}, prev), {}, _defineProperty({}, key, value));
     });
   };
   var handleTestConnection = function handleTestConnection() {
@@ -35484,6 +36007,84 @@ var ProviderDetail = function ProviderDetail(_ref) {
       setIsAuthorizing(false);
     });
   };
+
+  // WebSocket test connection state
+  var _useState11 = React.useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isWsTesting = _useState12[0],
+    setIsWsTesting = _useState12[1];
+  var _useState13 = React.useState(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    wsTestResult = _useState14[0],
+    setWsTestResult = _useState14[1];
+  var handleWsTestConnection = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _provider$wsConfig;
+      var startTime, result, latency, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(!(dashApi !== null && dashApi !== void 0 && dashApi.webSocket) || !(provider !== null && provider !== void 0 && (_provider$wsConfig = provider.wsConfig) !== null && _provider$wsConfig !== void 0 && _provider$wsConfig.url) || !providerName)) {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return");
+          case 1:
+            setIsWsTesting(true);
+            setWsTestResult(null);
+            startTime = Date.now();
+            _context.prev = 2;
+            _context.next = 3;
+            return dashApi.webSocket.connect(providerName, {
+              url: provider.wsConfig.url,
+              headers: provider.wsConfig.headers || null,
+              subprotocols: provider.wsConfig.subprotocols || null,
+              credentials: provider.credentials || null
+            });
+          case 3:
+            result = _context.sent;
+            latency = Date.now() - startTime;
+            if (!result.error) {
+              _context.next = 4;
+              break;
+            }
+            setWsTestResult({
+              success: false,
+              message: result.message || "Connection failed"
+            });
+            _context.next = 5;
+            break;
+          case 4:
+            setWsTestResult({
+              success: true,
+              message: "Connected in ".concat(latency, "ms")
+            });
+
+            // Disconnect after test
+            _context.next = 5;
+            return dashApi.webSocket.disconnect(providerName)["catch"](function () {});
+          case 5:
+            _context.next = 7;
+            break;
+          case 6:
+            _context.prev = 6;
+            _t = _context["catch"](2);
+            setWsTestResult({
+              success: false,
+              message: (_t === null || _t === void 0 ? void 0 : _t.message) || "Connection failed"
+            });
+          case 7:
+            setIsWsTesting(false);
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 6]]);
+    }));
+    return function handleWsTestConnection() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var isFormMode = isEditing || isCreating;
 
   // ── MCP config info block (shared between read-only view and edit form) ──
@@ -35658,21 +36259,21 @@ var ProviderDetail = function ProviderDetail(_ref) {
                       placeholder: field.type === "file" ? "Select a file..." : "Enter ".concat(field.displayName.toLowerCase())
                     })
                   }), field.type === "file" && /*#__PURE__*/jsxRuntime.jsx("button", {
-                    onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+                    onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
                       var filepath;
-                      return _regeneratorRuntime.wrap(function (_context) {
-                        while (1) switch (_context.prev = _context.next) {
+                      return _regeneratorRuntime.wrap(function (_context2) {
+                        while (1) switch (_context2.prev = _context2.next) {
                           case 0:
-                            _context.next = 1;
+                            _context2.next = 1;
                             return window.mainApi.dialog.chooseFile(true, ["json"]);
                           case 1:
-                            filepath = _context.sent;
+                            filepath = _context2.sent;
                             if (filepath) handleCredentialChange(field.key, filepath);
                           case 2:
                           case "end":
-                            return _context.stop();
+                            return _context2.stop();
                         }
-                      }, _callee);
+                      }, _callee2);
                     })),
                     className: "px-3 py-1.5 text-sm rounded bg-white/10 hover:bg-white/20 transition-colors",
                     children: "Browse"
@@ -35745,7 +36346,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
             className: "text-sm opacity-50",
             children: "Class:"
           }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag, {
-            text: isMcp ? "MCP Server" : "API Credentials"
+            text: isWs ? "WebSocket" : isMcp ? "MCP Server" : "API Credentials"
           })]
         })]
       }), isMcp && provider.mcpConfig && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -35849,6 +36450,57 @@ var ProviderDetail = function ProviderDetail(_ref) {
             children: "No tools configured \u2014 use Test Connection to discover available tools."
           })]
         })]
+      }), isWs && provider.wsConfig && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "space-y-4",
+          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "border-t border-white/10 pt-4",
+            children: [/*#__PURE__*/jsxRuntime.jsx("p", {
+              className: "text-xs font-semibold opacity-40 uppercase tracking-wider mb-3",
+              children: "Connection"
+            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "space-y-2 text-sm",
+              children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex gap-2",
+                children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "opacity-50 w-24 shrink-0",
+                  children: "URL:"
+                }), /*#__PURE__*/jsxRuntime.jsx("code", {
+                  className: "text-xs bg-white/5 px-2 py-0.5 rounded break-all",
+                  children: provider.wsConfig.url
+                })]
+              }), provider.wsConfig.headers && Object.keys(provider.wsConfig.headers).length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex gap-2",
+                children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "opacity-50 w-24 shrink-0",
+                  children: "Headers:"
+                }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "text-xs opacity-70",
+                  children: Object.keys(provider.wsConfig.headers).join(", ")
+                })]
+              }), provider.wsConfig.subprotocols && provider.wsConfig.subprotocols.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex gap-2",
+                children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "opacity-50 w-24 shrink-0",
+                  children: "Subprotocols:"
+                }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "text-xs opacity-70",
+                  children: provider.wsConfig.subprotocols.join(", ")
+                })]
+              })]
+            })]
+          })
+        }), wsTestResult && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "p-3 rounded-lg text-sm ".concat(wsTestResult.success ? "bg-green-900/30 border border-green-700 text-green-300" : "bg-red-900/30 border border-red-700 text-red-300"),
+          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+              icon: wsTestResult.success ? "circle-check" : "circle-exclamation"
+            }), /*#__PURE__*/jsxRuntime.jsx("span", {
+              children: wsTestResult.message
+            })]
+          })
+        })]
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex-shrink-0 flex flex-row justify-end gap-2 px-6 py-4 border-t border-white/10",
@@ -35860,6 +36512,10 @@ var ProviderDetail = function ProviderDetail(_ref) {
         title: isTesting ? "Testing..." : "Test Connection",
         onClick: handleTestConnection,
         size: "sm"
+      }), isWs && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+        title: isWsTesting ? "Testing..." : "Test Connection",
+        onClick: handleWsTestConnection,
+        size: "sm"
       }), isMcp && selectedTools && onSaveAllowedTools && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
         title: "Update Allowed Tools",
         onClick: function onClick() {
@@ -35883,8 +36539,8 @@ var ProviderDetail = function ProviderDetail(_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 rowIdCounter = 0;
 var nextRowId = function nextRowId() {
   return "row_".concat(++rowIdCounter);
@@ -36145,7 +36801,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$7(_objectSpread$7({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$8(_objectSpread$8({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -36170,7 +36826,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$7(_objectSpread$7({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$8(_objectSpread$8({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -36185,11 +36841,11 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
   // --- credential field change ---
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$7(_objectSpread$7({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$8(_objectSpread$8({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$7({}, prev);
+        var next = _objectSpread$8({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -36397,7 +37053,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
                   setProviderName(value);
                   if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                     setFormErrors(function (prev) {
-                      var next = _objectSpread$7({}, prev);
+                      var next = _objectSpread$8({}, prev);
                       delete next.providerName;
                       return next;
                     });
@@ -36513,7 +37169,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
                       setCommand(value);
                       if (formErrors.command && value !== null && value !== void 0 && value.trim()) {
                         setFormErrors(function (prev) {
-                          var next = _objectSpread$7({}, prev);
+                          var next = _objectSpread$8({}, prev);
                           delete next.command;
                           return next;
                         });
@@ -36619,7 +37275,7 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
                       setUrl(value);
                       if (formErrors.url && value !== null && value !== void 0 && value.trim()) {
                         setFormErrors(function (prev) {
-                          var next = _objectSpread$7({}, prev);
+                          var next = _objectSpread$8({}, prev);
                           delete next.url;
                           return next;
                         });
@@ -36864,8 +37520,8 @@ var CustomMcpServerForm = function CustomMcpServerForm(_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 getIconForServer = function getIconForServer(server) {
   var iconMap = {
     github: "code-branch",
@@ -37052,11 +37708,11 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
   // Handle credential field changes
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$7(_objectSpread$7({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$6({}, prev);
+        var next = _objectSpread$7({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -37304,7 +37960,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
                     setProviderName(value);
                     if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                       setFormErrors(function (prev) {
-                        var next = _objectSpread$6({}, prev);
+                        var next = _objectSpread$7({}, prev);
                         delete next.providerName;
                         return next;
                       });
@@ -37566,6 +38222,387 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
   });
 };
 
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
+function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function isValidWsUrl(url) {
+  if (!url) return false;
+  try {
+    var u = new URL(url);
+    return u.protocol === "ws:" || u.protocol === "wss:";
+  } catch (_unused) {
+    return false;
+  }
+}
+
+/**
+ * Check if a URL is targeting localhost
+ */
+function isLocalhostUrl(url) {
+  try {
+    var u = new URL(url);
+    return u.hostname === "localhost" || u.hostname === "127.0.0.1" || u.hostname === "::1" || u.hostname === "0.0.0.0";
+  } catch (_unused2) {
+    return false;
+  }
+}
+
+/**
+ * Check if credentials are present in headers or URL template
+ */
+function hasCredentials(url, headerRows) {
+  var hasUrlCreds = url && /\{\{.+?\}\}/.test(url);
+  var hasHeaderCreds = headerRows.some(function (r) {
+    return r.value && /\{\{.+?\}\}/.test(r.value);
+  });
+  return hasUrlCreds || hasHeaderCreds;
+}
+
+/**
+ * Extract credential field names from URL and header templates
+ * e.g., wss://api.example.com?token={{apiKey}} → ["apiKey"]
+ */
+function extractCredentialFields(url, headerRows) {
+  var fields = new Set();
+  var pattern = /\{\{(.+?)\}\}/g;
+  if (url) {
+    var match;
+    while ((match = pattern.exec(url)) !== null) {
+      fields.add(match[1]);
+    }
+  }
+  var _iterator = _createForOfIteratorHelper$4(headerRows),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var row = _step.value;
+      if (row.value) {
+        var _match = void 0;
+        pattern.lastIndex = 0;
+        while ((_match = pattern.exec(row.value)) !== null) {
+          fields.add(_match[1]);
+        }
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return Array.from(fields);
+}
+
+/**
+ * WebSocketProviderForm
+ *
+ * Form for creating or editing WebSocket providers.
+ * Matches existing Settings UI patterns (ProviderDetail, CustomMcpServerForm).
+ *
+ * @param {Object} props
+ * @param {boolean} props.isEditMode - Whether editing an existing provider
+ * @param {string} props.initialName - Provider name (edit mode)
+ * @param {string} props.initialUrl - WebSocket URL (edit mode)
+ * @param {Array} props.initialHeaderRows - Header key-value rows (edit mode)
+ * @param {Array} props.initialSubprotocols - Subprotocol strings (edit mode)
+ * @param {Object} props.initialCredentials - Credential values (edit mode)
+ * @param {Function} props.onSave - (name, wsConfig, credentials) => void
+ * @param {Function} props.onCancel - Cancel handler
+ */
+var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
+  var _ref$isEditMode = _ref.isEditMode,
+    isEditMode = _ref$isEditMode === void 0 ? false : _ref$isEditMode,
+    _ref$initialName = _ref.initialName,
+    initialName = _ref$initialName === void 0 ? "" : _ref$initialName,
+    _ref$initialUrl = _ref.initialUrl,
+    initialUrl = _ref$initialUrl === void 0 ? "" : _ref$initialUrl,
+    _ref$initialHeaderRow = _ref.initialHeaderRows,
+    initialHeaderRows = _ref$initialHeaderRow === void 0 ? [] : _ref$initialHeaderRow,
+    _ref$initialSubprotoc = _ref.initialSubprotocols,
+    initialSubprotocols = _ref$initialSubprotoc === void 0 ? [] : _ref$initialSubprotoc,
+    _ref$initialCredentia = _ref.initialCredentials,
+    initialCredentials = _ref$initialCredentia === void 0 ? {} : _ref$initialCredentia,
+    onSave = _ref.onSave,
+    onCancel = _ref.onCancel;
+  var _useState = React.useState(initialName),
+    _useState2 = _slicedToArray(_useState, 2),
+    name = _useState2[0],
+    setName = _useState2[1];
+  var _useState3 = React.useState(initialUrl),
+    _useState4 = _slicedToArray(_useState3, 2),
+    url = _useState4[0],
+    setUrl = _useState4[1];
+  var _useState5 = React.useState(initialHeaderRows.length > 0 ? initialHeaderRows : []),
+    _useState6 = _slicedToArray(_useState5, 2),
+    headerRows = _useState6[0],
+    setHeaderRows = _useState6[1];
+  var _useState7 = React.useState(initialSubprotocols.join(", ")),
+    _useState8 = _slicedToArray(_useState7, 2),
+    subprotocols = _useState8[0],
+    setSubprotocols = _useState8[1];
+  var _useState9 = React.useState(initialCredentials),
+    _useState0 = _slicedToArray(_useState9, 2),
+    credentials = _useState0[0],
+    setCredentials = _useState0[1];
+  var _useState1 = React.useState({}),
+    _useState10 = _slicedToArray(_useState1, 2),
+    errors = _useState10[0],
+    setErrors = _useState10[1];
+  var nextRowIdRef = React.useRef(0);
+  var nextRowId = function nextRowId() {
+    return "ws_hdr_".concat(++nextRowIdRef.current);
+  };
+
+  // Derived state
+  var credentialFields = extractCredentialFields(url, headerRows);
+  var hasCreds = hasCredentials(url, headerRows);
+  var isWs = url.startsWith("ws://");
+  var isLocalhost = isLocalhostUrl(url);
+  var showSecurityWarning = hasCreds && isWs && !isLocalhost;
+  function validate() {
+    var errs = {};
+    if (!name.trim()) errs.name = "Provider name is required";
+    if (!url.trim()) errs.url = "WebSocket URL is required";else if (!isValidWsUrl(url)) errs.url = "URL must start with ws:// or wss://";
+
+    // Check required credential fields are filled
+    var _iterator2 = _createForOfIteratorHelper$4(credentialFields),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var _credentials$field;
+        var field = _step2.value;
+        if (!((_credentials$field = credentials[field]) !== null && _credentials$field !== void 0 && _credentials$field.trim())) {
+          errs["cred_".concat(field)] = "".concat(field, " is required");
+        }
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+    setErrors(errs);
+    return Object.keys(errs).length === 0;
+  }
+  function handleSave() {
+    if (!validate()) return;
+
+    // Build headers object from rows
+    var headers = {};
+    var _iterator3 = _createForOfIteratorHelper$4(headerRows),
+      _step3;
+    try {
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var row = _step3.value;
+        if (row.key.trim()) {
+          headers[row.key.trim()] = row.value;
+        }
+      }
+
+      // Parse subprotocols
+    } catch (err) {
+      _iterator3.e(err);
+    } finally {
+      _iterator3.f();
+    }
+    var subprotoArray = subprotocols.split(",").map(function (s) {
+      return s.trim();
+    }).filter(Boolean);
+    var wsConfig = {
+      url: url.trim(),
+      headers: Object.keys(headers).length > 0 ? headers : null,
+      subprotocols: subprotoArray.length > 0 ? subprotoArray : null
+    };
+    onSave(name.trim(), wsConfig, credentials);
+  }
+  function handleAddHeader() {
+    setHeaderRows(function (prev) {
+      return [].concat(_toConsumableArray(prev), [{
+        id: nextRowId(),
+        key: "",
+        value: ""
+      }]);
+    });
+  }
+  function handleRemoveHeader(id) {
+    setHeaderRows(function (prev) {
+      return prev.filter(function (r) {
+        return r.id !== id;
+      });
+    });
+  }
+  function handleHeaderChange(id, field, value) {
+    setHeaderRows(function (prev) {
+      return prev.map(function (r) {
+        return r.id === id ? _objectSpread$6(_objectSpread$6({}, r), {}, _defineProperty({}, field, value)) : r;
+      });
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col flex-1 min-h-0",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex-1 min-h-0 overflow-y-auto p-6 space-y-5",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+        title: isEditMode ? "Edit WebSocket Provider" : "New WebSocket Provider",
+        padding: false
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col gap-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx("label", {
+          className: "text-sm font-medium text-gray-400",
+          children: "Provider Name"
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
+          value: name,
+          onChange: function onChange(value) {
+            return setName(value);
+          },
+          placeholder: "e.g., crypto-ws, stock-feed",
+          error: !!errors.name
+        }), errors.name && /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-xs text-red-400",
+          children: errors.name
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col gap-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx("label", {
+          className: "text-sm font-medium text-gray-400",
+          children: "WebSocket URL"
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
+          value: url,
+          onChange: function onChange(value) {
+            return setUrl(value);
+          },
+          placeholder: "wss://api.example.com/ws or ws://localhost:8080",
+          error: !!errors.url
+        }), errors.url && /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-xs text-red-400",
+          children: errors.url
+        }), /*#__PURE__*/jsxRuntime.jsxs("p", {
+          className: "text-xs opacity-40",
+          children: ["Use ", "{{fieldName}}", " for credential interpolation (e.g., wss://api.example.com?token=", "{{apiKey}}", ")"]
+        })]
+      }), showSecurityWarning && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "p-3 rounded-lg text-sm bg-yellow-900/30 border border-yellow-700 text-yellow-300",
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex items-center gap-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+            icon: "triangle-exclamation"
+          }), /*#__PURE__*/jsxRuntime.jsx("span", {
+            children: "Credentials detected over unencrypted ws:// connection. Use wss:// for non-localhost URLs to protect your credentials."
+          })]
+        })
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "border-t border-white/10 pt-4",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("p", {
+          className: "text-xs font-semibold opacity-40 uppercase tracking-wider mb-3",
+          children: ["Headers ", /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "normal-case font-normal",
+            children: "(optional)"
+          })]
+        }), headerRows.map(function (row) {
+          return /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex items-center gap-2 mb-2",
+            children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "flex-1",
+              children: /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
+                value: row.key,
+                onChange: function onChange(value) {
+                  return handleHeaderChange(row.id, "key", value);
+                },
+                placeholder: "Header name"
+              })
+            }), /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "flex-1",
+              children: /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
+                value: row.value,
+                onChange: function onChange(value) {
+                  return handleHeaderChange(row.id, "value", value);
+                },
+                placeholder: "Header value"
+              })
+            }), /*#__PURE__*/jsxRuntime.jsx("button", {
+              onClick: function onClick() {
+                return handleRemoveHeader(row.id);
+              },
+              className: "p-2 rounded hover:bg-red-500/20 transition-colors opacity-50 hover:opacity-100 text-red-400",
+              title: "Remove header",
+              children: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                icon: "trash",
+                className: "h-3.5 w-3.5"
+              })
+            })]
+          }, row.id);
+        }), /*#__PURE__*/jsxRuntime.jsxs("button", {
+          onClick: handleAddHeader,
+          className: "flex items-center gap-2 text-sm text-blue-400 hover:text-blue-300 transition-colors",
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+            icon: "plus",
+            className: "h-3 w-3"
+          }), "Add Header"]
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "border-t border-white/10 pt-4",
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col gap-2",
+          children: [/*#__PURE__*/jsxRuntime.jsxs("label", {
+            className: "text-sm font-medium text-gray-400",
+            children: ["Subprotocols", " ", /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "font-normal opacity-50",
+              children: "(optional)"
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
+            value: subprotocols,
+            onChange: function onChange(value) {
+              return setSubprotocols(value);
+            },
+            placeholder: "Comma-separated, e.g., graphql-ws, json"
+          })]
+        })
+      }), credentialFields.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "border-t border-white/10 pt-4",
+        children: [/*#__PURE__*/jsxRuntime.jsx("p", {
+          className: "text-xs font-semibold opacity-40 uppercase tracking-wider mb-3",
+          children: "Credentials"
+        }), /*#__PURE__*/jsxRuntime.jsxs("p", {
+          className: "text-xs opacity-40 mb-3",
+          children: ["These fields were detected from ", "{{...}}", " placeholders in the URL and headers."]
+        }), credentialFields.map(function (field) {
+          return /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex flex-col gap-2 mb-3",
+            children: [/*#__PURE__*/jsxRuntime.jsx("label", {
+              className: "text-sm font-medium text-gray-400",
+              children: field
+            }), /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
+              type: "password",
+              value: credentials[field] || "",
+              onChange: function onChange(value) {
+                return setCredentials(function (prev) {
+                  return _objectSpread$6(_objectSpread$6({}, prev), {}, _defineProperty({}, field, value));
+                });
+              },
+              placeholder: "Enter ".concat(field),
+              error: !!errors["cred_".concat(field)]
+            }), errors["cred_".concat(field)] && /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-xs text-red-400",
+              children: errors["cred_".concat(field)]
+            })]
+          }, field);
+        })]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex-shrink-0 flex flex-row justify-end gap-2 px-6 py-4 border-t border-white/10",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+        title: "Cancel",
+        onClick: onCancel,
+        size: "sm"
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+        title: isEditMode ? "Save" : "Create",
+        onClick: handleSave,
+        size: "sm"
+      })]
+    })]
+  });
+};
+
 var ProvidersSection = function ProvidersSection(_ref) {
   var _ref$dashApi = _ref.dashApi,
     dashApi = _ref$dashApi === void 0 ? null : _ref$dashApi,
@@ -37630,6 +38667,14 @@ var ProvidersSection = function ProvidersSection(_ref) {
     _useState20 = _slicedToArray(_useState19, 2),
     isEditingMcp = _useState20[0],
     setIsEditingMcp = _useState20[1];
+  var _useState21 = React.useState(false),
+    _useState22 = _slicedToArray(_useState21, 2),
+    isAddingWs = _useState22[0],
+    setIsAddingWs = _useState22[1];
+  var _useState23 = React.useState(false),
+    _useState24 = _slicedToArray(_useState23, 2),
+    isEditingWs = _useState24[0],
+    setIsEditingWs = _useState24[1];
 
   // Row ID counter for env/header rows in MCP edit mode
   var nextRowIdRef = React.useRef(0);
@@ -37650,6 +38695,11 @@ var ProvidersSection = function ProvidersSection(_ref) {
       p = _ref5[1];
     return p.providerClass === "mcp";
   });
+  var wsProviders = providerEntries.filter(function (_ref6) {
+    var _ref7 = _slicedToArray(_ref6, 2),
+      p = _ref7[1];
+    return p.providerClass === "websocket";
+  });
   function resetForm() {
     setFormName("");
     setFormType("");
@@ -37657,14 +38707,15 @@ var ProvidersSection = function ProvidersSection(_ref) {
     setIsCreating(false);
     setIsEditing(false);
     setIsEditingMcp(false);
+    setIsEditingWs(false);
   }
   function handleSave() {
     if (!formName.trim() || !dashApi || !appId) return;
     var credentials = {};
-    Object.entries(formCredentials).forEach(function (_ref6) {
-      var _ref7 = _slicedToArray(_ref6, 2),
-        key = _ref7[0],
-        value = _ref7[1];
+    Object.entries(formCredentials).forEach(function (_ref8) {
+      var _ref9 = _slicedToArray(_ref8, 2),
+        key = _ref9[0],
+        value = _ref9[1];
       if (key.trim()) credentials[key.trim()] = value;
     });
     dashApi.saveProvider(appId, formName.trim(), {
@@ -37681,16 +38732,24 @@ var ProvidersSection = function ProvidersSection(_ref) {
   function handleStartEdit(name, provider) {
     setSelectedName(name);
     setIsCreating(false);
-    setProviderTab(provider.providerClass === "mcp" ? "mcp" : "credentials");
-    if (provider.providerClass === "mcp") {
+    if (provider.providerClass === "websocket") {
+      setProviderTab("websocket");
+      setIsEditingWs(true);
+      setIsEditing(false);
+      setIsEditingMcp(false);
+    } else if (provider.providerClass === "mcp") {
+      setProviderTab("mcp");
       setIsEditingMcp(true);
       setIsEditing(false);
+      setIsEditingWs(false);
     } else {
+      setProviderTab("credentials");
       setFormName(name);
       setFormType(provider.type || "");
       setFormCredentials(provider.credentials || {});
       setIsEditing(true);
       setIsEditingMcp(false);
+      setIsEditingWs(false);
     }
   }
   function handleSaveEdit() {
@@ -37722,6 +38781,11 @@ var ProvidersSection = function ProvidersSection(_ref) {
     if ((targetProvider === null || targetProvider === void 0 ? void 0 : targetProvider.providerClass) === "mcp") {
       dashApi.mcpStopServer(deleteTarget, function () {}, function () {});
     }
+
+    // If it's a WebSocket provider, disconnect first
+    if ((targetProvider === null || targetProvider === void 0 ? void 0 : targetProvider.providerClass) === "websocket" && dashApi !== null && dashApi !== void 0 && dashApi.webSocket) {
+      dashApi.webSocket.disconnect(deleteTarget)["catch"](function () {});
+    }
     dashApi.deleteProvider(appId, deleteTarget, function () {
       if (selectedName === deleteTarget) {
         setSelectedName(null);
@@ -37799,6 +38863,49 @@ var ProvidersSection = function ProvidersSection(_ref) {
     });
   }
 
+  // Handle WebSocket provider creation
+  function handleWsSave(providerName, wsConfig, wsCredentials) {
+    if (!dashApi || !appId) return;
+    dashApi.saveProvider(appId, providerName, {
+      providerType: "websocket",
+      credentials: wsCredentials,
+      providerClass: "websocket",
+      wsConfig: wsConfig
+    }, function () {
+      setIsAddingWs(false);
+      refreshProviders && refreshProviders();
+      setSelectedName(providerName);
+      setProviderTab("websocket");
+    }, function (e, err) {
+      return (void 0);
+    });
+  }
+
+  // Handle WebSocket provider editing
+  function handleWsEditSave(providerName, wsConfig, wsCredentials) {
+    if (!dashApi || !appId) return;
+    var originalName = selectedName;
+
+    // Delete old if name changed
+    if (originalName && originalName !== providerName) {
+      dashApi.deleteProvider(appId, originalName, function () {}, function () {});
+    }
+    dashApi.saveProvider(appId, providerName, {
+      providerType: "websocket",
+      credentials: wsCredentials,
+      providerClass: "websocket",
+      wsConfig: wsConfig
+    }, function () {
+      setSelectedName(providerName);
+      setProviderTab("websocket");
+      setIsEditingWs(false);
+      resetForm();
+      refreshProviders && refreshProviders();
+    }, function (e, err) {
+      return (void 0);
+    });
+  }
+
   // Respond to external create trigger from header
   var prevCreateRequested = React.useRef(false);
   React.useEffect(function () {
@@ -37815,8 +38922,8 @@ var ProvidersSection = function ProvidersSection(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [createRequested]);
   var selectedProvider = selectedName && providers[selectedName] ? providers[selectedName] : null;
-  var activeProviders = providerTab === "credentials" ? credentialProviders : mcpProviders;
-  var activeIcon = providerTab === "credentials" ? "key" : "server";
+  var activeProviders = providerTab === "credentials" ? credentialProviders : providerTab === "mcp" ? mcpProviders : wsProviders;
+  var activeIcon = providerTab === "credentials" ? "key" : providerTab === "mcp" ? "server" : "plug";
   var listContent = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "px-2 pt-2",
@@ -37831,19 +38938,23 @@ var ProvidersSection = function ProvidersSection(_ref) {
           children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tabs3.Trigger, {
             value: "credentials",
             className: "flex-1",
-            children: "API Credentials"
+            children: "Credentials"
           }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tabs3.Trigger, {
             value: "mcp",
             className: "flex-1",
-            children: "MCP Servers"
+            children: "MCP"
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tabs3.Trigger, {
+            value: "websocket",
+            className: "flex-1",
+            children: "WebSocket"
           })]
         })
       })
     }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Sidebar.Content, {
-      children: [activeProviders.map(function (_ref8) {
-        var _ref9 = _slicedToArray(_ref8, 2),
-          name = _ref9[0],
-          provider = _ref9[1];
+      children: [activeProviders.map(function (_ref0) {
+        var _ref1 = _slicedToArray(_ref0, 2),
+          name = _ref1[0],
+          provider = _ref1[1];
         var isSelected = selectedName === name && !isCreating;
         return /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
           icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
@@ -37866,7 +38977,7 @@ var ProvidersSection = function ProvidersSection(_ref) {
         }, name);
       }), activeProviders.length === 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "text-sm opacity-40 py-8 text-center",
-        children: providerTab === "credentials" ? "No API credentials configured" : "No MCP servers configured"
+        children: providerTab === "credentials" ? "No API credentials configured" : providerTab === "mcp" ? "No MCP servers configured" : "No WebSocket providers configured"
       }), providerTab === "mcp" && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "px-3 py-3 mt-2 border-t border-white/10",
         children: /*#__PURE__*/jsxRuntime.jsxs("button", {
@@ -37882,11 +38993,58 @@ var ProvidersSection = function ProvidersSection(_ref) {
             className: "h-3 w-3"
           }), "Add MCP Server"]
         })
+      }), providerTab === "websocket" && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "px-3 py-3 mt-2 border-t border-white/10",
+        children: /*#__PURE__*/jsxRuntime.jsxs("button", {
+          onClick: function onClick() {
+            setIsAddingWs(true);
+            setSelectedName(null);
+            setIsCreating(false);
+            setIsEditing(false);
+            setIsAddingMcp(false);
+          },
+          className: "flex items-center gap-2 text-sm text-blue-400 hover:text-blue-300 transition-colors w-full",
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+            icon: "plus",
+            className: "h-3 w-3"
+          }), "Add WebSocket Provider"]
+        })
       })]
     })]
   });
   var detailContent = null;
-  if (isAddingMcp) {
+  if (isAddingWs) {
+    detailContent = /*#__PURE__*/jsxRuntime.jsx(WebSocketProviderForm, {
+      onSave: handleWsSave,
+      onCancel: function onCancel() {
+        return setIsAddingWs(false);
+      }
+    });
+  } else if (isEditingWs && selectedName && selectedProvider) {
+    var wc = selectedProvider.wsConfig || {};
+    var editHeaderRows = wc.headers ? Object.entries(wc.headers).map(function (_ref10, i) {
+      var _ref11 = _slicedToArray(_ref10, 2),
+        key = _ref11[0],
+        value = _ref11[1];
+      return {
+        id: "ws_edit_".concat(i),
+        key: key,
+        value: value
+      };
+    }) : [];
+    detailContent = /*#__PURE__*/jsxRuntime.jsx(WebSocketProviderForm, {
+      isEditMode: true,
+      initialName: selectedName,
+      initialUrl: wc.url || "",
+      initialHeaderRows: editHeaderRows,
+      initialSubprotocols: wc.subprotocols || [],
+      initialCredentials: selectedProvider.credentials || {},
+      onSave: handleWsEditSave,
+      onCancel: function onCancel() {
+        return setIsEditingWs(false);
+      }
+    }, selectedName);
+  } else if (isAddingMcp) {
     detailContent = /*#__PURE__*/jsxRuntime.jsx(McpCatalogDetail, {
       onSave: handleMcpSave,
       onCancel: function onCancel() {
@@ -46555,6 +47713,7 @@ exports.useNotifications = useNotifications;
 exports.useProvider = useProvider;
 exports.useProviderClient = useProviderClient;
 exports.useScheduler = useScheduler;
+exports.useWebSocketProvider = useWebSocketProvider;
 exports.useWidgetEvents = useWidgetEvents;
 exports.useWidgetProviders = useWidgetProviders;
 exports.useWidgetSchedulerStatus = useWidgetSchedulerStatus;