dsh-opencode-go 0.1.6 → 0.1.8

package/lib/client.js

@@ -1,8 +1,10 @@
 window.__ModuleLoader__.load({ id: "dsh-opencode-go", factory: (require) => { var module = { exports: {} }; var exports = module.exports;
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/client/index.ts
@@ -28,29 +38,252 @@ __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");
 
+// 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";
 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_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{border-color:var(--dsw-alias-brand-primary);outline:none}.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{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_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 = { "failedNote": "BtKYva_failedNote", "intro": "BtKYva_intro", "badges": "BtKYva_badges", "head": "BtKYva_head", "input": "BtKYva_input", "field": "BtKYva_field", "label": "BtKYva_label", "invalid": "BtKYva_invalid", "chevronOpen": "BtKYva_chevronOpen", "chips": "BtKYva_chips", "actions": "BtKYva_actions", "chevron": "BtKYva_chevron", "disclosure": "BtKYva_disclosure", "reset": "BtKYva_reset", "hint": "BtKYva_hint", "inputInvalid": "BtKYva_inputInvalid", "advanced": "BtKYva_advanced" };
+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 ValueField(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Section_default.field, children: [
+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)("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)(
+      /* @__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_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",
@@ -62,12 +295,15 @@ function ValueField(props) {
         )
       ] }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "input",
       {
         id: props.id,
+        name: props.id,
+        autoComplete: "off",
+        "aria-describedby": hintId,
         className: props.field.invalid ? Section_default.inputInvalid : Section_default.input,
-        type: "text",
+        type: props.numeric === true ? "number" : "text",
         ...props.numeric === true ? { inputMode: "numeric" } : {},
         ...props.field.invalid ? { "aria-invalid": true } : {},
         value: props.field.text,
@@ -77,24 +313,24 @@ function ValueField(props) {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { 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, 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, children: t("modelsLoading") });
-  if (models.count === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: t("modelsEmpty") });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: Section_default.chips, children: models.preview.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "outline", children: name }, name)) });
+  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 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),
@@ -104,18 +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);
-  (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 = {
@@ -125,84 +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;
-  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",
-          className: Section_default.input,
-          type: "password",
-          autoComplete: "off",
-          value: state.apiKey.text,
-          disabled: !state.apiKeyWritable,
-          onChange: (event) => {
-            props.edit("apiKey", event.target.value);
-          }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { 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": advanced,
-          "aria-controls": "opencode-go-advanced",
-          onClick: () => {
-            setAdvanced(!advanced);
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconChevronDownOutline14, { 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",
@@ -218,7 +402,7 @@ function Loaded(props) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           ValueField,
           {
             id: "opencode-go-base-url",
@@ -234,7 +418,7 @@ function Loaded(props) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           ValueField,
           {
             id: "opencode-go-refresh-minutes",
@@ -251,7 +435,7 @@ function Loaded(props) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           ValueField,
           {
             id: "opencode-go-stream-idle",
@@ -268,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",
@@ -285,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",
@@ -302,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",
@@ -319,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
+    ] })
   ] });
 }
 
@@ -365,6 +635,21 @@ function textField(field) {
     }
   };
 }
+function jsonField(field) {
+  return {
+    field,
+    format: (value) => value === void 0 || value === null ? "" : JSON.stringify(value, void 0, 2),
+    parse: (text) => {
+      const trimmed = text.trim();
+      if (trimmed === "") return { kind: "clear" };
+      try {
+        return { kind: "set", value: JSON.parse(trimmed) };
+      } catch {
+        return void 0;
+      }
+    }
+  };
+}
 var StagedForm = class {
   /**
    * @param scope - the bound settings scope for this page's namespace.
@@ -375,7 +660,7 @@ var StagedForm = class {
     this.scope = scope;
     this.specs = new Map(specs.map((spec) => [spec.field, spec]));
     this.secretSpecs = new Map(secrets.map((spec) => [spec.field, spec]));
-    scope.subscribe(() => {
+    this.unsubscribe = scope.subscribe(() => {
       this.publish();
     });
   }
@@ -383,8 +668,14 @@ var StagedForm = class {
   secretSpecs;
   staged = /* @__PURE__ */ new Map();
   listeners = /* @__PURE__ */ new Set();
+  unsubscribe;
   saving = false;
   failed = false;
+  /** Shared 0.1.7 forms outlive individual settings pages. */
+  dispose() {
+    this.unsubscribe();
+    this.listeners.clear();
+  }
   /**
    * Publish a projection of this form, rebuilt whenever the scope or a draft changes.
    * @param project - build the page state from the form's current reads.
@@ -515,7 +806,7 @@ var StagedForm = class {
   }
   async store(field, value) {
     await this.scope.set(field, value);
-    return this.userLayer()?.[field] === value;
+    return sameJsonValue(this.userLayer()?.[field], value);
   }
   stage(field, edit) {
     this.staged.set(field, edit);
@@ -547,6 +838,19 @@ var StagedForm = class {
     for (const listener of this.listeners) listener();
   }
 };
+function sameJsonValue(left, right) {
+  if (Object.is(left, right)) return true;
+  if (left === null || right === null || typeof left !== "object" || typeof right !== "object") return false;
+  if (Array.isArray(left) || Array.isArray(right)) {
+    if (!Array.isArray(left) || !Array.isArray(right) || left.length !== right.length) return false;
+    return left.every((value, index) => sameJsonValue(value, right[index]));
+  }
+  const leftRecord = left;
+  const rightRecord = right;
+  const leftKeys = Object.keys(leftRecord);
+  const rightKeys = Object.keys(rightRecord);
+  return leftKeys.length === rightKeys.length && leftKeys.every((key) => Object.hasOwn(rightRecord, key) && sameJsonValue(leftRecord[key], rightRecord[key]));
+}
 
 // src/client/section-controller.ts
 var OPENCODE_GO_NS = "llm-opencode-go";
@@ -559,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,
       [
@@ -574,12 +879,13 @@ var OpencodeGoSectionController = class {
         numberField("streamIdleTimeoutMs"),
         numberField("maxRequestImageBytes"),
         numberField("requestImagePixelBudget"),
-        numberField("requestImageMaxBytes")
+        numberField("requestImageMaxBytes"),
+        jsonField("modelLimits")
       ],
       [{ field: API_KEY_FIELD, write: (text) => this.writeKey(text) }]
     );
     this.store = this.form.bind(() => this.projection());
-    scope.subscribe(() => {
+    this.unsubscribe = scope.subscribe(() => {
       void this.readCredential();
     });
     void this.readCredential();
@@ -589,11 +895,23 @@ 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. */
+  dispose() {
+    this.modelsRequest++;
+    this.unsubscribe();
+    this.form.dispose();
+  }
   projection() {
     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"),
@@ -604,9 +922,28 @@ var OpencodeGoSectionController = class {
       apiKey: this.form.field(API_KEY_FIELD),
       apiKeyConfigured: this.credential.configured,
       apiKeyWritable: this.credential.writable,
-      models: this.models
+      models: this.models,
+      modelLimits: this.form.field("modelLimits"),
+      modelLimitDraft: this.limitDraft()
     };
   }
+  /**
+   * Read the overrides as the page currently shows them. A staged JSON draft
+   * wins while it is valid; malformed text falls back to the last accepted
+   * settings value so the table never renders phantom rows.
+   */
+  limitDraft() {
+    const staged = this.form.field("modelLimits");
+    if (staged.invalid) return modelLimitsOf(this.scope.getSnapshot().value?.modelLimits);
+    if (staged.overridden || this.form.shell().dirty) {
+      try {
+        return modelLimitsOf(JSON.parse(staged.text));
+      } catch {
+        return modelLimitsOf(this.scope.getSnapshot().value?.modelLimits);
+      }
+    }
+    return modelLimitsOf(this.scope.getSnapshot().value?.modelLimits);
+  }
   /**
    * The adapter's effective switch state: the resolved section's value, over
    * the Host's own default when the section carries none.
@@ -629,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.
@@ -640,12 +993,13 @@ 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",
         count: response.value.length,
-        preview: response.value.map((model) => model.name ?? model.id)
+        preview: response.value.map((model) => model.name ?? model.id),
+        entries: response.value
       } : { status: "failed", message: response.error.message };
       this.store.set(this.projection());
     }).catch((error) => {
@@ -708,6 +1062,9 @@ var OpencodeGoSectionController = class {
       setEnabled: (next) => {
         this.setEnabled(next);
       },
+      setShowDeprecatedModels: (next) => {
+        void this.setShowDeprecatedModels(next);
+      },
       ...this.form.actions()
     };
     return this.face;
@@ -723,6 +1080,29 @@ var OpencodeGoSectionController = class {
     return this.credential.configured;
   }
 };
+function modelLimitsOf(value) {
+  if (value === null || typeof value !== "object" || Array.isArray(value)) return {};
+  const limits = {};
+  for (const [id3, entry] of Object.entries(value)) {
+    if (entry === null) {
+      limits[id3] = null;
+      continue;
+    }
+    if (typeof entry !== "object" || Array.isArray(entry)) continue;
+    const fields = entry;
+    const limit = {};
+    if (fields.contextWindow === null) limit.contextWindow = null;
+    if (fields.maxTokens === null) limit.maxTokens = null;
+    if (typeof fields.contextWindow === "number" && Number.isSafeInteger(fields.contextWindow) && fields.contextWindow > 0) {
+      limit.contextWindow = fields.contextWindow;
+    }
+    if (typeof fields.maxTokens === "number" && Number.isSafeInteger(fields.maxTokens) && fields.maxTokens > 0) {
+      limit.maxTokens = fields.maxTokens;
+    }
+    if (limit.contextWindow !== void 0 || limit.maxTokens !== void 0) limits[id3] = limit;
+  }
+  return limits;
+}
 function refOf(snapshot) {
   const declared = snapshot.value?.apiKeyEnv;
   return declared !== void 0 && declared.length > 0 ? declared : DEFAULT_API_KEY_REF;
@@ -742,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.",
@@ -758,6 +1138,36 @@ var en = {
   modelsFailed: "Could not read the gateway model list.",
   modelsEmpty: "The gateway currently serves no model this adapter can route.",
   modelsCount: "{count} models",
+  limitsLabel: "Model capacities",
+  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",
+  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.",
+  limitsEmpty: "Read the model list first; capacities are edited per model the gateway serves.",
+  limitsContextLabel: "Context window for {name}",
+  limitsOutputLabel: "Max output for {name}",
   advancedLabel: "Advanced settings",
   advancedHint: "Credential name, gateway URL, and adapter tuning. The inherited values work as they are; change them only if you know you need to.",
   apiKeyEnvLabel: "Credential reference",
@@ -797,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",
@@ -813,6 +1223,36 @@ var zh = {
   modelsFailed: "\u672A\u80FD\u8BFB\u53D6\u7F51\u5173\u6A21\u578B\u5217\u8868\u3002",
   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: "\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",
+  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",
+  limitsEmpty: "\u8BF7\u5148\u8BFB\u53D6\u6A21\u578B\u5217\u8868\uFF1B\u5BB9\u91CF\u6309\u7F51\u5173\u63D0\u4F9B\u7684\u6A21\u578B\u9010\u4E2A\u7F16\u8F91\u3002",
+  limitsContextLabel: "{name} \u7684\u4E0A\u4E0B\u6587\u7A97\u53E3",
+  limitsOutputLabel: "{name} \u7684\u6700\u5927\u8F93\u51FA",
   advancedLabel: "\u9AD8\u7EA7\u8BBE\u7F6E",
   advancedHint: "\u51ED\u8BC1\u540D\u79F0\u3001\u7F51\u5173\u5730\u5740\u4E0E\u9002\u914D\u5668\u8C03\u4F18\u53C2\u6570\u3002\u7EE7\u627F\u6765\u7684\u53D6\u503C\u5373\u53EF\u6B63\u5E38\u4F7F\u7528\uFF0C\u9664\u975E\u4F60\u660E\u786E\u77E5\u9053\u9700\u8981\u4FEE\u6539\uFF0C\u5426\u5219\u4E0D\u5FC5\u52A8\u8FD9\u91CC\u3002",
   apiKeyEnvLabel: "\u51ED\u8BC1\u5F15\u7528\u540D",
@@ -873,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";
@@ -885,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 = { "root": "dmPm3q_root", "trigger": "dmPm3q_trigger", "window": "dmPm3q_window", "row": "dmPm3q_row", "panel": "dmPm3q_panel", "hint": "dmPm3q_hint" };
+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 () => {
@@ -933,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);
@@ -949,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",
@@ -964,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") })
     ] })
   ] });
 }
@@ -990,42 +1436,52 @@ 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));
     });
   });
 }
 
 // src/client/index.ts
 var NS = "settings.opencode-go";
-var inject = ["slots", "locale", "remote", "remote.credentials", "remote.llm", "settingsScope"];
+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);
-  const scope = ctx.settingsScope.bind({
-    namespace: "llm-opencode-go",
-    decode: (section) => typeof section === "object" && section !== null ? section : void 0
+  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"), modelsReady);
+  });
+  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, modelsReady) {
+  const controller = new OpencodeGoSectionController(scope, ctx, async () => {
+    await modelsReady;
+    return ctx.remote.opencodeGoModels.read();
   });
-  const controller = new OpencodeGoSectionController(scope, ctx);
+  ctx.effect(() => () => controller.dispose());
   const t = ctx.locale.bind(NS);
   const injected = () => ({ ...controller.inject(), t });
   ctx.effect(() => {