dsh-opencode-go 0.1.10 → 0.1.12

package/lib/client.js

@@ -47,6 +47,11 @@ var import_react = require("react");
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/models-contract.ts
+function isModelEnabled(model, modelVisibility) {
+  if (model.configurationMissing) return false;
+  const enabled = modelVisibility && Object.hasOwn(modelVisibility, model.id) ? modelVisibility[model.id] : void 0;
+  return typeof enabled === "boolean" ? enabled : !model.deprecated;
+}
 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;
 }
@@ -71,15 +76,28 @@ function parseGoModels(value) {
       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 (typeof row.configurationMissing === "boolean") model.configurationMissing = row.configurationMissing;
     if (validReleaseDate(row.releaseDate)) model.releaseDate = row.releaseDate;
     return model;
   });
 }
+function parseGoModelCatalog(value) {
+  if (!value || typeof value !== "object") throw new Error("Invalid OpenCode Go model catalog");
+  const catalog = value;
+  if (typeof catalog.stale !== "boolean" || catalog.error !== void 0 && typeof catalog.error !== "string") {
+    throw new Error("Invalid OpenCode Go model catalog status");
+  }
+  return {
+    models: parseGoModels(catalog.models),
+    stale: catalog.stale,
+    ...catalog.error === void 0 ? {} : { error: catalog.error }
+  };
+}
 var codec = {
   mode: "strict",
-  typeSymbol: "dsh-opencode-go#GoModels",
-  schema: { parse: parseGoModels },
-  create: () => ({ parse: parseGoModels })
+  typeSymbol: "dsh-opencode-go#GoModelCatalog",
+  schema: { parse: parseGoModelCatalog },
+  create: () => ({ parse: parseGoModelCatalog })
 };
 var modelsRemote = {
   package: "dsh-opencode-go",
@@ -100,17 +118,17 @@ 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_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}';
+  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_modelRow{align-items:center;gap:8px;padding-right:6px;display:flex}.BtKYva_modelRow>[role=switch]{flex-shrink:0}.BtKYva_modelChoice{text-align:left;min-width:0;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;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 = { "pageTop": "BtKYva_pageTop", "invalid": "BtKYva_invalid", "limitsModelId": "BtKYva_limitsModelId", "limitsToolbar": "BtKYva_limitsToolbar", "modelList": "BtKYva_modelList", "field": "BtKYva_field", "inputInvalid": "BtKYva_inputInvalid BtKYva_input", "label": "BtKYva_label", "modelDetails": "BtKYva_modelDetails", "page": "BtKYva_page", "failedNote": "BtKYva_failedNote", "limitsEditor": "BtKYva_limitsEditor", "modelChoice": "BtKYva_modelChoice", "hint": "BtKYva_hint", "chips": "BtKYva_chips", "modelName": "BtKYva_modelName", "chevronOpen": "BtKYva_chevronOpen", "modelHeading": "BtKYva_modelHeading", "releaseDate": "BtKYva_releaseDate", "advancedTrigger": "BtKYva_advancedTrigger BtKYva_disclosure", "keySection": "BtKYva_keySection", "badges": "BtKYva_badges", "disclosure": "BtKYva_disclosure", "visuallyHidden": "BtKYva_visuallyHidden", "head": "BtKYva_head", "filter": "BtKYva_filter", "actions": "BtKYva_actions", "limitsId": "BtKYva_limitsId", "pageBody": "BtKYva_pageBody", "intro": "BtKYva_intro", "modelLayout": "BtKYva_modelLayout", "input": "BtKYva_input", "advanced": "BtKYva_advanced", "newBadge": "BtKYva_newBadge", "limitsFilterLabel": "BtKYva_limitsFilterLabel", "limitsSummary": "BtKYva_limitsSummary", "reset": "BtKYva_reset", "chevron": "BtKYva_chevron", "filters": "BtKYva_filters" };
+var Section_default = { "failedNote": "BtKYva_failedNote", "advancedTrigger": "BtKYva_advancedTrigger BtKYva_disclosure", "chevron": "BtKYva_chevron", "modelName": "BtKYva_modelName", "filter": "BtKYva_filter", "modelHeading": "BtKYva_modelHeading", "filters": "BtKYva_filters", "label": "BtKYva_label", "hint": "BtKYva_hint", "page": "BtKYva_page", "keySection": "BtKYva_keySection", "limitsToolbar": "BtKYva_limitsToolbar", "intro": "BtKYva_intro", "modelRow": "BtKYva_modelRow", "limitsId": "BtKYva_limitsId", "limitsEditor": "BtKYva_limitsEditor", "input": "BtKYva_input", "reset": "BtKYva_reset", "limitsFilterLabel": "BtKYva_limitsFilterLabel", "limitsSummary": "BtKYva_limitsSummary", "visuallyHidden": "BtKYva_visuallyHidden", "pageTop": "BtKYva_pageTop", "badges": "BtKYva_badges", "advanced": "BtKYva_advanced", "limitsModelId": "BtKYva_limitsModelId", "invalid": "BtKYva_invalid", "actions": "BtKYva_actions", "modelLayout": "BtKYva_modelLayout", "pageBody": "BtKYva_pageBody", "inputInvalid": "BtKYva_inputInvalid BtKYva_input", "modelList": "BtKYva_modelList", "newBadge": "BtKYva_newBadge", "releaseDate": "BtKYva_releaseDate", "modelDetails": "BtKYva_modelDetails", "chips": "BtKYva_chips", "field": "BtKYva_field", "disclosure": "BtKYva_disclosure", "modelChoice": "BtKYva_modelChoice", "chevronOpen": "BtKYva_chevronOpen", "head": "BtKYva_head" };
 
 // src/client/ModelEditor.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function hasCapacityOverride(limit) {
   return limit?.contextWindow != null || limit?.maxTokens != null;
 }
