@trops/dash-core 0.1.435 → 0.1.437

package/dist/index.js

@@ -3075,9 +3075,9 @@ var LayoutContainer = function LayoutContainer(_ref) {
 
 function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$t(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$t(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$t(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$t(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$t(r, a) : void 0; } }
-function _arrayLikeToArray$t(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$u(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$u(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$u(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$u(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$u(r, a) : void 0; } }
+function _arrayLikeToArray$u(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.
  *
@@ -3351,7 +3351,7 @@ function createLayoutFromTemplate(template) {
     cols: template.cols,
     gap: "gap-2"
   };
-  var _iterator = _createForOfIteratorHelper$t(template.cells),
+  var _iterator = _createForOfIteratorHelper$u(template.cells),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -4282,9 +4282,9 @@ var RegistryAuthModal = function RegistryAuthModal(_ref) {
   });
 };
 
-function _createForOfIteratorHelper$s(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$s(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$s(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$s(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$s(r, a) : void 0; } }
-function _arrayLikeToArray$s(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$t(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$t(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$t(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$t(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$t(r, a) : void 0; } }
+function _arrayLikeToArray$t(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 RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
@@ -4525,7 +4525,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
       toInstall = 0,
       unavailable = 0,
       hasUnavailableRequired = false;
-    var _iterator = _createForOfIteratorHelper$s(widgetDeps),
+    var _iterator = _createForOfIteratorHelper$t(widgetDeps),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -6300,9 +6300,9 @@ function cleanIpcError(message) {
   return match ? match[1] : message;
 }
 
-function _createForOfIteratorHelper$r(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$r(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$r(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$r(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$r(r, a) : void 0; } }
-function _arrayLikeToArray$r(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$s(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$s(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$s(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$s(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$s(r, a) : void 0; } }
+function _arrayLikeToArray$s(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 
 /**
  * useRegistrySearch — shared hook for browsing and installing registry packages.
@@ -6416,13 +6416,13 @@ var useRegistrySearch = function useRegistrySearch() {
               return c.toLowerCase();
             }));
             widgets = [];
-            _iterator = _createForOfIteratorHelper$r(pkgs);
+            _iterator = _createForOfIteratorHelper$s(pkgs);
             try {
               for (_iterator.s(); !(_step = _iterator.n()).done;) {
                 pkg = _step.value;
                 // Compute missing APIs for the entire package
                 allApiProviders = [];
-                _iterator2 = _createForOfIteratorHelper$r(pkg.providers || []);
+                _iterator2 = _createForOfIteratorHelper$s(pkg.providers || []);
                 try {
                   for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                     p = _step2.value;
@@ -6435,11 +6435,11 @@ var useRegistrySearch = function useRegistrySearch() {
                 } finally {
                   _iterator2.f();
                 }
-                _iterator3 = _createForOfIteratorHelper$r(pkg.widgets || []);
+                _iterator3 = _createForOfIteratorHelper$s(pkg.widgets || []);
                 try {
                   for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
                     w = _step3.value;
-                    _iterator5 = _createForOfIteratorHelper$r(w.providers || []);
+                    _iterator5 = _createForOfIteratorHelper$s(w.providers || []);
                     try {
                       for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
                         _p = _step5.value;
@@ -6461,7 +6461,7 @@ var useRegistrySearch = function useRegistrySearch() {
                 missingApis = _toConsumableArray(new Set(allApiProviders)).filter(function (api) {
                   return !capSet.has(api.toLowerCase());
                 });
-                _iterator4 = _createForOfIteratorHelper$r(pkg.widgets || []);
+                _iterator4 = _createForOfIteratorHelper$s(pkg.widgets || []);
                 try {
                   for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
                     widget = _step4.value;
@@ -7082,9 +7082,9 @@ function applyFilters(items, filters, mode) {
   });
 }
 
-function _createForOfIteratorHelper$q(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$q(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$q(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$q(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$q(r, a) : void 0; } }
-function _arrayLikeToArray$q(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$r(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$r(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$r(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$r(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$r(r, a) : void 0; } }
+function _arrayLikeToArray$r(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
@@ -7308,7 +7308,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
           installedNames = new Set(installedList.map(function (w) {
             return w.name;
           }));
-          _iterator = _createForOfIteratorHelper$q(state.selectedWidgets);
+          _iterator = _createForOfIteratorHelper$r(state.selectedWidgets);
           _context2.prev = 13;
           _iterator.s();
         case 14:
@@ -12937,9 +12937,9 @@ var PanelEditItem = function PanelEditItem(_ref) {
 };
 
 var _excluded$6 = ["rows", "cols"];
-function _createForOfIteratorHelper$p(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$p(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$p(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$p(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$p(r, a) : void 0; } }
-function _arrayLikeToArray$p(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$q(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$q(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$q(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$q(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$q(r, a) : void 0; } }
+function _arrayLikeToArray$q(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultGrid = {
@@ -13092,7 +13092,7 @@ function GridEditor(_ref) {
   function sortObjectByKeys(obj) {
     var sortedKeys = Object.keys(obj).sort();
     var sortedObj = {};
-    var _iterator = _createForOfIteratorHelper$p(sortedKeys),
+    var _iterator = _createForOfIteratorHelper$q(sortedKeys),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -13565,9 +13565,9 @@ var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
   });
 };
 
-function _createForOfIteratorHelper$o(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$o(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$o(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$o(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$o(r, a) : void 0; } }
-function _arrayLikeToArray$o(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$p(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$p(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$p(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$p(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$p(r, a) : void 0; } }
+function _arrayLikeToArray$p(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DAYS = [{
@@ -13896,7 +13896,7 @@ var PanelEditItemSchedule = function PanelEditItemSchedule(_ref2) {
       setIsLoading(true);
       window.mainApi.scheduler.getTasks(widgetUuid).then(function (tasks) {
         var stateMap = {};
-        var _iterator = _createForOfIteratorHelper$o(tasks || []),
+        var _iterator = _createForOfIteratorHelper$p(tasks || []),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -14040,296 +14040,1126 @@ var PanelCode = function PanelCode(_ref) {
   });
 };
 
-var SectionLayout = function SectionLayout(_ref) {
-  var listContent = _ref.listContent,
-    _ref$detailContent = _ref.detailContent,
-    detailContent = _ref$detailContent === void 0 ? null : _ref$detailContent,
-    _ref$listWidth = _ref.listWidth,
-    listWidth = _ref$listWidth === void 0 ? "w-80" : _ref$listWidth,
-    _ref$emptyDetailMessa = _ref.emptyDetailMessage,
-    emptyDetailMessage = _ref$emptyDetailMessa === void 0 ? "Select an item to view details" : _ref$emptyDetailMessa;
-  var _useContext = React.useContext(DashReact.ThemeContext),
-    currentTheme = _useContext.currentTheme;
-  var panelStyles = DashReact.getStylesForItem(DashReact.themeObjects.PANEL, currentTheme, {
-    grow: false
-  });
-  var headerStyles = DashReact.getStylesForItem(DashReact.themeObjects.PANEL_HEADER, currentTheme, {
-    grow: false
-  });
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "flex flex-row flex-1 min-h-0 ".concat(panelStyles.textColor || "text-gray-200"),
-    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex flex-col flex-shrink-0 ".concat(listWidth, " border-r ").concat(headerStyles.borderColor || "", " overflow-y-auto"),
-      children: listContent
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex flex-col flex-1 min-w-0 min-h-0",
-      children: detailContent ? /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "flex flex-col flex-1 min-h-0",
-        children: detailContent
-      }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "flex flex-1 items-center justify-center",
-        children: /*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "text-sm opacity-40",
-          children: emptyDetailMessage
-        })
-      })
-    })]
-  });
-};
+function _createForOfIteratorHelper$o(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$o(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$o(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$o(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$o(r, a) : void 0; } }
+function _arrayLikeToArray$o(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; }
+/**
+ * providerResolution.js
+ *
+ * Shared helpers for walking a workspace and figuring out which widgets
+ * have required providers that are still unresolved after the 3-layer
+ * resolution (widget → workspace → app-default → null). Used by:
+ *
+ *   - DashboardConfigModal to render the Providers tab
+ *   - DashboardStage toolbar to show the unresolved-count badge
+ *
+ * Both places need the same answer, so keep the logic here to avoid drift
+ * with the resolution inside `useMcpProvider` / `useWebSocketProvider`.
+ */
 
-var PanelEditItemHandlers = function PanelEditItemHandlers(_ref) {
-  var workspace = _ref.workspace,
-    onUpdate = _ref.onUpdate,
-    _ref$item = _ref.item,
-    item = _ref$item === void 0 ? null : _ref$item;
-  var _useState = React.useState(item),
-    _useState2 = _slicedToArray(_useState, 2),
-    itemSelected = _useState2[0],
-    setItemSelected = _useState2[1];
-  var _useState3 = React.useState(workspace),
-    _useState4 = _slicedToArray(_useState3, 2),
-    workspaceSelected = _useState4[0],
-    setWorkspaceSelected = _useState4[1];
-  var _useState5 = React.useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    eventHandlerSelected = _useState6[0],
-    setEventHandlerSelected = _useState6[1];
-  React.useEffect(function () {
-    if (deepEqual$1(item, itemSelected) === false) {
-      setItemSelected(function () {
-        return item;
-      });
-    }
-    if (deepEqual$1(workspace, workspaceSelected) === false) {
-      setWorkspaceSelected(function () {
-        return workspace;
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [workspace, item]);
-  function handleSelectEvent(eventString) {
-    try {
-      if (eventString && eventHandlerSelected !== null) {
-        var tempEvents = [];
-        var currentListeners = DashReact.deepCopy(itemSelected["listeners"] || {});
-        if (eventHandlerSelected in currentListeners) {
-          tempEvents = currentListeners[eventHandlerSelected];
+/**
+ * Resolve which provider name a given widget instance would bind to for
+ * the given provider type. Mirrors the 3-layer chain in useMcpProvider
+ * and useWebSocketProvider exactly:
+ *
+ *   1. widget-level override    (layoutItem.selectedProviders[type])
+ *   2. workspace-level binding  (workspace.selectedProviders[id][type])
+ *   3. app default              (any provider of matching type flagged
+ *                                `isDefaultForType` in appProviders)
+ *   4. null                     (truly unresolved)
+ */
+function resolveProviderName(_ref) {
+  var _layoutItem$selectedP, _workspace$selectedPr;
+  var providerType = _ref.providerType,
+    layoutItem = _ref.layoutItem,
+    widgetId = _ref.widgetId,
+    workspace = _ref.workspace,
+    appProviders = _ref.appProviders;
+  // 1. Widget-level
+  var widgetLevel = layoutItem === null || layoutItem === void 0 || (_layoutItem$selectedP = layoutItem.selectedProviders) === null || _layoutItem$selectedP === void 0 ? void 0 : _layoutItem$selectedP[providerType];
+  if (widgetLevel) return widgetLevel;
+
+  // 2. Workspace-level
+  var workspaceLevel = widgetId && (workspace === null || workspace === void 0 || (_workspace$selectedPr = workspace.selectedProviders) === null || _workspace$selectedPr === void 0 || (_workspace$selectedPr = _workspace$selectedPr[widgetId]) === null || _workspace$selectedPr === void 0 ? void 0 : _workspace$selectedPr[providerType]);
+  if (workspaceLevel) return workspaceLevel;
+
+  // 3. App default — appProviders is either a map keyed by name or an
+  //    array. Support both because different callers shape it either way.
+  if (appProviders) {
+    if (Array.isArray(appProviders)) {
+      var _iterator = _createForOfIteratorHelper$o(appProviders),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var data = _step.value;
+          if ((data === null || data === void 0 ? void 0 : data.type) === providerType && (data === null || data === void 0 ? void 0 : data.isDefaultForType) === true) {
+            return data.name;
+          }
         }
-        tempEvents.push(eventString);
-        var uniqueEventsSelected = tempEvents.filter(function (value, index, array) {
-          return array.indexOf(value) === index;
-        });
-        currentListeners[eventHandlerSelected] = uniqueEventsSelected;
-        handleSaveChanges(currentListeners);
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
-    } catch (e) {
-      // select event failed
-    }
-  }
-  function handleRemoveEvent(eventString) {
-    try {
-      if (eventHandlerSelected) {
-        var currentListeners = DashReact.deepCopy(itemSelected["listeners"] || {});
-        var eventsSelectedTemp = eventHandlerSelected in currentListeners ? currentListeners[eventHandlerSelected].filter(function (event) {
-          return event !== eventString;
-        }) : [];
-        if (eventsSelectedTemp.length > 0) {
-          if (eventHandlerSelected in currentListeners) {
-            currentListeners[eventHandlerSelected] = eventsSelectedTemp;
-          }
-        } else {
-          delete currentListeners[eventHandlerSelected];
+    } else if (_typeof(appProviders) === "object") {
+      for (var _i = 0, _Object$entries = Object.entries(appProviders); _i < _Object$entries.length; _i++) {
+        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+          name = _Object$entries$_i[0],
+          _data = _Object$entries$_i[1];
+        if ((_data === null || _data === void 0 ? void 0 : _data.type) === providerType && (_data === null || _data === void 0 ? void 0 : _data.isDefaultForType) === true) {
+          return name;
         }
-        handleSaveChanges(currentListeners);
       }
-    } catch (e) {
-      // remove event failed
     }
   }
-  function handleSelectEventHandler(handler) {
-    setEventHandlerSelected(function () {
-      return handler;
-    });
-  }
-  function getLayoutItemById(id) {
-    if (workspaceSelected !== null && Array.isArray(workspaceSelected.layout)) {
-      var layoutItems = workspaceSelected.layout.filter(function (layoutItem) {
-        return layoutItem["id"] === parseInt(id, 10);
-      });
-      if (layoutItems.length > 0) {
-        return layoutItems[0];
-      }
-    }
+  return null;
+}
+
+/**
+ * Walk every layout container in a workspace and yield each widget
+ * instance with its concrete layout item. Handles the main layout,
+ * per-page layouts, the sidebar, and nested LayoutGridContainers whose
+ * children are stored on `items`/`layout`.
+ *
+ * Deduplicates by object identity AND by stable id so that shared
+ * references across pages (or two structurally-distinct items that
+ * carry the same uuidString / id, which is the wiring key) are
+ * visited exactly once. Pipeline-style workspaces re-reference the
+ * same widget objects across page layouts; without this dedupe the
+ * Providers/Listeners tabs render one row per reference.
+ */
+function forEachWidget(workspace, visit) {
+  if (!workspace) return;
+  var visitedObjects = new WeakSet();
+  var visitedIds = new Set();
+
+  // Canonical identity: `component|id-ish`. Including the component
+  // prefix in every form aligns this with `canonicalItemKey` in
+  // listenerResolution.js — they MUST agree or duplicates slip
+  // between the visit loop and downstream dedupes. Prefer uuidString
+  // (stable across sessions), then uuid, then numeric id.
+  var stableId = function stableId(item) {
+    if (!item || !item.component) return null;
+    if (item.uuidString) return "".concat(item.component, "|").concat(item.uuidString);
+    if (item.uuid) return "".concat(item.component, "|").concat(item.uuid);
+    if (item.id != null) return "".concat(item.component, "|").concat(item.id);
     return null;
-  }
-  function handleSaveChanges() {
-    var currentListeners = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  };
+  var _walk = function walk(items) {
+    if (!Array.isArray(items)) return;
+    var _iterator2 = _createForOfIteratorHelper$o(items),
+      _step2;
     try {
-      if (workspaceSelected !== null && eventHandlerSelected !== null && "id" in itemSelected && itemSelected["id"] !== null) {
-        var tempWorkspace = DashReact.deepCopy(workspaceSelected);
-        var layoutItem = getLayoutItemById(itemSelected["id"]);
-        layoutItem["listeners"] = currentListeners;
-        tempWorkspace["layout"] = replaceItemInLayout(tempWorkspace.layout, layoutItem["id"], layoutItem);
-        onUpdate(layoutItem, tempWorkspace);
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var item = _step2.value;
+        if (!item || _typeof(item) !== "object") continue;
+        // A "widget" is any layout item with a component name.
+        // Containers can have both a component name AND nested items
+        // (e.g. LayoutGridContainer), so still recurse.
+        if (item.component) {
+          var id = stableId(item);
+          var alreadyByRef = visitedObjects.has(item);
+          var alreadyById = id != null && visitedIds.has(id);
+          if (!alreadyByRef && !alreadyById) {
+            visitedObjects.add(item);
+            if (id != null) visitedIds.add(id);
+            visit(item);
+          }
+        }
+        if (Array.isArray(item.items)) _walk(item.items);
+        if (Array.isArray(item.layout)) _walk(item.layout);
       }
-    } catch (e) {
-      // save changes failed
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
     }
-  }
-  function isSelectedEvent(event) {
+  };
+  _walk(workspace.layout);
+  if (Array.isArray(workspace.pages)) {
+    var _iterator3 = _createForOfIteratorHelper$o(workspace.pages),
+      _step3;
     try {
-      if (event && eventHandlerSelected) {
-        var itemListeners = (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected["listeners"]) || {};
-        if (eventHandlerSelected in itemListeners) {
-          return itemListeners[eventHandlerSelected].includes(event);
-        }
-        return false;
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var page = _step3.value;
+        _walk(page === null || page === void 0 ? void 0 : page.layout);
       }
-      return false;
-    } catch (e) {
-      return false;
+    } catch (err) {
+      _iterator3.e(err);
+    } finally {
+      _iterator3.f();
     }
   }
+  _walk(workspace.sidebarLayout);
+}
 
-  // Get the event handlers for the current item
-  var eventHandlers = Array.isArray(itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected.eventHandlers) ? itemSelected.eventHandlers.filter(function (value, index, array) {
-    return array.indexOf(value) === index;
-  }) : [];
+/**
+ * Compute the list of unresolved required providers across a workspace.
+ *
+ * @param {object} args
+ * @param {object} args.workspace       The workspace (with layout/pages/sidebarLayout/selectedProviders).
+ * @param {object|Array} args.appProviders
+ *   Map keyed by provider name, or an array of provider objects. Each
+ *   entry has at least `{ type, isDefaultForType }`.
+ * @param {(componentName: string) => Array<{type, required?, providerClass?}>} args.getWidgetRequirements
+ *   Returns the `providers: [...]` declaration from the component's
+ *   `.dash.js` (via `ComponentManager.componentMap()[name].providers`).
+ *
+ * @returns {Array<{ widgetId, component, providerType, providerClass, layoutItem }>}
+ *   One entry per (widget instance, required provider type) that lacks
+ *   a binding.
+ */
+function getUnresolvedProviders(_ref2) {
+  var workspace = _ref2.workspace,
+    appProviders = _ref2.appProviders,
+    getWidgetRequirements = _ref2.getWidgetRequirements;
+  if (!workspace || typeof getWidgetRequirements !== "function") return [];
+  var unresolved = [];
+  forEachWidget(workspace, function (item) {
+    var requirements = getWidgetRequirements(item.component) || [];
+    if (!Array.isArray(requirements) || requirements.length === 0) return;
+    var widgetId = item.uuidString || item.uuid || item.id || null;
+    var _iterator4 = _createForOfIteratorHelper$o(requirements),
+      _step4;
+    try {
+      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        var req = _step4.value;
+        if (!req || !req.type) continue;
+        if (req.required === false) continue; // optional, skip
 
-  // Get available source widgets from ALL pages + sidebar + root layout
-  function getAllWidgetLayouts(ws) {
-    var _ws$pages;
-    if (!ws) return [];
-    var all = _toConsumableArray(Array.isArray(ws.layout) ? ws.layout : []);
-    if (((_ws$pages = ws.pages) === null || _ws$pages === void 0 ? void 0 : _ws$pages.length) > 0) {
-      ws.pages.forEach(function (page) {
-        if (Array.isArray(page.layout)) all.push.apply(all, _toConsumableArray(page.layout));
-      });
-    }
-    if (Array.isArray(ws.sidebarLayout) && ws.sidebarLayout.length > 0) {
-      all.push.apply(all, _toConsumableArray(ws.sidebarLayout));
+        var name = resolveProviderName({
+          providerType: req.type,
+          layoutItem: item,
+          widgetId: widgetId,
+          workspace: workspace,
+          appProviders: appProviders
+        });
+        if (!name) {
+          unresolved.push({
+            widgetId: widgetId,
+            component: item.component,
+            providerType: req.type,
+            providerClass: req.providerClass || null,
+            layoutItem: item
+          });
+        }
+      }
+    } catch (err) {
+      _iterator4.e(err);
+    } finally {
+      _iterator4.f();
     }
-    return all;
-  }
-  var layoutArray = getAllWidgetLayouts(workspaceSelected);
-  var sourceWidgets = layoutArray.filter(function (l) {
-    return l["component"] !== "Container" && l["component"] !== "LayoutContainer";
-  }).filter(function (e) {
-    return Array.isArray(e.events) && e.events.length > 0;
-  }).filter(function (li) {
-    return li["component"] !== (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected["component"]);
   });
+  return unresolved;
+}
 
-  // Build a set of valid event strings from widgets currently in the layout
-  var validEventStrings = new Set();
-  sourceWidgets.forEach(function (layout) {
-    if (Array.isArray(layout.events)) {
-      layout.events.forEach(function (event) {
-        validEventStrings.add("".concat(layout["component"], "[").concat(layout["id"], "].").concat(event));
-      });
+/**
+ * Group an unresolved-provider list (or any `{widget, providerType}` list)
+ * by provider type, so the Providers tab can render one row per unique
+ * type with N widgets beneath.
+ */
+function groupByProviderType(unresolved) {
+  var byType = new Map();
+  var _iterator5 = _createForOfIteratorHelper$o(unresolved || []),
+    _step5;
+  try {
+    for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+      var u = _step5.value;
+      if (!(u !== null && u !== void 0 && u.providerType)) continue;
+      if (!byType.has(u.providerType)) byType.set(u.providerType, []);
+      byType.get(u.providerType).push(u);
     }
-  });
+  } catch (err) {
+    _iterator5.e(err);
+  } finally {
+    _iterator5.f();
+  }
+  return byType;
+}
 
-  // Get the listeners for the current item, filtering out orphaned references
-  var rawListeners = itemSelected ? itemSelected["listeners"] || {} : {};
-  var listeners = {};
-  Object.keys(rawListeners).forEach(function (handler) {
-    var events = rawListeners[handler];
-    if (Array.isArray(events)) {
-      var validEvents = events.filter(function (e) {
-        return validEventStrings.has(e);
-      });
-      if (validEvents.length > 0) {
-        listeners[handler] = validEvents;
+/**
+ * Summarize every widget in the workspace that requires ANY provider,
+ * regardless of whether it's already resolved. Drives the Providers tab's
+ * "show per-widget overrides" expansion — the modal lists all widgets so
+ * the user can change an explicit override even for types that are
+ * already resolved via the app default.
+ */
+function getAllProviderBindings(_ref3) {
+  var workspace = _ref3.workspace,
+    appProviders = _ref3.appProviders,
+    getWidgetRequirements = _ref3.getWidgetRequirements;
+  if (!workspace || typeof getWidgetRequirements !== "function") return [];
+  var bindings = [];
+  forEachWidget(workspace, function (item) {
+    var requirements = getWidgetRequirements(item.component) || [];
+    if (!Array.isArray(requirements) || requirements.length === 0) return;
+    var widgetId = item.uuidString || item.uuid || item.id || null;
+    var _iterator6 = _createForOfIteratorHelper$o(requirements),
+      _step6;
+    try {
+      for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+        var req = _step6.value;
+        if (!req || !req.type) continue;
+        var name = resolveProviderName({
+          providerType: req.type,
+          layoutItem: item,
+          widgetId: widgetId,
+          workspace: workspace,
+          appProviders: appProviders
+        });
+        bindings.push({
+          widgetId: widgetId,
+          component: item.component,
+          providerType: req.type,
+          providerClass: req.providerClass || null,
+          required: req.required !== false,
+          resolvedProviderName: name,
+          layoutItem: item
+        });
       }
+    } catch (err) {
+      _iterator6.e(err);
+    } finally {
+      _iterator6.f();
     }
   });
+  return bindings;
+}
 
-  // Count connected events for a handler
-  function getConnectedCount(handler) {
-    return (listeners[handler] || []).length;
-  }
+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 _createForOfIteratorHelper$n(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$n(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$n(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$n(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$n(r, a) : void 0; } }
+function _arrayLikeToArray$n(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 EVENT_STRING_RE = /^([^[]+)\[([^\]]+)\]\.(.+)$/;
 
-  // Build the list content (left column)
-  var listContent = /*#__PURE__*/jsxRuntime.jsxs(DashReact.Sidebar.Content, {
-    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "px-3 py-2 text-xs font-semibold opacity-40 uppercase tracking-wider",
-      children: "Event Handlers"
-    }), eventHandlers.map(function (handler) {
-      var count = getConnectedCount(handler);
-      var isActive = eventHandlerSelected === handler;
-      return /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
-        icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-          icon: "bolt",
-          className: "h-3.5 w-3.5"
-        }),
-        active: isActive,
-        onClick: function onClick() {
-          return handleSelectEventHandler(handler);
-        },
-        badge: count > 0 ? String(count) : null,
-        className: isActive ? "bg-white/10 opacity-100" : "",
-        children: handler
-      }, handler);
-    }), eventHandlers.length === 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
-      className: "text-sm opacity-40 py-8 text-center",
-      children: "No handlers available"
-    })]
-  });
+/** Parse "Component[itemId].event" → { component, itemId, event }. */
+function parseEventString(eventString) {
+  if (typeof eventString !== "string") return null;
+  var m = eventString.match(EVENT_STRING_RE);
+  if (!m) return null;
+  return {
+    component: m[1],
+    itemId: m[2],
+    event: m[3]
+  };
+}
 
-  // Build the detail content (right column) — when a handler is selected
-  var connectedCount = eventHandlerSelected ? getConnectedCount(eventHandlerSelected) : 0;
-  var detailContent = eventHandlerSelected ? /*#__PURE__*/jsxRuntime.jsx("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-6",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex flex-col space-y-1",
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
-          title: eventHandlerSelected,
-          padding: false
-        }), /*#__PURE__*/jsxRuntime.jsxs("span", {
-          className: "text-sm opacity-70",
-          children: [connectedCount, " event", connectedCount !== 1 ? "s" : "", " connected"]
-        })]
-      }), sourceWidgets.map(function (layout) {
-        return /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "flex flex-col space-y-2",
-          children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
-            className: "text-xs font-semibold opacity-40 uppercase tracking-wider",
-            children: [layout["component"], " [", layout["id"], "]"]
-          }), layout.events.filter(function (value, index, array) {
-            return array.indexOf(value) === index;
-          }).map(function (event) {
-            var eventString = "".concat(layout["component"], "[").concat(layout["id"], "].").concat(event);
-            var selected = isSelectedEvent(eventString);
-            return /*#__PURE__*/jsxRuntime.jsxs("div", {
-              onClick: function onClick() {
-                return selected ? handleRemoveEvent(eventString) : handleSelectEvent(eventString);
-              },
-              className: "flex flex-row items-center gap-3 px-3 py-2 rounded-md cursor-pointer ".concat(selected ? "opacity-100" : "opacity-60 hover:opacity-80"),
-              children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-                icon: selected ? "square-check" : "square",
-                className: "h-4 w-4 flex-shrink-0"
-              }), /*#__PURE__*/jsxRuntime.jsx("span", {
-                className: "text-sm",
-                children: event
-              })]
-            }, eventString);
-          })]
-        }, layout["id"]);
-      }), sourceWidgets.length === 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-sm opacity-40",
-        children: "No events available from other widgets"
-      })]
-    })
-  }) : null;
-  if (!itemSelected || !workspaceSelected) {
-    return null;
-  }
-  return /*#__PURE__*/jsxRuntime.jsx(SectionLayout, {
-    listContent: listContent,
-    detailContent: detailContent,
+/** Build an event string in the canonical runtime format. */
+function formatEventString(component, itemId, event) {
+  return "".concat(component, "[").concat(itemId, "].").concat(event);
+}
+
+/**
+ * Get a stable id for a layout item. Layout items historically used
+ * numeric `id`; some newer flows also carry `uuidString`/`uuid`. The
+ * runtime event-string format uses whichever is `item.id`, so we
+ * default to that and fall back to the others for resilience.
+ */
+function itemIdOf(item) {
+  if (item == null) return null;
+  if (item.id !== undefined && item.id !== null) return String(item.id);
+  if (item.uuidString) return item.uuidString;
+  if (item.uuid) return item.uuid;
+  return null;
+}
+
+/**
+ * Canonical identity key for a layout item: `component|id-ish`.
+ * Single source of truth for dedupe in every query below and in
+ * `forEachWidget` (providerResolution.js). Including the component
+ * prefix prevents two structurally-different widgets from colliding
+ * when they happen to share a uuid (rare, but possible when items
+ * are pasted between workspaces).
+ *
+ * Priority matches forEachWidget's stableId so a widget that
+ * forEachWidget visited once produces exactly one map entry across
+ * every listener-side consumer — no more `STAGEGATECHECKLIST[4]`
+ * appearing twice because one caller used `uuidString` and the
+ * other used `id`.
+ */
+function canonicalItemKey(item) {
+  if (!item || !item.component) return null;
+  if (item.uuidString) return "".concat(item.component, "|").concat(item.uuidString);
+  if (item.uuid) return "".concat(item.component, "|").concat(item.uuid);
+  if (item.id !== undefined && item.id !== null) {
+    return "".concat(item.component, "|").concat(item.id);
+  }
+  return null;
+}
+
+/**
+ * Best-effort human label for a layout item: explicit title, then
+ * widget config display name, then component name + short id.
+ */
+function labelFor(item, getWidgetConfig) {
+  var _item$userPrefs, _item$userConfig;
+  var cfg = (getWidgetConfig === null || getWidgetConfig === void 0 ? void 0 : getWidgetConfig(item.component)) || null;
+  var explicit = (item === null || item === void 0 || (_item$userPrefs = item.userPrefs) === null || _item$userPrefs === void 0 ? void 0 : _item$userPrefs.title) || (item === null || item === void 0 || (_item$userConfig = item.userConfig) === null || _item$userConfig === void 0 ? void 0 : _item$userConfig.title);
+  if (explicit) return explicit;
+  if (cfg !== null && cfg !== void 0 && cfg.displayName) return cfg.displayName;
+  var id = itemIdOf(item);
+  return "".concat(item.component || "widget").concat(id ? "[".concat(String(id).slice(0, 6), "]") : "");
+}
+
+/**
+ * Read the events/eventHandlers metadata for a widget. Items can carry
+ * the arrays inline (older pattern where they got cached onto the
+ * layout item); the current component config carries them via the
+ * ComponentManager catalog. We UNION both so we don't flag a binding
+ * as orphaned just because an inline cache is stale — if the current
+ * widget code declares the event/handler, the binding is valid.
+ */
+function eventsOf(item, getWidgetConfig) {
+  var inline = Array.isArray(item.events) ? item.events : [];
+  var cfg = (getWidgetConfig === null || getWidgetConfig === void 0 ? void 0 : getWidgetConfig(item.component)) || {};
+  var fromCfg = Array.isArray(cfg.events) ? cfg.events : [];
+  return _toConsumableArray(new Set([].concat(_toConsumableArray(inline), _toConsumableArray(fromCfg))));
+}
+function eventHandlersOf(item, getWidgetConfig) {
+  var inline = Array.isArray(item.eventHandlers) ? item.eventHandlers : [];
+  var cfg = (getWidgetConfig === null || getWidgetConfig === void 0 ? void 0 : getWidgetConfig(item.component)) || {};
+  var fromCfg = Array.isArray(cfg.eventHandlers) ? cfg.eventHandlers : [];
+  return _toConsumableArray(new Set([].concat(_toConsumableArray(inline), _toConsumableArray(fromCfg))));
+}
+
+/**
+ * Every widget instance in the workspace that emits at least one event.
+ * Deduplicated by `${component}|${itemId}` — the same compound key that
+ * event strings use at runtime, so any "duplicate" in the tree (same
+ * widget referenced across pages) resolves to the same wiring target.
+ * @returns {Array<{ itemId, component, label, events: string[], key: string }>}
+ */
+function getEmitters(workspace, getWidgetConfig) {
+  var byKey = new Map();
+  forEachWidget(workspace, function (item) {
+    var events = eventsOf(item, getWidgetConfig);
+    if (events.length === 0) return;
+    var key = canonicalItemKey(item);
+    if (!key) return;
+    if (byKey.has(key)) return;
+    byKey.set(key, {
+      key: key,
+      itemId: itemIdOf(item),
+      component: item.component,
+      label: labelFor(item, getWidgetConfig),
+      events: events
+    });
+  });
+  return Array.from(byKey.values());
+}
+
+/**
+ * Every widget instance in the workspace that accepts at least one
+ * handler. Used to populate the receiver dropdown. Deduplicated by
+ * `${component}|${itemId}` (see getEmitters).
+ * @returns {Array<{ itemId, component, label, eventHandlers: string[], listeners: object, key: string }>}
+ */
+function getReceivers(workspace, getWidgetConfig) {
+  var byKey = new Map();
+  forEachWidget(workspace, function (item) {
+    var handlers = eventHandlersOf(item, getWidgetConfig);
+    if (handlers.length === 0) return;
+    var key = canonicalItemKey(item);
+    if (!key) return;
+    if (byKey.has(key)) return;
+    byKey.set(key, {
+      key: key,
+      itemId: itemIdOf(item),
+      component: item.component,
+      label: labelFor(item, getWidgetConfig),
+      eventHandlers: handlers,
+      listeners: item.listeners || {}
+    });
+  });
+  return Array.from(byKey.values());
+}
+
+/**
+ * Flatten every listener binding in the workspace into a list of
+ * { receiverItemId, receiverComponent, handlerName, sourceComponent,
+ *   sourceItemId, eventName, raw } tuples. `raw` is the original
+ * event string for round-trip fidelity on remove.
+ */
+function getCurrentWiring(workspace) {
+  var wiring = [];
+  forEachWidget(workspace, function (item) {
+    var receiverItemId = itemIdOf(item);
+    if (receiverItemId == null) return;
+    var listeners = item.listeners;
+    if (!listeners || _typeof(listeners) !== "object") return;
+    for (var _i = 0, _Object$entries = Object.entries(listeners); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        handlerName = _Object$entries$_i[0],
+        eventList = _Object$entries$_i[1];
+      // Live format is array; defensive guard for legacy object
+      // form (a single source widget keyed under the handler).
+      var events = Array.isArray(eventList) ? eventList : typeof eventList === "string" ? [eventList] : [];
+      var _iterator = _createForOfIteratorHelper$n(events),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var raw = _step.value;
+          var parsed = parseEventString(raw);
+          if (!parsed) continue;
+          wiring.push({
+            receiverItemId: receiverItemId,
+            receiverComponent: item.component,
+            handlerName: handlerName,
+            sourceComponent: parsed.component,
+            sourceItemId: parsed.itemId,
+            eventName: parsed.event,
+            raw: raw
+          });
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+  });
+  return wiring;
+}
+
+/**
+ * Detect listener bindings that are no longer valid: the source widget
+ * doesn't exist in the workspace anymore, or the source widget doesn't
+ * declare the event, or the receiver doesn't declare the handler.
+ * Each entry includes a `reason` so the modal can show a sensible
+ * message.
+ */
+function getOrphanedListeners(workspace, getWidgetConfig) {
+  var wiring = getCurrentWiring(workspace);
+  if (wiring.length === 0) return [];
+
+  // Build two lookups:
+  //   byCompositeKey: `${component}|${itemId}` → widget meta  (primary)
+  //   byItemId:       `${itemId}`              → widget meta  (fallback,
+  //                      used only for the "source-missing" check where
+  //                      the wiring's component can't be trusted yet)
+  // The composite key matches how the runtime event-string
+  // (`Component[itemId].event`) identifies a widget, so orphan
+  // decisions line up with what actually fires at runtime.
+  var byCompositeKey = new Map();
+  var byItemId = new Map();
+  forEachWidget(workspace, function (item) {
+    var id = itemIdOf(item);
+    if (id == null) return;
+    var meta = {
+      component: item.component,
+      events: eventsOf(item, getWidgetConfig),
+      eventHandlers: eventHandlersOf(item, getWidgetConfig)
+    };
+    byCompositeKey.set("".concat(item.component, "|").concat(id), meta);
+    // First-seen wins on numeric-id collisions; good enough for the
+    // "does any widget with this id exist?" fallback.
+    if (!byItemId.has(id)) byItemId.set(id, meta);
+  });
+  var orphans = [];
+  var _iterator2 = _createForOfIteratorHelper$n(wiring),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var w = _step2.value;
+      var srcKey = "".concat(w.sourceComponent, "|").concat(w.sourceItemId);
+      var src = byCompositeKey.get(srcKey);
+      if (!src) {
+        // No (component, id) match. If some OTHER widget still owns
+        // this id, the source component changed; otherwise it's truly
+        // missing. Preserves the user's ability to see whether a
+        // rename happened vs. a delete.
+        var fallback = byItemId.get(String(w.sourceItemId));
+        orphans.push(_objectSpread$O(_objectSpread$O({}, w), {}, {
+          reason: fallback ? "source-component-mismatch" : "source-missing"
+        }));
+        continue;
+      }
+      if (!src.events.includes(w.eventName)) {
+        orphans.push(_objectSpread$O(_objectSpread$O({}, w), {}, {
+          reason: "event-not-emitted"
+        }));
+        continue;
+      }
+      var receiverKey = "".concat(w.receiverComponent, "|").concat(w.receiverItemId);
+      var receiver = byCompositeKey.get(receiverKey);
+      if (receiver && !receiver.eventHandlers.includes(w.handlerName)) {
+        orphans.push(_objectSpread$O(_objectSpread$O({}, w), {}, {
+          reason: "handler-not-declared"
+        }));
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return orphans;
+}
+
+/**
+ * Mutate a workspace tree in place, removing listener bindings whose
+ * source widget is not present in the workspace. Pure: doesn't need
+ * ComponentManager, so it's safe to call from WorkspaceModel during
+ * load — the workspace's own tree is the only source of truth.
+ *
+ * Handles the four cases producing a "source-missing" orphan:
+ *   - the emitter widget was deleted
+ *   - the emitter widget's id now belongs to a different component
+ *     (stored binding has stale component name)
+ *   - the source string failed to parse (legacy/garbage data)
+ *
+ * Leaves "event-not-emitted" / "handler-not-declared" cases untouched
+ * because they require the current widget catalog to decide — those
+ * are handled at runtime with full ComponentManager access.
+ *
+ * @returns {number} count of bindings removed (for logging/diagnostics)
+ */
+function pruneDeadListenerReferences(workspace) {
+  if (!workspace) return 0;
+
+  // Build the set of live widgets in the tree, keyed by the same
+  // `${component}|${itemId}` the runtime uses to resolve events.
+  var liveKeys = new Set();
+  var _walkForLive = function walkForLive(items) {
+    if (!Array.isArray(items)) return;
+    var _iterator3 = _createForOfIteratorHelper$n(items),
+      _step3;
+    try {
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var item = _step3.value;
+        if (!item || _typeof(item) !== "object") continue;
+        if (item.component) {
+          var id = itemIdOf(item);
+          if (id != null) liveKeys.add("".concat(item.component, "|").concat(id));
+        }
+        if (Array.isArray(item.items)) _walkForLive(item.items);
+        if (Array.isArray(item.layout)) _walkForLive(item.layout);
+      }
+    } catch (err) {
+      _iterator3.e(err);
+    } finally {
+      _iterator3.f();
+    }
+  };
+  _walkForLive(workspace.layout);
+  if (Array.isArray(workspace.pages)) {
+    var _iterator4 = _createForOfIteratorHelper$n(workspace.pages),
+      _step4;
+    try {
+      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        var page = _step4.value;
+        _walkForLive(page === null || page === void 0 ? void 0 : page.layout);
+      }
+    } catch (err) {
+      _iterator4.e(err);
+    } finally {
+      _iterator4.f();
+    }
+  }
+  _walkForLive(workspace.sidebarLayout);
+  var removed = 0;
+  var _pruneListeners = function pruneListeners(items) {
+    if (!Array.isArray(items)) return;
+    var _iterator5 = _createForOfIteratorHelper$n(items),
+      _step5;
+    try {
+      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+        var item = _step5.value;
+        if (!item || _typeof(item) !== "object") continue;
+        if (item.listeners && _typeof(item.listeners) === "object") {
+          for (var _i2 = 0, _Object$keys = Object.keys(item.listeners); _i2 < _Object$keys.length; _i2++) {
+            var handler = _Object$keys[_i2];
+            var events = item.listeners[handler];
+            if (!Array.isArray(events)) continue;
+            var kept = [];
+            var _iterator6 = _createForOfIteratorHelper$n(events),
+              _step6;
+            try {
+              for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+                var raw = _step6.value;
+                var parsed = parseEventString(raw);
+                if (parsed && liveKeys.has("".concat(parsed.component, "|").concat(parsed.itemId))) {
+                  kept.push(raw);
+                } else {
+                  removed += 1;
+                }
+              }
+            } catch (err) {
+              _iterator6.e(err);
+            } finally {
+              _iterator6.f();
+            }
+            if (kept.length === 0) {
+              delete item.listeners[handler];
+            } else if (kept.length !== events.length) {
+              item.listeners[handler] = kept;
+            }
+          }
+        }
+        if (Array.isArray(item.items)) _pruneListeners(item.items);
+        if (Array.isArray(item.layout)) _pruneListeners(item.layout);
+      }
+    } catch (err) {
+      _iterator5.e(err);
+    } finally {
+      _iterator5.f();
+    }
+  };
+  _pruneListeners(workspace.layout);
+  if (Array.isArray(workspace.pages)) {
+    var _iterator7 = _createForOfIteratorHelper$n(workspace.pages),
+      _step7;
+    try {
+      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+        var _page = _step7.value;
+        _pruneListeners(_page === null || _page === void 0 ? void 0 : _page.layout);
+      }
+    } catch (err) {
+      _iterator7.e(err);
+    } finally {
+      _iterator7.f();
+    }
+  }
+  _pruneListeners(workspace.sidebarLayout);
+  return removed;
+}
+
+/**
+ * Apply a staged delta to a workspace's listener bindings and return a
+ * NEW workspace object (deep-cloned along the modified path).
+ *
+ * `adds` / `removes` are arrays of
+ *   { receiverItemId, handlerName, sourceComponent, sourceItemId, eventName }
+ *
+ * Removes may also pass `raw` (the exact pre-existing event string) for
+ * a precise match; otherwise we match on the canonical formatted form.
+ */
+function applyWiringChanges(workspace, _ref) {
+  var _ref$adds = _ref.adds,
+    adds = _ref$adds === void 0 ? [] : _ref$adds,
+    _ref$removes = _ref.removes,
+    removes = _ref$removes === void 0 ? [] : _ref$removes;
+  if (!workspace) return workspace;
+  if (adds.length === 0 && removes.length === 0) return workspace;
+
+  // Group changes by receiver for cheap per-item updates.
+  var byReceiver = new Map();
+  var ensure = function ensure(id) {
+    if (!byReceiver.has(id)) byReceiver.set(id, {
+      adds: [],
+      removes: []
+    });
+    return byReceiver.get(id);
+  };
+  var _iterator8 = _createForOfIteratorHelper$n(adds),
+    _step8;
+  try {
+    for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+      var a = _step8.value;
+      if (!a.receiverItemId) continue;
+      ensure(String(a.receiverItemId)).adds.push(a);
+    }
+  } catch (err) {
+    _iterator8.e(err);
+  } finally {
+    _iterator8.f();
+  }
+  var _iterator9 = _createForOfIteratorHelper$n(removes),
+    _step9;
+  try {
+    for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+      var r = _step9.value;
+      if (!r.receiverItemId) continue;
+      ensure(String(r.receiverItemId)).removes.push(r);
+    }
+
+    // Walk the tree and rebuild listeners on every touched item. We do
+    // shallow clones along the path so React change detection is
+    // reliable — but the tree shape is preserved.
+  } catch (err) {
+    _iterator9.e(err);
+  } finally {
+    _iterator9.f();
+  }
+  var cloneList = function cloneList(items) {
+    return Array.isArray(items) ? items.map(function (item) {
+      return transform(item);
+    }) : items;
+  };
+  var transform = function transform(item) {
+    if (!item || _typeof(item) !== "object") return item;
+    var next = item;
+    var id = itemIdOf(item);
+    var change = id != null ? byReceiver.get(String(id)) : null;
+    if (change) {
+      var newListeners = applyToItem(item.listeners || {}, change);
+      next = _objectSpread$O(_objectSpread$O({}, next), {}, {
+        listeners: newListeners
+      });
+    }
+    if (Array.isArray(next.items)) {
+      next = _objectSpread$O(_objectSpread$O({}, next), {}, {
+        items: cloneList(next.items)
+      });
+    }
+    if (Array.isArray(next.layout)) {
+      next = _objectSpread$O(_objectSpread$O({}, next), {}, {
+        layout: cloneList(next.layout)
+      });
+    }
+    return next;
+  };
+  var updatedWs = _objectSpread$O({}, workspace);
+  if (Array.isArray(workspace.layout)) {
+    updatedWs.layout = cloneList(workspace.layout);
+  }
+  if (Array.isArray(workspace.pages)) {
+    updatedWs.pages = workspace.pages.map(function (page) {
+      return _objectSpread$O(_objectSpread$O({}, page), {}, {
+        layout: cloneList(page.layout)
+      });
+    });
+  }
+  if (Array.isArray(workspace.sidebarLayout)) {
+    updatedWs.sidebarLayout = cloneList(workspace.sidebarLayout);
+  }
+  return updatedWs;
+}
+function applyToItem(listeners, _ref2) {
+  var adds = _ref2.adds,
+    removes = _ref2.removes;
+  // Deep enough clone for handler arrays.
+  var next = {};
+  for (var _i3 = 0, _Object$entries2 = Object.entries(listeners); _i3 < _Object$entries2.length; _i3++) {
+    var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i3], 2),
+      k = _Object$entries2$_i[0],
+      v = _Object$entries2$_i[1];
+    next[k] = Array.isArray(v) ? _toConsumableArray(v) : v;
+  }
+
+  // Removes first so a re-add (rare) lands.
+  var _iterator0 = _createForOfIteratorHelper$n(removes),
+    _step0;
+  try {
+    var _loop = function _loop() {
+        var r = _step0.value;
+        var target = r.handlerName;
+        if (!target) return 0; // continue
+        var events = next[target];
+        if (!Array.isArray(events)) return 0; // continue
+        var eventStr = r.raw || formatEventString(r.sourceComponent, r.sourceItemId, r.eventName);
+        var filtered = events.filter(function (e) {
+          return e !== eventStr;
+        });
+        if (filtered.length === 0) {
+          delete next[target];
+        } else {
+          next[target] = filtered;
+        }
+      },
+      _ret;
+    for (_iterator0.s(); !(_step0 = _iterator0.n()).done;) {
+      _ret = _loop();
+      if (_ret === 0) continue;
+    }
+  } catch (err) {
+    _iterator0.e(err);
+  } finally {
+    _iterator0.f();
+  }
+  var _iterator1 = _createForOfIteratorHelper$n(adds),
+    _step1;
+  try {
+    for (_iterator1.s(); !(_step1 = _iterator1.n()).done;) {
+      var a = _step1.value;
+      var target = a.handlerName;
+      if (!target) continue;
+      var eventStr = formatEventString(a.sourceComponent, a.sourceItemId, a.eventName);
+      var existing = Array.isArray(next[target]) ? next[target] : [];
+      if (existing.includes(eventStr)) continue;
+      next[target] = [].concat(_toConsumableArray(existing), [eventStr]);
+    }
+  } catch (err) {
+    _iterator1.e(err);
+  } finally {
+    _iterator1.f();
+  }
+  return next;
+}
+
+var SectionLayout = function SectionLayout(_ref) {
+  var listContent = _ref.listContent,
+    _ref$detailContent = _ref.detailContent,
+    detailContent = _ref$detailContent === void 0 ? null : _ref$detailContent,
+    _ref$listWidth = _ref.listWidth,
+    listWidth = _ref$listWidth === void 0 ? "w-80" : _ref$listWidth,
+    _ref$emptyDetailMessa = _ref.emptyDetailMessage,
+    emptyDetailMessage = _ref$emptyDetailMessa === void 0 ? "Select an item to view details" : _ref$emptyDetailMessa;
+  var _useContext = React.useContext(DashReact.ThemeContext),
+    currentTheme = _useContext.currentTheme;
+  var panelStyles = DashReact.getStylesForItem(DashReact.themeObjects.PANEL, currentTheme, {
+    grow: false
+  });
+  var headerStyles = DashReact.getStylesForItem(DashReact.themeObjects.PANEL_HEADER, currentTheme, {
+    grow: false
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-row flex-1 min-h-0 ".concat(panelStyles.textColor || "text-gray-200"),
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-col flex-shrink-0 ".concat(listWidth, " border-r ").concat(headerStyles.borderColor || "", " overflow-y-auto"),
+      children: listContent
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-col flex-1 min-w-0 min-h-0",
+      children: detailContent ? /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex flex-col flex-1 min-h-0",
+        children: detailContent
+      }) : /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex flex-1 items-center justify-center",
+        children: /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-sm opacity-40",
+          children: emptyDetailMessage
+        })
+      })
+    })]
+  });
+};
+
+var PanelEditItemHandlers = function PanelEditItemHandlers(_ref) {
+  var workspace = _ref.workspace,
+    onUpdate = _ref.onUpdate,
+    _ref$item = _ref.item,
+    item = _ref$item === void 0 ? null : _ref$item;
+  var _useState = React.useState(item),
+    _useState2 = _slicedToArray(_useState, 2),
+    itemSelected = _useState2[0],
+    setItemSelected = _useState2[1];
+  var _useState3 = React.useState(workspace),
+    _useState4 = _slicedToArray(_useState3, 2),
+    workspaceSelected = _useState4[0],
+    setWorkspaceSelected = _useState4[1];
+  var _useState5 = React.useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    eventHandlerSelected = _useState6[0],
+    setEventHandlerSelected = _useState6[1];
+  React.useEffect(function () {
+    if (deepEqual$1(item, itemSelected) === false) {
+      setItemSelected(function () {
+        return item;
+      });
+    }
+    if (deepEqual$1(workspace, workspaceSelected) === false) {
+      setWorkspaceSelected(function () {
+        return workspace;
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [workspace, item]);
+
+  // Build the deduped list of source widgets — every widget in the
+  // workspace that emits at least one event AND isn't the receiver
+  // itself. forEachWidget dedupes by `${component}|${id}` so a widget
+  // referenced from multiple locations (root layout AND pages) shows
+  // up once.
+  var sourceWidgets = function () {
+    var list = [];
+    var seen = new Set();
+    forEachWidget(workspaceSelected, function (li) {
+      if (!li || !li.component) return;
+      if (li.component === "Container" || li.component === "LayoutContainer") {
+        return;
+      }
+      if (li.id === (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected.id) && li.component === (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected.component)) {
+        return;
+      }
+      if (!Array.isArray(li.events) || li.events.length === 0) return;
+      var key = "".concat(li.component, "|").concat(li.id);
+      if (seen.has(key)) return;
+      seen.add(key);
+      list.push(li);
+    });
+    return list;
+  }();
+  function handleSelectEventHandler(handler) {
+    setEventHandlerSelected(function () {
+      return handler;
+    });
+  }
+  function commitChange(_ref2) {
+    var _ref2$adds = _ref2.adds,
+      adds = _ref2$adds === void 0 ? [] : _ref2$adds,
+      _ref2$removes = _ref2.removes,
+      removes = _ref2$removes === void 0 ? [] : _ref2$removes;
+    if (!workspaceSelected || !itemSelected) return;
+    if (adds.length === 0 && removes.length === 0) return;
+    var nextWorkspace = applyWiringChanges(workspaceSelected, {
+      adds: adds,
+      removes: removes
+    });
+    // Find the post-change receiver item so the parent's onUpdate
+    // gets the updated layout-item shape (some callers cache it).
+    var nextItem = itemSelected;
+    forEachWidget(nextWorkspace, function (li) {
+      if ((li === null || li === void 0 ? void 0 : li.id) === itemSelected.id && li.component === itemSelected.component) {
+        nextItem = li;
+      }
+    });
+    setWorkspaceSelected(nextWorkspace);
+    setItemSelected(nextItem);
+    onUpdate(nextItem, nextWorkspace);
+  }
+  function handleSelectEvent(eventString) {
+    if (!eventString || !eventHandlerSelected) return;
+    var parsed = parseEventString(eventString);
+    if (!parsed) return;
+    commitChange({
+      adds: [{
+        receiverItemId: itemSelected.id,
+        handlerName: eventHandlerSelected,
+        sourceComponent: parsed.component,
+        sourceItemId: parsed.itemId,
+        eventName: parsed.event
+      }]
+    });
+  }
+  function handleRemoveEvent(eventString) {
+    if (!eventString || !eventHandlerSelected) return;
+    var parsed = parseEventString(eventString);
+    if (!parsed) return;
+    commitChange({
+      removes: [{
+        receiverItemId: itemSelected.id,
+        handlerName: eventHandlerSelected,
+        sourceComponent: parsed.component,
+        sourceItemId: parsed.itemId,
+        eventName: parsed.event,
+        raw: eventString
+      }]
+    });
+  }
+  function isSelectedEvent(event) {
+    if (!event || !eventHandlerSelected) return false;
+    var itemListeners = (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected["listeners"]) || {};
+    var list = itemListeners[eventHandlerSelected];
+    return Array.isArray(list) && list.includes(event);
+  }
+
+  // Get the event handlers for the current item
+  var eventHandlers = Array.isArray(itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected.eventHandlers) ? itemSelected.eventHandlers.filter(function (value, index, array) {
+    return array.indexOf(value) === index;
+  }) : [];
+
+  // Build a set of valid event strings so we only count "connected"
+  // listeners that still point at a live emitter. Stale references
+  // are dropped from the count even before pruneDeadListenerReferences
+  // runs on the next save.
+  var validEventStrings = new Set();
+  sourceWidgets.forEach(function (li) {
+    if (Array.isArray(li.events)) {
+      li.events.forEach(function (event) {
+        validEventStrings.add(formatEventString(li.component, li.id, event));
+      });
+    }
+  });
+
+  // Get the listeners for the current item, filtering out orphaned references
+  var rawListeners = itemSelected ? itemSelected["listeners"] || {} : {};
+  var listeners = {};
+  Object.keys(rawListeners).forEach(function (handler) {
+    var events = rawListeners[handler];
+    if (Array.isArray(events)) {
+      var validEvents = events.filter(function (e) {
+        return validEventStrings.has(e);
+      });
+      if (validEvents.length > 0) {
+        listeners[handler] = validEvents;
+      }
+    }
+  });
+  function getConnectedCount(handler) {
+    return (listeners[handler] || []).length;
+  }
+
+  // Build the list content (left column)
+  var listContent = /*#__PURE__*/jsxRuntime.jsxs(DashReact.Sidebar.Content, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "px-3 py-2 text-xs font-semibold opacity-40 uppercase tracking-wider",
+      children: "Event Handlers"
+    }), eventHandlers.map(function (handler) {
+      var count = getConnectedCount(handler);
+      var isActive = eventHandlerSelected === handler;
+      return /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
+        icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+          icon: "bolt",
+          className: "h-3.5 w-3.5"
+        }),
+        active: isActive,
+        onClick: function onClick() {
+          return handleSelectEventHandler(handler);
+        },
+        badge: count > 0 ? String(count) : null,
+        className: isActive ? "bg-white/10 opacity-100" : "",
+        children: handler
+      }, handler);
+    }), eventHandlers.length === 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "text-sm opacity-40 py-8 text-center",
+      children: "No handlers available"
+    })]
+  });
+
+  // Build the detail content (right column) — when a handler is selected
+  var connectedCount = eventHandlerSelected ? getConnectedCount(eventHandlerSelected) : 0;
+  var detailContent = eventHandlerSelected ? /*#__PURE__*/jsxRuntime.jsx("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-6",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col space-y-1",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+          title: eventHandlerSelected,
+          padding: false
+        }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+          className: "text-sm opacity-70",
+          children: [connectedCount, " event", connectedCount !== 1 ? "s" : "", " connected"]
+        })]
+      }), sourceWidgets.map(function (layout) {
+        return /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col space-y-2",
+          children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
+            className: "text-xs font-semibold opacity-40 uppercase tracking-wider",
+            children: [layout["component"], " [", layout["id"], "]"]
+          }), layout.events.filter(function (value, index, array) {
+            return array.indexOf(value) === index;
+          }).map(function (event) {
+            var eventString = formatEventString(layout.component, layout.id, event);
+            var selected = isSelectedEvent(eventString);
+            return /*#__PURE__*/jsxRuntime.jsxs("div", {
+              onClick: function onClick() {
+                return selected ? handleRemoveEvent(eventString) : handleSelectEvent(eventString);
+              },
+              className: "flex flex-row items-center gap-3 px-3 py-2 rounded-md cursor-pointer ".concat(selected ? "opacity-100" : "opacity-60 hover:opacity-80"),
+              children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                icon: selected ? "square-check" : "square",
+                className: "h-4 w-4 flex-shrink-0"
+              }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "text-sm",
+                children: event
+              })]
+            }, eventString);
+          })]
+        }, "".concat(layout.component, "|").concat(layout.id));
+      }), sourceWidgets.length === 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "text-sm opacity-40",
+        children: "No events available from other widgets"
+      })]
+    })
+  }) : null;
+  if (!itemSelected || !workspaceSelected) {
+    return null;
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(SectionLayout, {
+    listContent: listContent,
+    detailContent: detailContent,
     listWidth: "w-72",
     emptyDetailMessage: "Select a handler to view available events"
   });
@@ -14354,8 +15184,8 @@ var getUserConfigurableProviders = function getUserConfigurableProviders(provide
   });
 };
 
