dsh-opencode-go 0.1.19 → 0.1.21

package/lib/client.js

@@ -38,9 +38,9 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/client/Section.tsx
-var import_react2 = require("react");
-var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
-var primitives = __toESM(require("@deepseek-ai/dsh-client-ui-primitives"), 1);
+var import_react3 = require("react");
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
+var primitives2 = __toESM(require("@deepseek-ai/dsh-client-ui-primitives"), 1);
 
 // src/client/ModelEditor.tsx
 var import_react = require("react");
@@ -145,10 +145,10 @@ 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 = ".N807zW_page{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;container-type:size}.N807zW_pageBody{scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;padding:0 4px 16px 0;display:flex;overflow-y:auto}.N807zW_pageBody,.N807zW_modelList,.N807zW_modelDetails{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l3) transparent}.N807zW_pageBody::-webkit-scrollbar,.N807zW_modelList::-webkit-scrollbar,.N807zW_modelDetails::-webkit-scrollbar{width:8px;height:8px}.N807zW_pageBody::-webkit-scrollbar-track,.N807zW_modelList::-webkit-scrollbar-track,.N807zW_modelDetails::-webkit-scrollbar-track{background:0 0}.N807zW_pageBody::-webkit-scrollbar-thumb,.N807zW_modelList::-webkit-scrollbar-thumb,.N807zW_modelDetails::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l3);background-clip:content-box;border:2px solid #0000;border-radius:999px}.N807zW_pageBody:hover::-webkit-scrollbar-thumb,.N807zW_modelList:hover::-webkit-scrollbar-thumb,.N807zW_modelDetails:hover::-webkit-scrollbar-thumb{background:var(--dsw-alias-label-tertiary);background-clip:content-box}.N807zW_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.N807zW_field+.N807zW_field{border-top:.5px solid var(--dsw-alias-border-l2)}.N807zW_head{align-items:center;gap:8px;display:flex}.N807zW_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.N807zW_badges{align-items:center;gap:8px;display:inline-flex}.N807zW_trailing{flex:none;align-items:center;gap:8px;display:inline-flex}.N807zW_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}.N807zW_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.N807zW_reset:disabled{cursor:default}.N807zW_reset:focus-visible,.N807zW_cardTrigger:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}.N807zW_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}.N807zW_input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px;border-color:var(--dsw-alias-brand-primary)}.N807zW_input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.N807zW_inputInvalid{border-color:var(--dsw-alias-label-error);}.N807zW_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.N807zW_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.N807zW_pageTop{flex-direction:column;gap:3px;padding:2px 0 12px;display:flex}.N807zW_title{color:var(--dsw-alias-label-primary);margin:0;font-size:15px;font-weight:600;line-height:1.4}.N807zW_intro{color:var(--dsw-alias-label-secondary);margin:0;font-size:13px;line-height:1.5}.N807zW_card,.N807zW_cardModels{border:.5px solid var(--dsw-alias-border-l2);background:color-mix(in srgb, var(--dsw-alias-bg-layer-3) 40%, transparent);border-radius:12px;padding:8px 0 10px}.N807zW_card{flex:none}.N807zW_card+.N807zW_card,.N807zW_card+.N807zW_cardModels,.N807zW_cardModels+.N807zW_card{margin-top:8px}.N807zW_cardModels{flex-direction:column;flex:1 0 auto;display:flex}.N807zW_cardFolded{flex:none}.N807zW_cardHead{align-items:center;gap:8px;min-height:24px;padding:0 14px;display:flex}.N807zW_cardTitle{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13.5px;font-weight:600;line-height:1.5}.N807zW_cardSub{color:var(--dsw-alias-label-tertiary);flex:none;font-size:11.5px;line-height:1.5}.N807zW_cardBody{flex-direction:column;gap:8px;padding:4px 14px 0;display:flex}.N807zW_cardBody>.N807zW_input{box-sizing:border-box;width:100%}.N807zW_cardModels>.N807zW_cardBody{flex:1 0 auto}.N807zW_cardNotes{flex-direction:column;gap:8px;padding:6px 14px 2px;display:flex}.N807zW_cardNotes:empty{display:none}.N807zW_cardDivider{border-top:.5px solid var(--dsw-alias-border-l2);margin:10px 14px}.N807zW_cardTrigger{width:100%;min-height:24px;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin:0;padding:0 14px;display:flex}.N807zW_cardTrigger:hover .N807zW_cardTitle{color:var(--dsw-alias-brand-primary)}.N807zW_advancedGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 18px;display:grid}.N807zW_advancedGrid .N807zW_field{padding:0}.N807zW_advancedGrid .N807zW_field+.N807zW_field{border-top:none}.N807zW_limitsEditor{flex-direction:column;flex:1 0 auto;gap:10px;padding-top:4px;display:flex}.N807zW_limitsFoot{border-top:.5px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;margin:2px -14px 0;padding:10px 14px 0;display:flex}.N807zW_limitsSummary{min-width:0;color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:1;font-size:12px;line-height:1.5}.N807zW_modelMeta{align-items:baseline;gap:10px;display:flex}.N807zW_modelMeta .N807zW_limitsModelId{flex:1;min-width:0}.N807zW_releaseDate{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:11px;line-height:1.4}.N807zW_limitsModelId{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4;display:block;overflow:hidden}.N807zW_visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.N807zW_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}.N807zW_starLink{max-width:100%;color:var(--dsw-alias-label-secondary);border-radius:4px;align-items:center;gap:7px;margin-left:auto;padding:6px 0;font-size:12px;line-height:1.5;text-decoration:none;display:inline-flex}.N807zW_starLink svg{flex:none}.N807zW_starLink:hover{color:var(--dsw-alias-brand-primary)}.N807zW_starLink:hover span{text-underline-offset:3px;text-decoration:underline}.N807zW_starLink:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}.N807zW_failedNote{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.N807zW_slot{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:inline-flex}.N807zW_slot svg{width:15px;height:15px}.N807zW_chevron,.N807zW_chevronOpen{width:14px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .15s}.N807zW_chevron{transform:rotate(-90deg)}.N807zW_filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.N807zW_filterAction{align-items:center;margin-left:auto;display:inline-flex}.N807zW_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}.N807zW_filter[aria-pressed=true]{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3)}.N807zW_filter span{color:var(--dsw-alias-label-tertiary);margin-left:4px}.N807zW_modelLayout{border:.5px solid var(--dsw-alias-border-l4);border-radius:10px;flex:auto;grid-template-columns:minmax(0,45fr) minmax(0,55fr);min-height:260px;max-height:560px;display:grid;overflow:hidden}.N807zW_modelList{border-right:.5px solid var(--dsw-alias-border-l2);min-height:0;padding:4px 6px;overflow-y:auto}.N807zW_modelRow{align-items:center;gap:8px;padding-right:6px;display:flex}.N807zW_modelRow+.N807zW_modelRow{border-top:.5px solid var(--dsw-alias-border-l2)}.N807zW_modelRowSelected{background:var(--dsw-alias-bg-layer-3);border-top-color:#0000;border-radius:6px}.N807zW_modelRow>[role=switch]{flex-shrink:0}.N807zW_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;align-items:baseline;padding:9px 3px 9px 6px;display:flex}.N807zW_modelRow:hover:not(.N807zW_modelRowSelected){background:color-mix(in srgb, var(--dsw-alias-bg-layer-3) 92%, var(--dsw-alias-label-primary));border-top-color:#0000;border-radius:6px}.N807zW_modelName{overflow-wrap:anywhere;flex-wrap:wrap;flex:0 auto;align-items:center;gap:5px;min-width:0;font-size:13px;display:flex}.N807zW_overrideDot{background:var(--dsw-alias-brand-primary);border-radius:50%;flex:none;width:6px;height:6px}.N807zW_modelDetails{flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.N807zW_modelDetails h3{overflow-wrap:anywhere;margin:0;font-size:14px}.N807zW_modelHeading{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.N807zW_stats{flex-direction:column;gap:10px;display:flex}.N807zW_stat{flex-direction:column;gap:4px;display:flex}.N807zW_statLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.5}.N807zW_modelDetails .N807zW_input{box-sizing:border-box;width:100%;min-width:0;height:30px;padding:0 9px;font-size:12px}.N807zW_modalities{flex-wrap:wrap;gap:4px;display:flex}.N807zW_modality,.N807zW_modalityOff{border-radius:6px;padding:2px 7px;font-size:11px;line-height:1.5}.N807zW_modality{background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-secondary)}.N807zW_modalityOff{border:.5px dashed var(--dsw-alias-border-l4);color:var(--dsw-alias-label-tertiary)}.N807zW_modelDetails .N807zW_reset{align-self:flex-start}.N807zW_paneFoot{color:var(--dsw-alias-label-tertiary);margin:auto 0 0;font-size:11px;line-height:1.5}.N807zW_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}.N807zW_modelChoice:focus-visible,.N807zW_filter:focus-visible,.N807zW_cardTrigger:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}@container (width<=440px){.N807zW_advancedGrid{grid-template-columns:minmax(0,1fr)}.N807zW_modelLayout{flex:none;grid-template-columns:minmax(0,1fr);max-height:none}.N807zW_modelList{border-right:0;border-bottom:.5px solid var(--dsw-alias-border-l2);max-height:240px}.N807zW_modelDetails{max-height:460px}}@media (prefers-reduced-motion:reduce){.N807zW_chevron,.N807zW_chevronOpen{transition:none}}";
+  style.textContent = ".N807zW_accounts{gap:10px;margin:12px 0;display:grid}.N807zW_accountRow{border:.5px solid var(--dsw-alias-border-l2);border-radius:10px}.N807zW_accountRow[data-dragging=true]{opacity:.55}.N807zW_accountMain{grid-template-columns:16px 112px 92px minmax(0,1fr) 38px 106px 14px;align-items:center;gap:9px;padding:9px 11px;display:grid}.N807zW_accountHandle{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);cursor:grab;-webkit-user-drag:element;background:0 0;border:0;place-items:center;padding:0;display:grid}.N807zW_accountHandle:disabled{cursor:default;opacity:.5}.N807zW_accountHandle:focus-visible,.N807zW_accountToggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px;border-radius:4px}.N807zW_accountName{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--dsw-alias-label-primary);font-size:12.5px;font-weight:600;overflow:hidden}.N807zW_accountState{min-width:0;color:var(--dsw-alias-label-tertiary);align-items:center;gap:5px;font-size:11.5px;display:inline-flex;overflow:hidden}.N807zW_accountDot{background:#39a878;border-radius:50%;flex:none;width:6px;height:6px}.N807zW_accountDot[data-off=true]{background:#d9a441}.N807zW_accountPercent{text-align:right;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary);font-size:12.5px;font-weight:650}.N807zW_accountBar{background:#ffffff1a;border-radius:99px;height:12px;position:relative;overflow:hidden}.N807zW_accountBarFill{background:#39a878;border-radius:99px;position:absolute;inset:0 auto 0 0}.N807zW_accountBar[data-level=high] .N807zW_accountBarFill{background:#e0a100}.N807zW_accountBar[data-level=limited] .N807zW_accountBarFill{background:#e5484d}.N807zW_accountBarTick{background:#fff3;width:1px;position:absolute;top:0;bottom:0}.N807zW_accountReset{text-align:right;color:var(--dsw-alias-label-tertiary);font-size:11.5px}.N807zW_accountIdle{text-align:right;color:var(--dsw-alias-label-tertiary);grid-column:4/7;font-size:11.5px;line-height:1.5}.N807zW_accountToggle{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.N807zW_accountProblems{align-items:baseline;gap:8px;padding:0 11px 9px 36px;display:flex}.N807zW_accountRetry{font:inherit;color:var(--dsw-alias-brand-primary);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:11.5px;line-height:1.5}.N807zW_accountRetry:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.N807zW_accountHandle:active{cursor:grabbing}.N807zW_accountDetail{border-top:.5px solid var(--dsw-alias-border-l2);flex-direction:column;gap:8px;padding:9px 11px 10px 36px;display:flex}.N807zW_accountDropLine{background:var(--dsw-alias-brand-primary);border-radius:2px;height:2px}.N807zW_accountUsage{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-size:12px;display:grid}.N807zW_accountUsage progress{accent-color:#39a878;width:100%;height:8px;margin:6px 0;display:block}.N807zW_accountUsage progress[data-level=high]{accent-color:#e0a100}.N807zW_accountUsage progress[data-level=limited]{accent-color:#e5484d}.N807zW_accountUsage .N807zW_hint{overflow-wrap:anywhere;display:block}.N807zW_accountActions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.N807zW_accountEditor{border:.5px solid var(--dsw-alias-border-l2);background:color-mix(in srgb, var(--dsw-alias-bg-layer-3) 25%, transparent);border-radius:10px;flex-direction:column;gap:8px;margin:0 11px 10px 36px;padding:10px 12px;display:flex}.N807zW_accountEditorHead{align-items:baseline;gap:6px;min-width:0;display:flex}.N807zW_accountEditorTitle{color:var(--dsw-alias-label-primary);flex:none;font-size:12.5px;font-weight:600;line-height:1.5}.N807zW_accountEditorFor{min-width:0;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere;font-size:11.5px;line-height:1.5}.N807zW_accountField{color:var(--dsw-alias-label-tertiary);flex-direction:column;gap:5px;font-size:11.5px;line-height:1.5;display:flex}.N807zW_accountEditorActions{align-items:center;gap:8px;margin-top:2px;display:flex}@media (width<=480px){.N807zW_accountUsage{grid-template-columns:1fr}}.N807zW_page{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;container-type:size}.N807zW_pageBody{scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;padding:0 4px 16px 0;display:flex;overflow-y:auto}.N807zW_pageBody,.N807zW_modelList,.N807zW_modelDetails{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l3) transparent}.N807zW_pageBody::-webkit-scrollbar,.N807zW_modelList::-webkit-scrollbar,.N807zW_modelDetails::-webkit-scrollbar{width:8px;height:8px}.N807zW_pageBody::-webkit-scrollbar-track,.N807zW_modelList::-webkit-scrollbar-track,.N807zW_modelDetails::-webkit-scrollbar-track{background:0 0}.N807zW_pageBody::-webkit-scrollbar-thumb,.N807zW_modelList::-webkit-scrollbar-thumb,.N807zW_modelDetails::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l3);background-clip:content-box;border:2px solid #0000;border-radius:999px}.N807zW_pageBody:hover::-webkit-scrollbar-thumb,.N807zW_modelList:hover::-webkit-scrollbar-thumb,.N807zW_modelDetails:hover::-webkit-scrollbar-thumb{background:var(--dsw-alias-label-tertiary);background-clip:content-box}.N807zW_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.N807zW_field+.N807zW_field{border-top:.5px solid var(--dsw-alias-border-l2)}.N807zW_head{align-items:center;gap:8px;display:flex}.N807zW_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.N807zW_badges{align-items:center;gap:8px;display:inline-flex}.N807zW_trailing{flex:none;align-items:center;gap:8px;display:inline-flex}.N807zW_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}.N807zW_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.N807zW_reset:disabled{cursor:default}.N807zW_reset:focus-visible,.N807zW_cardTrigger:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}.N807zW_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}.N807zW_input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px;border-color:var(--dsw-alias-brand-primary)}.N807zW_input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.N807zW_inputInvalid{border-color:var(--dsw-alias-label-error);}.N807zW_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.N807zW_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.N807zW_pageTop{flex-direction:column;gap:3px;padding:2px 0 12px;display:flex}.N807zW_title{color:var(--dsw-alias-label-primary);margin:0;font-size:15px;font-weight:600;line-height:1.4}.N807zW_intro{color:var(--dsw-alias-label-secondary);margin:0;font-size:13px;line-height:1.5}.N807zW_card,.N807zW_cardModels{border:.5px solid var(--dsw-alias-border-l2);background:color-mix(in srgb, var(--dsw-alias-bg-layer-3) 40%, transparent);border-radius:12px;padding:8px 0 10px}.N807zW_card{flex:none}.N807zW_card+.N807zW_card,.N807zW_card+.N807zW_cardModels,.N807zW_cardModels+.N807zW_card{margin-top:8px}.N807zW_cardModels{flex-direction:column;flex:1 0 auto;display:flex}.N807zW_cardFolded{flex:none}.N807zW_cardHead{align-items:center;gap:8px;min-height:24px;padding:0 14px;display:flex}.N807zW_cardTitle{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13.5px;font-weight:600;line-height:1.5}.N807zW_cardSub{color:var(--dsw-alias-label-tertiary);flex:none;font-size:11.5px;line-height:1.5}.N807zW_cardStamp{white-space:nowrap;color:var(--dsw-alias-label-tertiary);flex:none;font-size:11.5px;line-height:1.5}.N807zW_cardBody{flex-direction:column;gap:8px;padding:4px 14px 0;display:flex}.N807zW_cardBody>.N807zW_input{box-sizing:border-box;width:100%}.N807zW_cardModels>.N807zW_cardBody{flex:1 0 auto}.N807zW_cardNotes{flex-direction:column;gap:8px;padding:6px 14px 2px;display:flex}.N807zW_cardNotes:empty{display:none}.N807zW_cardDivider{border-top:.5px solid var(--dsw-alias-border-l2);margin:10px 14px}.N807zW_cardTrigger{width:100%;min-height:24px;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin:0;padding:0 14px;display:flex}.N807zW_cardTrigger:hover .N807zW_cardTitle{color:var(--dsw-alias-brand-primary)}.N807zW_cardHead>.N807zW_cardTrigger{padding:0}.N807zW_advancedGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 18px;display:grid}.N807zW_advancedGrid .N807zW_field{padding:0}.N807zW_advancedGrid .N807zW_field+.N807zW_field{border-top:none}.N807zW_limitsEditor{flex-direction:column;flex:1 0 auto;gap:10px;padding-top:4px;display:flex}.N807zW_limitsFoot{border-top:.5px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;margin:2px -14px 0;padding:10px 14px 0;display:flex}.N807zW_limitsSummary{min-width:0;color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:1;font-size:12px;line-height:1.5}.N807zW_modelMeta{align-items:baseline;gap:10px;display:flex}.N807zW_modelMeta .N807zW_limitsModelId{flex:1;min-width:0}.N807zW_releaseDate{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:11px;line-height:1.4}.N807zW_limitsModelId{text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4;display:block;overflow:hidden}.N807zW_visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.N807zW_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}.N807zW_starLink{max-width:100%;color:var(--dsw-alias-label-secondary);border-radius:4px;align-items:center;gap:7px;margin-left:auto;padding:6px 0;font-size:12px;line-height:1.5;text-decoration:none;display:inline-flex}.N807zW_starLink svg{flex:none}.N807zW_starLink:hover{color:var(--dsw-alias-brand-primary)}.N807zW_starLink:hover span{text-underline-offset:3px;text-decoration:underline}.N807zW_starLink:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}.N807zW_failedNote{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.N807zW_slot{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:inline-flex}.N807zW_slot svg{width:15px;height:15px}.N807zW_chevron,.N807zW_chevronOpen{width:14px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .15s}.N807zW_chevron{transform:rotate(-90deg)}.N807zW_filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.N807zW_filterAction{align-items:center;margin-left:auto;display:inline-flex}.N807zW_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}.N807zW_filter[aria-pressed=true]{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3)}.N807zW_filter span{color:var(--dsw-alias-label-tertiary);margin-left:4px}.N807zW_modelLayout{border:.5px solid var(--dsw-alias-border-l4);border-radius:10px;flex:auto;grid-template-columns:minmax(0,45fr) minmax(0,55fr);min-height:260px;max-height:560px;display:grid;overflow:hidden}.N807zW_modelList{border-right:.5px solid var(--dsw-alias-border-l2);min-height:0;padding:4px 6px;overflow-y:auto}.N807zW_modelRow{align-items:center;gap:8px;padding-right:6px;display:flex}.N807zW_modelRow+.N807zW_modelRow{border-top:.5px solid var(--dsw-alias-border-l2)}.N807zW_modelRowSelected{background:var(--dsw-alias-bg-layer-3);border-top-color:#0000;border-radius:6px}.N807zW_modelRow>[role=switch]{flex-shrink:0}.N807zW_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;align-items:baseline;padding:9px 3px 9px 6px;display:flex}.N807zW_modelRow:hover:not(.N807zW_modelRowSelected){background:color-mix(in srgb, var(--dsw-alias-bg-layer-3) 92%, var(--dsw-alias-label-primary));border-top-color:#0000;border-radius:6px}.N807zW_modelName{overflow-wrap:anywhere;flex-wrap:wrap;flex:0 auto;align-items:center;gap:5px;min-width:0;font-size:13px;display:flex}.N807zW_overrideDot{background:var(--dsw-alias-brand-primary);border-radius:50%;flex:none;width:6px;height:6px}.N807zW_modelDetails{flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.N807zW_modelDetails h3{overflow-wrap:anywhere;margin:0;font-size:14px}.N807zW_modelHeading{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.N807zW_stats{flex-direction:column;gap:10px;display:flex}.N807zW_stat{flex-direction:column;gap:4px;display:flex}.N807zW_statLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.5}.N807zW_modelDetails .N807zW_input{box-sizing:border-box;width:100%;min-width:0;height:30px;padding:0 9px;font-size:12px}.N807zW_modalities{flex-wrap:wrap;gap:4px;display:flex}.N807zW_modality,.N807zW_modalityOff{border-radius:6px;padding:2px 7px;font-size:11px;line-height:1.5}.N807zW_modality{background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-secondary)}.N807zW_modalityOff{border:.5px dashed var(--dsw-alias-border-l4);color:var(--dsw-alias-label-tertiary)}.N807zW_modelDetails .N807zW_reset{align-self:flex-start}.N807zW_paneFoot{color:var(--dsw-alias-label-tertiary);margin:auto 0 0;font-size:11px;line-height:1.5}.N807zW_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}.N807zW_modelChoice:focus-visible,.N807zW_filter:focus-visible,.N807zW_cardTrigger:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}@container (width<=440px){.N807zW_advancedGrid{grid-template-columns:minmax(0,1fr)}.N807zW_modelLayout{flex:none;grid-template-columns:minmax(0,1fr);max-height:none}.N807zW_modelList{border-right:0;border-bottom:.5px solid var(--dsw-alias-border-l2);max-height:240px}.N807zW_modelDetails{max-height:460px}}@media (prefers-reduced-motion:reduce){.N807zW_chevron,.N807zW_chevronOpen{transition:none}}";
   document.head.appendChild(style);
 }