-function ModelEditor({ models, draft, t, disabled, onEdit }) {
+function ModelEditor({ models, draft, modelVisibility, t, locale, disabled, visibilitySaving, onEdit, onModelEnabled }) {
   const [query, setQuery] = (0, import_react.useState)("");
   const [filter, setFilter] = (0, import_react.useState)("all");
   const [selected, setSelected] = (0, import_react.useState)();
@@ -127,6 +145,7 @@ function ModelEditor({ models, draft, t, disabled, onEdit }) {
   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 visibilityDisabled = disabled || visibilitySaving;
   const customized = all.filter((entry) => hasCapacityOverride(draft[entry.id])).length;
   const filters = [
     ["all", "filterAll", all.length],
@@ -139,10 +158,12 @@ function ModelEditor({ models, draft, t, disabled, onEdit }) {
     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.configurationMissing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "warning", children: t("configurationMissing") }) : null,
+    isNewModel(entry, now) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Section_default.newBadge, title: t("newHint"), children: t("newBadge") }) : 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)("p", { className: Section_default.hint, children: t("visibilityHint") }),
     /* @__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",
@@ -176,50 +197,64 @@ function ModelEditor({ models, draft, t, disabled, onEdit }) {
       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)(
+      /* @__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)("div", { className: Section_default.modelRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "button",
           {
             type: "button",
-            className: Section_default.reset,
-            disabled,
+            className: Section_default.modelChoice,
+            "aria-pressed": entry.id === model.id,
             onClick: () => {
-              onEdit({ ...draft, [model.id]: null });
+              setSelected(entry.id);
             },
-            children: t("limitsResetModel")
+            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
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_dsh_client_ui_primitives.Switch,
+          {
+            label: t("modelVisibleLabel", { name: entry.name ?? entry.id }),
+            checked: isModelEnabled(entry, modelVisibility),
+            disabled: visibilityDisabled || entry.configurationMissing,
+            onChange: (enabled) => {
+              onModelEnabled(entry.id, enabled);
+            }
           }
-        ) : 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") })
+        )
+      ] }, 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.configurationMissing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: Section_default.hint, children: t("configurationMissingHint") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          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, locale, disabled, onChange: write }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Capacity, { model, field: "maxTokens", limit: draft[model.id], t, locale, 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: [
@@ -239,7 +274,7 @@ function ModelEditor({ models, draft, t, disabled, onEdit }) {
     ] })
   ] });
 }
-function Capacity({ model, field, limit, disabled, t, onChange }) {
+function Capacity({ model, field, limit, disabled, t, locale, 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: [
@@ -267,7 +302,7 @@ function Capacity({ model, field, limit, disabled, t, onChange }) {
       }
     ),
     /* @__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") }),
+      t("capacityDefault", { value: defaultValue === void 0 ? t("capacityMissing") : defaultValue.toLocaleString(locale) }),
       limit?.[field] != null ? ` \xB7 ${t("overridden")}` : ""
     ] })
   ] });
@@ -320,28 +355,34 @@ function ModelsBody({ models, t }) {
   if (models.status === "failed") {
     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 })
+      models.message ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: models.message }) : null
     ] });
   }
   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.refreshing) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, role: "status", children: t("modelsRefreshing") });
+  if (models.stale) 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("modelsStale") }),
+    models.message ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: models.message }) : null
+  ] });
   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, 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;
+  const { useOpencodeGo, edit, resetField, save, discard, loadModels, setEnabled, setModelEnabled, t } = props;
+  if (useOpencodeGo === void 0 || edit === void 0 || resetField === void 0 || save === void 0 || discard === void 0 || loadModels === void 0 || setEnabled === void 0 || setModelEnabled === void 0 || t === void 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     Loaded,
     {
       state: useOpencodeGo((snapshot) => snapshot),
       t,
+      locale: props.getLocale?.(),
       edit,
       resetField,
       save,
       discard,
       loadModels,
       setEnabled,
-      setShowDeprecatedModels
+      setModelEnabled
     }
   );
 }
@@ -512,7 +553,7 @@ function Loaded(props) {
             {
               checked: state.enabled,
               label: t("enabledLabel"),
-              disabled,
+              disabled: disabled || state.saving || state.pickerSaving,
               onChange: props.setEnabled
             }
           )
@@ -553,7 +594,7 @@ function Loaded(props) {
               {
                 type: "button",
                 className: Section_default.reset,
-                disabled: state.models.status === "loading",
+                disabled: state.models.status === "loading" || state.models.status === "ready" && state.models.refreshing,
                 onClick: loadModels,
                 children: t("modelsRefresh")
               }
@@ -563,19 +604,6 @@ function Loaded(props) {
         /* @__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,
@@ -583,7 +611,11 @@ function Loaded(props) {
             models: state.models,
             draft: state.modelLimitDraft,
             t,
+            locale: props.locale,
             disabled: disabled || state.saving,
+            modelVisibility: state.modelVisibility,
+            visibilitySaving: state.pickerSaving,
+            onModelEnabled: props.setModelEnabled,
             onEdit: (next) => {
               props.edit("modelLimits", JSON.stringify(next));
             }
@@ -593,7 +625,7 @@ function Loaded(props) {
       disabled ? /* @__PURE__ */ (0, import_jsx_runtime2.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: "primary", size: "md", disabled: disabled || !state.dirty || state.invalid || state.saving || state.pickerSaving, 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
     ] })