-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$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PanelEditItemProviders = function PanelEditItemProviders(_ref) {
   var workspace = _ref.workspace,
     onUpdate = _ref.onUpdate,
@@ -14387,7 +15217,7 @@ var PanelEditItemProviders = function PanelEditItemProviders(_ref) {
   var selectedProviders = itemSelected.selectedProviders || {};
   function handleProviderChange(providerType, providerName) {
     var updatedItem = DashReact.deepCopy(itemSelected);
-    var nextProviders = _objectSpread$O({}, updatedItem.selectedProviders || {});
+    var nextProviders = _objectSpread$N({}, updatedItem.selectedProviders || {});
     if (providerName) {
       nextProviders[providerType] = providerName;
     } else {
@@ -14428,7 +15258,7 @@ var PanelEditItemProviders = function PanelEditItemProviders(_ref) {
           var _ref5 = _slicedToArray(_ref4, 2),
             name = _ref5[0],
             p = _ref5[1];
-          return _objectSpread$O({
+          return _objectSpread$N({
             name: name
           }, p);
         });
@@ -14583,18 +15413,14 @@ var LayoutBuilderConfigModal = function LayoutBuilderConfigModal(_ref) {
     return s.key === activeSection;
   }) || sections[0];
 
-  // Footer label: derive @scope/package straight from the layout
-  // item's scoped component id. Strict — no workspace fallback.
+  // Footer label: full scoped id (`scope.package.Component`) so the
+  // user always sees the underlying widget identity, even when the
+  // primary title is a custom per-instance label. No workspace fallback.
   var footerPackageLabel = function () {
     var scopedId = (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected.component) || "";
     if (typeof scopedId !== "string") return "";
     var parts = scopedId.split(".");
-    if (parts.length !== 3) return "";
-    var _parts = _slicedToArray(parts, 2),
-      scope = _parts[0],
-      pkg = _parts[1];
-    if (!scope || !pkg) return "";
-    return "@".concat(scope, "/").concat(pkg);
+    return parts.length === 3 ? scopedId : "";
   }();
   var componentName = itemSelected ? itemSelected["component"] : "";
   var footerLeftContent = footerPackageLabel ? /*#__PURE__*/jsxRuntime.jsxs("span", {
@@ -16179,8 +17005,8 @@ var WidgetIcon = function WidgetIcon(_ref) {
   });
 };
 
-function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 ProviderForm = function ProviderForm(_ref) {
   var credentialSchema = _ref.credentialSchema,
     _ref$initialValues = _ref.initialValues,
@@ -16225,14 +17051,14 @@ var ProviderForm = function ProviderForm(_ref) {
         var oldKey = f.key;
         if (oldKey && formData[oldKey] !== undefined) {
           setFormData(function (fd) {
-            var updated = _objectSpread$N({}, fd);
+            var updated = _objectSpread$M({}, fd);
             var val = updated[oldKey];
             delete updated[oldKey];
             if (newKey.trim()) updated[newKey] = val;
             return updated;
           });
         }
-        return _objectSpread$N(_objectSpread$N({}, f), {}, {
+        return _objectSpread$M(_objectSpread$M({}, f), {}, {
           key: newKey
         });
       });
@@ -16244,14 +17070,14 @@ var ProviderForm = function ProviderForm(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormData(function (prev) {
-        return _objectSpread$N(_objectSpread$N({}, prev), {}, _defineProperty({}, field.key, value));
+        return _objectSpread$M(_objectSpread$M({}, prev), {}, _defineProperty({}, field.key, value));
       });
     }
   };
   var handleDynamicSecretToggle = function handleDynamicSecretToggle(id) {
     setDynamicFields(function (prev) {
       return prev.map(function (f) {
-        return f.id === id ? _objectSpread$N(_objectSpread$N({}, f), {}, {
+        return f.id === id ? _objectSpread$M(_objectSpread$M({}, f), {}, {
           secret: !f.secret
         }) : f;
       });
@@ -16273,7 +17099,7 @@ var ProviderForm = function ProviderForm(_ref) {
     });
     if (field !== null && field !== void 0 && field.key) {
       setFormData(function (prev) {
-        var updated = _objectSpread$N({}, prev);
+        var updated = _objectSpread$M({}, prev);
         delete updated[field.key];
         return updated;
       });
@@ -16315,13 +17141,13 @@ var ProviderForm = function ProviderForm(_ref) {
    */
   var handleInputChange = function handleInputChange(fieldName, value) {
     setFormData(function (prev) {
-      return _objectSpread$N(_objectSpread$N({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$M(_objectSpread$M({}, 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$N({}, prev);
+        var newErrors = _objectSpread$M({}, prev);
         delete newErrors[fieldName];
         return newErrors;
       });
@@ -16359,7 +17185,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$N({}, prev);
+              var newErrors = _objectSpread$M({}, prev);
               delete newErrors.providerName;
               return newErrors;
             });
@@ -16596,8 +17422,8 @@ var ToolSelector$1 = function ToolSelector(_ref) {
   });
 };
 
-function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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; }
 /**
  * Shared MCP utility functions.
  *
@@ -16725,7 +17551,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
         headerTemplate[name] = value;
       }
     });
-    var config = _objectSpread$M({}, baseMcpConfig);
+    var config = _objectSpread$L({}, baseMcpConfig);
     if (Object.keys(headerTemplate).length > 0) {
       config.headerTemplate = headerTemplate;
     } else {
@@ -16743,7 +17569,7 @@ function buildMcpConfigFromOverrides(baseMcpConfig, envMappingRows, headerRows)
       envMapping[env] = cred;
     }
   });
-  return _objectSpread$M(_objectSpread$M({}, baseMcpConfig), {}, {
+  return _objectSpread$L(_objectSpread$L({}, baseMcpConfig), {}, {
     envMapping: envMapping
   });
 }
@@ -16977,11 +17803,11 @@ function mcpJsonToFormState(jsonString, nextRowId) {
   return result;
 }
 
-function _createForOfIteratorHelper$n(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$n(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$n(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$n(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$n(r, a) : void 0; } }
-function _arrayLikeToArray$n(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$m(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$m(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$m(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$m(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$m(r, a) : void 0; } }
+function _arrayLikeToArray$m(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -17176,7 +18002,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       .map(function (entry) {
         var widget = allWidgets[entry.widgetKey];
         if (!widget) return null; // Widget no longer exists
-        return _objectSpread$L(_objectSpread$L({
+        return _objectSpread$K(_objectSpread$K({
           key: entry.widgetKey
         }, widget), {}, {
           savedProviders: entry.providers || {},
@@ -17264,11 +18090,11 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
           // Flatten all widgets from all packages for the widget list
           flatWidgets = [];
-          _iterator = _createForOfIteratorHelper$n(result.packages || []);
+          _iterator = _createForOfIteratorHelper$m(result.packages || []);
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
               pkg = _step.value;
-              _iterator2 = _createForOfIteratorHelper$n(pkg.widgets || []);
+              _iterator2 = _createForOfIteratorHelper$m(pkg.widgets || []);
               try {
                 for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                   widget = _step2.value;
@@ -17327,7 +18153,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       // Get widgets from ComponentManager
       var allWidgets = ComponentManager.map();
       var widgetList = Object.keys(allWidgets).map(function (key) {
-        return _objectSpread$L({
+        return _objectSpread$K({
           key: key
         }, allWidgets[key]);
       }).filter(function (widget) {
@@ -17558,7 +18384,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
       setInlineCreateType(null);
       setInlineCreateSchema({});
       setInlineCreateError(null);
-      setSelectedProviders(_objectSpread$L(_objectSpread$L({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
+      setSelectedProviders(_objectSpread$K(_objectSpread$K({}, selectedProviders), {}, _defineProperty({}, providerType, providerName)));
     }
   };
   var handleInlineProviderSubmit = function handleInlineProviderSubmit(formData) {
@@ -17579,7 +18405,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Auto-select the newly created provider
       setSelectedProviders(function (prev) {
-        return _objectSpread$L(_objectSpread$L({}, prev), {}, _defineProperty({}, providerType, providerName));
+        return _objectSpread$K(_objectSpread$K({}, prev), {}, _defineProperty({}, providerType, providerName));
       });
 
       // Collapse the inline form
@@ -17633,11 +18459,11 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
   };
   var inlineHandleCredentialChange = function inlineHandleCredentialChange(fieldName, value) {
     setInlineCredentialData(function (prev) {
-      return _objectSpread$L(_objectSpread$L({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$K(_objectSpread$K({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (inlineFormErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setInlineFormErrors(function (prev) {
-        var next = _objectSpread$L({}, prev);
+        var next = _objectSpread$K({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -17730,7 +18556,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
         refreshProviders();
       }
       setSelectedProviders(function (prev) {
-        return _objectSpread$L(_objectSpread$L({}, prev), {}, _defineProperty({}, providerType, providerName));
+        return _objectSpread$K(_objectSpread$K({}, prev), {}, _defineProperty({}, providerType, providerName));
       });
 
       // Reset stepper state
@@ -17751,7 +18577,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
     });
   };
   var handleConfigChange = function handleConfigChange(key, value) {
-    setUserConfigValues(_objectSpread$L(_objectSpread$L({}, userConfigValues), {}, _defineProperty({}, key, value)));
+    setUserConfigValues(_objectSpread$K(_objectSpread$K({}, userConfigValues), {}, _defineProperty({}, key, value)));
   };
 
   // Install a package from the registry
@@ -17817,7 +18643,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
             // Mark items as installed
             setProgressWidgets(function (prev) {
               return prev.map(function (w) {
-                return _objectSpread$L(_objectSpread$L({}, w), {}, {
+                return _objectSpread$K(_objectSpread$K({}, w), {}, {
                   status: "installed"
                 });
               });
@@ -17836,7 +18662,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
               setInstallError(msg);
               setProgressWidgets(function (prev) {
                 return prev.map(function (w) {
-                  return _objectSpread$L(_objectSpread$L({}, w), {}, {
+                  return _objectSpread$K(_objectSpread$K({}, w), {}, {
                     status: "failed",
                     error: msg
                   });
@@ -17910,7 +18736,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
       // Phase 3: Save to recent widgets
       saveToRecent(selectedWidget, selectedProviders, userConfigValues);
-      onSelectWidget(_objectSpread$L(_objectSpread$L({}, selectedWidget), {}, {
+      onSelectWidget(_objectSpread$K(_objectSpread$K({}, selectedWidget), {}, {
         selectedProviders: selectedProviders,
         // Pass to parent
         userConfigValues: userConfigValues // Pass to parent
@@ -18553,7 +19379,7 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
                                                 setInlineProviderName(value);
                                                 if (inlineFormErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                                                   setInlineFormErrors(function (prev) {
-                                                    var next = _objectSpread$L({}, prev);
+                                                    var next = _objectSpread$K({}, prev);
                                                     delete next.providerName;
                                                     return next;
                                                   });
@@ -18897,24 +19723,40 @@ var WidgetCardHeader = function WidgetCardHeader(_ref) {
   // Detect missing widgets (component key exists but not in ComponentManager)
   var isWidgetMissing = (widgetItem === null || widgetItem === void 0 ? void 0 : widgetItem.component) && !widgetConfig;
 
-  // Get widget name from config or item
-  var widgetName = (widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.displayName) || (widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.name) || (widgetItem === null || widgetItem === void 0 ? void 0 : widgetItem.name) || (widgetItem === null || widgetItem === void 0 ? void 0 : widgetItem.component);
+  // Display name priority: per-instance user title → widget's default
+  // title → developer's friendly displayName → widget config name →
+  // bare component name (last segment) → full scoped id (last resort).
+  // Mirrors WidgetsTab so the same widget shows the same name in both
+  // surfaces.
+  var widgetName = function (_widgetItem$userPrefs, _widgetConfig$userCon) {
+    var prefsTitle = widgetItem === null || widgetItem === void 0 || (_widgetItem$userPrefs = widgetItem.userPrefs) === null || _widgetItem$userPrefs === void 0 ? void 0 : _widgetItem$userPrefs.title;
+    if (typeof prefsTitle === "string" && prefsTitle.trim()) return prefsTitle;
+    var configDefault = widgetConfig === null || widgetConfig === void 0 || (_widgetConfig$userCon = widgetConfig.userConfig) === null || _widgetConfig$userCon === void 0 || (_widgetConfig$userCon = _widgetConfig$userCon.title) === null || _widgetConfig$userCon === void 0 ? void 0 : _widgetConfig$userCon.defaultValue;
+    if (typeof configDefault === "string" && configDefault.trim()) {
+      return configDefault;
+    }
+    if (widgetConfig !== null && widgetConfig !== void 0 && widgetConfig.displayName) return widgetConfig.displayName;
+    if (widgetConfig !== null && widgetConfig !== void 0 && widgetConfig.name) return widgetConfig.name;
+    if (widgetItem !== null && widgetItem !== void 0 && widgetItem.name) return widgetItem.name;
+    var comp = widgetItem === null || widgetItem === void 0 ? void 0 : widgetItem.component;
+    if (typeof comp === "string") {
+      var parts = comp.split(".");
+      if (parts.length === 3) return parts[2];
+      return comp;
+    }
+    return "Widget";
+  }();
 
-  // Derive the "@scope/package" label from the layout item's scoped
-  // component id (`scope.package.Component`). Strict — the layout item
-  // is the source of truth. If the item isn't scoped (a legacy layout
-  // that LayoutModel couldn't migrate, or a missing widget) the label
-  // is empty rather than guessed from the workspace category.
+  // Show the full scoped registry id (`scope.package.Component`) as
+  // the subtitle. The friendly title on line 1 may be a custom user
+  // title that doesn't reveal which widget is mounted; the subtitle
+  // pins down the underlying identity. Strict — the layout item is
+  // the source of truth.
   var packageLabel = function () {
     var scopedId = (widgetItem === null || widgetItem === void 0 ? void 0 : widgetItem.component) || (widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.id) || "";
     if (typeof scopedId !== "string") return "";
     var parts = scopedId.split(".");
-    if (parts.length !== 3) return "";
-    var _parts = _slicedToArray(parts, 2),
-      scope = _parts[0],
-      pkg = _parts[1];
-    if (!scope || !pkg) return "";
-    return "@".concat(scope, "/").concat(pkg);
+    return parts.length === 3 ? scopedId : "";
   }();
 
   // Get provider requirements from widget config (not from item directly)
@@ -19169,9 +20011,9 @@ var useWidgetSchedulerStatus = function useWidgetSchedulerStatus(widgetId) {
   };
 };
 
-function _createForOfIteratorHelper$m(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$m(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$m(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$m(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$m(r, a) : void 0; } }
-function _arrayLikeToArray$m(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$l(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$l(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$l(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$l(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$l(r, a) : void 0; } }
+function _arrayLikeToArray$l(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function formatCountdown(ms) {
   if (ms == null || ms < 0) return "--";
   if (ms < 1000) return "< 1s";
@@ -19288,7 +20130,7 @@ var WidgetCardStatusBar = function WidgetCardStatusBar(_ref) {
 
   // Find soonest countdown among enabled tasks
   var soonestMs = null;
-  var _iterator = _createForOfIteratorHelper$m(enabledTasks),
+  var _iterator = _createForOfIteratorHelper$l(enabledTasks),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -19741,8 +20583,8 @@ var ProviderSelector = function ProviderSelector(_ref) {
   });
 };
 
-function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   var transport = _ref.transport,
     envMappingRows = _ref.envMappingRows,
@@ -19771,7 +20613,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$K(_objectSpread$K({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$J(_objectSpread$J({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -19796,7 +20638,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$K(_objectSpread$K({}, row), {}, _defineProperty({}, field, value)) : row;
+        return row.id === id ? _objectSpread$J(_objectSpread$J({}, row), {}, _defineProperty({}, field, value)) : row;
       });
     });
   };
@@ -19945,8 +20787,8 @@ var AdvancedMcpConfig = function AdvancedMcpConfig(_ref) {
   });
 };
 
-function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 McpServerPicker = function McpServerPicker(_ref) {
   var _testResult$tools;
   var isOpen = _ref.isOpen,
@@ -20125,11 +20967,11 @@ var McpServerPicker = function McpServerPicker(_ref) {
   // Handle credential field changes
   var handleCredentialChange = function handleCredentialChange(fieldName, value) {
     setCredentialData(function (prev) {
-      return _objectSpread$J(_objectSpread$J({}, prev), {}, _defineProperty({}, fieldName, value));
+      return _objectSpread$I(_objectSpread$I({}, prev), {}, _defineProperty({}, fieldName, value));
     });
     if (formErrors[fieldName] && value !== null && value !== void 0 && value.trim()) {
       setFormErrors(function (prev) {
-        var next = _objectSpread$J({}, prev);
+        var next = _objectSpread$I({}, prev);
         delete next[fieldName];
         return next;
       });
@@ -20467,7 +21309,7 @@ var McpServerPicker = function McpServerPicker(_ref) {
                           setProviderName(value);
                           if (formErrors.providerName && value !== null && value !== void 0 && value.trim()) {
                             setFormErrors(function (prev) {
-                              var next = _objectSpread$J({}, prev);
+                              var next = _objectSpread$I({}, prev);
                               delete next.providerName;
                               return next;
                             });
@@ -20657,8 +21499,8 @@ var McpServerPicker = function McpServerPicker(_ref) {
   });
 };
 
-function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 USE_ENHANCED_WIDGET_SELECTOR = true; // Set to false to use original modal
 
 /**
@@ -20704,7 +21546,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     var _ref3 = _slicedToArray(_ref2, 2),
       id = _ref3[0],
       p = _ref3[1];
-    return _objectSpread$I(_objectSpread$I({}, p), {}, {
+    return _objectSpread$H(_objectSpread$H({}, p), {}, {
       id: id,
       name: p.name || id
     });
@@ -20791,7 +21633,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$I(_objectSpread$I({}, workspace), {}, {
+      setCurrentWorkspace(_objectSpread$H(_objectSpread$H({}, workspace), {}, {
         layout: model.layout
       }));
     } else {
@@ -20851,7 +21693,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       }
       try {
         var hasChildren = config.type === "workspace";
-        var newLayout = addItemToItemLayout(ws.layout, gridItem.id, _objectSpread$I(_objectSpread$I({}, config), {}, {
+        var newLayout = addItemToItemLayout(ws.layout, gridItem.id, _objectSpread$H(_objectSpread$H({}, config), {}, {
           component: widgetComponentName,
           packageId: config._sourcePackage || config.packageId || null
         }), hasChildren);
@@ -21288,7 +22130,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       var uuid = widget.uuid || widget.uuidString;
       if (uuid) {
         newWorkspace.selectedProviders = newWorkspace.selectedProviders || {};
-        newWorkspace.selectedProviders[uuid] = _objectSpread$I(_objectSpread$I({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
+        newWorkspace.selectedProviders[uuid] = _objectSpread$H(_objectSpread$H({}, newWorkspace.selectedProviders[uuid] || {}), {}, _defineProperty({}, providerType, providerId));
       }
       setCurrentWorkspace(newWorkspace);
     }
@@ -21424,7 +22266,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       var _gridContainer$grid;
       var config = ComponentManager.config(widgetKey);
       if (!config) return;
-      var widgetItem = _objectSpread$I(_objectSpread$I({}, config), {}, {
+      var widgetItem = _objectSpread$H(_objectSpread$H({}, config), {}, {
         component: widgetKey,
         key: widgetKey,
         packageId: config._sourcePackage || config.packageId || null
@@ -21685,7 +22527,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
           onSelectWidget: function onSelectWidget(widget) {
 
             // Add component property from widget.key
-            var widgetWithComponent = _objectSpread$I(_objectSpread$I({}, widget), {}, {
+            var widgetWithComponent = _objectSpread$H(_objectSpread$H({}, widget), {}, {
               component: widget.key
             });
             handleClickConfirmAdd(widgetWithComponent, dropdownTarget);
@@ -23314,8 +24156,8 @@ var MissingProviderPrompt = function MissingProviderPrompt(_ref) {
   });
 };
 
-function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 _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) {
@@ -23370,7 +24212,7 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
     _defineProperty(_this, "handleProviderSelect", function (providerType, providerName, credentials) {
 
       // Update local selected providers state
-      var updatedSelected = _objectSpread$H(_objectSpread$H({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
+      var updatedSelected = _objectSpread$G(_objectSpread$G({}, _this.state.selectedProviders), {}, _defineProperty({}, providerType, providerName));
       _this.setState({
         selectedProviders: updatedSelected
       }, function () {
@@ -23444,8 +24286,8 @@ var ProviderErrorBoundary = /*#__PURE__*/function (_Component) {
 }(React.Component);
 _defineProperty(ProviderErrorBoundary, "contextType", ProviderContext);
 
-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$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 withProviderDetection = function withProviderDetection(Component) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     _ref$requiredProvider = _ref.requiredProviders,
@@ -23470,7 +24312,7 @@ var withProviderDetection = function withProviderDetection(Component) {
         onProviderSelect: onProviderSelect
       });
     }
-    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$G({}, props));
+    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$F({}, props));
   };
 };
 
@@ -24146,8 +24988,8 @@ var WidgetNotFound = function WidgetNotFound(_ref) {
   });
 };
 
-function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 _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) {
@@ -24307,7 +25149,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
 
       // Build widgetData for WidgetContext — hooks read from this
       var uuidString = DashReact.getUUID(params.uuid);
-      var widgetData = _objectSpread$F(_objectSpread$F({}, params), {}, {
+      var widgetData = _objectSpread$E(_objectSpread$E({}, params), {}, {
         uuidString: uuidString,
         providers: (config === null || config === void 0 ? void 0 : config.providers) || [],
         notifications: (config === null || config === void 0 ? void 0 : config.notifications) || []
@@ -24331,7 +25173,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$F(_objectSpread$F(_objectSpread$F({
+      var widgetElement = children === null ? /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$E(_objectSpread$E(_objectSpread$E({
         id: "widget-nokids-".concat(widgetKey),
         listen: function listen(listeners, handlers) {
           return helpers.listen(listeners, handlers);
@@ -24345,7 +25187,7 @@ var WidgetRenderer = function WidgetRenderer(_ref) {
         backgroundColor: bgColor,
         widgetConfig: helpers.config(),
         widgetEventNames: helpers.events()
-      }), "widget-nokids-".concat(widgetKey, "-v").concat(componentVersion)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$F(_objectSpread$F(_objectSpread$F({
+      }), "widget-nokids-".concat(widgetKey, "-v").concat(componentVersion)) : /*#__PURE__*/jsxRuntime.jsx(WidgetComponent, _objectSpread$E(_objectSpread$E(_objectSpread$E({
         listen: function listen(listeners, handlers) {
           return helpers.listen(listeners, handlers);
         },
@@ -24545,11 +25387,11 @@ var ExternalWidget = function ExternalWidget(_ref) {
 var GRID_CELL_WIDGET_TYPE = "grid-cell-widget";
 var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
 
-function _createForOfIteratorHelper$l(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$l(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$l(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$l(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$l(r, a) : void 0; } }
-function _arrayLikeToArray$l(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-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 _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$k(r, a) : void 0; } }
+function _arrayLikeToArray$k(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$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; }
 
 // Identifies which "bucket" of the workspace a LayoutBuilder belongs
 // to so drop handlers on grid cells can distinguish a same-container
@@ -24795,7 +25637,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
     var _ref5 = _slicedToArray(_ref4, 2),
       id = _ref5[0],
       provider = _ref5[1];
-    return _objectSpread$E({
+    return _objectSpread$D({
       id: id
     }, provider);
   }) : [];
@@ -25170,7 +26012,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
       return selectable["delete"](cn);
     });
     var resolved = new Set();
-    var _iterator = _createForOfIteratorHelper$l(selectable),
+    var _iterator = _createForOfIteratorHelper$k(selectable),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -25844,7 +26686,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$E(_objectSpread$E({}, item), {}, {
+    var itemWithProviders = _objectSpread$D(_objectSpread$D({}, item), {}, {
       selectedProviders: widgetSpecificSelections,
       onProviderSelect: onProviderSelect
     });
@@ -26062,8 +26904,8 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
   }) : renderComponentContainer(children);
 });
 
-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$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 compareChildren(a, b) {
   if (a.order < b.order) {
     return -1;
@@ -27151,7 +27993,7 @@ function moveWidgetAcrossContainers(workspace, sourceGridId, sourceCell, targetG
 
   // Rewire the grid pointers first (swap works for empty target too —
   // targetWidgetId is null then and the source cell becomes empty).
-  sourceGrid.grid[sourceCell] = _objectSpread$D(_objectSpread$D({}, sourceCellData), {}, {
+  sourceGrid.grid[sourceCell] = _objectSpread$C(_objectSpread$C({}, sourceCellData), {}, {
     component: targetWidgetId
   });
   if (!targetCellData) {
@@ -27160,7 +28002,7 @@ function moveWidgetAcrossContainers(workspace, sourceGridId, sourceCell, targetG
       hide: false
     };
   } else {
-    targetGrid.grid[targetCell] = _objectSpread$D(_objectSpread$D({}, targetCellData), {}, {
+    targetGrid.grid[targetCell] = _objectSpread$C(_objectSpread$C({}, targetCellData), {}, {
       component: sourceWidgetId
     });
   }
@@ -27577,11 +28419,11 @@ function migrateBareComponentName(componentMap, component) {
   return component;
 }
 
-function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$k(r, a) : void 0; } }
-function _arrayLikeToArray$k(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$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$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$j(r, a) : void 0; } }
+function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /**
  * The model for all layout components used primarily in the renderLayout method
  * @param {Object} layoutItem an object containing various attributes of the layout item
@@ -27593,7 +28435,7 @@ function _arrayLikeToArray$k(r, a) { (null == a || a > r.length) && (a = r.lengt
 function sortObjectByKeys(obj) {
   var sortedKeys = Object.keys(obj).sort();
   var sortedObj = {};
-  var _iterator = _createForOfIteratorHelper$k(sortedKeys),
+  var _iterator = _createForOfIteratorHelper$j(sortedKeys),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -27745,7 +28587,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$C(_objectSpread$C({}, layout.userPrefs), obj.userConfigValues);
+      layout.userPrefs = _objectSpread$B(_objectSpread$B({}, layout.userPrefs), obj.userConfigValues);
     }
 
     // Preserve provider selections for this widget
@@ -27783,956 +28625,224 @@ var LayoutModel = function LayoutModel(layoutItem, workspaceLayout, dashboardId)
       if (!layout.grid.rows) layout.grid.rows = 1;
       if (!layout.grid.cols) layout.grid.cols = 1;
 
-      // Set default gap if not specified
-      if (!layout.grid.gap) layout.grid.gap = "gap-2";
-
-      // Sort grid object keys for consistent ordering
-      layout.grid = sortObjectByKeys(layout.grid);
-
-      // If type is not explicitly set and grid exists, set type to "grid"
-      if (layout.type === "layout" && "grid" in obj) {
-        layout.type = "grid";
-      }
-    }
-    layout.parentWorkspaceName = "parentWorkspaceName" in obj ? obj["parentWorkspaceName"] : null;
-
-    // last check for this being a container...
-    // we are forcing ALL containers to be w full and h full
-    // not sure this is a good idea, but...
-    if ("workspace" in layout || layout.type !== "widget") {
-      // if (layout.workspace === "layout") {
-      if (layout.width === "") {
-        layout.width = "w-full";
-      }
-      // if (layout.height === "") {
-      layout.height = "h-full";
-      // }
-      // if (layout.scrollable === "") {
-      //     layout.scrollable = true;
-      // }
-      if (layout.direction === "") {
-        layout.direction = "col";
-      }
-      // }
-    }
-
-    // lets check to see if we already have the parent workspace?
-    if (layout.parentWorkspaceName === null) {
-      // get the nearest workspace and assign this as the parent for rendering
-      var tempLayout = DashReact.deepCopy(layout);
-      var parentWS = getNearestParentWorkspace(workspaceLayout, tempLayout, tempLayout);
-      var parentWorkspaceName = "layout";
-      if (parentWS) {
-        if ("workspace" in parentWS) {
-          parentWorkspaceName = parentWS["workspace"];
-        }
-      }
-      layout.parentWorkspaceName = parentWorkspaceName;
-    }
-    return layout;
-  } catch (e) {
-    return null;
-  }
-};
-
-/**
- * Handle all of the data for a color (theme)
- * @param {Object} obj the color object we would like to use to populate the model (optional)
- */
-var ColorModel = function ColorModel() {
-  var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  try {
-    if (obj) {
-      // console.log("cm: ", obj);
-      var temp = DashReact.deepCopy(obj);
-      var color = {};
-      color.panelType = "panelType" in temp ? temp.panelType : "main";
-      color.colorName = "colorName" in temp ? temp.colorName : "white";
-      color.colorType = "colorType" in temp ? temp.colorType !== undefined && temp.colorType !== null ? temp.colorType : "primary" : "primary";
-      color.shade = "shade" in temp ? temp.shade : 500;
-      color.variant = "variant" in temp ? temp.variant : "dark";
-      color.level = "level" in temp ? temp.level : "light";
-      color.objectType = "objectType" in temp ? temp.objectType : "bg";
-      color.styleName = DashReact.getStyleName(color.objectType); //'background';
-
-      /**
-       * generate the display name
-       */
-      color.displayName = "displayName" in temp ? temp.name : DashReact.capitalizeFirstLetter(color.colorName);
-
-      /**
-       * Strings for the theme class name and the class to be used in className
-       */
-      color.themeClass = "".concat(color.objectType, "-").concat(color.colorType, "-").concat(color.level);
-      color["class"] = "".concat(color.objectType, "-").concat(color.colorName, "-").concat(color.shade);
-
-      /**
-       * Grab the hex code via tailwind for the tailwind color
-       * This may change as we move to hex codes for selection
-       */
-      color.hex = colors[color.colorName];
-      return color;
-    }
-    return null;
-  } catch (e) {
-    return obj;
-  }
-};
-
-var SettingsModel = function SettingsModel() {
-  var settingsObject = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var obj = DashReact.deepCopy(settingsObject);
-  obj["debug"] = "debug" in obj ? obj["debug"] : false;
-  obj["theme"] = "theme" in obj ? obj["theme"] : null;
-  return obj;
-};
-
-function _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$j(r, a) : void 0; } }
-function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-/**
- * providerResolution.js
- *
- * Shared helpers for walking a workspace and figuring out which widgets
- * have required providers that are still unresolved after the 3-layer
- * resolution (widget → workspace → app-default → null). Used by:
- *
- *   - DashboardConfigModal to render the Providers tab
- *   - DashboardStage toolbar to show the unresolved-count badge
- *
- * Both places need the same answer, so keep the logic here to avoid drift
- * with the resolution inside `useMcpProvider` / `useWebSocketProvider`.
- */
-
-/**
- * Resolve which provider name a given widget instance would bind to for
- * the given provider type. Mirrors the 3-layer chain in useMcpProvider
- * and useWebSocketProvider exactly:
- *
- *   1. widget-level override    (layoutItem.selectedProviders[type])
- *   2. workspace-level binding  (workspace.selectedProviders[id][type])
- *   3. app default              (any provider of matching type flagged
- *                                `isDefaultForType` in appProviders)
- *   4. null                     (truly unresolved)
- */
-function resolveProviderName(_ref) {
-  var _layoutItem$selectedP, _workspace$selectedPr;
-  var providerType = _ref.providerType,
-    layoutItem = _ref.layoutItem,
-    widgetId = _ref.widgetId,
-    workspace = _ref.workspace,
-    appProviders = _ref.appProviders;
-  // 1. Widget-level
-  var widgetLevel = layoutItem === null || layoutItem === void 0 || (_layoutItem$selectedP = layoutItem.selectedProviders) === null || _layoutItem$selectedP === void 0 ? void 0 : _layoutItem$selectedP[providerType];
-  if (widgetLevel) return widgetLevel;
-
-  // 2. Workspace-level
-  var workspaceLevel = widgetId && (workspace === null || workspace === void 0 || (_workspace$selectedPr = workspace.selectedProviders) === null || _workspace$selectedPr === void 0 || (_workspace$selectedPr = _workspace$selectedPr[widgetId]) === null || _workspace$selectedPr === void 0 ? void 0 : _workspace$selectedPr[providerType]);
-  if (workspaceLevel) return workspaceLevel;
-
-  // 3. App default — appProviders is either a map keyed by name or an
-  //    array. Support both because different callers shape it either way.
-  if (appProviders) {
-    if (Array.isArray(appProviders)) {
-      var _iterator = _createForOfIteratorHelper$j(appProviders),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var data = _step.value;
-          if ((data === null || data === void 0 ? void 0 : data.type) === providerType && (data === null || data === void 0 ? void 0 : data.isDefaultForType) === true) {
-            return data.name;
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    } else if (_typeof(appProviders) === "object") {
-      for (var _i = 0, _Object$entries = Object.entries(appProviders); _i < _Object$entries.length; _i++) {
-        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
-          name = _Object$entries$_i[0],
-          _data = _Object$entries$_i[1];
-        if ((_data === null || _data === void 0 ? void 0 : _data.type) === providerType && (_data === null || _data === void 0 ? void 0 : _data.isDefaultForType) === true) {
-          return name;
-        }
-      }
-    }
-  }
-  return null;
-}
-
-/**
- * Walk every layout container in a workspace and yield each widget
- * instance with its concrete layout item. Handles the main layout,
- * per-page layouts, the sidebar, and nested LayoutGridContainers whose
- * children are stored on `items`/`layout`.
- *
- * Deduplicates by object identity AND by stable id so that shared
- * references across pages (or two structurally-distinct items that
- * carry the same uuidString / id, which is the wiring key) are
- * visited exactly once. Pipeline-style workspaces re-reference the
- * same widget objects across page layouts; without this dedupe the
- * Providers/Listeners tabs render one row per reference.
- */
-function forEachWidget(workspace, visit) {
-  if (!workspace) return;
-  var visitedObjects = new WeakSet();
-  var visitedIds = new Set();
-
-  // Canonical identity: `component|id-ish`. Including the component
-  // prefix in every form aligns this with `canonicalItemKey` in
-  // listenerResolution.js — they MUST agree or duplicates slip
-  // between the visit loop and downstream dedupes. Prefer uuidString
-  // (stable across sessions), then uuid, then numeric id.
-  var stableId = function stableId(item) {
-    if (!item || !item.component) return null;
-    if (item.uuidString) return "".concat(item.component, "|").concat(item.uuidString);
-    if (item.uuid) return "".concat(item.component, "|").concat(item.uuid);
-    if (item.id != null) return "".concat(item.component, "|").concat(item.id);
-    return null;
-  };
-  var _walk = function walk(items) {
-    if (!Array.isArray(items)) return;
-    var _iterator2 = _createForOfIteratorHelper$j(items),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var item = _step2.value;
-        if (!item || _typeof(item) !== "object") continue;
-        // A "widget" is any layout item with a component name.
-        // Containers can have both a component name AND nested items
-        // (e.g. LayoutGridContainer), so still recurse.
-        if (item.component) {
-          var id = stableId(item);
-          var alreadyByRef = visitedObjects.has(item);
-          var alreadyById = id != null && visitedIds.has(id);
-          if (!alreadyByRef && !alreadyById) {
-            visitedObjects.add(item);
-            if (id != null) visitedIds.add(id);
-            visit(item);
-          }
-        }
-        if (Array.isArray(item.items)) _walk(item.items);
-        if (Array.isArray(item.layout)) _walk(item.layout);
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
-    }
-  };
-  _walk(workspace.layout);
-  if (Array.isArray(workspace.pages)) {
-    var _iterator3 = _createForOfIteratorHelper$j(workspace.pages),
-      _step3;
-    try {
-      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        var page = _step3.value;
-        _walk(page === null || page === void 0 ? void 0 : page.layout);
-      }
-    } catch (err) {
-      _iterator3.e(err);
-    } finally {
-      _iterator3.f();
-    }
-  }
-  _walk(workspace.sidebarLayout);
-}
-
-/**
- * Compute the list of unresolved required providers across a workspace.
- *
- * @param {object} args
- * @param {object} args.workspace       The workspace (with layout/pages/sidebarLayout/selectedProviders).
- * @param {object|Array} args.appProviders
- *   Map keyed by provider name, or an array of provider objects. Each
- *   entry has at least `{ type, isDefaultForType }`.
- * @param {(componentName: string) => Array<{type, required?, providerClass?}>} args.getWidgetRequirements
- *   Returns the `providers: [...]` declaration from the component's
- *   `.dash.js` (via `ComponentManager.componentMap()[name].providers`).
- *
- * @returns {Array<{ widgetId, component, providerType, providerClass, layoutItem }>}
- *   One entry per (widget instance, required provider type) that lacks
- *   a binding.
- */
-function getUnresolvedProviders(_ref2) {
-  var workspace = _ref2.workspace,
-    appProviders = _ref2.appProviders,
-    getWidgetRequirements = _ref2.getWidgetRequirements;
-  if (!workspace || typeof getWidgetRequirements !== "function") return [];
-  var unresolved = [];
-  forEachWidget(workspace, function (item) {
-    var requirements = getWidgetRequirements(item.component) || [];
-    if (!Array.isArray(requirements) || requirements.length === 0) return;
-    var widgetId = item.uuidString || item.uuid || item.id || null;
-    var _iterator4 = _createForOfIteratorHelper$j(requirements),
-      _step4;
-    try {
-      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-        var req = _step4.value;
-        if (!req || !req.type) continue;
-        if (req.required === false) continue; // optional, skip
-
-        var name = resolveProviderName({
-          providerType: req.type,
-          layoutItem: item,
-          widgetId: widgetId,
-          workspace: workspace,
-          appProviders: appProviders
-        });
-        if (!name) {
-          unresolved.push({
-            widgetId: widgetId,
-            component: item.component,
-            providerType: req.type,
-            providerClass: req.providerClass || null,
-            layoutItem: item
-          });
-        }
-      }
-    } catch (err) {
-      _iterator4.e(err);
-    } finally {
-      _iterator4.f();
-    }
-  });
-  return unresolved;
-}
-
-/**
- * Group an unresolved-provider list (or any `{widget, providerType}` list)
- * by provider type, so the Providers tab can render one row per unique
- * type with N widgets beneath.
- */
-function groupByProviderType(unresolved) {
-  var byType = new Map();
-  var _iterator5 = _createForOfIteratorHelper$j(unresolved || []),
-    _step5;
-  try {
-    for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-      var u = _step5.value;
-      if (!(u !== null && u !== void 0 && u.providerType)) continue;
-      if (!byType.has(u.providerType)) byType.set(u.providerType, []);
-      byType.get(u.providerType).push(u);
-    }
-  } catch (err) {
-    _iterator5.e(err);
-  } finally {
-    _iterator5.f();
-  }
-  return byType;
-}
-
-/**
- * Summarize every widget in the workspace that requires ANY provider,
- * regardless of whether it's already resolved. Drives the Providers tab's
- * "show per-widget overrides" expansion — the modal lists all widgets so
- * the user can change an explicit override even for types that are
- * already resolved via the app default.
- */
-function getAllProviderBindings(_ref3) {
-  var workspace = _ref3.workspace,
-    appProviders = _ref3.appProviders,
-    getWidgetRequirements = _ref3.getWidgetRequirements;
-  if (!workspace || typeof getWidgetRequirements !== "function") return [];
-  var bindings = [];
-  forEachWidget(workspace, function (item) {
-    var requirements = getWidgetRequirements(item.component) || [];
-    if (!Array.isArray(requirements) || requirements.length === 0) return;
-    var widgetId = item.uuidString || item.uuid || item.id || null;
-    var _iterator6 = _createForOfIteratorHelper$j(requirements),
-      _step6;
-    try {
-      for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-        var req = _step6.value;
-        if (!req || !req.type) continue;
-        var name = resolveProviderName({
-          providerType: req.type,
-          layoutItem: item,
-          widgetId: widgetId,
-          workspace: workspace,
-          appProviders: appProviders
-        });
-        bindings.push({
-          widgetId: widgetId,
-          component: item.component,
-          providerType: req.type,
-          providerClass: req.providerClass || null,
-          required: req.required !== false,
-          resolvedProviderName: name,
-          layoutItem: item
-        });
-      }
-    } catch (err) {
-      _iterator6.e(err);
-    } finally {
-      _iterator6.f();
-    }
-  });
-  return bindings;
-}
-
-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$i(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$i(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$i(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$i(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$i(r, a) : void 0; } }
-function _arrayLikeToArray$i(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var EVENT_STRING_RE = /^([^[]+)\[([^\]]+)\]\.(.+)$/;
-
-/** Parse "Component[itemId].event" → { component, itemId, event }. */
-function parseEventString(eventString) {
-  if (typeof eventString !== "string") return null;
-  var m = eventString.match(EVENT_STRING_RE);
-  if (!m) return null;
-  return {
-    component: m[1],
-    itemId: m[2],
-    event: m[3]
-  };
-}
-
-/** Build an event string in the canonical runtime format. */
-function formatEventString(component, itemId, event) {
-  return "".concat(component, "[").concat(itemId, "].").concat(event);
-}
-
-/**
- * Get a stable id for a layout item. Layout items historically used
- * numeric `id`; some newer flows also carry `uuidString`/`uuid`. The
- * runtime event-string format uses whichever is `item.id`, so we
- * default to that and fall back to the others for resilience.
- */
-function itemIdOf(item) {
-  if (item == null) return null;
-  if (item.id !== undefined && item.id !== null) return String(item.id);
-  if (item.uuidString) return item.uuidString;
-  if (item.uuid) return item.uuid;
-  return null;
-}
-
-/**
- * Canonical identity key for a layout item: `component|id-ish`.
- * Single source of truth for dedupe in every query below and in
- * `forEachWidget` (providerResolution.js). Including the component
- * prefix prevents two structurally-different widgets from colliding
- * when they happen to share a uuid (rare, but possible when items
- * are pasted between workspaces).
- *
- * Priority matches forEachWidget's stableId so a widget that
- * forEachWidget visited once produces exactly one map entry across
- * every listener-side consumer — no more `STAGEGATECHECKLIST[4]`
- * appearing twice because one caller used `uuidString` and the
- * other used `id`.
- */
-function canonicalItemKey(item) {
-  if (!item || !item.component) return null;
-  if (item.uuidString) return "".concat(item.component, "|").concat(item.uuidString);
-  if (item.uuid) return "".concat(item.component, "|").concat(item.uuid);
-  if (item.id !== undefined && item.id !== null) {
-    return "".concat(item.component, "|").concat(item.id);
-  }
-  return null;
-}
-
-/**
- * Best-effort human label for a layout item: explicit title, then
- * widget config display name, then component name + short id.
- */
-function labelFor(item, getWidgetConfig) {
-  var _item$userPrefs, _item$userConfig;
-  var cfg = (getWidgetConfig === null || getWidgetConfig === void 0 ? void 0 : getWidgetConfig(item.component)) || null;
-  var explicit = (item === null || item === void 0 || (_item$userPrefs = item.userPrefs) === null || _item$userPrefs === void 0 ? void 0 : _item$userPrefs.title) || (item === null || item === void 0 || (_item$userConfig = item.userConfig) === null || _item$userConfig === void 0 ? void 0 : _item$userConfig.title);
-  if (explicit) return explicit;
-  if (cfg !== null && cfg !== void 0 && cfg.displayName) return cfg.displayName;
-  var id = itemIdOf(item);
-  return "".concat(item.component || "widget").concat(id ? "[".concat(String(id).slice(0, 6), "]") : "");
-}
-
-/**
- * Read the events/eventHandlers metadata for a widget. Items can carry
- * the arrays inline (older pattern where they got cached onto the
- * layout item); the current component config carries them via the
- * ComponentManager catalog. We UNION both so we don't flag a binding
- * as orphaned just because an inline cache is stale — if the current
- * widget code declares the event/handler, the binding is valid.
- */
-function eventsOf(item, getWidgetConfig) {
-  var inline = Array.isArray(item.events) ? item.events : [];
-  var cfg = (getWidgetConfig === null || getWidgetConfig === void 0 ? void 0 : getWidgetConfig(item.component)) || {};
-  var fromCfg = Array.isArray(cfg.events) ? cfg.events : [];
-  return _toConsumableArray(new Set([].concat(_toConsumableArray(inline), _toConsumableArray(fromCfg))));
-}
-function eventHandlersOf(item, getWidgetConfig) {
-  var inline = Array.isArray(item.eventHandlers) ? item.eventHandlers : [];
-  var cfg = (getWidgetConfig === null || getWidgetConfig === void 0 ? void 0 : getWidgetConfig(item.component)) || {};
-  var fromCfg = Array.isArray(cfg.eventHandlers) ? cfg.eventHandlers : [];
-  return _toConsumableArray(new Set([].concat(_toConsumableArray(inline), _toConsumableArray(fromCfg))));
-}
-
-/**
- * Every widget instance in the workspace that emits at least one event.
- * Deduplicated by `${component}|${itemId}` — the same compound key that
- * event strings use at runtime, so any "duplicate" in the tree (same
- * widget referenced across pages) resolves to the same wiring target.
- * @returns {Array<{ itemId, component, label, events: string[], key: string }>}
- */
-function getEmitters(workspace, getWidgetConfig) {
-  var byKey = new Map();
-  forEachWidget(workspace, function (item) {
-    var events = eventsOf(item, getWidgetConfig);
-    if (events.length === 0) return;
-    var key = canonicalItemKey(item);
-    if (!key) return;
-    if (byKey.has(key)) return;
-    byKey.set(key, {
-      key: key,
-      itemId: itemIdOf(item),
-      component: item.component,
-      label: labelFor(item, getWidgetConfig),
-      events: events
-    });
-  });
-  return Array.from(byKey.values());
-}
-
-/**
- * Every widget instance in the workspace that accepts at least one
- * handler. Used to populate the receiver dropdown. Deduplicated by
- * `${component}|${itemId}` (see getEmitters).
- * @returns {Array<{ itemId, component, label, eventHandlers: string[], listeners: object, key: string }>}
- */
-function getReceivers(workspace, getWidgetConfig) {
-  var byKey = new Map();
-  forEachWidget(workspace, function (item) {
-    var handlers = eventHandlersOf(item, getWidgetConfig);
-    if (handlers.length === 0) return;
-    var key = canonicalItemKey(item);
-    if (!key) return;
-    if (byKey.has(key)) return;
-    byKey.set(key, {
-      key: key,
-      itemId: itemIdOf(item),
-      component: item.component,
-      label: labelFor(item, getWidgetConfig),
-      eventHandlers: handlers,
-      listeners: item.listeners || {}
-    });
-  });
-  return Array.from(byKey.values());
-}
+      // Set default gap if not specified
+      if (!layout.grid.gap) layout.grid.gap = "gap-2";
 
-/**
- * Flatten every listener binding in the workspace into a list of
- * { receiverItemId, receiverComponent, handlerName, sourceComponent,
- *   sourceItemId, eventName, raw } tuples. `raw` is the original
- * event string for round-trip fidelity on remove.
- */
-function getCurrentWiring(workspace) {
-  var wiring = [];
-  forEachWidget(workspace, function (item) {
-    var receiverItemId = itemIdOf(item);
-    if (receiverItemId == null) return;
-    var listeners = item.listeners;
-    if (!listeners || _typeof(listeners) !== "object") return;
-    for (var _i = 0, _Object$entries = Object.entries(listeners); _i < _Object$entries.length; _i++) {
-      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
-        handlerName = _Object$entries$_i[0],
-        eventList = _Object$entries$_i[1];
-      // Live format is array; defensive guard for legacy object
-      // form (a single source widget keyed under the handler).
-      var events = Array.isArray(eventList) ? eventList : typeof eventList === "string" ? [eventList] : [];
-      var _iterator = _createForOfIteratorHelper$i(events),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var raw = _step.value;
-          var parsed = parseEventString(raw);
-          if (!parsed) continue;
-          wiring.push({
-            receiverItemId: receiverItemId,
-            receiverComponent: item.component,
-            handlerName: handlerName,
-            sourceComponent: parsed.component,
-            sourceItemId: parsed.itemId,
-            eventName: parsed.event,
-            raw: raw
-          });
+      // Sort grid object keys for consistent ordering
+      layout.grid = sortObjectByKeys(layout.grid);
+
+      // If type is not explicitly set and grid exists, set type to "grid"
+      if (layout.type === "layout" && "grid" in obj) {
+        layout.type = "grid";
+      }
+    }
+    layout.parentWorkspaceName = "parentWorkspaceName" in obj ? obj["parentWorkspaceName"] : null;
+
+    // last check for this being a container...
+    // we are forcing ALL containers to be w full and h full
+    // not sure this is a good idea, but...
+    if ("workspace" in layout || layout.type !== "widget") {
+      // if (layout.workspace === "layout") {
+      if (layout.width === "") {
+        layout.width = "w-full";
+      }
+      // if (layout.height === "") {
+      layout.height = "h-full";
+      // }
+      // if (layout.scrollable === "") {
+      //     layout.scrollable = true;
+      // }
+      if (layout.direction === "") {
+        layout.direction = "col";
+      }
+      // }
+    }
+
+    // lets check to see if we already have the parent workspace?
+    if (layout.parentWorkspaceName === null) {
+      // get the nearest workspace and assign this as the parent for rendering
+      var tempLayout = DashReact.deepCopy(layout);
+      var parentWS = getNearestParentWorkspace(workspaceLayout, tempLayout, tempLayout);
+      var parentWorkspaceName = "layout";
+      if (parentWS) {
+        if ("workspace" in parentWS) {
+          parentWorkspaceName = parentWS["workspace"];
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
       }
+      layout.parentWorkspaceName = parentWorkspaceName;
     }
-  });
-  return wiring;
-}
+    return layout;
+  } catch (e) {
+    return null;
+  }
+};
 
 /**
- * Detect listener bindings that are no longer valid: the source widget
- * doesn't exist in the workspace anymore, or the source widget doesn't
- * declare the event, or the receiver doesn't declare the handler.
- * Each entry includes a `reason` so the modal can show a sensible
- * message.
+ * Handle all of the data for a color (theme)
+ * @param {Object} obj the color object we would like to use to populate the model (optional)
  */
-function getOrphanedListeners(workspace, getWidgetConfig) {
-  var wiring = getCurrentWiring(workspace);
-  if (wiring.length === 0) return [];
-
-  // Build two lookups:
-  //   byCompositeKey: `${component}|${itemId}` → widget meta  (primary)
-  //   byItemId:       `${itemId}`              → widget meta  (fallback,
-  //                      used only for the "source-missing" check where
-  //                      the wiring's component can't be trusted yet)
-  // The composite key matches how the runtime event-string
-  // (`Component[itemId].event`) identifies a widget, so orphan
-  // decisions line up with what actually fires at runtime.
-  var byCompositeKey = new Map();
-  var byItemId = new Map();
-  forEachWidget(workspace, function (item) {
-    var id = itemIdOf(item);
-    if (id == null) return;
-    var meta = {
-      component: item.component,
-      events: eventsOf(item, getWidgetConfig),
-      eventHandlers: eventHandlersOf(item, getWidgetConfig)
-    };
-    byCompositeKey.set("".concat(item.component, "|").concat(id), meta);
-    // First-seen wins on numeric-id collisions; good enough for the
-    // "does any widget with this id exist?" fallback.
-    if (!byItemId.has(id)) byItemId.set(id, meta);
-  });
-  var orphans = [];
-  var _iterator2 = _createForOfIteratorHelper$i(wiring),
-    _step2;
+var ColorModel = function ColorModel() {
+  var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var w = _step2.value;
-      var srcKey = "".concat(w.sourceComponent, "|").concat(w.sourceItemId);
-      var src = byCompositeKey.get(srcKey);
-      if (!src) {
-        // No (component, id) match. If some OTHER widget still owns
-        // this id, the source component changed; otherwise it's truly
-        // missing. Preserves the user's ability to see whether a
-        // rename happened vs. a delete.
-        var fallback = byItemId.get(String(w.sourceItemId));
-        orphans.push(_objectSpread$B(_objectSpread$B({}, w), {}, {
-          reason: fallback ? "source-component-mismatch" : "source-missing"
-        }));
-        continue;
-      }
-      if (!src.events.includes(w.eventName)) {
-        orphans.push(_objectSpread$B(_objectSpread$B({}, w), {}, {
-          reason: "event-not-emitted"
-        }));
-        continue;
-      }
-      var receiverKey = "".concat(w.receiverComponent, "|").concat(w.receiverItemId);
-      var receiver = byCompositeKey.get(receiverKey);
-      if (receiver && !receiver.eventHandlers.includes(w.handlerName)) {
-        orphans.push(_objectSpread$B(_objectSpread$B({}, w), {}, {
-          reason: "handler-not-declared"
-        }));
-      }
+    if (obj) {
+      // console.log("cm: ", obj);
+      var temp = DashReact.deepCopy(obj);
+      var color = {};
+      color.panelType = "panelType" in temp ? temp.panelType : "main";
+      color.colorName = "colorName" in temp ? temp.colorName : "white";
+      color.colorType = "colorType" in temp ? temp.colorType !== undefined && temp.colorType !== null ? temp.colorType : "primary" : "primary";
+      color.shade = "shade" in temp ? temp.shade : 500;
+      color.variant = "variant" in temp ? temp.variant : "dark";
+      color.level = "level" in temp ? temp.level : "light";
+      color.objectType = "objectType" in temp ? temp.objectType : "bg";
+      color.styleName = DashReact.getStyleName(color.objectType); //'background';
+
+      /**
+       * generate the display name
+       */
+      color.displayName = "displayName" in temp ? temp.name : DashReact.capitalizeFirstLetter(color.colorName);
+
+      /**
+       * Strings for the theme class name and the class to be used in className
+       */
+      color.themeClass = "".concat(color.objectType, "-").concat(color.colorType, "-").concat(color.level);
+      color["class"] = "".concat(color.objectType, "-").concat(color.colorName, "-").concat(color.shade);
+
+      /**
+       * Grab the hex code via tailwind for the tailwind color
+       * This may change as we move to hex codes for selection
+       */
+      color.hex = colors[color.colorName];
+      return color;
     }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
+    return null;
+  } catch (e) {
+    return obj;
   }
-  return orphans;
-}
+};
+
+var SettingsModel = function SettingsModel() {
+  var settingsObject = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var obj = DashReact.deepCopy(settingsObject);
+  obj["debug"] = "debug" in obj ? obj["debug"] : false;
+  obj["theme"] = "theme" in obj ? obj["theme"] : null;
+  return obj;
+};
+
+function _createForOfIteratorHelper$i(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$i(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$i(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$i(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$i(r, a) : void 0; } }
+function _arrayLikeToArray$i(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 
 /**
- * Mutate a workspace tree in place, removing listener bindings whose
- * source widget is not present in the workspace. Pure: doesn't need
- * ComponentManager, so it's safe to call from WorkspaceModel during
- * load — the workspace's own tree is the only source of truth.
+ * Workspace-level pre-pass that migrates legacy bare component
+ * references throughout an entire workspace. Runs ONCE on workspace
+ * load (from `WorkspaceModel`); after this pass every layout item
+ * carries a fully scoped `component` AND every listener event string
+ * (`Comp[id].evt`) references the matching scoped component.
  *
- * Handles the four cases producing a "source-missing" orphan:
- *   - the emitter widget was deleted
- *   - the emitter widget's id now belongs to a different component
- *     (stored binding has stale component name)
- *   - the source string failed to parse (legacy/garbage data)
+ * Why workspace-level (and not per-LayoutModel item)?
  *
- * Leaves "event-not-emitted" / "handler-not-declared" cases untouched
- * because they require the current widget catalog to decide — those
- * are handled at runtime with full ComponentManager access.
+ *   - Listeners can reference widgets across pages/sidebar/root, so
+ *     migrating one item's listeners requires knowing the scoped form
+ *     of widgets in OTHER items. Per-item migration can't see that.
+ *   - `pruneDeadListenerReferences` (called immediately after) walks
+ *     the whole workspace and needs every item's `component` AND
+ *     every listener string to use the same identity space. If
+ *     listeners still reference bare names but live items are scoped,
+ *     prune treats every legacy listener as an orphan and silently
+ *     deletes the user's wiring.
  *
- * @returns {number} count of bindings removed (for logging/diagnostics)
+ * Mutating in place is intentional — `WorkspaceModel` already deep-
+ * copies the input, so the surface mutation is contained to that
+ * working copy.
+ *
+ * @param {object} workspace
+ * @param {object} componentMap - registry map keyed by scoped ids
+ * @returns {{components: number, listeners: number}} migration counts
  */
-function pruneDeadListenerReferences(workspace) {
-  if (!workspace) return 0;
+function migrateScopedIdsInWorkspace(workspace, componentMap) {
+  var counts = {
+    components: 0,
+    listeners: 0
+  };
+  if (!workspace || !componentMap) return counts;
+  var migrateComponent = function migrateComponent(item) {
+    if (!item || _typeof(item) !== "object" || !item.component) return;
+    var before = item.component;
+    var after = migrateBareComponentName(componentMap, before);
+    if (after !== before) {
+      item.component = after;
+      counts.components += 1;
+    }
+  };
 
-  // Build the set of live widgets in the tree, keyed by the same
-  // `${component}|${itemId}` the runtime uses to resolve events.
-  var liveKeys = new Set();
-  var _walkForLive = function walkForLive(items) {
-    if (!Array.isArray(items)) return;
-    var _iterator3 = _createForOfIteratorHelper$i(items),
-      _step3;
-    try {
-      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        var item = _step3.value;
-        if (!item || _typeof(item) !== "object") continue;
-        if (item.component) {
-          var id = itemIdOf(item);
-          if (id != null) liveKeys.add("".concat(item.component, "|").concat(id));
+  // Listener event strings parse as `Comp[id].evt`. Only the `Comp`
+  // portion is migrated; the id is the receiver's stable layout id
+  // (numeric or uuid) and the event name is widget-defined.
+  var EVENT_RE = /^([^[]+)(\[[^\]]+\]\..+)$/;
+  var migrateListenerStrings = function migrateListenerStrings(item) {
+    if (!item || _typeof(item) !== "object") return;
+    var listeners = item.listeners;
+    if (!listeners || _typeof(listeners) !== "object") return;
+    for (var _i = 0, _Object$keys = Object.keys(listeners); _i < _Object$keys.length; _i++) {
+      var handler = _Object$keys[_i];
+      var events = listeners[handler];
+      if (!Array.isArray(events)) continue;
+      for (var i = 0; i < events.length; i += 1) {
+        var raw = events[i];
+        if (typeof raw !== "string") continue;
+        var m = raw.match(EVENT_RE);
+        if (!m) continue;
+        var _m = _slicedToArray(m, 3),
+          comp = _m[1],
+          rest = _m[2];
+        var migrated = migrateBareComponentName(componentMap, comp);
+        if (migrated !== comp) {
+          events[i] = "".concat(migrated).concat(rest);
+          counts.listeners += 1;
         }
-        if (Array.isArray(item.items)) _walkForLive(item.items);
-        if (Array.isArray(item.layout)) _walkForLive(item.layout);
       }
-    } catch (err) {
-      _iterator3.e(err);
-    } finally {
-      _iterator3.f();
     }
   };
-  _walkForLive(workspace.layout);
-  if (Array.isArray(workspace.pages)) {
-    var _iterator4 = _createForOfIteratorHelper$i(workspace.pages),
-      _step4;
-    try {
-      for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-        var page = _step4.value;
-        _walkForLive(page === null || page === void 0 ? void 0 : page.layout);
-      }
-    } catch (err) {
-      _iterator4.e(err);
-    } finally {
-      _iterator4.f();
-    }
-  }
-  _walkForLive(workspace.sidebarLayout);
-  var removed = 0;
-  var _pruneListeners = function pruneListeners(items) {
+  var _walk = function walk(items) {
     if (!Array.isArray(items)) return;
-    var _iterator5 = _createForOfIteratorHelper$i(items),
-      _step5;
+    var _iterator = _createForOfIteratorHelper$i(items),
+      _step;
     try {
-      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-        var item = _step5.value;
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var item = _step.value;
         if (!item || _typeof(item) !== "object") continue;
-        if (item.listeners && _typeof(item.listeners) === "object") {
-          for (var _i2 = 0, _Object$keys = Object.keys(item.listeners); _i2 < _Object$keys.length; _i2++) {
-            var handler = _Object$keys[_i2];
-            var events = item.listeners[handler];
-            if (!Array.isArray(events)) continue;
-            var kept = [];
-            var _iterator6 = _createForOfIteratorHelper$i(events),
-              _step6;
-            try {
-              for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-                var raw = _step6.value;
-                var parsed = parseEventString(raw);
-                if (parsed && liveKeys.has("".concat(parsed.component, "|").concat(parsed.itemId))) {
-                  kept.push(raw);
-                } else {
-                  removed += 1;
-                }
-              }
-            } catch (err) {
-              _iterator6.e(err);
-            } finally {
-              _iterator6.f();
-            }
-            if (kept.length === 0) {
-              delete item.listeners[handler];
-            } else if (kept.length !== events.length) {
-              item.listeners[handler] = kept;
-            }
-          }
-        }
-        if (Array.isArray(item.items)) _pruneListeners(item.items);
-        if (Array.isArray(item.layout)) _pruneListeners(item.layout);
+        // Migrate this item, then recurse — order matters so that
+        // pre-existing listeners on this item see the registry as it
+        // was, not the (possibly newly-renamed) component name.
+        migrateComponent(item);
+        migrateListenerStrings(item);
+        if (Array.isArray(item.items)) _walk(item.items);
+        if (Array.isArray(item.layout)) _walk(item.layout);
       }
     } catch (err) {
-      _iterator5.e(err);
+      _iterator.e(err);
     } finally {
-      _iterator5.f();
+      _iterator.f();
     }
   };
-  _pruneListeners(workspace.layout);
+  _walk(workspace.layout);
   if (Array.isArray(workspace.pages)) {
-    var _iterator7 = _createForOfIteratorHelper$i(workspace.pages),
-      _step7;
+    var _iterator2 = _createForOfIteratorHelper$i(workspace.pages),
+      _step2;
     try {
-      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-        var _page = _step7.value;
-        _pruneListeners(_page === null || _page === void 0 ? void 0 : _page.layout);
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var page = _step2.value;
+        _walk(page === null || page === void 0 ? void 0 : page.layout);
       }
     } catch (err) {
-      _iterator7.e(err);
+      _iterator2.e(err);
     } finally {
-      _iterator7.f();
-    }
-  }
-  _pruneListeners(workspace.sidebarLayout);
-  return removed;
-}
-
-/**
- * Apply a staged delta to a workspace's listener bindings and return a
- * NEW workspace object (deep-cloned along the modified path).
- *
- * `adds` / `removes` are arrays of
- *   { receiverItemId, handlerName, sourceComponent, sourceItemId, eventName }
- *
- * Removes may also pass `raw` (the exact pre-existing event string) for
- * a precise match; otherwise we match on the canonical formatted form.
- */
-function applyWiringChanges(workspace, _ref) {
-  var _ref$adds = _ref.adds,
-    adds = _ref$adds === void 0 ? [] : _ref$adds,
-    _ref$removes = _ref.removes,
-    removes = _ref$removes === void 0 ? [] : _ref$removes;
-  if (!workspace) return workspace;
-  if (adds.length === 0 && removes.length === 0) return workspace;
-
-  // Group changes by receiver for cheap per-item updates.
-  var byReceiver = new Map();
-  var ensure = function ensure(id) {
-    if (!byReceiver.has(id)) byReceiver.set(id, {
-      adds: [],
-      removes: []
-    });
-    return byReceiver.get(id);
-  };
-  var _iterator8 = _createForOfIteratorHelper$i(adds),
-    _step8;
-  try {
-    for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-      var a = _step8.value;
-      if (!a.receiverItemId) continue;
-      ensure(String(a.receiverItemId)).adds.push(a);
-    }
-  } catch (err) {
-    _iterator8.e(err);
-  } finally {
-    _iterator8.f();
-  }
-  var _iterator9 = _createForOfIteratorHelper$i(removes),
-    _step9;
-  try {
-    for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-      var r = _step9.value;
-      if (!r.receiverItemId) continue;
-      ensure(String(r.receiverItemId)).removes.push(r);
-    }
-
-    // Walk the tree and rebuild listeners on every touched item. We do
-    // shallow clones along the path so React change detection is
-    // reliable — but the tree shape is preserved.
-  } catch (err) {
-    _iterator9.e(err);
-  } finally {
-    _iterator9.f();
-  }
-  var cloneList = function cloneList(items) {
-    return Array.isArray(items) ? items.map(function (item) {
-      return transform(item);
-    }) : items;
-  };
-  var transform = function transform(item) {
-    if (!item || _typeof(item) !== "object") return item;
-    var next = item;
-    var id = itemIdOf(item);
-    var change = id != null ? byReceiver.get(String(id)) : null;
-    if (change) {
-      var newListeners = applyToItem(item.listeners || {}, change);
-      next = _objectSpread$B(_objectSpread$B({}, next), {}, {
-        listeners: newListeners
-      });
-    }
-    if (Array.isArray(next.items)) {
-      next = _objectSpread$B(_objectSpread$B({}, next), {}, {
-        items: cloneList(next.items)
-      });
-    }
-    if (Array.isArray(next.layout)) {
-      next = _objectSpread$B(_objectSpread$B({}, next), {}, {
-        layout: cloneList(next.layout)
-      });
-    }
-    return next;
-  };
-  var updatedWs = _objectSpread$B({}, workspace);
-  if (Array.isArray(workspace.layout)) {
-    updatedWs.layout = cloneList(workspace.layout);
-  }
-  if (Array.isArray(workspace.pages)) {
-    updatedWs.pages = workspace.pages.map(function (page) {
-      return _objectSpread$B(_objectSpread$B({}, page), {}, {
-        layout: cloneList(page.layout)
-      });
-    });
-  }
-  if (Array.isArray(workspace.sidebarLayout)) {
-    updatedWs.sidebarLayout = cloneList(workspace.sidebarLayout);
-  }
-  return updatedWs;
-}
-function applyToItem(listeners, _ref2) {
-  var adds = _ref2.adds,
-    removes = _ref2.removes;
-  // Deep enough clone for handler arrays.
-  var next = {};
-  for (var _i3 = 0, _Object$entries2 = Object.entries(listeners); _i3 < _Object$entries2.length; _i3++) {
-    var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i3], 2),
-      k = _Object$entries2$_i[0],
-      v = _Object$entries2$_i[1];
-    next[k] = Array.isArray(v) ? _toConsumableArray(v) : v;
-  }
-
-  // Removes first so a re-add (rare) lands.
-  var _iterator0 = _createForOfIteratorHelper$i(removes),
-    _step0;
-  try {
-    var _loop = function _loop() {
-        var r = _step0.value;
-        var target = r.handlerName;
-        if (!target) return 0; // continue
-        var events = next[target];
-        if (!Array.isArray(events)) return 0; // continue
-        var eventStr = r.raw || formatEventString(r.sourceComponent, r.sourceItemId, r.eventName);
-        var filtered = events.filter(function (e) {
-          return e !== eventStr;
-        });
-        if (filtered.length === 0) {
-          delete next[target];
-        } else {
-          next[target] = filtered;
-        }
-      },
-      _ret;
-    for (_iterator0.s(); !(_step0 = _iterator0.n()).done;) {
-      _ret = _loop();
-      if (_ret === 0) continue;
-    }
-  } catch (err) {
-    _iterator0.e(err);
-  } finally {
-    _iterator0.f();
-  }
-  var _iterator1 = _createForOfIteratorHelper$i(adds),
-    _step1;
-  try {
-    for (_iterator1.s(); !(_step1 = _iterator1.n()).done;) {
-      var a = _step1.value;
-      var target = a.handlerName;
-      if (!target) continue;
-      var eventStr = formatEventString(a.sourceComponent, a.sourceItemId, a.eventName);
-      var existing = Array.isArray(next[target]) ? next[target] : [];
-      if (existing.includes(eventStr)) continue;
-      next[target] = [].concat(_toConsumableArray(existing), [eventStr]);
+      _iterator2.f();
     }
-  } catch (err) {
-    _iterator1.e(err);
-  } finally {
-    _iterator1.f();
   }
-  return next;
+  _walk(workspace.sidebarLayout);
+  return counts;
 }
 
 /**
@@ -28871,14 +28981,21 @@ var WorkspaceModel = function WorkspaceModel(workspaceItem) {
   workspace.selectedProviders = "selectedProviders" in obj ? obj["selectedProviders"] : {};
   workspace.themeKey = "themeKey" in obj ? obj["themeKey"] : null;
 
+  // Migrate legacy bare component refs (`PipelineKanban`) and the
+  // listener event strings that reference them (`PipelineKanban[5].evt`)
+  // to the canonical scoped form (`trops.pipeline.PipelineKanban`).
+  // Runs BEFORE pruneDeadListenerReferences — without this, prune
+  // sees bare listener strings vs scoped layout items, treats every
+  // legacy listener as an orphan, and silently deletes the user's
+  // wiring on first load post-v0.1.435.
+  migrateScopedIdsInWorkspace(workspace, ComponentManager.componentMap());
+
   // Strip any listener bindings whose source widget is no longer in
   // the tree. These "orphan" bindings are dead — they don't match any
   // live publisher and never fire — so they're safe to remove at load
-  // time before the renderer wires up subscriptions. Keeps stored
-  // workspaces self-consistent without the user having to do anything.
+  // time before the renderer wires up subscriptions.
   pruneDeadListenerReferences(workspace);
   return sanitizeWorkspaceObject(workspace);
-  // return workspace;
 };
 
 /**
@@ -55119,21 +55236,53 @@ function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.lengt
 var ALL_WIDGETS_ID = "__ALL__";
 
 /**
- * Build the scoped registry identifier for a widget. Surfaces the
- * `scope.packageName.component` triple in the settings UI so users
- * can verify what a widget's registry identity is — useful when
- * diagnosing dashboard-install warnings ("why didn't this widget
- * install?" → scoped id in the warning vs scoped id shown here).
- * Returns just the component name when scope/package metadata is
- * unavailable (e.g. bare built-ins).
+ * Pick the most user-friendly display name for a widget instance.
+ * Priority: per-instance user title → widget's default title → widget
+ * developer's friendly displayName → widget config name → the bare
+ * component name (last segment of the scoped id) → the full scoped
+ * id (last resort, never preferred — but always present).
+ *
+ * This is what shows on the primary line of the WidgetsTab list and
+ * detail header. The full scoped registry id (`scope.package.X`) is
+ * surfaced separately via `pickWidgetRef` below, so the user sees
+ * BOTH a friendly name and an unambiguous reference.
+ */
+function pickDisplayName(item, cfg) {
+  var _item$userPrefs, _item$userConfig;
+  var prefsTitle = item === null || item === void 0 || (_item$userPrefs = item.userPrefs) === null || _item$userPrefs === void 0 ? void 0 : _item$userPrefs.title;
+  if (typeof prefsTitle === "string" && prefsTitle.trim()) return prefsTitle;
+  var configDefault = item === null || item === void 0 || (_item$userConfig = item.userConfig) === null || _item$userConfig === void 0 || (_item$userConfig = _item$userConfig.title) === null || _item$userConfig === void 0 ? void 0 : _item$userConfig.defaultValue;
+  if (typeof configDefault === "string" && configDefault.trim()) {
+    return configDefault;
+  }
+  if (cfg !== null && cfg !== void 0 && cfg.displayName) return cfg.displayName;
+  if (cfg !== null && cfg !== void 0 && cfg.name) return cfg.name;
+  var bare = bareComponentName(item === null || item === void 0 ? void 0 : item.component);
+  if (bare) return bare;
+  return (item === null || item === void 0 ? void 0 : item.component) || "Widget";
+}
+
+/**
+ * Format the full scoped registry id (`scope.package.Component`) for
+ * the subtitle. The friendly display name on line 1 may be a custom
+ * per-instance title that doesn't reveal which widget is actually
+ * mounted — the subtitle pins down the underlying widget identity so
+ * the user can always see "this 'Q4 Pipeline' is actually a
+ * `trops.pipeline.SalesPipeline`".
+ *
+ * Falls back to the cfg fields when the layout item is non-canonical
+ * (legacy bare names that LayoutModel couldn't migrate). Returns
+ * null when even those are missing — caller hides the subtitle.
  */
-function buildScopedId(widget) {
-  if (!(widget !== null && widget !== void 0 && widget.component)) return null;
-  var scope = widget.scope ? String(widget.scope).replace(/^@/, "") : null;
-  var pkg = widget.packageName ? scope ? String(widget.packageName).replace(new RegExp("^@?".concat(scope, "/")), "") : String(widget.packageName).replace(/^@/, "") : null;
-  if (scope && pkg) return "".concat(scope, ".").concat(pkg, ".").concat(widget.component);
-  if (pkg) return "".concat(pkg, ".").concat(widget.component);
-  return widget.component;
+function pickWidgetRef(item, cfg) {
+  if (parseScopedComponentId(item === null || item === void 0 ? void 0 : item.component)) return item.component;
+  var scope = (cfg === null || cfg === void 0 ? void 0 : cfg.scope) || (item === null || item === void 0 ? void 0 : item.scope);
+  var pkg = (cfg === null || cfg === void 0 ? void 0 : cfg.packageName) || (item === null || item === void 0 ? void 0 : item.packageName);
+  var comp = bareComponentName(item === null || item === void 0 ? void 0 : item.component) || (cfg === null || cfg === void 0 ? void 0 : cfg.name);
+  if (!scope || !pkg || !comp) return (item === null || item === void 0 ? void 0 : item.component) || null;
+  var bareScope = String(scope).replace(/^@/, "");
+  var barePkg = String(pkg).replace(new RegExp("^@?".concat(bareScope, "/")), "");
+  return "".concat(bareScope, ".").concat(barePkg, ".").concat(comp);
 }
 
 /**
@@ -55180,13 +55329,11 @@ var WidgetsTab = function WidgetsTab(_ref) {
         result.push({
           id: id,
           component: item.component,
-          displayName: item.name || cfg.name || cfg.displayName || item.component,
+          displayName: pickDisplayName(item, cfg),
+          widgetRef: pickWidgetRef(item, cfg),
           section: section,
           userConfig: cfg.userConfig || {},
           userPrefs: item.userPrefs || {},
-          // Identity fields for the registry-identifier label. Prefer
-          // values from the widget's component manager entry since the
-          // layout item itself often doesn't carry scope/packageName.
           scope: cfg.scope || item.scope || null,
           packageName: cfg.packageName || cfg.name || item.packageName || null
         });
@@ -55324,6 +55471,10 @@ var WidgetsTab = function WidgetsTab(_ref) {
                   className: "text-[10px] bg-amber-500/20 text-amber-300 px-1.5 rounded",
                   children: stagedForWidget
                 })]
+              }), w.widgetRef && /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "text-[10px] text-gray-500 font-mono truncate mt-0.5",
+                title: w.widgetRef,
+                children: w.widgetRef
               }), /*#__PURE__*/jsxRuntime.jsx("div", {
                 className: "text-[10px] text-gray-600 mt-0.5",
                 children: fieldCount === 0 ? "No configurable fields" : "".concat(fieldCount, " field").concat(fieldCount === 1 ? "" : "s")
@@ -55356,20 +55507,19 @@ function SingleWidgetPane(_ref4) {
     effectivePrefs = _ref4.effectivePrefs,
     onFieldChange = _ref4.onFieldChange;
   var hasFields = Object.keys(widget.userConfig).length > 0;
-  var scopedId = buildScopedId(widget);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "mb-3",
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: "text-gray-200 font-semibold",
         children: widget.displayName
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "text-xs text-gray-500",
-        children: [widget.component, " \xB7 ", widget.section]
-      }), scopedId && scopedId !== widget.component && /*#__PURE__*/jsxRuntime.jsx("code", {
-        className: "block mt-1 text-[11px] text-gray-500 font-mono truncate",
-        title: scopedId,
-        children: scopedId
+      }), widget.widgetRef && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "text-xs text-gray-500 font-mono truncate mt-0.5",
+        title: widget.widgetRef,
+        children: widget.widgetRef
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "text-xs text-gray-600 mt-0.5",
+        children: widget.section
       })]
     }), hasFields ? /*#__PURE__*/jsxRuntime.jsx(PanelEditForm, {
       userConfig: widget.userConfig,
@@ -55615,11 +55765,11 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
     var derivePackage = function derivePackage(item) {
       var scopedId = typeof (item === null || item === void 0 ? void 0 : item.component) === "string" ? item.component : "";
       var parts = scopedId.split(".");
-      if (parts.length === 3) {
-        var _parts = _slicedToArray(parts, 2),
-          scope = _parts[0],
-          pkg = _parts[1];
-        if (scope && pkg) return "@".concat(scope, "/").concat(pkg);
+      if (parts.length === 3 && parts[0] && parts[1]) {
+        // Group rows by `@scope/package` so two widgets from the same
+        // package show up under one heading. The full scoped id is
+        // surfaced per-row in the table (column-level identity).
+        return "@".concat(parts[0], "/").concat(parts[1]);
       }
       // Defensive: an explicit packageId on the item still wins for
       // legacy items the migration couldn't auto-resolve.