@trops/dash-core 0.1.55 → 0.1.57

package/dist/index.js

@@ -691,6 +691,8 @@ var MCP_SERVER_STATUS_COMPLETE = "mcp:server-status:complete";
 var MCP_SERVER_STATUS_ERROR = "mcp:server-status:error";
 var MCP_GET_CATALOG_COMPLETE = "mcp:get-catalog:complete";
 var MCP_GET_CATALOG_ERROR = "mcp:get-catalog:error";
+var MCP_RUN_AUTH_COMPLETE = "mcp:run-auth:complete";
+var MCP_RUN_AUTH_ERROR = "mcp:run-auth:error";
 
 var DATA_JSON_TO_CSV_FILE = "data-json-to-csv-file";
 var DATA_JSON_TO_CSV_FILE_COMPLETE = "data-json-to-csv-file-complete";
@@ -799,6 +801,8 @@ var apiEvents = /*#__PURE__*/Object.freeze({
   MCP_LIST_TOOLS_ERROR: MCP_LIST_TOOLS_ERROR,
   MCP_READ_RESOURCE_COMPLETE: MCP_READ_RESOURCE_COMPLETE,
   MCP_READ_RESOURCE_ERROR: MCP_READ_RESOURCE_ERROR,
+  MCP_RUN_AUTH_COMPLETE: MCP_RUN_AUTH_COMPLETE,
+  MCP_RUN_AUTH_ERROR: MCP_RUN_AUTH_ERROR,
   MCP_SERVER_STATUS_COMPLETE: MCP_SERVER_STATUS_COMPLETE,
   MCP_SERVER_STATUS_ERROR: MCP_SERVER_STATUS_ERROR,
   MCP_START_SERVER_COMPLETE: MCP_START_SERVER_COMPLETE,
@@ -1497,6 +1501,27 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
         return false;
       }
     }
+  }, {
+    key: "mcpRunAuth",
+    value: function mcpRunAuth(mcpConfig, credentials, authCommand, onSuccess, onError) {
+      var _this26 = this;
+      if (this.api !== null) {
+        try {
+          this.api.mcp.runAuth(mcpConfig, credentials, authCommand).then(function (result) {
+            onSuccess(_this26.events.MCP_RUN_AUTH_COMPLETE, result);
+          })["catch"](function (error) {
+            onError(_this26.events.MCP_RUN_AUTH_ERROR, error);
+          });
+          return true;
+        } catch (e) {
+          onError(this.events.MCP_RUN_AUTH_ERROR, e);
+          return false;
+        }
+      } else {
+        onError(this.events.MCP_RUN_AUTH_ERROR, new Error("No Api found"));
+        return false;
+      }
+    }
   }]);
 }();
 
