- {providerConfig?.baseUrl && (
+ {fields.map((fieldConfig) => {
+ const isEditing =
+ editingField?.provider === provider && editingField?.field === fieldConfig.key;
+ const fieldValue = getFieldValue(provider, fieldConfig.key);
+ const fieldIsSet = isFieldSet(provider, fieldConfig.key, fieldConfig);
+
+ return (
+
+
+ {isEditing ? (
+
+ setEditValue(e.target.value)}
+ placeholder={fieldConfig.placeholder}
+ className="bg-modal-bg border-border-medium focus:border-accent flex-1 rounded border px-2 py-1.5 font-mono text-xs focus:outline-none"
+ autoFocus
+ onKeyDown={(e) => {
+ if (e.key === "Enter") void handleSaveEdit();
+ if (e.key === "Escape") handleCancelEdit();
+ }}
+ />
+
- )}
-
-
+
+ ) : (
+
+
+ {fieldConfig.type === "secret"
+ ? fieldIsSet
+ ? "••••••••"
+ : "Not set"
+ : (fieldValue ?? "Default")}
+
+
+ {fieldConfig.type === "text" && fieldValue && (
+
+ )}
+
+
+
+ )}