diff --git a/webui/src/features/repositories/AddRepoModal.tsx b/webui/src/features/repositories/AddRepoModal.tsx
index e4aa353e..de4f8d3c 100644
--- a/webui/src/features/repositories/AddRepoModal.tsx
+++ b/webui/src/features/repositories/AddRepoModal.tsx
@@ -461,9 +461,16 @@ export const AddRepoModal = ({ template }: { template: Repo | null }) => {
label={m.add_repo_modal_field_env_vars()}
items={getField(["env"]) || []}
onUpdate={(items: string[]) => updateField(["env"], items)}
- tooltip={m.add_repo_modal_field_env_vars_tooltip({
- MY_FOO_VAR: "$MY_FOO_VAR",
- })}
+ tooltip={
+
+
+ {m.add_repo_modal_field_env_vars_tooltip({
+ MY_FOO_VAR: "$MY_FOO_VAR",
+ })}
+
+
+
+ }
placeholder="KEY=VALUE"
/>
@@ -769,3 +776,24 @@ const formatMissingEnvVars = (partialMatches: string[][]): string => {
})
.join(" or ");
};
+const EnvVarTooltip = ({ uri }: { uri: string }) => {
+ if (!uri) return null;
+ const scheme = uri.split(":")[0];
+ const expected = expectedEnvVars[scheme];
+ if (!expected) return null;
+ return (
+
+
+ Recommended for {scheme}:
+
+
+ {expected.map((set, i) => (
+ -
+ {i > 0 && "or "}
+ {set.join(" + ")}
+
+ ))}
+
+
+ );
+};