@trops/dash-core 0.1.58 → 0.1.60

package/dist/index.js

@@ -26604,6 +26604,10 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
     isEditMode = _ref2$isEditMode === void 0 ? false : _ref2$isEditMode,
     _ref2$initialName = _ref2.initialName,
     initialName = _ref2$initialName === void 0 ? "" : _ref2$initialName,
+    _ref2$initialProvider = _ref2.initialProviderType,
+    initialProviderType = _ref2$initialProvider === void 0 ? "custom" : _ref2$initialProvider,
+    _ref2$initialCredenti = _ref2.initialCredentialSchema,
+    initialCredentialSchema = _ref2$initialCredenti === void 0 ? {} : _ref2$initialCredenti,
     _ref2$initialTranspor = _ref2.initialTransport,
     initialTransport = _ref2$initialTranspor === void 0 ? "stdio" : _ref2$initialTranspor,
     _ref2$initialCommand = _ref2.initialCommand,
@@ -26616,8 +26620,8 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
     initialUrl = _ref2$initialUrl === void 0 ? "" : _ref2$initialUrl,
     _ref2$initialHeaderRo = _ref2.initialHeaderRows,
     initialHeaderRows = _ref2$initialHeaderRo === void 0 ? [] : _ref2$initialHeaderRo,
-    _ref2$initialCredenti = _ref2.initialCredentials,
-    initialCredentials = _ref2$initialCredenti === void 0 ? {} : _ref2$initialCredenti;
+    _ref2$initialCredenti2 = _ref2.initialCredentials,
+    initialCredentials = _ref2$initialCredenti2 === void 0 ? {} : _ref2$initialCredenti2;
   var appContext = React.useContext(AppContext);
   var dashApi = appContext === null || appContext === void 0 ? void 0 : appContext.dashApi;
 
@@ -26709,8 +26713,8 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
 
   // Derive credential fields from the live mcpConfig
   var formFields = React.useMemo(function () {
-    return deriveFormFields(mcpConfig, {});
-  }, [mcpConfig]);
+    return deriveFormFields(mcpConfig, initialCredentialSchema);
+  }, [mcpConfig, initialCredentialSchema]);
 
   // --- envMapping row handlers ---
   var addEnvRow = function addEnvRow() {
@@ -26886,11 +26890,11 @@ var CustomMcpServerForm = function CustomMcpServerForm(_ref2) {
         url: result.url,
         headerRows: result.headerRows
       });
-      onSave(name, "custom", result.credentialData, config);
+      onSave(name, initialProviderType, result.credentialData, config);
       return;
     }
     if (!validateForm()) return;
-    onSave(providerName.trim(), "custom", credentialData, mcpConfig);
+    onSave(providerName.trim(), initialProviderType, credentialData, mcpConfig);
   };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col flex-1 min-h-0",
@@ -27387,30 +27391,38 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     isCustom = _useState14[0],
     setIsCustom = _useState14[1];
-
-  // Configuration form state
-  var _useState15 = React.useState(""),
+  var _useState15 = React.useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
-    providerName = _useState16[0],
-    setProviderName = _useState16[1];
-  var _useState17 = React.useState({}),
+    isAuthorizing = _useState16[0],
+    setIsAuthorizing = _useState16[1];
+  var _useState17 = React.useState(null),
     _useState18 = _slicedToArray(_useState17, 2),
-    credentialData = _useState18[0],
-    setCredentialData = _useState18[1];
-  var _useState19 = React.useState({}),
-    _useState20 = _slicedToArray(_useState19, 2),
-    formErrors = _useState20[0],
-    setFormErrors = _useState20[1];
+    authResult = _useState18[0],
+    setAuthResult = _useState18[1];
 
-  // Advanced config row state
-  var _useState21 = React.useState([]),
+  // Configuration form state
+  var _useState19 = React.useState(""),
+    _useState20 = _slicedToArray(_useState19, 2),
+    providerName = _useState20[0],
+    setProviderName = _useState20[1];
+  var _useState21 = React.useState({}),
     _useState22 = _slicedToArray(_useState21, 2),
-    envMappingRows = _useState22[0],
-    setEnvMappingRows = _useState22[1];
-  var _useState23 = React.useState([]),
+    credentialData = _useState22[0],
+    setCredentialData = _useState22[1];
+  var _useState23 = React.useState({}),
     _useState24 = _slicedToArray(_useState23, 2),
-    headerRows = _useState24[0],
-    setHeaderRows = _useState24[1];
+    formErrors = _useState24[0],
+    setFormErrors = _useState24[1];
+
+  // Advanced config row state
+  var _useState25 = React.useState([]),
+    _useState26 = _slicedToArray(_useState25, 2),
+    envMappingRows = _useState26[0],
+    setEnvMappingRows = _useState26[1];
+  var _useState27 = React.useState([]),
+    _useState28 = _slicedToArray(_useState27, 2),
+    headerRows = _useState28[0],
+    setHeaderRows = _useState28[1];
   var rowIdRef = React.useRef(0);
   var nextRowId = function nextRowId() {
     return "cat_".concat(++rowIdRef.current);
@@ -27457,6 +27469,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
     setSelectedServer(server);
     setIsConfiguring(true);
     setTestResult(null);
+    setAuthResult(null);
     setProviderName(server.name);
     setCredentialData({});
     setFormErrors({});
@@ -27528,6 +27541,33 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
     });
   };
 
+  // Handle authorize (OAuth browser flow)
+  var handleAuthorize = function handleAuthorize() {
+    if (!dashApi || !(selectedServer !== null && selectedServer !== void 0 && selectedServer.authCommand)) return;
+    setIsAuthorizing(true);
+    setAuthResult(null);
+    dashApi.mcpRunAuth(effectiveMcpConfig, credentialData, selectedServer.authCommand, 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);
+    });
+  };
+
   // Handle save
   var handleSaveProvider = function handleSaveProvider() {
     if (!selectedServer || !validateForm()) return;
@@ -27551,6 +27591,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
     setIsConfiguring(false);
     setIsCustom(false);
     setTestResult(null);
+    setAuthResult(null);
     setProviderName("");
     setCredentialData({});
     setFormErrors({});
@@ -27739,6 +27780,16 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
               })]
             }, field.key);
           })]
+        }), 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", {
@@ -27770,6 +27821,10 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
           title: "Cancel",
           onClick: onCancel,
           size: "sm"
+        }), (selectedServer === null || selectedServer === void 0 ? void 0 : selectedServer.authCommand) && /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+          title: isAuthorizing ? "Authorizing..." : "Authorize",
+          onClick: handleAuthorize,
+          size: "sm"
         }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
           title: isTesting ? "Testing..." : "Test Connection",
           onClick: handleTestConnection,
@@ -28181,9 +28236,14 @@ var ProvidersSection = function ProvidersSection(_ref) {
     });
   } else if (isEditingMcp && selectedName && selectedProvider) {
     var mc = selectedProvider.mcpConfig || {};
+    var editCatalogEntry = catalog.find(function (entry) {
+      return entry.id === selectedProvider.type;
+    });
     detailContent = /*#__PURE__*/jsxRuntime.jsx(CustomMcpServerForm, {
       isEditMode: true,
       initialName: selectedName,
+      initialProviderType: selectedProvider.type || "custom",
+      initialCredentialSchema: (editCatalogEntry === null || editCatalogEntry === void 0 ? void 0 : editCatalogEntry.credentialSchema) || {},
       initialTransport: mc.transport || "stdio",
       initialCommand: mc.command || "",
       initialArgs: (mc.args || []).join(" "),