+
Deployments
+
+
+ setNewModelName(e.target.value)}
+ style={{ width: 200 }}
+ onPressEnter={addDeployment}
+ />
+ setNewProvider(e.target.value)}
+ style={{ width: 160 }}
+ onPressEnter={addDeployment}
+ />
+ } onClick={addDeployment}>
+ Add Deployment
+
+
+
+
+ {deployments.length === 0 && (
+
+ No deployments added yet.
+
+ )}
+
+ {deployments.map((dep, idx) => (
+
+ {strategy === "priority-failover" && (
+
+ #{dep.priority}
+
+ )}
+
+ {dep.model_name}
+ {dep.litellm_provider ? ` (${dep.litellm_provider})` : ""}
+
+ {strategy === "weighted" && (
+ updateDeploymentWeight(idx, val)}
+ addonAfter="%"
+ style={{ width: 100 }}
+ />
+ )}
+ }
+ onClick={() => removeDeployment(idx)}
+ />
+
+ ))}
+
+
+