@@ -19501,7 +19526,7 @@ var useMcpProvider = function useMcpProvider(providerType) {
    * even when multiple hook instances call connect() simultaneously.
    */
   var connect = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var cached, result, state, connectPromise, _result, _t, _t2;
+    var cached, statusResult, result, state, connectPromise, _result, _t2, _t3;
     return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -19532,65 +19557,90 @@ var useMcpProvider = function useMcpProvider(providerType) {
           setError("Provider \"".concat(selectedProviderName, "\" has no MCP configuration"));
           return _context.abrupt("return");
         case 4:
-          // 1. Already connected at module level? Apply cached result, skip IPC
+          // 1. Already connected at module level? Verify with main process before trusting cache.
+          //    The server may have been stopped externally (e.g., Test Connection in settings).
           cached = serverStates.get(selectedProviderName);
           if (!(cached && cached.status === "connected")) {
-            _context.next = 5;
+            _context.next = 9;
+            break;
+          }
+          _context.prev = 5;
+          _context.next = 6;
+          return new Promise(function (resolve, reject) {
+            dashApi.mcpGetServerStatus(selectedProviderName, function (event, result) {
+              return resolve(result);
+            }, function (event, err) {
+              return reject(err);
+            });
+          });
+        case 6:
+          statusResult = _context.sent;
+          if (!((statusResult === null || statusResult === void 0 ? void 0 : statusResult.status) === "connected")) {
+            _context.next = 7;
             break;
           }
           cached.consumerCount++;
           applyResult(cached);
           return _context.abrupt("return");
-        case 5:
+        case 7:
+          // Server was stopped externally — clear stale cache and reconnect
+          serverStates["delete"](selectedProviderName);
+          _context.next = 9;
+          break;
+        case 8:
+          _context.prev = 8;
+          _context["catch"](5);
+          serverStates["delete"](selectedProviderName);
+        case 9:
           setIsConnecting(true);
           setError(null);
 
           // 2. Another hook instance already connecting? Piggyback on its promise
           if (!pendingConnects.has(selectedProviderName)) {
-            _context.next = 13;
+            _context.next = 17;
             break;
           }
-          _context.prev = 6;
-          _context.next = 7;
+          _context.prev = 10;
+          _context.next = 11;
           return pendingConnects.get(selectedProviderName);
-        case 7:
+        case 11:
           result = _context.sent;
           if (mountedRef.current) {
-            _context.next = 8;
+            _context.next = 12;
             break;
           }
           return _context.abrupt("return");
-        case 8:
+        case 12:
           if (!result.error) {
-            _context.next = 9;
+            _context.next = 13;
             break;
           }
           setError(result.message);
           setIsConnecting(false);
           setStatus("error");
           return _context.abrupt("return");
-        case 9:
+        case 13:
           // Increment consumer count and apply
           state = serverStates.get(selectedProviderName);
           if (state) state.consumerCount++;
           applyResult(result);
-          _context.next = 12;
+          _context.next = 16;
           break;
-        case 10:
-          _context.prev = 10;
-          _t = _context["catch"](6);
+        case 14:
+          _context.prev = 14;
+          _t2 = _context["catch"](10);
           if (mountedRef.current) {
-            _context.next = 11;
+            _context.next = 15;
             break;
           }
           return _context.abrupt("return");
-        case 11:
-          setError((_t === null || _t === void 0 ? void 0 : _t.message) || "Failed to connect to MCP server");
+        case 15:
+          setError((_t2 === null || _t2 === void 0 ? void 0 : _t2.message) || "Failed to connect to MCP server");
           setIsConnecting(false);
           setStatus("error");
-        case 12:
+        case 16:
           return _context.abrupt("return");
-        case 13:
+        case 17:
           // 3. First caller — fire the IPC call and share the promise
           connectPromise = new Promise(function (resolve, reject) {
             dashApi.mcpStartServer(selectedProviderName, provider.mcpConfig, provider.credentials, function (event, result) {
@@ -19626,46 +19676,46 @@ var useMcpProvider = function useMcpProvider(providerType) {
             });
           });
           pendingConnects.set(selectedProviderName, connectPromise);
-          _context.prev = 14;
-          _context.next = 15;
+          _context.prev = 18;
+          _context.next = 19;
           return connectPromise;
-        case 15:
+        case 19:
           _result = _context.sent;
           if (mountedRef.current) {
-            _context.next = 16;
+            _context.next = 20;
             break;
           }
           return _context.abrupt("return");
-        case 16:
+        case 20:
           if (!_result.error) {
-            _context.next = 17;
+            _context.next = 21;
             break;
           }
           setError(_result.message);
           setIsConnecting(false);
           setStatus("error");
           return _context.abrupt("return");
-        case 17:
+        case 21:
           applyResult(_result);
-          _context.next = 20;
+          _context.next = 24;
           break;
-        case 18:
-          _context.prev = 18;
-          _t2 = _context["catch"](14);
+        case 22:
+          _context.prev = 22;
+          _t3 = _context["catch"](18);
           if (mountedRef.current) {
-            _context.next = 19;
+            _context.next = 23;
             break;
           }
           return _context.abrupt("return");
-        case 19:
-          setError((_t2 === null || _t2 === void 0 ? void 0 : _t2.message) || "Failed to connect to MCP server");
+        case 23:
+          setError((_t3 === null || _t3 === void 0 ? void 0 : _t3.message) || "Failed to connect to MCP server");
           setIsConnecting(false);
           setStatus("error");
-        case 20:
+        case 24:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[6, 10], [14, 18]]);
+    }, _callee, null, [[5, 8], [10, 14], [18, 22]]);
   })), [dashApi, provider, providerType, selectedProviderName, applyResult]);
 
   /**
@@ -25868,7 +25918,7 @@ var FoldersSection = function FoldersSection(_ref) {
 function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProviderDetail = function ProviderDetail(_ref) {
-  var _testResult$tools;
+  var _provider$mcpConfig, _testResult$tools;
   var _ref$providerName = _ref.providerName,
     providerName = _ref$providerName === void 0 ? null : _ref$providerName,
     _ref$provider = _ref.provider,
@@ -25890,7 +25940,9 @@ var ProviderDetail = function ProviderDetail(_ref) {
     onCancelEdit = _ref.onCancelEdit,
     onStartEdit = _ref.onStartEdit,
     onCreate = _ref.onCreate,
-    onDelete = _ref.onDelete;
+    onDelete = _ref.onDelete,
+    _ref$catalogAuthComma = _ref.catalogAuthCommand,
+    catalogAuthCommand = _ref$catalogAuthComma === void 0 ? null : _ref$catalogAuthComma;
   var appContext = React.useContext(AppContext);
   var dashApi = appContext === null || appContext === void 0 ? void 0 : appContext.dashApi;
   var isMcp = (provider === null || provider === void 0 ? void 0 : provider.providerClass) === "mcp";
@@ -25905,6 +25957,19 @@ var ProviderDetail = function ProviderDetail(_ref) {
     testResult = _useState4[0],
     setTestResult = _useState4[1];
 
+  // MCP auth state
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isAuthorizing = _useState6[0],
+    setIsAuthorizing = _useState6[1];
+  var _useState7 = React.useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    authResult = _useState8[0],
+    setAuthResult = _useState8[1];
+
+  // Resolve authCommand: provider.mcpConfig.authCommand > catalogAuthCommand prop
+  var resolvedAuthCommand = (provider === null || provider === void 0 || (_provider$mcpConfig = provider.mcpConfig) === null || _provider$mcpConfig === void 0 ? void 0 : _provider$mcpConfig.authCommand) || catalogAuthCommand || null;
+
   // Derive credential fields for MCP providers in edit mode
   var mcpFormFields = React.useMemo(function () {
     if (!isMcp || !(provider !== null && provider !== void 0 && provider.mcpConfig)) return [];
@@ -25918,14 +25983,14 @@ var ProviderDetail = function ProviderDetail(_ref) {
   }, [isMcp, provider]);
 
   // Dynamic credential fields for create mode
-  var _useState5 = React.useState(isCreating ? [{
+  var _useState9 = React.useState(isCreating ? [{
       id: "default_apiKey",
       key: "apiKey",
       secret: true
     }] : []),
-    _useState6 = _slicedToArray(_useState5, 2),
-    credentialFields = _useState6[0],
-    setCredentialFields = _useState6[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    credentialFields = _useState0[0],
+    setCredentialFields = _useState0[1];
   var fieldIdRef = React.useRef(0);
   var handleFieldKeyChange = function handleFieldKeyChange(id, newKey) {
     setCredentialFields(function (prev) {
@@ -26028,6 +26093,31 @@ var ProviderDetail = function ProviderDetail(_ref) {
       setIsTesting(false);
     });
   };
+  var handleAuthorize = function handleAuthorize() {
+    if (!dashApi || !(provider !== null && provider !== void 0 && provider.mcpConfig) || !resolvedAuthCommand) return;
+    setIsAuthorizing(true);
+    setAuthResult(null);
+    dashApi.mcpRunAuth(provider.mcpConfig, provider.credentials, resolvedAuthCommand, function (event, result) {
+      if (result.error) {
+        setAuthResult({
+          success: false,
+          message: result.message
+        });
+      } else {
+        setAuthResult({
+          success: true,
+          message: "Authorized!"
+        });
+      }
+      setIsAuthorizing(false);
+    }, function (event, err) {
+      setAuthResult({
+        success: false,
+        message: (err === null || err === void 0 ? void 0 : err.message) || "Authorization failed"
+      });
+      setIsAuthorizing(false);
+    });
+  };
   var isFormMode = isEditing || isCreating;
 
   // ── MCP config info block (shared between read-only view and edit form) ──
@@ -26081,7 +26171,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
 
   // ── Edit / Create form ──
   if (isFormMode) {
-    var _provider$mcpConfig;
+    var _provider$mcpConfig2;
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-col flex-1 min-h-0",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -26178,7 +26268,7 @@ var ProviderDetail = function ProviderDetail(_ref) {
               className: "border-t border-white/10 pt-4",
               children: /*#__PURE__*/jsxRuntime.jsx("p", {
                 className: "text-xs font-semibold opacity-40 uppercase tracking-wider",
-                children: ((_provider$mcpConfig = provider.mcpConfig) === null || _provider$mcpConfig === void 0 ? void 0 : _provider$mcpConfig.transport) === "streamable_http" ? "Server Configuration" : "Authentication"
+                children: ((_provider$mcpConfig2 = provider.mcpConfig) === null || _provider$mcpConfig2 === void 0 ? void 0 : _provider$mcpConfig2.transport) === "streamable_http" ? "Server Configuration" : "Authentication"
               })
             }), mcpFormFields.map(function (field) {
               return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -26189,13 +26279,38 @@ var ProviderDetail = function ProviderDetail(_ref) {
                 }), field.instructions && /*#__PURE__*/jsxRuntime.jsx("p", {
                   className: "text-sm opacity-50",
                   children: field.instructions
-                }), /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
-                  type: field.secret ? "password" : "text",
-                  value: formCredentials[field.key] || "",
-                  onChange: function onChange(value) {
-                    return handleCredentialChange(field.key, value);
-                  },
-                  placeholder: "Enter ".concat(field.displayName.toLowerCase())
+                }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                  className: "flex gap-2",
+                  children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                    className: "flex-1",
+                    children: /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
+                      type: field.secret ? "password" : "text",
+                      value: formCredentials[field.key] || "",
+                      onChange: function onChange(value) {
+                        return handleCredentialChange(field.key, value);
+                      },
+                      placeholder: field.type === "file" ? "Select a file..." : "Enter ".concat(field.displayName.toLowerCase())
+                    })
+                  }), field.type === "file" && /*#__PURE__*/jsxRuntime.jsx("button", {
+                    onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+                      var filepath;
+                      return _regeneratorRuntime.wrap(function (_context) {
+                        while (1) switch (_context.prev = _context.next) {
+                          case 0:
+                            _context.next = 1;
+                            return window.mainApi.dialog.chooseFile(true, ["json"]);
+                          case 1:
+                            filepath = _context.sent;
+                            if (filepath) handleCredentialChange(field.key, filepath);
+                          case 2:
+                          case "end":
+                            return _context.stop();
+                        }
+                      }, _callee);
+                    })),
+                    className: "px-3 py-1.5 text-sm rounded bg-white/10 hover:bg-white/20 transition-colors",
+                    children: "Browse"
+                  })]
                 })]
               }, field.key);
             })]
