dsh-opencode-go 0.1.7 → 0.1.8

package/lib/client.js

@@ -38,9 +38,61 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/client/Section.tsx
+var import_react2 = require("react");
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+var primitives = __toESM(require("@deepseek-ai/dsh-client-ui-primitives"), 1);
+
+// src/client/ModelEditor.tsx
 var import_react = require("react");
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
-var primitives = __toESM(require("@deepseek-ai/dsh-client-ui-primitives"), 1);
+
+// src/models-contract.ts
+function validReleaseDate(value) {
+  return typeof value === "string" && /^\d{4}-\d{2}-\d{2}$/.test(value) && Number.isFinite(Date.parse(value)) && new Date(value).toISOString().slice(0, 10) === value;
+}
+function isNewModel(model, now = Date.now()) {
+  if (model.deprecated || !validReleaseDate(model.releaseDate)) return false;
+  const days = Math.floor(now / 864e5) - Date.parse(model.releaseDate) / 864e5;
+  return days >= 0 && days < 7;
+}
+function sortModels(models, now = Date.now()) {
+  const rank = (model) => model.deprecated ? 2 : isNewModel(model, now) ? 0 : 1;
+  return [...models].sort((a, b) => rank(a) - rank(b) || (isNewModel(a, now) && isNewModel(b, now) ? b.releaseDate.localeCompare(a.releaseDate) : 0));
+}
+function parseGoModels(value) {
+  if (!Array.isArray(value)) throw new Error("Invalid OpenCode Go model list");
+  return value.map((entry) => {
+    if (!entry || typeof entry !== "object") throw new Error("Invalid OpenCode Go model");
+    const row = entry;
+    if (typeof row.id !== "string" || !row.id) throw new Error("Missing OpenCode Go model id");
+    const model = { id: row.id };
+    if (typeof row.name === "string") model.name = row.name;
+    for (const key of ["contextWindow", "maxTokens"]) {
+      if (typeof row[key] === "number" && Number.isSafeInteger(row[key]) && row[key] > 0) model[key] = row[key];
+    }
+    if (typeof row.deprecated === "boolean") model.deprecated = row.deprecated;
+    if (validReleaseDate(row.releaseDate)) model.releaseDate = row.releaseDate;
+    return model;
+  });
+}
+var codec = {
+  mode: "strict",
+  typeSymbol: "dsh-opencode-go#GoModels",
+  schema: { parse: parseGoModels },
+  create: () => ({ parse: parseGoModels })
+};
+var modelsRemote = {
+  package: "dsh-opencode-go",
+  descriptors: [{
+    id: "dsh-opencode-go#opencodeGoModels/read",
+    service: "opencodeGoModels",
+    namespace: "opencodeGoModels",
+    method: "read",
+    invocation: { kind: "direct" },
+    parameters: [],
+    result: codec
+  }]
+};
 
 // plugin-css:/Users/tanglei/Desktop/dsh-opencode-go/src/client/Section.module.css
 var id = "dsh-opencode-go/Section.module.css";
@@ -48,22 +100,190 @@ if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id) + "]")
   const style = document.createElement("style");
   style.dataset.plugin = "dsh-opencode-go";
   style.dataset.pluginCss = id;