-var Section_default = { "actions": "N807zW_actions", "advancedGrid": "N807zW_advancedGrid", "badges": "N807zW_badges", "card": "N807zW_card", "cardBody": "N807zW_cardBody", "cardDivider": "N807zW_cardDivider", "cardFolded": "N807zW_cardFolded", "cardHead": "N807zW_cardHead", "cardModels": "N807zW_cardModels", "cardNotes": "N807zW_cardNotes", "cardSub": "N807zW_cardSub", "cardTitle": "N807zW_cardTitle", "cardTrigger": "N807zW_cardTrigger", "chevron": "N807zW_chevron", "chevronOpen": "N807zW_chevronOpen", "failedNote": "N807zW_failedNote", "field": "N807zW_field", "filter": "N807zW_filter", "filterAction": "N807zW_filterAction", "filters": "N807zW_filters", "head": "N807zW_head", "hint": "N807zW_hint", "input": "N807zW_input", "inputInvalid": "N807zW_inputInvalid N807zW_input", "intro": "N807zW_intro", "invalid": "N807zW_invalid", "label": "N807zW_label", "limitsEditor": "N807zW_limitsEditor", "limitsFoot": "N807zW_limitsFoot", "limitsModelId": "N807zW_limitsModelId", "limitsSummary": "N807zW_limitsSummary", "modalities": "N807zW_modalities", "modality": "N807zW_modality", "modalityOff": "N807zW_modalityOff", "modelChoice": "N807zW_modelChoice", "modelDetails": "N807zW_modelDetails", "modelHeading": "N807zW_modelHeading", "modelLayout": "N807zW_modelLayout", "modelList": "N807zW_modelList", "modelMeta": "N807zW_modelMeta", "modelName": "N807zW_modelName", "modelRow": "N807zW_modelRow", "modelRowSelected": "N807zW_modelRowSelected", "newBadge": "N807zW_newBadge", "overrideDot": "N807zW_overrideDot", "page": "N807zW_page", "pageBody": "N807zW_pageBody", "pageTop": "N807zW_pageTop", "paneFoot": "N807zW_paneFoot", "releaseDate": "N807zW_releaseDate", "reset": "N807zW_reset", "slot": "N807zW_slot", "starLink": "N807zW_starLink", "stat": "N807zW_stat", "statLabel": "N807zW_statLabel", "stats": "N807zW_stats", "title": "N807zW_title", "trailing": "N807zW_trailing", "visuallyHidden": "N807zW_visuallyHidden" };
+var Section_default = { "accountActions": "N807zW_accountActions", "accountBar": "N807zW_accountBar", "accountBarFill": "N807zW_accountBarFill", "accountBarTick": "N807zW_accountBarTick", "accountDetail": "N807zW_accountDetail", "accountDot": "N807zW_accountDot", "accountDropLine": "N807zW_accountDropLine", "accountEditor": "N807zW_accountEditor", "accountEditorActions": "N807zW_accountEditorActions", "accountEditorFor": "N807zW_accountEditorFor", "accountEditorHead": "N807zW_accountEditorHead", "accountEditorTitle": "N807zW_accountEditorTitle", "accountField": "N807zW_accountField", "accountHandle": "N807zW_accountHandle", "accountIdle": "N807zW_accountIdle", "accountMain": "N807zW_accountMain", "accountName": "N807zW_accountName", "accountPercent": "N807zW_accountPercent", "accountProblems": "N807zW_accountProblems", "accountReset": "N807zW_accountReset", "accountRetry": "N807zW_accountRetry", "accountRow": "N807zW_accountRow", "accountState": "N807zW_accountState", "accountToggle": "N807zW_accountToggle", "accountUsage": "N807zW_accountUsage", "accounts": "N807zW_accounts", "actions": "N807zW_actions", "advancedGrid": "N807zW_advancedGrid", "badges": "N807zW_badges", "card": "N807zW_card", "cardBody": "N807zW_cardBody", "cardDivider": "N807zW_cardDivider", "cardFolded": "N807zW_cardFolded", "cardHead": "N807zW_cardHead", "cardModels": "N807zW_cardModels", "cardNotes": "N807zW_cardNotes", "cardStamp": "N807zW_cardStamp", "cardSub": "N807zW_cardSub", "cardTitle": "N807zW_cardTitle", "cardTrigger": "N807zW_cardTrigger", "chevron": "N807zW_chevron", "chevronOpen": "N807zW_chevronOpen", "failedNote": "N807zW_failedNote", "field": "N807zW_field", "filter": "N807zW_filter", "filterAction": "N807zW_filterAction", "filters": "N807zW_filters", "head": "N807zW_head", "hint": "N807zW_hint", "input": "N807zW_input", "inputInvalid": "N807zW_inputInvalid N807zW_input", "intro": "N807zW_intro", "invalid": "N807zW_invalid", "label": "N807zW_label", "limitsEditor": "N807zW_limitsEditor", "limitsFoot": "N807zW_limitsFoot", "limitsModelId": "N807zW_limitsModelId", "limitsSummary": "N807zW_limitsSummary", "modalities": "N807zW_modalities", "modality": "N807zW_modality", "modalityOff": "N807zW_modalityOff", "modelChoice": "N807zW_modelChoice", "modelDetails": "N807zW_modelDetails", "modelHeading": "N807zW_modelHeading", "modelLayout": "N807zW_modelLayout", "modelList": "N807zW_modelList", "modelMeta": "N807zW_modelMeta", "modelName": "N807zW_modelName", "modelRow": "N807zW_modelRow", "modelRowSelected": "N807zW_modelRowSelected", "newBadge": "N807zW_newBadge", "overrideDot": "N807zW_overrideDot", "page": "N807zW_page", "pageBody": "N807zW_pageBody", "pageTop": "N807zW_pageTop", "paneFoot": "N807zW_paneFoot", "releaseDate": "N807zW_releaseDate", "reset": "N807zW_reset", "slot": "N807zW_slot", "starLink": "N807zW_starLink", "stat": "N807zW_stat", "statLabel": "N807zW_statLabel", "stats": "N807zW_stats", "title": "N807zW_title", "trailing": "N807zW_trailing", "visuallyHidden": "N807zW_visuallyHidden" };
 
 // src/client/ModelEditor.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -375,21 +375,447 @@ function Capacity({ model, field, limit, disabled, t, locale, onChange }) {
   ] });
 }
 
