@trops/dash-core 0.1.54 → 0.1.56

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;
+      }
+    }
   }]);
 }();
 
@@ -25868,7 +25893,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 +25915,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 +25932,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 +25958,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 +26068,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 +26146,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 +26243,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 +26254,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 +26405,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 +26443,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 +27178,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 +27644,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,42 +27814,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(null),
+
+  // Load MCP catalog for authCommand lookups
+  var _useState = React.useState([]),
     _useState2 = _slicedToArray(_useState, 2),
-    selectedName = _useState2[0],
-    setSelectedName = _useState2[1];
-  var _useState3 = React.useState(false),
+    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),
-    isCreating = _useState4[0],
-    setIsCreating = _useState4[1];
-  var _useState5 = React.useState(false),
+    providerTab = _useState4[0],
+    setProviderTab = _useState4[1];
+  var _useState5 = React.useState(null),
     _useState6 = _slicedToArray(_useState5, 2),
-    isEditing = _useState6[0],
-    setIsEditing = _useState6[1];
-  var _useState7 = React.useState(""),
+    selectedName = _useState6[0],
+    setSelectedName = _useState6[1];
+  var _useState7 = React.useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    formName = _useState8[0],
-    setFormName = _useState8[1];
-  var _useState9 = React.useState(""),
+    isCreating = _useState8[0],
+    setIsCreating = _useState8[1];
+  var _useState9 = React.useState(false),
     _useState0 = _slicedToArray(_useState9, 2),
-    formType = _useState0[0],
-    setFormType = _useState0[1];
-  var _useState1 = React.useState({}),
+    isEditing = _useState0[0],
+    setIsEditing = _useState0[1];
+  var _useState1 = React.useState(""),
     _useState10 = _slicedToArray(_useState1, 2),
-    formCredentials = _useState10[0],
-    setFormCredentials = _useState10[1];
-  var _useState11 = React.useState(null),
+    formName = _useState10[0],
+    setFormName = _useState10[1];
+  var _useState11 = React.useState(""),
     _useState12 = _slicedToArray(_useState11, 2),
-    deleteTarget = _useState12[0],
-    setDeleteTarget = _useState12[1];
-  var _useState13 = React.useState(false),
+    formType = _useState12[0],
+    setFormType = _useState12[1];
+  var _useState13 = React.useState({}),
     _useState14 = _slicedToArray(_useState13, 2),
-    isAddingMcp = _useState14[0],
-    setIsAddingMcp = _useState14[1];
-  var _useState15 = React.useState(false),
+    formCredentials = _useState14[0],
+    setFormCredentials = _useState14[1];
+  var _useState15 = React.useState(null),
     _useState16 = _slicedToArray(_useState15, 2),
