dsh-plugin-model-proxy 0.1.0

package/lib/client.js

@@ -0,0 +1,1129 @@
+window.__ModuleLoader__.load({ id: "dsh-plugin-model-proxy", 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/catalog.ts
+var EMPTY = { status: "idle", providers: [], modelsByProvider: {} };
+function asRecord(value) {
+  return typeof value === "object" && value !== null ? value : void 0;
+}
+function unwrapRpc(response) {
+  const envelope = asRecord(response);
+  const result = envelope === void 0 ? void 0 : asRecord(envelope.result);
+  if (result === void 0) throw new Error("malformed RPC envelope");
+  if (result.ok !== true) {
+    const error = asRecord(result.error);
+    throw new Error(typeof error?.message === "string" && error.message !== "" ? error.message : "RPC request failed");
+  }
+  return result.value;
+}
+function pickProviders(value) {
+  const root = asRecord(value);
+  const rows = Array.isArray(root?.providers) ? root.providers : [];
+  const out = [];
+  for (const row of rows) {
+    const r = asRecord(row);
+    if (r === void 0 || typeof r.provider !== "string" || r.provider === "") continue;
+    const p = {
+      provider: r.provider,
+      displayName: typeof r.displayName === "string" && r.displayName !== "" ? r.displayName : r.provider,
+      active: r.active === true
+    };
+    if (typeof r.settingsNs === "string" && r.settingsNs !== "") {
+      p.settingsNs = r.settingsNs;
+      if (Array.isArray(r.settingsPath)) {
+        p.settingsPath = r.settingsPath.filter((k) => typeof k === "string");
+      }
+    }
+    if (r.declared === true || r.declared === false) p.declared = r.declared;
+    out.push(p);
+  }
+  return out;
+}
+function getPath(value, path) {
+  let cur = value;
+  for (const key of path) {
+    const rec = asRecord(cur);
+    if (rec === void 0) return void 0;
+    cur = rec[key];
+  }
+  return cur;
+}
+function attachConfigured(providers, namespaces) {
+  const byNs = /* @__PURE__ */ new Map();
+  for (const n of namespaces) {
+    if (typeof n.ns === "string" && !byNs.has(n.ns)) byNs.set(n.ns, n.value);
+  }
+  return providers.map((p) => {
+    if (p.settingsNs === void 0 || !byNs.has(p.settingsNs)) return p;
+    const value = byNs.get(p.settingsNs);
+    const path = p.settingsPath ?? [];
+    const configured = path.length === 0 ? value !== void 0 : getPath(value, path) !== void 0;
+    return { ...p, configured };
+  });
+}
+function pickModelsByProvider(value) {
+  const root = asRecord(value);
+  const groups = Array.isArray(root?.groups) ? root.groups : [];
+  const map = {};
+  for (const group of groups) {
+    const g = asRecord(group);
+    if (g === void 0 || typeof g.id !== "string" || g.id === "" || !Array.isArray(g.models)) continue;
+    const models = [];
+    for (const row of g.models) {
+      const m = asRecord(row);
+      if (m === void 0 || typeof m.id !== "string" || m.id === "") continue;
+      models.push({ id: m.id, ...typeof m.name === "string" && m.name !== "" ? { name: m.name } : {} });
+    }
+    map[g.id] = models;
+  }
+  return map;
+}
+var ProviderCatalogStore = class {
+  constructor(api, remote) {
+    this.api = api;
+    this.remote = remote;
+  }
+  api;
+  remote;
+  listeners = /* @__PURE__ */ new Set();
+  snapshot = EMPTY;
+  generation = 0;
+  unsubs = [];
+  bound = false;
+  /** Idempotent: start loading and subscribe to refresh events. */
+  bind() {
+    if (this.bound) return;
+    this.bound = true;
+    if (this.remote !== void 0) {
+      this.unsubs.push(this.remote.$on("llm/adapters-updated", () => void this.load()));
+      this.unsubs.push(this.remote.$on("settings/document-updated", () => void this.load()));
+    }
+    void this.load();
+  }
+  /** Stop listening; in-flight loads become no-ops via the generation guard. */
+  dispose() {
+    this.bound = false;
+    for (const off of this.unsubs.splice(0)) {
+      try {
+        off();
+      } catch {
+      }
+    }
+    this.generation++;
+    this.listeners.clear();
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  getSnapshot() {
+    return this.snapshot;
+  }
+  /**
+   * Fetch both catalogs. Each call settles independently (`allSettled`
+   * semantics via mapped thunks): a provider-catalog failure fails the whole
+   * load, while a model-catalog failure degrades to an empty model map —
+   * models are an enrichment, providers drive the primary dropdown.
+   */
+  async load() {
+    const generation = ++this.generation;
+    if (this.snapshot.status === "idle") this.set({ ...EMPTY, status: "loading" });
+    const settle = (promise) => promise.then(
+      (value) => ({ ok: true, value }),
+      () => ({ ok: false })
+    );
+    const [providersOutcome, modelsOutcome, settingsOutcome] = await Promise.all([
+      settle(this.api.llm.providers({})),
+      settle(this.api.llm.models({})),
+      // Enrichment only: a describe failure must not degrade the dropdowns.
+      settle(this.api.settings?.describe({}) ?? Promise.reject(new Error("no settings face")))
+    ]);
+    if (generation !== this.generation) return;
+    let providers;
+    if (!providersOutcome.ok) {
+      this.markUnavailable();
+      return;
+    }
+    try {
+      providers = pickProviders(unwrapRpc(providersOutcome.value));
+    } catch {
+      this.markUnavailable();
+      return;
+    }
+    let modelsByProvider = {};
+    if (modelsOutcome.ok) {
+      try {
+        modelsByProvider = pickModelsByProvider(unwrapRpc(modelsOutcome.value));
+      } catch {
+        modelsByProvider = {};
+      }
+    }
+    if (settingsOutcome.ok) {
+      try {
+        const described = unwrapRpc(settingsOutcome.value);
+        const namespaces = Array.isArray(described?.namespaces) ? described.namespaces : [];
+        providers = attachConfigured(
+          providers,
+          namespaces.map((n) => {
+            const r = asRecord(n);
+            return { ns: r?.ns, value: r?.value };
+          })
+        );
+      } catch {
+      }
+    }
+    this.set({ status: "ready", providers, modelsByProvider });
+  }
+  /**
+   * Keep last good rows across a failed refresh; the card falls back to
+   * free-text inputs only when the snapshot holds no providers at all.
+   */
+  markUnavailable() {
+    this.set({ ...this.snapshot, status: "unavailable" });
+  }
+  set(snapshot) {
+    this.snapshot = snapshot;
+    for (const listener of [...this.listeners]) listener();
+  }
+};
+
+// src/client/ModelProxyCard.tsx
+var import_react = require("react");
+
+// src/client/controller.ts
+var KNOWN_RULE_FIELDS = ["id", "provider", "model", "proxyUrl", "enabled", "purpose", "credentialRef"];
+function sanitizeRules(rules) {
+  return rules.map((rule) => {
+    const out = {};
+    const dropped = [];
+    for (const [key, value] of Object.entries(rule)) {
+      if (KNOWN_RULE_FIELDS.includes(key)) out[key] = value;
+      else dropped.push(key);
+    }
+    if (dropped.length > 0) {
+      console.warn(`[model-proxy] dropping unknown rule field(s): ${dropped.join(", ")}`);
+    }
+    return out;
+  });
+}
+function makeRuleId() {
+  return Math.random().toString(36).slice(2, 9);
+}
+function buildCreatorRules(spec) {
+  const provider = spec.provider.trim();
+  if (provider === "") return [];
+  const models = [...new Set(spec.models.map((m) => m.trim()).filter((m) => m !== ""))];
+  if (models.length === 0) return [];
+  const purpose = (spec.purpose ?? "").trim();
+  const credentialRef = (spec.credentialRef ?? "").trim();
+  return models.map((model) => ({
+    id: makeRuleId(),
+    provider,
+    model,
+    proxyUrl: spec.proxyUrl.trim(),
+    enabled: spec.enabled ?? true,
+    ...purpose !== "" ? { purpose } : {},
+    ...credentialRef !== "" ? { credentialRef } : {}
+  }));
+}
+function groupByProvider(rules) {
+  const groups = [];
+  const index = /* @__PURE__ */ new Map();
+  for (const rule of rules) {
+    let gi = index.get(rule.provider);
+    if (gi === void 0) {
+      gi = groups.length;
+      index.set(rule.provider, gi);
+      groups.push({ provider: rule.provider, rules: [] });
+    }
+    groups[gi].rules.push(rule);
+  }
+  return groups;
+}
+function ensureRuleIds(cfg) {
+  return { ...cfg, rules: cfg.rules.map((r) => r.id ? r : { ...r, id: makeRuleId() }) };
+}
+var ModelProxyController = class {
+  constructor(scope) {
+    this.scope = scope;
+  }
+  scope;
+  listeners = /* @__PURE__ */ new Set();
+  snapshot = { status: "loading", writable: false };
+  unsub;
+  bind() {
+    this.unsub = this.scope.subscribe(() => this.pull());
+    this.pull();
+  }
+  dispose() {
+    this.unsub?.();
+    this.listeners.clear();
+  }
+  subscribe(l) {
+    this.listeners.add(l);
+    return () => this.listeners.delete(l);
+  }
+  getSnapshot() {
+    return this.snapshot;
+  }
+  pull() {
+    const s = this.scope.getSnapshot();
+    this.snapshot = {
+      status: s.status ?? "loading",
+      value: s.value,
+      revision: s.revision,
+      writable: s.writable
+    };
+    this.emit();
+  }
+  emit() {
+    for (const l of [...this.listeners]) l();
+  }
+  /**
+   * Persist the config as four fenced field writes.
+   *
+   * The scope contract exposes per-field writes only, so full atomicity would
+   * require collapsing the namespace to a single field (a breaking settings
+   * shape change). Until then we order the writes so the field most likely to
+   * be REJECTED by host validation (`rules`) goes FIRST: if it fails, nothing
+   * else has been committed and the failure aborts cleanly instead of leaving
+   * mixed old/new state. The remaining fields are booleans plus a URL that the
+   * card pre-validates with the same checks the host applies, making their
+   * rejection practically unreachable.
+   */
+  async save(next) {
+    await this.scope.set("rules", sanitizeRules(next.rules));
+    await this.scope.set("defaultProxy", next.defaultProxy);
+    await this.scope.set("enabled", next.enabled);
+    await this.scope.set("debug", next.debug);
+  }
+  async setEnabled(v) {
+    await this.scope.set("enabled", v);
+  }
+  async setDebug(v) {
+    await this.scope.set("debug", v);
+  }
+};
+
+// src/client/locales.ts
+var en = {
+  title: "Model Proxy",
+  desc: 'Route specific provider/model pairs through HTTP/HTTPS/SOCKS5 proxies. Specificity: exact model > prefix "vendor-*" > "*". Optional purpose filter targets compaction/session-title calls.',
+  enabled: "Enable proxy routing",
+  debug: "Debug logging (host log)",
+  rules: 'Rules (first match wins \u2014 exact before prefix before "*")',
+  addRule: "Add rule",
+  provider: "Provider",
+  providerPlaceholder: "e.g. openai",
+  model: "Model",
+  modelPlaceholder: "e.g. gpt-4o-mini, vendor-* or *",
+  purpose: "Purpose filter",
+  purposePlaceholder: "empty = all purposes (e.g. compaction, session-title)",
+  credRef: "Credential ref",
+  credRefPlaceholder: "credentials entry holding user:password (optional)",
+  proxyUrl: "Proxy URL",
+  proxyPlaceholder: "socks5://127.0.0.1:1080 or http://127.0.0.1:7890 (empty=direct)",
+  enabledShort: "On",
+  delete: "Delete",
+  defaultProxy: "Fallback proxy (when no rule matches)",
+  defaultPlaceholder: "optional, e.g. http://127.0.0.1:7890",
+  saving: "Saving\u2026",
+  save: "Save",
+  saved: "Saved",
+  unavailable: "Model proxy settings unavailable.",
+  empty: 'No rules yet \u2014 add one above. Tip: use model "*" for all models of a provider.',
+  invalid: "Please fix highlighted fields.",
+  duplicate: "Duplicate provider+model",
+  reading: "Loading\u2026",
+  readOnly: "Read-only (settings provider not writable).",
+  choose: "Select\u2026",
+  customOption: "Custom\u2026",
+  backToList: "Pick from the installed catalog",
+  dormant: "not configured",
+  groupConfigured: "Configured providers",
+  groupDirectory: "Other directory routes",
+  wildcardAll: "any model",
+  catalogUnavailable: "Provider catalog unavailable \u2014 type values manually.",
+  creatorTitle: "New rules",
+  creatorModels: "Models",
+  creatorPatternHint: "Or a pattern (vendor-* or *)",
+  createN: "Create {n} rule(s)",
+  cancel: "Cancel",
+  alreadyRuled: "rule exists",
+  noneCatalogued: "No catalog models \u2014 use * or a custom pattern.",
+  groupApplyProxy: "proxy for all\u2026",
+  groupApply: "Apply",
+  groupEnableAll: "Enable all",
+  groupDisableAll: "Disable all",
+  groupDelete: "Delete group",
+  groupConfirmDelete: "Sure?"
+};
+var zh = {
+  title: "\u6A21\u578B\u4EE3\u7406",
+  desc: '\u6309 provider/model \u7C92\u5EA6\u8D70\u4EE3\u7406\uFF08HTTP/HTTPS/SOCKS5\uFF09\u3002\u4F18\u5148\u7EA7\uFF1A\u7CBE\u786E model > \u524D\u7F00 "vendor-*" > "*"\u3002\u53EF\u9009\u7528\u9014\u8FC7\u6EE4\u53EF\u5355\u72EC\u63A7\u5236 compaction/session-title \u7B49\u8C03\u7528\u3002',
+  enabled: "\u542F\u7528\u4EE3\u7406\u8DEF\u7531",
+  debug: "\u8C03\u8BD5\u65E5\u5FD7\uFF08Host \u65E5\u5FD7\uFF09",
+  rules: '\u89C4\u5219\uFF08\u9996\u6761\u547D\u4E2D\u5373\u7528 \u2014 \u7CBE\u786E > \u524D\u7F00 > "*"\uFF09',
+  addRule: "\u6DFB\u52A0\u89C4\u5219",
+  provider: "Provider",
+  providerPlaceholder: "\u4F8B\u5982 openai",
+  model: "Model",
+  modelPlaceholder: "\u4F8B\u5982 gpt-4o-mini\u3001vendor-* \u6216 *",
+  purpose: "\u7528\u9014\u8FC7\u6EE4",
+  purposePlaceholder: "\u7559\u7A7A=\u6240\u6709\u7528\u9014\uFF08\u5982 compaction\u3001session-title\uFF09",
+  credRef: "\u51ED\u636E\u5F15\u7528",
+  credRefPlaceholder: "credentials \u670D\u52A1\u6761\u76EE\uFF08user:password\uFF09\uFF0C\u53EF\u9009",
+  proxyUrl: "\u4EE3\u7406\u5730\u5740",
+  proxyPlaceholder: "socks5://127.0.0.1:1080 \u6216 http://127.0.0.1:7890\uFF08\u7A7A=\u76F4\u8FDE\uFF09",
+  enabledShort: "\u542F\u7528",
+  delete: "\u5220\u9664",
+  defaultProxy: "\u515C\u5E95\u4EE3\u7406\uFF08\u65E0\u89C4\u5219\u547D\u4E2D\u65F6\uFF09",
+  defaultPlaceholder: "\u53EF\u9009\uFF0C\u4F8B\u5982 http://127.0.0.1:7890",
+  saving: "\u4FDD\u5B58\u4E2D\u2026",
+  save: "\u4FDD\u5B58",
+  saved: "\u5DF2\u4FDD\u5B58",
+  unavailable: "\u6A21\u578B\u4EE3\u7406\u8BBE\u7F6E\u4E0D\u53EF\u7528\u3002",
+  empty: '\u6682\u65E0\u89C4\u5219 \u2014 \u70B9\u51FB\u4E0A\u65B9\u6DFB\u52A0\u3002\u63D0\u793A\uFF1Amodel \u7528 "*" \u8868\u793A\u8BE5 provider \u7684\u6240\u6709\u6A21\u578B\u3002',
+  invalid: "\u8BF7\u4FEE\u6B63\u6807\u7EA2\u5B57\u6BB5\u3002",
+  duplicate: "provider+model \u91CD\u590D",
+  reading: "\u52A0\u8F7D\u4E2D\u2026",
+  readOnly: "\u53EA\u8BFB\uFF08settings provider \u4E0D\u53EF\u5199\uFF09\u3002",
+  choose: "\u8BF7\u9009\u62E9\u2026",
+  customOption: "\u81EA\u5B9A\u4E49\u2026",
+  backToList: "\u4ECE\u5DF2\u5B89\u88C5\u76EE\u5F55\u9009\u62E9",
+  dormant: "\u672A\u914D\u7F6E",
+  groupConfigured: "\u5DF2\u914D\u7F6E\u7684 Provider",
+  groupDirectory: "\u76EE\u5F55\u4E2D\u7684\u5176\u4ED6\u8DEF\u7531",
+  wildcardAll: "\u6240\u6709\u6A21\u578B",
+  catalogUnavailable: "\u63D0\u4F9B\u65B9\u76EE\u5F55\u4E0D\u53EF\u7528 \u2014 \u8BF7\u624B\u52A8\u8F93\u5165\u3002",
+  creatorTitle: "\u65B0\u5EFA\u89C4\u5219",
+  creatorModels: "\u52FE\u9009\u6A21\u578B",
+  creatorPatternHint: "\u6216\u81EA\u5B9A\u4E49\u6A21\u5F0F\uFF08vendor-*\u3001*\uFF09",
+  createN: "\u521B\u5EFA {n} \u6761\u89C4\u5219",
+  cancel: "\u53D6\u6D88",
+  alreadyRuled: "\u5DF2\u6709\u89C4\u5219",
+  noneCatalogued: "\u8BE5 provider \u65E0\u76EE\u5F55\u6A21\u578B\u2014\u2014\u53EF\u7528 * \u6216\u81EA\u5B9A\u4E49\u6A21\u5F0F\u3002",
+  groupApplyProxy: "\u6574\u7EC4\u4EE3\u7406\u5730\u5740\u2026",
+  groupApply: "\u5E94\u7528",
+  groupEnableAll: "\u5168\u90E8\u542F\u7528",
+  groupDisableAll: "\u5168\u90E8\u505C\u7528",
+  groupDelete: "\u5220\u9664\u672C\u7EC4",
+  groupConfirmDelete: "\u786E\u8BA4\uFF1F"
+};
+
+// src/client/ModelProxyCard.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var NO_CATALOG = { status: "idle", providers: [], modelsByProvider: {} };
+var CUSTOM_SENTINEL = "__custom__";
+function CatalogField(props) {
+  const { value, groups, onChange, disabled, chooseLabel, customLabel, listTitle, inputPlaceholder } = props;
+  const [customMode, setCustomMode] = (0, import_react.useState)(() => value !== "" && !groups.some((g) => g.options.some((o) => o.value === value)));
+  const flat = groups.flatMap((g) => g.options);
+  const showSelect = flat.length > 0 && !customMode;
+  if (flat.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        value,
+        placeholder: inputPlaceholder,
+        onChange: (e) => onChange(e.target.value),
+        style: { padding: "6px 8px", borderRadius: 6, border: "1px solid #ccc", width: "100%", boxSizing: "border-box" },
+        disabled
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", gap: 4, alignItems: "center" }, children: showSelect ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "select",
+    {
+      value: flat.some((o) => o.value === value) ? value : "",
+      onChange: (e) => {
+        if (e.target.value === CUSTOM_SENTINEL) {
+          setCustomMode(true);
+          return;
+        }
+        onChange(e.target.value);
+      },
+      style: { padding: "6px 8px", borderRadius: 6, border: "1px solid #ccc", flex: 1, minWidth: 0 },
+      disabled,
+      children: [
+        !flat.some((o) => o.value === value) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: chooseLabel }),
+        groups.map(
+          (g, gi) => g.label === void 0 ? g.options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: o.value, children: o.label }, o.value)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("optgroup", { label: g.label, children: g.options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: o.value, children: o.label }, o.value)) }, `${gi}:${g.label}`)
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: CUSTOM_SENTINEL, children: customLabel })
+      ]
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        value,
+        placeholder: inputPlaceholder,
+        onChange: (e) => onChange(e.target.value),
+        style: { padding: "6px 8px", borderRadius: 6, border: "1px solid #ccc", flex: 1, minWidth: 0 },
+        disabled
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        title: listTitle,
+        onClick: () => setCustomMode(false),
+        disabled,
+        style: {
+          padding: "4px 8px",
+          borderRadius: 6,
+          border: "1px solid #ddd",
+          background: "#fff",
+          cursor: "pointer",
+          lineHeight: 1
+        },
+        children: "\u25BE"
+      }
+    )
+  ] }) });
+}
+var SUPPORTED_SCHEMES = ["http:", "https:", "socks5:", "socks5h:", "socks:"];
+var EMPTY_CREATOR = {
+  provider: "",
+  checked: [],
+  customPattern: "",
+  proxyUrl: "",
+  purpose: "",
+  credentialRef: ""
+};
+function validateUrl(urlStr) {
+  try {
+    const u = new URL(urlStr);
+    if (!SUPPORTED_SCHEMES.includes(u.protocol)) return "unsupported scheme";
+    if (!u.hostname) return "missing host";
+    return void 0;
+  } catch {
+    return "invalid URL";
+  }
+}
+function validateRule(r, all) {
+  if (r.provider !== r.provider.trim()) return "whitespace around provider";
+  if (r.model !== r.model.trim()) return "whitespace around model";
+  if (r.purpose !== void 0 && r.purpose !== "" && r.purpose !== r.purpose.trim()) return "whitespace around purpose";
+  if (r.credentialRef !== void 0 && r.credentialRef !== "" && r.credentialRef !== r.credentialRef.trim()) return "whitespace around credential ref";
+  if (!r.provider.trim()) return "provider required";
+  if (!r.model.trim()) return "model required";
+  const starCount = (r.model.match(/\*/g) ?? []).length;
+  const isBareWildcard = r.model === "*";
+  if (!isBareWildcard && starCount > 0 && !(starCount === 1 && r.model.endsWith("*"))) {
+    return 'at most one trailing * (e.g. "vendor-*")';
+  }
+  if (r.proxyUrl !== "") {
+    const err = validateUrl(r.proxyUrl);
+    if (err) return err;
+  }
+  const dup = all.filter((x) => x.provider === r.provider && x.model === r.model).length > 1;
+  if (dup) return "duplicate";
+  return void 0;
+}
+function validateDefaultProxy(defaultProxy) {
+  if (defaultProxy === "") return void 0;
+  return validateUrl(defaultProxy);
+}
+function GroupHeader(props) {
+  const { provider, displayName, count, allEnabled, disabled, t, onApplyProxy, onSetEnabled, onDelete } = props;
+  const [proxy, setProxy] = (0, import_react.useState)("");
+  const [confirming, setConfirming] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (!confirming) return;
+    const timer = setTimeout(() => setConfirming(false), 3e3);
+    return () => clearTimeout(timer);
+  }, [confirming]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: 8, alignItems: "center" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { fontWeight: 700 }, children: [
+      displayName === provider ? provider : `${displayName} \xB7 ${provider}`,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontWeight: 400, opacity: 0.6, marginLeft: 6 }, children: count })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { flex: 1 } }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        value: proxy,
+        placeholder: t("groupApplyProxy"),
+        onChange: (e) => setProxy(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") onApplyProxy(proxy.trim());
+        },
+        style: { padding: "4px 8px", borderRadius: 6, border: "1px solid #ddd", width: 200 },
+        disabled
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: () => onApplyProxy(proxy.trim()),
+        disabled: disabled || proxy.trim() === "",
+        style: smallButtonStyle,
+        children: t("groupApply")
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => onSetEnabled(!allEnabled), disabled, style: smallButtonStyle, children: allEnabled ? t("groupDisableAll") : t("groupEnableAll") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          if (confirming) {
+            setConfirming(false);
+            onDelete();
+          } else {
+            setConfirming(true);
+          }
+        },
+        disabled,
+        style: {
+          ...smallButtonStyle,
+          borderColor: confirming ? "#d66" : "#ddd",
+          color: confirming ? "#d66" : void 0
+        },
+        children: confirming ? t("groupConfirmDelete") : t("groupDelete")
+      }
+    )
+  ] });
+}
+var smallButtonStyle = {
+  padding: "4px 8px",
+  borderRadius: 6,
+  border: "1px solid #ddd",
+  background: "#fff",
+  cursor: "pointer",
+  lineHeight: 1
+};
+function ModelProxyCard({ controller, catalog, t: tProp }) {
+  const t = tProp ?? ((k) => en[k]);
+  const snap = (0, import_react.useSyncExternalStore)(
+    (cb) => controller.subscribe(cb),
+    () => controller.getSnapshot(),
+    () => controller.getSnapshot()
+  );
+  const cat = (0, import_react.useSyncExternalStore)(
+    (0, import_react.useCallback)((cb) => catalog ? catalog.subscribe(cb) : () => void 0, [catalog]),
+    (0, import_react.useCallback)(() => catalog?.getSnapshot() ?? NO_CATALOG, [catalog]),
+    (0, import_react.useCallback)(() => catalog?.getSnapshot() ?? NO_CATALOG, [catalog])
+  );
+  const cfg = (0, import_react.useMemo)(() => {
+    return ensureRuleIds(
+      snap.value ?? {
+        enabled: true,
+        rules: [],
+        defaultProxy: "",
+        debug: false
+      }
+    );
+  }, [snap.value]);
+  const [draft, setDraft] = (0, import_react.useState)(cfg);
+  const [saving, setSaving] = (0, import_react.useState)(false);
+  const [msg, setMsg] = (0, import_react.useState)();
+  const dirty = (0, import_react.useMemo)(() => JSON.stringify(draft) !== JSON.stringify(cfg), [draft, cfg]);
+  (0, import_react.useEffect)(() => {
+    if (!dirty) setDraft(cfg);
+  }, [cfg]);
+  (0, import_react.useEffect)(() => {
+    if (!msg || msg !== t("saved")) return;
+    const timer = setTimeout(() => setMsg(void 0), 1500);
+    return () => clearTimeout(timer);
+  }, [msg]);
+  const defaultProxyError = (0, import_react.useMemo)(() => validateDefaultProxy(draft.defaultProxy), [draft.defaultProxy]);
+  const providerGroups = (0, import_react.useMemo)(() => {
+    const opts = cat.providers.map((p) => ({
+      value: p.provider,
+      label: p.displayName === p.provider ? p.provider : `${p.displayName} (${p.provider})${p.active ? "" : ` \xB7 ${t("dormant")}`}`
+    }));
+    if (!cat.providers.some((p) => p.configured !== void 0)) return [{ options: opts }];
+    const configured = [];
+    const directory = [];
+    for (let i = 0; i < cat.providers.length; i++) {
+      const p = cat.providers[i];
+      (p.configured === true ? configured : directory).push(opts[i]);
+    }
+    return [
+      ...configured.length > 0 ? [{ label: t("groupConfigured"), options: configured }] : [],
+      ...directory.length > 0 ? [{ label: t("groupDirectory"), options: directory }] : []
+    ];
+  }, [cat, t]);
+  const modelOptionsFor = (0, import_react.useCallback)(
+    (provider) => {
+      const models = cat.modelsByProvider[provider] ?? [];
+      if (models.length === 0) return [];
+      const wildcard = { value: "*", label: `* (${t("wildcardAll")})` };
+      return [
+        ...models.some((m) => m.id === "*") ? [] : [wildcard],
+        ...models.map((m) => ({ value: m.id, label: m.name && m.name !== m.id ? `${m.name} (${m.id})` : m.id }))
+      ];
+    },
+    [cat, t]
+  );
+  const catalogMissing = catalog !== void 0 && cat.status === "unavailable" && cat.providers.length === 0;
+  const onSave = (0, import_react.useCallback)(async () => {
+    for (const r of draft.rules) {
+      const err = validateRule(r, draft.rules);
+      if (err) {
+        setMsg(t("invalid"));
+        return;
+      }
+    }
+    if (defaultProxyError) {
+      setMsg(t("invalid"));
+      return;
+    }
+    setSaving(true);
+    setMsg(void 0);
+    try {
+      await controller.save(draft);
+      setMsg(t("saved"));
+    } catch (e) {
+      setMsg(String(e));
+    } finally {
+      setSaving(false);
+    }
+  }, [draft, controller, t, defaultProxyError]);
+  const setField = (0, import_react.useCallback)(
+    (patch) => setDraft((d) => ({ ...d, ...patch })),
+    []
+  );
+  const [creatorOpen, setCreatorOpen] = (0, import_react.useState)(false);
+  const [creator, setCreator] = (0, import_react.useState)(EMPTY_CREATOR);
+  const [creatorError, setCreatorError] = (0, import_react.useState)();
+  const setCreatorField = (0, import_react.useCallback)(
+    (patch) => setCreator((c) => ({ ...c, ...patch })),
+    []
+  );
+  const ruleExists = (0, import_react.useCallback)(
+    (provider, model) => draft.rules.some((r) => r.provider === provider && r.model === model),
+    [draft.rules]
+  );
+  const creatorModelCount = (0, import_react.useMemo)(() => {
+    if (creator.provider.trim() === "") return 0;
+    const custom = creator.customPattern.trim();
+    return creator.checked.length + (custom !== "" ? 1 : 0);
+  }, [creator]);
+  const createRules = (0, import_react.useCallback)(() => {
+    const models = [...creator.checked];
+    const custom = creator.customPattern.trim();
+    if (custom !== "") models.push(custom);
+    const newRules = buildCreatorRules({
+      provider: creator.provider,
+      models,
+      proxyUrl: creator.proxyUrl,
+      purpose: creator.purpose,
+      credentialRef: creator.credentialRef,
+      enabled: true
+    });
+    const combined = [...newRules, ...draft.rules];
+    for (const r of newRules) {
+      const err = validateRule(r, combined);
+      if (err) {
+        setCreatorError(err === "duplicate" ? t("duplicate") : err);
+        return;
+      }
+    }
+    setDraft((d) => ({ ...d, rules: [...newRules, ...d.rules] }));
+    setCreator(EMPTY_CREATOR);
+    setCreatorError(void 0);
+    setCreatorOpen(false);
+  }, [creator, draft.rules, t]);
+  const applyGroupProxy = (0, import_react.useCallback)((provider, url) => {
+    setDraft((d) => ({
+      ...d,
+      rules: d.rules.map((r) => r.provider === provider ? { ...r, proxyUrl: url } : r)
+    }));
+  }, []);
+  const setGroupEnabled = (0, import_react.useCallback)((provider, enabled) => {
+    setDraft((d) => ({
+      ...d,
+      rules: d.rules.map((r) => r.provider === provider ? { ...r, enabled } : r)
+    }));
+  }, []);
+  const removeGroup = (0, import_react.useCallback)((provider) => {
+    setDraft((d) => ({ ...d, rules: d.rules.filter((r) => r.provider !== provider) }));
+  }, []);
+  const updateRule = (0, import_react.useCallback)((id, patch) => {
+    setDraft((d) => ({
+      ...d,
+      rules: d.rules.map((r) => r.id === id ? { ...r, ...patch } : r)
+    }));
+  }, []);
+  const removeRule = (0, import_react.useCallback)((id) => {
+    setDraft((d) => ({ ...d, rules: d.rules.filter((r) => r.id !== id) }));
+  }, []);
+  if (snap.status === "loading") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: 12, opacity: 0.7 }, children: t("reading") });
+  if (snap.status === "unavailable") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: 12 }, children: t("unavailable") });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: 12, display: "flex", flexDirection: "column", gap: 12 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontWeight: 700, fontSize: 16 }, children: t("title") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { opacity: 0.7, fontSize: 12, marginTop: 4 }, children: t("desc") }),
+      !snap.writable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { color: "#a66", fontSize: 12, marginTop: 6 }, children: t("readOnly") }),
+      catalogMissing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { opacity: 0.6, fontSize: 12, marginTop: 6 }, children: t("catalogUnavailable") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: draft.enabled, onChange: (e) => setField({ enabled: e.target.checked }), disabled: !snap.writable }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("enabled") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: draft.debug, onChange: (e) => setField({ debug: e.target.checked }), disabled: !snap.writable }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("debug") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontWeight: 600 }, children: t("rules") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          onClick: () => {
+            setCreatorOpen((o) => !o);
+            setCreatorError(void 0);
+          },
+          disabled: !snap.writable,
+          style: { padding: "6px 10px", borderRadius: 6, border: "1px solid #ccc", background: "#fff", cursor: "pointer" },
+          children: [
+            "\uFF0B ",
+            t("addRule")
+          ]
+        }
+      )
+    ] }),
+    draft.rules.length === 0 && !creatorOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { opacity: 0.6, fontSize: 12 }, children: t("empty") }),
+    creatorOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { border: "1px solid #bbb", borderRadius: 10, padding: 12, display: "flex", flexDirection: "column", gap: 8 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontWeight: 600 }, children: t("creatorTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 8 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 11, opacity: 0.7 }, children: t("provider") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            CatalogField,
+            {
+              value: creator.provider,
+              groups: providerGroups,
+              onChange: (v) => setCreatorField({ provider: v }),
+              disabled: !snap.writable,
+              chooseLabel: t("choose"),
+              customLabel: t("customOption"),
+              listTitle: t("backToList"),
+              inputPlaceholder: t("providerPlaceholder")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 11, opacity: 0.7 }, children: t("proxyUrl") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              value: creator.proxyUrl,
+              placeholder: t("proxyPlaceholder"),
+              onChange: (e) => setCreatorField({ proxyUrl: e.target.value }),
+              style: { padding: "6px 8px", borderRadius: 6, border: "1px solid #ccc" },
+              disabled: !snap.writable
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 11, opacity: 0.7 }, children: t("creatorModels") }),
+        modelOptionsFor(creator.provider).length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { opacity: 0.6, fontSize: 12 }, children: t("noneCatalogued") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 4 }, children: modelOptionsFor(creator.provider).map((o) => {
+          const exists = ruleExists(creator.provider, o.value);
+          const checked = creator.checked.includes(o.value);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", gap: 6, alignItems: "center", opacity: exists ? 0.45 : 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "input",
+              {
+                type: "checkbox",
+                checked,
+                disabled: !snap.writable || exists,
+                onChange: () => setCreatorField({
+                  checked: checked ? creator.checked.filter((m) => m !== o.value) : [...creator.checked, o.value]
+                })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { fontSize: 12 }, children: [
+              o.label,
+              exists ? ` \xB7 ${t("alreadyRuled")}` : ""
+            ] })
+          ] }, o.value);
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            value: creator.customPattern,
+            placeholder: t("creatorPatternHint"),
+            onChange: (e) => setCreatorField({ customPattern: e.target.value }),
+            style: { padding: "6px 8px", borderRadius: 6, border: "1px solid #ccc" },
+            disabled: !snap.writable
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 8 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 11, opacity: 0.7 }, children: t("purpose") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              value: creator.purpose,
+              placeholder: t("purposePlaceholder"),
+              onChange: (e) => setCreatorField({ purpose: e.target.value }),
+              style: { padding: "6px 8px", borderRadius: 6, border: "1px solid #ccc" },
+              disabled: !snap.writable
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 11, opacity: 0.7 }, children: t("credRef") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              value: creator.credentialRef,
+              placeholder: t("credRefPlaceholder"),
+              onChange: (e) => setCreatorField({ credentialRef: e.target.value }),
+              style: { padding: "6px 8px", borderRadius: 6, border: "1px solid #ccc" },
+              disabled: !snap.writable
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", justifyContent: "flex-end", gap: 8, alignItems: "center" }, children: [
+        creatorError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#b33", fontSize: 11 }, children: creatorError }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            onClick: () => {
+              setCreatorOpen(false);
+              setCreator(EMPTY_CREATOR);
+              setCreatorError(void 0);
+            },
+            style: smallButtonStyle,
+            children: t("cancel")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            onClick: createRules,
+            disabled: !snap.writable || creator.provider.trim() === "" || creatorModelCount === 0,
+            style: {
+              ...smallButtonStyle,
+              borderColor: "#222",
+              background: creatorModelCount > 0 ? "#222" : "#999",
+              color: "#fff",
+              cursor: creatorModelCount > 0 ? "pointer" : "not-allowed"
+            },
+            children: t("createN").replace("{n}", String(creatorModelCount))
+          }
+        )
+      ] })
+    ] }),
+    groupByProvider(draft.rules).map((group) => {
+      const allEnabled = group.rules.every((r) => r.enabled);
+      const entry = cat.providers.find((p) => p.provider === group.provider);
+      const displayName = entry?.displayName !== void 0 && entry.displayName !== group.provider ? `${entry.displayName}` : group.provider;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { border: "1px solid #e8e8e8", borderRadius: 10, padding: 10, display: "flex", flexDirection: "column", gap: 8 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          GroupHeader,
+          {
+            provider: group.provider,
+            displayName,
+            count: group.rules.length,
+            allEnabled,
+            disabled: !snap.writable,
+            t,
+            onApplyProxy: (url) => applyGroupProxy(group.provider, url),
+            onSetEnabled: (enabled) => setGroupEnabled(group.provider, enabled),
+            onDelete: () => removeGroup(group.provider)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: group.rules.map((raw) => {
+          const r = raw;
+          const err = validateRule(r, draft.rules);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              style: {
+                border: `1px solid ${err ? "#d66" : "#ddd"}`,
+                borderRadius: 8,
+                padding: 8,
+                display: "grid",
+                gridTemplateColumns: "1fr 1fr",
+                gap: 8,
+                background: r.enabled ? "#fff" : "#f7f7f7"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 11, opacity: 0.7 }, children: t("model") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    CatalogField,
+                    {
+                      value: r.model,
+                      groups: [{ options: modelOptionsFor(r.provider) }],
+                      onChange: (v) => updateRule(r.id, { model: v }),
+                      disabled: !snap.writable,
+                      chooseLabel: t("choose"),
+                      customLabel: t("customOption"),
+                      listTitle: t("backToList"),
+                      inputPlaceholder: t("modelPlaceholder")
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 11, opacity: 0.7 }, children: t("proxyUrl") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "input",
+                    {
+                      value: r.proxyUrl,
+                      placeholder: t("proxyPlaceholder"),
+                      onChange: (e) => updateRule(r.id, { proxyUrl: e.target.value }),
+                      style: { padding: "6px 8px", borderRadius: 6, border: "1px solid #ccc" },
+                      disabled: !snap.writable
+                    }
+                  ),
+                  err && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#b33", fontSize: 11 }, children: err === "duplicate" ? t("duplicate") : err })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 11, opacity: 0.7 }, children: t("purpose") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "input",
+                    {
+                      value: r.purpose ?? "",
+                      placeholder: t("purposePlaceholder"),
+                      onChange: (e) => updateRule(r.id, { purpose: e.target.value }),
+                      style: { padding: "6px 8px", borderRadius: 6, border: "1px solid #ccc" },
+                      disabled: !snap.writable
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 11, opacity: 0.7 }, children: t("credRef") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "input",
+                    {
+                      value: r.credentialRef ?? "",
+                      placeholder: t("credRefPlaceholder"),
+                      onChange: (e) => updateRule(r.id, { credentialRef: e.target.value }),
+                      style: { padding: "6px 8px", borderRadius: 6, border: "1px solid #ccc" },
+                      disabled: !snap.writable
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", checked: r.enabled, onChange: (e) => updateRule(r.id, { enabled: e.target.checked }), disabled: !snap.writable }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 12 }, children: t("enabledShort") })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", justifyContent: "flex-end", gap: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "button",
+                  {
+                    onClick: () => removeRule(r.id),
+                    disabled: !snap.writable,
+                    style: { padding: "4px 8px", borderRadius: 6, border: "1px solid #ddd", background: "#fff", cursor: "pointer" },
+                    children: t("delete")
+                  }
+                ) })
+              ]
+            },
+            r.id
+          );
+        }) })
+      ] }, group.provider);
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 12, fontWeight: 600 }, children: t("defaultProxy") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          value: draft.defaultProxy,
+          placeholder: t("defaultPlaceholder"),
+          onChange: (e) => setField({ defaultProxy: e.target.value }),
+          style: { padding: "6px 8px", borderRadius: 6, border: `1px solid ${defaultProxyError ? "#d66" : "#ccc"}` },
+          disabled: !snap.writable
+        }
+      ),
+      defaultProxyError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#b33", fontSize: 11 }, children: defaultProxyError })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          onClick: onSave,
+          disabled: !snap.writable || !dirty || saving,
+          style: {
+            padding: "8px 14px",
+            borderRadius: 8,
+            border: "1px solid #222",
+            background: dirty ? "#222" : "#999",
+            color: "#fff",
+            cursor: dirty ? "pointer" : "not-allowed"
+          },
+          children: saving ? t("saving") : t("save")
+        }
+      ),
+      msg && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 12, opacity: 0.8 }, children: msg })
+    ] })
+  ] });
+}
+
+// src/client/index.ts
+var inject = ["slots", "locale", "connection", "remote", "settingsScope"];
+function apply(ctx) {
+  const t = ctx.locale.bind("settings.modelProxy");
+  ctx.effect(() => ctx.locale.register("settings.modelProxy", { en, zh }), "model-proxy: locale");
+  const scope = ctx.settingsScope.bind({ namespace: "model-proxy" });
+  const ctrl = new ModelProxyController(scope);
+  ctx.effect(() => {
+    ctrl.bind();
+    return () => ctrl.dispose();
+  }, "model-proxy: scope bind");
+  const cctx = ctx;
+  const catalog = new ProviderCatalogStore(
+    cctx.connection.api,
+    cctx.remote
+  );
+  ctx.effect(() => {
+    catalog.bind();
+    return () => catalog.dispose();
+  }, "model-proxy: catalog");
+  ctx.slots.inject(
+    "settings.plugin.item",
+    () => ctx.slots.register(
+      {
+        name: "settings.plugin.item",
+        key: "model-proxy",
+        locale: "settings.modelProxy",
+        inject: () => ({ controller: ctrl, catalog })
+      },
+      ModelProxyCard
+    )
+  );
+}
+
+return module.exports; } });
+//# sourceMappingURL=client.js.map