+// src/client/AccountsCard.tsx
+var import_react2 = require("react");
+var primitives = __toESM(require("@deepseek-ai/dsh-client-ui-primitives"), 1);
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/accounts.ts
+var MAX_ACCOUNTS = 20;
+var ACCOUNT_REF_PREFIX = "DSH_OPENCODE_GO_ACCOUNT_";
+var DEFAULT_ACCOUNT_REF = "OPENCODE_API_KEY";
+function accountRefOf(settings) {
+  return settings.apiKeyEnv || DEFAULT_ACCOUNT_REF;
+}
+function accountsOf(settings) {
+  const ref = accountRefOf(settings);
+  if (settings.accounts?.length === 0) return [];
+  const accounts = settings.accounts ?? [];
+  return accounts.some((account) => account.apiKeyEnv === ref) ? accounts : [
+    { id: `legacy:${ref}`, name: "", apiKeyEnv: ref },
+    ...accounts
+  ];
+}
+
+// src/client/AccountsCard.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var WINDOWS = ["rolling", "weekly", "monthly"];
+var TICKS = [25, 50, 75];
+var ChevronDown = primitives.IconChevronDownOutlineRegular ?? primitives.IconChevronDownOutline14;
+function resetText(resetsAt, t) {
+  const remaining = Date.parse(resetsAt) - Date.now();
+  if (!Number.isFinite(remaining)) return t("usageResetUnknown");
+  if (remaining <= 0) return t("usageResetDue");
+  const minutes = Math.max(1, Math.round(remaining / 6e4));
+  if (minutes < 60) return t("usageResetMinutes", { minutes });
+  const hours = Math.round(minutes / 60);
+  if (hours < 24) return t("usageResetHours", { hours });
+  return t("usageResetDays", { days: Math.round(hours / 24) });
+}
+function barLevel(window) {
+  if (window.status === "rate-limited" || window.percent >= 100) return "limited";
+  return window.percent >= 80 ? "high" : "ok";
+}
+function stampText(at, locale) {
+  const date = new Date(at);
+  const time = date.toLocaleTimeString(locale, { hour: "2-digit", minute: "2-digit" });
+  return date.toDateString() === (/* @__PURE__ */ new Date()).toDateString() ? time : `${date.toLocaleDateString(locale)} ${time}`;
+}
+function GripIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { width: "10", height: "14", viewBox: "0 0 10 14", fill: "currentColor", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "2.5", cy: "2.5", r: "1.3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "7.5", cy: "2.5", r: "1.3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "2.5", cy: "7", r: "1.3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "7.5", cy: "7", r: "1.3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "2.5", cy: "11.5", r: "1.3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "7.5", cy: "11.5", r: "1.3" })
+  ] });
+}
+function AccountsCard({ state, actions, writable, t, locale }) {
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const [details, setDetails] = (0, import_react2.useState)(null);
+  const [dragging, setDragging] = (0, import_react2.useState)(null);
+  const [dropAt, setDropAt] = (0, import_react2.useState)(null);
+  const [editor, setEditor] = (0, import_react2.useState)(null);
+  const [name, setName] = (0, import_react2.useState)("");
+  const [key, setKey] = (0, import_react2.useState)("");
+  const disabled = state.busy || state.blocked || !writable;
+  const total = state.entries.length;
+  const ready = state.entries.filter((entry) => entry.configured === true).length;
+  const unreadable = state.entries.filter((entry) => entry.failed === true).length;
+  const preferred = state.entries.find((entry) => entry.apiKeyEnv === state.activeRef);
+  const reorderable = !disabled && total > 1;
+  const updatedAt = state.entries.reduce((latest, entry) => Math.max(latest, entry.updatedAt ?? 0), 0);
+  (0, import_react2.useEffect)(() => {
+    actions.loadAccounts();
+    const timer = setInterval(() => {
+      if (document.visibilityState !== "hidden") actions.loadAccounts();
+    }, 6e4);
+    return () => {
+      clearInterval(timer);
+    };
+  }, [actions.loadAccounts]);
+  const start = (next, label = "") => {
+    setEditor(next);
+    setName(label);
+    setKey("");
+  };
+  const cancel = () => {
+    setEditor(null);
+    setName("");
+    setKey("");
+  };
+  (0, import_react2.useEffect)(() => {
+    if (editor?.ref != null && !state.entries.some((entry) => entry.apiKeyEnv === editor.ref)) cancel();
+  }, [state.entries, editor]);
+  const submit = async () => {
+    if (!editor) return;
+    const accepted = editor.kind === "add" ? await actions.addAccount(name, key) : editor.kind === "rename" ? await actions.renameAccount(editor.ref, name) : editor.kind === "key" ? await actions.replaceAccountKey(editor.ref, key) : await actions.removeAccount(editor.ref);
+    if (accepted) cancel();
+  };
+  const move = (ref, toIndex) => {
+    void actions.moveAccount(ref, toIndex);
+  };
+  const summary = total ? t("accountsSummary", { count: total, name: preferred ? preferred.name || t("accountDefault") : "" }) : t("accountsSummaryEmpty");
+  const editorTitle = (kind) => t(kind === "add" ? "accountAdd" : kind === "rename" ? "accountRename" : kind === "key" ? "accountReplaceKey" : "accountRemove");
+  const editorForm = (label = "") => editor ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "form",
+    {
+      className: Section_default.accountEditor,
+      onSubmit: (event) => {
+        event.preventDefault();
+        void submit();
+      },
+      onKeyDown: (event) => {
+        if (event.key === "Escape") {
+          event.preventDefault();
+          cancel();
+        }
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.accountEditorHead, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.accountEditorTitle, children: editorTitle(editor.kind) }),
+          label ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.accountEditorFor, children: label }) : null
+        ] }),
+        editor.kind === "remove" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: t("accountRemoveHint", { name }) }) : null,
+        editor.kind === "add" || editor.kind === "rename" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: Section_default.accountField, children: [
+          t("accountName"),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "input",
+            {
+              className: Section_default.input,
+              value: name,
+              maxLength: 80,
+              required: true,
+              disabled: state.busy,
+              autoFocus: true,
+              onChange: (event) => {
+                setName(event.target.value);
+              }
+            }
+          )
+        ] }) : null,
+        editor.kind === "add" || editor.kind === "key" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: Section_default.accountField, children: [
+            t("keyLabel"),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "input",
+              {
+                className: Section_default.input,
+                type: "password",
+                autoComplete: "off",
+                value: key,
+                required: true,
+                disabled: state.busy,
+                autoFocus: true,
+                onChange: (event) => {
+                  setKey(event.target.value);
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: t("accountKeyHint") })
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.accountEditorActions, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_dsh_client_ui_primitives2.Button,
+            {
+              variant: "primary",
+              size: "sm",
+              type: "submit",
+              disabled: editor.kind === "key" ? state.busy || state.blocked : disabled,
+              children: t(state.busy ? "saving" : "accountConfirm")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "outline", size: "sm", type: "button", disabled: state.busy, onClick: cancel, children: t("accountCancel") })
+        ] })
+      ]
+    }
+  ) : null;
+  const detail = (account, label) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.accountDetail, children: [
+    account.usage ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: Section_default.accountUsage, children: WINDOWS.map((window) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
+        t(`usage_${window}`),
+        " \xB7 ",
+        account.usage[window].percent,
+        "%"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "progress",
+        {
+          "data-level": barLevel(account.usage[window]),
+          max: 100,
+          value: Math.min(100, account.usage[window].percent),
+          "aria-label": `${label} ${t(`usage_${window}`)}`
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: Section_default.hint, children: [
+        t("usageResets"),
+        " ",
+        new Date(account.usage[window].resetsAt).toLocaleString(locale)
+      ] })
+    ] }, window)) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: t(account.loading ? "usageLoading" : "usageUnavailable") }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.accountActions, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "outline", size: "sm", disabled, onClick: () => {
+        start({ kind: "rename", ref: account.apiKeyEnv }, label);
+      }, children: t("accountRename") }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "outline", size: "sm", disabled: state.busy || state.blocked || account.writable === false, onClick: () => {
+        start({ kind: "key", ref: account.apiKeyEnv }, label);
+      }, children: t("accountReplaceKey") }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "outline", size: "sm", disabled, onClick: () => {
+        start({ kind: "remove", ref: account.apiKeyEnv }, label);
+      }, children: t("accountRemove") })
+    ] })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: open ? Section_default.card : Section_default.card + " " + Section_default.cardFolded, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.cardHead, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: Section_default.cardTrigger,
+          "aria-expanded": open,
+          "aria-controls": "opencode-go-accounts",
+          onClick: () => {
+            setOpen(!open);
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.cardTitle, children: t("accountsTitle") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.cardSub, children: summary }),
+            total > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Tag, { tone: unreadable > 0 || ready < total ? "warning" : "success", children: t(unreadable > 0 ? "accountsAvailabilityFailed" : "accountsAvailability", { ready, total, failed: unreadable }) }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronDown, { className: open ? Section_default.chevronOpen : Section_default.chevron })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: Section_default.trailing, children: [
+        updatedAt > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: Section_default.cardStamp, title: new Date(updatedAt).toLocaleString(locale), children: [
+          t("usageLastUpdated"),
+          " ",
+          stampText(updatedAt, locale)
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_dsh_client_ui_primitives2.Button,
+          {
+            variant: "outline",
+            size: "sm",
+            disabled: state.refreshing,
+            onClick: actions.loadAccounts,
+            children: t(state.refreshing ? "usageRefreshing" : "accountsRefresh")
+          }
+        )
+      ] })
+    ] }),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { id: "opencode-go-accounts", className: Section_default.cardBody, children: [
+      state.blocked ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: t("accountsBlocked") }) : null,
+      state.failure ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.failedNote, role: "alert", children: t(state.failure === "cleanup" ? "accountsCleanupFailed" : state.failure === "remove" ? "accountsRemoveKeyFailed" : state.failure === "read" ? "accountsReadFailed" : "accountsWriteFailed") }) : null,
+      !total ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: t("accountsEmpty") }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.accounts, children: [
+        state.entries.map((account, index) => {
+          const label = account.name || t("accountDefault");
+          const rolling = account.usage?.rolling;
+          const expanded = details === account.apiKeyEnv;
+          const panelId = `opencode-go-account-${index}`;
+          return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Fragment, { children: [
+            reorderable && dropAt === index ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: Section_default.accountDropLine }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              "div",
+              {
+                className: Section_default.accountRow,
+                "data-account-row": account.apiKeyEnv,
+                "data-dragging": dragging === account.apiKeyEnv ? "true" : void 0,
+                onDragStart: (event) => {
+                  if (!reorderable || event.target?.closest?.("[data-account-handle]") == null) {
+                    event.preventDefault();
+                    return;
+                  }
+                  if (event.dataTransfer) {
+                    event.dataTransfer.effectAllowed = "move";
+                    event.dataTransfer.setData("text/plain", account.apiKeyEnv);
+                    if (typeof event.dataTransfer.setDragImage === "function") {
+                      event.dataTransfer.setDragImage(event.currentTarget, 16, 16);
+                    }
+                  }
+                  setDragging(account.apiKeyEnv);
+                },
+                onDragOver: (event) => {
+                  if (!reorderable || dragging === null || dragging === account.apiKeyEnv) return;
+                  event.preventDefault();
+                  if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
+                  const box = event.currentTarget.getBoundingClientRect();
+                  setDropAt(event.clientY < box.top + box.height / 2 ? index : index + 1);
+                },
+                onDrop: (event) => {
+                  const source = dragging;
+                  const slot = dropAt;
+                  setDragging(null);
+                  setDropAt(null);
+                  if (source === null || slot === null) return;
+                  event.preventDefault();
+                  const from = state.entries.findIndex((entry) => entry.apiKeyEnv === source);
+                  if (from >= 0) move(source, slot > from ? slot - 1 : slot);
+                },
+                onDragEnd: () => {
+                  setDragging(null);
+                  setDropAt(null);
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.accountMain, "data-account-main": "", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        className: Section_default.accountHandle,
+                        "data-account-handle": "",
+                        draggable: reorderable,
+                        disabled: !reorderable,
+                        title: t("accountDragHandle", { name: label }),
+                        "aria-label": t("accountDragHandle", { name: label }),
+                        onKeyDown: (event) => {
+                          if (event.key === "ArrowUp" && index > 0) {
+                            event.preventDefault();
+                            move(account.apiKeyEnv, index - 1);
+                          }
+                          if (event.key === "ArrowDown" && index < total - 1) {
+                            event.preventDefault();
+                            move(account.apiKeyEnv, index + 1);
+                          }
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(GripIcon, {})
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { className: Section_default.accountName, title: label, children: label }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: Section_default.accountState, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.accountDot, "data-off": account.configured === false ? "true" : void 0 }),
+                      account.configured === void 0 ? t(account.failed ? "accountsStatusUnknown" : "usageLoading") : account.configured ? t("keyConfigured") : t("keyMissing")
+                    ] }),
+                    rolling ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                        "span",
+                        {
+                          className: Section_default.accountBar,
+                          role: "progressbar",
+                          "data-level": barLevel(rolling),
+                          "aria-valuemin": 0,
+                          "aria-valuemax": 100,
+                          "aria-valuenow": Math.min(100, rolling.percent),
+                          "aria-label": `${label} ${t("usage_rolling")}`,
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.accountBarFill, style: { width: `${Math.min(100, rolling.percent)}%` } }),
+                            TICKS.map((at) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.accountBarTick, style: { left: `${at}%` } }, at))
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: Section_default.accountPercent, children: [
+                        rolling.percent,
+                        "%"
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.accountReset, children: resetText(rolling.resetsAt, t) })
+                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.accountIdle, children: account.configured === false ? t("accountConfigureHint") : t(account.loading ? "usageLoading" : "usageUnavailable") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        className: Section_default.accountToggle,
+                        "aria-expanded": expanded,
+                        "aria-controls": panelId,
+                        "aria-label": t(expanded ? "accountsDetailsHide" : "accountsDetails", { name: label }),
+                        onClick: () => {
+                          setDetails(expanded ? null : account.apiKeyEnv);
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronDown, { className: expanded ? Section_default.chevronOpen : Section_default.chevron })
+                      }
+                    )
+                  ] }),
+                  account.failed ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.accountProblems, role: "alert", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.failedNote, children: account.problem ?? t(account.stale ? "usageStaleHint" : "usageRefreshFailed") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        className: Section_default.accountRetry,
+                        disabled: state.refreshing,
+                        onClick: actions.loadAccounts,
+                        children: t("usageRetry")
+                      }
+                    )
+                  ] }) : null,
+                  expanded ? detail(account, label) : null,
+                  editor?.ref === account.apiKeyEnv ? editorForm(label) : null
+                ]
+              }
+            )
+          ] }, account.id);
+        }),
+        reorderable && dropAt === total ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: Section_default.accountDropLine }) : null
+      ] }),
+      editor ? editor.kind === "add" ? editorForm() : null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_dsh_client_ui_primitives2.Button,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: disabled || total >= MAX_ACCOUNTS,
+          onClick: () => {
+            start({ kind: "add" });
+          },
+          children: t("accountAdd")
+        }
+      ),
+      /* @__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("accountAutoSwitch") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_dsh_client_ui_primitives2.Switch,
+            {
+              checked: state.autoSwitch,
+              disabled,
+              label: t("accountAutoSwitch"),
+              onChange: (next) => {
+                void actions.setAutoSwitch(next);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: t("accountAutoSwitchHint") })
+      ] })
+    ] }) : null
+  ] });
+}
+
 // src/usage-display.ts
 var USAGE_DISPLAY_MODES = ["auto", "always", "off"];
 var DEFAULT_USAGE_DISPLAY = "auto";
 
 // src/client/Section.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ChevronDown = primitives.IconChevronDownOutlineRegular ?? primitives.IconChevronDownOutline14;
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ChevronDown2 = primitives2.IconChevronDownOutlineRegular ?? primitives2.IconChevronDownOutline14;
 function ValueField(props) {
   const hintId = props.id + "-hint";
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.field, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.head, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: Section_default.label, htmlFor: props.id, children: props.label }),
-      props.field.overridden ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: Section_default.badges, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Tag, { tone: "neutral", children: props.overriddenLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Section_default.field, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Section_default.head, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { className: Section_default.label, htmlFor: props.id, children: props.label }),
+      props.field.overridden ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: Section_default.badges, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Tag, { tone: "neutral", children: props.overriddenLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "button",
           {
             type: "button",
@@ -401,7 +827,7 @@ function ValueField(props) {
         )
       ] }) : null
     ] }),
-    props.options ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    props.options ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "select",
       {
         id: props.id,
@@ -414,14 +840,15 @@ function ValueField(props) {
         onChange: (event) => {
           props.onEdit(event.target.value);
         },
-        children: props.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: option.value, children: option.label }, option.value))
+        children: props.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: option.value, children: option.label }, option.value))
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "input",
       {
         id: props.id,
         name: props.id,
         autoComplete: "off",
+        placeholder: props.placeholder,
         "aria-describedby": hintId,
         className: props.field.invalid ? Section_default.inputInvalid : Section_default.input,
         type: props.numeric === true ? "number" : "text",
@@ -434,7 +861,7 @@ function ValueField(props) {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { id: hintId, className: props.field.invalid ? Section_default.invalid : Section_default.hint, children: props.field.invalid ? props.invalidLabel : props.hint })
+    /* @__PURE__ */ (0, import_jsx_runtime3.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, locale }) {
@@ -442,7 +869,7 @@ function ModelsBody({ models, t, locale }) {
   const metadataOnlyFailure = sources?.metadata.error !== void 0 && sources.listing.error === void 0;
   const sourceStatus = sources ? ["listing", "metadata"].map((source) => {
     const status = sources[source];
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: Section_default.hint, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: Section_default.hint, children: [
       t(source === "listing" ? "modelsListingSource" : "modelsMetadataSource"),
       ": ",
       " ",
@@ -453,28 +880,28 @@ function ModelsBody({ models, t, locale }) {
     ] }, source);
   }) : null;
   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(metadataOnlyFailure ? "modelsMetadataFailed" : "modelsFailed") }),
