@trops/dash-core 0.1.451 → 0.1.453

package/dist/index.esm.js

@@ -9294,7 +9294,7 @@ hasPropertyDescriptors.hasArrayLengthDefineBug = function hasArrayLengthDefineBu
 var hasPropertyDescriptors_1 = hasPropertyDescriptors;
 
 var keys = objectKeys$2;
-var hasSymbols$4 = typeof Symbol === 'function' && typeof Symbol('foo') === 'symbol';
+var hasSymbols$5 = typeof Symbol === 'function' && typeof Symbol('foo') === 'symbol';
 
 var toStr$4 = Object.prototype.toString;
 var concat = Array.prototype.concat;
@@ -9327,7 +9327,7 @@ var defineProperty$1 = function (object, name, value, predicate) {
 var defineProperties$1 = function (object, map) {
 	var predicates = arguments.length > 2 ? arguments[2] : {};
 	var props = keys(map);
-	if (hasSymbols$4) {
+	if (hasSymbols$5) {
 		props = concat.call(props, Object.getOwnPropertySymbols(map));
 	}
 	for (var i = 0; i < props.length; i += 1) {
@@ -9393,11 +9393,11 @@ var sign$1 = function sign(number) {
 };
 
 var shams$1;
-var hasRequiredShams$1;
+var hasRequiredShams;
 
-function requireShams$1 () {
-	if (hasRequiredShams$1) return shams$1;
-	hasRequiredShams$1 = 1;
+function requireShams () {
+	if (hasRequiredShams) return shams$1;
+	hasRequiredShams = 1;
 
 	/** @type {import('./shams')} */
 	/* eslint complexity: [2, 18], max-statements: [2, 33] */
@@ -9446,10 +9446,10 @@ function requireShams$1 () {
 }
 
 var origSymbol = typeof Symbol !== 'undefined' && Symbol;
-var hasSymbolSham = requireShams$1();
+var hasSymbolSham = requireShams();
 
 /** @type {import('.')} */
-var hasSymbols$3 = function hasNativeSymbols() {
+var hasSymbols$4 = function hasNativeSymbols() {
 	if (typeof origSymbol !== 'function') { return false; }
 	if (typeof Symbol !== 'function') { return false; }
 	if (typeof origSymbol('foo') !== 'symbol') { return false; }
@@ -9753,7 +9753,7 @@ var ThrowTypeError = $gOPD$1
 	}())
 	: throwTypeError;
 
-var hasSymbols$2 = hasSymbols$3();
+var hasSymbols$3 = hasSymbols$4();
 
 var getProto$2 = getProto$3;
 var $ObjectGPO = requireObject_getPrototypeOf();
@@ -9771,7 +9771,7 @@ var INTRINSICS = {
 	'%AggregateError%': typeof AggregateError === 'undefined' ? undefined$1 : AggregateError,
 	'%Array%': Array,
 	'%ArrayBuffer%': typeof ArrayBuffer === 'undefined' ? undefined$1 : ArrayBuffer,
-	'%ArrayIteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$1,
+	'%ArrayIteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$1,
 	'%AsyncFromSyncIteratorPrototype%': undefined$1,
 	'%AsyncFunction%': needsEval,
 	'%AsyncGenerator%': needsEval,
@@ -9802,10 +9802,10 @@ var INTRINSICS = {
 	'%Int32Array%': typeof Int32Array === 'undefined' ? undefined$1 : Int32Array,
 	'%isFinite%': isFinite,
 	'%isNaN%': isNaN,
-	'%IteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$1,
+	'%IteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$1,
 	'%JSON%': typeof JSON === 'object' ? JSON : undefined$1,
 	'%Map%': typeof Map === 'undefined' ? undefined$1 : Map,
-	'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols$2 || !getProto$2 ? undefined$1 : getProto$2(new Map()[Symbol.iterator]()),
+	'%MapIteratorPrototype%': typeof Map === 'undefined' || !hasSymbols$3 || !getProto$2 ? undefined$1 : getProto$2(new Map()[Symbol.iterator]()),
 	'%Math%': Math,
 	'%Number%': Number,
 	'%Object%': $Object$2,
@@ -9819,11 +9819,11 @@ var INTRINSICS = {
 	'%Reflect%': typeof Reflect === 'undefined' ? undefined$1 : Reflect,
 	'%RegExp%': RegExp,
 	'%Set%': typeof Set === 'undefined' ? undefined$1 : Set,
-	'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols$2 || !getProto$2 ? undefined$1 : getProto$2(new Set()[Symbol.iterator]()),
+	'%SetIteratorPrototype%': typeof Set === 'undefined' || !hasSymbols$3 || !getProto$2 ? undefined$1 : getProto$2(new Set()[Symbol.iterator]()),
 	'%SharedArrayBuffer%': typeof SharedArrayBuffer === 'undefined' ? undefined$1 : SharedArrayBuffer,
 	'%String%': String,
-	'%StringIteratorPrototype%': hasSymbols$2 && getProto$2 ? getProto$2(''[Symbol.iterator]()) : undefined$1,
-	'%Symbol%': hasSymbols$2 ? Symbol : undefined$1,
+	'%StringIteratorPrototype%': hasSymbols$3 && getProto$2 ? getProto$2(''[Symbol.iterator]()) : undefined$1,
+	'%Symbol%': hasSymbols$3 ? Symbol : undefined$1,
 	'%SyntaxError%': $SyntaxError$1,
 	'%ThrowTypeError%': ThrowTypeError,
 	'%TypedArray%': TypedArray,
@@ -10176,12 +10176,12 @@ var callBound$i = function callBoundIntrinsic(name, allowMissing) {
 
 // modified from https://github.com/es-shims/es6-shim
 var objectKeys$1 = objectKeys$2;
-var hasSymbols$1 = requireShams$1()();
+var hasSymbols$2 = requireShams()();
 var callBound$h = callBound$i;
 var $Object$1 = esObjectAtoms;
 var $push = callBound$h('Array.prototype.push');
 var $propIsEnumerable = callBound$h('Object.prototype.propertyIsEnumerable');
-var originalGetSymbols = hasSymbols$1 ? $Object$1.getOwnPropertySymbols : null;
+var originalGetSymbols = hasSymbols$2 ? $Object$1.getOwnPropertySymbols : null;
 
 // eslint-disable-next-line no-unused-vars
 var implementation$8 = function assign(target, source1) {
@@ -10195,7 +10195,7 @@ var implementation$8 = function assign(target, source1) {
 
 		// step 3.a.ii:
 		var keys = objectKeys$1(from);
-		var getSymbols = hasSymbols$1 && ($Object$1.getOwnPropertySymbols || originalGetSymbols);
+		var getSymbols = hasSymbols$2 && ($Object$1.getOwnPropertySymbols || originalGetSymbols);
 		if (getSymbols) {
 			var syms = getSymbols(from);
 			for (var j = 0; j < syms.length; ++j) {
@@ -10492,23 +10492,14 @@ var regexp_prototype_flags = flagsBound;
 
 var esGetIterator = {exports: {}};
 
-var shams;
-var hasRequiredShams;
+var hasSymbols$1 = requireShams();
 
-function requireShams () {
-	if (hasRequiredShams) return shams;
-	hasRequiredShams = 1;
-
-	var hasSymbols = requireShams$1();
-
-	/** @type {import('.')} */
-	shams = function hasToStringTagShams() {
-		return hasSymbols() && !!Symbol.toStringTag;
-	};
-	return shams;
-}
+/** @type {import('.')} */
+var shams = function hasToStringTagShams() {
+	return hasSymbols$1() && !!Symbol.toStringTag;
+};
 
-var hasToStringTag$7 = requireShams()();
+var hasToStringTag$7 = shams();
 var callBound$f = callBound$i;
 
 var $toString$7 = callBound$f('Object.prototype.toString');
@@ -11545,7 +11536,7 @@ var tryStringObject = function tryStringObject(value) {
 /** @type {(receiver: ThisParameterType<typeof Object.prototype.toString>, ...args: Parameters<typeof Object.prototype.toString>) => ReturnType<typeof Object.prototype.toString>} */
 var $toString$6 = callBound$c('Object.prototype.toString');
 var strClass = '[object String]';
-var hasToStringTag$6 = requireShams()();
+var hasToStringTag$6 = shams();
 
 /** @type {import('.')} */
 var isString$2 = function isString(value) {
@@ -11661,7 +11652,7 @@ var isSet$2 = exported$1 || function isSet(x) {
 var isArguments$1 = isArguments$2;
 var getStopIterationIterator = stopIterationIterator;
 
-if (hasSymbols$3() || requireShams$1()()) {
+if (hasSymbols$4() || requireShams()()) {
 	var $iterator = Symbol.iterator;
 	// Symbol is available natively or shammed
 	// natively:
@@ -11950,7 +11941,7 @@ var tryDateObject = function tryDateGetDayCall(value) {
 /** @type {(value: unknown) => string} */
 var toStr$2 = callBound$9('Object.prototype.toString');
 var dateClass = '[object Date]';
-var hasToStringTag$5 = requireShams()();
+var hasToStringTag$5 = shams();
 
 /** @type {import('.')} */
 var isDateObject = function isDateObject(value) {
@@ -11961,7 +11952,7 @@ var isDateObject = function isDateObject(value) {
 };
 
 var callBound$8 = callBound$i;
-var hasToStringTag$4 = requireShams()();
+var hasToStringTag$4 = shams();
 var hasOwn = hasown;
 var gOPD$1 = gopd$1;
 
@@ -12066,7 +12057,7 @@ var tryNumberObject = function tryNumberObject(value) {
 };
 var $toString$3 = callBound$6('Object.prototype.toString');
 var numClass = '[object Number]';
-var hasToStringTag$3 = requireShams()();
+var hasToStringTag$3 = shams();
 
 /** @type {import('.')} */
 var isNumberObject = function isNumberObject(value) {
@@ -12093,7 +12084,7 @@ var tryBooleanObject = function booleanBrandCheck(value) {
 	}
 };
 var boolClass = '[object Boolean]';
-var hasToStringTag$2 = requireShams()();
+var hasToStringTag$2 = shams();
 
 /** @type {import('.')} */
 var isBooleanObject = function isBoolean(value) {
@@ -12135,7 +12126,7 @@ function requireSafeRegexTest () {
 
 var callBound$4 = callBound$i;
 var $toString$1 = callBound$4('Object.prototype.toString');
-var hasSymbols = hasSymbols$3();
+var hasSymbols = hasSymbols$4();
 var safeRegexTest = requireSafeRegexTest();
 
 if (hasSymbols) {
@@ -12581,7 +12572,7 @@ var gOPD = gopd$1;
 var getProto = getProto$3;
 
 var $toString = callBound$2('Object.prototype.toString');
-var hasToStringTag = requireShams()();
+var hasToStringTag = shams();
 
 var g = typeof globalThis === 'undefined' ? commonjsGlobal : globalThis;
 var typedArrays = availableTypedArrays();
@@ -25452,6 +25443,7 @@ var WidgetErrorBoundary = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
       if (this.state.hasError) {
         var _this$state$error;
         var widgetName = this.props.widgetName;
@@ -25459,33 +25451,64 @@ var WidgetErrorBoundary = /*#__PURE__*/function (_Component) {
 
         // Check if it's a WidgetContext error
         var isContextError = errorMessage.includes("Widget ID not found in Context") || errorMessage.includes("WidgetContext");
+
+        // AI-built widgets live under @ai-built/* — they get an "Open
+        // in AI Builder" recovery button that dispatches the existing
+        // dash:edit-widget-with-ai event (dash-electron's Dash.js
+        // listens for it and reopens the failing widget in remix mode).
+        var isAiBuilt = typeof widgetName === "string" && /(^|[./])ai-built\b/i.test(widgetName);
+        var openInBuilder = function openInBuilder() {
+          try {
+            window.dispatchEvent(new CustomEvent("dash:edit-widget-with-ai", {
+              detail: {
+                widgetComponentName: widgetName
+              }
+            }));
+          } catch (err) {
+          }
+        };
         return /*#__PURE__*/jsxs("div", {
-          className: "flex flex-col h-full w-full bg-red-900 border-2 border-red-600 rounded p-4 text-red-100",
+          className: "flex flex-col h-full w-full bg-amber-950 border border-amber-700 rounded p-4 text-amber-100",
           children: [/*#__PURE__*/jsx("div", {
-            className: "text-xl font-bold mb-2",
-            children: "\u26A0\uFE0F Widget Error"
+            className: "text-base font-semibold mb-2 text-amber-200",
+            children: "Widget couldn't render"
           }), /*#__PURE__*/jsxs("div", {
-            className: "text-sm mb-3",
-            children: [/*#__PURE__*/jsx("strong", {
-              children: "Widget:"
-            }), " ", widgetName]
-          }), /*#__PURE__*/jsxs("div", {
-            className: "text-sm mb-3",
-            children: [/*#__PURE__*/jsx("strong", {
-              children: "Error:"
-            }), " ", errorMessage]
+            className: "text-xs mb-2 break-words",
+            children: [/*#__PURE__*/jsx("span", {
+              className: "text-amber-300",
+              children: widgetName
+            }), " threw", " ", /*#__PURE__*/jsx("span", {
+              className: "font-mono",
+              children: errorMessage
+            })]
           }), isContextError && /*#__PURE__*/jsxs("div", {
-            className: "text-sm bg-red-800 border border-red-700 rounded p-3 mt-2",
+            className: "text-xs bg-amber-900 border border-amber-700 rounded p-2 mt-2 mb-2",
             children: [/*#__PURE__*/jsx("strong", {
               children: "Fix:"
             }), " This widget uses ", /*#__PURE__*/jsx("code", {
               children: "WidgetContext"
             }), " ", "but is missing the ", /*#__PURE__*/jsx("code", {
               children: "<Widget>"
-            }), " wrapper.", /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx("br", {}), "Add the wrapper in your widget component:", /*#__PURE__*/jsx("pre", {
+            }), " wrapper.", /*#__PURE__*/jsx("br", {}), "Add the wrapper in your widget component:", /*#__PURE__*/jsx("pre", {
               className: "bg-gray-900 p-2 rounded mt-2 text-xs overflow-auto",
               children: "import { Widget } from \"@trops/dash-react\";\n\nexport const ".concat(widgetName, " = (props) => {\n  return (\n    <Widget {...props}>\n      {/* Your widget content */}\n    </Widget>\n  );\n};")
             })]
+          }), /*#__PURE__*/jsxs("div", {
+            className: "flex items-center gap-2 mt-2",
+            children: [/*#__PURE__*/jsx("button", {
+              onClick: function onClick() {
+                return _this2.setState({
+                  hasError: false,
+                  error: null
+                });
+              },
+              className: "px-3 py-1 rounded text-xs bg-amber-700 hover:bg-amber-600 text-amber-100 transition-colors",
+              children: "Retry"
+            }), isAiBuilt && /*#__PURE__*/jsx("button", {
+              onClick: openInBuilder,
+              className: "px-3 py-1 rounded text-xs bg-indigo-600 hover:bg-indigo-500 text-white transition-colors",
+              children: "Open in AI Builder"
+            })]
           })]
         });
       }
@@ -45811,7 +45834,9 @@ var getIconForServer = function getIconForServer(server) {
  */
 var McpCatalogDetail = function McpCatalogDetail(_ref) {
   var onSave = _ref.onSave,
-    onCancel = _ref.onCancel;
+    onCancel = _ref.onCancel,
+    _ref$initialSelectedI = _ref.initialSelectedId,
+    initialSelectedId = _ref$initialSelectedI === void 0 ? null : _ref$initialSelectedI;
   var appContext = useContext(AppContext);
   var dashApi = appContext === null || appContext === void 0 ? void 0 : appContext.dashApi;
   var _useState = useState([]),
@@ -45948,6 +45973,22 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [dashApi]);
 
+  // Pre-select a catalog entry when initialSelectedId is provided
+  // (used by the cross-modal "Add new <type>" CTA from the Widget
+  // Builder). Fires once the catalog finishes loading; if no entry
+  // matches the id (e.g. type isn't in the catalog), silently no-ops
+  // and the user lands on the catalog grid to pick manually.
+  useEffect(function () {
+    if (!initialSelectedId || selectedServer || catalog.length === 0) return;
+    var match = catalog.find(function (s) {
+      return s && s.id === initialSelectedId;
+    });
+    if (match) {
+      setSelectedServer(match);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [catalog, initialSelectedId]);
+
   // Filter catalog by search, then sort alphabetically by display name.
   // Built-in and known-external entries are interleaved alphabetically —
   // the per-card "external" badge keeps the source obvious without
@@ -47021,7 +47062,11 @@ var ProvidersSection = function ProvidersSection(_ref) {
     _ref$createRequested = _ref.createRequested,
     createRequested = _ref$createRequested === void 0 ? false : _ref$createRequested,
     _ref$onCreateAcknowle = _ref.onCreateAcknowledged,
-    onCreateAcknowledged = _ref$onCreateAcknowle === void 0 ? null : _ref$onCreateAcknowle;
+    onCreateAcknowledged = _ref$onCreateAcknowle === void 0 ? null : _ref$onCreateAcknowle,
+    _ref$initialProviderT = _ref.initialProviderType,
+    initialProviderType = _ref$initialProviderT === void 0 ? null : _ref$initialProviderT,
+    _ref$initialProviderC = _ref.initialProviderClass,
+    initialProviderClass = _ref$initialProviderC === void 0 ? null : _ref$initialProviderC;
   var appContext = useContext(AppContext);
   var providers = (appContext === null || appContext === void 0 ? void 0 : appContext.providers) || {};
   var refreshProviders = appContext === null || appContext === void 0 ? void 0 : appContext.refreshProviders;
@@ -47357,14 +47402,29 @@ var ProvidersSection = function ProvidersSection(_ref) {
     });
   }
 
-  // Respond to external create trigger from header
+  // Respond to external create trigger from header (or from the
+  // cross-modal "Add new <type>" event dispatched by the Widget
+  // Builder, with optional initialProviderType/initialProviderClass
+  // for type pre-fill / catalog pre-select).
   var prevCreateRequested = useRef(false);
   useEffect(function () {
     if (createRequested && !prevCreateRequested.current) {
       resetForm();
       setSelectedName(null);
-      setIsAddingMcp(false);
-      setIsCreating(true);
+      if (initialProviderClass === "mcp") {
+        // MCP class: open the catalog detail. Pre-select happens in
+        // McpCatalogDetail via the initialSelectedId prop passed below.
+        setIsCreating(false);
+        setIsAddingMcp(true);
+      } else {
+        // Credential class (default): open the credential create form
+        // and pre-fill the type field if provided.
+        setIsAddingMcp(false);
+        setIsCreating(true);
+        if (initialProviderType) {
+          setFormType(initialProviderType);
+        }
+      }
     }
     prevCreateRequested.current = createRequested;
     if (createRequested && onCreateAcknowledged) {
@@ -47500,7 +47560,8 @@ var ProvidersSection = function ProvidersSection(_ref) {
       onSave: handleMcpSave,
       onCancel: function onCancel() {
         return setIsAddingMcp(false);
-      }
+      },
+      initialSelectedId: initialProviderType
     });
   } else if (isCreating) {
     detailContent = /*#__PURE__*/jsx(ProviderDetail, {
@@ -53282,6 +53343,10 @@ var AppSettingsModal = function AppSettingsModal(_ref) {
     initialProviderName = _ref$initialProviderN === void 0 ? null : _ref$initialProviderN,
     _ref$initialCreatePro = _ref.initialCreateProvider,
     initialCreateProvider = _ref$initialCreatePro === void 0 ? false : _ref$initialCreatePro,
+    _ref$initialProviderT = _ref.initialProviderType,
+    initialProviderType = _ref$initialProviderT === void 0 ? null : _ref$initialProviderT,
+    _ref$initialProviderC = _ref.initialProviderClass,
+    initialProviderClass = _ref$initialProviderC === void 0 ? null : _ref$initialProviderC,
     _ref$workspaces = _ref.workspaces,
     workspaces = _ref$workspaces === void 0 ? [] : _ref$workspaces,
     _ref$menuItems = _ref.menuItems,
@@ -53417,7 +53482,9 @@ var AppSettingsModal = function AppSettingsModal(_ref) {
           return setCreateRequested(false);
         },
         initialProviderName: initialProviderName,
-        initialCreateRequested: initialCreateProvider
+        initialCreateRequested: initialCreateProvider,
+        initialProviderType: initialProviderType,
+        initialProviderClass: initialProviderClass
       }), activeSection === "themes" && /*#__PURE__*/jsx(ThemesSection, {
         onOpenThemeEditor: onOpenThemeEditor,
         dashApi: dashApi,
@@ -58269,13 +58336,31 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
     _useState52 = _slicedToArray(_useState51, 2),
     appSettingsCreateProvider = _useState52[0],
     setAppSettingsCreateProvider = _useState52[1];
+  // Optional pre-fills used by the cross-modal "Add new <type>"
+  // flow dispatched from dash-electron's WidgetBuilderModal.
+  // initialProviderType is the type id (e.g. "filesystem", "slack").
+  // initialProviderClass routes the create flow: "mcp" opens the
+  // catalog detail with that type pre-selected; otherwise opens
+  // the credential create form with formType pre-filled.
+  var _useState53 = useState(null),
+    _useState54 = _slicedToArray(_useState53, 2),
+    appSettingsInitialProviderType = _useState54[0],
+    setAppSettingsInitialProviderType = _useState54[1];
+  var _useState55 = useState(null),
+    _useState56 = _slicedToArray(_useState55, 2),
+    appSettingsInitialProviderClass = _useState56[0],
+    setAppSettingsInitialProviderClass = _useState56[1];
   function openAppSettings() {
     var section = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "general";
     var providerName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var createProvider = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var providerType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+    var providerClass = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
     setAppSettingsInitialSection(section);
     setAppSettingsInitialProvider(providerName);
     setAppSettingsCreateProvider(createProvider);
+    setAppSettingsInitialProviderType(providerType);
+    setAppSettingsInitialProviderClass(providerClass);
     setIsAppSettingsOpen(true);
   }
   function handleProfileUpdated() {
@@ -58367,6 +58452,27 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
     };
   }, [changeCurrentTheme]);
 
+  // ─── Listen for "open Settings to create a provider of type X" ──
+  // Dispatched by dash-electron's Widget Builder PreviewProviderPicker
+  // when the user clicks "Add new <type>" because no instances of the
+  // chosen type exist yet. Detail: { type, providerClass }. The
+  // Widget Builder's own listener (in dash-electron/Dash.js) handles
+  // closing the builder modal — this listener only opens Settings.
+  useEffect(function () {
+    var handler = function handler(e) {
+      var _ref4 = (e === null || e === void 0 ? void 0 : e.detail) || {},
+        type = _ref4.type,
+        providerClass = _ref4.providerClass;
+      if (!type) return;
+      openAppSettings("providers", null, true, type, providerClass || null);
+    };
+    window.addEventListener("dash:open-settings-create-provider", handler);
+    return function () {
+      return window.removeEventListener("dash:open-settings-create-provider", handler);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   // ─── Listen for external "open workspace" requests ──────────────
   // Fired by: Dash.js notification click, MCP state-changed for
   // create_dashboard, etc. Any code that wants to switch the active
@@ -58376,10 +58482,10 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   // We record the requested ID and open it once it appears in
   // workspaceConfig — handles the case where the workspace was just
   // created and the config reload is still in flight.
-  var _useState53 = useState(null),
-    _useState54 = _slicedToArray(_useState53, 2),
-    pendingOpenWorkspaceId = _useState54[0],
-    setPendingOpenWorkspaceId = _useState54[1];
+  var _useState57 = useState(null),
+    _useState58 = _slicedToArray(_useState57, 2),
+    pendingOpenWorkspaceId = _useState58[0],
+    setPendingOpenWorkspaceId = _useState58[1];
   useEffect(function () {
     var handler = function handler(e) {
       var _e$detail2;
@@ -59001,10 +59107,10 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   }
 
   // ─── Page State ──────────────────────────────────────────────────
-  var _useState55 = useState(null),
-    _useState56 = _slicedToArray(_useState55, 2),
-    activePageId = _useState56[0],
-    setActivePageId = _useState56[1];
+  var _useState59 = useState(null),
+    _useState60 = _slicedToArray(_useState59, 2),
+    activePageId = _useState60[0],
+    setActivePageId = _useState60[1];
 
   // Page history stack for goBack() — pushes the previous page id
   // whenever a navigation happens through navigateToPage().
@@ -59038,9 +59144,9 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   // Listen for programmatic page switches via DashboardActionsApi
   useEffect(function () {
     function onSwitchPage(e) {
-      var _ref4 = e.detail || {},
-        pageId = _ref4.pageId,
-        pageName = _ref4.pageName;
+      var _ref5 = e.detail || {},
+        pageId = _ref5.pageId,
+        pageName = _ref5.pageName;
       if (pageId) {
         navigateToPage(pageId);
       } else if (pageName) {
@@ -59895,11 +60001,15 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
             if (!open) {
               setAppSettingsInitialProvider(null);
               setAppSettingsCreateProvider(false);
+              setAppSettingsInitialProviderType(null);
+              setAppSettingsInitialProviderClass(null);
             }
           },
           initialSection: appSettingsInitialSection,
           initialProviderName: appSettingsInitialProvider,
           initialCreateProvider: appSettingsCreateProvider,
+          initialProviderType: appSettingsInitialProviderType,
+          initialProviderClass: appSettingsInitialProviderClass,
           workspaces: workspaceConfig,
           menuItems: menuItems,
           dashApi: dashApi,