@trops/dash-core 0.1.443 → 0.1.445

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, 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';
+import { isObject, ThemeContext, deepCopy, MainSection, getUUID, getStylesForItem, themeObjects, Heading, SearchInput, ButtonIcon, SubHeading3, InputText, Button, FontAwesomeIcon, Tag, Modal, Button3, Button2, 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, 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$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var 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$$({}, objectToSend));
+          subscriber["action"](_objectSpread$Z({}, objectToSend));
         }
       });
     }
@@ -2873,8 +2873,8 @@ var DashboardWrapper = function DashboardWrapper(_ref) {
   });
 };
 
-function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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 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$_(_objectSpread$_({}, parentContext), {}, {
+    return _objectSpread$Y(_objectSpread$Y({}, parentContext), {}, {
       currentTheme: themeValue,
       currentThemeKey: themeKey,
       theme: themeValue,
@@ -2934,8 +2934,8 @@ var DashboardThemeProvider = function DashboardThemeProvider(_ref2) {
   });
 };
 
-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$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var 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$Z(_objectSpread$Z({}, ctx), {}, {
+    value: _objectSpread$X(_objectSpread$X({}, ctx), {}, {
       currentTheme: ctx.appTheme,
       currentThemeKey: ctx.appThemeKey,
       theme: ctx.appTheme,
@@ -3055,11 +3055,11 @@ var LayoutContainer = function LayoutContainer(_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 _createForOfIteratorHelper$w(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$w(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$w(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$w(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$w(r, a) : void 0; } }
-function _arrayLikeToArray$w(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; }
+function _createForOfIteratorHelper$x(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$x(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$x(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$x(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$x(r, a) : void 0; } }
+function _arrayLikeToArray$x(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.
  *
@@ -3333,12 +3333,12 @@ function createLayoutFromTemplate(template) {
     cols: template.cols,
     gap: "gap-2"
   };
-  var _iterator = _createForOfIteratorHelper$w(template.cells),
+  var _iterator = _createForOfIteratorHelper$x(template.cells),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var cell = _step.value;
-      grid[cell.key] = _objectSpread$Y({
+      grid[cell.key] = _objectSpread$W({
         component: null,
         hide: cell.hide || false
       }, cell.span ? {
@@ -4264,11 +4264,261 @@ var RegistryAuthModal = function RegistryAuthModal(_ref) {
   });
 };
 
-function _createForOfIteratorHelper$v(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$v(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$v(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$v(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$v(r, a) : void 0; } }
-function _arrayLikeToArray$v(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DashboardInstallOptionsModal = function DashboardInstallOptionsModal(_ref) {
+  var _menuItems$;
+  var isOpen = _ref.isOpen,
+    setIsOpen = _ref.setIsOpen,
+    pkg = _ref.pkg,
+    _ref$menuItems = _ref.menuItems,
+    menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems,
+    onCreateFolder = _ref.onCreateFolder,
+    onConfirm = _ref.onConfirm;
+  var _useContext = useContext(ThemeContext),
+    currentTheme = _useContext.currentTheme;
+  var panelStyles = getStylesForItem(themeObjects.PANEL, currentTheme, {
+    grow: false
+  });
+  var defaultName = (pkg === null || pkg === void 0 ? void 0 : pkg.displayName) || (pkg === null || pkg === void 0 ? void 0 : pkg.name) || "";
+  var _useState = useState(defaultName),
+    _useState2 = _slicedToArray(_useState, 2),
+    name = _useState2[0],
+    setName = _useState2[1];
+  var _useState3 = useState(((_menuItems$ = menuItems[0]) === null || _menuItems$ === void 0 ? void 0 : _menuItems$.id) != null ? String(menuItems[0].id) : ""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedMenuId = _useState4[0],
+    setSelectedMenuId = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    newFolderMode = _useState6[0],
+    setNewFolderMode = _useState6[1];
+  var _useState7 = useState(""),
+    _useState8 = _slicedToArray(_useState7, 2),
+    newFolderName = _useState8[0],
+    setNewFolderName = _useState8[1];
+  var _useState9 = useState(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    creating = _useState0[0],
+    setCreating = _useState0[1];
+  var _useState1 = useState(null),
+    _useState10 = _slicedToArray(_useState1, 2),
+    error = _useState10[0],
+    setError = _useState10[1];
+
+  // Reset state every time the modal opens with a new package.
+  useEffect(function () {
+    var _menuItems$2;
+    if (!isOpen) return;
+    setName(defaultName);
+    setSelectedMenuId(((_menuItems$2 = menuItems[0]) === null || _menuItems$2 === void 0 ? void 0 : _menuItems$2.id) != null ? String(menuItems[0].id) : "");
+    setNewFolderMode(false);
+    setNewFolderName("");
+    setError(null);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isOpen, pkg === null || pkg === void 0 ? void 0 : pkg.name]);
+  var sortedFolders = useMemo(function () {
+    return _toConsumableArray(menuItems || []).filter(function (m) {
+      return m && m.id != null;
+    }).sort(function (a, b) {
+      return String(a.name || "").localeCompare(String(b.name || ""));
+    });
+  }, [menuItems]);
+  function handleConfirm() {
+    return _handleConfirm.apply(this, arguments);
+  }
+  function _handleConfirm() {
+    _handleConfirm = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var menuId, trimmed, newId, created, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setError(null);
+            menuId = selectedMenuId ? selectedMenuId : null;
+            if (!newFolderMode) {
+              _context.next = 7;
+              break;
+            }
+            trimmed = (newFolderName || "").trim();
+            if (trimmed) {
+              _context.next = 1;
+              break;
+            }
+            setError("New folder name is required.");
+            return _context.abrupt("return");
+          case 1:
+            if (!(typeof onCreateFolder !== "function")) {
+              _context.next = 2;
+              break;
+            }
+            setError("Folder creation is unavailable.");
+            return _context.abrupt("return");
+          case 2:
+            _context.prev = 2;
+            setCreating(true);
+            newId = Date.now();
+            _context.next = 3;
+            return onCreateFolder({
+              id: newId,
+              name: trimmed,
+              icon: "folder"
+            });
+          case 3:
+            created = _context.sent;
+            if (!(created !== null && created !== void 0 && created.error || (created === null || created === void 0 ? void 0 : created.success) === false)) {
+              _context.next = 4;
+              break;
+            }
+            setError((created === null || created === void 0 ? void 0 : created.message) || "Could not create folder.");
+            return _context.abrupt("return");
+          case 4:
+            menuId = newId;
+            _context.next = 6;
+            break;
+          case 5:
+            _context.prev = 5;
+            _t = _context["catch"](2);
+            setError((_t === null || _t === void 0 ? void 0 : _t.message) || "Could not create folder.");
+            return _context.abrupt("return");
+          case 6:
+            _context.prev = 6;
+            setCreating(false);
+            return _context.finish(6);
+          case 7:
+            onConfirm({
+              name: (name || "").trim() || defaultName,
+              menuId: menuId
+            });
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 5, 6, 7]]);
+    }));
+    return _handleConfirm.apply(this, arguments);
+  }
+  if (!isOpen) return null;
+  return /*#__PURE__*/jsx(Modal, {
+    isOpen: isOpen,
+    setIsOpen: setIsOpen,
+    width: "w-full max-w-md",
+    height: "h-auto",
+    children: /*#__PURE__*/jsxs("div", {
+      className: "flex flex-col rounded-lg overflow-hidden border ".concat(panelStyles.backgroundColor || "", " ").concat(panelStyles.borderColor || "", " ").concat(panelStyles.textColor || ""),
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "flex flex-row items-center justify-between p-4 border-b border-white/10",
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "flex items-center gap-3",
+          children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+            icon: "download",
+            className: "h-4 w-4 opacity-70"
+          }), /*#__PURE__*/jsx("span", {
+            className: "text-lg font-semibold",
+            children: "Install dashboard"
+          })]
+        }), /*#__PURE__*/jsx("button", {
+          type: "button",
+          onClick: function onClick() {
+            return setIsOpen(false);
+          },
+          className: "opacity-50 hover:opacity-100 transition-opacity cursor-pointer",
+          "aria-label": "Close",
+          children: /*#__PURE__*/jsx(FontAwesomeIcon, {
+            icon: "xmark",
+            className: "h-5 w-5"
+          })
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: "flex flex-col gap-4 p-4",
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "flex flex-col gap-1",
+          children: [/*#__PURE__*/jsx("label", {
+            className: "text-sm font-medium",
+            children: "Name"
+          }), /*#__PURE__*/jsx(InputText, {
+            value: name,
+            onChange: function onChange(v) {
+              return setName(v);
+            },
+            placeholder: defaultName
+          }), /*#__PURE__*/jsx("span", {
+            className: "text-[10px] opacity-50",
+            children: "The local display name only. Doesn't change the published scope or package id."
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex flex-col gap-1",
+          children: [/*#__PURE__*/jsx("label", {
+            className: "text-sm font-medium",
+            children: "Folder"
+          }), !newFolderMode ? /*#__PURE__*/jsxs("div", {
+            className: "flex flex-row gap-2 items-center",
+            children: [/*#__PURE__*/jsxs("select", {
+              value: selectedMenuId,
+              onChange: function onChange(e) {
+                return setSelectedMenuId(e.target.value);
+              },
+              className: "flex-1 px-3 py-2 bg-gray-900 border border-white/10 rounded text-sm text-gray-200",
+              children: [sortedFolders.length === 0 && /*#__PURE__*/jsx("option", {
+                value: "",
+                children: "\u2014 No folders yet \u2014"
+              }), sortedFolders.map(function (m) {
+                return /*#__PURE__*/jsx("option", {
+                  value: String(m.id),
+                  children: m.name
+                }, m.id);
+              })]
+            }), /*#__PURE__*/jsx("button", {
+              type: "button",
+              onClick: function onClick() {
+                return setNewFolderMode(true);
+              },
+              className: "px-3 py-2 text-xs bg-indigo-600 hover:bg-indigo-500 text-white rounded transition-colors",
+              children: "+ New"
+            })]
+          }) : /*#__PURE__*/jsxs("div", {
+            className: "flex flex-row gap-2 items-center",
+            children: [/*#__PURE__*/jsx(InputText, {
+              value: newFolderName,
+              onChange: function onChange(v) {
+                return setNewFolderName(v);
+              },
+              placeholder: "New folder name",
+              autoFocus: true
+            }), /*#__PURE__*/jsx("button", {
+              type: "button",
+              onClick: function onClick() {
+                setNewFolderMode(false);
+                setNewFolderName("");
+                setError(null);
+              },
+              className: "px-3 py-2 text-xs bg-gray-700 hover:bg-gray-600 text-gray-100 rounded transition-colors",
+              children: "Cancel"
+            })]
+          })]
+        }), error && /*#__PURE__*/jsx("div", {
+          className: "text-xs text-red-300 bg-red-900/30 border border-red-700/40 rounded px-3 py-2",
+          children: error
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: "flex flex-row justify-end gap-2 p-4 border-t border-white/10",
+        children: [/*#__PURE__*/jsx(Button3, {
+          title: "Cancel",
+          onClick: function onClick() {
+            return setIsOpen(false);
+          }
+        }), /*#__PURE__*/jsx(Button2, {
+          title: creating ? "Creating folder…" : "Install",
+          onClick: handleConfirm,
+          disabled: creating || !name.trim()
+        })]
+      })]
+    })
+  });
+};
+
+function _createForOfIteratorHelper$w(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$w(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$w(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$w(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$w(r, a) : void 0; } }
+function _arrayLikeToArray$w(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; }
 var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
   var dashboardPackage = _ref.dashboardPackage,
     appId = _ref.appId,
@@ -4308,6 +4558,18 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
     setProgressComplete = _useState12[1];
   var progressResultRef = useRef(null);
   var cleanupProgressRef = useRef(null);
+
+  // Pre-install options modal: choose folder + rename. Lets the user
+  // override the publisher's menuId (which would otherwise collide
+  // with their local folder ids) and pick a friendlier display name.
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    showOptionsModal = _useState14[0],
+    setShowOptionsModal = _useState14[1];
+  var _useState15 = useState([]),
+    _useState16 = _slicedToArray(_useState15, 2),
+    menuItems = _useState16[0],
+    setMenuItems = _useState16[1];
   var pkg = dashboardPackage;
   if (!pkg) return null;
 
@@ -4338,12 +4600,16 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
       cancelled = true;
     };
   }, [pkg.name]);
-  function handleInstall() {
-    return _handleInstall.apply(this, arguments);
-  } // eslint-disable-next-line react-hooks/rules-of-hooks
-  function _handleInstall() {
-    _handleInstall = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var deps, items, _window$mainApi2, _window$mainApi2$onIn, result, _result$workspace2, _t;
+
+  // Click handler on the "Install" button: load the user's existing
+  // folders + open the options modal. The actual install fires from
+  // the modal's onConfirm so we have the user's name/menuId choice.
+  function handleInstallClick() {
+    return _handleInstallClick.apply(this, arguments);
+  }
+  function _handleInstallClick() {
+    _handleInstallClick = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _window$mainApi2, _window$mainApi2$list, result, list;
       return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -4352,6 +4618,107 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
               break;
             }
             return _context.abrupt("return");
+          case 1:
+            setInstallResult(null);
+            _context.prev = 2;
+            _context.next = 3;
+            return (_window$mainApi2 = window.mainApi) === null || _window$mainApi2 === void 0 || (_window$mainApi2 = _window$mainApi2.menuItems) === null || _window$mainApi2 === void 0 || (_window$mainApi2$list = _window$mainApi2.listMenuItems) === null || _window$mainApi2$list === void 0 ? void 0 : _window$mainApi2$list.call(_window$mainApi2, appId);
+          case 3:
+            result = _context.sent;
+            list = ((result === null || result === void 0 ? void 0 : result.menuItems) || []).filter(function (m) {
+              return m && m.id != null;
+            });
+            setMenuItems(list);
+            _context.next = 5;
+            break;
+          case 4:
+            _context.prev = 4;
+            _context["catch"](2);
+            setMenuItems([]);
+          case 5:
+            setShowOptionsModal(true);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 4]]);
+    }));
+    return _handleInstallClick.apply(this, arguments);
+  }
+  function handleCreateFolder(_x) {
+    return _handleCreateFolder.apply(this, arguments);
+  }
+  function _handleCreateFolder() {
+    _handleCreateFolder = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(menuItem) {
+      var _window$mainApi3, _window$mainApi3$save;
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (appId) {
+              _context2.next = 1;
+              break;
+            }
+            return _context2.abrupt("return", {
+              success: false,
+              message: "No appId"
+            });
+          case 1:
+            return _context2.abrupt("return", (_window$mainApi3 = window.mainApi) === null || _window$mainApi3 === void 0 || (_window$mainApi3 = _window$mainApi3.menuItems) === null || _window$mainApi3 === void 0 || (_window$mainApi3$save = _window$mainApi3.saveMenuItem) === null || _window$mainApi3$save === void 0 ? void 0 : _window$mainApi3$save.call(_window$mainApi3, appId, menuItem));
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return _handleCreateFolder.apply(this, arguments);
+  }
+  function handleOptionsConfirm(_x2) {
+    return _handleOptionsConfirm.apply(this, arguments);
+  }
+  function _handleOptionsConfirm() {
+    _handleOptionsConfirm = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref2) {
+      var name, menuId;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            name = _ref2.name, menuId = _ref2.menuId;
+            setShowOptionsModal(false);
+            _context3.next = 1;
+            return runInstall({
+              name: name,
+              menuId: menuId
+            });
+          case 1:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return _handleOptionsConfirm.apply(this, arguments);
+  }
+  function runInstall() {
+    return _runInstall.apply(this, arguments);
+  } // eslint-disable-next-line react-hooks/rules-of-hooks
+  function _runInstall() {
+    _runInstall = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var installOptions,
+        deps,
+        items,
+        _window$mainApi4,
+        _window$mainApi4$onIn,
+        result,
+        _result$workspace2,
+        _args4 = arguments,
+        _t2;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            installOptions = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : {};
+            if (!(!appId || !pkg.name)) {
+              _context4.next = 1;
+              break;
+            }
+            return _context4.abrupt("return");
           case 1:
             setIsInstalling(true);
             setInstallResult(null);
@@ -4380,11 +4747,11 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
 
               // Register progress listener
               if (cleanupProgressRef.current) cleanupProgressRef.current();
-              cleanupProgressRef.current = (_window$mainApi2 = window.mainApi) === null || _window$mainApi2 === void 0 || (_window$mainApi2 = _window$mainApi2.dashboardConfig) === null || _window$mainApi2 === void 0 || (_window$mainApi2$onIn = _window$mainApi2.onInstallProgress) === null || _window$mainApi2$onIn === void 0 ? void 0 : _window$mainApi2$onIn.call(_window$mainApi2, function (data) {
+              cleanupProgressRef.current = (_window$mainApi4 = window.mainApi) === null || _window$mainApi4 === void 0 || (_window$mainApi4 = _window$mainApi4.dashboardConfig) === null || _window$mainApi4 === void 0 || (_window$mainApi4$onIn = _window$mainApi4.onInstallProgress) === null || _window$mainApi4$onIn === void 0 ? void 0 : _window$mainApi4$onIn.call(_window$mainApi4, function (data) {
                 setProgressWidgets(function (prev) {
                   var next = _toConsumableArray(prev);
                   if (data.index >= 0 && data.index < next.length) {
-                    next[data.index] = _objectSpread$X(_objectSpread$X({}, next[data.index]), {}, {
+                    next[data.index] = _objectSpread$V(_objectSpread$V({}, next[data.index]), {}, {
                       status: data.status,
                       error: data.error || null
                     });
@@ -4393,13 +4760,13 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
                 });
               });
             }
-            _context.prev = 2;
-            _context.next = 3;
-            return window.mainApi.dashboardConfig.installDashboardFromRegistry(appId, pkg.name);
+            _context4.prev = 2;
+            _context4.next = 3;
+            return window.mainApi.dashboardConfig.installDashboardFromRegistry(appId, pkg.name, installOptions);
           case 3:
-            result = _context.sent;
+            result = _context4.sent;
             if (!(result !== null && result !== void 0 && result.authRequired)) {
-              _context.next = 4;
+              _context4.next = 4;
               break;
             }
             // Auth needed — close progress modal, show inline auth prompt
@@ -4413,7 +4780,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
               cleanupProgressRef.current();
               cleanupProgressRef.current = null;
             }
-            return _context.abrupt("return");
+            return _context4.abrupt("return");
           case 4:
             // Store result for use when modal closes
             progressResultRef.current = result;
@@ -4429,33 +4796,33 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
                 onInstallComplete(result);
               }
             }
-            _context.next = 6;
+            _context4.next = 6;
             break;
           case 5:
-            _context.prev = 5;
-            _t = _context["catch"](2);
+            _context4.prev = 5;
+            _t2 = _context4["catch"](2);
             setProgressComplete(true);
             if (items.length === 0) {
               setInstallResult({
                 status: "error",
-                message: _t.message || "Failed to install dashboard."
+                message: _t2.message || "Failed to install dashboard."
               });
             }
           case 6:
-            _context.prev = 6;
+            _context4.prev = 6;
             setIsInstalling(false);
             if (cleanupProgressRef.current) {
               cleanupProgressRef.current();
               cleanupProgressRef.current = null;
             }
-            return _context.finish(6);
+            return _context4.finish(6);
           case 7:
           case "end":
-            return _context.stop();
+            return _context4.stop();
         }
-      }, _callee, null, [[2, 5, 6, 7]]);
+      }, _callee4, null, [[2, 5, 6, 7]]);
     }));