-      models.message ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: models.message }) : null,
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Section_default.failedNote, role: "alert", children: t(metadataOnlyFailure ? "modelsMetadataFailed" : "modelsFailed") }),
+      models.message ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Section_default.hint, children: models.message }) : null,
       sourceStatus
     ] });
   }
-  if (models.status !== "ready") return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, role: "status", "aria-live": "polite", children: t("modelsLoading") });
-  const progress = models.refreshing ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, role: "status", children: t("modelsRefreshing") }) : null;
-  if (models.stale) return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+  if (models.status !== "ready") return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Section_default.hint, role: "status", "aria-live": "polite", children: t("modelsLoading") });
+  const progress = models.refreshing ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Section_default.hint, role: "status", children: t("modelsRefreshing") }) : null;
+  if (models.stale) return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     progress,
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.failedNote, role: "alert", children: t(metadataOnlyFailure ? "modelsMetadataFailed" : "modelsStale") }),
-    models.message ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: models.message }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Section_default.failedNote, role: "alert", children: t(metadataOnlyFailure ? "modelsMetadataFailed" : "modelsStale") }),
+    models.message ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Section_default.hint, children: models.message }) : null,
     sourceStatus
   ] });
   if (models.refreshing) return progress;
-  if (models.count === 0) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: t("modelsEmpty") });
+  if (models.count === 0) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Section_default.hint, children: t("modelsEmpty") });
   return null;
 }
 function OpencodeGoSection(props) {
   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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Loaded,
     {
       state: useOpencodeGo((snapshot) => snapshot),
@@ -486,43 +913,63 @@ function OpencodeGoSection(props) {
       discard,
       loadModels,
       setEnabled,
-      setModelEnabled
+      setModelEnabled,
+      accountActions: props.loadAccounts && props.addAccount && props.renameAccount && props.removeAccount && props.selectAccount && props.setAutoSwitch && props.replaceAccountKey && props.moveAccount ? {
+        loadAccounts: props.loadAccounts,
+        addAccount: props.addAccount,
+        renameAccount: props.renameAccount,
+        removeAccount: props.removeAccount,
+        selectAccount: props.selectAccount,
+        setAutoSwitch: props.setAutoSwitch,
+        replaceAccountKey: props.replaceAccountKey,
+        moveAccount: props.moveAccount
+      } : void 0
     }
   );
 }
 function Loaded(props) {
   const { t, state, loadModels } = props;
-  const [advanced, setAdvanced] = (0, import_react2.useState)(false);
-  const [modelsOpen, setModelsOpen] = (0, import_react2.useState)(false);
-  const modelNotices = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ModelsBody, { models: state.models, t, locale: props.locale }),
-    state.pickerFailed ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.failedNote, role: "alert", children: t("pickerFailed") }) : null
+  const [advanced, setAdvanced] = (0, import_react3.useState)(false);
+  const [modelsOpen, setModelsOpen] = (0, import_react3.useState)(false);
+  const modelNotices = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ModelsBody, { models: state.models, t, locale: props.locale }),
+    state.pickerFailed ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Section_default.failedNote, role: "alert", children: t("pickerFailed") }) : null
   ] });
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (state.available && state.models.status === "idle") loadModels();
   }, [state.available, state.models.status, loadModels]);
   if (!state.available) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.intro, children: t("unavailable") });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Section_default.intro, children: t("unavailable") });
   }
   const disabled = !state.writable;
+  const accountCard = state.accounts && props.accountActions ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    AccountsCard,
+    {
+      state: state.accounts,
+      actions: props.accountActions,
+      writable: state.writable,
+      t,
+      locale: props.locale
+    }
+  ) : null;
   const fieldProps = {
     invalidLabel: t("invalidValue"),
     overriddenLabel: t("overridden"),
     resetLabel: t("reset"),
     disabled
   };
-  const advancedOverridden = state.usageDisplay.overridden || state.apiKeyEnv.overridden || state.baseURL.overridden || state.refreshMinutes.overridden || state.streamIdleTimeoutMs.overridden || state.maxImages.overridden || state.maxRequestImageBytes.overridden || state.requestImagePixelBudget.overridden || state.requestImageMaxBytes.overridden;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.page, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.pageBody, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.pageTop, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { className: Section_default.title, children: t("titleLabel") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.intro, children: t("intro") })
+  const advancedOverridden = state.usageDisplay.overridden || state.apiKeyEnv.overridden || state.baseURL.overridden || state.proxyURL.overridden || state.refreshMinutes.overridden || state.streamIdleTimeoutMs.overridden || state.maxImages.overridden || state.maxRequestImageBytes.overridden || state.requestImagePixelBudget.overridden || state.requestImageMaxBytes.overridden;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Section_default.page, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Section_default.pageBody, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Section_default.pageTop, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { className: Section_default.title, children: t("titleLabel") }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Section_default.intro, children: t("intro") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: Section_default.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.cardHead, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { className: Section_default.cardTitle, children: t("enabledLabel") }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            import_dsh_client_ui_primitives2.Switch,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: Section_default.card, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Section_default.cardHead, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: Section_default.cardTitle, children: t("enabledLabel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_dsh_client_ui_primitives3.Switch,
             {
               checked: state.enabled,
               label: t("enabledLabel"),
@@ -531,38 +978,41 @@ function Loaded(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: Section_default.cardBody, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: state.enabled ? t("enabledHint") : t("enabledOff") }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: Section_default.cardDivider }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.cardHead, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.slot, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", focusable: "false", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "5.4", cy: "8", r: "3.1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M8.5 8h5.3M11.9 8v2.2M10.2 8v1.6" })
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: Section_default.label, htmlFor: "opencode-go-key", children: t("keyLabel") }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.trailing, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Tag, { tone: state.apiKeyConfigured ? "success" : "warning", children: state.apiKeyConfigured ? t("keyConfigured") : t("keyMissing") }) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.cardBody, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            "input",
-            {
-              id: "opencode-go-key",
-              name: "api-key",
-              className: Section_default.input,
-              type: "password",
-              autoComplete: "off",
-              "aria-describedby": "opencode-go-key-hint",
-              value: state.apiKey.text,
-              disabled: !state.apiKeyWritable,
-              onChange: (event) => {
-                props.edit("apiKey", event.target.value);
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: Section_default.cardBody, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Section_default.hint, children: state.enabled ? t("enabledHint") : t("enabledOff") }) }),
+        accountCard ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: Section_default.cardDivider }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Section_default.cardHead, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: Section_default.slot, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", focusable: "false", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "5.4", cy: "8", r: "3.1" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8.5 8h5.3M11.9 8v2.2M10.2 8v1.6" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { className: Section_default.label, htmlFor: "opencode-go-key", children: t("keyLabel") }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: Section_default.trailing, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Tag, { tone: state.apiKeyConfigured ? "success" : "warning", children: state.apiKeyConfigured ? t("keyConfigured") : t("keyMissing") }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Section_default.cardBody, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "input",
+              {
+                id: "opencode-go-key",
+                name: "api-key",
+                className: Section_default.input,
+                type: "password",
+                autoComplete: "off",
+                "aria-describedby": "opencode-go-key-hint",
+                value: state.apiKey.text,
+                disabled: !state.apiKeyWritable,
+                onChange: (event) => {
+                  props.edit("apiKey", event.target.value);
+                }
               }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { id: "opencode-go-key-hint", className: Section_default.hint, children: state.apiKeyWritable ? t("keyHint") : t("keyNotWritable") })
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { id: "opencode-go-key-hint", className: Section_default.hint, children: state.apiKeyWritable ? t("keyHint") : t("keyNotWritable") })
+          ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: modelsOpen ? Section_default.cardModels : Section_default.cardModels + " " + Section_default.cardFolded, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      accountCard,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: modelsOpen ? Section_default.cardModels : Section_default.cardModels + " " + Section_default.cardFolded, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
           "button",
           {
             type: "button",
@@ -573,14 +1023,14 @@ function Loaded(props) {
               setModelsOpen(!modelsOpen);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.cardTitle, children: t("modelsLabel") }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronDown, { className: modelsOpen ? Section_default.chevronOpen : Section_default.chevron })
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: Section_default.cardTitle, children: t("modelsLabel") }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChevronDown2, { className: modelsOpen ? Section_default.chevronOpen : Section_default.chevron })
             ]
           }
         ),
-        modelsOpen ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { id: "opencode-go-models", className: Section_default.cardBody, children: [
+        modelsOpen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { id: "opencode-go-models", className: Section_default.cardBody, children: [
           modelNotices,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             ModelEditor,
             {
               models: state.models,
@@ -590,8 +1040,8 @@ function Loaded(props) {
               disabled: disabled || state.saving,
               modelVisibility: state.modelVisibility,
               visibilitySaving: state.pickerSaving,
-              filterAction: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                import_dsh_client_ui_primitives2.Button,
+              filterAction: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                import_dsh_client_ui_primitives3.Button,
                 {
                   variant: "outline",
                   size: "sm",
@@ -606,10 +1056,10 @@ function Loaded(props) {
               }
             }
           )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: Section_default.cardNotes, children: modelNotices })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: Section_default.cardNotes, children: modelNotices })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: Section_default.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: Section_default.card, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
           "button",
           {
             type: "button",
@@ -620,17 +1070,17 @@ function Loaded(props) {
               setAdvanced(!advanced);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.cardTitle, children: t("advancedLabel") }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: Section_default.cardSub, children: t("advancedSummary") }),
-              advancedOverridden ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Tag, { tone: "neutral", children: t("overridden") }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronDown, { className: advanced ? Section_default.chevronOpen : Section_default.chevron })
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: Section_default.cardTitle, children: t("advancedLabel") }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: Section_default.cardSub, children: t("advancedSummary") }),
+              advancedOverridden ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Tag, { tone: "neutral", children: t("overridden") }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChevronDown2, { className: advanced ? Section_default.chevronOpen : Section_default.chevron })
             ]
           }
         ),
-        advanced ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { id: "opencode-go-advanced", className: Section_default.cardBody, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: t("advancedHint") }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Section_default.advancedGrid, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        advanced ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { id: "opencode-go-advanced", className: Section_default.cardBody, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Section_default.hint, children: t("advancedHint") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Section_default.advancedGrid, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               ValueField,
               {
                 id: "opencode-go-usage-display",
@@ -647,7 +1097,7 @@ function Loaded(props) {
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               ValueField,
               {
                 id: "opencode-go-api-key-env",
@@ -663,7 +1113,7 @@ function Loaded(props) {
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               ValueField,
               {
                 id: "opencode-go-base-url",
@@ -679,7 +1129,25 @@ function Loaded(props) {
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              ValueField,
+              {
+                id: "opencode-go-proxy-url",
+                label: t("proxyURLLabel"),
+                hint: t("proxyURLHint"),
+                placeholder: "http://127.0.0.1:7890",
+                field: state.proxyURL,
+                ...fieldProps,
+                invalidLabel: t("proxyURLInvalid"),
+                onEdit: (text) => {
+                  props.edit("proxyURL", text);
+                },
+                onReset: () => {
+                  props.resetField("proxyURL");
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               ValueField,
               {
                 id: "opencode-go-refresh-minutes",
@@ -696,7 +1164,7 @@ function Loaded(props) {
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               ValueField,
               {
                 id: "opencode-go-stream-idle",
@@ -713,7 +1181,7 @@ function Loaded(props) {
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               ValueField,
               {
                 id: "opencode-go-max-images",
@@ -730,7 +1198,7 @@ function Loaded(props) {
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               ValueField,
               {
                 id: "opencode-go-max-request-image-bytes",
@@ -747,7 +1215,7 @@ function Loaded(props) {
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               ValueField,
               {
                 id: "opencode-go-image-pixel-budget",
@@ -764,7 +1232,7 @@ function Loaded(props) {
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               ValueField,
               {
                 id: "opencode-go-image-max-bytes",
@@ -784,12 +1252,12 @@ function Loaded(props) {
           ] })
         ] }) : null
       ] }),
-      disabled ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.hint, children: t("readOnly") }) : null
+      disabled ? /* @__PURE__ */ (0, import_jsx_runtime3.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 || 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") }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Section_default.actions, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.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_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "outline", size: "md", disabled: disabled || !state.dirty || state.saving, onClick: props.discard, children: t("discard") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "a",
         {
           className: Section_default.starLink,
@@ -798,12 +1266,12 @@ function Loaded(props) {
           rel: "noopener noreferrer",
           title: t("starProjectTitle"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "currentColor", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("starProject") })
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "currentColor", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: t("starProject") })
           ]
         }
       ),
-      state.failed ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: Section_default.failedNote, children: t("savedFailed") }) : null
+      state.failed ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Section_default.failedNote, children: t("savedFailed") }) : null
     ] })
   ] });
 }
