@trops/dash-core 0.1.421 → 0.1.425

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _typeof from '@babel/runtime/helpers/typeof';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import * as DashReact from '@trops/dash-react';
-import { isObject, ThemeContext, deepCopy, MainSection, getUUID, getStylesForItem, themeObjects, Heading, SearchInput, ButtonIcon, SubHeading3, InputText, Button, FontAwesomeIcon, Tag, Modal, Paragraph, Sidebar, Panel, Stepper, Tag2, Tag3, Card2, Card3, Heading3, MenuItem3, FormLabel, SelectMenu, Switch, SelectInput, CodeEditorInline, SettingsModal, SubHeading2, tailwindHeightFractions, Menu3, Panel3, ButtonIcon2, DropdownPanel, MenuItem2, DragComponent, ConfirmationModal, DropComponent, getStyleName, capitalizeFirstLetter, colorTypes, getCSSStyleForClassname, Panel2, Heading2, SubHeading, Paragraph2, Paragraph3, Button2, Button3, MenuItem, ButtonIcon3, DashPanel, colorNames, shades, themeVariants, Tabs3, DataList, Checkbox, StatCard, Card, Tabs, Accordion, Alert, Toast, ProgressBar, Toggle, Breadcrumbs, Tabs2, Accordion2, Alert2, Toast2, ProgressBar2, Toggle2, Breadcrumbs2, Accordion3, Alert3, Toast3, ProgressBar3, Toggle3, Breadcrumbs3, ThemeFromUrlPane, TextArea, Icon2, AlgoliaSearchBox, CommandPalette, useSidebar, EmptyState, Navbar, withRouter, Menu as Menu$1 } from '@trops/dash-react';
+import { isObject, ThemeContext, deepCopy, MainSection, getUUID, getStylesForItem, themeObjects, Heading, SearchInput, ButtonIcon, SubHeading3, InputText, Button, FontAwesomeIcon, Tag, Modal, Paragraph, Sidebar, Panel, Stepper, Tag2, Tag3, Card2, Card3, Heading3, MenuItem3, FormLabel, SelectMenu, Switch, SelectInput, CodeEditorVS, SettingsModal, SubHeading2, tailwindHeightFractions, Menu3, Panel3, ButtonIcon2, DropdownPanel, MenuItem2, DragComponent, ConfirmationModal, DropComponent, getStyleName, capitalizeFirstLetter, colorTypes, getCSSStyleForClassname, Panel2, Heading2, SubHeading, Paragraph2, Paragraph3, Button2, Button3, MenuItem, ButtonIcon3, DashPanel, colorNames, shades, themeVariants, Tabs3, DataList, Checkbox, StatCard, Card, Tabs, Accordion, Alert, Toast, ProgressBar, Toggle, Breadcrumbs, Tabs2, Accordion2, Alert2, Toast2, ProgressBar2, Toggle2, Breadcrumbs2, Accordion3, Alert3, Toast3, ProgressBar3, Toggle3, Breadcrumbs3, ThemeFromUrlPane, TextArea, CodeEditorInline, Icon2, AlgoliaSearchBox, CommandPalette, useSidebar, EmptyState, Navbar, withRouter, Menu as Menu$1 } from '@trops/dash-react';
 export * from '@trops/dash-react';
 export { ThemeContext } from '@trops/dash-react';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -32,8 +32,8 @@ import { InstantSearch, Hits } from 'react-instantsearch-hooks-web';
 import { Link } from 'react-router-dom';
 import { marked } from 'marked';
 
-function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var event = {
   list: new Map(),
   //  Map(1) { '<widget-UUID>' => { 'CustomSearchbar[10].searchQueryChanged': [] } }
@@ -95,7 +95,7 @@ var event = {
           uuid: subscriber["uuid"]
         };
         if ("action" in subscriber && subscriber.action !== undefined) {
-          subscriber["action"](_objectSpread$Z({}, objectToSend));
+          subscriber["action"](_objectSpread$_({}, objectToSend));
         }
       });
     }
@@ -2873,8 +2873,8 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
   });
 };
 
