@trops/dash-core 0.1.47 → 0.1.48

package/dist/index.esm.js

@@ -6980,6 +6980,84 @@ var ProviderForm = function ProviderForm(_ref) {
     errors = _useState6[0],
     setErrors = _useState6[1];
 
+  // Dynamic fields for unknown provider types (empty schema)
+  var hasSchema = Object.keys(credentialSchema).length > 0;
+  var _useState7 = useState(hasSchema ? [] : [{
+      id: "default_apiKey",
+      key: "apiKey",
+      secret: true
+    }]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    dynamicFields = _useState8[0],
+    setDynamicFields = _useState8[1];
+  var fieldIdRef = useRef(0);
+  var handleDynamicKeyChange = function handleDynamicKeyChange(id, newKey) {
+    setDynamicFields(function (prev) {
+      return prev.map(function (f) {
+        if (f.id !== id) return f;
+        var oldKey = f.key;
+        if (oldKey && formData[oldKey] !== undefined) {
+          setFormData(function (fd) {
+            var updated = _objectSpread$s({}, fd);
+            var val = updated[oldKey];
+            delete updated[oldKey];
+            if (newKey.trim()) updated[newKey] = val;
+            return updated;
+          });
+        }
+        return _objectSpread$s(_objectSpread$s({}, f), {}, {
+          key: newKey
+        });
+      });
+    });
+  };
+  var handleDynamicValueChange = function handleDynamicValueChange(id, value) {
+    var field = dynamicFields.find(function (f) {
+      return f.id === id;
+    });
+    if (field !== null && field !== void 0 && field.key) {
+      setFormData(function (prev) {
+        return _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty({}, field.key, value));
+      });
+    }
+  };
+  var handleDynamicSecretToggle = function handleDynamicSecretToggle(id) {
+    setDynamicFields(function (prev) {
+      return prev.map(function (f) {
+        return f.id === id ? _objectSpread$s(_objectSpread$s({}, f), {}, {
+          secret: !f.secret
+        }) : f;
+      });
+    });
+  };
+  var handleAddField = function handleAddField() {
+    fieldIdRef.current += 1;
+    setDynamicFields(function (prev) {
+      return [].concat(_toConsumableArray(prev), [{
+        id: "field_".concat(fieldIdRef.current),
+        key: "",
+        secret: false
+      }]);
+    });
+  };
+  var handleRemoveField = function handleRemoveField(id) {
+    var field = dynamicFields.find(function (f) {
+      return f.id === id;
+    });
+    if (field !== null && field !== void 0 && field.key) {
+      setFormData(function (prev) {
+        var updated = _objectSpread$s({}, prev);
+        delete updated[field.key];
+        return updated;
+      });
+    }
+    setDynamicFields(function (prev) {
+      return prev.filter(function (f) {
+        return f.id !== id;
+      });
+    });
+  };
+
   /**
    * Validate form based on schema requirements
    */
@@ -7097,6 +7175,59 @@ var ProviderForm = function ProviderForm(_ref) {
           children: errors[fieldName]
         })]
       }, fieldName);
+    }), !hasSchema && /*#__PURE__*/jsxs(Fragment, {
+      children: [dynamicFields.map(function (field) {
+        return /*#__PURE__*/jsxs("div", {
+          className: "flex flex-col gap-2",
+          children: [/*#__PURE__*/jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [/*#__PURE__*/jsx("div", {
+              className: "flex-1",
+              children: /*#__PURE__*/jsx(InputText, {
+                value: field.key,
+                onChange: function onChange(value) {
+                  return handleDynamicKeyChange(field.id, value);
+                },
+                placeholder: "Field name (e.g. apiKey)"
+              })
+            }), /*#__PURE__*/jsx("button", {
+              onClick: function onClick() {
+                return handleDynamicSecretToggle(field.id);
+              },
+              className: "p-2 rounded hover:bg-white/10 transition-colors opacity-50 hover:opacity-100",
+              title: field.secret ? "Show as text" : "Mark as secret",
+              children: /*#__PURE__*/jsx(FontAwesomeIcon, {
+                icon: field.secret ? "eye-slash" : "eye",
+                className: "h-3.5 w-3.5"
+              })
+            }), /*#__PURE__*/jsx("button", {
+              onClick: function onClick() {
+                return handleRemoveField(field.id);
+              },
+              className: "p-2 rounded hover:bg-red-500/20 transition-colors opacity-50 hover:opacity-100 text-red-400",
+              title: "Remove field",
+              children: /*#__PURE__*/jsx(FontAwesomeIcon, {
+                icon: "trash",
+                className: "h-3.5 w-3.5"
+              })
+            })]
+          }), field.key.trim() && /*#__PURE__*/jsx(InputText, {
+            type: field.secret ? "password" : "text",
+            value: formData[field.key] || "",
+            onChange: function onChange(value) {
+              return handleDynamicValueChange(field.id, value);
+            },
+            placeholder: "Enter ".concat(field.key)
+          })]
+        }, field.id);
+      }), /*#__PURE__*/jsxs("button", {
+        onClick: handleAddField,
+        className: "flex items-center gap-2 text-sm text-blue-400 hover:text-blue-300 transition-colors",
+        children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+          icon: "plus",
+          className: "h-3 w-3"
+        }), "Add Credential Field"]
+      })]
     }), /*#__PURE__*/jsxs("div", {
       className: "flex gap-3 justify-end pt-4 border-t border-gray-300 dark:border-gray-700",
       children: [/*#__PURE__*/jsx(Button, {
@@ -10574,9 +10705,18 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
           required: true,
           secret: true
         }
+      },
+      anthropic: {
+        apiKey: {
+          type: "text",
+          displayName: "API Key",
+          instructions: "Your Anthropic API key (starts with sk-ant-)",
+          required: true,
+          secret: true
+        }
       }
     };
-    var schema = providerSchemas[providerType] || {};
+    var schema = providerSchemas[providerType] || (matchingReq === null || matchingReq === void 0 ? void 0 : matchingReq.credentialSchema) || {};
     setProviderModalConfig({
       widgetId: widgetId,
       providerType: providerType,
@@ -27322,6 +27462,7 @@ var ProvidersSection = function ProvidersSection(_ref) {
     if (createRequested && !prevCreateRequested.current) {
       resetForm();
       setSelectedName(null);
+      setIsAddingMcp(false);
       setIsCreating(true);
     }
     prevCreateRequested.current = createRequested;