@@ -811,6 +1279,329 @@ function Loaded(props) {
 // src/provider-identity.ts
 var PROVIDER_ID = "dsh-opencode-go";
 
+// src/proxy-url.ts
+function assertProxyURL(raw) {
+  const value = raw?.trim() ?? "";
+  if (!value) return "";
+  let url;
+  try {
+    url = new URL(value);
+  } catch {
+    throw new Error("OpenCode Go: proxy address must be a valid URL");
+  }
+  if (!["http:", "https:", "socks5:"].includes(url.protocol)) {
+    throw new Error("OpenCode Go: proxy address must use http://, https:// or socks5://");
+  }
+  if (!url.hostname || url.port === "0" || url.pathname !== "" && url.pathname !== "/" || url.search || url.hash) {
+    throw new Error("OpenCode Go: proxy address must contain a host and optional port, without a path, query or fragment");
+  }
+  try {
+    decodeURIComponent(url.username);
+    decodeURIComponent(url.password);
+  } catch {
+    throw new Error("OpenCode Go: proxy credentials contain invalid URL encoding");
+  }
+  return url.href;
+}
+
+// src/client/accounts-controller.ts
+function isSettingsConflict(error) {
+  if (!error || typeof error !== "object") return false;
+  const { name, code, message } = error;
+  return /conflict/i.test(`${String(name ?? "")} ${String(code ?? "")} ${String(message ?? "")}`);
+}
+var GoAccountsController = class {
+  constructor(scope, ctx, readUsage, publish, blocked) {
+    this.scope = scope;
+    this.ctx = ctx;
+    this.readUsage = readUsage;
+    this.publish = publish;
+    this.blocked = blocked;
+    this.sync();
+  }
+  rows = /* @__PURE__ */ new Map();
+  busy = false;
+  refreshing = false;
+  failure;
+  epoch = 0;
+  identity = "";
+  loaded = false;
+  disposed = false;
+  snapshot() {
+    const config = this.scope.getSnapshot().value ?? {};
+    return {
+      entries: accountsOf(config).map((account) => ({ ...this.rows.get(account.apiKeyEnv), ...account })),
+      activeRef: accountRefOf(config),
+      autoSwitch: config.autoSwitch === true,
+      busy: this.busy,
+      blocked: this.blocked(),
+      refreshing: this.refreshing,
+      failure: this.failure
+    };
+  }
+  sync() {
+    const config = this.scope.getSnapshot().value ?? {};
+    const identity = JSON.stringify([
+      accountsOf(config).map((account) => [account.id, account.apiKeyEnv]).sort((left, right) => left[1] < right[1] ? -1 : left[1] > right[1] ? 1 : 0),
+      config.baseURL,
+      config.proxyURL
+    ]);
+    if (identity === this.identity) return;
+    this.identity = identity;
+    this.epoch++;
+    this.rows.clear();
+    this.refreshing = false;
+    if (this.loaded) void this.refresh();
+  }
+  dispose() {
+    this.disposed = true;
+    this.epoch++;
+  }
+  invalidate(ref) {
+    if (!accountsOf(this.scope.getSnapshot().value ?? {}).some((account) => account.apiKeyEnv === ref)) return;
+    this.epoch++;
+    this.rows.delete(ref);
+    if (this.loaded) void this.refresh();
+  }
+  async refresh() {
+    this.loaded = true;
+    const epoch = ++this.epoch;
+    const accounts = [...accountsOf(this.scope.getSnapshot().value ?? {})];
+    this.refreshing = true;
+    this.publish();
+    try {
+      const described = await this.ctx.remote.credentials.describe(accounts.map((account) => account.apiKeyEnv));
+      if (this.disposed || epoch !== this.epoch) return;
+      if (!described.ok) {
+        this.failure = "read";
+        this.markUnreadable(accounts, described.error instanceof Error ? described.error.message : String(described.error));
+        return;
+      }
+      this.failure = void 0;
+      await Promise.all(accounts.map(async (account) => {
+        const ref = account.apiKeyEnv;
+        const info = described.value[ref];
+        const previous = this.rows.get(ref);
+        this.rows.set(ref, {
+          ...previous,
+          ...account,
+          configured: info?.configured ?? false,
+          writable: info?.writable ?? true,
+          loading: info?.configured === true,
+          failed: false
+        });
+        this.publish();
+        if (!info?.configured) {
+          this.rows.set(ref, { ...account, configured: false, writable: info?.writable ?? true });
+          return;
+        }
+        try {
+          const usage = await this.readUsage(ref);
+          if (this.disposed || epoch !== this.epoch) return;
+          this.rows.set(ref, { ...account, configured: true, writable: info.writable, usage, updatedAt: Date.now() });
+        } catch (error) {
+          if (this.disposed || epoch !== this.epoch) return;
+          const details = error && typeof error === "object" && "code" in error && error.code === "opencode-go/usage-unavailable" && "details" in error && error.details && typeof error.details === "object" ? error.details : void 0;
+          const retain = details?.retryable === true && details.retainPrevious === true && previous?.usage?.source && previous.usage.source === details.source;
+          const message = error instanceof Error ? error.message : String(error);
+          this.rows.set(ref, {
+            ...account,
+            configured: true,
+            writable: info.writable,
+            failed: true,
+            problem: message.length > 200 ? message.slice(0, 200) + "\u2026" : message,
+            ...retain ? { usage: previous.usage, updatedAt: previous.updatedAt, stale: true } : {}
+          });
+        }
+        this.publish();
+      }));
+    } catch (error) {
+      if (epoch === this.epoch) {
+        this.failure = "read";
+        this.markUnreadable(accounts, error instanceof Error ? error.message : String(error));
+      }
+    } finally {
+      if (!this.disposed && epoch === this.epoch) {
+        this.refreshing = false;
+        this.publish();
+      }
+    }
+  }
+  /** Mark every account row as unreadable with the Host's own diagnostic. */
+  markUnreadable(accounts, message) {
+    const problem = message.length > 200 ? message.slice(0, 200) + "\u2026" : message;
+    for (const account of accounts) this.rows.set(account.apiKeyEnv, { ...account, failed: true, problem });
+    this.publish();
+  }
+  actions() {
+    return {
+      loadAccounts: () => {
+        void this.refresh();
+      },
+      addAccount: (name, key) => this.add(name, key),
+      renameAccount: (ref, name) => this.rename(ref, name),
+      removeAccount: (ref) => this.remove(ref),
+      selectAccount: (ref) => this.select(ref),
+      setAutoSwitch: (next) => this.run(async () => {
+        await this.scope.set("autoSwitch", next);
+        return this.scope.getSnapshot().value?.autoSwitch === next;
+      }),
+      replaceAccountKey: (ref, key) => this.run(async () => {
+        if (!key.trim() || !this.account(ref) || this.rows.get(ref)?.writable === false) return false;
+        const response = await this.ctx.remote.credentials.set(ref, key.trim());
+        if (!response.ok) return false;
+        this.invalidate(ref);
+        return true;
+      }, false),
+      moveAccount: (ref, toIndex) => this.move(ref, toIndex)
+    };
+  }
+  /**
+   * Reorder the visible accounts and keep the preferred reference on the first row.
+   * The adapter tries the preferred reference first and the rest in array order, so
+   * one write is what makes top-to-bottom the real call order. A placeholder row the
+   * settings never stored is materialized here, which its `legacy:` id admits.
+   */
+  move(ref, toIndex) {
+    return this.run(async () => {
+      const snapshot = this.scope.getSnapshot();
+      const entries = [...accountsOf(snapshot.value ?? {})];
+      const from = entries.findIndex((account) => account.apiKeyEnv === ref);
+      if (from < 0 || !Number.isInteger(toIndex) || toIndex < 0 || toIndex >= entries.length || toIndex === from) return false;
+      const [moved] = entries.splice(from, 1);
+      entries.splice(toIndex, 0, moved);
+      await this.mutate([
+        { op: "set", path: ["accounts"], value: entries },
+        { op: "set", path: ["apiKeyEnv"], value: entries[0].apiKeyEnv }
+      ], snapshot.revision);
+      const after = this.scope.getSnapshot().value;
+      return after?.apiKeyEnv === entries[0].apiKeyEnv && after.accounts?.[toIndex]?.apiKeyEnv === ref;
+    });
+  }
+  account(ref) {
+    return accountsOf(this.scope.getSnapshot().value ?? {}).find((account) => account.apiKeyEnv === ref);
+  }
+  async mutate(ops, revision = this.scope.getSnapshot().revision) {
+    await this.scope.mutate(ops, revision);
+  }
+  add(name, key) {
+    return this.run(async () => {
+      if (!name.trim() || name.trim().length > 80 || !key.trim()) return false;
+      const id3 = Array.from(crypto.getRandomValues(new Uint8Array(16)), (byte) => byte.toString(16).padStart(2, "0")).join("");
+      const ref = ACCOUNT_REF_PREFIX + id3.replaceAll("-", "").toUpperCase();
+      const account = { id: id3, name: name.trim(), apiKeyEnv: ref };
+      const response = await this.ctx.remote.credentials.set(ref, key.trim());
+      if (!response.ok) return false;
+      for (let attempt = 0; attempt < 3; attempt++) {
+        const snapshot = this.scope.getSnapshot();
+        const existing = accountsOf(snapshot.value ?? {});
+        if (existing.some((entry) => entry.id === id3)) return true;
+        const configured = await this.configuredOf(existing.map((entry) => entry.apiKeyEnv));
+        const accounts = existing.filter((entry) => !(snapshot.value?.accounts == null && !entry.name && configured.get(entry.apiKeyEnv) === false));
+        if (accounts.length >= MAX_ACCOUNTS) break;
+        const first = existing.length === 0 || existing.every((entry) => configured.get(entry.apiKeyEnv) === false);
+        try {
+          await this.mutate([
+            { op: "set", path: ["accounts"], value: [...accounts, account] },
+            ...first ? [{ op: "set", path: ["apiKeyEnv"], value: ref }] : []
+          ], snapshot.revision);
+        } catch (error) {
+          if (attempt < 2 && isSettingsConflict(error)) continue;
+          return false;
+        }
+        if (this.scope.getSnapshot().value?.accounts?.some((entry) => entry.id === id3)) return true;
+        break;
+      }
+      try {
+        if (!(await this.ctx.remote.credentials.unset(ref)).ok) this.failure = "cleanup";
+      } catch {
+        this.failure = "cleanup";
+      }
+      return false;
+    });
+  }
+  /** Loaded rows answer from cache; anything they do not know is described on
+   * the spot, so a placeholder decision never races the page's first describe. */
+  async configuredOf(refs) {
+    const configured = /* @__PURE__ */ new Map();
+    const unknown = refs.filter((ref) => {
+      const known = this.rows.get(ref)?.configured;
+      if (known === void 0) return true;
+      configured.set(ref, known);
+      return false;
+    });
+    if (unknown.length === 0) return configured;
+    try {
+      const described = await this.ctx.remote.credentials.describe(unknown);
+      if (described.ok) for (const ref of unknown) configured.set(ref, described.value[ref]?.configured ?? false);
+    } catch {
+    }
+    return configured;
+  }
+  rename(ref, name) {
+    return this.run(async () => {
+      if (!this.account(ref) || !name.trim() || name.trim().length > 80) return false;
+      const accounts = accountsOf(this.scope.getSnapshot().value ?? {}).map((account) => account.apiKeyEnv === ref ? { ...account, name: name.trim() } : account);
+      await this.mutate([{ op: "set", path: ["accounts"], value: accounts }]);
+      return this.scope.getSnapshot().value?.accounts?.find((account) => account.apiKeyEnv === ref)?.name === name.trim();
+    });
+  }
+  select(ref) {
+    return this.run(async () => {
+      if (!this.account(ref)) return false;
+      await this.mutate([{ op: "set", path: ["apiKeyEnv"], value: ref }]);
+      return accountRefOf(this.scope.getSnapshot().value ?? {}) === ref;
+    });
+  }
+  remove(ref) {
+    return this.run(async () => {
+      if (!this.account(ref)) return false;
+      if (ref.startsWith(ACCOUNT_REF_PREFIX)) {
+        const described = await this.ctx.remote.credentials.describe([ref]).catch(() => void 0);
+        if (!described?.ok || described.value[ref] === void 0) {
+          this.failure = "remove";
+          return false;
+        }
+        if (described.value[ref].configured === true) {
+          let removed = false;
+          try {
+            removed = (await this.ctx.remote.credentials.unset(ref)).ok;
+          } catch {
+          }
+          if (!removed) {
+            this.failure = "remove";
+            return false;
+          }
+        }
+      }
+      const config = this.scope.getSnapshot().value ?? {};
+      const remaining = accountsOf(config).filter((account) => account.apiKeyEnv !== ref);
+      await this.mutate([
+        { op: "set", path: ["accounts"], value: remaining },
+        ...accountRefOf(config) === ref && remaining.length ? [{ op: "set", path: ["apiKeyEnv"], value: remaining[0].apiKeyEnv }] : []
+      ]);
+      return !this.account(ref);
+    });
+  }
+  async run(action, requiresSettings = true) {
+    if (this.busy || this.blocked() || requiresSettings && !this.scope.getSnapshot().writable) return false;
+    this.busy = true;
+    this.failure = void 0;
+    this.publish();
+    try {
+      const accepted = await action();
+      if (!accepted && !this.failure) this.failure = "write";
+      return accepted;
+    } catch {
+      this.failure ??= "write";
+      return false;
+    } finally {
+      this.busy = false;
+      this.publish();
+    }
+  }
+};
+
 // src/client/staged-form.ts
 var import_dsh_client_store = require("@deepseek-ai/dsh-client-store");
 function numberField(field, validate = () => true) {
@@ -932,7 +1723,9 @@ var StagedForm = class {
     const write = staged.clear ? { kind: "clear" } : spec.parse(staged.text);
     return {
       text: staged.text,
-      overridden: write?.kind === "set",
+      // A draft a save would skip leaves the user layer exactly as it stands, so
+      // the badge answers for that standing override instead of the edit.
+      overridden: this.unchangedDraft(field, staged) ? this.stored(field) : write?.kind === "set",
       invalid: write === void 0
     };
   }
@@ -976,7 +1769,11 @@ var StagedForm = class {
     this.publish();
     let landed = true;
     for (const write of writes) {
-      landed = await write() && landed;
+      try {
+        landed = await write() && landed;
+      } catch {
+        landed = false;
+      }
     }
     if (landed) this.staged.clear();
     this.saving = false;
@@ -1003,7 +1800,7 @@ var StagedForm = class {
         if (this.stored(field)) plan.push({ field, run: () => this.clear(field) });
         continue;
       }
-      if (staged.text === spec.format(this.sectionValue(field))) continue;
+      if (this.unchangedDraft(field, staged)) continue;
       const write = spec.parse(staged.text);
       if (write === void 0) plan.push({ field, run: void 0 });
       else if (write.kind === "clear") plan.push({ field, run: () => this.clear(field) });
@@ -1045,6 +1842,16 @@ var StagedForm = class {
     const user = this.userLayer();
     return user !== void 0 && Object.hasOwn(user, field);
   }
+  /**
+   * Whether a draft already equals the field's effective value, so a save would
+   * write nothing. The save plan and the override badge both answer for it.
+   * @param field - field name inside the namespace section.
+   * @param staged - the staged edit to test.
+   * @returns true when the draft is a no-op; a clear is never one.
+   */
+  unchangedDraft(field, staged) {
+    return !staged.clear && staged.text === this.spec(field).format(this.sectionValue(field));
+  }
   publish() {
     for (const listener of this.listeners) listener();
   }
@@ -1076,6 +1883,10 @@ var OpencodeGoSectionController = class {
   constructor(scope, ctx, readModels = async () => {
     const result = await ctx.remote.llm.discoverModels(OPENCODE_GO_NS, { provider: PROVIDER_ID });
     return result.ok ? { ok: true, value: { models: result.value, stale: false } } : result;
+  }, readUsage = async (ref) => {
+    const result = await ctx.remote.opencodeGoUsage.readAccount(ref);
+    if (!result.ok) throw result.error;
+    return result.value;
   }) {
     this.scope = scope;
     this.ctx = ctx;
@@ -1093,6 +1904,18 @@ var OpencodeGoSectionController = class {
         },
         textField("apiKeyEnv"),
         textField("baseURL"),
+        {
+          ...textField("proxyURL"),
+          // Blank explicitly disables an inherited proxy; Reset removes the override.
+          parse: (text) => {
+            try {
+              assertProxyURL(text);
+              return { kind: "set", value: text.trim() };
+            } catch {
+              return void 0;
+            }
+          }
+        },
         numberField("refreshMinutes"),
         numberField("streamIdleTimeoutMs"),
         numberField("maxImages", (value) => Number.isSafeInteger(value) && value > 0),
@@ -1104,9 +1927,25 @@ 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.accounts = new GoAccountsController(
+      scope,
+      ctx,
+      readUsage,
+      () => {
+        this.store.set(this.projection());
+      },
+      () => this.form.shell().saving || this.pickerSaving || Boolean(this.form.field(API_KEY_FIELD).text.trim())
+    );
+    this.store.set(this.projection());
+    const networkIdentity = () => JSON.stringify([
+      scope.getSnapshot().value?.baseURL,
+      scope.getSnapshot().value?.proxyURL
+    ]);
+    let modelsEndpoint = networkIdentity();
     this.unsubscribe = scope.subscribe(() => {
-      const endpoint = scope.getSnapshot().value?.baseURL;
+      this.accounts?.sync();
+      this.store.set(this.projection());
+      const endpoint = networkIdentity();
       if (endpoint !== modelsEndpoint) {
         modelsEndpoint = endpoint;
         this.modelsRequest++;
@@ -1126,8 +1965,13 @@ var OpencodeGoSectionController = class {
   pickerFailed = false;
   face;
   unsubscribe;
+  accounts;
+  credentialRequest = 0;
+  keyDraftRef;
   /** Release subscriptions without disposing the host's shared form. */
   dispose() {
+    this.credentialRequest++;
+    this.accounts?.dispose();
     this.modelsRequest++;
     this.unsubscribe();
     this.form.dispose();
@@ -1135,6 +1979,8 @@ var OpencodeGoSectionController = class {
   projection() {
     return {
       ...this.form.shell(),
+      saving: this.form.shell().saving || this.accounts?.snapshot().busy === true,
+      accounts: this.accounts?.snapshot(),
       enabled: this.enabled(),
       usageDisplay: this.form.field("usageDisplay"),
       modelVisibility: this.scope.getSnapshot().value?.modelVisibility ?? {},
@@ -1142,6 +1988,7 @@ var OpencodeGoSectionController = class {
       pickerFailed: this.pickerFailed,
       apiKeyEnv: this.form.field("apiKeyEnv"),
       baseURL: this.form.field("baseURL"),
+      proxyURL: this.form.field("proxyURL"),
       refreshMinutes: this.form.field("refreshMinutes"),
       streamIdleTimeoutMs: this.form.field("streamIdleTimeoutMs"),
       maxImages: this.form.field("maxImages"),
@@ -1149,7 +1996,7 @@ var OpencodeGoSectionController = class {
       requestImagePixelBudget: this.form.field("requestImagePixelBudget"),
       requestImageMaxBytes: this.form.field("requestImageMaxBytes"),
       apiKey: this.form.field(API_KEY_FIELD),
-      apiKeyConfigured: this.credential.configured,
+      apiKeyConfigured: this.credential.ref === refOf(this.scope.getSnapshot()) && this.credential.configured && accountsOf(this.scope.getSnapshot().value ?? {}).length > 0,
       apiKeyWritable: this.credential.writable,
       models: this.models,
       modelLimits: this.form.field("modelLimits"),
@@ -1206,7 +2053,7 @@ var OpencodeGoSectionController = class {
   }
   /** 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;
+    if (this.pickerSaving || this.form.shell().saving || this.accounts?.snapshot().busy || !this.scope.getSnapshot().writable) return;
     this.pickerSaving = true;
     this.pickerFailed = false;
     this.store.set(this.projection());
@@ -1271,13 +2118,19 @@ var OpencodeGoSectionController = class {
    * reference in force.
    */
   async readCredential() {
+    const request = ++this.credentialRequest;
     const ref = refOf(this.scope.getSnapshot());
+    if (accountsOf(this.scope.getSnapshot().value ?? {}).length === 0) {
+      this.credential = { ref, configured: false, writable: false };
+      this.store.set(this.projection());
+      return;
+    }
     if (ref !== this.credential.ref) {
       this.credential = { ref, configured: false, writable: true };
       this.store.set(this.projection());
     }
-    const response = await this.ctx.remote.credentials.describe([ref]);
-    if (!response.ok || ref !== refOf(this.scope.getSnapshot())) return;
+    const response = await this.ctx.remote.credentials.describe([ref]).catch(() => void 0);
+    if (!response?.ok || request !== this.credentialRequest || ref !== refOf(this.scope.getSnapshot())) return;
     const view = response.value[ref];
     const next = {
       ref,
@@ -1299,6 +2152,7 @@ var OpencodeGoSectionController = class {
    * @param ref - the reference the Host reports as changed.
    */
   refreshCredential(ref) {
+    this.accounts?.invalidate(ref);
     if (ref !== this.credential.ref) return;
     void this.readCredential();
   }
@@ -1319,7 +2173,24 @@ var OpencodeGoSectionController = class {
       setModelEnabled: (id3, next) => {
         void this.setModelEnabled(id3, next);
       },
-      ...this.form.actions()
+      ...this.form.actions(),
+      ...this.accounts.actions(),
+      edit: (field, text) => {
+        if (field === API_KEY_FIELD) {
+          if (text.trim()) this.keyDraftRef ??= refOf(this.scope.getSnapshot());
+          else this.keyDraftRef = void 0;
+        }
+        this.form.actions().edit(field, text);
+      },
+      discard: () => {
+        this.keyDraftRef = void 0;
+        this.form.actions().discard();
+      },
+      save: () => {
+        if (!this.accounts?.snapshot().busy) void this.form.save().then(() => {
+          if (!this.form.field(API_KEY_FIELD).text.trim()) this.keyDraftRef = void 0;
+        });
+      }
     };
     return this.face;
   }
@@ -1329,9 +2200,12 @@ var OpencodeGoSectionController = class {
    * @returns whether the Host reports a configured credential afterwards.
    */
   async writeKey(value) {
-    await this.ctx.remote.credentials.set(refOf(this.scope.getSnapshot()), value);
+    const ref = this.keyDraftRef ?? refOf(this.scope.getSnapshot());
+    const response = await this.ctx.remote.credentials.set(ref, value);
+    if (!response.ok) return false;
+    this.accounts?.invalidate(ref);
     await this.readCredential();
-    return this.credential.configured;
+    return ref === this.credential.ref ? this.credential.configured : true;
   }
 };
 function modelLimitsOf(value) {
@@ -1364,9 +2238,50 @@ function refOf(snapshot) {
 
 // src/client/locales.ts
 var en = {
+  accountsTitle: "Accounts",
+  accountsRefresh: "Refresh accounts",
+  accountsBlocked: "Save or discard the API key draft before changing accounts.",
+  accountsEmpty: "Add an account to use OpenCode Go.",
+  accountsWriteFailed: "Could not apply the account change. Your input is kept; please retry.",
+  accountsReadFailed: "Could not read account status. Please refresh.",
+  accountsCleanupFailed: "The account entry was removed, but its stored key could not be deleted. Remove the unused reference through the host credential service.",
+  accountsRemoveKeyFailed: "The stored key could not be deleted, so the account was kept. Please retry.",
+  accountsStatusUnknown: "Status unknown",
+  accountDefault: "Default account",
+  accountAdd: "Add account",
+  accountRename: "Rename",
+  accountReplaceKey: "Replace key",
+  accountRemove: "Remove account",
+  accountRemoveHint: "Remove \u201C{name}\u201D? If it is selected, the next account becomes preferred. Keys added here are deleted from the credential service; existing external references are kept.",
+  accountName: "Account name",
+  accountKeyHint: "The key is saved through the host credential service and is never returned to this page.",
+  accountConfirm: "Confirm",
+  accountCancel: "Cancel",
+  accountAutoSwitch: "Automatic fallback",
+  accountAutoSwitchHint: "Off by default. On quota exhaustion or a rejected key, try the other accounts in order before any content or tool call is emitted. Each account is tried at most once. Your preferred account stays selected; ordinary rate limits and network failures use host recovery.",
+  accountPreferredTag: "Preferred",
+  accountSwitchAction: "Switch",
+  accountSwitchTitle: "Switch account",
+  accountSwitchBack: "Back to usage",
+  accountSwitchHint: "Later requests in this profile use this account. The consumption order stays on the Settings page.",
+  accountSwitchFailed: "Could not switch account. Please retry.",
+  accountFallbackQuota: "The preferred account reached its quota; automatically used",
+  accountFallbackCredential: "The preferred key was unavailable or rejected; automatically used",
+  accountsSummary: "{count} accounts \xB7 Preferred {name}",
+  accountsSummaryEmpty: "No accounts yet",
+  accountsAvailability: "{ready}/{total} configured",
+  accountsAvailabilityFailed: "{ready}/{total} configured \xB7 {failed} unreadable",
+  accountsDetails: "Details for {name}",
+  accountsDetailsHide: "Hide details for {name}",
+  accountDragHandle: "Reorder {name}",
+  accountConfigureHint: "Add a key to read usage",
+  usageResetMinutes: "resets in {minutes} min",
+  usageResetHours: "resets in {hours} h",
+  usageResetDays: "resets in {days} d",
+  usageResetDue: "resets now",
+  usageResetUnknown: "reset time unknown",
   usageTitle: "OpenCode Go usage",
   usageRollingShort: "5h",
-  usageHint: "Account usage \xB7 used percentage \xB7 refreshes every minute",
   usageWeekShort: "week",
   usage_rolling: "5 hours",
   usage_weekly: "Weekly",
@@ -1376,6 +2291,7 @@ var en = {
   usageLoading: "Loading usage\u2026",
   usageUnavailable: "Unavailable",
   usageStaleShort: "Last data",
+  usageFallbackShort: "fallback",
   usageStaleHint: "Showing the last successful usage reading. Current usage may have changed.",
   usageRefreshFailed: "Refresh failed",
   usageLastUpdated: "Last updated",
@@ -1465,6 +2381,9 @@ var en = {
   apiKeyEnvHint: "The name the key is resolved from, addressed through the credentials service.",
   baseURLLabel: "Gateway URL",
   baseURLHint: "The endpoint that serves requests and the live model list.",
+  proxyURLLabel: "Proxy address",
+  proxyURLHint: "HTTP(S) or SOCKS5 proxy for conversations, model updates and usage. For example, socks5://127.0.0.1:1080. Leave blank to use the default network settings. The address is relative to the machine running DSH.",
+  proxyURLInvalid: "Enter an http://, https:// or socks5:// proxy address without a path, query or fragment.",
   refreshMinutesLabel: "Catalog refresh (minutes)",
   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)",
@@ -1488,9 +2407,50 @@ var en = {
   unavailable: "The OpenCode Go settings are not served in this deployment."
 };
 var zh = {
+  accountsTitle: "\u8D26\u53F7",
+  accountsRefresh: "\u5237\u65B0\u989D\u5EA6",
+  accountsBlocked: "\u8BF7\u5148\u4FDD\u5B58\u6216\u653E\u5F03 API Key \u8349\u7A3F\uFF0C\u518D\u5207\u6362\u6216\u4FEE\u6539\u8D26\u53F7\u3002",
+  accountsEmpty: "\u6DFB\u52A0\u8D26\u53F7\u540E\u5373\u53EF\u4F7F\u7528 OpenCode Go\u3002",
+  accountsWriteFailed: "\u8D26\u53F7\u4FEE\u6539\u672A\u751F\u6548\uFF0C\u8F93\u5165\u5DF2\u4FDD\u7559\uFF0C\u8BF7\u91CD\u8BD5\u3002",
+  accountsReadFailed: "\u672A\u80FD\u8BFB\u53D6\u8D26\u53F7\u72B6\u6001\uFF0C\u8BF7\u5237\u65B0\u91CD\u8BD5\u3002",
+  accountsCleanupFailed: "\u8D26\u53F7\u6761\u76EE\u5DF2\u79FB\u9664\uFF0C\u4F46\u4FDD\u5B58\u7684 Key \u672A\u80FD\u5220\u9664\u3002\u8BF7\u901A\u8FC7\u5BBF\u4E3B\u51ED\u636E\u670D\u52A1\u5220\u9664\u672A\u4F7F\u7528\u7684\u5F15\u7528\u3002",
+  accountsRemoveKeyFailed: "\u672A\u80FD\u5220\u9664\u5DF2\u4FDD\u5B58\u7684 Key\uFF0C\u8D26\u53F7\u6682\u65F6\u4FDD\u7559\uFF0C\u8BF7\u91CD\u8BD5\u3002",
+  accountsStatusUnknown: "\u72B6\u6001\u672A\u77E5",
+  accountDefault: "\u9ED8\u8BA4\u8D26\u53F7",
+  accountAdd: "\u6DFB\u52A0\u8D26\u53F7",
+  accountRename: "\u91CD\u547D\u540D",
+  accountReplaceKey: "\u66FF\u6362 Key",
+  accountRemove: "\u5220\u9664\u8D26\u53F7",
+  accountRemoveHint: "\u5220\u9664\u201C{name}\u201D\uFF1F\u82E5\u5B83\u662F\u5F53\u524D\u9996\u9009\uFF0C\u5C06\u4F7F\u7528\u4E0B\u4E00\u4E2A\u8D26\u53F7\u3002\u5728\u8FD9\u91CC\u6DFB\u52A0\u7684 Key \u4F1A\u4ECE\u51ED\u636E\u670D\u52A1\u5220\u9664\uFF1B\u5DF2\u6709\u5916\u90E8\u5F15\u7528\u4F1A\u4FDD\u7559\u3002",
+  accountName: "\u8D26\u53F7\u540D\u79F0",
+  accountKeyHint: "Key \u901A\u8FC7\u5BBF\u4E3B\u51ED\u636E\u670D\u52A1\u4FDD\u5B58\uFF0C\u9875\u9762\u4E0D\u4F1A\u56DE\u663E\u5DF2\u4FDD\u5B58\u7684\u5BC6\u94A5\u3002",
+  accountConfirm: "\u786E\u8BA4",
+  accountCancel: "\u53D6\u6D88",
+  accountAutoSwitch: "\u81EA\u52A8\u4F7F\u7528\u5907\u7528\u8D26\u53F7",
+  accountAutoSwitchHint: "\u9ED8\u8BA4\u5173\u95ED\u3002\u989D\u5EA6\u8017\u5C3D\u6216 Key \u4E0D\u53EF\u7528\u65F6\uFF0C\u5728\u5C1A\u672A\u8F93\u51FA\u5185\u5BB9\u6216\u5DE5\u5177\u8C03\u7528\u524D\u6309\u987A\u5E8F\u5C1D\u8BD5\u5176\u4ED6\u8D26\u53F7\uFF0C\u6BCF\u4E2A\u8D26\u53F7\u6700\u591A\u4E00\u6B21\u3002\u624B\u52A8\u9009\u5B9A\u7684\u9996\u9009\u8D26\u53F7\u4FDD\u6301\u4E0D\u53D8\uFF1B\u666E\u901A\u9650\u6D41\u548C\u7F51\u7EDC\u9519\u8BEF\u4EA4\u7531\u5BBF\u4E3B\u6062\u590D\u3002",
+  accountPreferredTag: "\u9996\u9009",
+  accountSwitchAction: "\u5207\u6362",
+  accountSwitchTitle: "\u5207\u6362\u8D26\u53F7",
+  accountSwitchBack: "\u8FD4\u56DE\u989D\u5EA6",
+  accountSwitchHint: "\u5207\u6362\u540E\uFF0C\u672C profile \u7684\u540E\u7EED\u8BF7\u6C42\u4F7F\u7528\u8BE5\u8D26\u53F7\uFF1B\u989D\u5EA6\u6D88\u8017\u987A\u5E8F\u5728\u8BBE\u7F6E\u9875\u8C03\u6574\u3002",
+  accountSwitchFailed: "\u8D26\u53F7\u5207\u6362\u672A\u751F\u6548\uFF0C\u8BF7\u91CD\u8BD5\u3002",
+  accountFallbackQuota: "\u9996\u9009\u8D26\u53F7\u989D\u5EA6\u8017\u5C3D\uFF0C\u5DF2\u81EA\u52A8\u4F7F\u7528\u5907\u7528\u8D26\u53F7\uFF1A",
+  accountFallbackCredential: "\u9996\u9009 Key \u4E0D\u53EF\u7528\u6216\u88AB\u62D2\u7EDD\uFF0C\u5DF2\u81EA\u52A8\u4F7F\u7528\u5907\u7528\u8D26\u53F7\uFF1A",
+  accountsSummary: "{count} \u4E2A \xB7 \u9996\u9009 {name}",
+  accountsSummaryEmpty: "\u5C1A\u672A\u6DFB\u52A0\u8D26\u53F7",
+  accountsAvailability: "{ready}/{total} \u5DF2\u914D\u7F6E",
+  accountsAvailabilityFailed: "{ready}/{total} \u5DF2\u914D\u7F6E \xB7 {failed} \u4E2A\u8BFB\u53D6\u5931\u8D25",
+  accountsDetails: "{name} \u7684\u8BE6\u60C5",
+  accountsDetailsHide: "\u6536\u8D77 {name} \u7684\u8BE6\u60C5",
+  accountDragHandle: "\u62D6\u52A8 {name} \u8C03\u6574\u987A\u5E8F",
+  accountConfigureHint: "\u914D\u7F6E Key \u540E\u663E\u793A\u989D\u5EA6",
+  usageResetMinutes: "{minutes} \u5206\u949F\u540E\u91CD\u7F6E",
+  usageResetHours: "{hours} \u5C0F\u65F6\u540E\u91CD\u7F6E",
+  usageResetDays: "{days} \u5929\u540E\u91CD\u7F6E",
+  usageResetDue: "\u5373\u5C06\u91CD\u7F6E",
+  usageResetUnknown: "\u91CD\u7F6E\u65F6\u95F4\u672A\u77E5",
   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",
   usage_weekly: "\u6BCF\u5468",
@@ -1500,6 +2460,7 @@ var zh = {
   usageLoading: "\u6B63\u5728\u8BFB\u53D6\u7528\u91CF\u2026",
   usageUnavailable: "\u6682\u4E0D\u53EF\u7528",
   usageStaleShort: "\u4E0A\u6B21\u6570\u636E",
+  usageFallbackShort: "\u5DF2\u56DE\u9000",
   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",
@@ -1589,6 +2550,9 @@ var zh = {
   apiKeyEnvHint: "key \u89E3\u6790\u6240\u4F9D\u636E\u7684\u5F15\u7528\u540D\uFF0C\u7ECF\u51ED\u8BC1\u670D\u52A1\u5BFB\u5740\u3002",
   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",
+  proxyURLLabel: "\u4EE3\u7406\u5730\u5740",
+  proxyURLHint: "\u5BF9\u8BDD\u3001\u6A21\u578B\u66F4\u65B0\u548C\u7528\u91CF\u67E5\u8BE2\u4F7F\u7528\u7684 HTTP(S) \u6216 SOCKS5 \u4EE3\u7406\uFF0C\u4F8B\u5982 socks5://127.0.0.1:1080\u3002\u7559\u7A7A\u4F7F\u7528\u9ED8\u8BA4\u7F51\u7EDC\u8BBE\u7F6E\u3002\u5730\u5740\u4EE5\u8FD0\u884C DSH \u7684\u673A\u5668\u4E3A\u51C6\u3002",
+  proxyURLInvalid: "\u8BF7\u8F93\u5165 http://\u3001https:// \u6216 socks5:// \u4EE3\u7406\u5730\u5740\uFF0C\u4E0D\u5305\u542B\u8DEF\u5F84\u3001\u67E5\u8BE2\u53C2\u6570\u6216\u7247\u6BB5\u3002",
   refreshMinutesLabel: "\u76EE\u5F55\u5237\u65B0\uFF08\u5206\u949F\uFF09",
   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",
@@ -1613,6 +2577,11 @@ var zh = {
 };
 
 // src/usage-contract.ts
+function parseAccountSwitch(value) {
+  const notice = value;
+  if (!notice || typeof notice.fromRef !== "string" || typeof notice.toRef !== "string" || !/^[A-Za-z_][A-Za-z0-9_]*$/.test(notice.fromRef) || !/^[A-Za-z_][A-Za-z0-9_]*$/.test(notice.toRef) || notice.reason !== "quota" && notice.reason !== "credential" || typeof notice.at !== "number" || !Number.isSafeInteger(notice.at) || notice.at < 0 || notice.at > 864e13) throw new Error("Invalid account switch notice");
+  return { fromRef: notice.fromRef, toRef: notice.toRef, reason: notice.reason, at: notice.at };
+}
 function parseGoUsage(value) {
   if (!value || typeof value !== "object") throw new Error("Invalid OpenCode Go usage response");
   const source = value;
@@ -1623,6 +2592,9 @@ function parseGoUsage(value) {
     }
     result.source = source.source;
   }
+  if (source.lastSwitch !== void 0) {
+    result.lastSwitch = parseAccountSwitch(source.lastSwitch);
+  }
   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))) {
@@ -1638,6 +2610,16 @@ var usageCodec = {
   schema: { parse: parseGoUsage },
   create: () => ({ parse: parseGoUsage })
 };
+var parseRef = (value) => {
+  if (typeof value !== "string" || !/^[A-Za-z_][A-Za-z0-9_]*$/.test(value)) throw new Error("Invalid account reference");
+  return value;
+};
+var refCodec = {
+  mode: "strict",
+  typeSymbol: "dsh-opencode-go#AccountRef",
+  schema: { parse: parseRef },
+  create: () => ({ parse: parseRef })
+};
 var usageRemote = {
   package: "dsh-opencode-go",
   descriptors: [{
@@ -1648,6 +2630,14 @@ var usageRemote = {
     invocation: { kind: "direct" },
     parameters: [],
     result: usageCodec
+  }, {
+    id: "dsh-opencode-go#opencodeGoUsage/readAccount",
+    service: "opencodeGoUsage",
+    namespace: "opencodeGoUsage",
+    method: "readAccount",
+    invocation: { kind: "direct" },
+    parameters: [{ name: "ref", wire: "ref", source: "json", codec: refCodec }],
+    result: usageCodec
   }]
 };
 
@@ -1658,7 +2648,7 @@ var goRemote = {
 };
 
 // src/client/UsagePill.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // plugin-css:src/client/UsagePill.module.css
 var id2 = "dsh-opencode-go/UsagePill.module.css";
@@ -1666,20 +2656,29 @@ 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 = ".mAjYhq_root{min-width:0;display:inline-flex;position:relative}.mAjYhq_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}.mAjYhq_trigger:hover,.mAjYhq_trigger:focus-visible{opacity:1;background:color-mix(in srgb, currentColor 8%, transparent)}.mAjYhq_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);isolation:isolate;background-color:canvas;background-image:linear-gradient(var(--dsw-specific-menu,transparent), var(--dsw-specific-menu,transparent)), linear-gradient(var(--dsw-alias-bg-layer-2,Canvas), var(--dsw-alias-bg-layer-2,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 #0003}.mAjYhq_hint{opacity:.65;font-size:11px;line-height:1.6}.mAjYhq_warning{background:color-mix(in srgb, currentColor 6%, transparent);overflow-wrap:anywhere;border-radius:6px;margin:10px 0;padding:10px;line-height:1.5}.mAjYhq_warning p{margin:5px 0 0}.mAjYhq_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}.mAjYhq_retry:disabled{opacity:.6;cursor:default}.mAjYhq_retry:focus-visible{outline-offset:2px;outline:2px solid}.mAjYhq_window{margin-top:14px}.mAjYhq_row{justify-content:space-between;margin-bottom:5px;display:flex}.mAjYhq_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}.mAjYhq_window progress::-webkit-progress-bar{background:0 0;border-radius:4px}.mAjYhq_window progress::-webkit-progress-value{background:#39a878;border-radius:4px}.mAjYhq_window progress::-moz-progress-bar{background:#39a878;border-radius:4px}.mAjYhq_window progress.mAjYhq_high::-webkit-progress-value{background:#e0a100}.mAjYhq_window progress.mAjYhq_high::-moz-progress-bar{background:#e0a100}.mAjYhq_window progress.mAjYhq_limited::-webkit-progress-value{background:#e5484d}.mAjYhq_window progress.mAjYhq_limited::-moz-progress-bar{background:#e5484d}.mAjYhq_limitedText{color:#e5484d;margin-top:2px;font-weight:600}";
+  style.textContent = '.mAjYhq_root{min-width:0;display:inline-flex;position:relative}.mAjYhq_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}.mAjYhq_trigger:hover,.mAjYhq_trigger:focus-visible{opacity:1;background:color-mix(in srgb, currentColor 8%, transparent)}.mAjYhq_account{text-overflow:ellipsis;vertical-align:bottom;max-width:12ch;display:inline-block;overflow:hidden}@container (width<=460px){.mAjYhq_brand,.mAjYhq_stale,.mAjYhq_account,.mAjYhq_fallback{display:none}.mAjYhq_reading[data-stale]:after{content:"*"}.mAjYhq_trigger[data-fallback]:after{content:" \u21B3"}}@container (width<=360px){.mAjYhq_unit{display:none}}.mAjYhq_panel{z-index:100;box-sizing:border-box;border-radius:var(--dsw-radius-lg,16px);width:320px;max-width:calc(100vw - 32px);max-height:70vh;color:var(--dsw-alias-label-primary,CanvasText);isolation:isolate;--dsw-elevation-stroke-color:var(--dsw-alias-border-l1,color-mix(in srgb, currentColor 10%, transparent));box-shadow:var(--dsw-elevation-prominent,0 8px 30px #0003);border:0;flex-direction:column;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 12px);right:0}.mAjYhq_material{z-index:-1;border-radius:inherit;pointer-events:none;background:var(--dsw-menu-surface-fill,var(--dsw-specific-menu,#43454a73));backdrop-filter:var(--dsw-menu-backdrop-filter,blur(40px) saturate(150%));position:absolute;inset:0}@supports not (backdrop-filter:blur(1px)){.mAjYhq_material{background:var(--dsw-alias-bg-layer-2,Canvas)}}.mAjYhq_body{overscroll-behavior:contain;box-sizing:border-box;flex-direction:column;flex:1;gap:6px;min-height:0;padding:10px;display:flex;overflow-y:auto}.mAjYhq_panelTitle,.mAjYhq_panelHead{color:var(--dsw-alias-label-tertiary,currentColor);flex:none;padding:2px 6px 0;font-size:11.5px;line-height:1.6}.mAjYhq_panelHead{align-items:center;gap:6px;display:flex}.mAjYhq_panelHead strong{color:var(--dsw-alias-label-primary,CanvasText);font-size:12px;font-weight:600}.mAjYhq_back{width:18px;height:18px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.mAjYhq_back:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.mAjYhq_icon{flex:none;width:14px;height:14px}.mAjYhq_tick{color:#39a878;flex:none;width:14px;height:14px}.mAjYhq_tile{background:color-mix(in srgb, currentColor 6%, transparent);border-radius:10px;flex:none;overflow:hidden}.mAjYhq_divider{background:color-mix(in srgb, currentColor 10%, transparent);height:.5px;margin:0 12px}.mAjYhq_accHead{align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.mAjYhq_dot{background:#39a878;border-radius:50%;flex:none;width:7px;height:7px}.mAjYhq_accName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.mAjYhq_tag{color:#39a878;background:#39a8781f;border:.5px solid #39a87873;border-radius:999px;flex:none;padding:0 7px;font-size:10.5px;line-height:1.7}.mAjYhq_switch{font:inherit;color:var(--dsw-alias-label-tertiary,currentColor);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;align-items:center;gap:3px;padding:3px 6px;font-size:11.5px;display:inline-flex}.mAjYhq_switch:hover:not(:disabled){background:color-mix(in srgb, currentColor 8%, transparent)}.mAjYhq_switch:disabled{opacity:.55;cursor:default}.mAjYhq_option{width:100%;min-height:38px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;display:flex}.mAjYhq_option:hover:not(:disabled){background:color-mix(in srgb, currentColor 6%, transparent)}.mAjYhq_option:disabled{opacity:.6;cursor:default}.mAjYhq_optionName{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-secondary,currentColor);flex:1;font-size:13px;overflow:hidden}.mAjYhq_option[data-selected] .mAjYhq_optionName{color:var(--dsw-alias-label-primary,CanvasText);font-weight:600}.mAjYhq_hint{opacity:.65;font-size:11px;line-height:1.6}.mAjYhq_warning{background:color-mix(in srgb, currentColor 6%, transparent);overflow-wrap:anywhere;border-radius:6px;margin:10px 0;padding:10px;line-height:1.5}.mAjYhq_warning p{margin:5px 0 0}.mAjYhq_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}.mAjYhq_retry:disabled{opacity:.6;cursor:default}.mAjYhq_back:focus-visible,.mAjYhq_switch:focus-visible,.mAjYhq_option:focus-visible,.mAjYhq_retry:focus-visible{outline-offset:2px;outline:2px solid}.mAjYhq_window{padding:10px 12px}.mAjYhq_windowRow{align-items:center;gap:10px;display:flex}.mAjYhq_windowLabel{width:48px;color:var(--dsw-alias-label-secondary,currentColor);flex:none;font-size:12.5px}.mAjYhq_windowPercent{text-align:right;font-variant-numeric:tabular-nums;flex:none;width:38px;font-size:13px;font-weight:650}.mAjYhq_window progress{appearance:none;background:color-mix(in srgb, currentColor 15%, transparent);border:0;border-radius:99px;flex:1;min-width:60px;height:10px;display:block}.mAjYhq_window progress::-webkit-progress-bar{background:0 0;border-radius:99px}.mAjYhq_window progress::-webkit-progress-value{background:#39a878;border-radius:99px}.mAjYhq_window progress::-moz-progress-bar{background:#39a878;border-radius:99px}.mAjYhq_windowReset{color:var(--dsw-alias-label-tertiary,currentColor);margin-top:6px;font-size:11px;line-height:1.6}.mAjYhq_foot{color:var(--dsw-alias-label-tertiary,currentColor);justify-content:space-between;align-items:center;gap:8px;padding:3px 6px 1px;font-size:11px;display:flex}.mAjYhq_window progress.mAjYhq_high::-webkit-progress-value{background:#e0a100}.mAjYhq_window progress.mAjYhq_high::-moz-progress-bar{background:#e0a100}.mAjYhq_window progress.mAjYhq_limited::-webkit-progress-value{background:#e5484d}.mAjYhq_window progress.mAjYhq_limited::-moz-progress-bar{background:#e5484d}.mAjYhq_limitedText{color:#e5484d;margin-top:2px;font-weight:600}';
   document.head.appendChild(style);
 }
-var UsagePill_default = { "high": "mAjYhq_high", "hint": "mAjYhq_hint", "limited": "mAjYhq_limited", "limitedText": "mAjYhq_limitedText", "panel": "mAjYhq_panel", "retry": "mAjYhq_retry", "root": "mAjYhq_root", "row": "mAjYhq_row", "trigger": "mAjYhq_trigger", "warning": "mAjYhq_warning", "window": "mAjYhq_window" };
+var UsagePill_default = { "accHead": "mAjYhq_accHead", "accName": "mAjYhq_accName", "account": "mAjYhq_account", "back": "mAjYhq_back", "body": "mAjYhq_body", "brand": "mAjYhq_brand", "divider": "mAjYhq_divider", "dot": "mAjYhq_dot", "fallback": "mAjYhq_fallback", "foot": "mAjYhq_foot", "high": "mAjYhq_high", "hint": "mAjYhq_hint", "icon": "mAjYhq_icon", "limited": "mAjYhq_limited", "limitedText": "mAjYhq_limitedText", "material": "mAjYhq_material", "option": "mAjYhq_option", "optionName": "mAjYhq_optionName", "panel": "mAjYhq_panel", "panelHead": "mAjYhq_panelHead", "panelTitle": "mAjYhq_panelTitle", "reading": "mAjYhq_reading", "retry": "mAjYhq_retry", "root": "mAjYhq_root", "stale": "mAjYhq_stale", "switch": "mAjYhq_switch", "tag": "mAjYhq_tag", "tick": "mAjYhq_tick", "tile": "mAjYhq_tile", "trigger": "mAjYhq_trigger", "unit": "mAjYhq_unit", "warning": "mAjYhq_warning", "window": "mAjYhq_window", "windowLabel": "mAjYhq_windowLabel", "windowPercent": "mAjYhq_windowPercent", "windowReset": "mAjYhq_windowReset", "windowRow": "mAjYhq_windowRow" };
 
 // src/client/UsagePill.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var unchanged = () => 0;
+var noSubscription = () => () => {
+};
 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;
+    let lastSwitch;
+    try {
+      if (details.lastSwitch) lastSwitch = parseAccountSwitch(details.lastSwitch);
+    } catch {
+    }
     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 } : {}
+      ...typeof details.source === "string" ? { source: details.source } : {},
+      ...lastSwitch ? { lastSwitch } : {}
     };
   }
   return { retainPrevious: false };
@@ -1688,22 +2687,50 @@ function usageLevel(window) {
   if (window.status === "rate-limited" || window.percent >= 100) return UsagePill_default.limited;
   return window.percent >= 80 ? UsagePill_default.high : void 0;
 }
-function UsagePill({ directory, settings, ...props }) {
-  const state = (0, import_react3.useSyncExternalStore)(directory.subscribe, directory.getSnapshot, directory.getSnapshot);
-  const config = (0, import_react3.useSyncExternalStore)(settings.subscribe, settings.getSnapshot, settings.getSnapshot);
+function ChevronRight() {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { className: UsagePill_default.icon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M6 4l4 4-4 4" }) });
+}
+function ChevronLeft() {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { className: UsagePill_default.icon, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 4 6 8l4 4" }) });
+}
+function Tick() {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { className: UsagePill_default.tick, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M3.5 8.5 6.5 11.5 12.5 4.5" }) });
+}
+function UsagePill({ directory, settings, credentialChanges, ...props }) {
+  const state = (0, import_react4.useSyncExternalStore)(directory.subscribe, directory.getSnapshot, directory.getSnapshot);
+  const readSettings = (0, import_react4.useCallback)(() => settings.getSnapshot(), [settings]);
+  const subscribeSettings = (0, import_react4.useCallback)((listener) => settings.subscribe(listener), [settings]);
+  const config = (0, import_react4.useSyncExternalStore)(subscribeSettings, readSettings, readSettings);
+  const readChanges = (0, import_react4.useCallback)(() => credentialChanges?.getSnapshot() ?? unchanged(), [credentialChanges]);
+  const subscribeChanges = (0, import_react4.useCallback)((listener) => credentialChanges?.subscribe(listener) ?? noSubscription(), [credentialChanges]);
+  const credentialRevision = (0, import_react4.useSyncExternalStore)(subscribeChanges, readChanges, readChanges);
   const mode = config.value?.usageDisplay ?? DEFAULT_USAGE_DISPLAY;
   const visible = config.status === "ready" && config.value?.enabled !== false && (mode === "always" || mode === "auto" && state.current?.provider === PROVIDER_ID);
-  return visible ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ActiveUsage, { ...props }) : null;
+  const accounts = accountsOf(config.value ?? {});
+  const activeRef = accountRefOf(config.value ?? {});
+  return visible ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    ActiveUsage,
+    {
+      ...props,
+      accounts,
+      activeRef,
+      writable: config.writable
+    },
+    JSON.stringify([activeRef, config.value?.baseURL, config.value?.proxyURL, credentialRevision, accounts])
+  ) : null;
 }
-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)(() => {
+function ActiveUsage({ readUsage, t, getLocale, accounts, activeRef, writable, selectAccount }) {
+  const [snapshot, setSnapshot] = (0, import_react4.useState)(null);
+  const [failed, setFailed] = (0, import_react4.useState)(null);
+  const [refreshing, setRefreshing] = (0, import_react4.useState)(false);
+  const [open, setOpen] = (0, import_react4.useState)(false);
+  const [switching, setSwitching] = (0, import_react4.useState)(false);
+  const [switchFailed, setSwitchFailed] = (0, import_react4.useState)(false);
+  const [view, setView] = (0, import_react4.useState)("usage");
+  const root = (0, import_react4.useRef)(null);
+  const retry = (0, import_react4.useRef)(() => {
   });
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     let alive = true;
     let busy = false;
     setSnapshot(null);
@@ -1749,7 +2776,7 @@ function ActiveUsage({ readUsage, t, getLocale }) {
       document.removeEventListener("visibilitychange", visible);
     };
   }, [readUsage]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!open) return;
     const click = (event) => {
       if (!root.current?.contains(event.target)) setOpen(false);
@@ -1767,71 +2794,227 @@ function ActiveUsage({ readUsage, t, getLocale }) {
   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)(
+  const notice = usage?.lastSwitch ?? failure?.lastSwitch;
+  const accountName = accounts.find((account) => account.apiKeyEnv === activeRef)?.name || t("accountDefault");
+  const accountsView = view === "accounts" && accounts.length > 1;
+  const switchable = accounts.length > 1 && writable && selectAccount !== void 0;
+  const switchTo = (ref) => {
+    if (ref === activeRef) {
+      setView("usage");
+      return;
+    }
+    setSwitching(true);
+    setSwitchFailed(false);
+    void selectAccount?.(ref).then((accepted) => {
+      setSwitchFailed(!accepted);
+      if (accepted) setView("usage");
+    }).catch(() => {
+      setSwitchFailed(true);
+    }).finally(() => {
+      setSwitching(false);
+    });
+  };
+  const label = usage ? `Go \xB7 ${t("usageRollingShort")} ${usage.rolling.percent}% \xB7 ${t("usageWeekShort")} ${usage.weekly.percent}%${failure ? ` \xB7 ${t("usageStaleShort")}` : ""}${notice ? ` \xB7 ${t("usageFallbackShort")}` : ""}${accounts.length > 1 ? ` \xB7 ${accountName}` : ""}` : `Go \xB7 ${failure ? t("usageUnavailable") : "\u2026"}${notice ? ` \xB7 ${t("usageFallbackShort")}` : ""}${accounts.length > 1 ? ` \xB7 ${accountName}` : ""}`;
+  const segments = usage ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: UsagePill_default.brand, children: "Go \xB7 " }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: UsagePill_default.reading, "data-stale": failure ? "" : void 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: UsagePill_default.unit, children: [
+        t("usageRollingShort"),
+        " "
+      ] }),
+      usage.rolling.percent,
+      "%",
+      " \xB7 ",
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: UsagePill_default.unit, children: [
+        t("usageWeekShort"),
+        " "
+      ] }),
+      usage.weekly.percent,
+      "%"
+    ] }),
+    failure ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: UsagePill_default.stale, children: [
+      " \xB7 ",
+      t("usageStaleShort")
+    ] }) : null,
+    notice ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: UsagePill_default.fallback, children: [
+      " \xB7 ",
+      t("usageFallbackShort")
+    ] }) : null,
+    accounts.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: UsagePill_default.account, children: [
+      " \xB7 ",
+      accountName
+    ] }) : null
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: UsagePill_default.brand, children: "Go \xB7 " }),
+    failure ? t("usageUnavailable") : "\u2026",
+    notice ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: UsagePill_default.fallback, children: [
+      " \xB7 ",
+      t("usageFallbackShort")
+    ] }) : null,
+    accounts.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: UsagePill_default.account, children: [
+      " \xB7 ",
+      accountName
+    ] }) : null
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: UsagePill_default.root, ref: root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "button",
       {
         type: "button",
         className: UsagePill_default.trigger,
         "aria-expanded": open,
         "aria-haspopup": "dialog",
+        "data-fallback": notice ? "" : void 0,
         "aria-label": `${t("usageTitle")}: ${label}`,
+        title: label,
         onClick: () => {
           setOpen(!open);
+          setView("usage");
         },
-        children: label
+        children: segments
       }
     ),
-    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}`) }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("strong", { children: [
-            usage[key].percent,
-            "%"
-          ] })
+    open && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: UsagePill_default.panel, role: "dialog", "aria-label": t("usageTitle"), "aria-busy": refreshing, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: UsagePill_default.material, "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: UsagePill_default.body, children: accountsView ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: UsagePill_default.panelHead, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: UsagePill_default.back, "aria-label": t("accountSwitchBack"), onClick: () => {
+            setView("usage");
+          }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ChevronLeft, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: t("accountSwitchTitle") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("progress", { className: usageLevel(usage[key]), "aria-label": t(`usage_${key}`), max: 100, value: Math.min(100, usage[key].percent) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: UsagePill_default.hint, children: [
-          t("usageResets"),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "div",
+          {
+            className: UsagePill_default.tile,
+            role: "listbox",
+            "aria-label": t("accountSwitchTitle"),
+            onKeyDown: (event) => {
+              if (event.key === "Escape") {
+                event.stopPropagation();
+                setView("usage");
+                return;
+              }
+              const step = event.key === "ArrowDown" ? 1 : event.key === "ArrowUp" ? -1 : 0;
+              if (step === 0) return;
+              event.preventDefault();
+              const options = Array.from(event.currentTarget.querySelectorAll('[role="option"]'));
+              const at = options.indexOf(document.activeElement);
+              options[(at + step + options.length) % options.length]?.focus();
+            },
+            children: accounts.map((account, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react4.Fragment, { children: [
+              index ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: UsagePill_default.divider }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  role: "option",
+                  "aria-selected": account.apiKeyEnv === activeRef,
+                  "data-selected": account.apiKeyEnv === activeRef ? "" : void 0,
+                  className: UsagePill_default.option,
+                  disabled: switching,
+                  onClick: () => {
+                    switchTo(account.apiKeyEnv);
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: UsagePill_default.optionName, children: account.name || t("accountDefault") }),
+                    account.apiKeyEnv === activeRef ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Tick, {}) : null
+                  ]
+                }
+              )
+            ] }, account.id))
+          }
+        ),
+        switchFailed ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: UsagePill_default.warning, role: "alert", children: t("accountSwitchFailed") }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: UsagePill_default.hint, children: t("accountSwitchHint") })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: UsagePill_default.panelTitle, children: t("usageTitle") }),
+        accounts.length ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: UsagePill_default.tile, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: UsagePill_default.accHead, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: UsagePill_default.dot }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: UsagePill_default.accName, children: accountName }),
+          accounts.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: UsagePill_default.tag, children: t("accountPreferredTag") }) : null,
+          accounts.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: UsagePill_default.switch,
+              disabled: !switchable || switching,
+              "aria-haspopup": "listbox",
+              onClick: () => {
+                setView("accounts");
+              },
+              children: [
+                t("accountSwitchAction"),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ChevronRight, {})
+              ]
+            }
+          ) : null
+        ] }) }) : null,
+        switchFailed ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: UsagePill_default.warning, role: "alert", children: t("accountSwitchFailed") }) : null,
+        notice ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: UsagePill_default.warning, role: "status", children: [
+          t(notice.reason === "quota" ? "accountFallbackQuota" : "accountFallbackCredential"),
           " ",
-          new Date(usage[key].resetsAt).toLocaleString(getLocale?.())
-        ] }),
-        usage[key].status === "rate-limited" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: UsagePill_default.limitedText, children: t("usageLimited") })
-      ] }, key)) : failure ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: t("usageLoading") })
+          accounts.find((account) => account.apiKeyEnv === notice.toRef)?.name || t("accountDefault"),
+          " \xB7 ",
+          new Date(notice.at).toLocaleString(getLocale?.())
+        ] }) : null,
+        failure ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: UsagePill_default.warning, role: "alert", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: t("usageRefreshFailed") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: failure.message ?? t("usageUnavailable") }),
+          usage ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: t("usageStaleHint") }) : null
+        ] }) : null,
+        failure ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
+          {
+            type: "button",
+            className: UsagePill_default.retry,
+            disabled: refreshing,
+            onClick: () => {
+              retry.current();
+            },
+            children: t(refreshing ? "usageRefreshing" : "usageRetry")
+          }
+        ) : null,
+        usage ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: UsagePill_default.tile, children: ["rolling", "weekly", "monthly"].map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react4.Fragment, { children: [
+          index ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: UsagePill_default.divider }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: UsagePill_default.window, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: UsagePill_default.windowRow, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: UsagePill_default.windowLabel, children: t(`usage_${key}`) }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("progress", { className: usageLevel(usage[key]), "aria-label": t(`usage_${key}`), max: 100, value: Math.min(100, usage[key].percent) }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("strong", { className: UsagePill_default.windowPercent, children: [
+                usage[key].percent,
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: UsagePill_default.windowReset, children: [
+              t("usageResets"),
+              " ",
+              new Date(usage[key].resetsAt).toLocaleString(getLocale?.())
+            ] }),
+            usage[key].status === "rate-limited" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: UsagePill_default.limitedText, children: t("usageLimited") })
+          ] })
+        ] }, key)) }) : failure ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: UsagePill_default.hint, children: t("usageLoading") }),
+        current ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: UsagePill_default.foot, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+          t("usageLastUpdated"),
+          " ",
+          new Date(current.updatedAt).toLocaleString(getLocale?.())
+        ] }) }) : null
+      ] }) })
     ] })
   ] });
 }
 
 // src/client/usage.ts
+var import_dsh_client_store2 = require("@deepseek-ai/dsh-client-store");
 function registerUsagePill(ctx, settings) {
   ctx.inject(["modelDirectories", "sessions", "remote.session"], (scope) => {
     scope.inject(["remote.opencodeGoUsage"], (ready) => {
+      const credentialChanges = (0, import_dsh_client_store2.createSnapshotStore)(0);
+      ready.effect(() => ready.remote.$on("credentials/reference-updated", (ref) => {
+        if (accountsOf(settings.getSnapshot().value ?? {}).some((account) => account.apiKeyEnv === ref)) {
+          credentialChanges.set(credentialChanges.getSnapshot() + 1);
+        }
+      }));
       const readUsage = async () => {
         const result = await ready.remote.opencodeGoUsage.read();
         if (!result.ok) throw result.error;
@@ -1845,6 +3028,17 @@ function registerUsagePill(ctx, settings) {
         inject: (sessionId) => ({
           directory: ready.modelDirectories.directoryFor(sessionId).store,
           settings,
+          credentialChanges,
+          selectAccount: async (ref) => {
+            const snapshot = settings.getSnapshot();
+            if (!snapshot.writable || !accountsOf(snapshot.value ?? {}).some((account) => account.apiKeyEnv === ref)) return false;
+            try {
+              await settings.mutate([{ op: "set", path: ["apiKeyEnv"], value: ref }], snapshot.revision);
+              return accountRefOf(settings.getSnapshot().value ?? {}) === ref;
+            } catch {
+              return false;
+            }
+          },
           readUsage,
           getLocale: () => ready.locale.getLocale().active,
           t: (key) => translate(key)
@@ -1874,9 +3068,21 @@ function apply(ctx) {
 }
 function mountSettings(ctx, scope, modelsReady) {
   registerUsagePill(ctx, scope);
+  let readAccount;
+  ctx.inject(["remote.opencodeGoUsage"], (ready) => {
+    readAccount = async (ref) => {
+      const result = await ready.remote.opencodeGoUsage.readAccount(ref);
+      if (!result.ok) throw result.error;
+      return result.value;
+    };
+  });
   const controller = new OpencodeGoSectionController(scope, ctx, async () => {
     await modelsReady;
     return ctx.remote.opencodeGoModels.read();
+  }, async (ref) => {
+    await modelsReady;
+    if (readAccount === void 0) throw new Error("OpenCode Go account usage is unavailable in this session");
+    return readAccount(ref);
   });
   ctx.effect(() => () => controller.dispose());
   const t = ctx.locale.bind(NS);