-function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function ThemeBroadcast(_ref) {
   var ctx = _ref.ctx;
   useEffect(function () {
@@ -2907,7 +2907,7 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref2) {
     var dashboardTheme = themes[themeKey];
     var themeValue = dashboardTheme ? dashboardTheme[themeVariant] || null : null;
     if (!themeValue) return null;
-    return _objectSpread$Y(_objectSpread$Y({}, parentContext), {}, {
+    return _objectSpread$Z(_objectSpread$Z({}, parentContext), {}, {
       currentTheme: themeValue,
       currentThemeKey: themeKey,
       theme: themeValue,
@@ -2934,8 +2934,8 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref2) {
   });
 };
 
-function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AppThemeScope = function AppThemeScope(_ref) {
   var children = _ref.children;
   var ctx = useContext(ThemeContext);
@@ -2943,7 +2943,7 @@ var AppThemeScope = function AppThemeScope(_ref) {
     children: children
   });
   return /*#__PURE__*/jsx(ThemeContext.Provider, {
-    value: _objectSpread$X(_objectSpread$X({}, ctx), {}, {
+    value: _objectSpread$Y(_objectSpread$Y({}, ctx), {}, {
       currentTheme: ctx.appTheme,
       currentThemeKey: ctx.appThemeKey,
       theme: ctx.appTheme,
@@ -3055,8 +3055,8 @@ var LayoutContainer = function LayoutContainer(_ref) {
   });
 };
 
-function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$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; }
@@ -3338,7 +3338,7 @@ function createLayoutFromTemplate(template) {
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var cell = _step.value;
-      grid[cell.key] = _objectSpread$W({
+      grid[cell.key] = _objectSpread$X({
         component: null,
         hide: cell.hide || false
       }, cell.span ? {
@@ -4267,8 +4267,8 @@ 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 ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
   var dashboardPackage = _ref.dashboardPackage,
     appId = _ref.appId,
@@ -4384,7 +4384,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
                 setProgressWidgets(function (prev) {
                   var next = _toConsumableArray(prev);
                   if (data.index >= 0 && data.index < next.length) {
-                    next[data.index] = _objectSpread$V(_objectSpread$V({}, next[data.index]), {}, {
+                    next[data.index] = _objectSpread$W(_objectSpread$W({}, next[data.index]), {}, {
                       status: data.status,
                       error: data.error || null
                     });
@@ -4480,7 +4480,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
     var raw = preview === null || preview === void 0 ? void 0 : preview.compatibility;
     if (!raw) return raw;
     var cMap = ComponentManager.componentMap();
-    var augWidgets = _objectSpread$V({}, raw.widgets);
+    var augWidgets = _objectSpread$W({}, raw.widgets);
     var fixedCount = 0;
     var _loop = function _loop() {
       var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
@@ -5063,8 +5063,8 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
   });
 };
 
-function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LayoutManagerModal = function LayoutManagerModal(_ref) {
   var open = _ref.open,
     setIsOpen = _ref.setIsOpen,
@@ -5309,7 +5309,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
             }
             return _context2.abrupt("return");
           case 6:
-            updatedWorkspace = _objectSpread$U(_objectSpread$U({}, importedWorkspace), {}, {
+            updatedWorkspace = _objectSpread$V(_objectSpread$V({}, importedWorkspace), {}, {
               name: dashboardName.trim(),
               menuId: menuId,
               themeKey: selectedThemeKey
@@ -7067,8 +7067,8 @@ 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 ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
   var _state$selectedDashbo, _state$selectedDashbo2;
   var state = _ref.state,
@@ -7238,7 +7238,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
             _context2.next = 7;
             break;
           }
-          updatedWorkspace = _objectSpread$T(_objectSpread$T({}, installResult.workspace), {}, {
+          updatedWorkspace = _objectSpread$U(_objectSpread$U({}, installResult.workspace), {}, {
             name: name.trim(),
             menuId: menuId || 1,
             themeKey: theme
@@ -7993,8 +7993,8 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
   });
 };
 
-function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TOTAL_STEPS = 2; // Steps 0-1: Discover, Customize
 
 var initialState = {
@@ -8020,20 +8020,20 @@ var initialState = {
 function wizardReducer(state, action) {
   switch (action.type) {
     case "SET_STEP":
-      return _objectSpread$S(_objectSpread$S({}, state), {}, {
+      return _objectSpread$T(_objectSpread$T({}, state), {}, {
         step: action.payload
       });
     case "SET_FILTERS":
-      return _objectSpread$S(_objectSpread$S({}, state), {}, {
-        filters: _objectSpread$S(_objectSpread$S({}, state.filters), action.payload)
+      return _objectSpread$T(_objectSpread$T({}, state), {}, {
+        filters: _objectSpread$T(_objectSpread$T({}, state.filters), action.payload)
       });
     case "TOGGLE_FILTER_CATEGORY":
       {
         var categories = state.filters.categories.includes(action.payload) ? state.filters.categories.filter(function (c) {
           return c !== action.payload;
         }) : [].concat(_toConsumableArray(state.filters.categories), [action.payload]);
-        return _objectSpread$S(_objectSpread$S({}, state), {}, {
-          filters: _objectSpread$S(_objectSpread$S({}, state.filters), {}, {
+        return _objectSpread$T(_objectSpread$T({}, state), {}, {
+          filters: _objectSpread$T(_objectSpread$T({}, state.filters), {}, {
             categories: categories
           })
         });
@@ -8043,15 +8043,15 @@ function wizardReducer(state, action) {
         var providers = state.filters.providers.includes(action.payload) ? state.filters.providers.filter(function (p) {
           return p !== action.payload;
         }) : [].concat(_toConsumableArray(state.filters.providers), [action.payload]);
-        return _objectSpread$S(_objectSpread$S({}, state), {}, {
-          filters: _objectSpread$S(_objectSpread$S({}, state.filters), {}, {
+        return _objectSpread$T(_objectSpread$T({}, state), {}, {
+          filters: _objectSpread$T(_objectSpread$T({}, state.filters), {}, {
             providers: providers
           })
         });
       }
     case "SET_SEARCH_QUERY":
-      return _objectSpread$S(_objectSpread$S({}, state), {}, {
-        filters: _objectSpread$S(_objectSpread$S({}, state.filters), {}, {
+      return _objectSpread$T(_objectSpread$T({}, state), {}, {
+        filters: _objectSpread$T(_objectSpread$T({}, state.filters), {}, {
           query: action.payload
         })
       });
@@ -8061,7 +8061,7 @@ function wizardReducer(state, action) {
         var widgetOrder = action.payload.map(function (w) {
           return w.name || w.key;
         });
-        return _objectSpread$S(_objectSpread$S({}, state), {}, {
+        return _objectSpread$T(_objectSpread$T({}, state), {}, {
           selectedWidgets: action.payload,
           layout: {
             templateKey: templateKey,
@@ -8081,7 +8081,7 @@ function wizardReducer(state, action) {
         var toggleWidgetOrder = selectedWidgets.map(function (w) {
           return w.name || w.key;
         });
-        return _objectSpread$S(_objectSpread$S({}, state), {}, {
+        return _objectSpread$T(_objectSpread$T({}, state), {}, {
           selectedWidgets: selectedWidgets,
           layout: {
             templateKey: toggleTemplateKey,
@@ -8090,29 +8090,29 @@ function wizardReducer(state, action) {
         });
       }
     case "SET_SELECTED_DASHBOARD":
-      return _objectSpread$S(_objectSpread$S({}, state), {}, {
+      return _objectSpread$T(_objectSpread$T({}, state), {}, {
         selectedDashboard: action.payload
       });
     case "SET_PATH":
-      return _objectSpread$S(_objectSpread$S({}, state), {}, {
+      return _objectSpread$T(_objectSpread$T({}, state), {}, {
         path: action.payload
       });
     case "SET_LAYOUT":
-      return _objectSpread$S(_objectSpread$S({}, state), {}, {
+      return _objectSpread$T(_objectSpread$T({}, state), {}, {
         layout: action.payload
       });
     case "REORDER_WIDGETS":
-      return _objectSpread$S(_objectSpread$S({}, state), {}, {
-        layout: _objectSpread$S(_objectSpread$S({}, state.layout), {}, {
+      return _objectSpread$T(_objectSpread$T({}, state), {}, {
+        layout: _objectSpread$T(_objectSpread$T({}, state.layout), {}, {
           widgetOrder: action.payload
         })
       });
     case "SET_CUSTOMIZATION":
-      return _objectSpread$S(_objectSpread$S({}, state), {}, {
-        customization: _objectSpread$S(_objectSpread$S({}, state.customization), action.payload)
+      return _objectSpread$T(_objectSpread$T({}, state), {}, {
+        customization: _objectSpread$T(_objectSpread$T({}, state.customization), action.payload)
       });
     case "RESET":
-      return _objectSpread$S({}, initialState);
+      return _objectSpread$T({}, initialState);
     default:
       return state;
   }
@@ -12922,8 +12922,8 @@ 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 ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultGrid = {
   rows: 1,
   cols: 1,
@@ -12944,7 +12944,7 @@ function GridEditor(_ref) {
     setGrid = _useState2[1];
   var addRow = function addRow() {
     var newRow = grid.rows;
-    var newGrid = _objectSpread$R(_objectSpread$R({}, grid), {}, {
+    var newGrid = _objectSpread$S(_objectSpread$S({}, grid), {}, {
       rows: grid.rows + 1
     });
     for (var col = 0; col < grid.cols; col++) {
@@ -12959,7 +12959,7 @@ function GridEditor(_ref) {
   };
   var addColumn = function addColumn() {
     var newCol = grid.cols;
-    var newGrid = _objectSpread$R(_objectSpread$R({}, grid), {}, {
+    var newGrid = _objectSpread$S(_objectSpread$S({}, grid), {}, {
       cols: grid.cols + 1
     });
     for (var row = 0; row < grid.rows; row++) {
@@ -12992,8 +12992,8 @@ function GridEditor(_ref) {
       });
     }
     if (grid[nextKey]) {
-      var newGrid = _objectSpread$R({}, grid);
-      newGrid[currentKey] = _objectSpread$R(_objectSpread$R({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$S({}, grid);
+      newGrid[currentKey] = _objectSpread$S(_objectSpread$S({}, newGrid[currentKey]), {}, {
         colSpan: newGrid[currentKey].colSpan + 1
       });
       delete newGrid[nextKey];
@@ -13006,8 +13006,8 @@ function GridEditor(_ref) {
     var currentKey = "".concat(row, ".").concat(col);
     var belowKey = "".concat(row + 1, ".").concat(col);
     if (grid[belowKey]) {
-      var newGrid = _objectSpread$R({}, grid);
-      newGrid[currentKey] = _objectSpread$R(_objectSpread$R({}, newGrid[currentKey]), {}, {
+      var newGrid = _objectSpread$S({}, grid);
+      newGrid[currentKey] = _objectSpread$S(_objectSpread$S({}, newGrid[currentKey]), {}, {
         rowSpan: newGrid[currentKey].rowSpan + 1
       });
       delete newGrid[belowKey];
@@ -13024,7 +13024,7 @@ function GridEditor(_ref) {
   var splitCell = function splitCell(row, col) {
     var key = "".concat(row, ".").concat(col);
     var cell = grid[key];
-    var newGrid = _objectSpread$R({}, grid);
+    var newGrid = _objectSpread$S({}, grid);
 
     // we have to check the colspan, and since the colspan is greater than 1
     // Only handle horizontal split if colSpan > 1
@@ -13040,13 +13040,13 @@ function GridEditor(_ref) {
         var oldKey = "".concat(row, ".").concat(c);
         var newKey = "".concat(row, ".").concat(c + 1);
         if (newGrid[oldKey]) {
-          newGrid[newKey] = _objectSpread$R({}, newGrid[oldKey]);
+          newGrid[newKey] = _objectSpread$S({}, newGrid[oldKey]);
           delete newGrid[oldKey];
         }
       }
 
       // Update the original cell's colSpan
-      newGrid[key] = _objectSpread$R(_objectSpread$R({}, cell), {}, {
+      newGrid[key] = _objectSpread$S(_objectSpread$S({}, cell), {}, {
         colSpan: cell.colSpan - 1
       });
 
@@ -13058,7 +13058,7 @@ function GridEditor(_ref) {
       };
     }
     if (cell.rowSpan > 1) {
-      newGrid[key] = _objectSpread$R(_objectSpread$R({}, newGrid[key]), {}, {
+      newGrid[key] = _objectSpread$S(_objectSpread$S({}, newGrid[key]), {}, {
         rowSpan: cell.rowSpan - 1
       });
       newGrid["".concat(row + 1, ".").concat(col)] = {
@@ -13177,7 +13177,7 @@ function GridEditor(_ref) {
     var fromKey = "".concat(from.row, ".").concat(from.col);
     var toKey = "".concat(to.row, ".").concat(to.col);
     if (fromKey === toKey) return;
-    var newGrid = _objectSpread$R({}, grid);
+    var newGrid = _objectSpread$S({}, grid);
 
     // Swap the cells
     var temp = newGrid[fromKey];
@@ -13203,7 +13203,7 @@ function GridEditor(_ref) {
     // console.log("Grid updated:", sequencedGrid);
   }
   function resetGridLayout() {
-    var newGrid = _objectSpread$R({}, defaultGrid);
+    var newGrid = _objectSpread$S({}, defaultGrid);
     setGrid(newGrid);
     onUpdate(newGrid);
   }
@@ -13481,8 +13481,8 @@ var PanelEditItemGrid = function PanelEditItemGrid(_ref) {
   });
 };
 
-function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
   var item = _ref.item;
     _ref.workspace;
@@ -13505,7 +13505,7 @@ var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
   }, [widgetUuid, notificationDefs.length]);
   function handleNotifToggle(typeKey, value) {
     var _window$mainApi2;
-    var updated = _objectSpread$Q(_objectSpread$Q({}, notifPrefs), {}, _defineProperty({}, typeKey, value));
+    var updated = _objectSpread$R(_objectSpread$R({}, notifPrefs), {}, _defineProperty({}, typeKey, value));
     setNotifPrefs(updated);
     if ((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && (_window$mainApi2 = _window$mainApi2.notifications) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.setPreferences && widgetUuid) {
       window.mainApi.notifications.setPreferences(widgetUuid, _defineProperty({}, typeKey, value));
@@ -13550,8 +13550,8 @@ 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 ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DAYS = [{
   key: "mon",
   label: "Mon"
@@ -13652,7 +13652,7 @@ function TaskScheduleEditor(_ref) {
     var _window$mainApi;
     var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     if (!((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.scheduler) !== null && _window$mainApi !== void 0 && _window$mainApi.registerTask)) return;
-    var payload = _objectSpread$P({
+    var payload = _objectSpread$Q({
       widgetId: widgetId,
       widgetName: widgetName,
       workspaceId: workspaceId || "",
@@ -13927,6 +13927,25 @@ var PanelEditItemSchedule = function PanelEditItemSchedule(_ref2) {
   });
 };
 
+function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DERIVED_FIELDS = ["widgetConfig",
+// biggest offender — full component definition blob
+"uuid", "dashboardId", "parentWorkspaceName", "componentName", "siblingCount", "hasChildren", "canHaveChildren", "events",
+// declared by the widget's .dash.js, not editable per-item
+"eventHandlers"];
+function stripDerivedFields(item) {
+  if (!item || _typeof(item) !== "object") return item;
+  var out = {};
+  for (var _i = 0, _Object$entries = Object.entries(item); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+      k = _Object$entries$_i[0],
+      v = _Object$entries$_i[1];
+    if (DERIVED_FIELDS.includes(k)) continue;
+    out[k] = v;
+  }
+  return out;
+}
 var PanelCode = function PanelCode(_ref) {
   var workspace = _ref.workspace,
     onUpdate = _ref.onUpdate,
@@ -13961,18 +13980,43 @@ var PanelCode = function PanelCode(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [workspace, item]);
+  var displayJson = useMemo(function () {
+    if (!itemSelected) return "";
+    return JSON.stringify(stripDerivedFields(itemSelected), null, 2);
+  }, [itemSelected]);
   function handleCodeChange(code) {
-    var itemToSave = JSON.parse(code);
-    onUpdate(itemToSave, workspaceSelected);
+    try {
+      var edited = JSON.parse(code);
+      // Preserve the derived fields from the live item so save +
+      // re-render stays in sync with what the rest of the layout
+      // expects. LayoutModel re-derives these on reload, but losing
+      // them between render cycles can cause flashes of "unknown
+      // widget" state.
+      var merged = _objectSpread$P({}, itemSelected);
+      for (var _i2 = 0, _Object$keys = Object.keys(edited); _i2 < _Object$keys.length; _i2++) {
+        var k = _Object$keys[_i2];
+        merged[k] = edited[k];
+      }
+      onUpdate(merged, workspaceSelected);
+    } catch (_unused) {
+      // Malformed JSON — leave state alone; the editor keeps the
+      // user's text so they can fix it.
+    }
   }
   return itemSelected && workspaceSelected && /*#__PURE__*/jsx("div", {
     className: "flex flex-col flex-1 min-h-0",
     children: /*#__PURE__*/jsx("div", {
-      className: "flex-1 min-h-0 overflow-hidden",
-      children: /*#__PURE__*/jsx(CodeEditorInline, {
-        code: JSON.stringify(itemSelected, null, 2),
-        className: "h-full",
-        setCode: handleCodeChange
+      className: "flex-1 min-h-0 overflow-hidden relative",
+      children: /*#__PURE__*/jsx("div", {
+        className: "absolute inset-0",
+        children: /*#__PURE__*/jsx(CodeEditorVS, {
+          code: displayJson,
+          language: "json",
+          onChange: handleCodeChange,
+          readOnly: false,
+          minimapEnabled: false,
+          padding: "p-0"
+        })
       })
     })
   });
@@ -14508,6 +14552,39 @@ var LayoutBuilderConfigModal = function LayoutBuilderConfigModal(_ref) {
   var activeDef = sections.find(function (s) {
     return s.key === activeSection;
   }) || sections[0];
+
+  // Scope/package label for the footer so the user can tell which
+  // package a widget comes from (ambiguous component names like
+  // `ProspectListColumn` can live under either `@ai-built/…` or
+  // `@trops/pipeline`). Same derivation order as WidgetCardHeader:
+  // widget config id → widget config package → layout item workspace.
+  var footerPackageLabel = function () {
+    if (!itemSelected) return "";
+    var cfg = ComponentManager.config(itemSelected.component, itemSelected);
+    var dropTrailingComponent = function dropTrailingComponent(s) {
+      if (typeof s !== "string") return "";
+      var lastDot = s.lastIndexOf(".");
+      return lastDot > 0 ? s.slice(0, lastDot) : s;
+    };
+    var fromId = dropTrailingComponent((cfg === null || cfg === void 0 ? void 0 : cfg.id) || "");
+    if (fromId) return fromId;
+    if (cfg !== null && cfg !== void 0 && cfg["package"]) return String(cfg["package"]);
+    var ws = itemSelected.workspace;
+    if (typeof ws === "string" && ws && ws !== "layout") {
+      return ws.startsWith("@") ? ws : "@".concat(ws);
+    }
+    return "";
+  }();
+  var componentName = itemSelected ? itemSelected["component"] : "";
+  var footerLeftContent = footerPackageLabel ? /*#__PURE__*/jsxs("span", {
+    className: "flex flex-col leading-tight",
+    children: [/*#__PURE__*/jsx("span", {
+      children: componentName
+    }), /*#__PURE__*/jsx("span", {
+      className: "text-[10px] opacity-50",
+      children: footerPackageLabel
+    })]
+  }) : componentName;
   return itemSelected !== null && /*#__PURE__*/jsxs(SettingsModal, {
     isOpen: open,
     setIsOpen: setIsOpen,
@@ -14570,7 +14647,7 @@ var LayoutBuilderConfigModal = function LayoutBuilderConfigModal(_ref) {
         workspace: workspaceSelected
       })]
     }), /*#__PURE__*/jsxs(SettingsModal.Footer, {
-      leftContent: itemSelected["component"],
+      leftContent: footerLeftContent,
       children: [/*#__PURE__*/jsx(Button, {
         title: "Cancel",
         onClick: function onClick() {
@@ -18794,7 +18871,32 @@ var WidgetCardHeader = function WidgetCardHeader(_ref) {
   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.name) || (widgetItem === null || widgetItem === void 0 ? void 0 : widgetItem.name) || (widgetItem === null || widgetItem === void 0 ? void 0 : widgetItem.component);
+  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);
+
+  // Build a scope/package subtitle so ambiguous component names like
+  // `ProspectListColumn` (which might come from `@ai-built/…` or
+  // `@trops/pipeline`) are disambiguated in the layout builder. Derives
+  // from whatever identity the config / layout item carries:
+  //   - widgetConfig.id:   e.g. "@ai-built/prospectlistcolumn.ProspectListColumn"
+  //   - widgetConfig.package: e.g. "@ai-built/prospectlistcolumn"
+  //   - widgetItem.workspace: fallback hint ("ai-built" / "@trops/pipeline")
+  // Falls back to empty string so we can skip rendering if we have
+  // nothing meaningful beyond the component name itself.
+  var packageLabel = function () {
+    var dropTrailingComponent = function dropTrailingComponent(s) {
+      if (typeof s !== "string") return "";
+      var lastDot = s.lastIndexOf(".");
+      return lastDot > 0 ? s.slice(0, lastDot) : s;
+    };
+    var fromId = dropTrailingComponent((widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.id) || "");
+    if (fromId) return fromId;
+    if (widgetConfig !== null && widgetConfig !== void 0 && widgetConfig["package"]) return String(widgetConfig["package"]);
+    var wsHint = widgetItem === null || widgetItem === void 0 ? void 0 : widgetItem.workspace;
+    if (typeof wsHint === "string" && wsHint && wsHint !== "layout") {
+      return wsHint.startsWith("@") ? wsHint : "@".concat(wsHint);
+    }
+    return "";
+  }();
 
   // Get provider requirements from widget config (not from item directly)
   // Filter out providerClass: "api" so only user-configurable providers show badges
@@ -18933,11 +19035,18 @@ var WidgetCardHeader = function WidgetCardHeader(_ref) {
       children: [/*#__PURE__*/jsx(WidgetIcon, {
         icon: isWidgetMissing ? "triangle-exclamation" : widgetConfig === null || widgetConfig === void 0 ? void 0 : widgetConfig.icon,
         className: "h-4 w-4 flex-shrink-0 ".concat(isWidgetMissing ? "text-amber-500" : "text-white/60")
-      }), /*#__PURE__*/jsxs("span", {
-        className: "font-medium text-sm text-gray-100 truncate",
-        children: [widgetName || cellNumber || "Empty", isWidgetMissing && /*#__PURE__*/jsx("span", {
-          className: "text-amber-500/70 font-normal ml-1",
-          children: "(not found)"
+      }), /*#__PURE__*/jsxs("div", {
+        className: "flex flex-col min-w-0 leading-tight",
+        children: [/*#__PURE__*/jsxs("span", {
+          className: "font-medium text-sm text-gray-100 truncate",
+          children: [widgetName || cellNumber || "Empty", isWidgetMissing && /*#__PURE__*/jsx("span", {
+            className: "text-amber-500/70 font-normal ml-1",
+            children: "(not found)"
+          })]
+        }), packageLabel && /*#__PURE__*/jsxs("span", {
+          className: "text-[10px] text-gray-500 truncate",
+          title: "".concat(packageLabel, " \xB7 ").concat((widgetItem === null || widgetItem === void 0 ? void 0 : widgetItem.component) || ""),
+          children: [packageLabel, widgetItem !== null && widgetItem !== void 0 && widgetItem.component && widgetItem.component !== widgetName ? " \xB7 ".concat(widgetItem.component) : ""]
         })]
       })]
     }), (providerRequirements.length > 0 || overflowActions.length > 0 || onMoreOptions) && /*#__PURE__*/jsxs("div", {
@@ -20692,6 +20801,17 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     wsRef.current = currentWorkspace;
   }, [currentWorkspace]);
 
+  // Stable ref to onWorkspaceChange so the window-event handlers below can
+  // propagate mutations upstream without resubscribing on every render.
+  // Without this, swap/place handlers only update LayoutBuilder-local
+  // state — the parent (PinnedSidebar / PageLayoutBuilder) never learns
+  // about the change, so the next parent re-render reverts it via the
+  // `[workspace]` useEffect above and the save path reads stale state.
+  var onWorkspaceChangeRef = useRef(onWorkspaceChange);
+  useEffect(function () {
+    onWorkspaceChangeRef.current = onWorkspaceChange;
+  }, [onWorkspaceChange]);
+
   // Listen for AI widget builder placement — modifies layout state directly
   useEffect(function () {
     var handler = function handler(e) {
@@ -20713,7 +20833,8 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       try {
         var hasChildren = config.type === "workspace";
         var newLayout = addItemToItemLayout(ws.layout, gridItem.id, _objectSpread$I(_objectSpread$I({}, config), {}, {
-          component: widgetComponentName
+          component: widgetComponentName,
+          packageId: config._sourcePackage || config.packageId || null
         }), hasChildren);
         var newWidgetId = newLayout[newLayout.length - 1].id;
         var updatedGrid = newLayout.find(function (item) {
@@ -20728,6 +20849,9 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
         var newWorkspace = JSON.parse(JSON.stringify(ws));
         newWorkspace.layout = newLayout;
         setCurrentWorkspace(newWorkspace);
+        if (typeof onWorkspaceChangeRef.current === "function") {
+          onWorkspaceChangeRef.current(newWorkspace);
+        }
       } catch (err) {
       }
     };
@@ -20754,7 +20878,11 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       try {
         var newLayout = updateLayoutItem(ws.layout, {
           id: widgetId,
-          component: widgetComponentName
+          component: widgetComponentName,
+          // Stamp the replacement's source package onto the item so
+          // publish-time attribution routes to the new package, not
+          // whatever the item was previously carrying.
+          packageId: config._sourcePackage || config.packageId || null
         });
         if (!newLayout) {
           return;
@@ -20762,6 +20890,9 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
         var newWorkspace = JSON.parse(JSON.stringify(ws));
         newWorkspace.layout = newLayout;
         setCurrentWorkspace(newWorkspace);
+        if (typeof onWorkspaceChangeRef.current === "function") {
+          onWorkspaceChangeRef.current(newWorkspace);
+        }
       } catch (err) {
       }
     };
@@ -20860,13 +20991,11 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     try {
       var dashboard = new DashboardModel(currentWorkspace);
       dashboard.removeItemFromLayout(id);
-      setCurrentWorkspace(dashboard.workspace());
-
-      // const layout = currentWorkspace["layout"];
-      // const newLayout = removeItemFromLayout(layout, id);
-      // const newWorkspace = JSON.parse(JSON.stringify(currentWorkspace));
-      // newWorkspace["layout"] = newLayout;
-      // setCurrentWorkspace(newWorkspace);
+      var nextWorkspace = dashboard.workspace();
+      setCurrentWorkspace(nextWorkspace);
+      if (typeof onWorkspaceChangeRef.current === "function") {
+        onWorkspaceChangeRef.current(nextWorkspace);
+      }
     } catch (e) {
     }
   }
@@ -21278,7 +21407,8 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       if (!config) return;
       var widgetItem = _objectSpread$I(_objectSpread$I({}, config), {}, {
         component: widgetKey,
-        key: widgetKey
+        key: widgetKey,
+        packageId: config._sourcePackage || config.packageId || null
       });
 
       // Remove old widget from layout if the target cell is already occupied
@@ -21310,6 +21440,9 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       var newWorkspace = JSON.parse(JSON.stringify(_workspace));
       newWorkspace["layout"] = newLayout;
       setCurrentWorkspace(newWorkspace);
+      if (typeof onWorkspaceChangeRef.current === "function") {
+        onWorkspaceChangeRef.current(newWorkspace);
+      }
     } catch (e) {
     }
   }
@@ -21319,6 +21452,9 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
       dashboard.moveWidgetToCell(gridContainerId, sourceCellNumber, targetCellNumber);
       var newWorkspace = dashboard.workspace();
       setCurrentWorkspace(newWorkspace);
+      if (typeof onWorkspaceChangeRef.current === "function") {
+        onWorkspaceChangeRef.current(newWorkspace);
+      }
     } catch (e) {
     }
   }
@@ -27530,6 +27666,17 @@ var LayoutModel = function LayoutModel(layoutItem, workspaceLayout, dashboardId)
     // Preserve provider selections for this widget
     layout.selectedProviders = "selectedProviders" in obj ? obj.selectedProviders : {};
 
+    // Record the exact source package id (e.g. "@ai-built/pipeline")
+    // from which this widget instance was added. Used by the publish
+    // flow to attribute the widget to the correct package without
+    // guessing when multiple installed packages declare the same
+    // component name. Back-compat: read `_sourcePackage` (set by
+    // dash-electron's widget registration) if `packageId` is missing.
+    // Legacy layout items (added before this field existed) carry
+    // neither — those still go through the ranking heuristic in
+    // buildWidgetDependencies as a fallback.
+    layout.packageId = "packageId" in obj ? obj["packageId"] : obj._sourcePackage ? obj._sourcePackage : null;
+
     /**
      * @param {Object} grid Grid layout configuration
      * Structure: {
@@ -54919,6 +55066,139 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
     return b.required && !b.resolvedProviderName;
   }).length;
 
+  // Dependencies tab data — groups every widget instance in the
+  // workspace by the package it belongs to, so the user can audit
+  // which packages the dashboard actually references (and see which
+  // pages/sidebar hold each instance). Matches the same derivation
+  // order we use in WidgetCardHeader / LayoutBuilderConfigModal's
+  // footer so the same package label shows in every surface.
+  var dependencies = useMemo(function () {
+    var byPackage = new Map();
+    var stripTrailingComponent = function stripTrailingComponent(s) {
+      if (typeof s !== "string") return "";
+      var lastDot = s.lastIndexOf(".");
+      return lastDot > 0 ? s.slice(0, lastDot) : s;
+    };
+    var derivePackage = function derivePackage(item) {
+      // The layout item records the exact source package id when the
+      // widget was added. If present, trust it — no heuristics. This
+      // matches the publish flow's attribution, so the Dependencies
+      // tab and the Publish modal always agree.
+      if (item !== null && item !== void 0 && item.packageId) return String(item.packageId);
+      var cfg = typeof getWidgetConfig === "function" ? getWidgetConfig(item.component) : null;
+      if (cfg !== null && cfg !== void 0 && cfg._sourcePackage) return String(cfg._sourcePackage);
+      var fromId = stripTrailingComponent((cfg === null || cfg === void 0 ? void 0 : cfg.id) || "");
+      if (fromId) return fromId;
+      if (cfg !== null && cfg !== void 0 && cfg["package"]) return String(cfg["package"]);
+      var ws = item === null || item === void 0 ? void 0 : item.workspace;
+      if (typeof ws === "string" && ws && ws !== "layout") {
+        return ws.startsWith("@") ? ws : "@".concat(ws);
+      }
+      return "(unknown)";
+    };
+
+    // Tag each visit with its location so we can show users exactly
+    // where in the tree a package is referenced. forEachWidget walks
+    // the standard places but doesn't surface which one — so we do a
+    // lightweight parallel walk and annotate.
+    var annotatedWalks = [];
+    if (Array.isArray(workspace === null || workspace === void 0 ? void 0 : workspace.layout)) {
+      annotatedWalks.push({
+        location: "root",
+        layout: workspace.layout
+      });
+    }
+    if (Array.isArray(workspace === null || workspace === void 0 ? void 0 : workspace.pages)) {
+      var _iterator2 = _createForOfIteratorHelper$4(workspace.pages),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var page = _step2.value;
+          if (Array.isArray(page === null || page === void 0 ? void 0 : page.layout)) {
+            annotatedWalks.push({
+              location: "page: ".concat(page.name || page.id || "?"),
+              layout: page.layout
+            });
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+    if (Array.isArray(workspace === null || workspace === void 0 ? void 0 : workspace.sidebarLayout)) {
+      annotatedWalks.push({
+        location: "sidebar",
+        layout: workspace.sidebarLayout
+      });
+    }
+    var visitedByLocation = new WeakSet();
+    var _collect = function collect(items, location) {
+      if (!Array.isArray(items)) return;
+      var _iterator3 = _createForOfIteratorHelper$4(items),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var item = _step3.value;
+          if (!item || _typeof(item) !== "object") continue;
+          if (item.component && !visitedByLocation.has(item)) {
+            visitedByLocation.add(item);
+            // Ignore layout containers — they're not widgets.
+            if (item.component !== "Container" && item.component !== "LayoutGridContainer") {
+              var pkg = derivePackage(item);
+              if (!byPackage.has(pkg)) {
+                byPackage.set(pkg, {
+                  packageLabel: pkg,
+                  components: new Map(),
+                  locations: new Set(),
+                  total: 0
+                });
+              }
+              var entry = byPackage.get(pkg);
+              entry.total += 1;
+              entry.locations.add(location);
+              var cKey = item.component;
+              entry.components.set(cKey, (entry.components.get(cKey) || 0) + 1);
+            }
+          }
+          if (Array.isArray(item.items)) _collect(item.items, location);
+          if (Array.isArray(item.layout)) _collect(item.layout, location);
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+    };
+    for (var _i2 = 0, _annotatedWalks = annotatedWalks; _i2 < _annotatedWalks.length; _i2++) {
+      var w = _annotatedWalks[_i2];
+      _collect(w.layout, w.location);
+    }
+    return Array.from(byPackage.values()).map(function (e) {
+      return _objectSpread$8(_objectSpread$8({}, e), {}, {
+        components: Array.from(e.components.entries()).map(function (_ref2) {
+          var _ref3 = _slicedToArray(_ref2, 2),
+            component = _ref3[0],
+            count = _ref3[1];
+          return {
+            component: component,
+            count: count
+          };
+        }),
+        locations: Array.from(e.locations)
+      });
+    }).sort(function (a, b) {
+      return a.packageLabel.localeCompare(b.packageLabel);
+    });
+  }, [workspace, getWidgetConfig]);
+  var dependencyCount = dependencies.length;
+  // Second pass used for the badge when the user has an `(unknown)`
+  // bucket — usually a sign of a stale reference they want to clean up.
+  var hasUnknownDependency = dependencies.some(function (d) {
+    return d.packageLabel === "(unknown)";
+  });
+
   // Listeners tab data — emitter list, receiver list, current wiring,
   // orphans. All recompute when the workspace or staged delta changes
   // so the UI reflects pending edits without saving first.
@@ -54954,11 +55234,11 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
     }
     if (stagedListeners.adds.length > 0) {
       // Append; avoid duplicates against current state.
-      var _iterator2 = _createForOfIteratorHelper$4(stagedListeners.adds),
-        _step2;
+      var _iterator4 = _createForOfIteratorHelper$4(stagedListeners.adds),
+        _step4;
       try {
         var _loop = function _loop() {
-          var a = _step2.value;
+          var a = _step4.value;
           if (!next.some(function (w) {
             return sameWiringEntry(w, a);
           })) {
@@ -54967,28 +55247,28 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
             })]);
           }
         };
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
           _loop();
         }
       } catch (err) {
-        _iterator2.e(err);
+        _iterator4.e(err);
       } finally {
-        _iterator2.f();
+        _iterator4.f();
       }
     }
     if (orphans.length === 0) return next;
     var orphanIndex = new Map();
-    var _iterator3 = _createForOfIteratorHelper$4(orphans),
-      _step3;
+    var _iterator5 = _createForOfIteratorHelper$4(orphans),
+      _step5;
     try {
-      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-        var o = _step3.value;
+      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+        var o = _step5.value;
         orphanIndex.set("".concat(o.receiverItemId, "|").concat(o.handlerName, "|").concat(o.sourceComponent, "|").concat(o.sourceItemId, "|").concat(o.eventName), o.reason);
       }
     } catch (err) {
-      _iterator3.e(err);
+      _iterator5.e(err);
     } finally {
-      _iterator3.f();
+      _iterator5.f();
     }
     return next.map(function (w) {
       var key = "".concat(w.receiverItemId, "|").concat(w.handlerName, "|").concat(w.sourceComponent, "|").concat(w.sourceItemId, "|").concat(w.eventName);
@@ -55020,17 +55300,17 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
   function stagePrefFieldForAll(targetWidgets, key, value) {
     setStagedPrefs(function (prev) {
       var next = _objectSpread$8({}, prev);
-      var _iterator4 = _createForOfIteratorHelper$4(targetWidgets),
-        _step4;
+      var _iterator6 = _createForOfIteratorHelper$4(targetWidgets),
+        _step6;
       try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-          var w = _step4.value;
+        for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+          var w = _step6.value;
           next[w.id] = _objectSpread$8(_objectSpread$8({}, next[w.id] || {}), {}, _defineProperty({}, key, value));
         }
       } catch (err) {
-        _iterator4.e(err);
+        _iterator6.e(err);
       } finally {
-        _iterator4.f();
+        _iterator6.f();
       }
       return next;
     });
@@ -55054,18 +55334,18 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
     });
     setStaged(function (prev) {
       var next = _objectSpread$8({}, prev);
-      var _iterator5 = _createForOfIteratorHelper$4(affected),
-        _step5;
+      var _iterator7 = _createForOfIteratorHelper$4(affected),
+        _step7;
       try {
-        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-          var b = _step5.value;
+        for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+          var b = _step7.value;
           if (!b.widgetId) continue;
           next[b.widgetId] = _objectSpread$8(_objectSpread$8({}, next[b.widgetId] || {}), {}, _defineProperty({}, providerType, providerName || ""));
         }
       } catch (err) {
-        _iterator5.e(err);
+        _iterator7.e(err);
       } finally {
-        _iterator5.f();
+        _iterator7.f();
       }
       return next;
     });
@@ -55123,12 +55403,12 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
   function handleSave() {
     // Provider changes
     var providerChanges = [];
-    for (var _i2 = 0, _Object$entries2 = Object.entries(staged); _i2 < _Object$entries2.length; _i2++) {
-      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
+    for (var _i3 = 0, _Object$entries2 = Object.entries(staged); _i3 < _Object$entries2.length; _i3++) {
+      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i3], 2),
         widgetId = _Object$entries2$_i[0],
         byType = _Object$entries2$_i[1];
-      for (var _i3 = 0, _Object$entries3 = Object.entries(byType); _i3 < _Object$entries3.length; _i3++) {
-        var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i3], 2),
+      for (var _i4 = 0, _Object$entries3 = Object.entries(byType); _i4 < _Object$entries3.length; _i4++) {
+        var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i4], 2),
           providerType = _Object$entries3$_i[0],
           providerName = _Object$entries3$_i[1];
         providerChanges.push({
@@ -55149,12 +55429,12 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
 
     // Widget userPrefs changes (Widgets tab)
     var prefChanges = [];
-    for (var _i4 = 0, _Object$entries4 = Object.entries(stagedPrefs); _i4 < _Object$entries4.length; _i4++) {
-      var _Object$entries4$_i = _slicedToArray(_Object$entries4[_i4], 2),
+    for (var _i5 = 0, _Object$entries4 = Object.entries(stagedPrefs); _i5 < _Object$entries4.length; _i5++) {
+      var _Object$entries4$_i = _slicedToArray(_Object$entries4[_i5], 2),
         _widgetId = _Object$entries4$_i[0],
         fields = _Object$entries4$_i[1];
-      for (var _i5 = 0, _Object$entries5 = Object.entries(fields); _i5 < _Object$entries5.length; _i5++) {
-        var _Object$entries5$_i = _slicedToArray(_Object$entries5[_i5], 2),
+      for (var _i6 = 0, _Object$entries5 = Object.entries(fields); _i6 < _Object$entries5.length; _i6++) {
+        var _Object$entries5$_i = _slicedToArray(_Object$entries5[_i6], 2),
           key = _Object$entries5$_i[0],
           value = _Object$entries5$_i[1];
         prefChanges.push({
@@ -55240,6 +55520,18 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
           },
           className: "px-3 py-1.5 text-sm font-medium -mb-px border-b-2 ".concat(activeTab === "widgets" ? "border-indigo-400" : "border-transparent opacity-60 hover:opacity-100"),
           children: "Widgets"
+        }), /*#__PURE__*/jsxs("button", {
+          type: "button",
+          onClick: function onClick() {
+            return setActiveTab("dependencies");
+          },
+          className: "px-3 py-1.5 text-sm font-medium -mb-px border-b-2 ".concat(activeTab === "dependencies" ? "border-indigo-400" : "border-transparent opacity-60 hover:opacity-100"),
+          children: ["Dependencies", dependencyCount > 0 && /*#__PURE__*/jsxs("span", {
+            className: "ml-2 text-[10px] opacity-60",
+            children: ["(", dependencyCount, ")"]
+          }), hasUnknownDependency && /*#__PURE__*/jsx("span", {
+            className: "ml-1 inline-block h-1.5 w-1.5 rounded-full bg-amber-400 align-middle"
+          })]
         })]
       }), /*#__PURE__*/jsxs("div", {
         className: "flex-1 min-h-0 ".concat(activeTab === "widgets" ? "" : "p-5"),
@@ -55260,6 +55552,8 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
           stagedPrefs: stagedPrefs,
           stagePrefField: stagePrefField,
           stagePrefFieldForAll: stagePrefFieldForAll
+        }), activeTab === "dependencies" && /*#__PURE__*/jsx(DependenciesTab, {
+          dependencies: dependencies
         })]
       }), /*#__PURE__*/jsxs("div", {
         className: "flex-shrink-0 flex flex-row justify-end gap-2 p-4 border-t border-white/10",
@@ -55282,12 +55576,12 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
  * dot per-type when any widget of that type is unresolved). Column 2
  * shows the selected type's bulk dropdown + per-widget dropdowns.
  */
-function ProvidersTab(_ref2) {
+function ProvidersTab(_ref4) {
   var _typeEntries$, _selectedRows$;
-  var grouped = _ref2.grouped,
-    providersByType = _ref2.providersByType,
-    onBulk = _ref2.onBulk,
-    onPerWidget = _ref2.onPerWidget;
+  var grouped = _ref4.grouped,
+    providersByType = _ref4.providersByType,
+    onBulk = _ref4.onBulk,
+    onPerWidget = _ref4.onPerWidget;
   var typeEntries = useMemo(function () {
     return Array.from(grouped.entries());
   }, [grouped]);
@@ -55324,10 +55618,10 @@ function ProvidersTab(_ref2) {
         children: "Provider Types"
       }), /*#__PURE__*/jsx("div", {
         className: "overflow-y-auto flex-1",
-        children: typeEntries.map(function (_ref3) {
-          var _ref4 = _slicedToArray(_ref3, 2),
-            providerType = _ref4[0],
-            rows = _ref4[1];
+        children: typeEntries.map(function (_ref5) {
+          var _ref6 = _slicedToArray(_ref5, 2),
+            providerType = _ref6[0],
+            rows = _ref6[1];
           var isActive = selectedType === providerType;
           var unresolvedHere = rows.filter(function (r) {
             return r.required && !r.resolvedProviderName;
@@ -55463,6 +55757,73 @@ function ProvidersTab(_ref2) {
   });
 }
 
+// ─── Dependencies tab ──────────────────────────────────────────────────────
+
+/**
+ * Read-only breakdown of every widget package referenced by the
+ * workspace. Same source of truth as the dashboard publish plan (it
+ * walks layout + pages + sidebar + nested LayoutGridContainer items),
+ * surfaced earlier in the authoring flow so the user can verify which
+ * packages the dashboard actually pulls in — and catch stale references
+ * before hitting the Publish modal.
+ *
+ * `(unknown)` buckets mean a component we couldn't map back to a
+ * package (no `config.id` / `config.package` / item.workspace hint).
+ * Usually this is a stale layout item whose widget got uninstalled.
+ */
+function DependenciesTab(_ref8) {
+  var dependencies = _ref8.dependencies;
+  if (!dependencies || dependencies.length === 0) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex items-center justify-center h-full text-sm opacity-60 text-center",
+      children: /*#__PURE__*/jsx("div", {
+        children: "No widget packages referenced by this dashboard."
+      })
+    });
+  }
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col h-full min-h-0 overflow-y-auto gap-3",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "text-xs opacity-60",
+      children: "Every widget instance in this workspace, grouped by the package it belongs to. Locations show where each package is referenced."
+    }), dependencies.map(function (dep) {
+      var isUnknown = dep.packageLabel === "(unknown)";
+      return /*#__PURE__*/jsxs("div", {
+        className: "border rounded-lg px-4 py-3 ".concat(isUnknown ? "bg-amber-900/10 border-amber-700/40" : "bg-white/5 border-white/10"),
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "flex items-center gap-2 flex-wrap",
+          children: [/*#__PURE__*/jsx("code", {
+            className: "text-sm font-semibold ".concat(isUnknown ? "text-amber-200" : ""),
+            children: dep.packageLabel
+          }), /*#__PURE__*/jsxs("span", {
+            className: "text-xs opacity-60",
+            children: [dep.total, " instance", dep.total === 1 ? "" : "s"]
+          }), isUnknown && /*#__PURE__*/jsx("span", {
+            className: "text-[10px] text-amber-300 uppercase tracking-wide",
+            children: "no package mapping"
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: "mt-2 text-xs opacity-70",
+          children: [/*#__PURE__*/jsxs("div", {
+            children: [/*#__PURE__*/jsx("span", {
+              className: "opacity-60 mr-1",
+              children: "Widgets:"
+            }), dep.components.map(function (c) {
+              return "".concat(c.component).concat(c.count > 1 ? " \xD7".concat(c.count) : "");
+            }).join(", ")]
+          }), /*#__PURE__*/jsxs("div", {
+            className: "mt-1",
+            children: [/*#__PURE__*/jsx("span", {
+              className: "opacity-60 mr-1",
+              children: "Locations:"
+            }), dep.locations.join(", ")]
+          })]
+        })]
+      }, dep.packageLabel);
+    })]
+  });
+}
+
 // ─── Listeners tab ──────────────────────────────────────────────────────────
 
 /**
@@ -55484,13 +55845,13 @@ function sameWiringEntry(a, b) {
  * adjusts wiring per handler from a single dropdown of all emitters'
  * (widget × event) pairs.
  */
-function ListenersTab(_ref6) {
+function ListenersTab(_ref9) {
   var _receivers$;
-  var emitters = _ref6.emitters,
-    receivers = _ref6.receivers,
-    wiring = _ref6.wiring,
-    onAdd = _ref6.onAdd,
-    onRemove = _ref6.onRemove;
+  var emitters = _ref9.emitters,
+    receivers = _ref9.receivers,
+    wiring = _ref9.wiring,
+    onAdd = _ref9.onAdd,
+    onRemove = _ref9.onRemove;
   var _useState11 = useState(((_receivers$ = receivers[0]) === null || _receivers$ === void 0 ? void 0 : _receivers$.key) || null),
     _useState12 = _slicedToArray(_useState11, 2),
     selectedReceiverKey = _useState12[0],
@@ -55514,17 +55875,17 @@ function ListenersTab(_ref6) {
   // Receiver lookup (by composite key) for label resolution in chips.
   var receiverByKey = useMemo(function () {
     var m = new Map();
-    var _iterator6 = _createForOfIteratorHelper$4(receivers),
-      _step6;
+    var _iterator8 = _createForOfIteratorHelper$4(receivers),
+      _step8;
     try {
-      for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-        var r = _step6.value;
+      for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+        var r = _step8.value;
         m.set(r.key, r);
       }
     } catch (err) {
-      _iterator6.e(err);
+      _iterator8.e(err);
     } finally {
-      _iterator6.f();
+      _iterator8.f();
     }
     return m;
   }, [receivers]);
@@ -55598,24 +55959,24 @@ function ListenersTab(_ref6) {
  * third column. Matches the left-column look from
  * PanelEditItemHandlers.
  */
-function HandlersColumn(_ref8) {
-  var receiver = _ref8.receiver,
-    myWiring = _ref8.myWiring,
-    selectedHandler = _ref8.selectedHandler,
-    onSelectHandler = _ref8.onSelectHandler;
+function HandlersColumn(_ref1) {
+  var receiver = _ref1.receiver,
+    myWiring = _ref1.myWiring,
+    selectedHandler = _ref1.selectedHandler,
+    onSelectHandler = _ref1.onSelectHandler;
   var countsByHandler = useMemo(function () {
     var m = new Map();
-    var _iterator7 = _createForOfIteratorHelper$4(myWiring),
-      _step7;
+    var _iterator9 = _createForOfIteratorHelper$4(myWiring),
+      _step9;
     try {
-      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-        var w = _step7.value;
+      for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+        var w = _step9.value;
         m.set(w.handlerName, (m.get(w.handlerName) || 0) + 1);
       }
     } catch (err) {
-      _iterator7.e(err);
+      _iterator9.e(err);
     } finally {
-      _iterator7.f();
+      _iterator9.f();
     }
     return m;
   }, [myWiring]);
@@ -55663,23 +56024,23 @@ function HandlersColumn(_ref8) {
  * Checked = wired; toggling commits an add/remove. Mirrors the
  * right-column UX of PanelEditItemHandlers.
  */
-function EventsColumn(_ref9) {
-  var receiver = _ref9.receiver,
-    handlerName = _ref9.handlerName,
-    myWiring = _ref9.myWiring,
-    emitters = _ref9.emitters,
-    onAdd = _ref9.onAdd,
-    onRemove = _ref9.onRemove;
+function EventsColumn(_ref10) {
+  var receiver = _ref10.receiver,
+    handlerName = _ref10.handlerName,
+    myWiring = _ref10.myWiring,
+    emitters = _ref10.emitters,
+    onAdd = _ref10.onAdd,
+    onRemove = _ref10.onRemove;
   // Wired-for-this-handler: dedupe defensively (legacy workspaces
   // occasionally contain duplicate entries under the same handler).
   var wiredHere = useMemo(function () {
     var seen = new Set();
     var out = [];
-    var _iterator8 = _createForOfIteratorHelper$4(myWiring),
-      _step8;
+    var _iterator0 = _createForOfIteratorHelper$4(myWiring),
+      _step0;
     try {
-      for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-        var w = _step8.value;
+      for (_iterator0.s(); !(_step0 = _iterator0.n()).done;) {
+        var w = _step0.value;
         if (w.handlerName !== handlerName) continue;
         var key = "".concat(w.sourceComponent, "|").concat(w.sourceItemId, "|").concat(w.eventName);
         if (seen.has(key)) continue;
@@ -55687,9 +56048,9 @@ function EventsColumn(_ref9) {
         out.push(w);
       }
     } catch (err) {
-      _iterator8.e(err);
+      _iterator0.e(err);
     } finally {
-      _iterator8.f();
+      _iterator0.f();
     }
     return out;
   }, [myWiring, handlerName]);
@@ -56839,6 +57200,42 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
           });
         });
       }
+
+      // Mirror the change into the layout refs so the save path always
+      // sees the same truth regardless of whether it reads from refs or
+      // state. Previously a mutation that propagated via
+      // onWorkspaceChange (drag-drop, swap, place, delete) would update
+      // openTabs but leave sidebarWorkspaceRef/pageRefsMap stale, and
+      // `handleClickSaveWorkspace` reads from those refs FIRST — so it
+      // clobbered the new sidebarLayout with the stale ref contents on
+      // save. Keeping everything in sync here closes that window.
+      if (Array.isArray(wsModel.sidebarLayout)) {
+        sidebarWorkspaceRef.current = _objectSpread$6(_objectSpread$6({}, sidebarWorkspaceRef.current || {}), {}, {
+          layout: wsModel.sidebarLayout
+        });
+      }
+      if (Array.isArray(wsModel.pages)) {
+        var _iterator = _createForOfIteratorHelper$3(wsModel.pages),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var page = _step.value;
+            if (!page || !page.id || !Array.isArray(page.layout)) continue;
+            if (!pageRefsMap.current[page.id]) {
+              pageRefsMap.current[page.id] = {
+                current: null
+              };
+            }
+            pageRefsMap.current[page.id].current = _objectSpread$6(_objectSpread$6({}, pageRefsMap.current[page.id].current || {}), {}, {
+              layout: page.layout
+            });
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
     }
   }
   function handleProviderSelect(event) {
@@ -56885,14 +57282,14 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
 
     // Start from the current map, layer changes on top.
     var nextSelectedProviders = _objectSpread$6({}, workspaceSelected.selectedProviders || {});
-    var _iterator = _createForOfIteratorHelper$3(changes),
-      _step;
+    var _iterator2 = _createForOfIteratorHelper$3(changes),
+      _step2;
     try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var _step$value = _step.value,
-          widgetId = _step$value.widgetId,
-          providerType = _step$value.providerType,
-          providerName = _step$value.providerName;
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var _step2$value = _step2.value,
+          widgetId = _step2$value.widgetId,
+          providerType = _step2$value.providerType,
+          providerName = _step2$value.providerName;
         if (!widgetId || !providerType) continue;
         var prevForWidget = nextSelectedProviders[widgetId] ? _objectSpread$6({}, nextSelectedProviders[widgetId]) : {};
         if (providerName) {
@@ -56905,9 +57302,9 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
         nextSelectedProviders[widgetId] = prevForWidget;
       }
     } catch (err) {
-      _iterator.e(err);
+      _iterator2.e(err);
     } finally {
-      _iterator.f();
+      _iterator2.f();
     }
     var updatedWorkspace = _objectSpread$6(_objectSpread$6({}, workspaceSelected), {}, {
       selectedProviders: nextSelectedProviders
@@ -56937,14 +57334,14 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
 
     // Group changes by widgetId so we can patch each item once.
     var byWidget = new Map();
-    var _iterator2 = _createForOfIteratorHelper$3(changes),
-      _step2;
+    var _iterator3 = _createForOfIteratorHelper$3(changes),
+      _step3;
     try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var _step2$value = _step2.value,
-          widgetId = _step2$value.widgetId,
-          key = _step2$value.key,
-          value = _step2$value.value;
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var _step3$value = _step3.value,
+          widgetId = _step3$value.widgetId,
+          key = _step3$value.key,
+          value = _step3$value.value;
         if (!widgetId || !key) continue;
         if (!byWidget.has(widgetId)) byWidget.set(widgetId, {});
         byWidget.get(widgetId)[key] = value;
@@ -56955,9 +57352,9 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
       // Uses forEachWidget's walk under the hood by visiting each item
       // in the cloned containers.
     } catch (err) {
-      _iterator2.e(err);
+      _iterator3.e(err);
     } finally {
-      _iterator2.f();
+      _iterator3.f();
     }
     var updatedWorkspace = JSON.parse(JSON.stringify(workspaceSelected));
     var patchItem = function patchItem(item) {