@@ -863,7 +895,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, readModels = () => ctx.remote.llm.discoverModels(OPENCODE_GO_NS, { provider: OPENCODE_GO_PROVIDER })) {
+  constructor(scope, ctx, readModels = async () => {
+    const result = await ctx.remote.llm.discoverModels(OPENCODE_GO_NS, { provider: OPENCODE_GO_PROVIDER });
+    return result.ok ? { ok: true, value: { models: result.value, stale: false } } : result;
+  }) {
     this.scope = scope;
     this.ctx = ctx;
     this.readModels = readModels;
@@ -885,7 +920,15 @@ var OpencodeGoSectionController = class {
       [{ field: API_KEY_FIELD, write: (text) => this.writeKey(text) }]
     );
     this.store = this.form.bind(() => this.projection());
+    let modelsEndpoint = scope.getSnapshot().value?.baseURL;
     this.unsubscribe = scope.subscribe(() => {
+      const endpoint = scope.getSnapshot().value?.baseURL;
+      if (endpoint !== modelsEndpoint) {
+        modelsEndpoint = endpoint;
+        this.modelsRequest++;
+        this.models = { status: "idle" };
+        this.store.set(this.projection());
+      }
       void this.readCredential();
     });
     void this.readCredential();
@@ -909,7 +952,7 @@ var OpencodeGoSectionController = class {
     return {
       ...this.form.shell(),
       enabled: this.enabled(),
-      showDeprecatedModels: this.scope.getSnapshot().value?.showDeprecatedModels ?? false,
+      modelVisibility: this.scope.getSnapshot().value?.modelVisibility ?? {},
       pickerSaving: this.pickerSaving,
       pickerFailed: this.pickerFailed,
       apiKeyEnv: this.form.field("apiKeyEnv"),
@@ -955,7 +998,7 @@ var OpencodeGoSectionController = class {
   /**
    * Flip the switch by writing the field on the click itself.
    *
-   * This is the one control on the page that does not wait for Save: the point
+   * Like the per-model switches, this control does not wait for Save: the point
    * of turning it off is to watch the models leave the pickers, and the point
    * of turning it back on is to use the route again — staging either behind a
    * second gesture would report a state the Host does not hold. The write is
@@ -963,18 +1006,27 @@ var OpencodeGoSectionController = class {
    * failed save through the shared shell rather than a silent revert.
    * @param next - the state the switch asks for.
    */
-  setEnabled(next) {
-    void this.scope.set("enabled", next);
+  async setEnabled(next) {
+    await this.writePickerSetting("enabled", next, () => this.enabled() === next);
   }
-  /** Visibility is immediate; failed writes leave the committed switch state visible. */
-  async setShowDeprecatedModels(next) {
-    if (this.pickerSaving || !this.scope.getSnapshot().writable) return;
+  /** Each model switch has one committed value and takes effect without Save. */
+  async setModelEnabled(id3, next) {
+    if (this.models.status === "ready" && this.models.entries.some((model) => model.id === id3 && model.configurationMissing)) return;
+    await this.writePickerSetting(
+      "modelVisibility",
+      { ...this.scope.getSnapshot().value?.modelVisibility, [id3]: next },
+      () => this.scope.getSnapshot().value?.modelVisibility?.[id3] === next
+    );
+  }
+  /** Serialize immediate switches with form saves; refused writes retain committed values. */
+  async writePickerSetting(field, value, accepted) {
+    if (this.pickerSaving || this.form.shell().saving || !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;
+      await this.scope.set(field, value);
+      this.pickerFailed = !accepted();
     } catch {
       this.pickerFailed = true;
     } finally {
@@ -991,20 +1043,31 @@ var OpencodeGoSectionController = class {
    */
   loadModels() {
     const request = ++this.modelsRequest;
-    this.models = { status: "loading" };
+    const previous = this.models.status === "ready" ? this.models : void 0;
+    this.models = previous ? { ...previous, refreshing: true } : { status: "loading" };
     this.store.set(this.projection());
+    const failed = (message) => {
+      this.models = previous ? { ...previous, refreshing: false, stale: true, message } : { status: "failed", message };
+    };
     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),
-        entries: response.value
-      } : { status: "failed", message: response.error.message };
+      if (!response.ok) failed(response.error.message);
+      else if (response.value.stale && response.value.models.length === 0) {
+        this.models = { status: "failed", ...response.value.error ? { message: response.value.error } : {} };
+      } else {
+        this.models = {
+          status: "ready",
+          count: response.value.models.length,
+          preview: response.value.models.map((model) => model.name ?? model.id),
+          entries: response.value.models,
+          stale: response.value.stale,
+          ...response.value.error ? { message: response.value.error } : {}
+        };
+      }
       this.store.set(this.projection());
     }).catch((error) => {
       if (request !== this.modelsRequest) return;
-      this.models = { status: "failed", message: error instanceof Error ? error.message : String(error) };
+      failed(error instanceof Error ? error.message : String(error));
       this.store.set(this.projection());
     });
   }
@@ -1060,10 +1123,10 @@ var OpencodeGoSectionController = class {
         this.loadModels();
       },
       setEnabled: (next) => {
-        this.setEnabled(next);
+        void this.setEnabled(next);
       },
-      setShowDeprecatedModels: (next) => {
-        void this.setShowDeprecatedModels(next);
+      setModelEnabled: (id3, next) => {
+        void this.setModelEnabled(id3, next);
       },
       ...this.form.actions()
     };
@@ -1111,6 +1174,7 @@ function refOf(snapshot) {
 // src/client/locales.ts
 var en = {
   usageTitle: "OpenCode Go usage",
+  usageRollingShort: "5h",
   usageHint: "Account usage \xB7 used percentage \xB7 refreshes every minute",
   usageWeekShort: "week",
   usage_rolling: "5 hours",
@@ -1120,9 +1184,15 @@ var en = {
   usageLimited: "Limit reached",
   usageLoading: "Loading usage\u2026",
   usageUnavailable: "Unavailable",
+  usageStaleShort: "Last data",
+  usageStaleHint: "Showing the last successful usage reading. Current usage may have changed.",
+  usageRefreshFailed: "Refresh failed",
+  usageLastUpdated: "Last updated",
+  usageRetry: "Retry now",
+  usageRefreshing: "Refreshing\u2026",
   nav: "OpenCode Go",
   title: "OpenCode Go",
-  intro: "Manage your OpenCode Go subscription models and their capacities.",
+  intro: "Choose the OpenCode Go models shown in conversations and adjust 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.",
@@ -1136,6 +1206,8 @@ var en = {
   modelsRefresh: "Refresh",
   modelsLoading: "Reading the gateway model list\u2026",
   modelsFailed: "Could not read the gateway model list.",
+  modelsStale: "Refresh failed. Showing the last fetched models, also used by conversation pickers. Their current availability could not be confirmed.",
+  modelsRefreshing: "Refreshing\u2026 Keeping the last fetched models visible.",
   modelsEmpty: "The gateway currently serves no model this adapter can route.",
   modelsCount: "{count} models",
   limitsLabel: "Model capacities",
@@ -1148,12 +1220,15 @@ var en = {
   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.",
+  visibilityHint: "Only enabled models appear in conversation pickers. Changes apply immediately. Deprecated models are off by default and can be enabled individually.",
+  modelVisibleLabel: "Show {name} in conversations",
+  configurationMissing: "Configuration missing",
+  configurationMissingHint: "The gateway lists this model, but its OpenCode Go configuration is missing. It cannot be enabled.",
   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.",
+  newBadge: "NEW",
   releasedOn: "Released {date}",
   releaseSource: "Release date: {date} \xB7 models.dev",
   modelDetails: "Model configuration",
@@ -1175,7 +1250,7 @@ var en = {
   baseURLLabel: "Gateway URL",
   baseURLHint: "The endpoint that serves requests and the live model list.",
   refreshMinutesLabel: "Catalog refresh (minutes)",
-  refreshMinutesHint: "Cache lifetime for ongoing requests. Reading or refreshing the model list always checks the gateway and online model metadata immediately.",
+  refreshMinutesHint: "Catalog cache lifetime for conversations and model pickers. Opening this settings page or clicking Refresh checks the gateway and online model metadata immediately.",
   streamIdleTimeoutMsLabel: "Stream idle timeout (ms)",
   streamIdleTimeoutMsHint: "Largest quiet gap between stream events before the request fails.",
   maxRequestImageBytesLabel: "Request image payload cap (bytes)",
@@ -1196,6 +1271,7 @@ var en = {
 };
 var zh = {
   usageTitle: "OpenCode Go \u7528\u91CF",
+  usageRollingShort: "5\u5C0F\u65F6",
   usageHint: "\u8D26\u53F7\u989D\u5EA6 \xB7 \u5DF2\u7528\u767E\u5206\u6BD4 \xB7 \u6BCF\u5206\u949F\u5237\u65B0",
   usageWeekShort: "\u5468",
   usage_rolling: "5 \u5C0F\u65F6",
@@ -1205,9 +1281,15 @@ var zh = {
   usageLimited: "\u5DF2\u8FBE\u9650\u989D",
   usageLoading: "\u6B63\u5728\u8BFB\u53D6\u7528\u91CF\u2026",
   usageUnavailable: "\u6682\u4E0D\u53EF\u7528",
+  usageStaleShort: "\u4E0A\u6B21\u6570\u636E",
+  usageStaleHint: "\u5F53\u524D\u663E\u793A\u4E0A\u6B21\u6210\u529F\u8BFB\u53D6\u7684\u7528\u91CF\uFF0C\u5B9E\u9645\u7528\u91CF\u53EF\u80FD\u5DF2\u53D8\u5316\u3002",
+  usageRefreshFailed: "\u5237\u65B0\u5931\u8D25",
+  usageLastUpdated: "\u66F4\u65B0\u4E8E",
+  usageRetry: "\u7ACB\u5373\u91CD\u8BD5",
+  usageRefreshing: "\u6B63\u5728\u5237\u65B0\u2026",
   nav: "OpenCode Go",
   title: "OpenCode Go",
-  intro: "\u7BA1\u7406 OpenCode Go \u8BA2\u9605\u6A21\u578B\u53CA\u5176\u5BB9\u91CF\u3002",
+  intro: "\u9009\u62E9\u4F1A\u8BDD\u4E2D\u663E\u793A\u7684 OpenCode Go \u6A21\u578B\uFF0C\u5E76\u8C03\u6574\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",
@@ -1221,6 +1303,8 @@ var zh = {
   modelsRefresh: "\u5237\u65B0",
   modelsLoading: "\u6B63\u5728\u8BFB\u53D6\u7F51\u5173\u6A21\u578B\u5217\u8868\u2026",
   modelsFailed: "\u672A\u80FD\u8BFB\u53D6\u7F51\u5173\u6A21\u578B\u5217\u8868\u3002",
+  modelsStale: "\u5237\u65B0\u5931\u8D25\uFF0C\u6B63\u5728\u663E\u793A\u4E0A\u6B21\u83B7\u53D6\u7684\u6A21\u578B\uFF1B\u4F1A\u8BDD\u9009\u62E9\u5668\u4E5F\u4F7F\u7528\u8FD9\u4EFD\u7F13\u5B58\uFF0C\u5F53\u524D\u53EF\u7528\u6027\u5C1A\u672A\u786E\u8BA4\u3002",
+  modelsRefreshing: "\u6B63\u5728\u5237\u65B0\uFF0C\u6682\u65F6\u4FDD\u7559\u4E0A\u6B21\u83B7\u53D6\u7684\u6A21\u578B\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",
@@ -1233,12 +1317,15 @@ var zh = {
   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",
+  visibilityHint: "\u5F00\u542F\u7684\u6A21\u578B\u624D\u4F1A\u663E\u793A\u5728\u4F1A\u8BDD\u9009\u62E9\u5668\u4E2D\uFF0C\u4FEE\u6539\u7ACB\u5373\u751F\u6548\u3002\u8FC7\u65F6\u6A21\u578B\u9ED8\u8BA4\u5173\u95ED\uFF0C\u53EF\u5355\u72EC\u5F00\u542F\u3002",
+  modelVisibleLabel: "\u5728\u4F1A\u8BDD\u4E2D\u663E\u793A {name}",
+  configurationMissing: "\u914D\u7F6E\u7F3A\u5931",
+  configurationMissingHint: "\u7F51\u5173\u5DF2\u5217\u51FA\u6B64\u6A21\u578B\uFF0C\u4F46\u7F3A\u5C11\u5BF9\u5E94\u7684 OpenCode Go \u914D\u7F6E\uFF0C\u6682\u4E0D\u53EF\u5F00\u542F\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",
+  newBadge: "\u65B0",
   releasedOn: "{date} \u53D1\u5E03",
   releaseSource: "\u53D1\u5E03\u65E5\u671F\uFF1A{date} \xB7 models.dev",
   modelDetails: "\u6A21\u578B\u914D\u7F6E",
@@ -1260,7 +1347,7 @@ var zh = {
   baseURLLabel: "\u7F51\u5173\u5730\u5740",
   baseURLHint: "\u540C\u65F6\u63D0\u4F9B\u6A21\u578B\u8BF7\u6C42\u4E0E\u5B9E\u65F6\u6A21\u578B\u5217\u8868\u7684\u7AEF\u70B9\u3002",
   refreshMinutesLabel: "\u76EE\u5F55\u5237\u65B0\uFF08\u5206\u949F\uFF09",
-  refreshMinutesHint: "\u5DF2\u6709\u8BF7\u6C42\u7684\u76EE\u5F55\u7F13\u5B58\u65F6\u957F\u3002\u8BFB\u53D6\u6216\u5237\u65B0\u6A21\u578B\u5217\u8868\u65F6\uFF0C\u4F1A\u7ACB\u5373\u6838\u5BF9\u7F51\u5173\u4E0E\u5728\u7EBF\u6A21\u578B\u914D\u7F6E\u3002",
+  refreshMinutesHint: "\u4F1A\u8BDD\u8BF7\u6C42\u548C\u6A21\u578B\u9009\u62E9\u5668\u7684\u76EE\u5F55\u7F13\u5B58\u65F6\u957F\u3002\u6253\u5F00\u672C\u8BBE\u7F6E\u9875\u6216\u70B9\u51FB\u5237\u65B0\u65F6\uFF0C\u4F1A\u7ACB\u5373\u6838\u5BF9\u7F51\u5173\u4E0E\u5728\u7EBF\u6A21\u578B\u914D\u7F6E\u3002",
   streamIdleTimeoutMsLabel: "\u6D41\u7A7A\u95F2\u8D85\u65F6\uFF08\u6BEB\u79D2\uFF09",
   streamIdleTimeoutMsHint: "\u6D41\u4E8B\u4EF6\u95F4\u5141\u8BB8\u7684\u6700\u5927\u9759\u9ED8\u95F4\u9694\uFF0C\u8D85\u51FA\u540E\u8BF7\u6C42\u5931\u8D25\u3002",
   maxRequestImageBytesLabel: "\u8BF7\u6C42\u56FE\u7247\u8F7D\u8377\u4E0A\u9650\uFF08\u5B57\u8282\uFF09",
@@ -1285,6 +1372,12 @@ function parseGoUsage(value) {
   if (!value || typeof value !== "object") throw new Error("Invalid OpenCode Go usage response");
   const source = value;
   const result = {};
+  if (source.source !== void 0) {
+    if (typeof source.source !== "string" || source.source.length === 0 || source.source.length > 128) {
+      throw new Error("Invalid OpenCode Go usage source");
+    }
+    result.source = source.source;
+  }
   for (const key of ["rolling", "weekly", "monthly"]) {
     const row = source[key];
     if (!row || row.status !== "ok" && row.status !== "rate-limited" || typeof row.percent !== "number" || !Number.isFinite(row.percent) || row.percent < 0 || typeof row.resetsAt !== "string" || !Number.isFinite(Date.parse(row.resetsAt))) {
@@ -1328,43 +1421,66 @@ if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id2) + "]"
   const style = document.createElement("style");
   style.dataset.plugin = "dsh-opencode-go";
   style.dataset.pluginCss = 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}";
+  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;box-sizing:border-box;border:1px solid color-mix(in srgb, currentColor 18%, transparent);width:280px;max-width:calc(100vw - 32px);max-height:70vh;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;overflow-y:auto;box-shadow:0 8px 30px #0002}.dmPm3q_hint{opacity:.65;font-size:11px;line-height:1.6}.dmPm3q_warning{background:color-mix(in srgb, currentColor 6%, transparent);overflow-wrap:anywhere;border-radius:6px;margin:10px 0;padding:10px;line-height:1.5}.dmPm3q_warning p{margin:5px 0 0}.dmPm3q_retry{border:1px solid color-mix(in srgb, currentColor 25%, transparent);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:5px 9px}.dmPm3q_retry:disabled{opacity:.6;cursor:default}.dmPm3q_retry:focus-visible{outline-offset:2px;outline:2px solid}.dmPm3q_window{margin-top:14px}.dmPm3q_row{justify-content:space-between;margin-bottom:5px;display:flex}.dmPm3q_window progress{appearance:none;background:color-mix(in srgb, currentColor 15%, transparent);border:0;border-radius:4px;width:100%;height:5px;margin-bottom:5px;display:block}.dmPm3q_window progress::-webkit-progress-bar{background:0 0;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 = { "row": "dmPm3q_row", "trigger": "dmPm3q_trigger", "panel": "dmPm3q_panel", "root": "dmPm3q_root", "hint": "dmPm3q_hint", "window": "dmPm3q_window" };
+var UsagePill_default = { "trigger": "dmPm3q_trigger", "panel": "dmPm3q_panel", "hint": "dmPm3q_hint", "root": "dmPm3q_root", "retry": "dmPm3q_retry", "row": "dmPm3q_row", "warning": "dmPm3q_warning", "window": "dmPm3q_window" };
 
 // src/client/UsagePill.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+function usageFailure(error) {
+  if (error && typeof error === "object" && "code" in error && error.code === "opencode-go/usage-unavailable" && "details" in error && error.details && typeof error.details === "object") {
+    const details = error.details;
+    return {
+      ..."message" in error && typeof error.message === "string" ? { message: error.message } : {},
+      retainPrevious: details.retryable === true && details.retainPrevious === true,
+      ...typeof details.source === "string" ? { source: details.source } : {}
+    };
+  }
+  return { retainPrevious: false };
+}
 function UsagePill({ directory, ...props }) {
   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_react3.useState)(null);
-  const [failed, setFailed] = (0, import_react3.useState)(false);
+function ActiveUsage({ readUsage, t, getLocale }) {
+  const [snapshot, setSnapshot] = (0, import_react3.useState)(null);
+  const [failed, setFailed] = (0, import_react3.useState)(null);
+  const [refreshing, setRefreshing] = (0, import_react3.useState)(false);
   const [open, setOpen] = (0, import_react3.useState)(false);
   const root = (0, import_react3.useRef)(null);
+  const retry = (0, import_react3.useRef)(() => {
+  });
   (0, import_react3.useEffect)(() => {
     let alive = true;
     let busy = false;
-    const refresh = async () => {
-      if (busy || document.visibilityState === "hidden") return;
+    setSnapshot(null);
+    setFailed(null);
+    setRefreshing(false);
+    const refresh = async (manual = false) => {
+      if (busy || !manual && document.visibilityState === "hidden") return;
       busy = true;
+      setRefreshing(true);
       try {
         const value = await readUsage();
         if (alive) {
-          setUsage(value);
-          setFailed(false);
+          setSnapshot({ reader: readUsage, usage: value, updatedAt: Date.now() });
+          setFailed(null);
         }
-      } catch {
+      } catch (error) {
         if (alive) {
-          setUsage(null);
-          setFailed(true);
+          const failure2 = usageFailure(error);
+          setFailed({ reader: readUsage, failure: failure2 });
+          setSnapshot((previous) => previous?.reader === readUsage && failure2.retainPrevious && typeof previous.usage.source === "string" && previous.usage.source.length > 0 && previous.usage.source === failure2.source ? previous : null);
         }
       } finally {
         busy = false;
+        if (alive) setRefreshing(false);
       }
     };
+    retry.current = () => {
+      void refresh(true);
+    };
     void refresh();
     const timer = setInterval(() => {
       void refresh();
@@ -1375,6 +1491,8 @@ function ActiveUsage({ readUsage, t }) {
     document.addEventListener("visibilitychange", visible);
     return () => {
       alive = false;
+      retry.current = () => {
+      };
       clearInterval(timer);
       document.removeEventListener("visibilitychange", visible);
     };
@@ -1394,7 +1512,10 @@ function ActiveUsage({ readUsage, t }) {
       document.removeEventListener("keydown", key);
     };
   }, [open]);
-  const label = usage ? `Go \xB7 5h ${usage.rolling.percent}% \xB7 ${t("usageWeekShort")} ${usage.weekly.percent}%` : `Go \xB7 ${failed ? t("usageUnavailable") : "\u2026"}`;
+  const current = snapshot?.reader === readUsage ? snapshot : null;
+  const usage = current?.usage;
+  const failure = failed?.reader === readUsage ? failed.failure : null;
+  const label = usage ? `Go \xB7 ${t("usageRollingShort")} ${usage.rolling.percent}% \xB7 ${t("usageWeekShort")} ${usage.weekly.percent}%${failure ? ` \xB7 ${t("usageStaleShort")}` : ""}` : `Go \xB7 ${failure ? t("usageUnavailable") : "\u2026"}`;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: UsagePill_default.root, ref: root, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
@@ -1410,9 +1531,31 @@ function ActiveUsage({ readUsage, t }) {
         children: label
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: UsagePill_default.panel, role: "dialog", "aria-label": t("usageTitle"), children: [
+    open && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: UsagePill_default.panel, role: "dialog", "aria-label": t("usageTitle"), "aria-busy": refreshing, 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") }),
+      failure ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: UsagePill_default.warning, role: "alert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: t("usageRefreshFailed") }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: failure.message ?? t("usageUnavailable") }),
+        usage ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: t("usageStaleHint") }) : null
+      ] }) : null,
+      failure ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          className: UsagePill_default.retry,
+          disabled: refreshing,
+          onClick: () => {
+            retry.current();
+          },
+          children: t(refreshing ? "usageRefreshing" : "usageRetry")
+        }
+      ) : null,
+      current ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: UsagePill_default.hint, children: [
+        t("usageLastUpdated"),
+        " ",
+        new Date(current.updatedAt).toLocaleString(getLocale?.())
+      ] }) : null,
       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}`) }),
@@ -1425,10 +1568,10 @@ function ActiveUsage({ readUsage, t }) {
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: UsagePill_default.hint, children: [
           t("usageResets"),
           " ",
-          new Date(usage[key].resetsAt).toLocaleString()
+          new Date(usage[key].resetsAt).toLocaleString(getLocale?.())
         ] }),
         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") })
+      ] }, key)) : failure ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: t("usageLoading") })
     ] })
   ] });
 }
@@ -1439,7 +1582,7 @@ function registerUsagePill(ctx) {
     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");
+        if (!result.ok) throw result.error;
         return result.value;
       };
       const translate = ready.locale.bind("settings.opencode-go");
@@ -1450,6 +1593,7 @@ function registerUsagePill(ctx) {
         inject: (sessionId) => ({
           directory: ready.modelDirectories.directoryFor(sessionId).store,
           readUsage,
+          getLocale: () => ready.locale.getLocale().active,
           t: (key) => translate(key)
         })
       }, UsagePill));
@@ -1483,7 +1627,7 @@ function mountSettings(ctx, scope, modelsReady) {
   });
   ctx.effect(() => () => controller.dispose());
   const t = ctx.locale.bind(NS);
-  const injected = () => ({ ...controller.inject(), t });
+  const injected = () => ({ ...controller.inject(), t, getLocale: () => ctx.locale.getLocale().active });
   ctx.effect(() => {
     const refresh = (ref) => {
       controller.refreshCredential(ref);