-  style.textContent = ".BtKYva_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.BtKYva_field+.BtKYva_field{border-top:.5px solid var(--dsw-alias-border-l2)}.BtKYva_head{align-items:center;gap:8px;display:flex}.BtKYva_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.BtKYva_badges{align-items:center;gap:8px;display:inline-flex}.BtKYva_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.BtKYva_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.BtKYva_reset:disabled{cursor:default}.BtKYva_reset:focus-visible,.BtKYva_disclosure:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}.BtKYva_input{border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.BtKYva_input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px;border-color:var(--dsw-alias-brand-primary)}.BtKYva_input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.BtKYva_inputInvalid{border-color:var(--dsw-alias-label-error);}.BtKYva_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.BtKYva_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.BtKYva_intro{color:var(--dsw-alias-label-secondary);margin:0 0 8px;font-size:13px;line-height:1.5}.BtKYva_disclosure{font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin:0;padding:0;display:flex}.BtKYva_disclosure:hover .BtKYva_label{color:var(--dsw-alias-brand-primary)}.BtKYva_chevron,.BtKYva_chevronOpen{width:14px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none}.BtKYva_chevron{transform:rotate(-90deg)}.BtKYva_advanced{flex-direction:column;gap:4px;padding:4px 0 0 22px;display:flex}.BtKYva_advanced .BtKYva_field+.BtKYva_field{border-top:none}.BtKYva_chips{flex-wrap:wrap;gap:6px;display:flex}.BtKYva_limitsEditor{flex-direction:column;gap:10px;padding-top:4px;display:flex}.BtKYva_limitsToolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 10px;display:grid}.BtKYva_limitsFilterLabel{color:var(--dsw-alias-label-secondary);grid-column:1/-1;font-size:12px;font-weight:500;line-height:1.5}.BtKYva_limitsSummary{color:var(--dsw-alias-label-tertiary);white-space:nowrap;padding-bottom:8px;font-size:12px;line-height:1.5}.BtKYva_limitsScroll{overscroll-behavior-x:contain;border:.5px solid var(--dsw-alias-border-l4);border-radius:10px;overflow-x:auto}.BtKYva_limitsTable{border-collapse:collapse;table-layout:fixed;width:100%;min-width:620px}.BtKYva_limitsTable th,.BtKYva_limitsTable td{text-align:left;vertical-align:middle;padding:10px}.BtKYva_limitsTable thead th{letter-spacing:.02em;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-3);font-size:11px;font-weight:600}.BtKYva_limitsTable thead th:first-child{width:44%}.BtKYva_limitsTable thead th:nth-child(2),.BtKYva_limitsTable thead th:nth-child(3){width:22%}.BtKYva_limitsTable thead th:last-child{width:12%}.BtKYva_limitsTable tbody tr+tr{border-top:.5px solid var(--dsw-alias-border-l2)}.BtKYva_limitsTable tbody tr:hover{background:var(--dsw-alias-bg-layer-3)}.BtKYva_limitsTable .BtKYva_input{box-sizing:border-box;width:100%;min-width:112px}.BtKYva_limitsName{min-width:0;font-weight:400}.BtKYva_limitsId,.BtKYva_limitsModelId{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.BtKYva_limitsId{color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.4}.BtKYva_limitsModelId{color:var(--dsw-alias-label-tertiary);margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4}.BtKYva_visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){.BtKYva_limitsToolbar{grid-template-columns:1fr}.BtKYva_limitsSummary{padding-bottom:0}}.BtKYva_actions{align-items:center;gap:8px;padding-top:12px;display:flex}.BtKYva_failedNote{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}";
+  style.textContent = '.BtKYva_page{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;container-type:size}.BtKYva_pageBody{scrollbar-gutter:stable;flex:1;min-height:0;padding-right:4px;overflow-y:auto}.BtKYva_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.BtKYva_field+.BtKYva_field{border-top:.5px solid var(--dsw-alias-border-l2)}.BtKYva_head{align-items:center;gap:8px;display:flex}.BtKYva_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.BtKYva_badges{align-items:center;gap:8px;display:inline-flex}.BtKYva_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.BtKYva_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.BtKYva_reset:disabled{cursor:default}.BtKYva_reset:focus-visible,.BtKYva_disclosure:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}.BtKYva_input{border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.BtKYva_input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px;border-color:var(--dsw-alias-brand-primary)}.BtKYva_input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.BtKYva_inputInvalid{border-color:var(--dsw-alias-label-error);}.BtKYva_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.BtKYva_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.BtKYva_intro{color:var(--dsw-alias-label-secondary);margin:0 0 8px;font-size:13px;line-height:1.5}.BtKYva_disclosure{font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin:0;padding:0;display:flex}.BtKYva_disclosure:hover .BtKYva_label{color:var(--dsw-alias-brand-primary)}.BtKYva_chevron,.BtKYva_chevronOpen{width:14px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none}.BtKYva_chevron{transform:rotate(-90deg)}.BtKYva_advanced{flex-direction:column;gap:4px;padding:4px 0 0 22px;display:flex}.BtKYva_advanced .BtKYva_field+.BtKYva_field{border-top:none}.BtKYva_chips{flex-wrap:wrap;gap:6px;display:flex}.BtKYva_limitsEditor{flex-direction:column;gap:10px;padding-top:4px;display:flex}.BtKYva_limitsToolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 10px;display:grid}.BtKYva_limitsFilterLabel{color:var(--dsw-alias-label-secondary);grid-column:1/-1;font-size:12px;font-weight:500;line-height:1.5}.BtKYva_limitsSummary{color:var(--dsw-alias-label-tertiary);white-space:nowrap;padding-bottom:8px;font-size:12px;line-height:1.5}.BtKYva_limitsId,.BtKYva_limitsModelId{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.BtKYva_limitsId{color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.4}.BtKYva_limitsModelId{color:var(--dsw-alias-label-tertiary);margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4}.BtKYva_visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){.BtKYva_limitsToolbar{grid-template-columns:1fr}.BtKYva_limitsSummary{padding-bottom:0}}.BtKYva_actions{border-top:.5px solid var(--dsw-alias-border-l2);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:12px 0;display:flex}.BtKYva_failedNote{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.BtKYva_pageTop{align-items:flex-start;gap:16px;display:flex}.BtKYva_pageTop .BtKYva_intro{flex:1}.BtKYva_advancedTrigger{flex-shrink:0;margin-left:auto;}.BtKYva_advancedTrigger .BtKYva_label{color:var(--dsw-alias-label-tertiary);font-size:12px}.BtKYva_filters{flex-wrap:wrap;gap:6px;display:flex}.BtKYva_filter{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 9px;font-size:12px}.BtKYva_filter[aria-pressed=true]{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3)}.BtKYva_filter span{color:var(--dsw-alias-label-tertiary);margin-left:4px}.BtKYva_modelLayout{border:.5px solid var(--dsw-alias-border-l4);border-radius:10px;grid-template-columns:minmax(0,43fr) minmax(0,57fr);height:clamp(240px,100cqh - 460px,480px);display:grid;overflow:hidden}.BtKYva_modelList{border-right:.5px solid var(--dsw-alias-border-l2);min-height:0;padding:6px;overflow-y:auto}.BtKYva_modelChoice{text-align:left;width:100%;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:12px 9px;display:block}.BtKYva_modelChoice[aria-pressed=true],.BtKYva_modelChoice:hover{background:var(--dsw-alias-bg-layer-3)}.BtKYva_modelName{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:5px;font-size:13px;display:flex}.BtKYva_modelDetails{flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:18px;display:flex;overflow-y:auto}.BtKYva_modelDetails h3{overflow-wrap:anywhere;margin:0;font-size:16px}.BtKYva_modelHeading{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.BtKYva_modelDetails .BtKYva_field{border:0;padding:8px 0}.BtKYva_modelDetails .BtKYva_input{box-sizing:border-box;width:100%;min-width:0}.BtKYva_modelDetails .BtKYva_reset{align-self:flex-start}.BtKYva_newBadge{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:.5px solid var(--dsw-alias-border-l4);border-radius:4px;padding:2px 4px;font-size:9px}.BtKYva_releaseDate{color:var(--dsw-alias-label-tertiary);margin-top:4px;font-size:10px;display:block}.BtKYva_modelChoice:focus-visible,.BtKYva_filter:focus-visible,.BtKYva_advancedTrigger:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}@container (width<=440px){.BtKYva_pageTop{flex-wrap:wrap}.BtKYva_modelLayout{grid-template-columns:minmax(0,1fr);height:auto}.BtKYva_modelList{border-right:0;border-bottom:.5px solid var(--dsw-alias-border-l2);max-height:240px}.BtKYva_modelDetails{max-height:460px}}.BtKYva_keySection{border-top:.5px solid var(--dsw-alias-border-l2);padding:12px 0}.BtKYva_keySection summary{cursor:pointer;list-style:none}.BtKYva_keySection summary:after{content:"\u2304";color:var(--dsw-alias-label-tertiary)}.BtKYva_keySection summary::-webkit-details-marker{display:none}.BtKYva_keySection>.BtKYva_input{box-sizing:border-box;width:100%;margin:10px 0 6px}.BtKYva_keySection summary:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}';
   document.head.appendChild(style);
 }
-var Section_default = { "limitsModelId": "BtKYva_limitsModelId", "advanced": "BtKYva_advanced", "input": "BtKYva_input", "limitsEditor": "BtKYva_limitsEditor", "hint": "BtKYva_hint", "limitsFilterLabel": "BtKYva_limitsFilterLabel", "disclosure": "BtKYva_disclosure", "chevron": "BtKYva_chevron", "actions": "BtKYva_actions", "inputInvalid": "BtKYva_inputInvalid", "intro": "BtKYva_intro", "limitsTable": "BtKYva_limitsTable", "limitsId": "BtKYva_limitsId", "failedNote": "BtKYva_failedNote", "label": "BtKYva_label", "reset": "BtKYva_reset", "invalid": "BtKYva_invalid", "limitsName": "BtKYva_limitsName", "visuallyHidden": "BtKYva_visuallyHidden", "head": "BtKYva_head", "field": "BtKYva_field", "chevronOpen": "BtKYva_chevronOpen", "chips": "BtKYva_chips", "limitsToolbar": "BtKYva_limitsToolbar", "limitsSummary": "BtKYva_limitsSummary", "limitsScroll": "BtKYva_limitsScroll", "badges": "BtKYva_badges" };
+var Section_default = { "modelName": "BtKYva_modelName", "modelDetails": "BtKYva_modelDetails", "advanced": "BtKYva_advanced", "limitsEditor": "BtKYva_limitsEditor", "head": "BtKYva_head", "failedNote": "BtKYva_failedNote", "hint": "BtKYva_hint", "actions": "BtKYva_actions", "limitsFilterLabel": "BtKYva_limitsFilterLabel", "limitsId": "BtKYva_limitsId", "limitsToolbar": "BtKYva_limitsToolbar", "modelChoice": "BtKYva_modelChoice", "disclosure": "BtKYva_disclosure", "chevron": "BtKYva_chevron", "chevronOpen": "BtKYva_chevronOpen", "input": "BtKYva_input", "modelHeading": "BtKYva_modelHeading", "filter": "BtKYva_filter", "inputInvalid": "BtKYva_inputInvalid BtKYva_input", "page": "BtKYva_page", "label": "BtKYva_label", "reset": "BtKYva_reset", "badges": "BtKYva_badges", "advancedTrigger": "BtKYva_advancedTrigger BtKYva_disclosure", "visuallyHidden": "BtKYva_visuallyHidden", "keySection": "BtKYva_keySection", "limitsSummary": "BtKYva_limitsSummary", "invalid": "BtKYva_invalid", "field": "BtKYva_field", "pageTop": "BtKYva_pageTop", "modelLayout": "BtKYva_modelLayout", "newBadge": "BtKYva_newBadge", "filters": "BtKYva_filters", "releaseDate": "BtKYva_releaseDate", "chips": "BtKYva_chips", "limitsModelId": "BtKYva_limitsModelId", "pageBody": "BtKYva_pageBody", "modelList": "BtKYva_modelList", "intro": "BtKYva_intro" };
 