@@ -26315,6 +26430,16 @@ var ProviderDetail = function ProviderDetail(_ref) {
               })]
             })]
           })]
+        }), authResult && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "p-3 rounded-lg text-sm ".concat(authResult.success ? "bg-green-900/30 border border-green-700 text-green-300" : "bg-red-900/30 border border-red-700 text-red-300"),
+          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+              icon: authResult.success ? "circle-check" : "circle-exclamation"
+            }), /*#__PURE__*/jsxRuntime.jsx("span", {
+              children: authResult.message
+            })]
+          })
         }), testResult && /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "p-3 rounded-lg text-sm ".concat(testResult.success ? "bg-green-900/30 border border-green-700 text-green-300" : "bg-red-900/30 border border-red-700 text-red-300"),
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -26343,7 +26468,11 @@ var ProviderDetail = function ProviderDetail(_ref) {
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex-shrink-0 flex flex-row justify-end gap-2 px-6 py-4 border-t border-white/10",
-      children: [isMcp && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+      children: [isMcp && resolvedAuthCommand && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+        title: isAuthorizing ? "Authorizing..." : "Authorize",
+        onClick: handleAuthorize,
+        size: "sm"
+      }), isMcp && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
         title: isTesting ? "Testing..." : "Test Connection",
         onClick: handleTestConnection,
         size: "sm"
@@ -27074,13 +27203,38 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
               children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FormLabel, {
                 label: field.displayName,
                 required: field.required
-              }), /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
-                type: field.secret ? "password" : "text",
-                value: credentialData[field.key] || "",
-                onChange: function onChange(value) {
-                  return handleCredentialChange(field.key, value);
-                },
-                placeholder: "Enter ".concat(field.displayName.toLowerCase())
+              }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex gap-2",
+                children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                  className: "flex-1",
+                  children: /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
+                    type: field.secret ? "password" : "text",
+                    value: credentialData[field.key] || "",
+                    onChange: function onChange(value) {
+                      return handleCredentialChange(field.key, value);
+                    },
+                    placeholder: field.type === "file" ? "Select a file..." : "Enter ".concat(field.displayName.toLowerCase())
+                  })
+                }), field.type === "file" && /*#__PURE__*/jsxRuntime.jsx("button", {
+                  onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+                    var filepath;
+                    return _regeneratorRuntime.wrap(function (_context) {
+                      while (1) switch (_context.prev = _context.next) {
+                        case 0:
+                          _context.next = 1;
+                          return window.mainApi.dialog.chooseFile(true, ["json"]);
+                        case 1:
+                          filepath = _context.sent;
+                          if (filepath) handleCredentialChange(field.key, filepath);
+                        case 2:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }, _callee);
+                  })),
+                  className: "px-3 py-1.5 text-sm rounded bg-white/10 hover:bg-white/20 transition-colors",
+                  children: "Browse"
+                })]
               }), formErrors[field.key] && /*#__PURE__*/jsxRuntime.jsx("p", {
                 className: "text-sm text-red-400",
                 children: formErrors[field.key]
@@ -27515,13 +27669,38 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
               }), field.instructions && /*#__PURE__*/jsxRuntime.jsx("p", {
                 className: "text-sm opacity-50",
                 children: field.instructions
-              }), /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
-                type: field.secret ? "password" : "text",
-                value: credentialData[field.key] || "",
-                onChange: function onChange(value) {
-                  return handleCredentialChange(field.key, value);
-                },
-                placeholder: "Enter ".concat(field.displayName.toLowerCase())
+              }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex gap-2",
+                children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                  className: "flex-1",
+                  children: /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
+                    type: field.secret ? "password" : "text",
+                    value: credentialData[field.key] || "",
+                    onChange: function onChange(value) {
+                      return handleCredentialChange(field.key, value);
+                    },
+                    placeholder: field.type === "file" ? "Select a file..." : "Enter ".concat(field.displayName.toLowerCase())
+                  })
+                }), field.type === "file" && /*#__PURE__*/jsxRuntime.jsx("button", {
+                  onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+                    var filepath;
+                    return _regeneratorRuntime.wrap(function (_context) {
+                      while (1) switch (_context.prev = _context.next) {
+                        case 0:
+                          _context.next = 1;
+                          return window.mainApi.dialog.chooseFile(true, ["json"]);
+                        case 1:
+                          filepath = _context.sent;
+                          if (filepath) handleCredentialChange(field.key, filepath);
+                        case 2:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }, _callee);
+                  })),
+                  className: "px-3 py-1.5 text-sm rounded bg-white/10 hover:bg-white/20 transition-colors",
+                  children: "Browse"
+                })]
               }), formErrors[field.key] && /*#__PURE__*/jsxRuntime.jsx("p", {
                 className: "text-sm text-red-400",
                 children: formErrors[field.key]
@@ -27660,46 +27839,58 @@ var ProvidersSection = function ProvidersSection(_ref) {
   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;
-  var _useState = React.useState("credentials"),
+
+  // Load MCP catalog for authCommand lookups
+  var _useState = React.useState([]),
     _useState2 = _slicedToArray(_useState, 2),
-    providerTab = _useState2[0],
-    setProviderTab = _useState2[1];
-  var _useState3 = React.useState(null),
+    catalog = _useState2[0],
+    setCatalog = _useState2[1];
+  React.useEffect(function () {
+    if (!dashApi) return;
+    dashApi.mcpGetCatalog(function (event, result) {
+      if (result !== null && result !== void 0 && result.catalog) setCatalog(result.catalog);
+    }, function () {});
+  }, [dashApi]);
+  var _useState3 = React.useState("credentials"),
     _useState4 = _slicedToArray(_useState3, 2),
-    selectedName = _useState4[0],
-    setSelectedName = _useState4[1];
-  var _useState5 = React.useState(false),
+    providerTab = _useState4[0],
+    setProviderTab = _useState4[1];
+  var _useState5 = React.useState(null),
     _useState6 = _slicedToArray(_useState5, 2),
-    isCreating = _useState6[0],
-    setIsCreating = _useState6[1];
+    selectedName = _useState6[0],
+    setSelectedName = _useState6[1];
   var _useState7 = React.useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    isEditing = _useState8[0],
-    setIsEditing = _useState8[1];
-  var _useState9 = React.useState(""),
+    isCreating = _useState8[0],
+    setIsCreating = _useState8[1];
+  var _useState9 = React.useState(false),
     _useState0 = _slicedToArray(_useState9, 2),
-    formName = _useState0[0],
-    setFormName = _useState0[1];
+    isEditing = _useState0[0],
+    setIsEditing = _useState0[1];
   var _useState1 = React.useState(""),
     _useState10 = _slicedToArray(_useState1, 2),
-    formType = _useState10[0],
-    setFormType = _useState10[1];
-  var _useState11 = React.useState({}),
+    formName = _useState10[0],
+    setFormName = _useState10[1];
+  var _useState11 = React.useState(""),
     _useState12 = _slicedToArray(_useState11, 2),
-    formCredentials = _useState12[0],
-    setFormCredentials = _useState12[1];
-  var _useState13 = React.useState(null),
+    formType = _useState12[0],
+    setFormType = _useState12[1];
+  var _useState13 = React.useState({}),
     _useState14 = _slicedToArray(_useState13, 2),
-    deleteTarget = _useState14[0],
-    setDeleteTarget = _useState14[1];
-  var _useState15 = React.useState(false),
+    formCredentials = _useState14[0],
+    setFormCredentials = _useState14[1];
+  var _useState15 = React.useState(null),
     _useState16 = _slicedToArray(_useState15, 2),
-    isAddingMcp = _useState16[0],
-    setIsAddingMcp = _useState16[1];
+    deleteTarget = _useState16[0],
+    setDeleteTarget = _useState16[1];
   var _useState17 = React.useState(false),
     _useState18 = _slicedToArray(_useState17, 2),
-    isEditingMcp = _useState18[0],
-    setIsEditingMcp = _useState18[1];
+    isAddingMcp = _useState18[0],
+    setIsAddingMcp = _useState18[1];
+  var _useState19 = React.useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    isEditingMcp = _useState20[0],
+    setIsEditingMcp = _useState20[1];
 
   // Row ID counter for env/header rows in MCP edit mode
   var nextRowIdRef = React.useRef(0);
@@ -27974,6 +28165,10 @@ var ProvidersSection = function ProvidersSection(_ref) {
       }
     });
   } else if (selectedName && selectedProvider) {
+    // Look up authCommand from the catalog for this provider type
+    var catalogEntry = catalog.find(function (entry) {
+      return entry.id === selectedProvider.type;
+    });
     detailContent = /*#__PURE__*/jsxRuntime.jsx(ProviderDetail, {
       providerName: selectedName,
       provider: selectedProvider,
@@ -27989,7 +28184,8 @@ var ProvidersSection = function ProvidersSection(_ref) {
       onStartEdit: handleStartEdit,
       onDelete: function onDelete(name) {
         return setDeleteTarget(name);
-      }
+      },
+      catalogAuthCommand: (catalogEntry === null || catalogEntry === void 0 ? void 0 : catalogEntry.authCommand) || null
     });
   }
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -33867,6 +34063,8 @@ exports.MCP_LIST_TOOLS_COMPLETE = MCP_LIST_TOOLS_COMPLETE;
 exports.MCP_LIST_TOOLS_ERROR = MCP_LIST_TOOLS_ERROR;
 exports.MCP_READ_RESOURCE_COMPLETE = MCP_READ_RESOURCE_COMPLETE;
 exports.MCP_READ_RESOURCE_ERROR = MCP_READ_RESOURCE_ERROR;
+exports.MCP_RUN_AUTH_COMPLETE = MCP_RUN_AUTH_COMPLETE;
+exports.MCP_RUN_AUTH_ERROR = MCP_RUN_AUTH_ERROR;
 exports.MCP_SERVER_STATUS_COMPLETE = MCP_SERVER_STATUS_COMPLETE;
 exports.MCP_SERVER_STATUS_ERROR = MCP_SERVER_STATUS_ERROR;
 exports.MCP_START_SERVER_COMPLETE = MCP_START_SERVER_COMPLETE;