@trops/dash-core 0.1.451 → 0.1.452

package/dist/index.js

@@ -45820,7 +45820,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 = React.useContext(AppContext);
   var dashApi = appContext === null || appContext === void 0 ? void 0 : appContext.dashApi;
   var _useState = React.useState([]),
@@ -45957,6 +45959,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.
+  React.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
@@ -47030,7 +47048,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 = React.useContext(AppContext);
   var providers = (appContext === null || appContext === void 0 ? void 0 : appContext.providers) || {};
   var refreshProviders = appContext === null || appContext === void 0 ? void 0 : appContext.refreshProviders;
@@ -47366,14 +47388,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 = React.useRef(false);
   React.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) {
@@ -47509,7 +47546,8 @@ var ProvidersSection = function ProvidersSection(_ref) {
       onSave: handleMcpSave,
       onCancel: function onCancel() {
         return setIsAddingMcp(false);
-      }
+      },
+      initialSelectedId: initialProviderType
     });
   } else if (isCreating) {
     detailContent = /*#__PURE__*/jsxRuntime.jsx(ProviderDetail, {
@@ -53291,6 +53329,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,
@@ -53426,7 +53468,9 @@ var AppSettingsModal = function AppSettingsModal(_ref) {
           return setCreateRequested(false);
         },
         initialProviderName: initialProviderName,
-        initialCreateRequested: initialCreateProvider
+        initialCreateRequested: initialCreateProvider,
+        initialProviderType: initialProviderType,
+        initialProviderClass: initialProviderClass
       }), activeSection === "themes" && /*#__PURE__*/jsxRuntime.jsx(ThemesSection, {
         onOpenThemeEditor: onOpenThemeEditor,
         dashApi: dashApi,
@@ -58278,13 +58322,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 = React.useState(null),
+    _useState54 = _slicedToArray(_useState53, 2),
+    appSettingsInitialProviderType = _useState54[0],
+    setAppSettingsInitialProviderType = _useState54[1];
+  var _useState55 = React.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() {
@@ -58376,6 +58438,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.
+  React.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
@@ -58385,10 +58468,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 = React.useState(null),
-    _useState54 = _slicedToArray(_useState53, 2),
-    pendingOpenWorkspaceId = _useState54[0],
-    setPendingOpenWorkspaceId = _useState54[1];
+  var _useState57 = React.useState(null),
+    _useState58 = _slicedToArray(_useState57, 2),
+    pendingOpenWorkspaceId = _useState58[0],
+    setPendingOpenWorkspaceId = _useState58[1];
   React.useEffect(function () {
     var handler = function handler(e) {
       var _e$detail2;
@@ -59010,10 +59093,10 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   }
 
   // ─── Page State ──────────────────────────────────────────────────
-  var _useState55 = React.useState(null),
-    _useState56 = _slicedToArray(_useState55, 2),
-    activePageId = _useState56[0],
-    setActivePageId = _useState56[1];
+  var _useState59 = React.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().
@@ -59047,9 +59130,9 @@ var DashboardStageInner = function DashboardStageInner(_ref3) {
   // Listen for programmatic page switches via DashboardActionsApi
   React.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) {
@@ -59904,11 +59987,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,