-// src/client/Section.tsx
+// src/client/ModelEditor.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+function hasCapacityOverride(limit) {
+  return limit?.contextWindow != null || limit?.maxTokens != null;
+}
+function ModelEditor({ models, draft, t, disabled, onEdit }) {
+  const [query, setQuery] = (0, import_react.useState)("");
+  const [filter, setFilter] = (0, import_react.useState)("all");
+  const [selected, setSelected] = (0, import_react.useState)();
+  const [now, setNow] = (0, import_react.useState)(Date.now);
+  (0, import_react.useEffect)(() => {
+    const timer = setInterval(() => {
+      setNow(Date.now());
+    }, 6e4);
+    return () => {
+      clearInterval(timer);
+    };
+  }, []);
+  const all = sortModels(models.status === "ready" ? models.entries : [], now);
+  const normalized = query.trim().toLocaleLowerCase();
+  const entries = all.filter((model2) => `${model2.name ?? ""} ${model2.id}`.toLocaleLowerCase().includes(normalized) && (filter === "all" || filter === "new" && isNewModel(model2, now) || filter === "custom" && hasCapacityOverride(draft[model2.id]) || filter === "deprecated" && model2.deprecated));
+  const model = entries.find((entry) => entry.id === selected) ?? entries[0];
+  const customized = all.filter((entry) => hasCapacityOverride(draft[entry.id])).length;
+  const filters = [
+    ["all", "filterAll", all.length],
+    ["new", "filterNew", all.filter((entry) => isNewModel(entry, now)).length],
+    ["custom", "filterCustom", customized],
+    ["deprecated", "filterDeprecated", all.filter((entry) => entry.deprecated).length]
+  ];
+  const write = (id3, field, value) => {
+    const current = draft[id3] === null ? { contextWindow: null, maxTokens: null } : draft[id3] ?? {};
+    onEdit({ ...draft, [id3]: { ...current, [field]: value ?? null } });
+  };
+  const badges = (entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    isNewModel(entry, now) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Section_default.newBadge, title: t("newHint"), children: "NEW" }) : null,
+    entry.deprecated ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "warning", children: t("deprecatedBadge") }) : null
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.limitsEditor, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: Section_default.visuallyHidden, htmlFor: "opencode-go-model-filter", children: t("limitsFilterLabel") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        id: "opencode-go-model-filter",
+        className: Section_default.input,
+        type: "search",
+        autoComplete: "off",
+        placeholder: t("limitsFilterPlaceholder"),
+        value: query,
+        onChange: (event) => {
+          setQuery(event.target.value);
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: Section_default.filters, role: "group", "aria-label": t("filterLabel"), children: filters.map(([key, label, count]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: Section_default.filter,
+        "aria-pressed": filter === key,
+        onClick: () => {
+          setFilter(key);
+        },
+        children: [
+          t(label),
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: count })
+        ]
+      },
+      key
+    )) }),
+    model ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.modelLayout, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: Section_default.modelList, "aria-label": t("modelsLabel"), children: entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: Section_default.modelChoice,
+          "aria-pressed": entry.id === model.id,
+          onClick: () => {
+            setSelected(entry.id);
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: Section_default.modelName, children: [
+              entry.name ?? entry.id,
+              " ",
+              badges(entry)
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: Section_default.limitsModelId, translate: "no", children: entry.id }),
+            isNewModel(entry, now) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Section_default.releaseDate, children: t("releasedOn", { date: entry.releaseDate }) }) : null
+          ]
+        },
+        entry.id
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: Section_default.modelDetails, "aria-label": t("modelDetails"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.modelHeading, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: model.name ?? model.id }),
+          badges(model)
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: Section_default.limitsModelId, translate: "no", children: model.id }),
+        model.deprecated ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: t("deprecatedHint") }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Capacity, { model, field: "contextWindow", limit: draft[model.id], t, disabled, onChange: write }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Capacity, { model, field: "maxTokens", limit: draft[model.id], t, disabled, onChange: write }),
+        hasCapacityOverride(draft[model.id]) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: Section_default.reset,
+            disabled,
+            onClick: () => {
+              onEdit({ ...draft, [model.id]: null });
+            },
+            children: t("limitsResetModel")
+          }
+        ) : null,
+        model.releaseDate ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: t("releaseSource", { date: model.releaseDate }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: t("limitsHint") })
+      ] })
+    ] }) : models.status === "ready" && all.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: t("limitsNoMatches", { query }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.head, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Section_default.limitsSummary, children: t("limitsSummary", { count: customized }) }),
+      Object.values(draft).some(hasCapacityOverride) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          className: Section_default.reset,
+          disabled,
+          onClick: () => {
+            onEdit(Object.fromEntries(Object.keys(draft).map((id3) => [id3, null])));
+          },
+          children: t("limitsResetAll")
+        }
+      ) : null
+    ] })
+  ] });
+}
+function Capacity({ model, field, limit, disabled, t, onChange }) {
+  const id3 = `opencode-go-${field}-${encodeURIComponent(model.id)}`;
+  const defaultValue = model[field];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.field, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: Section_default.label, htmlFor: id3, children: t(field === "contextWindow" ? "limitsContext" : "limitsOutput") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        id: id3,
+        className: Section_default.input,
+        type: "number",
+        min: 1,
+        step: 1,
+        inputMode: "numeric",
+        "aria-label": t(field === "contextWindow" ? "limitsContextLabel" : "limitsOutputLabel", { name: model.name ?? model.id }),
+        "aria-describedby": `${id3}-default`,
+        value: limit?.[field] ?? "",
+        placeholder: defaultValue === void 0 ? t("capacityMissing") : String(defaultValue),
+        disabled,
+        onChange: (event) => {
+          const text = event.target.value.trim();
+          const value = Number(text);
+          if (text === "") onChange(model.id, field, void 0);
+          else if (Number.isSafeInteger(value) && value > 0) onChange(model.id, field, value);
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { id: `${id3}-default`, className: Section_default.hint, children: [
+      t("capacityDefault", { value: defaultValue === void 0 ? t("capacityMissing") : defaultValue.toLocaleString("en-US") }),
+      limit?.[field] != null ? ` \xB7 ${t("overridden")}` : ""
+    ] })
+  ] });
+}
+
+// src/client/Section.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var ChevronDown = primitives.IconChevronDownOutlineRegular ?? primitives.IconChevronDownOutline14;
 function ValueField(props) {
   const hintId = `${props.id}-hint`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.field, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.head, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: Section_default.label, htmlFor: props.id, children: props.label }),
-      props.field.overridden ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: Section_default.badges, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "neutral", children: props.overriddenLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.field, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.head, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: Section_default.label, htmlFor: props.id, children: props.label }),
+      props.field.overridden ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: Section_default.badges, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Tag, { tone: "neutral", children: props.overriddenLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "button",
           {
             type: "button",
@@ -75,7 +295,7 @@ function ValueField(props) {
         )
       ] }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "input",
       {
         id: props.id,
@@ -93,176 +313,24 @@ function ValueField(props) {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: hintId, className: props.field.invalid ? Section_default.invalid : Section_default.hint, children: props.field.invalid ? props.invalidLabel : props.hint })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { id: hintId, className: props.field.invalid ? Section_default.invalid : Section_default.hint, children: props.field.invalid ? props.invalidLabel : props.hint })
   ] });
 }
 function ModelsBody({ models, t }) {
   if (models.status === "failed") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.failedNote, role: "alert", children: t("modelsFailed") }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: models.message })
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.failedNote, role: "alert", children: t("modelsFailed") }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: models.message })
     ] });
   }