-    isEditingMcp = _useState16[0],
-    setIsEditingMcp = _useState16[1];
+    deleteTarget = _useState16[0],
+    setDeleteTarget = _useState16[1];
+  var _useState17 = React.useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    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);
@@ -27738,6 +27908,7 @@ var ProvidersSection = function ProvidersSection(_ref) {
       credentials: credentials
     }, function () {
       resetForm();
+      setProviderTab("credentials");
       refreshProviders && refreshProviders();
     }, function (e, err) {
       return (void 0);
@@ -27746,6 +27917,7 @@ var ProvidersSection = function ProvidersSection(_ref) {
   function handleStartEdit(name, provider) {
     setSelectedName(name);
     setIsCreating(false);
+    setProviderTab(provider.providerClass === "mcp" ? "mcp" : "credentials");
     if (provider.providerClass === "mcp") {
       setIsEditingMcp(true);
       setIsEditing(false);
@@ -27810,6 +27982,7 @@ var ProvidersSection = function ProvidersSection(_ref) {
       setIsAddingMcp(false);
       refreshProviders && refreshProviders();
       setSelectedName(providerName);
+      setProviderTab("mcp");
     }, function (e, err) {
       return (void 0);
     });
@@ -27831,6 +28004,7 @@ var ProvidersSection = function ProvidersSection(_ref) {
       mcpConfig: mcpConfig
     }, function () {
       setSelectedName(providerName);
+      setProviderTab("mcp");
       setIsEditingMcp(false);
       resetForm();
       refreshProviders && refreshProviders();
@@ -27855,19 +28029,39 @@ var ProvidersSection = function ProvidersSection(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [createRequested]);
   var selectedProvider = selectedName && providers[selectedName] ? providers[selectedName] : null;
-  var listContent = /*#__PURE__*/jsxRuntime.jsxs(DashReact.Sidebar.Content, {
-    children: [credentialProviders.length > 0 && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "px-3 py-2 text-xs font-semibold opacity-40 uppercase tracking-wider",
-        children: "API Credentials"
-      }), credentialProviders.map(function (_ref8) {
+  var activeProviders = providerTab === "credentials" ? credentialProviders : mcpProviders;
+  var activeIcon = providerTab === "credentials" ? "key" : "server";
+  var listContent = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "px-2 pt-2",
+      children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Tabs3, {
+        value: providerTab,
+        onValueChange: setProviderTab,
+        backgroundColor: "bg-transparent",
+        spacing: "p-0",
+        children: /*#__PURE__*/jsxRuntime.jsxs(DashReact.Tabs3.List, {
+          className: "w-full flex",
+          spacing: "p-0.5",
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tabs3.Trigger, {
+            value: "credentials",
+            className: "flex-1",
+            children: "API Credentials"
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tabs3.Trigger, {
+            value: "mcp",
+            className: "flex-1",
+            children: "MCP Servers"
+          })]
+        })
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Sidebar.Content, {
+      children: [activeProviders.map(function (_ref8) {
         var _ref9 = _slicedToArray(_ref8, 2),
           name = _ref9[0],
           provider = _ref9[1];
         var isSelected = selectedName === name && !isCreating;
         return /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
           icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-            icon: "key",
+            icon: activeIcon,
             className: "h-3.5 w-3.5"
           }),
           active: isSelected,
@@ -27884,54 +28078,25 @@ var ProvidersSection = function ProvidersSection(_ref) {
           className: isSelected ? "bg-white/10 opacity-100" : "",
           children: name
         }, name);
-      })]
-    }), mcpProviders.length > 0 && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "px-3 py-2 text-xs font-semibold opacity-40 uppercase tracking-wider mt-2",
-        children: "MCP Servers"
-      }), mcpProviders.map(function (_ref0) {
-        var _ref1 = _slicedToArray(_ref0, 2),
-          name = _ref1[0],
-          provider = _ref1[1];
-        var isSelected = selectedName === name && !isCreating;
-        return /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
-          icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-            icon: "server",
-            className: "h-3.5 w-3.5"
-          }),
-          active: isSelected,
+      }), activeProviders.length === 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "text-sm opacity-40 py-8 text-center",
+        children: providerTab === "credentials" ? "No API credentials configured" : "No MCP servers configured"
+      }), providerTab === "mcp" && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "px-3 py-3 mt-2 border-t border-white/10",
+        children: /*#__PURE__*/jsxRuntime.jsxs("button", {
           onClick: function onClick() {
-            setSelectedName(name);
+            setIsAddingMcp(true);
+            setSelectedName(null);
             setIsCreating(false);
             setIsEditing(false);
-            setIsAddingMcp(false);
-            resetForm();
           },
-          badge: provider.type ? /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, {
-            text: provider.type
-          }) : null,
-          className: isSelected ? "bg-white/10 opacity-100" : "",
-          children: name
-        }, name);
+          className: "flex items-center gap-2 text-sm text-blue-400 hover:text-blue-300 transition-colors w-full",
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+            icon: "plus",
+            className: "h-3 w-3"
+          }), "Add MCP Server"]
+        })
       })]
-    }), providerEntries.length === 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
-      className: "text-sm opacity-40 py-8 text-center",
-      children: "No providers configured"
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "px-3 py-3 mt-2 border-t border-white/10",
-      children: /*#__PURE__*/jsxRuntime.jsxs("button", {
-        onClick: function onClick() {
-          setIsAddingMcp(true);
-          setSelectedName(null);
-          setIsCreating(false);
-          setIsEditing(false);
-        },
-        className: "flex items-center gap-2 text-sm text-blue-400 hover:text-blue-300 transition-colors w-full",
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-          icon: "plus",
-          className: "h-3 w-3"
-        }), "Add MCP Server"]
-      })
     })]
   });
   var detailContent = null;
@@ -27975,6 +28140,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,
@@ -27990,7 +28159,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, {
@@ -33868,6 +34038,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;