-    return _handleInstall.apply(this, arguments);
+    return _runInstall.apply(this, arguments);
   }
   var handleProgressDone = useCallback(function () {
     setShowProgressModal(false);
@@ -4480,7 +4847,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$X({}, raw.widgets);
+    var augWidgets = _objectSpread$V({}, raw.widgets);
     var fixedCount = 0;
     var _loop = function _loop() {
       var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
@@ -4507,7 +4874,7 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
       toInstall = 0,
       unavailable = 0,
       hasUnavailableRequired = false;
-    var _iterator = _createForOfIteratorHelper$v(widgetDeps),
+    var _iterator = _createForOfIteratorHelper$w(widgetDeps),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -4723,9 +5090,16 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
         hoverBackgroundColor: isInstalling ? "" : "hover:bg-blue-700",
         textSize: "text-sm",
         padding: "py-1.5 px-4",
-        onClick: handleInstall,
+        onClick: handleInstallClick,
         disabled: isInstalling
       })
+    }), /*#__PURE__*/jsx(DashboardInstallOptionsModal, {
+      isOpen: showOptionsModal,
+      setIsOpen: setShowOptionsModal,
+      pkg: pkg,
+      menuItems: menuItems,
+      onCreateFolder: handleCreateFolder,
+      onConfirm: handleOptionsConfirm
     }), /*#__PURE__*/jsx(InstallProgressModal, {
       isOpen: showProgressModal,
       setIsOpen: setShowProgressModal,
@@ -4739,7 +5113,10 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
       },
       onAuthenticated: function onAuthenticated() {
         setInstallResult(null);
-        handleInstall();
+        // Re-open the options modal so the user can confirm again
+        // post-auth (cheaper than caching their first selection
+        // through the auth round-trip).
+        handleInstallClick();
       },
       onCancel: function onCancel() {
         return setInstallResult(null);
@@ -5063,8 +5440,6 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_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; }
 var LayoutManagerModal = function LayoutManagerModal(_ref) {
   var open = _ref.open,
     setIsOpen = _ref.setIsOpen,
@@ -5112,31 +5487,25 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
     localMenuItems = _useState12[0],
     setLocalMenuItems = _useState12[1];
 
-  // Post-install workspace for registry stepper customization
+  // Pre-import file selection (file preview, not yet saved)
   var _useState13 = useState(null),
     _useState14 = _slicedToArray(_useState13, 2),
-    importedWorkspace = _useState14[0],
-    setImportedWorkspace = _useState14[1];
-
-  // Pre-import file selection (file preview, not yet saved)
-  var _useState15 = useState(null),
-    _useState16 = _slicedToArray(_useState15, 2),
-    selectedFile = _useState16[0],
-    setSelectedFile = _useState16[1];
+    selectedFile = _useState14[0],
+    setSelectedFile = _useState14[1];
 
   // Inline new-folder form state
-  var _useState17 = useState(false),
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    isCreatingFolder = _useState16[0],
+    setIsCreatingFolder = _useState16[1];
+  var _useState17 = useState(""),
     _useState18 = _slicedToArray(_useState17, 2),
-    isCreatingFolder = _useState18[0],
-    setIsCreatingFolder = _useState18[1];
-  var _useState19 = useState(""),
+    newFolderName = _useState18[0],
+    setNewFolderName = _useState18[1];
+  var _useState19 = useState(null),
     _useState20 = _slicedToArray(_useState19, 2),
-    newFolderName = _useState20[0],
-    setNewFolderName = _useState20[1];
-  var _useState21 = useState(null),
-    _useState22 = _slicedToArray(_useState21, 2),
-    newFolderIcon = _useState22[0],
-    setNewFolderIcon = _useState22[1];
+    newFolderIcon = _useState20[0],
+    setNewFolderIcon = _useState20[1];
 
   // Reset state when modal opens
   useEffect(function () {
@@ -5156,7 +5525,6 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
         return (a.name || "").localeCompare(b.name || "");
       })[0]) === null || _Object$entries$sort$ === void 0 ? void 0 : _Object$entries$sort$[0]) || null : null;
       setSelectedThemeKey(appThemeKey || fallback);