-  if (models.status !== "ready") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, role: "status", "aria-live": "polite", children: t("modelsLoading") });
-  if (models.count === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: t("modelsEmpty") });
+  if (models.status !== "ready") return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, role: "status", "aria-live": "polite", children: t("modelsLoading") });
+  if (models.count === 0) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: t("modelsEmpty") });
   return null;
 }
-function LimitsTable({ models, draft, t, disabled, onEdit }) {
-  const [query, setQuery] = (0, import_react.useState)("");
-  const known = new Map((models.status === "ready" ? models.entries : []).map((model) => [model.id, model]));
-  for (const [id3, limit] of Object.entries(draft)) {
-    if (hasCapacityOverride(limit) && !known.has(id3)) known.set(id3, { id: id3 });
-  }
-  if (known.size === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: t("limitsEmpty") });
-  const normalizedQuery = query.trim().toLocaleLowerCase();
-  const entries = [...known.values()].filter((model) => {
-    if (normalizedQuery === "") return true;
-    return `${model.name ?? ""} ${model.id}`.toLocaleLowerCase().includes(normalizedQuery);
-  });
-  const customizedCount = Object.values(draft).filter(hasCapacityOverride).length;
-  const write = (id3, field, value) => {
-    const current = draft[id3] === null ? { contextWindow: null, maxTokens: null } : draft[id3] ?? {};
-    const merged = { ...current };
-    merged[field] = value ?? null;
-    const next = { ...draft, [id3]: merged };
-    onEdit(next);
-  };
-  const clearModel = (id3) => {
-    const next = { ...draft };
-    next[id3] = null;
-    onEdit(next);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.limitsEditor, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.limitsToolbar, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: Section_default.limitsFilterLabel, htmlFor: "opencode-go-model-filter", children: t("limitsFilterLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "input",
-        {
-          id: "opencode-go-model-filter",
-          className: Section_default.input,
-          type: "search",
-          name: "model-filter",
-          autoComplete: "off",
-          spellCheck: false,
-          placeholder: t("limitsFilterPlaceholder"),
-          value: query,
-          onChange: (event) => {
-            setQuery(event.target.value);
-          }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Section_default.limitsSummary, role: "status", "aria-live": "polite", children: t("limitsSummary", { count: customizedCount }) })
-    ] }),
-    entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: t("limitsNoMatches", { query }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: Section_default.limitsScroll, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { className: Section_default.limitsTable, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("caption", { className: Section_default.visuallyHidden, children: t("limitsLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { scope: "col", children: t("limitsModel") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { scope: "col", children: t("limitsContext") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { scope: "col", children: t("limitsOutput") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Section_default.visuallyHidden, children: t("limitsResetModel") }) })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: entries.map((model) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        LimitRow,
-        {
-          model,
-          limit: draft[model.id],
-          disabled,
-          t,
-          onChange: write,
-          onReset: clearModel
-        },
-        model.id
-      )) })
-    ] }) }),
-    customizedCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: Section_default.reset, disabled, onClick: () => {
-      onEdit(Object.fromEntries(Object.keys(draft).map((id3) => [id3, null])));
-    }, children: t("limitsResetAll") }) : null
-  ] });
-}
-function LimitRow({ model, limit, disabled, t, onChange, onReset }) {
-  const name = model.name ?? model.id;
-  const contextId = `opencode-go-context-${inputKey(model.id)}`;
-  const outputId = `opencode-go-output-${inputKey(model.id)}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("th", { scope: "row", className: Section_default.limitsName, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Section_default.limitsId, translate: "no", children: name }),
-      model.name !== void 0 && model.name !== model.id ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: Section_default.limitsModelId, translate: "no", children: model.id }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Section_default.hint, children: t("limitsAdvertised", { context: capacityLabel(model.contextWindow), output: capacityLabel(model.maxTokens) }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: Section_default.visuallyHidden, htmlFor: contextId, children: t("limitsContextLabel", { name }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "input",
-        {
-          id: contextId,
-          className: Section_default.input,
-          type: "number",
-          name: contextId,
-          autoComplete: "off",
-          inputMode: "numeric",
-          min: 1,
-          step: 1,
-          value: limit?.contextWindow ?? "",
-          disabled,
-          onChange: (event) => {
-            const text = event.target.value.trim();
-            if (text === "") onChange(model.id, "contextWindow", void 0);
-            else {
-              const value = positiveInteger(text);
-              if (value !== void 0) onChange(model.id, "contextWindow", value);
-            }
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: Section_default.visuallyHidden, htmlFor: outputId, children: t("limitsOutputLabel", { name }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "input",
-        {
-          id: outputId,
-          className: Section_default.input,
-          type: "number",
-          name: outputId,
-          autoComplete: "off",
-          inputMode: "numeric",
-          min: 1,
-          step: 1,
-          value: limit?.maxTokens ?? "",
-          disabled,
-          onChange: (event) => {
-            const text = event.target.value.trim();
-            if (text === "") onChange(model.id, "maxTokens", void 0);
-            else {
-              const value = positiveInteger(text);
-              if (value !== void 0) onChange(model.id, "maxTokens", value);
-            }
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: hasCapacityOverride(limit) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: Section_default.reset, disabled, onClick: () => {
-      onReset(model.id);
-    }, children: t("limitsResetModel") }) : null })
-  ] });
-}
-function hasCapacityOverride(limit) {
-  return limit?.contextWindow != null || limit?.maxTokens != null;
-}
-function positiveInteger(value) {
-  const parsed = Number(value);
-  return Number.isSafeInteger(parsed) && parsed > 0 ? parsed : void 0;
-}
-function capacityLabel(value) {
-  return value === void 0 ? "\u2014" : String(value);
-}
-function inputKey(value) {
-  return encodeURIComponent(value);
-}
 function OpencodeGoSection(props) {
-  const { useOpencodeGo, edit, resetField, save, discard, loadModels, setEnabled, t } = props;
-  if (useOpencodeGo === void 0 || edit === void 0 || resetField === void 0 || save === void 0 || discard === void 0 || loadModels === void 0 || setEnabled === void 0 || t === void 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  const { useOpencodeGo, edit, resetField, save, discard, loadModels, setEnabled, setShowDeprecatedModels, t } = props;
+  if (useOpencodeGo === void 0 || edit === void 0 || resetField === void 0 || save === void 0 || discard === void 0 || loadModels === void 0 || setEnabled === void 0 || setShowDeprecatedModels === void 0 || t === void 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     Loaded,
     {
       state: useOpencodeGo((snapshot) => snapshot),
@@ -272,19 +340,19 @@ function OpencodeGoSection(props) {
       save,
       discard,
       loadModels,
-      setEnabled
+      setEnabled,
+      setShowDeprecatedModels
     }
   );
 }
 function Loaded(props) {
   const { t, state, loadModels } = props;
-  const [advanced, setAdvanced] = (0, import_react.useState)(false);
-  const [limitsOpen, setLimitsOpen] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
+  const [advanced, setAdvanced] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(() => {
     if (state.available && state.models.status === "idle") loadModels();
   }, [state.available, state.models.status, loadModels]);
   if (!state.available) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.intro, children: t("unavailable") });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.intro, children: t("unavailable") });
   }
   const disabled = !state.writable;
   const fieldProps = {
@@ -294,119 +362,31 @@ function Loaded(props) {
     disabled
   };
   const advancedOverridden = state.apiKeyEnv.overridden || state.baseURL.overridden || state.refreshMinutes.overridden || state.streamIdleTimeoutMs.overridden || state.maxRequestImageBytes.overridden || state.requestImagePixelBudget.overridden || state.requestImageMaxBytes.overridden;
-  const customizedModels = Object.values(state.modelLimitDraft).filter(hasCapacityOverride).length;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.intro, children: t("intro") }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.field, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.head, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Section_default.label, children: t("enabledLabel") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_dsh_client_ui_primitives.Switch,
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.page, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.pageBody, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.pageTop, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.intro, children: t("intro") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "button",
           {
-            checked: state.enabled,
-            label: t("enabledLabel"),
-            disabled,
-            onChange: props.setEnabled
+            type: "button",
+            className: Section_default.advancedTrigger,
+            "aria-expanded": advanced,
+            "aria-controls": "opencode-go-advanced",
+            onClick: () => {
+              setAdvanced(!advanced);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronDown, { className: advanced ? Section_default.chevronOpen : Section_default.chevron }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.label, children: t("advancedLabel") }),
+              advancedOverridden ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Tag, { tone: "neutral", children: t("overridden") }) : null
+            ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: state.enabled ? t("enabledHint") : t("enabledOff") })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.field, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.head, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: Section_default.label, htmlFor: "opencode-go-key", children: t("keyLabel") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Section_default.badges, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: state.apiKeyConfigured ? "success" : "warning", children: state.apiKeyConfigured ? t("keyConfigured") : t("keyMissing") }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "input",
-        {
-          id: "opencode-go-key",
-          name: "api-key",
-          className: Section_default.input,
-          type: "password",
-          autoComplete: "off",
-          "aria-describedby": "opencode-go-key-hint",
-          value: state.apiKey.text,
-          disabled: !state.apiKeyWritable,
-          onChange: (event) => {
-            props.edit("apiKey", event.target.value);
-          }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: "opencode-go-key-hint", className: Section_default.hint, children: state.apiKeyWritable ? t("keyHint") : t("keyNotWritable") })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.field, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.head, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Section_default.label, children: t("modelsLabel") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: Section_default.badges, children: [
-          state.models.status === "ready" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "neutral", children: t("modelsCount", { count: state.models.count }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "button",
-            {
-              type: "button",
-              className: Section_default.reset,
-              disabled: state.models.status === "loading",
-              onClick: loadModels,
-              children: t("modelsRefresh")
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModelsBody, { models: state.models, t })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.field, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "button",
-        {
-          type: "button",
-          className: Section_default.disclosure,
-          "aria-expanded": limitsOpen,
-          "aria-controls": "opencode-go-model-limits",
-          onClick: () => {
-            setLimitsOpen(!limitsOpen);
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { "aria-hidden": "true", className: limitsOpen ? Section_default.chevronOpen : Section_default.chevron }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Section_default.label, children: t("limitsLabel") }),
-            customizedModels > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "neutral", children: t("limitsSummary", { count: customizedModels }) }) : null
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: t("limitsHint") }),
-      limitsOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "opencode-go-model-limits", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        LimitsTable,
-        {
-          models: state.models,
-          draft: state.modelLimitDraft,
-          t,
-          disabled,
-          onEdit: (next) => {
-            props.edit("modelLimits", JSON.stringify(next));
-          }
-        }
-      ) }) : null
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.field, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "button",
-        {
-          type: "button",
-          className: Section_default.disclosure,
-          "aria-expanded": advanced,
-          "aria-controls": "opencode-go-advanced",
-          onClick: () => {
-            setAdvanced(!advanced);
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: advanced ? Section_default.chevronOpen : Section_default.chevron }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Section_default.label, children: t("advancedLabel") }),
-            advancedOverridden ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "neutral", children: t("overridden") }) : null
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: t("advancedHint") }),
-      advanced ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { id: "opencode-go-advanced", className: Section_default.advanced, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: advanced ? Section_default.field : void 0, children: advanced ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { id: "opencode-go-advanced", className: Section_default.advanced, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: t("advancedHint") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           ValueField,
           {
             id: "opencode-go-api-key-env",
@@ -422,7 +402,7 @@ function Loaded(props) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           ValueField,
           {
             id: "opencode-go-base-url",
@@ -438,7 +418,7 @@ function Loaded(props) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           ValueField,
           {
             id: "opencode-go-refresh-minutes",
@@ -455,7 +435,7 @@ function Loaded(props) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           ValueField,
           {
             id: "opencode-go-stream-idle",
@@ -472,7 +452,7 @@ function Loaded(props) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           ValueField,
           {
             id: "opencode-go-max-request-image-bytes",
@@ -489,7 +469,7 @@ function Loaded(props) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           ValueField,
           {
             id: "opencode-go-image-pixel-budget",
@@ -506,7 +486,7 @@ function Loaded(props) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           ValueField,
           {
             id: "opencode-go-image-max-bytes",
@@ -523,14 +503,100 @@ function Loaded(props) {
             }
           }
         )
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.actions, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", size: "md", disabled: disabled || !state.dirty || state.invalid || state.saving, onClick: props.save, children: state.saving ? t("saving") : t("save") }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", size: "md", disabled: disabled || !state.dirty || state.saving, onClick: props.discard, children: t("discard") }),
-      state.failed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.failedNote, children: t("savedFailed") }) : null
+      ] }) : null }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.field, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.head, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.label, children: t("enabledLabel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_dsh_client_ui_primitives2.Switch,
+            {
+              checked: state.enabled,
+              label: t("enabledLabel"),
+              disabled,
+              onChange: props.setEnabled
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: state.enabled ? t("enabledHint") : t("enabledOff") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("details", { className: Section_default.keySection, open: !state.apiKeyConfigured || state.apiKey.text.length > 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("summary", { className: Section_default.head, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.label, children: t("keyLabel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.badges, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Tag, { tone: state.apiKeyConfigured ? "success" : "warning", children: state.apiKeyConfigured ? t("keyConfigured") : t("keyMissing") }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            id: "opencode-go-key",
+            "aria-label": t("keyLabel"),
+            name: "api-key",
+            className: Section_default.input,
+            type: "password",
+            autoComplete: "off",
+            "aria-describedby": "opencode-go-key-hint",
+            value: state.apiKey.text,
+            disabled: !state.apiKeyWritable,
+            onChange: (event) => {
+              props.edit("apiKey", event.target.value);
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { id: "opencode-go-key-hint", className: Section_default.hint, children: state.apiKeyWritable ? t("keyHint") : t("keyNotWritable") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.field, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.head, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.label, children: t("modelsLabel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: Section_default.badges, children: [
+            state.models.status === "ready" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Tag, { tone: "neutral", children: t("modelsCount", { count: state.models.count }) }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "button",
+              {
+                type: "button",
+                className: Section_default.reset,
+                disabled: state.models.status === "loading",
+                onClick: loadModels,
+                children: t("modelsRefresh")
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ModelsBody, { models: state.models, t })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.field, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.head, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.label, children: t("showDeprecatedLabel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_dsh_client_ui_primitives2.Switch,
+            {
+              checked: state.showDeprecatedModels,
+              label: t("showDeprecatedLabel"),
+              disabled: disabled || state.pickerSaving,
+              onChange: props.setShowDeprecatedModels
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: t("showDeprecatedHint") }),
+        state.pickerFailed ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.failedNote, role: "alert", children: t("pickerFailed") }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          ModelEditor,
+          {
+            models: state.models,
+            draft: state.modelLimitDraft,
+            t,
+            disabled: disabled || state.saving,
+            onEdit: (next) => {
+              props.edit("modelLimits", JSON.stringify(next));
+            }
+          }
+        )
+      ] }),
+      disabled ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: t("readOnly") }) : null
     ] }),
-    disabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: t("readOnly") }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.actions, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "primary", size: "md", disabled: disabled || !state.dirty || state.invalid || state.saving, onClick: props.save, children: state.saving ? t("saving") : t("save") }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "outline", size: "md", disabled: disabled || !state.dirty || state.saving, onClick: props.discard, children: t("discard") }),
+      state.failed ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.failedNote, children: t("savedFailed") }) : null
+    ] })
   ] });
 }
 
@@ -797,9 +863,10 @@ var OpencodeGoSectionController = class {
    * @param ctx - the page plugin's context, whose `remote.credentials` namespace
    *   answers for the credential the section references.
    */
-  constructor(scope, ctx) {
+  constructor(scope, ctx, readModels = () => ctx.remote.llm.discoverModels(OPENCODE_GO_NS, { provider: OPENCODE_GO_PROVIDER })) {
     this.scope = scope;
     this.ctx = ctx;
+    this.readModels = readModels;
     this.form = new StagedForm(
       scope,
       [
@@ -828,6 +895,8 @@ var OpencodeGoSectionController = class {
   credential = { ref: "", configured: false, writable: true };
   models = { status: "idle" };
   modelsRequest = 0;
+  pickerSaving = false;
+  pickerFailed = false;
   face;
   unsubscribe;
   /** Release subscriptions without disposing the host's shared form. */
@@ -840,6 +909,9 @@ var OpencodeGoSectionController = class {
     return {
       ...this.form.shell(),
       enabled: this.enabled(),
+      showDeprecatedModels: this.scope.getSnapshot().value?.showDeprecatedModels ?? false,
+      pickerSaving: this.pickerSaving,
+      pickerFailed: this.pickerFailed,
       apiKeyEnv: this.form.field("apiKeyEnv"),
       baseURL: this.form.field("baseURL"),
       refreshMinutes: this.form.field("refreshMinutes"),
@@ -894,6 +966,22 @@ var OpencodeGoSectionController = class {
   setEnabled(next) {
     void this.scope.set("enabled", next);
   }
+  /** Visibility is immediate; failed writes leave the committed switch state visible. */
+  async setShowDeprecatedModels(next) {
+    if (this.pickerSaving || !this.scope.getSnapshot().writable) return;
+    this.pickerSaving = true;
+    this.pickerFailed = false;
+    this.store.set(this.projection());
+    try {
+      await this.scope.set("showDeprecatedModels", next);
+      this.pickerFailed = (this.scope.getSnapshot().value?.showDeprecatedModels ?? false) !== next;
+    } catch {
+      this.pickerFailed = true;
+    } finally {
+      this.pickerSaving = false;
+      this.store.set(this.projection());
+    }
+  }
   /**
    * Read the gateway's model listing through the Host's discovery for this
    * adapter. Called when the page mounts and again from its refresh control.
@@ -905,7 +993,7 @@ var OpencodeGoSectionController = class {
     const request = ++this.modelsRequest;
     this.models = { status: "loading" };
     this.store.set(this.projection());
-    void this.ctx.remote.llm.discoverModels(OPENCODE_GO_NS, { provider: OPENCODE_GO_PROVIDER }).then((response) => {
+    void this.readModels().then((response) => {
       if (request !== this.modelsRequest) return;
       this.models = response.ok ? {
         status: "ready",
@@ -974,6 +1062,9 @@ var OpencodeGoSectionController = class {
       setEnabled: (next) => {
         this.setEnabled(next);
       },
+      setShowDeprecatedModels: (next) => {
+        void this.setShowDeprecatedModels(next);
+      },
       ...this.form.actions()
     };
     return this.face;
@@ -1031,7 +1122,7 @@ var en = {
   usageUnavailable: "Unavailable",
   nav: "OpenCode Go",
   title: "OpenCode Go",
-  intro: "Use your OpenCode Go subscription in the harness. Paste the API key below and save; the models the gateway currently serves are listed underneath.",
+  intro: "Manage your OpenCode Go subscription models and their capacities.",
   enabledLabel: "Enable OpenCode Go",
   enabledHint: "While this is on, OpenCode Go appears in every model picker and can serve requests. Turning it off withdraws the provider and its models immediately; this page stays reachable so you can turn it back on.",
   enabledOff: "OpenCode Go is off. Its models are withdrawn from every picker and no request reaches the gateway. Turn the switch back on to use it again.",
@@ -1048,14 +1139,29 @@ var en = {
   modelsEmpty: "The gateway currently serves no model this adapter can route.",
   modelsCount: "{count} models",
   limitsLabel: "Model capacities",
-  limitsHint: "Override the context window or max output for a model. Leave a field blank to use the catalog value.",
+  limitsHint: "Capacities come from the model API. Leave blank to use the default; save to apply your overrides.",
   limitsFilterLabel: "Find a model",
   limitsFilterPlaceholder: "Search by model name or id\u2026",
   limitsSummary: "{count} customized",
   limitsModel: "Model",
   limitsContext: "Context window",
   limitsOutput: "Max output",
-  limitsAdvertised: "Catalog: {context} / {output}",
+  capacityDefault: "Default: {value} tokens",
+  capacityMissing: "API did not provide a value",
+  showDeprecatedLabel: "Show deprecated models in conversations",
+  showDeprecatedHint: "Off by default. Turning this on immediately adds deprecated models still served by the gateway to conversation model pickers.",
+  pickerFailed: "Could not update model visibility. Please retry.",
+  deprecatedBadge: "Deprecated",
+  deprecatedHint: "Marked deprecated by models.dev, but still provided by this gateway.",
+  newHint: "Released within the last seven UTC calendar days, according to models.dev.",
+  releasedOn: "Released {date}",
+  releaseSource: "Release date: {date} \xB7 models.dev",
+  modelDetails: "Model configuration",
+  filterLabel: "Filter models",
+  filterAll: "All",
+  filterNew: "New in 7 days",
+  filterCustom: "Customized",
+  filterDeprecated: "Deprecated",
   limitsResetModel: "Use catalog",
   limitsResetAll: "Clear all overrides",
   limitsNoMatches: "No models match \u201C{query}\u201D. Try a different name or id.",
@@ -1101,7 +1207,7 @@ var zh = {
   usageUnavailable: "\u6682\u4E0D\u53EF\u7528",
   nav: "OpenCode Go",
   title: "OpenCode Go",
-  intro: "\u5728 Harness \u4E2D\u4F7F\u7528\u4F60\u7684 OpenCode Go \u8BA2\u9605\u3002\u586B\u5165\u4E0B\u65B9 API key \u5E76\u4FDD\u5B58\u5373\u53EF\uFF1B\u7F51\u5173\u5F53\u524D\u63D0\u4F9B\u7684\u6A21\u578B\u5217\u5728\u4E0B\u9762\u3002",
+  intro: "\u7BA1\u7406 OpenCode Go \u8BA2\u9605\u6A21\u578B\u53CA\u5176\u5BB9\u91CF\u3002",
   enabledLabel: "\u542F\u7528 OpenCode Go",
   enabledHint: "\u5F00\u542F\u65F6\uFF0COpenCode Go \u4F1A\u51FA\u73B0\u5728\u6240\u6709\u6A21\u578B\u9009\u62E9\u5668\u4E2D\u5E76\u53EF\u5904\u7406\u8BF7\u6C42\u3002\u5173\u95ED\u540E\u5C06\u7ACB\u5373\u64A4\u4E0B\u8BE5\u63D0\u4F9B\u65B9\u53CA\u5176\u6A21\u578B\uFF1B\u672C\u9875\u4ECD\u53EF\u8BBF\u95EE\uFF0C\u65B9\u4FBF\u4F60\u968F\u65F6\u91CD\u65B0\u5F00\u542F\u3002",
   enabledOff: "OpenCode Go \u5DF2\u5173\u95ED\u3002\u5176\u6A21\u578B\u5DF2\u4ECE\u6240\u6709\u9009\u62E9\u5668\u4E2D\u64A4\u4E0B\uFF0C\u4E5F\u4E0D\u4F1A\u6709\u8BF7\u6C42\u53D1\u5F80\u7F51\u5173\u3002\u9700\u8981\u65F6\u628A\u5F00\u5173\u91CD\u65B0\u6253\u5F00\u5373\u53EF\u3002",
@@ -1118,14 +1224,29 @@ var zh = {
   modelsEmpty: "\u7F51\u5173\u5F53\u524D\u6CA1\u6709\u672C\u9002\u914D\u5668\u53EF\u8DEF\u7531\u7684\u6A21\u578B\u3002",
   modelsCount: "{count} \u4E2A\u6A21\u578B",
   limitsLabel: "\u6A21\u578B\u5BB9\u91CF",
-  limitsHint: "\u4E3A\u6A21\u578B\u8986\u76D6\u4E0A\u4E0B\u6587\u7A97\u53E3\u6216\u6700\u5927\u8F93\u51FA\u3002\u7559\u7A7A\u7684\u5B57\u6BB5\u4F1A\u4F7F\u7528\u76EE\u5F55\u516C\u5E03\u7684\u5BB9\u91CF\u3002",
+  limitsHint: "\u5BB9\u91CF\u6765\u81EA\u6A21\u578B API\u3002\u7559\u7A7A\u4F7F\u7528\u9ED8\u8BA4\u503C\uFF0C\u4FEE\u6539\u540E\u4FDD\u5B58\u751F\u6548\u3002",
   limitsFilterLabel: "\u67E5\u627E\u6A21\u578B",
   limitsFilterPlaceholder: "\u6309\u6A21\u578B\u540D\u79F0\u6216 ID \u641C\u7D22\u2026",
   limitsSummary: "{count} \u4E2A\u5DF2\u81EA\u5B9A\u4E49",
   limitsModel: "\u6A21\u578B",
   limitsContext: "\u4E0A\u4E0B\u6587\u7A97\u53E3",
   limitsOutput: "\u6700\u5927\u8F93\u51FA",
-  limitsAdvertised: "\u76EE\u5F55\uFF1A{context} / {output}",
+  capacityDefault: "\u9ED8\u8BA4\uFF1A{value} tokens",
+  capacityMissing: "API \u672A\u63D0\u4F9B",
+  showDeprecatedLabel: "\u5728\u4F1A\u8BDD\u4E2D\u663E\u793A\u8FC7\u65F6\u6A21\u578B",
+  showDeprecatedHint: "\u9ED8\u8BA4\u5173\u95ED\u3002\u5F00\u542F\u540E\uFF0C\u7F51\u5173\u4ECD\u63D0\u4F9B\u7684\u8FC7\u65F6\u6A21\u578B\u4F1A\u7ACB\u5373\u52A0\u5165\u4F1A\u8BDD\u6A21\u578B\u5217\u8868\u3002",
+  pickerFailed: "\u6A21\u578B\u663E\u793A\u8BBE\u7F6E\u672A\u66F4\u65B0\uFF0C\u8BF7\u91CD\u8BD5\u3002",
+  deprecatedBadge: "\u5DF2\u5F03\u7528",
+  deprecatedHint: "models.dev \u6807\u8BB0\u4E3A\u5DF2\u5F03\u7528\uFF0C\u5F53\u524D\u7F51\u5173\u4ECD\u63D0\u4F9B\u6B64\u6A21\u578B\u3002",
+  newHint: "\u4F9D\u636E models.dev \u53D1\u5E03\u65E5\u671F\uFF0C\u8FD1\u4E03\u4E2A UTC \u65E5\u5386\u65E5\u5185\u53D1\u5E03\u3002",
+  releasedOn: "{date} \u53D1\u5E03",
+  releaseSource: "\u53D1\u5E03\u65E5\u671F\uFF1A{date} \xB7 models.dev",
+  modelDetails: "\u6A21\u578B\u914D\u7F6E",
+  filterLabel: "\u7B5B\u9009\u6A21\u578B",
+  filterAll: "\u5168\u90E8",
+  filterNew: "\u8FD1 7 \u5929\u53D1\u5E03",
+  filterCustom: "\u5DF2\u81EA\u5B9A\u4E49",
+  filterDeprecated: "\u8FC7\u65F6\u6A21\u578B",
   limitsResetModel: "\u4F7F\u7528\u76EE\u5F55\u503C",
   limitsResetAll: "\u6E05\u9664\u5168\u90E8\u8986\u76D6",
   limitsNoMatches: "\u6CA1\u6709\u5339\u914D\u201C{query}\u201D\u7684\u6A21\u578B\u3002\u8BF7\u5C1D\u8BD5\u5176\u4ED6\u540D\u79F0\u6216 ID\u3002",
@@ -1192,8 +1313,14 @@ var usageRemote = {
   }]
 };
 
+// src/remote-contract.ts
+var goRemote = {
+  package: "dsh-opencode-go",
+  descriptors: [...usageRemote.descriptors, ...modelsRemote.descriptors]
+};
+
 // src/client/UsagePill.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // plugin-css:/Users/tanglei/Desktop/dsh-opencode-go/src/client/UsagePill.module.css
 var id2 = "dsh-opencode-go/UsagePill.module.css";
@@ -1204,20 +1331,20 @@ if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id2) + "]"
   style.textContent = ".dmPm3q_root{min-width:0;display:inline-flex;position:relative}.dmPm3q_trigger{color:inherit;opacity:.75;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:12px}.dmPm3q_trigger:hover,.dmPm3q_trigger:focus-visible{opacity:1;background:color-mix(in srgb, currentColor 8%, transparent)}.dmPm3q_panel{z-index:100;border:1px solid color-mix(in srgb, currentColor 18%, transparent);width:280px;max-width:calc(100vw - 32px);color:var(--dsw-alias-label-primary,CanvasText);background:var(--dsw-specific-menu,Canvas);border-radius:12px;padding:16px;font-size:12px;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 8px 30px #0002}.dmPm3q_hint{opacity:.65;font-size:11px;line-height:1.6}.dmPm3q_window{margin-top:14px}.dmPm3q_row{justify-content:space-between;margin-bottom:5px;display:flex}.dmPm3q_window progress{accent-color:#39a878;width:100%;height:5px;margin-bottom:5px;display:block}.dmPm3q_window progress::-webkit-progress-bar{background:color-mix(in srgb, currentColor 15%, transparent);border-radius:4px}.dmPm3q_window progress::-webkit-progress-value{background:#39a878;border-radius:4px}.dmPm3q_window progress::-moz-progress-bar{background:#39a878;border-radius:4px}";
   document.head.appendChild(style);
 }
-var UsagePill_default = { "trigger": "dmPm3q_trigger", "panel": "dmPm3q_panel", "hint": "dmPm3q_hint", "window": "dmPm3q_window", "row": "dmPm3q_row", "root": "dmPm3q_root" };
+var UsagePill_default = { "window": "dmPm3q_window", "row": "dmPm3q_row", "panel": "dmPm3q_panel", "hint": "dmPm3q_hint", "root": "dmPm3q_root", "trigger": "dmPm3q_trigger" };
 
 // src/client/UsagePill.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function UsagePill({ directory, ...props }) {
-  const state = (0, import_react2.useSyncExternalStore)(directory.subscribe, directory.getSnapshot, directory.getSnapshot);
-  return state.current?.provider === "opencode-go" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ActiveUsage, { ...props }) : null;
+  const state = (0, import_react3.useSyncExternalStore)(directory.subscribe, directory.getSnapshot, directory.getSnapshot);
+  return state.current?.provider === "opencode-go" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ActiveUsage, { ...props }) : null;
 }
 function ActiveUsage({ readUsage, t }) {
-  const [usage, setUsage] = (0, import_react2.useState)(null);
-  const [failed, setFailed] = (0, import_react2.useState)(false);
-  const [open, setOpen] = (0, import_react2.useState)(false);
-  const root = (0, import_react2.useRef)(null);
-  (0, import_react2.useEffect)(() => {
+  const [usage, setUsage] = (0, import_react3.useState)(null);
+  const [failed, setFailed] = (0, import_react3.useState)(false);
+  const [open, setOpen] = (0, import_react3.useState)(false);
+  const root = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
     let alive = true;
     let busy = false;
     const refresh = async () => {
@@ -1252,7 +1379,7 @@ function ActiveUsage({ readUsage, t }) {
       document.removeEventListener("visibilitychange", visible);
     };
   }, [readUsage]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (!open) return;
     const click = (event) => {
       if (!root.current?.contains(event.target)) setOpen(false);
@@ -1268,8 +1395,8 @@ function ActiveUsage({ readUsage, t }) {
     };
   }, [open]);
   const label = usage ? `Go \xB7 5h ${usage.rolling.percent}% \xB7 ${t("usageWeekShort")} ${usage.weekly.percent}%` : `Go \xB7 ${failed ? t("usageUnavailable") : "\u2026"}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: UsagePill_default.root, ref: root, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: UsagePill_default.root, ref: root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
         type: "button",
@@ -1283,25 +1410,25 @@ function ActiveUsage({ readUsage, t }) {
         children: label
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: UsagePill_default.panel, role: "dialog", "aria-label": t("usageTitle"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: t("usageTitle") }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: UsagePill_default.hint, children: t("usageHint") }),
-      usage ? ["rolling", "weekly", "monthly"].map((key) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: UsagePill_default.window, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: UsagePill_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t(`usage_${key}`) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("strong", { children: [
+    open && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: UsagePill_default.panel, role: "dialog", "aria-label": t("usageTitle"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: t("usageTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: UsagePill_default.hint, children: t("usageHint") }),
+      usage ? ["rolling", "weekly", "monthly"].map((key) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: UsagePill_default.window, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: UsagePill_default.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: t(`usage_${key}`) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("strong", { children: [
             usage[key].percent,
             "%"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("progress", { "aria-label": t(`usage_${key}`), max: 100, value: Math.min(100, usage[key].percent) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: UsagePill_default.hint, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("progress", { "aria-label": t(`usage_${key}`), max: 100, value: Math.min(100, usage[key].percent) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: UsagePill_default.hint, children: [
           t("usageResets"),
           " ",
           new Date(usage[key].resetsAt).toLocaleString()
         ] }),
-        usage[key].status === "rate-limited" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: t("usageLimited") })
-      ] }, key)) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: failed ? t("usageUnavailable") : t("usageLoading") })
+        usage[key].status === "rate-limited" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: t("usageLimited") })
+      ] }, key)) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: failed ? t("usageUnavailable") : t("usageLoading") })
     ] })
   ] });
 }
