dsh-plugin-upgrader 1.4.3 → 1.6.0

package/lib/client.js

@@ -120,6 +120,41 @@ window.__ModuleLoader__.load({
       buildBlocked: "\u8FD9\u4E2A\u5305\u6709\u672A\u6279\u51C6\u7684\u6784\u5EFA\u811A\u672C",
       approve: "\u6279\u51C6\u5E76\u91CD\u542F",
       registry: "\u6CE8\u518C\u8868",
+      registryChange: "\u66F4\u6362\u5B89\u88C5\u6E90",
+      registryFollowPnpm: "\u8DDF\u968F pnpm \u914D\u7F6E",
+      registryFollowPnpmHint: "\u7528 pnpm \u81EA\u5DF1\u914D\u7F6E\u7684\u6E90\uFF0C\u901A\u5E38\u662F .npmrc \u91CC\u90A3\u4E00\u4E2A",
+      registryLoading: "\u6B63\u5728\u8BFB\u53D6\u8BBE\u7F6E\u2026",
+      registryLocked: "\u8FD9\u4E2A\u7248\u672C\u6CA1\u6709\u8BBE\u7F6E\u5165\u53E3\uFF0C\u65E0\u6CD5\u5728\u8FD9\u91CC\u4FEE\u6539\u5B89\u88C5\u6E90",
+      registryInvalid: "\u8BF7\u586B\u4E00\u4E2A http(s) \u5730\u5740\uFF0C\u4F8B\u5982 https://registry.npmmirror.com/",
+      registryPlaceholder: "https://registry.example.com/",
+      registrySaveFailed: "\u6CA1\u80FD\u4FDD\u5B58\uFF0C\u8BF7\u518D\u8BD5\u4E00\u6B21",
+      registryUse: "\u4F7F\u7528\u8FD9\u4E2A\u6E90",
+      sourcesTitle: "\u5B89\u88C5\u6E90",
+      sourcesHint: "\u81EA\u5E26\u6E90\u4E0D\u80FD\u6539\u4E5F\u4E0D\u80FD\u5220\uFF1B\u81EA\u5DF1\u52A0\u7684\u6E90\u53EF\u4EE5\u968F\u65F6\u6539\u56DE\u6765\u3002",
+      sourcesClose: "\u5173\u95ED",
+      sourcesBuiltin: "\u81EA\u5E26\uFF08\u5E38\u7528\uFF09",
+      sourcesHost: "\u5BBF\u4E3B\u914D\u7F6E\u7684",
+      sourcesHostHint: "pluginManager \u91CC\u914D\u7F6E\u7684\u6E90\uFF0C\u60F3\u7559\u4E0B\u6765\u5F53\u5E38\u7528\u6E90\u5C31\u70B9\u300C\u6536\u8FDB\u5217\u8868\u300D\u3002",
+      sourcesCustom: "\u6211\u81EA\u5DF1\u52A0\u7684",
+      sourcesNone: "\u8FD8\u6CA1\u6709\u81EA\u5DF1\u52A0\u8FC7\u6E90\u3002",
+      sourcesAdd: "\u6DFB\u52A0",
+      sourcesCurrent: "\u5F53\u524D\u4F7F\u7528",
+      sourceBuiltin: "\u81EA\u5E26",
+      sourceHost: "\u5BBF\u4E3B",
+      sourceKeep: "\u6536\u8FDB\u5217\u8868",
+      sourceInUse: "\u5728\u7528",
+      sourceTest: "\u6D4B\u8BD5",
+      sourceTestCurrent: "\u6D4B\u8BD5\u5F53\u524D\u6E90",
+      sourceEdit: "\u4FEE\u6539",
+      sourceDelete: "\u5220\u9664",
+      sourceSave: "\u4FDD\u5B58",
+      sourceCancel: "\u53D6\u6D88",
+      sourceApply: "\u7528\u5B83",
+      sourceApplied: "\u5DF2\u7528",
+      sourceTesting: "\u6D4B\u8BD5\u4E2D\u2026",
+      sourceReachable: "\u53EF\u4EE5\u8FDE\u4E0A",
+      sourceUnreachable: "\u8FDE\u4E0D\u4E0A",
+      sourceExists: "\u8FD9\u4E2A\u6E90\u5DF2\u7ECF\u5728\u5217\u8868\u91CC\u4E86",
       generated: "\u6570\u636E\u66F4\u65B0\u4E8E",
       sourcePath: "\u672C\u5730\u8DEF\u5F84\u5B89\u88C5\uFF0C\u65E0\u6CD5\u68C0\u67E5\u7248\u672C",
       sourceGit: "Git \u5B89\u88C5\uFF0C\u65E0\u6CD5\u68C0\u67E5\u7248\u672C",
@@ -204,6 +239,41 @@ window.__ModuleLoader__.load({
       buildBlocked: "This package has unapproved build scripts",
       approve: "Approve and retry",
       registry: "Registry",
+      registryChange: "Change install source",
+      registryFollowPnpm: "Follow pnpm's config",
+      registryFollowPnpmHint: "Use the registry pnpm itself is configured with, usually the one in .npmrc",
+      registryLoading: "Reading the setting\u2026",
+      registryLocked: "This build has no settings entry, so the source cannot be changed here",
+      registryInvalid: "Enter an http(s) address, for example https://registry.npmmirror.com/",
+      registryPlaceholder: "https://registry.example.com/",
+      registrySaveFailed: "Could not save it \u2014 try again",
+      registryUse: "Use this source",
+      sourcesTitle: "Install sources",
+      sourcesHint: "The built-in sources cannot be changed or removed. The ones you add can.",
+      sourcesClose: "Close",
+      sourcesBuiltin: "Built in",
+      sourcesHost: "Configured on the host",
+      sourcesHostHint: 'Sources from pluginManager. Keep one for later with "Add to my list".',
+      sourcesCustom: "Added by you",
+      sourcesNone: "You have not added a source yet.",
+      sourcesAdd: "Add",
+      sourcesCurrent: "In use",
+      sourceBuiltin: "Built in",
+      sourceHost: "Host",
+      sourceKeep: "Add to my list",
+      sourceInUse: "In use",
+      sourceTest: "Test",
+      sourceTestCurrent: "Test the current source",
+      sourceEdit: "Edit",
+      sourceDelete: "Delete",
+      sourceSave: "Save",
+      sourceCancel: "Cancel",
+      sourceApply: "Use it",
+      sourceApplied: "In use",
+      sourceTesting: "Testing\u2026",
+      sourceReachable: "Reachable",
+      sourceUnreachable: "Unreachable",
+      sourceExists: "That source is already in the list",
       generated: "Updated",
       sourcePath: "Installed from a local path, so no versions are published",
       sourceGit: "Installed from git, so no versions are published",
@@ -351,6 +421,15 @@ window.__ModuleLoader__.load({
       } catch {
       }
     }
+    async function probeRegistry(registry) {
+      const response = await fetch(`${API}/registry/test`, {
+        method: "POST",
+        credentials: "same-origin",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ registry })
+      });
+      return readJson(response);
+    }
 
     // src/client/boot.ts
     function bootBatches(wire) {
@@ -427,9 +506,9 @@ window.__ModuleLoader__.load({
     }
     function activeLocaleId(locale) {
       try {
-        const read = locale?.getLocale;
-        if (typeof read !== "function") return "en";
-        return String(read.call(locale)?.active ?? "en");
+        const read2 = locale?.getLocale;
+        if (typeof read2 !== "function") return "en";
+        return String(read2.call(locale)?.active ?? "en");
       } catch {
         return "en";
       }
@@ -456,6 +535,118 @@ window.__ModuleLoader__.load({
       );
     }
 
+    // src/client/registry.ts
+    var REGISTRY_FIELD = "registry";
+    var SOURCES_FIELD = "customRegistries";
+    var WELL_KNOWN_REGISTRIES = [
+      "https://registry.npmjs.org/",
+      "https://registry.npmmirror.com/"
+    ];
+    function isBuiltinRegistry(url) {
+      const key = comparisonKey(url);
+      return WELL_KNOWN_REGISTRIES.some((known) => comparisonKey(known) === key);
+    }
+    var LOCKED = (reason) => ({
+      saved: "",
+      custom: [],
+      writable: false,
+      unavailable: reason,
+      save: () => Promise.resolve(false),
+      saveSources: () => Promise.resolve(false)
+    });
+    function comparisonKey(url) {
+      return url.trim().replace(/\/+$/, "").toLowerCase();
+    }
+    function normalizeSource(url) {
+      const trimmed = url.trim();
+      return trimmed.endsWith("/") ? trimmed : `${trimmed}/`;
+    }
+    function isRegistryAddress(url) {
+      return /^https?:\/\/\S+$/i.test(url.trim());
+    }
+    function read(snapshot) {
+      const saved = snapshot?.value?.[REGISTRY_FIELD];
+      const custom = snapshot?.value?.[SOURCES_FIELD];
+      return {
+        saved: typeof saved === "string" ? saved : "",
+        custom: Array.isArray(custom) ? custom.filter((entry) => typeof entry === "string" && entry.trim() !== "") : [],
+        writable: snapshot?.writable === true && snapshot.status === "ready"
+      };
+    }
+    function useRegistrySetting(configForms, namespace) {
+      const React = getReact();
+      const [snapshot, setSnapshot] = React.useState(void 0);
+      React.useEffect(() => {
+        if (configForms === void 0) return void 0;
+        let live = true;
+        const form = configForms.get(namespace);
+        const sync = () => {
+          if (live) setSnapshot(form.getSnapshot());
+        };
+        sync();
+        const off = form.subscribe(sync);
+        return () => {
+          live = false;
+          if (typeof off === "function") off();
+        };
+      }, [configForms, namespace]);
+      if (configForms === void 0) {
+        return LOCKED("no-config-forms");
+      }
+      const { saved, custom, writable } = read(snapshot);
+      return {
+        saved,
+        custom,
+        writable,
+        unavailable: snapshot === void 0 ? "loading" : writable ? void 0 : "not-writable",
+        save: async (value) => {
+          if (configForms === void 0) return false;
+          return configForms.get(namespace).set(REGISTRY_FIELD, value);
+        },
+        saveSources: async (value) => {
+          if (configForms === void 0) return false;
+          return configForms.get(namespace).set(SOURCES_FIELD, [...value]);
+        }
+      };
+    }
+    function offeredRegistries(known) {
+      const out = [];
+      const seen = /* @__PURE__ */ new Set();
+      for (const candidate of [...known]) {
+        if (typeof candidate !== "string") continue;
+        const url = candidate.trim();
+        if (url === "") continue;
+        const key = comparisonKey(url);
+        if (seen.has(key)) continue;
+        seen.add(key);
+        out.push(normalizeSource(url));
+      }
+      return out;
+    }
+    function addSource(custom, url) {
+      const trimmed = url.trim();
+      if (!isRegistryAddress(trimmed)) return void 0;
+      const key = comparisonKey(trimmed);
+      if (isBuiltinRegistry(trimmed)) return void 0;
+      if (custom.some((entry) => comparisonKey(entry) === key)) return void 0;
+      return [...custom, normalizeSource(trimmed)];
+    }
+    function editSource(custom, index, url) {
+      if (!Number.isInteger(index) || index < 0 || index >= custom.length) return void 0;
+      const trimmed = url.trim();
+      if (!isRegistryAddress(trimmed)) return void 0;
+      const key = comparisonKey(trimmed);
+      if (isBuiltinRegistry(trimmed)) return void 0;
+      if (custom.some((entry, at) => at !== index && comparisonKey(entry) === key)) return void 0;
+      const next = [...custom];
+      next[index] = normalizeSource(trimmed);
+      return next;
+    }
+    function removeSource(custom, index) {
+      if (!Number.isInteger(index) || index < 0 || index >= custom.length) return void 0;
+      return custom.filter((_entry, at) => at !== index);
+    }
+
     // src/client/styles.ts
     var STYLE_ID = "dsh-plugin-upgrader-style";
     var CSS = `
@@ -507,6 +698,45 @@ window.__ModuleLoader__.load({
     .dsh-pu-note { font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
     .dsh-pu-note.is-err { color: var(--dsw-alias-state-error-primary); }
     .dsh-pu-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; color: var(--dsw-alias-label-secondary); }
+    .dsh-pu-reg { position: relative; display: inline-flex; align-items: center; gap: 6px; }
+    .dsh-pu-reg-btn { max-width: 360px; }
+    .dsh-pu-reg-btn.is-open { border-color: var(--dsw-alias-brand-primary); }
+    .dsh-pu-reg-label { color: var(--dsw-alias-label-secondary); flex: none; }
+    .dsh-pu-reg-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 250px; }
+    .dsh-pu-reg-caret { color: var(--dsw-alias-label-tertiary); font-size: 9px; flex: none; }
+    .dsh-pu-reg-panel { position: absolute; z-index: 20; top: calc(100% + 6px); left: 0; min-width: 320px; max-width: 420px; display: flex; flex-direction: column; gap: 2px; padding: 6px; border-radius: 10px; border: 1px solid var(--dsw-alias-border-l1); background: var(--dsw-alias-bg-layer-1); box-shadow: 0 12px 28px rgba(0, 0, 0, .18); }
+    .dsh-pu-reg-item { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 6px 8px; border-radius: 6px; border: 0; background: none; color: var(--dsw-alias-label-primary); cursor: pointer; text-align: left; font-family: inherit; font-size: 11px; }
+    .dsh-pu-reg-item:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }
+    .dsh-pu-reg-item:disabled { opacity: .55; cursor: default; }
+    .dsh-pu-reg-item.is-active { background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent); box-shadow: inset 2px 0 0 var(--dsw-alias-brand-primary); }
+    .dsh-pu-reg-item small { color: var(--dsw-alias-label-tertiary); font-size: 10px; }
+    .dsh-pu-reg-custom { display: flex; gap: 6px; align-items: center; padding: 6px 4px 2px; border-top: 1px dashed var(--dsw-alias-border-l1); margin-top: 4px; }
+    .dsh-pu-reg-custom input { flex: 1; min-width: 0; height: 26px; border-radius: 6px; border: 1px solid var(--dsw-alias-border-l1); background: var(--dsw-alias-bg-layer-2); color: var(--dsw-alias-label-primary); padding: 0 8px; font-size: 11px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; outline: none; }
+    .dsh-pu-reg-custom input:focus { border-color: var(--dsw-alias-brand-primary); }
+    .dsh-pu-reg-problem { font-size: 10.5px; color: var(--dsw-alias-state-error-primary); padding: 4px 4px 2px; }
+    .dsh-pu-modal { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; padding: 24px; }
+    .dsh-pu-modal-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .38); }
+    .dsh-pu-modal-body { position: relative; display: flex; flex-direction: column; gap: 8px; width: min(560px, 100%); max-height: min(640px, 100%); overflow: auto; padding: 16px; border-radius: 14px; border: 1px solid var(--dsw-alias-border-l1); background: var(--dsw-alias-bg-layer-1); box-shadow: 0 24px 64px rgba(0, 0, 0, .28); }
+    .dsh-pu-modal-head { display: flex; align-items: center; gap: 10px; }
+    .dsh-pu-modal-title { font-size: 14px; font-weight: 600; flex: 1; min-width: 0; }
+    .dsh-pu-modal-sub { margin: 0; font-size: 11px; color: var(--dsw-alias-label-tertiary); line-height: 1.5; }
+    .dsh-pu-src-group { font-size: 11px; font-weight: 600; color: var(--dsw-alias-label-secondary); padding-top: 6px; }
+    .dsh-pu-src-list { display: flex; flex-direction: column; gap: 6px; }
+    .dsh-pu-src-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 9px; border: 1px solid var(--dsw-alias-border-l1); background: var(--dsw-alias-bg-layer-2); }
+    .dsh-pu-src-row.is-active { border-color: var(--dsw-alias-brand-primary); background: color-mix(in srgb, var(--dsw-alias-brand-primary) 9%, transparent); }
+    .dsh-pu-src-row.is-editing { flex-direction: column; align-items: stretch; }
+    .dsh-pu-src-id { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
+    .dsh-pu-src-url { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--dsw-alias-label-primary); }
+    .dsh-pu-src-meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
+    .dsh-pu-src-actions { display: flex; align-items: center; gap: 4px; flex: none; flex-wrap: wrap; }
+    .dsh-pu-src-verdict { flex-basis: 100%; display: flex; align-items: center; gap: 6px; font-size: 10.5px; color: var(--dsw-alias-label-tertiary); }
+    .dsh-pu-src-verdict.is-ok { color: var(--dsw-alias-state-success-primary); }
+    .dsh-pu-src-verdict.is-err { color: var(--dsw-alias-state-error-primary); }
+    .dsh-pu-src-input { flex: 1; min-width: 0; height: 28px; border-radius: 7px; border: 1px solid var(--dsw-alias-border-l1); background: var(--dsw-alias-bg-layer-1); color: var(--dsw-alias-label-primary); padding: 0 9px; font-size: 11px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; outline: none; }
+    .dsh-pu-src-input:focus { border-color: var(--dsw-alias-brand-primary); }
+    .dsh-pu-src-add { display: flex; align-items: center; gap: 6px; padding-top: 4px; }
+    .dsh-pu-src-foot { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding-top: 8px; border-top: 1px dashed var(--dsw-alias-border-l1); }
+    .dsh-pu-src-foot .dsh-pu-hint { flex: 1; min-width: 160px; }
     .dsh-pu-tag { font-size: 10px; line-height: 1; padding: 3px 6px; border-radius: 999px; border: 1px solid var(--dsw-alias-border-l1); color: var(--dsw-alias-label-secondary); font-weight: 500; white-space: nowrap; }
     .dsh-pu-tag.is-new { border-color: var(--dsw-alias-brand-primary); color: var(--dsw-alias-brand-primary); background: color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent); }
     .dsh-pu-tag.is-err { border-color: var(--dsw-alias-state-error-primary); color: var(--dsw-alias-state-error-primary); }
@@ -872,16 +1102,476 @@ window.__ModuleLoader__.load({
       );
     }
 
+    // src/client/components/SourceDialog.ts
+    function RegistrySourceButton(props) {
+      const h = getH();
+      const React = getReact();
+      const { t, active, known, setting, onChanged, disabled } = props;
+      const [open, setOpen] = React.useState(false);
+      const [draft, setDraft] = React.useState("");
+      const [editing, setEditing] = React.useState(void 0);
+      const [editDraft, setEditDraft] = React.useState("");
+      const [busy, setBusy] = React.useState(false);
+      const [problem, setProblem] = React.useState(void 0);
+      const [probes, setProbes] = React.useState({});
+      React.useEffect(() => {
+        if (!open) return void 0;
+        const onKey = (event) => {
+          if (event.key !== "Escape") return;
+          event.preventDefault();
+          setOpen(false);
+        };
+        document.addEventListener("keydown", onKey);
+        return () => document.removeEventListener("keydown", onKey);
+      }, [open]);
+      const saved = setting.saved.trim();
+      const current = saved === "" ? t("registryFollowPnpm") : saved;
+      const custom = setting.custom;
+      const hostSources = offeredRegistries(known).filter(
+        (url) => !isBuiltinRegistry(url) && !custom.some((entry) => comparisonKey(entry) === comparisonKey(url)) && comparisonKey(url) !== comparisonKey(saved)
+      );
+      if (setting.unavailable === "no-config-forms") {
+        return h("span", { className: "dsh-pu-mono" }, `${t("registry")}: ${active}`);
+      }
+      const apply2 = async (value) => {
+        if (busy) return false;
+        setProblem(void 0);
+        const trimmed = value.trim();
+        if (trimmed !== "" && !isRegistryAddress(trimmed)) {
+          setProblem(t("registryInvalid"));
+          return false;
+        }
+        setBusy(true);
+        const ok = await setting.save(trimmed);
+        setBusy(false);
+        if (!ok) {
+          setProblem(t("registrySaveFailed"));
+          return false;
+        }
+        onChanged();
+        return true;
+      };
+      const writeSources = async (next) => {
+        setProblem(void 0);
+        setBusy(true);
+        const ok = await setting.saveSources(next);
+        setBusy(false);
+        if (!ok) {
+          setProblem(t("registrySaveFailed"));
+          return false;
+        }
+        return true;
+      };
+      const add = async (value) => {
+        const candidate = value ?? draft;
+        const next = addSource(custom, candidate);
+        if (next === void 0) {
+          setProblem(isRegistryAddress(candidate) ? t("sourceExists") : t("registryInvalid"));
+          return;
+        }
+        if (!await writeSources(next)) return;
+        if (value === void 0) setDraft("");
+      };
+      const commitEdit = async (index) => {
+        const next = editSource(custom, index, editDraft);
+        if (next === void 0) {
+          setProblem(isRegistryAddress(editDraft) ? t("sourceExists") : t("registryInvalid"));
+          return;
+        }
+        const wasActive = comparisonKey(custom[index] ?? "") === comparisonKey(saved);
+        if (!await writeSources(next)) return;
+        setEditing(void 0);
+        setEditDraft("");
+        if (wasActive) await apply2(next[index] ?? "");
+      };
+      const drop = async (index) => {
+        const next = removeSource(custom, index);
+        if (next === void 0) return;
+        const wasActive = comparisonKey(custom[index] ?? "") === comparisonKey(saved);
+        if (!await writeSources(next)) return;
+        if (editing === index) setEditing(void 0);
+        if (wasActive) await apply2("");
+      };
+      const test = async (url) => {
+        const key = comparisonKey(url);
+        setProbes((previous) => ({ ...previous, [key]: { status: "testing" } }));
+        let result;
+        try {
+          result = await probeRegistry(url);
+        } catch (error) {
+          const detail = error instanceof Error ? error.message : String(error);
+          setProbes((previous) => ({
+            ...previous,
+            [key]: { status: "fail", detail }
+          }));
+          return;
+        }
+        setProbes((previous) => ({
+          ...previous,
+          [key]: {
+            status: result.ok ? "ok" : "fail",
+            detail: result.ok && result.ms !== void 0 ? `${result.detail} \xB7 ${result.ms} ms` : result.detail
+          }
+        }));
+      };
+      const verdict = (url) => {
+        const state = probes[comparisonKey(url)];
+        if (state === void 0) return null;
+        if (state.status === "testing") {
+          return h(
+            "span",
+            { className: "dsh-pu-src-verdict" },
+            h("i", { className: "dsh-pu-spin" }),
+            t("sourceTesting")
+          );
+        }
+        const ok = state.status === "ok";
+        return h(
+          "span",
+          { className: `dsh-pu-src-verdict ${ok ? "is-ok" : "is-err"}` },
+          `${ok ? t("sourceReachable") : t("sourceUnreachable")}${state.detail === void 0 ? "" : ` \xB7 ${state.detail}`}`
+        );
+      };
+      const row = (url, inUse, editable, index) => h(
+        "div",
+        { className: `dsh-pu-src-row${inUse ? " is-active" : ""}`, key: url },
+        h(
+          "div",
+          { className: "dsh-pu-src-id" },
+          h("span", { className: "dsh-pu-mono dsh-pu-src-url" }, url),
+          h(
+            "div",
+            { className: "dsh-pu-src-meta" },
+            editable ? null : h("span", { className: "dsh-pu-tag" }, t("sourceBuiltin")),
+            inUse ? h("span", { className: "dsh-pu-tag is-new" }, t("sourceInUse")) : null
+          )
+        ),
+        h(
+          "div",
+          { className: "dsh-pu-src-actions" },
+          h(
+            "button",
+            {
+              type: "button",
+              className: "dsh-pu-btn is-tiny",
+              disabled: busy || probes[comparisonKey(url)]?.status === "testing",
+              onClick: () => {
+                void test(url);
+              }
+            },
+            t("sourceTest")
+          ),
+          editable ? h(
+            "button",
+            {
+              type: "button",
+              className: "dsh-pu-btn is-tiny",
+              disabled: busy,
+              onClick: () => {
+                setProblem(void 0);
+                setEditing(index);
+                setEditDraft(url);
+              }
+            },
+            t("sourceEdit")
+          ) : null,
+          editable ? h(
+            "button",
+            {
+              type: "button",
+              className: "dsh-pu-btn is-tiny is-ghost",
+              disabled: busy,
+              onClick: () => {
+                void drop(index);
+              }
+            },
+            t("sourceDelete")
+          ) : null,
+          h(
+            "button",
+            {
+              type: "button",
+              className: `dsh-pu-btn is-tiny${inUse ? "" : " is-primary"}`,
+              disabled: busy || inUse,
+              onClick: () => {
+                void apply2(url);
+              }
+            },
+            inUse ? t("sourceApplied") : t("sourceApply")
+          )
+        ),
+        verdict(url)
+      );
+      return h(
+        "div",
+        { className: "dsh-pu-reg" },
+        h(
+          "button",
+          {
+            type: "button",
+            className: `dsh-pu-btn is-tiny dsh-pu-reg-btn${open ? " is-open" : ""}`,
+            disabled: disabled || setting.writable !== true,
+            title: setting.writable === true ? t("registryChange") : t("registryLocked"),
+            onClick: () => setOpen((value) => !value)
+          },
+          h("span", { className: "dsh-pu-reg-label" }, `${t("registry")}:`),
+          h("span", { className: "dsh-pu-mono dsh-pu-reg-value" }, current),
+          h("span", { className: "dsh-pu-reg-caret" }, "\u22EF")
+        ),
+        setting.writable === true ? null : h(
+          "span",
+          { className: "dsh-pu-hint" },
+          setting.unavailable === "loading" ? t("registryLoading") : t("registryLocked")
+        ),
+        open ? h(
+          "div",
+          { className: "dsh-pu-modal" },
+          h("div", {
+            className: "dsh-pu-modal-backdrop",
+            onClick: () => setOpen(false),
+            "aria-hidden": "true"
+          }),
+          h(
+            "div",
+            {
+              className: "dsh-pu-modal-body",
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": t("sourcesTitle")
+            },
+            h(
+              "div",
+              { className: "dsh-pu-modal-head" },
+              h("span", { className: "dsh-pu-modal-title" }, t("sourcesTitle")),
+              h(
+                "button",
+                {
+                  type: "button",
+                  className: "dsh-pu-btn is-ghost is-tiny",
+                  onClick: () => setOpen(false),
+                  "aria-label": t("sourcesClose")
+                },
+                "\u2715"
+              )
+            ),
+            h("p", { className: "dsh-pu-modal-sub" }, t("sourcesHint")),
+            h("div", { className: "dsh-pu-src-group" }, t("sourcesBuiltin")),
+            h(
+              "div",
+              { className: "dsh-pu-src-list" },
+              WELL_KNOWN_REGISTRIES.map(
+                (url) => row(url, comparisonKey(saved) === comparisonKey(url), false, -1)
+              )
+            ),
+            hostSources.length === 0 ? null : h(
+              "div",
+              null,
+              h("div", { className: "dsh-pu-src-group" }, t("sourcesHost")),
+              h("p", { className: "dsh-pu-hint" }, t("sourcesHostHint")),
+              h(
+                "div",
+                { className: "dsh-pu-src-list" },
+                hostSources.map(
+                  (url) => h(
+                    "div",
+                    { className: "dsh-pu-src-row", key: url },
+                    h(
+                      "div",
+                      { className: "dsh-pu-src-id" },
+                      h("span", { className: "dsh-pu-mono dsh-pu-src-url" }, url),
+                      h(
+                        "div",
+                        { className: "dsh-pu-src-meta" },
+                        h("span", { className: "dsh-pu-tag" }, t("sourceHost"))
+                      )
+                    ),
+                    h(
+                      "div",
+                      { className: "dsh-pu-src-actions" },
+                      h(
+                        "button",
+                        {
+                          type: "button",
+                          className: "dsh-pu-btn is-tiny",
+                          disabled: busy || probes[comparisonKey(url)]?.status === "testing",
+                          onClick: () => {
+                            void test(url);
+                          }
+                        },
+                        t("sourceTest")
+                      ),
+                      h(
+                        "button",
+                        {
+                          type: "button",
+                          className: "dsh-pu-btn is-tiny",
+                          disabled: busy,
+                          onClick: () => {
+                            void add(url);
+                          }
+                        },
+                        t("sourceKeep")
+                      ),
+                      h(
+                        "button",
+                        {
+                          type: "button",
+                          className: "dsh-pu-btn is-tiny is-primary",
+                          disabled: busy,
+                          onClick: () => {
+                            void apply2(url);
+                          }
+                        },
+                        t("sourceApply")
+                      )
+                    ),
+                    verdict(url)
+                  )
+                )
+              )
+            ),
+            h("div", { className: "dsh-pu-src-group" }, t("sourcesCustom")),
+            custom.length === 0 ? h("p", { className: "dsh-pu-hint" }, t("sourcesNone")) : h(
+              "div",
+              { className: "dsh-pu-src-list" },
+              custom.map(
+                (url, index) => editing === index ? h(
+                  "div",
+                  { className: "dsh-pu-src-row is-editing", key: `${url}#edit` },
+                  h("input", {
+                    type: "url",
+                    inputMode: "url",
+                    className: "dsh-pu-src-input",
+                    value: editDraft,
+                    "aria-label": t("sourceEdit"),
+                    onChange: (event) => setEditDraft(event.target.value),
+                    onKeyDown: (event) => {
+                      if (event.key === "Enter") {
+                        event.preventDefault();
+                        void commitEdit(index);
+                      }
+                      if (event.key === "Escape") {
+                        event.preventDefault();
+                        setEditing(void 0);
+                      }
+                    }
+                  }),
+                  h(
+                    "div",
+                    { className: "dsh-pu-src-actions" },
+                    h(
+                      "button",
+                      {
+                        type: "button",
+                        className: "dsh-pu-btn is-tiny is-primary",
+                        disabled: busy || editDraft.trim() === "",
+                        onClick: () => {
+                          void commitEdit(index);
+                        }
+                      },
+                      t("sourceSave")
+                    ),
+                    h(
+                      "button",
+                      {
+                        type: "button",
+                        className: "dsh-pu-btn is-tiny is-ghost",
+                        disabled: busy,
+                        onClick: () => setEditing(void 0)
+                      },
+                      t("sourceCancel")
+                    )
+                  )
+                ) : row(url, comparisonKey(saved) === comparisonKey(url), true, index)
+              )
+            ),
+            h(
+              "div",
+              { className: "dsh-pu-src-add" },
+              h("input", {
+                type: "url",
+                inputMode: "url",
+                className: "dsh-pu-src-input",
+                placeholder: t("registryPlaceholder"),
+                value: draft,
+                "aria-label": t("sourcesAdd"),
+                onChange: (event) => setDraft(event.target.value),
+                onKeyDown: (event) => {
+                  if (event.key !== "Enter") return;
+                  event.preventDefault();
+                  void add();
+                }
+              }),
+              h(
+                "button",
+                {
+                  type: "button",
+                  className: "dsh-pu-btn is-tiny",
+                  disabled: busy || draft.trim() === "",
+                  onClick: () => {
+                    void add();
+                  }
+                },
+                t("sourcesAdd")
+              )
+            ),
+            problem === void 0 ? null : h("div", { className: "dsh-pu-reg-problem" }, problem),
+            h(
+              "div",
+              { className: "dsh-pu-src-foot" },
+              h(
+                "span",
+                { className: "dsh-pu-hint" },
+                h("span", null, `${t("sourcesCurrent")}: `),
+                h("span", { className: "dsh-pu-mono" }, active === "" ? t("registryFollowPnpm") : active)
+              ),
+              h(
+                "button",
+                {
+                  type: "button",
+                  className: "dsh-pu-btn is-tiny",
+                  disabled: active === "" || probes[comparisonKey(active)]?.status === "testing",
+                  onClick: () => {
+                    void test(active);
+                  }
+                },
+                t("sourceTestCurrent")
+              )
+            ),
+            active === "" ? null : verdict(active),
+            h(
+              "div",
+              { className: "dsh-pu-src-foot" },
+              h("span", { className: "dsh-pu-hint" }, t("registryFollowPnpmHint")),
+              h(
+                "button",
+                {
+                  type: "button",
+                  className: `dsh-pu-btn is-tiny${saved === "" ? " is-ghost" : ""}`,
+                  disabled: busy || saved === "",
+                  onClick: () => {
+                    void apply2("");
+                  }
+                },
+                saved === "" ? t("sourceApplied") : t("registryFollowPnpm")
+              )
+            )
+          )
+        ) : null
+      );
+    }
+
     // src/client/components/Tab.ts
     var SELF_NAME = "dsh-plugin-upgrader";
     var APPEARANCE_RELOAD_DELAY_MS = 1200;
     function Tab(props) {
       const h = getH();
       const React = getReact();
-      const { t, locale } = props;
+      const { t, locale, configForms } = props;
       const revision = useLocaleRevision(locale);
       const localeId = React.useMemo(() => activeLocaleId(locale), [locale, revision]);
       const { data, error, loading, reload } = useOverview(localeId);
+      const registry = useRegistrySetting(configForms, "plugin-upgrader");
       const [query, setQuery] = React.useState("");
       const [picked, setPicked] = React.useState(() => /* @__PURE__ */ new Set());
       const [job, setJob] = React.useState(void 0);
@@ -963,6 +1653,12 @@ window.__ModuleLoader__.load({
         (row) => row.name.toLowerCase().includes(needle) || String(row.title ?? "").toLowerCase().includes(needle)
       );
       const busy = busyName !== void 0 || job !== void 0 && (job.status === "running" || job.status === "queued");
+      const knownRegistries = [
+        data?.registry,
+        data?.registries?.registry,
+        ...data?.registries?.fallbackRegistries ?? [],
+        data?.registries?.resolved
+      ];
       const pickedCount = upgradable.reduce((count, row) => picked.has(row.name) ? count + 1 : count, 0);
       const stepOf = (row, version, action, approveBuilds) => ({
         name: row.name,
@@ -1042,7 +1738,14 @@ window.__ModuleLoader__.load({
                 " ",
                 h("b", null, String(upgradable.length))
               ),
-              data?.registry === void 0 ? null : h("span", { className: "dsh-pu-mono" }, `${t("registry")}: ${data.registry}`)
+              data?.registry === void 0 ? null : h(RegistrySourceButton, {
+                t,
+                active: data.registry,
+                known: knownRegistries,
+                setting: registry,
+                disabled: busy,
+                onChanged: () => reload(true)
+              })
             )
           ),
           h(
@@ -1184,11 +1887,12 @@ window.__ModuleLoader__.load({
         }
       }
       const t = makeT(bound, active);
+      const configForms = ctx.get("configForms", false);
       ctx.slots.inject(
         "plugins.tab",
         () => ctx.slots.register(
           { name: "plugins.tab", id: name, order: 5, label: () => t("tab") },
-          (ownerProps) => getH()(Tab, { ...ownerProps, t, locale })
+          (ownerProps) => getH()(Tab, { ...ownerProps, t, locale, configForms })
         )
       );
     }