dsh-model-capability-sync 0.0.0-stage → 0.1.0

package/lib/client.js

@@ -0,0 +1,746 @@
+window.__ModuleLoader__.load({ id: "dsh-model-capability-sync", factory: (require) => {
+var module = { exports: {} }; var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.ts
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/SyncSection.tsx
+var import_react = require("react");
+
+// src/sort.ts
+function modelSortKey(id) {
+  const slash = id.lastIndexOf("/");
+  if (slash === -1) {
+    const folded = id.toLowerCase();
+    return { group: folded, name: folded };
+  }
+  return { group: id.slice(0, slash).toLowerCase(), name: id.slice(slash + 1).toLowerCase() };
+}
+function compareModelIds(left, right) {
+  const a = modelSortKey(left);
+  const b = modelSortKey(right);
+  if (a.group !== b.group) return a.group < b.group ? -1 : 1;
+  if (a.name !== b.name) return a.name < b.name ? -1 : 1;
+  if (left === right) return 0;
+  return left < right ? -1 : 1;
+}
+function sortByModelId(items, idOf) {
+  return [...items].sort((left, right) => compareModelIds(idOf(left), idOf(right)));
+}
+
+// src/client/SyncSection.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var TARGET_DEFAULT = "llm-pi-ai";
+var TARGET_DIRECTORY = {
+  "llm-pi-ai": { native: true, nameKey: "nameLlmPiAi" },
+  "llm-deepseek": { native: true, nameKey: "nameLlmDeepseek" },
+  "llm-deepseek-account": { native: true, nameKey: "nameLlmDeepseekAccount" },
+  "llm-newapi": { native: false, nameKey: "nameLlmNewapi" }
+};
+function targetLabelOf(ns, t) {
+  const known = TARGET_DIRECTORY[ns];
+  if (known === void 0) return `${t("sourcePlugin")} \xB7 ${ns}`;
+  return `${known.native ? t("sourceNative") : t("sourcePlugin")} \xB7 ${t(known.nameKey)}`;
+}
+function textOf(model, key) {
+  const value = model[key];
+  return typeof value === "string" ? value : "";
+}
+function providersOf(descriptor) {
+  const providers = descriptor?.value?.providers;
+  return typeof providers === "object" && providers !== null ? providers : {};
+}
+function modelsOf(provider) {
+  const models = provider?.models;
+  return Array.isArray(models) ? models.filter((entry) => typeof entry === "object" && entry !== null) : [];
+}
+function sortedModelsOf(provider) {
+  return sortByModelId(modelsOf(provider), (model) => textOf(model, "id"));
+}
+function tokens(value) {
+  if (typeof value !== "number") return "\u2014";
+  if (value >= 1e6) return `${String(Number((value / 1e6).toFixed(1)))}M`;
+  if (value >= 1e3) return `${String(Number((value / 1e3).toFixed(0)))}K`;
+  return String(value);
+}
+function viaLabel(row, t) {
+  switch (row.match?.via) {
+    case "alias":
+      return t("viaAlias");
+    case "exact":
+      return t("viaExact");
+    case "folded":
+      return t("viaFolded");
+    case "basename":
+      return t("viaBasename");
+    case "suffix":
+      return t("viaSuffix");
+    default:
+      return "";
+  }
+}
+function isBlank(value) {
+  if (value === void 0 || value === null || value === "") return true;
+  if (Array.isArray(value)) return value.length === 0;
+  if (typeof value === "object") return Object.keys(value).length === 0;
+  return false;
+}
+function mergeModel(model, fields, overwrite) {
+  const next = { ...model };
+  for (const [key, value] of Object.entries(fields)) {
+    if (key === "name" || value === void 0) continue;
+    if (!overwrite && !isBlank(next[key])) continue;
+    next[key] = value;
+  }
+  return next;
+}
+function changesBetween(model, fields, overwrite) {
+  const next = mergeModel(model, fields, overwrite);
+  const changes = [];
+  for (const key of Object.keys(fields)) {
+    const before = model[key];
+    const after = next[key];
+    if (JSON.stringify(before) === JSON.stringify(after)) continue;
+    changes.push({ key, before, after });
+  }
+  return changes;
+}
+function imageText(value, t) {
+  if (Array.isArray(value) && value.includes("image")) return t("imageYes");
+  if (isBlank(value)) return t("fieldEmpty");
+  return t("imageNo");
+}
+function reasoningText(value) {
+  if (value === false) return "off";
+  if (typeof value === "object" && value !== null && !Array.isArray(value)) {
+    const keys = Object.keys(value);
+    return keys.length === 0 ? "\u2014" : keys.join(" / ");
+  }
+  return "\u2014";
+}
+function liveLabel(row, t) {
+  if (row === void 0) return "\u2014";
+  if (row.error !== void 0) return t("liveError");
+  if (row.input === void 0) return "\u2014";
+  return row.input.includes("image") ? t("imageYes") : t("imageNo");
+}
+function valueCell(change, current, format) {
+  if (change === void 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cs-dim", children: format(current) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "cs-change", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cs-from", children: format(change.before) }),
+    " \u2192 ",
+    format(change.after)
+  ] });
+}
+function SyncSection(props) {
+  const { t, preview, live, describeSettings, mutateSettings } = props;
+  const [status, setStatus] = (0, import_react.useState)("loading");
+  const [errorText, setErrorText] = (0, import_react.useState)(void 0);
+  const [descriptors, setDescriptors] = (0, import_react.useState)([]);
+  const [targetNs, setTargetNs] = (0, import_react.useState)(TARGET_DEFAULT);
+  const [providerKey, setProviderKey] = (0, import_react.useState)("");
+  const [models, setModels] = (0, import_react.useState)([]);
+  const [rows, setRows] = (0, import_react.useState)(void 0);
+  const [liveRows, setLiveRows] = (0, import_react.useState)(/* @__PURE__ */ new Map());
+  const [selected, setSelected] = (0, import_react.useState)(/* @__PURE__ */ new Set());
+  const [overwrite, setOverwrite] = (0, import_react.useState)(false);
+  const [query, setQuery] = (0, import_react.useState)("");
+  const [onlyChanged, setOnlyChanged] = (0, import_react.useState)(false);
+  const [busy, setBusy] = (0, import_react.useState)("idle");
+  const [notice, setNotice] = (0, import_react.useState)(void 0);
+  const [catalogInfo, setCatalogInfo] = (0, import_react.useState)(void 0);
+  const [staleInfo, setStaleInfo] = (0, import_react.useState)(void 0);
+  const plan = (() => {
+    if (rows === void 0) return [];
+    const stored = new Map(models.map((model) => [textOf(model, "id"), model]));
+    return rows.map((row) => {
+      const model = stored.get(row.id) ?? {};
+      const fields = row.fields;
+      return {
+        row,
+        model,
+        changes: fields === void 0 ? [] : changesBetween(model, fields, overwrite)
+      };
+    });
+  })();
+  const matched = plan.filter((entry) => entry.row.fields !== void 0);
+  const unmatched = plan.filter((entry) => entry.row.fields === void 0);
+  const changing = matched.filter((entry) => entry.changes.length > 0);
+  const changeFields = changing.reduce((total, entry) => total + entry.changes.length, 0);
+  const liveImage = matched.filter((entry) => liveRows.get(entry.row.id)?.input?.includes("image") === true).length;
+  const liveText = matched.filter((entry) => {
+    const answer = liveRows.get(entry.row.id);
+    return answer?.input !== void 0 && !answer.input.includes("image");
+  }).length;
+  const load = async () => {
+    setStatus("loading");
+    setErrorText(void 0);
+    try {
+      const list = await describeSettings();
+      setDescriptors(list);
+      const candidates2 = list.filter((entry) => Object.keys(providersOf(entry)).length > 0);
+      const target = candidates2.find((entry) => entry.ns === TARGET_DEFAULT) ?? candidates2[0];
+      if (target === void 0) {
+        setStatus("error");
+        setErrorText(t("noTarget"));
+        return;
+      }
+      const providers = providersOf(target);
+      const firstKey = Object.keys(providers)[0] ?? "";
+      setTargetNs(target.ns);
+      setProviderKey(firstKey);
+      setModels(sortedModelsOf(providers[firstKey]));
+      setRows(void 0);
+      setLiveRows(/* @__PURE__ */ new Map());
+      setSelected(/* @__PURE__ */ new Set());
+      setQuery("");
+      setStatus("ready");
+    } catch (error) {
+      setStatus("error");
+      setErrorText(error instanceof Error ? error.message : String(error));
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    void load();
+  }, []);
+  const showProvider = (ns, key) => {
+    const providers = providersOf(descriptors.find((entry) => entry.ns === ns));
+    const resolved = key !== "" && providers[key] !== void 0 ? key : Object.keys(providers)[0] ?? "";
+    setTargetNs(ns);
+    setProviderKey(resolved);
+    setModels(sortedModelsOf(providers[resolved]));
+    setRows(void 0);
+    setLiveRows(/* @__PURE__ */ new Map());
+    setSelected(/* @__PURE__ */ new Set());
+    setNotice(void 0);
+    setQuery("");
+  };
+  const refreshLive = async (provider, ids) => {
+    try {
+      const answer = await live({ provider, ids });
+      setLiveRows(answer.ok ? new Map(answer.value.rows.map((row) => [row.id, row])) : /* @__PURE__ */ new Map());
+    } catch {
+      setLiveRows(/* @__PURE__ */ new Map());
+    }
+  };
+  const reloadConfig = async () => {
+    const list = await describeSettings();
+    setDescriptors(list);
+    const descriptor2 = list.find((entry) => entry.ns === targetNs);
+    if (descriptor2 !== void 0) setModels(sortedModelsOf(providersOf(descriptor2)[providerKey]));
+  };
+  const selectChanging = (source, stored, mode) => {
+    const byId = new Map(stored.map((model) => [textOf(model, "id"), model]));
+    setSelected(new Set(source.filter((row) => row.fields !== void 0 && changesBetween(byId.get(row.id) ?? {}, row.fields, mode).length > 0).map((row) => row.id)));
+  };
+  const analyze = async (refresh) => {
+    setBusy("analyzing");
+    setErrorText(void 0);
+    setNotice(void 0);
+    setStaleInfo(void 0);
+    try {
+      const ids = models.map((model) => textOf(model, "id")).filter((id) => id.length > 0);
+      const result = await preview({ ids, ...refresh ? { refresh: true } : {} });
+      if (!result.ok) throw new Error(result.error.message);
+      setRows(result.value.rows);
+      selectChanging(result.value.rows, models, overwrite);
+      setCatalogInfo(t("catalogInfo", {
+        models: result.value.catalogModels,
+        time: new Date(result.value.fetchedAt).toLocaleString()
+      }));
+      setStaleInfo(result.value.stale === true ? t("catalogStale", { time: new Date(result.value.fetchedAt).toLocaleString() }) : void 0);
+      await refreshLive(providerKey, ids);
+    } catch (error) {
+      setErrorText(error instanceof Error ? error.message : String(error));
+    } finally {
+      setBusy("idle");
+    }
+  };
+  const setOverwriteMode = (mode) => {
+    setOverwrite(mode);
+    if (rows === void 0) return;
+    selectChanging(rows, models, mode);
+  };
+  const applyRows = async () => {
+    const descriptor2 = descriptors.find((entry) => entry.ns === targetNs);
+    if (descriptor2 === void 0) return;
+    const targets = new Map(changing.filter((entry) => selected.has(entry.row.id)).map((entry) => [entry.row.id, entry]));
+    if (targets.size === 0) {
+      setNotice(t("nothingSelected"));
+      return;
+    }
+    let written = 0;
+    const next = models.map((model) => {
+      const entry = targets.get(textOf(model, "id"));
+      if (entry?.row.fields === void 0) return model;
+      written += 1;
+      return mergeModel(model, entry.row.fields, overwrite);
+    });
+    setBusy("applying");
+    setErrorText(void 0);
+    setNotice(void 0);
+    try {
+      const view = await mutateSettings(targetNs, [{
+        op: "set",
+        path: ["providers", providerKey, "models"],
+        value: next
+      }], descriptor2.revision);
+      setModels(next);
+      setDescriptors((previous) => previous.map((entry) => entry.ns === targetNs && typeof view.revision === "number" ? { ...entry, revision: view.revision } : entry));
+      setNotice(t("applied", { count: written }));
+      await refreshLive(providerKey, next.map((model) => textOf(model, "id")).filter((id) => id.length > 0));
+    } catch (error) {
+      const code = error?.code;
+      if (code === "settings/conflict") {
+        try {
+          await reloadConfig();
+        } catch {
+        }
+        setNotice(t("conflictReload"));
+      } else {
+        setErrorText(error instanceof Error ? error.message : String(error));
+      }
+    } finally {
+      setBusy("idle");
+    }
+  };
+  if (status === "loading") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "cs-hint", children: t("loading") });
+  if (status === "error") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "cs-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "cs-error", children: [
+        t("loadFailed"),
+        ": ",
+        errorText
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "cs-button", onClick: () => {
+        void load();
+      }, children: t("retry") })
+    ] });
+  }
+  const descriptor = descriptors.find((entry) => entry.ns === targetNs);
+  const candidates = descriptors.filter((entry) => Object.keys(providersOf(entry)).length > 0);
+  const providerKeys = Object.keys(providersOf(descriptor));
+  const needle = query.trim().toLowerCase();
+  const visible = matched.filter((entry) => {
+    if (onlyChanged && entry.changes.length === 0) return false;
+    if (needle === "") return true;
+    return entry.row.id.toLowerCase().includes(needle) || entry.row.match?.modelId.toLowerCase().includes(needle) === true;
+  });
+  const selectable = visible.filter((entry) => entry.changes.length > 0);
+  const toggle = (id) => {
+    const next = new Set(selected);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    setSelected(next);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "cs-hint", children: t("intro") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "cs-row", children: [
+      candidates.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "cs-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cs-hint", children: t("writeTarget") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { className: "cs-select", value: targetNs, onChange: (event) => {
+          showProvider(event.target.value, "");
+        }, children: candidates.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: entry.ns, children: targetLabelOf(entry.ns, t) }, entry.ns)) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "cs-field", title: targetNs, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cs-hint", children: t("writeTarget") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cs-target", children: targetLabelOf(targetNs, t) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "cs-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cs-hint", children: t("provider") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { className: "cs-select", value: providerKey, onChange: (event) => {
+          showProvider(targetNs, event.target.value);
+        }, children: providerKeys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: key, children: key }, key)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cs-hint", children: t("modelCount", { count: models.length }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cs-hint", children: t("willSort") })
+    ] }),
+    models.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "cs-hint", children: t("noModels") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "cs-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "cs-button cs-button--primary", disabled: busy !== "idle", onClick: () => {
+        void analyze(false);
+      }, children: busy === "analyzing" ? t("analyzing") : t("analyze") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "cs-button", disabled: busy !== "idle", onClick: () => {
+        void analyze(true);
+      }, children: t("refreshCatalog") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "cs-hint", title: t("overwriteHint"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: overwrite, onChange: (event) => {
+          setOverwriteMode(event.target.checked);
+        } }),
+        " ",
+        t("overwrite")
+      ] })
+    ] }),
+    errorText !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "cs-error", children: errorText }) : null,
+    notice !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "cs-hint", children: notice }) : null,
+    catalogInfo !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "cs-hint", children: catalogInfo }) : null,
+    staleInfo !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "cs-warn", children: staleInfo }) : null,
+    rows !== void 0 && matched.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "cs-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            className: "cs-input",
+            type: "search",
+            value: query,
+            placeholder: t("search"),
+            onChange: (event) => {
+              setQuery(event.target.value);
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "cs-hint", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: onlyChanged, onChange: (event) => {
+            setOnlyChanged(event.target.checked);
+          } }),
+          " ",
+          t("onlyChanged")
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cs-hint", children: changing.length === 0 ? t("noChanges") : t("changeSummary", { rows: changing.length, fields: changeFields }) })
+      ] }),
+      visible.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "cs-hint", children: t("filteredEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "cs-table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { className: "cs-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              "aria-label": t("selectAll"),
+              checked: selectable.length > 0 && selectable.every((entry) => selected.has(entry.row.id)),
+              onChange: (event) => {
+                const keep = event.target.checked ? new Set(selectable.map((entry) => entry.row.id)) : /* @__PURE__ */ new Set();
+                setSelected(keep);
+              }
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("colModel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("colMatch") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("colContext") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("colOutput") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("colImage") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { title: t("colLiveHint"), children: t("colLive") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("colReasoning") })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: visible.map(({ row, model, changes }) => {
+          const changeOf = (key) => changes.find((change) => change.key === key);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { className: changes.length > 0 ? "cs-row--changed" : void 0, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "input",
+              {
+                type: "checkbox",
+                "aria-label": row.id,
+                checked: selected.has(row.id),
+                disabled: changes.length === 0,
+                onChange: () => {
+                  toggle(row.id);
+                }
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: "cs-id", children: row.id }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { className: "cs-dim", children: [
+              row.match === void 0 ? "\u2014" : `${row.match.provider}/${row.match.modelId}`,
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cs-badge", children: viaLabel(row, t) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: valueCell(changeOf("contextWindow"), model.contextWindow, tokens) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: valueCell(changeOf("maxTokens"), model.maxTokens, tokens) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: valueCell(changeOf("input"), model.input, (value) => imageText(value, t)) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: liveRows.get(row.id)?.input?.includes("image") === true ? "cs-badge cs-badge--image" : "cs-dim", children: liveLabel(liveRows.get(row.id), t) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: "cs-dim", children: valueCell(changeOf("reasoningEfforts"), model.reasoningEfforts, reasoningText) })
+          ] }, row.id);
+        }) })
+      ] }) }),
+      liveRows.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "cs-hint", children: t("liveSummary", { image: liveImage, text: liveText }) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "cs-row", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "cs-button cs-button--primary",
+          disabled: busy !== "idle" || !changing.some((entry) => selected.has(entry.row.id)),
+          onClick: () => {
+            void applyRows();
+          },
+          children: busy === "applying" ? t("applying") : t("apply")
+        }
+      ) })
+    ] }) : null,
+    unmatched.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "cs-hint", children: t("unmatchedHint") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "cs-unmatched", children: unmatched.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+        entry.row.id,
+        entry.row.reason === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "cs-dim", children: [
+          " \u2014 ",
+          entry.row.reason
+        ] })
+      ] }, entry.row.id)) })
+    ] }) : null
+  ] });
+}
+
+// src/client/locale.ts
+var zh = {
+  nav: "\u6A21\u578B\u80FD\u529B\u540C\u6B65",
+  loading: "\u6B63\u5728\u8BFB\u53D6\u914D\u7F6E\u2026",
+  intro: "\u4ECE models.dev \u67E5\u8BE2\u5DF2\u914D\u7F6E\u6A21\u578B\u7684\u80FD\u529B\uFF08\u4E0A\u4E0B\u6587\u7A97\u53E3\u3001\u8F93\u51FA\u4E0A\u9650\u3001\u662F\u5426\u652F\u6301\u56FE\u7247\u3001\u63A8\u7406\u6863\u4F4D\uFF09\uFF0C\u5E76\u5199\u5165\u6240\u9009\u4F9B\u5E94\u5546\u7684\u914D\u7F6E\u3002\u672C\u9875\u53EA\u5199\u914D\u7F6E\uFF0C\u4E0D\u53D1\u9001\u4EFB\u4F55\u63A8\u7406\u8BF7\u6C42\u3002",
+  writeTarget: "\u5199\u5165\u4F4D\u7F6E",
+  sourceNative: "\u539F\u751F\u914D\u7F6E",
+  sourcePlugin: "\u63D2\u4EF6\u914D\u7F6E",
+  nameLlmPiAi: "pi-ai \u9002\u914D\u5668",
+  nameLlmDeepseek: "DeepSeek \u5B98\u65B9",
+  nameLlmDeepseekAccount: "DeepSeek \u8D26\u53F7",
+  nameLlmNewapi: "NewAPI",
+  provider: "\u4F9B\u5E94\u5546",
+  modelCount: "\u5171 {count} \u4E2A\u6A21\u578B",
+  willSort: "\u5199\u5165\u65F6\u6309\u300C\u524D\u7F00\u5206\u7EC4 + \u540D\u79F0\u300D\u6392\u5E8F",
+  search: "\u641C\u7D22\u6A21\u578B ID \u6216\u76EE\u5F55 ID",
+  onlyChanged: "\u53EA\u770B\u6709\u53D8\u5316\u7684",
+  changeSummary: "\u5C06\u4FEE\u6539 {rows} \u884C \xB7 {fields} \u4E2A\u5B57\u6BB5",
+  noChanges: "\u6CA1\u6709\u9700\u8981\u5199\u5165\u7684\u53D8\u5316\uFF08\u76EE\u5F55\u503C\u4E0E\u4F60\u73B0\u6709\u914D\u7F6E\u4E00\u81F4\uFF09\u3002",
+  filteredEmpty: "\u6CA1\u6709\u7B26\u5408\u7B5B\u9009\u6761\u4EF6\u7684\u6A21\u578B\u3002",
+  fieldEmpty: "\u672A\u8BBE\u7F6E",
+  conflictReload: "\u914D\u7F6E\u5DF2\u88AB\u5176\u4ED6\u6539\u52A8\u66F4\u65B0\uFF0C\u5DF2\u91CD\u65B0\u8BFB\u53D6\u6700\u65B0\u503C\uFF1B\u8BF7\u786E\u8BA4\u540E\u518D\u70B9\u4E00\u6B21\u300C\u5E94\u7528\u300D\u3002",
+  analyze: "\u5206\u6790\u80FD\u529B",
+  analyzing: "\u6B63\u5728\u5339\u914D\u2026",
+  refreshCatalog: "\u91CD\u65B0\u4E0B\u8F7D\u76EE\u5F55",
+  apply: "\u5E94\u7528",
+  applying: "\u6B63\u5728\u5199\u5165\u2026",
+  applied: "\u5DF2\u5199\u5165 {count} \u4E2A\u6A21\u578B",
+  overwrite: "\u8986\u76D6\u5DF2\u6709\u503C",
+  overwriteHint: "\u4E0D\u52FE\u9009\u65F6\u53EA\u586B\u7A7A\u767D\u5B57\u6BB5\uFF0C\u4F60\u624B\u586B\u8FC7\u7684\u503C\u4E0D\u4F1A\u88AB\u6539\u5199\u3002",
+  selectAll: "\u5168\u9009",
+  colModel: "\u6A21\u578B ID",
+  colMatch: "\u5339\u914D",
+  colContext: "\u4E0A\u4E0B\u6587",
+  colOutput: "\u8F93\u51FA",
+  colImage: "\u56FE\u7247",
+  colLive: "\u5F53\u524D\u751F\u6548",
+  colLiveHint: "\u7531\u771F\u6B63\u63A5\u7BA1\u8FD9\u6761\u8DEF\u7531\u7684\u9002\u914D\u5668\u4E0A\u62A5\uFF0C\u4E5F\u5C31\u662F\u804A\u5929\u8BF7\u6C42\u5B9E\u9645\u770B\u5230\u7684\u503C\u3002\u82E5\u5B83\u4E0E\u300C\u56FE\u7247\u300D\u5217\u4E0D\u4E00\u81F4\uFF0C\u8BF4\u660E\u914D\u7F6E\u88AB\u53E6\u4E00\u4E2A\u63D2\u4EF6\u62A2\u5360\u4E86\u8DEF\u7531\u3002",
+  liveError: "\u65E0\u6CD5\u8BFB\u53D6",
+  liveSummary: "\u5F53\u524D\u751F\u6548\uFF1A{image} \u4E2A\u652F\u6301\u56FE\u7247\uFF0C{text} \u4E2A\u7EAF\u6587\u672C\u3002\u82E5\u4E0E\u300C\u56FE\u7247\u300D\u5217\u4E0D\u4E00\u81F4\uFF0C\u8BF4\u660E\u8FD9\u6761\u8DEF\u7531\u7531\u522B\u7684\u63D2\u4EF6\u63A5\u7BA1\uFF0C\u5199\u5165\u672C\u914D\u7F6E\u4E0D\u4F1A\u751F\u6548\u3002",
+  colReasoning: "\u63A8\u7406\u6863\u4F4D",
+  imageYes: "\u652F\u6301",
+  imageNo: "\u7EAF\u6587\u672C",
+  unmatched: "\u672A\u5339\u914D",
+  unmatchedHint: "\u8FD9\u4E9B\u6A21\u578B\u5728 models.dev \u91CC\u627E\u4E0D\u5230\uFF0C\u4FDD\u6301\u539F\u6837\u3002\u53EF\u5728\u522B\u540D\u8868\u91CC\u624B\u52A8\u6307\u5B9A\u3002",
+  noModels: "\u8BE5\u4F9B\u5E94\u5546\u4E0B\u8FD8\u6CA1\u6709\u6A21\u578B\u3002",
+  noTarget: "\u6CA1\u6709\u627E\u5230\u53EF\u5199\u7684\u914D\u7F6E\u6761\u76EE\uFF08\u9700\u8981\u5DF2\u542F\u7528\u7684 llm-pi-ai \u4F9B\u5E94\u5546\u914D\u7F6E\uFF09\u3002",
+  loadFailed: "\u52A0\u8F7D\u5931\u8D25",
+  retry: "\u91CD\u8BD5",
+  viaAlias: "\u522B\u540D",
+  viaExact: "\u7CBE\u786E",
+  viaFolded: "\u5FFD\u7565\u5927\u5C0F\u5199",
+  viaBasename: "\u53BB\u524D\u7F00",
+  viaSuffix: "\u53BB\u53D8\u4F53\u540E\u7F00",
+  catalogInfo: "\u76EE\u5F55\uFF1A{models} \u4E2A\u6A21\u578B \xB7 {time}",
+  catalogStale: "\u5728\u7EBF\u76EE\u5F55\u4E0B\u8F7D\u5931\u8D25\uFF0C\u6B63\u5728\u4F7F\u7528\u672C\u673A\u7F13\u5B58\uFF08{time}\uFF09\u3002\u6570\u636E\u53EF\u80FD\u4E0D\u662F\u6700\u65B0\uFF0C\u5B57\u6BB5\u542B\u4E49\u4E0D\u53D8\u3002",
+  nothingSelected: "\u6CA1\u6709\u9009\u4E2D\u4EFB\u4F55\u6A21\u578B\u3002",
+  done: "\u5B8C\u6210\u3002"
+};
+var en = {
+  nav: "Model capabilities",
+  loading: "Reading configuration\u2026",
+  intro: "Look up capabilities (context window, output cap, image input, reasoning efforts) for the models already configured here, then write them into the selected provider. This page only writes configuration; it never sends a model request.",
+  writeTarget: "Write to",
+  sourceNative: "Built in",
+  sourcePlugin: "Plugin",
+  nameLlmPiAi: "pi-ai adapter",
+  nameLlmDeepseek: "DeepSeek official",
+  nameLlmDeepseekAccount: "DeepSeek account",
+  nameLlmNewapi: "NewAPI",
+  provider: "Provider",
+  modelCount: "{count} models",
+  willSort: "Written sorted by vendor prefix, then name",
+  search: "Search model id or catalog id",
+  onlyChanged: "Only rows that change",
+  changeSummary: "Will change {rows} rows \xB7 {fields} fields",
+  noChanges: "Nothing to write: the catalog agrees with your configuration.",
+  filteredEmpty: "No model matches the filter.",
+  fieldEmpty: "unset",
+  conflictReload: "The configuration changed elsewhere; the latest values were reloaded. Check them, then press Apply again.",
+  analyze: "Analyze",
+  analyzing: "Matching\u2026",
+  refreshCatalog: "Re-download catalog",
+  apply: "Apply",
+  applying: "Writing\u2026",
+  applied: "Wrote {count} models",
+  overwrite: "Overwrite existing values",
+  overwriteHint: "Unchecked: only blank fields are filled, so values you typed are preserved.",
+  selectAll: "Select all",
+  colModel: "Model id",
+  colMatch: "Match",
+  colContext: "Context",
+  colOutput: "Output",
+  colImage: "Image",
+  colLive: "In effect",
+  colLiveHint: "Reported by the adapter that actually serves this route \u2014 what a chat request sees. A value that disagrees with the Image column means another plugin owns the route.",
+  liveError: "unreadable",
+  liveSummary: "In effect: {image} image-capable, {text} text-only. If this disagrees with the Image column, another plugin serves the route and writing this entry changes nothing.",
+  colReasoning: "Reasoning",
+  imageYes: "yes",
+  imageNo: "text only",
+  unmatched: "unmatched",
+  unmatchedHint: "These ids are absent from models.dev and stay untouched. Add an alias to map them by hand.",
+  noModels: "This provider has no models yet.",
+  noTarget: "No writable configuration entry found (an enabled llm-pi-ai provider is required).",
+  loadFailed: "Load failed",
+  retry: "Retry",
+  viaAlias: "alias",
+  viaExact: "exact",
+  viaFolded: "case-folded",
+  viaBasename: "basename",
+  viaSuffix: "suffix",
+  catalogInfo: "Catalog: {models} models \xB7 {time}",
+  catalogStale: "The online catalog download failed; using the local copy from {time}. The facts still mean the same thing, they may just be older.",
+  nothingSelected: "Nothing selected.",
+  done: "Done."
+};
+
+// src/client/apply.ts
+var NS = "settings.capability-sync";
+var CHANNEL = "/model-capability-sync";
+function refusalOf(answer) {
+  if (typeof answer !== "object" || answer === null) return void 0;
+  const envelope = answer;
+  if (envelope.ok !== false) return void 0;
+  return {
+    ...typeof envelope.error?.code === "string" ? { code: envelope.error.code } : {},
+    message: typeof envelope.error?.message === "string" ? envelope.error.message : "settings request refused"
+  };
+}
+function unwrap(answer) {
+  const refusal = refusalOf(answer);
+  if (refusal !== void 0) {
+    throw Object.assign(new Error(refusal.message), refusal.code === void 0 ? {} : { code: refusal.code });
+  }
+  if (typeof answer === "object" && answer !== null && "ok" in answer && "value" in answer) {
+    return answer.value;
+  }
+  return answer;
+}
+function namespacesOf(answer) {
+  const document2 = unwrap(answer);
+  if (Array.isArray(document2)) return document2;
+  const namespaces = document2?.namespaces;
+  if (!Array.isArray(namespaces)) throw new Error("settings.describe returned no namespace list");
+  return namespaces;
+}
+var inject = ["slots", "locale", "connection", "remote", "remote.settings"];
+var SECTION_CSS = `
+.cs-field { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }
+.cs-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; }
+.cs-select {
+  box-sizing: border-box; padding: 6px 10px; border-radius: 8px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  background: var(--dsw-alias-bg-layer-1);
+  color: var(--dsw-alias-label-primary);
+  font: inherit; font-size: 13px;
+}
+.cs-button {
+  padding: 6px 12px; border-radius: 6px; font: inherit; font-size: 13px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  background: transparent; color: var(--dsw-alias-label-primary);
+  cursor: pointer;
+}
+.cs-button:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }
+.cs-button:disabled { opacity: 0.4; cursor: default; }
+.cs-button--primary {
+  border-color: transparent;
+  background: var(--dsw-alias-button-primary-fill);
+  color: var(--dsw-alias-label-primary-foreground);
+}
+.cs-button--primary:hover:not(:disabled) { background: var(--dsw-alias-button-primary-hover); }
+.cs-hint { font-size: 12px; color: var(--dsw-alias-label-tertiary); line-height: 18px; }
+.cs-error { color: var(--dsw-alias-state-error-primary); font-size: 12px; }
+.cs-warn { color: var(--dsw-alias-state-warning-primary, var(--dsw-alias-label-secondary)); font-size: 12px; line-height: 18px; }
+.cs-input {
+  box-sizing: border-box; padding: 6px 10px; border-radius: 8px; min-width: 200px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  background: var(--dsw-alias-bg-layer-1);
+  color: var(--dsw-alias-label-primary);
+  font: inherit; font-size: 13px;
+}
+.cs-target { font-size: 13px; color: var(--dsw-alias-label-primary); line-height: 30px; }
+.cs-table-wrap {
+  max-height: 460px; overflow: auto; margin-bottom: 12px;
+  border: 1px solid var(--dsw-alias-border-l2); border-radius: 8px;
+}
+.cs-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12px; }
+.cs-table th {
+  position: sticky; top: 0; z-index: 1;
+  text-align: left; font-weight: 500; color: var(--dsw-alias-label-secondary);
+  background: var(--dsw-alias-bg-layer-1);
+  padding: 6px 8px; border-bottom: 1px solid var(--dsw-alias-border-l2); white-space: nowrap;
+}
+.cs-table td {
+  padding: 6px 8px; border-bottom: 1px solid var(--dsw-alias-border-l2);
+  color: var(--dsw-alias-label-primary); vertical-align: top;
+}
+.cs-table tr:last-child td { border-bottom: none; }
+.cs-row--changed td { background: var(--dsw-alias-bg-layer-2, transparent); }
+.cs-id { font-variant-numeric: tabular-nums; word-break: break-all; }
+.cs-dim { color: var(--dsw-alias-label-tertiary); }
+.cs-change { white-space: nowrap; }
+.cs-from { color: var(--dsw-alias-label-tertiary); text-decoration: line-through; }
+.cs-badge {
+  display: inline-block; padding: 0 6px; border-radius: 9px; font-size: 11px; line-height: 18px;
+  border: 1px solid var(--dsw-alias-border-l2); color: var(--dsw-alias-label-secondary);
+}
+.cs-badge--image { border-color: var(--dsw-alias-brand-primary); color: var(--dsw-alias-brand-primary); }
+.cs-unmatched { margin: 8px 0 0; padding-left: 18px; color: var(--dsw-alias-label-tertiary); font-size: 12px; }
+`;
+function apply(ctx) {
+  ctx.effect(() => ctx.locale.register(NS, { zh, en }), "model-capability-sync: copy dictionaries");
+  if (typeof document !== "undefined") {
+    ctx.effect(() => {
+      const element = document.createElement("style");
+      element.textContent = SECTION_CSS;
+      document.head.append(element);
+      return () => {
+        element.remove();
+      };
+    }, "model-capability-sync: section styles");
+  }
+  const connection = ctx.get("connection");
+  const remote = ctx.get("remote");
+  const t = ctx.locale.bind(NS);
+  const injected = () => ({
+    preview: (request) => connection.rpc.call(CHANNEL, "preview", request),
+    live: (request) => connection.rpc.call(CHANNEL, "live", request),
+    describeSettings: async () => namespacesOf(await remote.settings.describe()),
+    mutateSettings: async (ns, ops, expectedRevision) => {
+      const view = unwrap(await remote.settings.mutate(ns, ops, expectedRevision));
+      if (view === void 0) throw new Error("settings.mutate returned no namespace view");
+      return view;
+    }
+  });
+  ctx.slots.inject("settings.section", () => ctx.slots.register({
+    name: "settings.section",
+    id: "model-capability-sync",
+    order: 16,
+    label: () => t("nav"),
+    locale: NS,
+    inject: injected
+  }, SyncSection));
+}
+return module.exports; } });
+//# sourceMappingURL=client.js.map