-
- {selectedInstanceId === "new"
- ? "Create New Provider Instance"
- : `Configure: ${editName}`}
-
-
-
-
- setEditName(e.target.value)}
- placeholder="e.g. Gemini - Production"
- required
- className="w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm outline-none transition-[border-color,box-shadow] focus:border-blue-500 focus:ring-3 focus:ring-blue-500/15"
- />
-
-
-
-
-
- {editProvider && availableProviders.length > 0 && (
-
- {availableProviders.find((p) => p.id === editProvider)?.description}
-
- )}
-
-
-
-
- setEditKey(e.target.value)}
- placeholder={
- selectedInstanceId === "new"
- ? "AIzaSy..."
- : "•••••••• (unchanged)"
- }
- required={selectedInstanceId === "new"}
- className="w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm outline-none transition-[border-color,box-shadow] focus:border-blue-500 focus:ring-3 focus:ring-blue-500/15"
- />
-
-
-
-
- setEditModel(e.target.value)}
- placeholder="e.g. gemini-2.5-flash, gemini-2.5-pro"
- className="w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm outline-none transition-[border-color,box-shadow] focus:border-blue-500 focus:ring-3 focus:ring-blue-500/15"
- />
-
-
-
- setEditIsActive(e.target.checked)}
- className="h-4 w-4 cursor-pointer"
- />
-
-
+ {selectedInstanceId === null ? (
+
+ Press + to add or select an existing Instance to edit
+ ) : (
+
+
+ )}