@trops/dash-core 0.1.59 → 0.1.60

package/dist/index.js

@@ -27391,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);
@@ -27461,6 +27469,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
     setSelectedServer(server);
     setIsConfiguring(true);
     setTestResult(null);
+    setAuthResult(null);
     setProviderName(server.name);
     setCredentialData({});
     setFormErrors({});
@@ -27532,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;
@@ -27555,6 +27591,7 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
     setIsConfiguring(false);
     setIsCustom(false);
     setTestResult(null);
+    setAuthResult(null);
     setProviderName("");
     setCredentialData({});
     setFormErrors({});
@@ -27743,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", {
@@ -27774,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,