@trops/dash-core 0.1.444 → 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,8 +3055,8 @@ 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 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; }
@@ -3338,7 +3338,7 @@ function createLayoutFromTemplate(template) {
   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) {
   });
 };
 
+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$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$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),
@@ -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",
@@ -5876,86 +6192,7 @@ var LayoutManagerModal = function LayoutManagerModal(_ref) {
               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, {
-            children: [/*#__PURE__*/jsx(Button, {
-              onClick: handleClose,
-              title: "Cancel",
-              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(1);
-              },
-              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 === 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"
-            })]
-          }), 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: handleImportRegistryConfirm,
+              onClick: handleImportConfirm,
               title: "Save",
               textSize: "text-base xl:text-lg",
               padding: "py-2 px-4",
@@ -7067,8 +7304,6 @@ function applyFilters(items, filters, mode) {
 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 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 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$u(state.selectedWidgets);
-          _context2.prev = 13;
+          _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",