@@ -1309,27 +1436,23 @@ function ActiveUsage({ readUsage, t }) {
 // src/client/usage.ts
 function registerUsagePill(ctx) {
   ctx.inject(["modelDirectories", "sessions", "remote.session"], (scope) => {
-    scope.effect(async () => {
-      const unmount = await scope.remote.$mount(usageRemote);
-      scope.inject(["remote.opencodeGoUsage"], (ready) => {
-        const readUsage = async () => {
-          const result = await ready.remote.opencodeGoUsage.read();
-          if (!result.ok) throw new Error("OpenCode Go usage unavailable");
-          return result.value;
-        };
-        const translate = ready.locale.bind("settings.opencode-go");
-        ready.slots.inject("conversation.input.right", () => ready.slots.register({
-          name: "conversation.input.right",
-          id: "opencode-go-usage",
-          order: 1e3,
-          inject: (sessionId) => ({
-            directory: ready.modelDirectories.directoryFor(sessionId).store,
-            readUsage,
-            t: (key) => translate(key)
-          })
-        }, UsagePill));
-      });
-      return unmount;
+    scope.inject(["remote.opencodeGoUsage"], (ready) => {
+      const readUsage = async () => {
+        const result = await ready.remote.opencodeGoUsage.read();
+        if (!result.ok) throw new Error("OpenCode Go usage unavailable");
+        return result.value;
+      };
+      const translate = ready.locale.bind("settings.opencode-go");
+      ready.slots.inject("conversation.input.right", () => ready.slots.register({
+        name: "conversation.input.right",
+        id: "opencode-go-usage",
+        order: 1e3,
+        inject: (sessionId) => ({
+          directory: ready.modelDirectories.directoryFor(sessionId).store,
+          readUsage,
+          t: (key) => translate(key)
+        })
+      }, UsagePill));
     });
   });
 }
@@ -1340,19 +1463,24 @@ var inject = ["slots", "locale", "remote", "remote.credentials", "remote.llm"];
 function apply(ctx) {
   ctx.effect(() => ctx.locale.register(NS, { zh, en }), "llm-opencode-go: copy dictionaries");
   registerUsagePill(ctx);
-  ctx.inject(["configForms"], (child) => {
+  const modelsReady = ctx.remote.$mount(goRemote);
+  ctx.effect(async () => await modelsReady);
+  ctx.inject(["configForms", "remote.opencodeGoModels"], (child) => {
     const forms = child.get("configForms");
-    mountSettings(child, forms.get("opencode-go"));
+    mountSettings(child, forms.get("opencode-go"), modelsReady);
   });
-  ctx.inject(["settingsScope"], (child) => {
+  ctx.inject(["settingsScope", "remote.opencodeGoModels"], (child) => {
     mountSettings(child, child.settingsScope.bind({
       namespace: "llm-opencode-go",
       decode: (section) => typeof section === "object" && section !== null ? section : void 0
-    }));
+    }), modelsReady);
   });
 }
-function mountSettings(ctx, scope) {
-  const controller = new OpencodeGoSectionController(scope, ctx);
+function mountSettings(ctx, scope, modelsReady) {
+  const controller = new OpencodeGoSectionController(scope, ctx, async () => {
+    await modelsReady;
+    return ctx.remote.opencodeGoModels.read();
+  });
   ctx.effect(() => () => controller.dispose());
   const t = ctx.locale.bind(NS);
   const injected = () => ({ ...controller.inject(), t });