dsh-opencode-go 0.1.6 → 0.1.7

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
@@ -30,6 +40,7 @@ module.exports = __toCommonJS(index_exports);
 // src/client/Section.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);
 
 // plugin-css:/Users/tanglei/Desktop/dsh-opencode-go/src/client/Section.module.css
 var id = "dsh-opencode-go/Section.module.css";
@@ -37,14 +48,16 @@ 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_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}";
   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 = { "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" };
 
 // src/client/Section.tsx
 var import_jsx_runtime = 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 }),
@@ -66,8 +79,11 @@ function ValueField(props) {
       "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,19 +93,171 @@ 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_runtime.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.failedNote, role: "alert", children: t("modelsFailed") }),
       /* @__PURE__ */ (0, import_jsx_runtime.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.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") });
-  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)) });
+  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;
@@ -111,6 +279,7 @@ function OpencodeGoSection(props) {
 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)(() => {
     if (state.available && state.models.status === "idle") loadModels();
   }, [state.available, state.models.status, loadModels]);
@@ -125,6 +294,7 @@ 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: [
@@ -151,9 +321,11 @@ function Loaded(props) {
         "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) => {
@@ -161,7 +333,7 @@ function Loaded(props) {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: state.apiKeyWritable ? t("keyHint") : t("keyNotWritable") })
+      /* @__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: [
@@ -182,6 +354,38 @@ function Loaded(props) {
       ] }),
       /* @__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",
@@ -194,7 +398,7 @@ function Loaded(props) {
             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)(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
           ]
@@ -365,6 +569,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 +594,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 +602,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 +740,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 +772,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";
@@ -574,12 +812,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();
@@ -590,6 +829,13 @@ var OpencodeGoSectionController = class {
   models = { status: "idle" };
   modelsRequest = 0;
   face;
+  unsubscribe;
+  /** Release subscriptions without disposing the host's shared form. */
+  dispose() {
+    this.modelsRequest++;
+    this.unsubscribe();
+    this.form.dispose();
+  }
   projection() {
     return {
       ...this.form.shell(),
@@ -604,9 +850,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.
@@ -645,7 +910,8 @@ var OpencodeGoSectionController = class {
       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) => {
@@ -723,6 +989,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;
@@ -758,6 +1047,21 @@ 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: "Override the context window or max output for a model. Leave a field blank to use the catalog value.",
+  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}",
+  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",
@@ -813,6 +1117,21 @@ 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: "\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",
+  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}",
+  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",
@@ -885,7 +1204,7 @@ 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 = { "trigger": "dmPm3q_trigger", "panel": "dmPm3q_panel", "hint": "dmPm3q_hint", "window": "dmPm3q_window", "row": "dmPm3q_row", "root": "dmPm3q_root" };
 
 // src/client/UsagePill.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -1017,15 +1336,24 @@ function registerUsagePill(ctx) {
 
 // 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
+  ctx.inject(["configForms"], (child) => {
+    const forms = child.get("configForms");
+    mountSettings(child, forms.get("opencode-go"));
   });
+  ctx.inject(["settingsScope"], (child) => {
+    mountSettings(child, child.settingsScope.bind({
+      namespace: "llm-opencode-go",
+      decode: (section) => typeof section === "object" && section !== null ? section : void 0
+    }));
+  });
+}
+function mountSettings(ctx, scope) {
   const controller = new OpencodeGoSectionController(scope, ctx);
+  ctx.effect(() => () => controller.dispose());
   const t = ctx.locale.bind(NS);
   const injected = () => ({ ...controller.inject(), t });
   ctx.effect(() => {