-      setImportedWorkspace(null);
       setSelectedFile(null);
       setIsCreatingFolder(false);
       setNewFolderName("");
@@ -5243,22 +5611,34 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
     return _handleImportFromFile.apply(this, arguments);
   }
   function handleRegistryInstallComplete(result) {
-    var _result$workspace, _result$workspace2, _result$workspace3;
-    setImportedWorkspace(result.workspace);
-    setDashboardName(((_result$workspace = result.workspace) === null || _result$workspace === void 0 ? void 0 : _result$workspace.name) || "");
-    setSelectedMenuId(((_result$workspace2 = result.workspace) === null || _result$workspace2 === void 0 ? void 0 : _result$workspace2.menuId) || (menuItems.length > 0 ? menuItems[0].id : 1));
-    setSelectedThemeKey(((_result$workspace3 = result.workspace) === null || _result$workspace3 === void 0 ? void 0 : _result$workspace3.themeKey) || null);
-    setActiveStep(0);
-  }
-  function handleImportRegistryConfirm() {
-    return _handleImportRegistryConfirm.apply(this, arguments);
-  }
-  function _handleImportRegistryConfirm() {
-    _handleImportRegistryConfirm = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var menuId, newItem, result, updatedWorkspace;
+    // The pre-install DashboardInstallOptionsModal already collected
+    // the user's name + folder choice and the install IPC applied
+    // them, so the workspace on disk is final. Skip the legacy
+    // post-install Name/Organize/Theme stepper (it would just ask
+    // for the same fields again) — close out and open the new
+    // dashboard.
+    if (onReloadWorkspaces) onReloadWorkspaces();
+    loadThemes();
+    if (onOpenWorkspace && result !== null && result !== void 0 && result.workspace) {
+      onOpenWorkspace(result.workspace);
+    }
+    handleClose();
+  }
+  function handleImportConfirm() {
+    return _handleImportConfirm.apply(this, arguments);
+  }
+  function _handleImportConfirm() {
+    _handleImportConfirm = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var menuId, newItem, result;
       return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
+            if (selectedFile) {
+              _context2.next = 1;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 1:
             menuId = selectedMenuId;
             if (isCreatingFolder && newFolderName.trim() && newFolderIcon) {
               newItem = {
@@ -5271,21 +5651,15 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
                 onSaveMenuItem(newItem);
               }
             }
-
-            // Import flow: file not yet saved, call importDashboardConfig with overrides
-            if (!(creationMethod === "import" && selectedFile)) {
-              _context2.next = 5;
-              break;
-            }
-            _context2.prev = 1;
-            _context2.next = 2;
+            _context2.prev = 2;
+            _context2.next = 3;
             return window.mainApi.dashboardConfig.importDashboardConfig(appId, {
               filePath: selectedFile.filePath,
               name: dashboardName.trim(),
               menuId: menuId,
               themeKey: selectedThemeKey
             });
-          case 2:
+          case 3:
             result = _context2.sent;
             if (result && result.success) {
               onReloadWorkspaces && onReloadWorkspaces();
@@ -5295,47 +5669,18 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
               }
               handleClose();
             }
-            _context2.next = 4;
+            _context2.next = 5;
             break;
-          case 3:
-            _context2.prev = 3;
-            _context2["catch"](1);
           case 4:
-            return _context2.abrupt("return");
+            _context2.prev = 4;
+            _context2["catch"](2);
           case 5:
-            if (importedWorkspace) {
-              _context2.next = 6;
-              break;
-            }
-            return _context2.abrupt("return");
-          case 6:
-            updatedWorkspace = _objectSpread$W(_objectSpread$W({}, importedWorkspace), {}, {
-              name: dashboardName.trim(),
-              menuId: menuId,
-              themeKey: selectedThemeKey
-            });
-            _context2.prev = 7;
-            _context2.next = 8;
-            return window.mainApi.workspace.saveWorkspaceForApplication(appId, updatedWorkspace);
-          case 8:
-            onReloadWorkspaces && onReloadWorkspaces();
-            loadThemes();
-            if (onOpenWorkspace) {
-              onOpenWorkspace(updatedWorkspace);
-            }
-            handleClose();
-            _context2.next = 10;
-            break;
-          case 9:
-            _context2.prev = 9;
-            _context2["catch"](7);
-          case 10:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[1, 3], [7, 9]]);
+      }, _callee2, null, [[2, 4]]);
     }));
-    return _handleImportRegistryConfirm.apply(this, arguments);
+    return _handleImportConfirm.apply(this, arguments);
   }
   var selectedFolder = localMenuItems.find(function (item) {
     return item.id === selectedMenuId;
@@ -5623,8 +5968,10 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
       });
     }
 
-    // Registry browser: show until install completes
-    if (creationMethod === "registry" && !importedWorkspace) {
+    // Registry browser: install completes inside DiscoverDashboardsDetail
+    // (via the DashboardInstallOptionsModal) and the onInstallComplete
+    // handler closes this modal directly — no post-install stepper.
+    if (creationMethod === "registry") {
       return /*#__PURE__*/jsx(Panel, {
         backgroundColor: "bg-slate-800",
         padding: false,
@@ -5677,37 +6024,6 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
       });
     }
 
-    // Registry stepper: 3 steps (Name, Folder, Theme)
-    if (creationMethod === "registry" && importedWorkspace) {
-      return /*#__PURE__*/jsx(Panel, {
-        backgroundColor: "bg-slate-800",
-        padding: false,
-        children: /*#__PURE__*/jsx(Panel.Body, {
-          scrollable: false,
-          className: "h-full",
-          children: /*#__PURE__*/jsxs(Stepper, {
-            activeStep: activeStep,
-            onStepChange: setActiveStep,
-            showNavigation: false,
-            className: "h-full p-6 pb-0",
-            children: [/*#__PURE__*/jsx(Stepper.Step, {
-              label: "Name",
-              description: "Name your dashboard",
-              children: renderNameStep()
-            }), /*#__PURE__*/jsx(Stepper.Step, {
-              label: "Organize",
-              description: "Choose a folder",
-              children: renderFolderStep()
-            }), /*#__PURE__*/jsx(Stepper.Step, {
-              label: "Choose Theme",
-              description: "Dashboard theme",
-              children: renderThemeStep()
-            })]
-          })
-        })
-      });
-    }
-
     // creationMethod === "template" — existing 4-step wizard
     return /*#__PURE__*/jsx(Panel, {
       backgroundColor: "bg-slate-800",
@@ -5768,7 +6084,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
     }
 
     // Registry browser: Cancel only (DiscoverDashboardsDetail has its own inline back button)
-    if (creationMethod === "registry" && !importedWorkspace) {
+    if (creationMethod === "registry") {
       return /*#__PURE__*/jsx(Modal.Footer, {
         children: /*#__PURE__*/jsx("div", {
           className: "flex flex-row space-x-2",
@@ -5808,97 +6124,18 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
               title: "Next",
               textSize: "text-base xl:text-lg",
               padding: "py-2 px-4",
-              backgroundColor: "bg-blue-600",
-              textColor: "text-white",
-              hoverTextColor: "hover:text-white",
-              hoverBackgroundColor: "hover:bg-blue-500",
-              disabled: !selectedFile
-            })]
-          }), activeStep === 1 && /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/jsx(Button, {
-              onClick: function onClick() {
-                return setActiveStep(0);
-              },
-              title: "Back",
-              textSize: "text-base xl:text-lg",
-              padding: "py-2 px-4",
-              backgroundColor: "bg-gray-700",
-              textColor: "text-gray-300",
-              hoverTextColor: "hover:text-gray-100",
-              hoverBackgroundColor: "hover:bg-gray-600"
-            }), /*#__PURE__*/jsx(Button, {
-              onClick: function onClick() {
-                return setActiveStep(2);
-              },
-              title: "Next",
-              textSize: "text-base xl:text-lg",
-              padding: "py-2 px-4",
-              backgroundColor: "bg-blue-600",
-              textColor: "text-white",
-              hoverTextColor: "hover:text-white",
-              hoverBackgroundColor: "hover:bg-blue-500",
-              disabled: !dashboardName.trim()
-            })]
-          }), activeStep === 2 && /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/jsx(Button, {
-              onClick: function onClick() {
-                return setActiveStep(1);
-              },
-              title: "Back",
-              textSize: "text-base xl:text-lg",
-              padding: "py-2 px-4",
-              backgroundColor: "bg-gray-700",
-              textColor: "text-gray-300",
-              hoverTextColor: "hover:text-gray-100",
-              hoverBackgroundColor: "hover:bg-gray-600"
-            }), /*#__PURE__*/jsx(Button, {
-              onClick: function onClick() {
-                return setActiveStep(3);
-              },
-              title: "Next",
-              textSize: "text-base xl:text-lg",
-              padding: "py-2 px-4",
-              backgroundColor: "bg-blue-600",
-              textColor: "text-white",
-              hoverTextColor: "hover:text-white",
-              hoverBackgroundColor: "hover:bg-blue-500"
-            })]
-          }), activeStep === 3 && /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/jsx(Button, {
-              onClick: function onClick() {
-                return setActiveStep(2);
-              },
-              title: "Back",
-              textSize: "text-base xl:text-lg",
-              padding: "py-2 px-4",
-              backgroundColor: "bg-gray-700",
-              textColor: "text-gray-300",
-              hoverTextColor: "hover:text-gray-100",
-              hoverBackgroundColor: "hover:bg-gray-600"
-            }), /*#__PURE__*/jsx(Button, {
-              onClick: handleImportRegistryConfirm,
-              title: "Save",
-              textSize: "text-base xl:text-lg",
-              padding: "py-2 px-4",
-              backgroundColor: "bg-blue-600",
-              textColor: "text-white",
-              hoverTextColor: "hover:text-white",
-              hoverBackgroundColor: "hover:bg-blue-500"
-            })]
-          })]
-        })
-      });
-    }
-
-    // Registry stepper footer: 3 steps (Name, Organize, Theme)
-    if (creationMethod === "registry" && importedWorkspace) {
-      return /*#__PURE__*/jsx(Modal.Footer, {
-        children: /*#__PURE__*/jsxs("div", {
-          className: "flex flex-row space-x-2",
-          children: [activeStep === 0 && /*#__PURE__*/jsxs(Fragment, {
+              backgroundColor: "bg-blue-600",
+              textColor: "text-white",
+              hoverTextColor: "hover:text-white",
+              hoverBackgroundColor: "hover:bg-blue-500",
+              disabled: !selectedFile
+            })]
+          }), activeStep === 1 && /*#__PURE__*/jsxs(Fragment, {
             children: [/*#__PURE__*/jsx(Button, {
-              onClick: handleClose,
-              title: "Cancel",
+              onClick: function onClick() {
+                return setActiveStep(0);
+              },
+              title: "Back",
               textSize: "text-base xl:text-lg",
               padding: "py-2 px-4",
               backgroundColor: "bg-gray-700",
@@ -5907,7 +6144,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
               hoverBackgroundColor: "hover:bg-gray-600"
             }), /*#__PURE__*/jsx(Button, {
               onClick: function onClick() {
-                return setActiveStep(1);
+                return setActiveStep(2);
               },
               title: "Next",
               textSize: "text-base xl:text-lg",
@@ -5918,10 +6155,10 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
               hoverBackgroundColor: "hover:bg-blue-500",
               disabled: !dashboardName.trim()
             })]
-          }), activeStep === 1 && /*#__PURE__*/jsxs(Fragment, {
+          }), activeStep === 2 && /*#__PURE__*/jsxs(Fragment, {
             children: [/*#__PURE__*/jsx(Button, {
               onClick: function onClick() {
-                return setActiveStep(0);
+                return setActiveStep(1);
               },
               title: "Back",
               textSize: "text-base xl:text-lg",
@@ -5932,7 +6169,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
               hoverBackgroundColor: "hover:bg-gray-600"
             }), /*#__PURE__*/jsx(Button, {
               onClick: function onClick() {
-                return setActiveStep(2);
+                return setActiveStep(3);
               },
               title: "Next",
               textSize: "text-base xl:text-lg",
@@ -5942,10 +6179,10 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
               hoverTextColor: "hover:text-white",
               hoverBackgroundColor: "hover:bg-blue-500"
             })]
-          }), activeStep === 2 && /*#__PURE__*/jsxs(Fragment, {
+          }), activeStep === 3 && /*#__PURE__*/jsxs(Fragment, {
             children: [/*#__PURE__*/jsx(Button, {
               onClick: function onClick() {
-                return setActiveStep(1);
+                return setActiveStep(2);
               },
               title: "Back",
               textSize: "text-base xl:text-lg",
@@ -5955,7 +6192,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
               hoverTextColor: "hover:text-gray-100",
               hoverBackgroundColor: "hover:bg-gray-600"
             }), /*#__PURE__*/jsx(Button, {
-              onClick: handleImportRegistryConfirm,
+              onClick: handleImportConfirm,
               title: "Save",
               textSize: "text-base xl:text-lg",
               padding: "py-2 px-4",
@@ -6282,9 +6519,9 @@ function cleanIpcError(message) {
   return match ? match[1] : message;
 }
 
-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; }
+function _createForOfIteratorHelper$v(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$v(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$v(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$v(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$v(r, a) : void 0; } }
+function _arrayLikeToArray$v(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.
@@ -6398,13 +6635,13 @@ var useRegistrySearch = function useRegistrySearch() {
               return c.toLowerCase();
             }));
             widgets = [];
-            _iterator = _createForOfIteratorHelper$u(pkgs);
+            _iterator = _createForOfIteratorHelper$v(pkgs);
             try {
               for (_iterator.s(); !(_step = _iterator.n()).done;) {
                 pkg = _step.value;
                 // Compute missing APIs for the entire package
                 allApiProviders = [];
-                _iterator2 = _createForOfIteratorHelper$u(pkg.providers || []);
+                _iterator2 = _createForOfIteratorHelper$v(pkg.providers || []);
                 try {
                   for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                     p = _step2.value;
@@ -6417,11 +6654,11 @@ var useRegistrySearch = function useRegistrySearch() {
                 } finally {
                   _iterator2.f();
                 }
-                _iterator3 = _createForOfIteratorHelper$u(pkg.widgets || []);
+                _iterator3 = _createForOfIteratorHelper$v(pkg.widgets || []);
                 try {
                   for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
                     w = _step3.value;
-                    _iterator5 = _createForOfIteratorHelper$u(w.providers || []);
+                    _iterator5 = _createForOfIteratorHelper$v(w.providers || []);
                     try {
                       for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
                         _p = _step5.value;
@@ -6443,7 +6680,7 @@ var useRegistrySearch = function useRegistrySearch() {
                 missingApis = _toConsumableArray(new Set(allApiProviders)).filter(function (api) {
                   return !capSet.has(api.toLowerCase());
                 });
-                _iterator4 = _createForOfIteratorHelper$u(pkg.widgets || []);
+                _iterator4 = _createForOfIteratorHelper$v(pkg.widgets || []);
                 try {
                   for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
                     widget = _step4.value;
@@ -7064,11 +7301,9 @@ function applyFilters(items, filters, mode) {
   });
 }
 
-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$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$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; }
 var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
   var _state$selectedDashbo, _state$selectedDashbo2;
   var state = _ref.state,
@@ -7188,7 +7423,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
 
   // --- Create logic (DASH-191: moved above useEffect so ref captures actual function) ---
   var handleCreate = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var _state$customization, name, menuId, theme, result, _window$mainApi, installResult, updatedWorkspace, _window$mainApi2, _window$mainApi3, template, installedList, installedNames, _iterator, _step, widget, scopedId, resolvedUrl, layoutObj, widgetOrder, cells, widgetItems, nextId, _loop, i, fullLayout, workspace, _t, _t2, _t3;
+    var _state$customization, name, menuId, theme, result, _window$mainApi, installResult, _window$mainApi2, _window$mainApi3, template, installedList, installedNames, _iterator, _step, widget, scopedId, resolvedUrl, layoutObj, widgetOrder, cells, widgetItems, nextId, _loop, i, fullLayout, workspace, _t, _t2, _t3;
     return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -7198,7 +7433,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
           _context2.prev = 1;
           _state$customization = state.customization, name = _state$customization.name, menuId = _state$customization.menuId, theme = _state$customization.theme;
           if (!(isPrebuilt && state.selectedDashboard)) {
-            _context2.next = 9;
+            _context2.next = 8;
             break;
           }
           if (!onInstallDashboard) {
@@ -7215,15 +7450,19 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
           });
         case 2:
           result = _context2.sent;
-          _context2.next = 8;
+          _context2.next = 7;
           break;
         case 3:
           if (!((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.dashboardConfig) !== null && _window$mainApi !== void 0 && _window$mainApi.installDashboardFromRegistry)) {
-            _context2.next = 8;
+            _context2.next = 7;
             break;
           }
           _context2.next = 4;
-          return window.mainApi.dashboardConfig.installDashboardFromRegistry(appId, state.selectedDashboard.name || state.selectedDashboard.key);
+          return window.mainApi.dashboardConfig.installDashboardFromRegistry(appId, state.selectedDashboard.name || state.selectedDashboard.key, {
+            name: name.trim(),
+            menuId: menuId || 1,
+            themeKey: theme
+          });
         case 4:
           installResult = _context2.sent;
           if (!(installResult !== null && installResult !== void 0 && installResult.authRequired)) {
@@ -7235,103 +7474,95 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
           return _context2.abrupt("return");
         case 5:
           if (!(installResult !== null && installResult !== void 0 && installResult.workspace)) {
-            _context2.next = 7;
+            _context2.next = 6;
             break;
           }
-          updatedWorkspace = _objectSpread$V(_objectSpread$V({}, installResult.workspace), {}, {
-            name: name.trim(),
-            menuId: menuId || 1,
-            themeKey: theme
-          });
-          _context2.next = 6;
-          return window.mainApi.workspace.saveWorkspaceForApplication(appId, updatedWorkspace);
-        case 6:
           result = {
             success: true,
-            workspace: updatedWorkspace
+            workspace: installResult.workspace
           };
-          _context2.next = 8;
+          _context2.next = 7;
           break;
-        case 7:
+        case 6:
           if (!(installResult !== null && installResult !== void 0 && installResult.error)) {
-            _context2.next = 8;
+            _context2.next = 7;
             break;
           }
           throw new Error(installResult.error);
-        case 8:
-          _context2.next = 27;
+        case 7:
+          _context2.next = 26;
           break;
-        case 9:
+        case 8:
           // Build-your-own path: create layout from template + place widgets
           template = layoutTemplates.find(function (t) {
             return t.id === state.layout.templateKey;
           });
           if (template) {
-            _context2.next = 10;
+            _context2.next = 9;
             break;
           }
           throw new Error("No layout template selected.");
-        case 10:
+        case 9:
           if (!((_window$mainApi2 = window.mainApi) !== null && _window$mainApi2 !== void 0 && _window$mainApi2.widgets)) {
-            _context2.next = 20;
+            _context2.next = 19;
             break;
           }
-          _context2.next = 11;
+          _context2.next = 10;
           return window.mainApi.widgets.list();
-        case 11:
+        case 10:
           _t = _context2.sent;
           if (_t) {
-            _context2.next = 12;
+            _context2.next = 11;
             break;
           }
           _t = [];
-        case 12:
+        case 11:
           installedList = _t;
           installedNames = new Set(installedList.map(function (w) {
             return w.name;
           }));
-          _iterator = _createForOfIteratorHelper$t(state.selectedWidgets);
-          _context2.prev = 13;
+          _iterator = _createForOfIteratorHelper$u(state.selectedWidgets);
+          _context2.prev = 12;
           _iterator.s();
-        case 14:
+        case 13:
           if ((_step = _iterator.n()).done) {
-            _context2.next = 17;
+            _context2.next = 16;
             break;
           }
           widget = _step.value;
           if (widget.isRegistry) {
-            _context2.next = 15;
+            _context2.next = 14;
             break;
           }
-          return _context2.abrupt("continue", 16);
-        case 15:
+          return _context2.abrupt("continue", 15);
+        case 14:
           scopedId = widget.packageScope ? "@".concat(widget.packageScope.replace(/^@/, ""), "/").concat(widget.packageName) : widget.packageName;
           if (!(!installedNames.has(scopedId) && !installedNames.has(widget.packageName))) {
-            _context2.next = 16;
+            _context2.next = 15;
             break;
           }
           resolvedUrl = (widget.downloadUrl || "").replace(/\{version\}/g, widget.packageVersion || "").replace(/\{name\}/g, widget.packageName || "");
           if (!resolvedUrl) {
-            _context2.next = 16;
+            _context2.next = 15;
             break;
           }
-          _context2.next = 16;
+          _context2.next = 15;
           return window.mainApi.widgets.install(scopedId, resolvedUrl);
+        case 15:
+          _context2.next = 13;
+          break;
         case 16:
-          _context2.next = 14;
+          _context2.next = 18;
           break;
         case 17:
-          _context2.next = 19;
-          break;
+          _context2.prev = 17;
+          _t2 = _context2["catch"](12);
+          _iterator.e(_t2);
         case 18:
           _context2.prev = 18;
-          _t2 = _context2["catch"](13);
-          _iterator.e(_t2);
-        case 19:
-          _context2.prev = 19;
           _iterator.f();
-          return _context2.finish(19);
-        case 20:
+          return _context2.finish(18);
+        case 19:
           layoutObj = createLayoutFromTemplate(template, menuId || 1); // Place widgets into grid cells as proper layout items
           widgetOrder = state.layout.widgetOrder || [];
           cells = template.cells.filter(function (c) {
@@ -7368,31 +7599,31 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
             }, _loop);
           });
           i = 0;
-        case 21:
+        case 20:
           if (!(i < widgetOrder.length && i < cells.length)) {
-            _context2.next = 23;
+            _context2.next = 22;
             break;
           }
-          return _context2.delegateYield(_loop(i), "t0", 22);
-        case 22:
+          return _context2.delegateYield(_loop(i), "t0", 21);
+        case 21:
           i++;
-          _context2.next = 21;
+          _context2.next = 20;
           break;
-        case 23:
+        case 22:
           fullLayout = [layoutObj].concat(widgetItems);
           if (!onCreateWorkspace) {
-            _context2.next = 25;
+            _context2.next = 24;
             break;
           }
-          _context2.next = 24;
+          _context2.next = 23;
           return onCreateWorkspace(fullLayout, theme, name.trim());
-        case 24:
+        case 23:
           result = _context2.sent;
-          _context2.next = 27;
+          _context2.next = 26;
           break;
-        case 25:
+        case 24:
           if (!((_window$mainApi3 = window.mainApi) !== null && _window$mainApi3 !== void 0 && (_window$mainApi3 = _window$mainApi3.workspace) !== null && _window$mainApi3 !== void 0 && _window$mainApi3.saveWorkspaceForApplication)) {
-            _context2.next = 27;
+            _context2.next = 26;
             break;
           }
           workspace = {
@@ -7401,43 +7632,48 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
             themeKey: theme,
             layout: fullLayout
           };
-          _context2.next = 26;
+          _context2.next = 25;
           return window.mainApi.workspace.saveWorkspaceForApplication(appId, workspace);
-        case 26:
+        case 25:
           result = {
             success: true,
             workspace: workspace
           };
-        case 27:
+        case 26:
           if (result) {
             setCreatedDashboard(result.workspace || result);
           }
-          _context2.next = 29;
+          _context2.next = 28;
           break;
-        case 28:
-          _context2.prev = 28;
+        case 27:
+          _context2.prev = 27;
           _t3 = _context2["catch"](1);
           setError(_t3.message || "Failed to create dashboard.");
-        case 29:
-          _context2.prev = 29;
+        case 28:
+          _context2.prev = 28;
           setCreating(false);
-          return _context2.finish(29);
-        case 30:
+          return _context2.finish(28);
+        case 29:
         case "end":
           return _context2.stop();
       }
-    }, _callee, null, [[1, 28, 29, 30], [13, 18, 19, 20]]);
+    }, _callee, null, [[1, 27, 28, 29], [12, 17, 18, 19]]);
   })), [state, isPrebuilt, onInstallDashboard, onCreateWorkspace, appId]);
 
-  // Expose handleCreate and creating state to parent via ref (DASH-183)
+  // Expose handleCreate, creating, and createdDashboard state to parent
+  // via ref (DASH-183). The parent uses `createdDashboard` to swap the
+  // footer "Create Dashboard" button out once the success state is
+  // rendered — otherwise the user could accidentally re-fire the
+  // install.
   useEffect(function () {
     if (createHandlerRef) {
       createHandlerRef.current = {
         handleCreate: handleCreate,
-        creating: creating
+        creating: creating,
+        createdDashboard: createdDashboard
       };
     }
-  }, [createHandlerRef, handleCreate, creating]);
+  }, [createHandlerRef, handleCreate, creating, createdDashboard]);
   var handleNameChange = useCallback(function (val) {
     dispatch({
       type: "SET_CUSTOMIZATION",
@@ -8202,7 +8438,7 @@ var STEP_LABELS = [{
  * Resets wizard state cleanly on close.
  */
 var DashboardWizardModal = function DashboardWizardModal(_ref) {
-  var _createHandlerRef$cur, _createHandlerRef$cur2;
+  var _createHandlerRef$cur, _createHandlerRef$cur2, _createHandlerRef$cur3;
   var open = _ref.open,
     setIsOpen = _ref.setIsOpen,
     _ref$menuItems = _ref.menuItems,
@@ -8249,6 +8485,7 @@ var DashboardWizardModal = function DashboardWizardModal(_ref) {
   }, [canProceed, nextStep]);
   var isLastStep = state.step === 1;
   var isCreating = (_createHandlerRef$cur = (_createHandlerRef$cur2 = createHandlerRef.current) === null || _createHandlerRef$cur2 === void 0 ? void 0 : _createHandlerRef$cur2.creating) !== null && _createHandlerRef$cur !== void 0 ? _createHandlerRef$cur : false;
+  var isCreated = !!((_createHandlerRef$cur3 = createHandlerRef.current) !== null && _createHandlerRef$cur3 !== void 0 && _createHandlerRef$cur3.createdDashboard);
   var canCreate = canProceed && !isCreating;
   return /*#__PURE__*/jsx(Modal, {
     isOpen: open,
@@ -8318,7 +8555,7 @@ var DashboardWizardModal = function DashboardWizardModal(_ref) {
               })
             })
           })]
-        }), /*#__PURE__*/jsxs("div", {
+        }), !isCreated && /*#__PURE__*/jsxs("div", {
           className: "flex flex-row justify-between items-center pt-4 mt-4 border-t border-gray-700/50",
           children: [/*#__PURE__*/jsx(Button, {
             onClick: state.step === 0 ? handleClose : prevStep,
@@ -8334,8 +8571,8 @@ var DashboardWizardModal = function DashboardWizardModal(_ref) {
             children: ["Step ", state.step + 1, " of ", STEP_LABELS.length]
           }), isLastStep ? /*#__PURE__*/jsx(Button, {
             onClick: function onClick() {
-              var _createHandlerRef$cur3, _createHandlerRef$cur4;
-              return (_createHandlerRef$cur3 = createHandlerRef.current) === null || _createHandlerRef$cur3 === void 0 || (_createHandlerRef$cur4 = _createHandlerRef$cur3.handleCreate) === null || _createHandlerRef$cur4 === void 0 ? void 0 : _createHandlerRef$cur4.call(_createHandlerRef$cur3);
+              var _createHandlerRef$cur4, _createHandlerRef$cur5;
+              return (_createHandlerRef$cur4 = createHandlerRef.current) === null || _createHandlerRef$cur4 === void 0 || (_createHandlerRef$cur5 = _createHandlerRef$cur4.handleCreate) === null || _createHandlerRef$cur5 === void 0 ? void 0 : _createHandlerRef$cur5.call(_createHandlerRef$cur4);
             },
             title: isCreating ? "Creating..." : "Create Dashboard",
             textSize: "text-sm",
@@ -12978,9 +13215,9 @@ var PanelEditItem = function PanelEditItem(_ref) {
 };
 
 var _excluded$6 = ["rows", "cols"];
-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$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultGrid = {
@@ -13133,7 +13370,7 @@ function GridEditor(_ref) {
   function sortObjectByKeys(obj) {
     var sortedKeys = Object.keys(obj).sort();
     var sortedObj = {};
-    var _iterator = _createForOfIteratorHelper$s(sortedKeys),
+    var _iterator = _createForOfIteratorHelper$t(sortedKeys),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -13606,9 +13843,9 @@ var PanelEditItemNotifications = function PanelEditItemNotifications(_ref) {
   });
 };
 
-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; }
 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 DAYS = [{
@@ -13937,7 +14174,7 @@ var PanelEditItemSchedule = function PanelEditItemSchedule(_ref2) {
       setIsLoading(true);
       window.mainApi.scheduler.getTasks(widgetUuid).then(function (tasks) {
         var stateMap = {};
-        var _iterator = _createForOfIteratorHelper$r(tasks || []),
+        var _iterator = _createForOfIteratorHelper$s(tasks || []),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -14171,7 +14408,7 @@ function belongsToWorkspace(item, workspace) {
   if (itemDashId === undefined || itemDashId === null) return false;
   return String(itemDashId) === String(wsId);
 }
-var FRAMEWORK_CONTAINER_COMPONENTS = new Set(["LayoutGridContainer", "Container", "LayoutContainer"]);
+var FRAMEWORK_CONTAINER_COMPONENTS$1 = new Set(["LayoutGridContainer", "Container", "LayoutContainer"]);
 
 /**
  * Is this layout item a USER widget (i.e. something the user added
@@ -14192,13 +14429,13 @@ var FRAMEWORK_CONTAINER_COMPONENTS = new Set(["LayoutGridContainer", "Container"
  */
 function isUserWidget(item) {
   if (!item || _typeof(item) !== "object" || !item.component) return false;
-  if (FRAMEWORK_CONTAINER_COMPONENTS.has(item.component)) return false;
+  if (FRAMEWORK_CONTAINER_COMPONENTS$1.has(item.component)) return false;
   return true;
 }
 
-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; }
 
 /**
  * Resolve which provider name a given widget instance would bind to for
@@ -14230,7 +14467,7 @@ function resolveProviderName(_ref) {
   //    array. Support both because different callers shape it either way.
   if (appProviders) {
     if (Array.isArray(appProviders)) {
-      var _iterator = _createForOfIteratorHelper$q(appProviders),
+      var _iterator = _createForOfIteratorHelper$r(appProviders),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -14290,7 +14527,7 @@ function forEachWidget(workspace, visit) {
   };
   var _walk = function walk(items) {
     if (!Array.isArray(items)) return;
-    var _iterator2 = _createForOfIteratorHelper$q(items),
+    var _iterator2 = _createForOfIteratorHelper$r(items),
       _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -14320,7 +14557,7 @@ function forEachWidget(workspace, visit) {
   };
   _walk(workspace.layout);
   if (Array.isArray(workspace.pages)) {
-    var _iterator3 = _createForOfIteratorHelper$q(workspace.pages),
+    var _iterator3 = _createForOfIteratorHelper$r(workspace.pages),
       _step3;
     try {
       for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -14364,7 +14601,7 @@ function getUnresolvedProviders(_ref2) {
     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$q(requirements),
+    var _iterator4 = _createForOfIteratorHelper$r(requirements),
       _step4;
     try {
       for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
@@ -14405,7 +14642,7 @@ function getUnresolvedProviders(_ref2) {
  */
 function groupByProviderType(unresolved) {
   var byType = new Map();
-  var _iterator5 = _createForOfIteratorHelper$q(unresolved || []),
+  var _iterator5 = _createForOfIteratorHelper$r(unresolved || []),
     _step5;
   try {
     for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
@@ -14441,7 +14678,7 @@ function getAllProviderBindings(_ref3) {
     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$q(requirements),
+    var _iterator6 = _createForOfIteratorHelper$r(requirements),
       _step6;
     try {
       for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
@@ -14481,9 +14718,9 @@ function getAllProviderBindings(_ref3) {
 
 function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$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; }
 var EVENT_STRING_RE = /^([^[]+)\[([^\]]+)\]\.(.+)$/;
 
 /** Parse "Component[itemId].event" → { component, itemId, event }. */
@@ -14653,7 +14890,7 @@ function getCurrentWiring(workspace) {
       // 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$p(events),
+      var _iterator = _createForOfIteratorHelper$q(events),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -14716,7 +14953,7 @@ function getOrphanedListeners(workspace, getWidgetConfig) {
     if (!byItemId.has(id)) byItemId.set(id, meta);
   });
   var orphans = [];
-  var _iterator2 = _createForOfIteratorHelper$p(wiring),
+  var _iterator2 = _createForOfIteratorHelper$q(wiring),
     _step2;
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -14782,7 +15019,7 @@ function pruneDeadListenerReferences(workspace) {
   var liveKeys = new Set();
   var _walkForLive = function walkForLive(items) {
     if (!Array.isArray(items)) return;
-    var _iterator3 = _createForOfIteratorHelper$p(items),
+    var _iterator3 = _createForOfIteratorHelper$q(items),
       _step3;
     try {
       for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -14803,7 +15040,7 @@ function pruneDeadListenerReferences(workspace) {
   };
   _walkForLive(workspace.layout);
   if (Array.isArray(workspace.pages)) {
-    var _iterator4 = _createForOfIteratorHelper$p(workspace.pages),
+    var _iterator4 = _createForOfIteratorHelper$q(workspace.pages),
       _step4;
     try {
       for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
@@ -14820,7 +15057,7 @@ function pruneDeadListenerReferences(workspace) {
   var removed = 0;
   var _pruneListeners = function pruneListeners(items) {
     if (!Array.isArray(items)) return;
-    var _iterator5 = _createForOfIteratorHelper$p(items),
+    var _iterator5 = _createForOfIteratorHelper$q(items),
       _step5;
     try {
       for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
@@ -14832,7 +15069,7 @@ function pruneDeadListenerReferences(workspace) {
             var events = item.listeners[handler];
             if (!Array.isArray(events)) continue;
             var kept = [];
-            var _iterator6 = _createForOfIteratorHelper$p(events),
+            var _iterator6 = _createForOfIteratorHelper$q(events),
               _step6;
             try {
               for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
@@ -14867,7 +15104,7 @@ function pruneDeadListenerReferences(workspace) {
   };
   _pruneListeners(workspace.layout);
   if (Array.isArray(workspace.pages)) {
-    var _iterator7 = _createForOfIteratorHelper$p(workspace.pages),
+    var _iterator7 = _createForOfIteratorHelper$q(workspace.pages),
       _step7;
     try {
       for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
@@ -14911,7 +15148,7 @@ function applyWiringChanges(workspace, _ref) {
     });
     return byReceiver.get(id);
   };
-  var _iterator8 = _createForOfIteratorHelper$p(adds),
+  var _iterator8 = _createForOfIteratorHelper$q(adds),
     _step8;
   try {
     for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
@@ -14924,7 +15161,7 @@ function applyWiringChanges(workspace, _ref) {
   } finally {
     _iterator8.f();
   }
-  var _iterator9 = _createForOfIteratorHelper$p(removes),
+  var _iterator9 = _createForOfIteratorHelper$q(removes),
     _step9;
   try {
     for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
@@ -14998,7 +15235,7 @@ function applyToItem(listeners, _ref2) {
   }
 
   // Removes first so a re-add (rare) lands.
-  var _iterator0 = _createForOfIteratorHelper$p(removes),
+  var _iterator0 = _createForOfIteratorHelper$q(removes),
     _step0;
   try {
     var _loop = function _loop() {
@@ -15027,7 +15264,7 @@ function applyToItem(listeners, _ref2) {
   } finally {
     _iterator0.f();
   }
-  var _iterator1 = _createForOfIteratorHelper$p(adds),
+  var _iterator1 = _createForOfIteratorHelper$q(adds),
     _step1;
   try {
     for (_iterator1.s(); !(_step1 = _iterator1.n()).done;) {
@@ -17974,9 +18211,9 @@ function mcpJsonToFormState(jsonString, nextRowId) {
   return result;
 }
 
-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$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
@@ -18261,11 +18498,11 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
 
           // Flatten all widgets from all packages for the widget list
           flatWidgets = [];
-          _iterator = _createForOfIteratorHelper$o(result.packages || []);
+          _iterator = _createForOfIteratorHelper$p(result.packages || []);
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
               pkg = _step.value;
-              _iterator2 = _createForOfIteratorHelper$o(pkg.widgets || []);
+              _iterator2 = _createForOfIteratorHelper$p(pkg.widgets || []);
               try {
                 for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                   widget = _step2.value;
@@ -20159,9 +20396,9 @@ var useWidgetSchedulerStatus = function useWidgetSchedulerStatus(widgetId) {
   };
 };
 
-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 _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 formatCountdown(ms) {
   if (ms == null || ms < 0) return "--";
   if (ms < 1000) return "< 1s";
@@ -20278,7 +20515,7 @@ var WidgetCardStatusBar = function WidgetCardStatusBar(_ref) {
 
   // Find soonest countdown among enabled tasks
   var soonestMs = null;
-  var _iterator = _createForOfIteratorHelper$n(enabledTasks),
+  var _iterator = _createForOfIteratorHelper$o(enabledTasks),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -25535,9 +25772,9 @@ var ExternalWidget = function ExternalWidget(_ref) {
 var GRID_CELL_WIDGET_TYPE = "grid-cell-widget";
 var SIDEBAR_WIDGET_TYPE = "sidebar-widget";
 
-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$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$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; }
 
@@ -26160,7 +26397,7 @@ var LayoutGridContainer = /*#__PURE__*/memo(function (_ref3) {
       return selectable["delete"](cn);
     });
     var resolved = new Set();
-    var _iterator = _createForOfIteratorHelper$m(selectable),
+    var _iterator = _createForOfIteratorHelper$n(selectable),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -28569,9 +28806,9 @@ function migrateBareComponentName(componentMap, 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$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 _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; }
 /**
  * The model for all layout components used primarily in the renderLayout method
  * @param {Object} layoutItem an object containing various attributes of the layout item
@@ -28583,7 +28820,7 @@ function _arrayLikeToArray$l(r, a) { (null == a || a > r.length) && (a = r.lengt
 function sortObjectByKeys(obj) {
   var sortedKeys = Object.keys(obj).sort();
   var sortedObj = {};
-  var _iterator = _createForOfIteratorHelper$l(sortedKeys),
+  var _iterator = _createForOfIteratorHelper$m(sortedKeys),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -28666,16 +28903,34 @@ var LayoutModel = function LayoutModel(layoutItem, workspaceLayout, dashboardId)
     /**
      * @param {Boolean} canHaveChildren if the layout item can have children (if widget - cannot!)
      */
-    layout.canHaveChildren = "canHaveChildren" in obj ? obj.canHaveChildren !== undefined ? obj.canHaveChildren : obj.type !== "widget" : true;
+    // Containers can have children; widgets cannot. Defaults derived
+    // from component name so a pre-v0.1.444 layout item without an
+    // explicit `canHaveChildren` field still classifies correctly.
+    var isContainerComponent = obj.component === "LayoutGridContainer" || obj.component === "Container" || obj.component === "LayoutContainer";
+    layout.canHaveChildren = "canHaveChildren" in obj ? obj.canHaveChildren !== undefined ? obj.canHaveChildren : isContainerComponent : isContainerComponent;
     layout.width = "width" in obj ? obj.width : "w-full";
     layout.height = "height" in obj ? obj.height : "h-full";
     layout.parent = "parent" in obj ? obj.parent : 0;
 
     /**
      * @param {String} type The type of the component (widget|grid|workspace|layout)
-     * Note: "grid" is the new primary container type, "layout"/"workspace" are deprecated
+     *
+     * Default is "widget" because users only ever ADD widgets via the
+     * sidebar / drag-drop. Framework chrome (LayoutGridContainer,
+     * Container, etc.) is created by the framework itself and ALWAYS
+     * sets `type` explicitly. Defaulting to "widget" means user data
+     * persisted without an explicit type is correctly typed as a widget
+     * by every consumer (widgets list, listener filter, validation).
+     *
+     * Pre-v0.1.444 the default was "layout", which silently mistyped
+     * thousands of widget instances and broke the WidgetsTab list
+     * filter. The bare-component fallback of `obj.type ||
+     * (FRAMEWORK_CONTAINERS.has(obj.component) ? "layout" : "widget")`
+     * is a defensive snap-back: if a framework container was
+     * persisted without a type, force the right one rather than
+     * trust the new default.
      */
-    layout.type = "type" in obj ? obj.type : "layout";
+    layout.type = "type" in obj ? obj.type : obj.component === "LayoutGridContainer" ? "grid" : obj.component === "Container" || obj.component === "LayoutContainer" ? "layout" : "widget";
 
     /**
      * @param {String} workspace The name of the Workspace the component belongs to (can exist in as a child)
@@ -28877,9 +29132,9 @@ var SettingsModel = function SettingsModel() {
   return obj;
 };
 
-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 _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; }
 
 /**
  * Workspace-level pre-pass that migrates legacy bare component
@@ -28954,7 +29209,7 @@ function migrateScopedIdsInWorkspace(workspace, componentMap) {
   };
   var _walk = function walk(items) {
     if (!Array.isArray(items)) return;
-    var _iterator = _createForOfIteratorHelper$k(items),
+    var _iterator = _createForOfIteratorHelper$l(items),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -28976,7 +29231,7 @@ function migrateScopedIdsInWorkspace(workspace, componentMap) {
   };
   _walk(workspace.layout);
   if (Array.isArray(workspace.pages)) {
-    var _iterator2 = _createForOfIteratorHelper$k(workspace.pages),
+    var _iterator2 = _createForOfIteratorHelper$l(workspace.pages),
       _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -28993,9 +29248,9 @@ function migrateScopedIdsInWorkspace(workspace, componentMap) {
   return counts;
 }
 
-function _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$j(r, a) : void 0; } }
-function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _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; }
 /**
  * cleanForeignWidgetsFromWorkspace.js
  *
@@ -29036,7 +29291,7 @@ function cleanForeignWidgetsFromWorkspace(workspace) {
   var _cleanList = function cleanList(items) {
     if (!Array.isArray(items)) return items;
     var kept = [];
-    var _iterator = _createForOfIteratorHelper$j(items),
+    var _iterator = _createForOfIteratorHelper$k(items),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -29073,7 +29328,7 @@ function cleanForeignWidgetsFromWorkspace(workspace) {
     workspace.sidebarLayout = _cleanList(workspace.sidebarLayout);
   }
   if (Array.isArray(workspace.pages)) {
-    var _iterator2 = _createForOfIteratorHelper$j(workspace.pages),
+    var _iterator2 = _createForOfIteratorHelper$k(workspace.pages),
       _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -29091,6 +29346,105 @@ function cleanForeignWidgetsFromWorkspace(workspace) {
   return summary;
 }
 
+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; }
+/**
+ * migrateLayoutItemTypes.js
+ *
+ * One-shot data migration that runs at workspace load time. Fixes
+ * legacy `item.type` values where user widgets were persisted with
+ * the old `LayoutModel` default (`type: "layout"`) — that default
+ * silently mis-classified every widget as a container, which broke
+ * any downstream code that filtered "is this a user widget?" by
+ * type field.
+ *
+ * Post-v0.1.444 LayoutModel defaults `type` based on component
+ * name. This migration applies the same logic to ALREADY-PERSISTED
+ * items so old workspaces.json data heals on next save.
+ *
+ * Rules:
+ *   - `component === "LayoutGridContainer"` → `type: "grid"`
+ *   - `component === "Container"` / `"LayoutContainer"` → `type: "layout"`
+ *   - Anything else → `type: "widget"`
+ *
+ * Mutates in place. Idempotent — running on a clean workspace is
+ * a no-op. Returns a count of items whose type was corrected.
+ *
+ * @param {Object} workspace
+ * @returns {{ corrected: number }}
+ */
+
+var FRAMEWORK_CONTAINER_COMPONENTS = new Set(["LayoutGridContainer", "Container", "LayoutContainer"]);
+function expectedType(component) {
+  if (component === "LayoutGridContainer") return "grid";
+  if (component === "Container" || component === "LayoutContainer") {
+    return "layout";
+  }
+  return "widget";
+}
+function migrateLayoutItemTypes(workspace) {
+  var summary = {
+    corrected: 0
+  };
+  if (!workspace) return summary;
+  var fixItem = function fixItem(item) {
+    if (!item || _typeof(item) !== "object" || !item.component) return;
+    var want = expectedType(item.component);
+    // Only correct OBVIOUS misclassifications. If the persisted type
+    // is `widget` but the component is a known container — fix it.
+    // If a user widget is typed `layout` (the old default) — fix it.
+    // Don't disturb items that were intentionally typed something
+    // unusual (e.g. `workspace`) on a non-container component.
+    var current = item.type;
+    var isContainer = FRAMEWORK_CONTAINER_COMPONENTS.has(item.component);
+    if (isContainer && current !== want) {
+      item.type = want;
+      summary.corrected += 1;
+      return;
+    }
+    if (!isContainer && (current === "layout" || current === undefined)) {
+      item.type = "widget";
+      summary.corrected += 1;
+    }
+  };
+  var _walk = function walk(items) {
+    if (!Array.isArray(items)) return;
+    var _iterator = _createForOfIteratorHelper$j(items),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var item = _step.value;
+        if (!item || _typeof(item) !== "object") continue;
+        fixItem(item);
+        if (Array.isArray(item.items)) _walk(item.items);
+        if (Array.isArray(item.layout)) _walk(item.layout);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  };
+  _walk(workspace.layout);
+  if (Array.isArray(workspace.pages)) {
+    var _iterator2 = _createForOfIteratorHelper$j(workspace.pages),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var page = _step2.value;
+        _walk(page === null || page === void 0 ? void 0 : page.layout);
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+  _walk(workspace.sidebarLayout);
+  return summary;
+}
+
 /**
  * Default layout for a brand-new workspace: a single 1x1 grid container
  * with one empty cell. Mirrors DashboardModel._initializeLayout().
@@ -29243,6 +29597,14 @@ var WorkspaceModel = function WorkspaceModel(workspaceItem) {
   // wiring on first load post-v0.1.435.
   migrateScopedIdsInWorkspace(workspace, ComponentManager.componentMap());
 
+  // Pre-v0.1.444 LayoutModel defaulted `item.type` to "layout" — every
+  // widget instance persisted without an explicit type was silently
+  // typed as a container, breaking any UI that filtered by type.
+  // The new default infers from component name; this migration applies
+  // the same inference to legacy on-disk data so existing
+  // workspaces.json heals on the next save.
+  migrateLayoutItemTypes(workspace);
+
   // 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