@dan-ai-studio/dshopencodego 0.1.5

package/lib/client.js

@@ -0,0 +1,1215 @@
+window.__ModuleLoader__.load({ id: "@dan-ai-studio/dshopencodego", factory: (require) => { var module = { exports: {} }; var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.ts
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/catalog/contract.ts
+function parseGoQuota(value) {
+  if (value === null || typeof value !== "object") throw new Error("invalid go quota");
+  const row = value;
+  const usd = row["monthlyUsd"];
+  if (usd !== "unlimited" && (typeof usd !== "number" || !Number.isFinite(usd))) {
+    throw new Error("invalid go quota monthlyUsd");
+  }
+  const requests = row["monthlyRequests"];
+  if (requests !== void 0 && requests !== "unlimited" && (typeof requests !== "number" || !Number.isFinite(requests))) {
+    throw new Error("invalid go quota monthlyRequests");
+  }
+  return {
+    monthlyUsd: usd,
+    ...requests === void 0 ? {} : { monthlyRequests: requests }
+  };
+}
+function parseCost(value) {
+  if (value === null || typeof value !== "object") throw new Error("invalid model cost");
+  const row = value;
+  const rate = (key) => {
+    const entry = row[key];
+    if (typeof entry !== "number" || !Number.isFinite(entry) || entry < 0) throw new Error(`invalid model cost "${key}"`);
+    return entry;
+  };
+  return {
+    input: rate("input"),
+    output: rate("output"),
+    ...typeof row["cacheRead"] === "number" ? { cacheRead: rate("cacheRead") } : {},
+    ...typeof row["cacheWrite"] === "number" ? { cacheWrite: rate("cacheWrite") } : {}
+  };
+}
+function parseModel(value) {
+  if (value === null || typeof value !== "object") throw new Error("invalid catalog model");
+  const row = value;
+  if (typeof row["id"] !== "string" || row["id"].length === 0) throw new Error("invalid catalog model id");
+  return {
+    id: row["id"],
+    name: typeof row["name"] === "string" ? row["name"] : row["id"],
+    ...typeof row["contextWindow"] === "number" ? { contextWindow: row["contextWindow"] } : {},
+    ...typeof row["maxInputTokens"] === "number" ? { maxInputTokens: row["maxInputTokens"] } : {},
+    ...typeof row["maxTokens"] === "number" ? { maxTokens: row["maxTokens"] } : {},
+    ...typeof row["deprecated"] === "boolean" ? { deprecated: row["deprecated"] } : {},
+    ...typeof row["releaseDate"] === "string" ? { releaseDate: row["releaseDate"] } : {},
+    ...row["goQuota"] === void 0 ? {} : { goQuota: parseGoQuota(row["goQuota"]) },
+    ...row["cost"] === void 0 ? {} : { cost: parseCost(row["cost"]) },
+    ...row["protocolSource"] === "builtin" || row["protocolSource"] === "online" || row["protocolSource"] === "inferred" || row["protocolSource"] === "override" ? { protocolSource: row["protocolSource"] } : {},
+    ...typeof row["assumedLimits"] === "boolean" ? { assumedLimits: row["assumedLimits"] } : {},
+    ...typeof row["configurationMissing"] === "string" ? { configurationMissing: row["configurationMissing"] } : {}
+  };
+}
+function parseCatalogReading(value) {
+  if (value === null || typeof value !== "object") throw new Error("invalid catalog reading");
+  const row = value;
+  const counts = row["counts"];
+  if (!Array.isArray(row["models"]) || typeof row["stale"] !== "boolean" || typeof row["fetchedAtMs"] !== "number" || counts === null || typeof counts !== "object") {
+    throw new Error("invalid catalog reading");
+  }
+  const numbers = counts;
+  const count = (key) => {
+    const entry = numbers[key];
+    if (typeof entry !== "number" || !Number.isFinite(entry) || entry < 0) throw new Error(`invalid catalog count "${key}"`);
+    return entry;
+  };
+  return {
+    models: row["models"].map(parseModel),
+    stale: row["stale"],
+    ...typeof row["error"] === "string" ? { error: row["error"] } : {},
+    fetchedAtMs: row["fetchedAtMs"],
+    counts: {
+      total: count("total"),
+      enabled: count("enabled"),
+      deprecated: count("deprecated"),
+      unconfigured: count("unconfigured"),
+      inferred: count("inferred")
+    }
+  };
+}
+var codec = {
+  mode: "strict",
+  typeSymbol: "@dan-ai-studio/dshopencodego#CatalogReading",
+  schema: { parse: parseCatalogReading },
+  create: () => ({ parse: parseCatalogReading })
+};
+var catalogRemote = {
+  package: "@dan-ai-studio/dshopencodego",
+  descriptors: [
+    {
+      id: "@dan-ai-studio/dshopencodego#opencodeGoCatalog/read",
+      service: "opencodeGoCatalog",
+      namespace: "opencodeGoCatalog",
+      method: "read",
+      invocation: { kind: "direct" },
+      parameters: [],
+      result: codec
+    },
+    {
+      id: "@dan-ai-studio/dshopencodego#opencodeGoCatalog/refresh",
+      service: "opencodeGoCatalog",
+      namespace: "opencodeGoCatalog",
+      method: "refresh",
+      invocation: { kind: "direct" },
+      parameters: [],
+      result: codec
+    }
+  ]
+};
+
+// src/usage/contract.ts
+function parseWindow(value, key) {
+  if (value === null || typeof value !== "object") throw new Error(`invalid usage window "${key}"`);
+  const row = value;
+  if (row["status"] !== "ok" && row["status"] !== "rate-limited" || typeof row["percent"] !== "number" || !Number.isFinite(row["percent"]) || typeof row["resetsAt"] !== "string") {
+    throw new Error(`invalid usage window "${key}"`);
+  }
+  return { status: row["status"], percent: row["percent"], resetsAt: row["resetsAt"] };
+}
+function parseUsageWindows(value) {
+  if (value === null || typeof value !== "object") throw new Error("invalid usage reading");
+  const row = value;
+  return {
+    ...typeof row["source"] === "string" ? { source: row["source"] } : {},
+    rolling: parseWindow(row["rolling"], "rolling"),
+    weekly: parseWindow(row["weekly"], "weekly"),
+    monthly: parseWindow(row["monthly"], "monthly")
+  };
+}
+function parseTotals(value) {
+  if (value === null || typeof value !== "object") throw new Error("invalid meter totals");
+  const row = value;
+  const count = (key) => {
+    const entry = row[key];
+    if (typeof entry !== "number" || !Number.isFinite(entry) || entry < 0) throw new Error(`invalid meter field "${key}"`);
+    return entry;
+  };
+  return {
+    calls: count("calls"),
+    inputTokens: count("inputTokens"),
+    outputTokens: count("outputTokens"),
+    cacheReadTokens: count("cacheReadTokens"),
+    cacheWriteTokens: count("cacheWriteTokens"),
+    totalTokens: count("totalTokens")
+  };
+}
+function parseGoMeter(value) {
+  if (value === null || typeof value !== "object") throw new Error("invalid meter reading");
+  const row = value;
+  if (typeof row["sinceMs"] !== "number" || typeof row["atMs"] !== "number" || !Array.isArray(row["models"])) {
+    throw new Error("invalid meter reading");
+  }
+  return {
+    sinceMs: row["sinceMs"],
+    atMs: row["atMs"],
+    totals: parseTotals(row["totals"]),
+    models: row["models"].map((entry) => {
+      if (entry === null || typeof entry !== "object") throw new Error("invalid meter model entry");
+      const model = entry["model"];
+      if (typeof model !== "string") throw new Error("invalid meter model entry");
+      return { model, ...parseTotals(entry) };
+    })
+  };
+}
+var codec2 = (typeSymbol, parse) => ({
+  mode: "strict",
+  typeSymbol,
+  schema: { parse },
+  create: () => ({ parse })
+});
+var usageRemote = {
+  package: "@dan-ai-studio/dshopencodego",
+  descriptors: [
+    {
+      id: "@dan-ai-studio/dshopencodego#opencodeGoUsage/readWindows",
+      service: "opencodeGoUsage",
+      namespace: "opencodeGoUsage",
+      method: "readWindows",
+      invocation: { kind: "direct" },
+      parameters: [],
+      result: codec2("@dan-ai-studio/dshopencodego#GoUsageWindows", parseUsageWindows)
+    },
+    {
+      id: "@dan-ai-studio/dshopencodego#opencodeGoUsage/readMeter",
+      service: "opencodeGoUsage",
+      namespace: "opencodeGoUsage",
+      method: "readMeter",
+      invocation: { kind: "direct" },
+      parameters: [],
+      result: codec2("@dan-ai-studio/dshopencodego#GoMeter", parseGoMeter)
+    }
+  ]
+};
+
+// src/client/locales.ts
+var en = {
+  nav: "OpenCode Go",
+  intro: "OpenCode Go models come from the gateway itself, and every request carries a per-conversation session id.",
+  keyTitle: "API key",
+  keyHint: "Stored write-only in the Harness credential store under OPENCODE_GO_API_KEY.",
+  keyConfigured: "Configured",
+  keyMissing: "Not configured",
+  keyPlaceholder: "Paste the OpenCode Go API key",
+  keySave: "Save key",
+  keyClear: "Remove key",
+  keySaved: "Saved",
+  catalogTitle: "Models",
+  catalogRefresh: "Refresh",
+  catalogSelectAll: "Select all",
+  catalogSelectNone: "Select none",
+  catalogStale: "Showing the last successful listing",
+  catalogCountUnit: "models",
+  catalogInferred: "protocol inferred",
+  catalogAssumed: "default capacities",
+  catalogDeprecated: "deprecated",
+  catalogUnconfigured: "not configurable",
+  refreshLabel: "Catalog refresh (minutes)",
+  refreshHint: "How long requests and the model picker reuse one listing.",
+  writeRejected: "The settings write was rejected (the namespace was reloaded) \u2014 try again",
+  writeFailed: "The settings write failed",
+  filterPlaceholder: "Filter by name or id",
+  filterOnlyEnabled: "Enabled only",
+  filterShowDeprecated: "Show deprecated",
+  filterHidden: "hidden",
+  sortLabel: "Sort",
+  sortDefault: "New first",
+  sortReleased: "Release date",
+  sortName: "Name",
+  sortContext: "Context window",
+  sortEnabled: "Enabled first",
+  sortQuota: "Monthly requests",
+  sortPrice: "Input price",
+  viewList: "List",
+  viewTable: "Table",
+  headerModel: "Model",
+  headerId: "ID",
+  headerReleased: "Released",
+  headerCapacity: "Context",
+  headerIo: "In / Out",
+  headerPrice: "Price /1M",
+  headerQuota: "Go quota",
+  headerNotes: "Notes",
+  iosInput: "in",
+  iosOutput: "out",
+  iosContext: "ctx",
+  quotaPerMonth: "req/mo",
+  quotaUnlimited: "unlimited",
+  usageTitle: "OpenCode Go usage",
+  usageRolling: "5 hours",
+  usageWeekly: "Week",
+  usageMonthly: "Month",
+  usageResets: "Resets",
+  usageLimited: "rate limited",
+  usageUnavailable: "unavailable",
+  usageStale: "stale",
+  usageRetry: "Retry",
+  usageRefreshing: "Refreshing\u2026",
+  usageLastUpdated: "Updated",
+  usageSinceBoot: "Since this Harness started",
+  usageCallsUnit: "calls",
+  usageTokensUnit: "tokens",
+  usageCached: "cached read",
+  usageLocalHint: "The gateway publishes quota percentages only; token counts are what this process actually spent.",
+  usageLoading: "Loading\u2026"
+};
+var zh = {
+  nav: "OpenCode Go",
+  intro: "OpenCode Go \u7684\u6A21\u578B\u5217\u8868\u76F4\u63A5\u6765\u81EA\u7F51\u5173\uFF0C\u4E14\u6BCF\u4E2A\u8BF7\u6C42\u90FD\u4F1A\u643A\u5E26\u6309\u4F1A\u8BDD\u7A33\u5B9A\u7684\u4F1A\u8BDD ID\u3002",
+  keyTitle: "API Key",
+  keyHint: "\u4EE5\u53EA\u5199\u65B9\u5F0F\u4FDD\u5B58\u5728 Harness \u51ED\u8BC1\u5E93\u4E2D\uFF0C\u5F15\u7528\u540D\u4E3A OPENCODE_GO_API_KEY\u3002",
+  keyConfigured: "\u5DF2\u914D\u7F6E",
+  keyMissing: "\u672A\u914D\u7F6E",
+  keyPlaceholder: "\u7C98\u8D34 OpenCode Go API Key",
+  keySave: "\u4FDD\u5B58 Key",
+  keyClear: "\u79FB\u9664 Key",
+  keySaved: "\u5DF2\u4FDD\u5B58",
+  catalogTitle: "\u6A21\u578B",
+  catalogRefresh: "\u5237\u65B0",
+  catalogSelectAll: "\u5168\u9009",
+  catalogSelectNone: "\u5168\u4E0D\u9009",
+  catalogStale: "\u5F53\u524D\u663E\u793A\u7684\u662F\u4E0A\u6B21\u6210\u529F\u83B7\u53D6\u7684\u5217\u8868",
+  catalogCountUnit: "\u4E2A\u6A21\u578B",
+  catalogInferred: "\u534F\u8BAE\u4E3A\u63A8\u65AD",
+  catalogAssumed: "\u5BB9\u91CF\u4E3A\u9ED8\u8BA4\u503C",
+  catalogDeprecated: "\u5DF2\u5F03\u7528",
+  catalogUnconfigured: "\u65E0\u6CD5\u914D\u7F6E",
+  refreshLabel: "\u76EE\u5F55\u5237\u65B0\uFF08\u5206\u949F\uFF09",
+  refreshHint: "\u8BF7\u6C42\u4E0E\u6A21\u578B\u9009\u62E9\u5668\u590D\u7528\u540C\u4E00\u4EFD\u5217\u8868\u7684\u65F6\u957F\u3002",
+  writeRejected: "\u8BBE\u7F6E\u5199\u5165\u88AB\u62D2\u7EDD\uFF08\u5DF2\u91CD\u65B0\u8F7D\u5165\uFF09\uFF0C\u8BF7\u91CD\u8BD5",
+  writeFailed: "\u8BBE\u7F6E\u5199\u5165\u5931\u8D25",
+  filterPlaceholder: "\u6309\u540D\u79F0\u6216 ID \u7B5B\u9009",
+  filterOnlyEnabled: "\u4EC5\u663E\u793A\u5DF2\u542F\u7528",
+  filterShowDeprecated: "\u663E\u793A\u5DF2\u5F03\u7528",
+  filterHidden: "\u5DF2\u9690\u85CF",
+  sortLabel: "\u6392\u5E8F",
+  sortDefault: "\u65B0\u53D1\u5E03\u4F18\u5148",
+  sortReleased: "\u53D1\u5E03\u65F6\u95F4",
+  sortName: "\u540D\u79F0",
+  sortContext: "\u4E0A\u4E0B\u6587\u7A97\u53E3",
+  sortEnabled: "\u5DF2\u542F\u7528\u4F18\u5148",
+  sortQuota: "\u6BCF\u6708\u9884\u4F30\u6B21\u6570",
+  sortPrice: "\u8F93\u5165\u5355\u4EF7",
+  viewList: "\u5217\u8868",
+  viewTable: "\u8868\u683C",
+  headerModel: "\u6A21\u578B",
+  headerId: "ID",
+  headerReleased: "\u53D1\u5E03",
+  headerCapacity: "\u4E0A\u4E0B\u6587",
+  headerIo: "\u8F93\u5165 / \u8F93\u51FA",
+  headerPrice: "\u5355\u4EF7 /1M",
+  headerQuota: "Go \u989D\u5EA6",
+  headerNotes: "\u5907\u6CE8",
+  iosInput: "\u5165",
+  iosOutput: "\u51FA",
+  iosContext: "\u4E0A\u4E0B\u6587",
+  quotaPerMonth: "\u6B21/\u6708",
+  quotaUnlimited: "\u65E0\u9650\u5236",
+  usageTitle: "OpenCode Go \u7528\u91CF",
+  usageRolling: "5 \u5C0F\u65F6",
+  usageWeekly: "\u672C\u5468",
+  usageMonthly: "\u672C\u6708",
+  usageResets: "\u91CD\u7F6E",
+  usageLimited: "\u5DF2\u9650\u6D41",
+  usageUnavailable: "\u4E0D\u53EF\u7528",
+  usageStale: "\u9648\u65E7",
+  usageRetry: "\u91CD\u8BD5",
+  usageRefreshing: "\u5237\u65B0\u4E2D\u2026",
+  usageLastUpdated: "\u66F4\u65B0\u4E8E",
+  usageSinceBoot: "\u81EA\u672C\u6B21 Harness \u542F\u52A8\u4EE5\u6765",
+  usageCallsUnit: "\u6B21\u8C03\u7528",
+  usageTokensUnit: "tokens",
+  usageCached: "\u7F13\u5B58\u8BFB\u53D6",
+  usageLocalHint: "\u7F51\u5173\u53EA\u516C\u5E03\u989D\u5EA6\u767E\u5206\u6BD4\uFF1Btoken \u6570\u4E3A\u672C\u8FDB\u7A0B\u5B9E\u9645\u6D88\u8017\u3002",
+  usageLoading: "\u52A0\u8F7D\u4E2D\u2026"
+};
+
+// src/client/Section.tsx
+var import_react = require("react");
+
+// src/go-limits.ts
+function monthlyRequestsRank(quota) {
+  if (quota === void 0) return -1;
+  const requests = quota.monthlyRequests;
+  if (requests === "unlimited") return Number.MAX_SAFE_INTEGER;
+  if (requests === void 0) return quota.monthlyUsd === "unlimited" ? Number.MAX_SAFE_INTEGER : -1;
+  return requests;
+}
+
+// src/models.ts
+function isModelEnabled(model, visibility) {
+  if (model.configurationMissing !== void 0) return false;
+  const explicit = visibility !== void 0 && Object.hasOwn(visibility, model.id) ? visibility[model.id] : void 0;
+  if (typeof explicit === "boolean") return explicit;
+  return typeof model.recommended === "boolean" ? model.recommended : model.deprecated !== true;
+}
+
+// src/client/model-view.ts
+var INITIAL_FILTER = {
+  query: "",
+  showDeprecated: false,
+  onlyEnabled: false,
+  sort: "quota",
+  view: "list"
+};
+function compactCount(value) {
+  if (value >= 1e6) return `${(value / 1e6).toFixed(value >= 1e7 ? 0 : 1)}M`;
+  if (value >= 1e3) return `${Math.round(value / 1e3)}K`;
+  return String(value);
+}
+function compareDateDesc(left, right) {
+  const a = left ?? "";
+  const b = right ?? "";
+  if (a === b) return 0;
+  if (a === "") return 1;
+  if (b === "") return -1;
+  return b.localeCompare(a);
+}
+function sortRows(rows, sort, visibility, locale) {
+  if (sort === "default") return [...rows];
+  const byName = (left, right) => left.name.localeCompare(right.name, locale);
+  const copy = [...rows];
+  switch (sort) {
+    case "released":
+      return copy.sort((left, right) => compareDateDesc(left.releaseDate, right.releaseDate) || byName(left, right));
+    case "name":
+      return copy.sort(byName);
+    case "context":
+      return copy.sort((left, right) => (right.contextWindow ?? -1) - (left.contextWindow ?? -1) || byName(left, right));
+    case "enabled":
+      return copy.sort((left, right) => Number(isModelEnabled(right, visibility)) - Number(isModelEnabled(left, visibility)) || byName(left, right));
+    case "quota":
+      return copy.sort((left, right) => monthlyRequestsRank(right.goQuota) - monthlyRequestsRank(left.goQuota) || byName(left, right));
+    case "price":
+      return copy.sort((left, right) => (left.cost?.input ?? Number.MAX_SAFE_INTEGER) - (right.cost?.input ?? Number.MAX_SAFE_INTEGER) || (left.cost?.output ?? 0) - (right.cost?.output ?? 0) || byName(left, right));
+  }
+}
+function visibleModels(models, filter, visibility, locale) {
+  const needle = filter.query.trim().toLowerCase();
+  const rows = models.filter((model) => {
+    if (!filter.showDeprecated && model.deprecated === true) return false;
+    if (filter.onlyEnabled && !isModelEnabled(model, visibility)) return false;
+    if (needle.length === 0) return true;
+    return model.id.toLowerCase().includes(needle) || model.name.toLowerCase().includes(needle);
+  });
+  return sortRows(rows, filter.sort, visibility, locale);
+}
+
+// plugin-css:D:\prj\dshopencodego\src\client\section.module.css
+var id = "@dan-ai-studio/dshopencodego/section.module.css";
+if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id) + "]")) {
+  const style = document.createElement("style");
+  style.dataset.plugin = "@dan-ai-studio/dshopencodego";
+  style.dataset.pluginCss = id;
+  style.textContent = "._6tq0da_root{color:var(--dsw-alias-label-primary);flex-direction:column;gap:1.25rem;display:flex}._6tq0da_title{margin:0;font-size:1.05rem}._6tq0da_hint{color:var(--dsw-alias-label-secondary);margin:0;font-size:.8rem}._6tq0da_warn{color:var(--dsw-alias-state-warn-primary);margin:0;font-size:.8rem}._6tq0da_ok{color:var(--dsw-alias-state-success-primary);font-size:.8rem}._6tq0da_block{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:.6rem;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}._6tq0da_row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}._6tq0da_row>strong{margin-right:auto}._6tq0da_input{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);min-width:10rem;color:var(--dsw-alias-label-primary);font:inherit;border-radius:.35rem;flex:14rem;padding:.35rem .5rem;font-size:.85rem}._6tq0da_button{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;border-radius:.35rem;padding:.35rem .7rem;font-size:.8rem}._6tq0da_button:disabled{color:var(--dsw-alias-state-idle-primary);cursor:default}._6tq0da_number{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);width:5rem;color:var(--dsw-alias-label-primary);font:inherit;border-radius:.35rem;padding:.25rem .4rem;font-size:.8rem}._6tq0da_select{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);width:auto;max-width:100%;color:var(--dsw-alias-label-primary);font:inherit;border-radius:.35rem;padding:.25rem .4rem;font-size:.8rem}._6tq0da_segmented{border:1px solid var(--dsw-alias-border-l1);border-radius:.35rem;display:inline-flex;overflow:hidden}._6tq0da_segment,._6tq0da_segmentActive{background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;border:0;padding:.25rem .6rem;font-size:.8rem}._6tq0da_segmentActive{background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}._6tq0da_tableWrap{overflow-x:auto}._6tq0da_table{border-collapse:collapse;width:100%;min-width:62rem;font-size:.78rem}._6tq0da_table th{color:var(--dsw-alias-label-secondary);text-align:left;white-space:nowrap;padding:.25rem .45rem;font-weight:500}._6tq0da_table td{border-top:1px solid var(--dsw-alias-border-l1);vertical-align:middle;white-space:nowrap;padding:.28rem .45rem}._6tq0da_toggle{width:2rem}._6tq0da_toggle input{accent-color:var(--dsw-alias-brand-primary)}._6tq0da_list{flex-direction:column;display:flex}._6tq0da_item{border-top:1px solid var(--dsw-alias-border-l1);align-items:flex-start;gap:.5rem;padding:.45rem .15rem;display:flex}._6tq0da_item input[type=checkbox]{accent-color:var(--dsw-alias-brand-primary);margin-top:.15rem}._6tq0da_itemBody{flex-direction:column;gap:.15rem;min-width:0;display:flex}._6tq0da_itemMain{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}._6tq0da_itemMeta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:.75rem;font-size:.75rem;display:flex}._6tq0da_name{color:var(--dsw-alias-label-primary)}._6tq0da_mono{color:var(--dsw-alias-label-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}._6tq0da_badge{color:var(--dsw-alias-brand-primary)}";
+  document.head.appendChild(style);
+}
+var section_default = { "row": "_6tq0da_row", "mono": "_6tq0da_mono", "tableWrap": "_6tq0da_tableWrap", "title": "_6tq0da_title", "warn": "_6tq0da_warn", "select": "_6tq0da_select", "segmented": "_6tq0da_segmented", "table": "_6tq0da_table", "hint": "_6tq0da_hint", "toggle": "_6tq0da_toggle", "list": "_6tq0da_list", "itemBody": "_6tq0da_itemBody", "itemMain": "_6tq0da_itemMain", "number": "_6tq0da_number", "itemMeta": "_6tq0da_itemMeta", "name": "_6tq0da_name", "segmentActive": "_6tq0da_segmentActive", "item": "_6tq0da_item", "input": "_6tq0da_input", "block": "_6tq0da_block", "button": "_6tq0da_button", "segment": "_6tq0da_segment", "root": "_6tq0da_root", "badge": "_6tq0da_badge", "ok": "_6tq0da_ok" };
+
+// src/client/Section.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var API_KEY_REF = "OPENCODE_GO_API_KEY";
+var VISIBILITY_WRITE_DELAY_MS = 250;
+var INITIAL = {
+  loading: true,
+  reading: void 0,
+  keyConfigured: void 0,
+  failure: void 0,
+  writeFailure: void 0,
+  saved: void 0,
+  settings: void 0,
+  writable: false,
+  saving: false,
+  filter: INITIAL_FILTER
+};
+function settingsOf(value) {
+  if (value === null || typeof value !== "object") return void 0;
+  const record = value;
+  const visibility = record["modelVisibility"];
+  const minutes = record["refreshMinutes"];
+  if (visibility === null || typeof visibility !== "object" || typeof minutes !== "number") return void 0;
+  const entries = Object.entries(visibility).filter(([, enabled]) => typeof enabled === "boolean");
+  return {
+    modelVisibility: Object.fromEntries(entries),
+    refreshMinutes: minutes
+  };
+}
+var SectionController = class {
+  state = INITIAL;
+  listeners = /* @__PURE__ */ new Set();
+  services;
+  disposers = [];
+  /** Latest visibility dict awaiting its coalesced write. */
+  pendingVisibility;
+  /** Timer of the coalescing window, when one is armed. */
+  visibilityTimer;
+  constructor(services) {
+    this.services = services;
+    const scope = services.scope;
+    if (scope !== void 0) {
+      const sync = () => {
+        const snapshot = scope.getSnapshot();
+        this.set({ settings: settingsOf(snapshot.value), writable: snapshot.writable });
+      };
+      sync();
+      this.disposers.push(scope.subscribe(sync));
+    }
+    void this.load(false);
+    void this.loadKey();
+  }
+  subscribe = (listener) => {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  };
+  snapshot = () => this.state;
+  /** Drop every listener and scope subscription; the slot's effect calls this. */
+  dispose() {
+    this.listeners.clear();
+    for (const dispose of this.disposers.splice(0)) dispose();
+    const scope = this.services.scope;
+    if (this.visibilityTimer !== void 0 && scope !== void 0) void this.flushVisibility(scope);
+  }
+  set(next) {
+    this.state = { ...this.state, ...next };
+    for (const listener of this.listeners) listener();
+  }
+  /** Read the catalog, or revalidate it when `refresh` is set. */
+  async load(refresh) {
+    this.set({ loading: true, failure: void 0 });
+    try {
+      const result = refresh ? await this.services.remote.opencodeGoCatalog.refresh() : await this.services.remote.opencodeGoCatalog.read();
+      if (!result.ok) throw result.error;
+      this.set({ loading: false, reading: result.value, failure: void 0 });
+    } catch (error) {
+      this.set({
+        loading: false,
+        failure: error instanceof Error ? error.message : "the catalog is unavailable"
+      });
+    }
+  }
+  async loadKey() {
+    try {
+      const described = await this.services.remote.credentials.describe([API_KEY_REF]);
+      if (!described.ok) throw described.error;
+      this.set({ keyConfigured: described.value[API_KEY_REF]?.configured === true });
+    } catch {
+      this.set({ keyConfigured: void 0 });
+    }
+  }
+  async saveKey(value) {
+    const trimmed = value.trim();
+    if (trimmed.length === 0) return;
+    const result = await this.services.remote.credentials.set(API_KEY_REF, trimmed);
+    if (!result.ok) throw result.error;
+    this.set({ saved: true });
+    await this.loadKey();
+  }
+  async clearKey() {
+    const result = await this.services.remote.credentials.unset(API_KEY_REF);
+    if (!result.ok) throw result.error;
+    this.set({ saved: false });
+    await this.loadKey();
+  }
+  /**
+   * Flip one model's switch.
+   *
+   * The switch is published immediately and the write itself is coalesced, so
+   * the UI never waits on the Host round trip and a burst of clicks becomes a
+   * single write of the final dict.
+   */
+  setVisibility(id3, enabled) {
+    this.mergeVisibility({ [id3]: enabled });
+  }
+  /**
+   * Set every configurable model at once (select-all / select-none).
+   *
+   * Select-all leaves deprecated models alone — they arrive switched off, and
+   * a bulk action must not quietly re-enable a discontinued model. Select-none
+   * clears everything, deprecated included.
+   * @param enabled - the state the affected models should take.
+   */
+  setAllVisibility(enabled) {
+    const reading = this.state.reading;
+    if (reading === void 0) return;
+    const patch = {};
+    for (const model of reading.models) {
+      if (model.configurationMissing !== void 0) continue;
+      if (enabled && model.deprecated === true) continue;
+      patch[model.id] = enabled;
+    }
+    this.mergeVisibility(patch);
+  }
+  /** Publish the merged dict locally, then schedule one coalesced write. */
+  mergeVisibility(patch) {
+    const scope = this.services.scope;
+    const current = this.state.settings;
+    if (scope === void 0 || current === void 0 || !this.state.writable) return;
+    const modelVisibility = { ...current.modelVisibility, ...patch };
+    this.set({ settings: { ...current, modelVisibility }, writeFailure: void 0 });
+    this.pendingVisibility = modelVisibility;
+    if (this.visibilityTimer !== void 0) clearTimeout(this.visibilityTimer);
+    this.visibilityTimer = setTimeout(() => {
+      void this.flushVisibility(scope);
+    }, VISIBILITY_WRITE_DELAY_MS);
+  }
+  /**
+   * Write the pending dict once.
+   *
+   * A refusal is usually a revision conflict with another client — the form
+   * has already reloaded the namespace by then — so one immediate retry
+   * settles a lost race before the page tells a human something went wrong.
+   * A persistent refusal, or a thrown call, surfaces as a failure and rolls
+   * the optimistic dict back to what the Host reports.
+   */
+  async flushVisibility(scope) {
+    if (this.visibilityTimer !== void 0) {
+      clearTimeout(this.visibilityTimer);
+      this.visibilityTimer = void 0;
+    }
+    const value = this.pendingVisibility;
+    this.pendingVisibility = void 0;
+    if (value === void 0) return;
+    this.set({ saving: true });
+    try {
+      let result = await scope.set("modelVisibility", value);
+      if (result === false) result = await scope.set("modelVisibility", value);
+      if (result === false) this.set({ writeFailure: { kind: "rejected" } });
+    } catch (error) {
+      this.set({
+        writeFailure: { kind: "failed", message: error instanceof Error ? error.message : "" }
+      });
+      this.set({ settings: settingsOf(scope.getSnapshot().value) });
+    } finally {
+      this.set({ saving: false });
+    }
+  }
+  /** Narrow or reorder the model table; a view preference, never a write. */
+  setFilter(patch) {
+    this.set({ filter: { ...this.state.filter, ...patch } });
+  }
+  /** Set the catalog cache lifetime, clamped to the schema's own bounds. */
+  async setRefreshMinutes(minutes) {
+    const scope = this.services.scope;
+    const current = this.state.settings;
+    if (scope === void 0 || current === void 0 || !this.state.writable) return;
+    if (!Number.isSafeInteger(minutes) || minutes < 1 || minutes > 7 * 24 * 60) return;
+    await this.write(
+      () => scope.set("refreshMinutes", minutes),
+      () => this.set({ settings: { ...current, refreshMinutes: minutes } })
+    );
+  }
+  async write(operation, onAccepted) {
+    this.set({ saving: true });
+    try {
+      const result = await operation();
+      if (result === false) this.set({ failure: "the settings write was rejected" });
+      else onAccepted?.();
+    } finally {
+      this.set({ saving: false });
+    }
+  }
+};
+function badgeFor(model, t) {
+  if (model.configurationMissing !== void 0) return `${t("catalogUnconfigured")}: ${model.configurationMissing}`;
+  if (model.protocolSource === "inferred") return t("catalogInferred");
+  if (model.assumedLimits === true) return t("catalogAssumed");
+  if (model.deprecated === true) return t("catalogDeprecated");
+  return "";
+}
+function isOffered(model, visibility) {
+  return isModelEnabled(model, visibility);
+}
+function ioLabel(model, t) {
+  const parts = [];
+  if (model.maxInputTokens !== void 0) parts.push(`${t("iosInput")} ${compactCount(model.maxInputTokens)}`);
+  if (model.maxTokens !== void 0) parts.push(`${t("iosOutput")} ${compactCount(model.maxTokens)}`);
+  return parts.length === 0 ? "\u2014" : parts.join(" \xB7 ");
+}
+function priceLabel(model) {
+  if (model.cost === void 0) return "\u2014";
+  return `$${model.cost.input} / $${model.cost.output}`;
+}
+function quotaLabel(model, t) {
+  const quota = model.goQuota;
+  if (quota === void 0) return "\u2014";
+  const usd = quota.monthlyUsd === "unlimited" ? t("quotaUnlimited") : `$${quota.monthlyUsd}`;
+  if (quota.monthlyRequests === void 0) return usd;
+  const requests = quota.monthlyRequests === "unlimited" ? t("quotaUnlimited") : `${compactCount(quota.monthlyRequests)} ${t("quotaPerMonth")}`;
+  return `${usd} \xB7 ${requests}`;
+}
+function Section({ controller, t, getLocale }) {
+  const state = (0, import_react.useSyncExternalStore)(controller.subscribe, controller.snapshot, controller.snapshot);
+  const [keyDraft, setKeyDraft] = (0, import_react.useState)("");
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const act = (0, import_react.useCallback)(async (operation) => {
+    setBusy(true);
+    try {
+      await operation();
+    } finally {
+      setBusy(false);
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    setKeyDraft("");
+  }, [state.saved]);
+  const reading = state.reading;
+  const visibility = state.settings?.modelVisibility ?? {};
+  const editable = state.writable && state.settings !== void 0;
+  const rows = reading === void 0 ? [] : visibleModels(reading.models, state.filter, visibility, getLocale?.());
+  const hidden = reading === void 0 ? 0 : reading.models.length - rows.length;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: section_default.root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: section_default.title, children: t("nav") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.hint, children: t("intro") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.block, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: t("keyTitle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: state.keyConfigured === true ? section_default.ok : state.keyConfigured === false ? section_default.warn : section_default.hint, children: state.keyConfigured === true ? t("keyConfigured") : state.keyConfigured === false ? t("keyMissing") : "\u2014" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.hint, children: t("keyHint") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            className: section_default.input,
+            type: "password",
+            "aria-label": t("keyTitle"),
+            placeholder: t("keyPlaceholder"),
+            value: keyDraft,
+            onChange: (event) => {
+              setKeyDraft(event.target.value);
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: section_default.button,
+            disabled: busy || keyDraft.trim().length === 0,
+            onClick: () => {
+              void act(async () => {
+                await controller.saveKey(keyDraft);
+              });
+            },
+            children: state.saved === true ? t("keySaved") : t("keySave")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: section_default.button,
+            disabled: busy || state.keyConfigured !== true,
+            onClick: () => {
+              void act(async () => {
+                await controller.clearKey();
+              });
+            },
+            children: t("keyClear")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.block, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: t("catalogTitle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: reading === void 0 ? "\u2014" : `${reading.counts.total} ${t("catalogCountUnit")} \xB7 ${reading.counts.enabled} \u2713` + (reading.counts.inferred === 0 ? "" : ` \xB7 ${reading.counts.inferred} ${t("catalogInferred")}`) + (reading.counts.unconfigured === 0 ? "" : ` \xB7 ${reading.counts.unconfigured} ${t("catalogUnconfigured")}`) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: section_default.button,
+            disabled: !editable || reading === void 0,
+            onClick: () => {
+              controller.setAllVisibility(true);
+            },
+            children: t("catalogSelectAll")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: section_default.button,
+            disabled: !editable || reading === void 0,
+            onClick: () => {
+              controller.setAllVisibility(false);
+            },
+            children: t("catalogSelectNone")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: section_default.button,
+            disabled: busy || state.loading,
+            onClick: () => {
+              void act(async () => {
+                await controller.load(true);
+              });
+            },
+            children: state.loading ? t("usageRefreshing") : t("catalogRefresh")
+          }
+        )
+      ] }),
+      state.failure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: section_default.warn, children: [
+        t("catalogStale"),
+        ": ",
+        state.failure
+      ] }),
+      reading !== void 0 && reading.stale && state.failure === void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.warn, children: t("catalogStale") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: section_default.hint, htmlFor: "dshopencodego-refresh", children: t("refreshLabel") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            id: "dshopencodego-refresh",
+            className: section_default.number,
+            type: "number",
+            min: 1,
+            max: 7 * 24 * 60,
+            disabled: !editable || state.saving,
+            value: state.settings?.refreshMinutes ?? "",
+            onChange: (event) => {
+              void controller.setRefreshMinutes(Number(event.target.value));
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: t("refreshHint") })
+      ] }),
+      state.writeFailure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.warn, children: state.writeFailure.kind === "rejected" ? t("writeRejected") : state.writeFailure.message.length === 0 ? t("writeFailed") : `${t("writeFailed")}: ${state.writeFailure.message}` }),
+      reading !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            className: section_default.input,
+            type: "search",
+            "aria-label": t("filterPlaceholder"),
+            placeholder: t("filterPlaceholder"),
+            value: state.filter.query,
+            onChange: (event) => {
+              controller.setFilter({ query: event.target.value });
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: section_default.hint, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              checked: state.filter.onlyEnabled,
+              onChange: (event) => {
+                controller.setFilter({ onlyEnabled: event.target.checked });
+              }
+            }
+          ),
+          ` ${t("filterOnlyEnabled")}`
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: section_default.hint, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              checked: state.filter.showDeprecated,
+              onChange: (event) => {
+                controller.setFilter({ showDeprecated: event.target.checked });
+              }
+            }
+          ),
+          ` ${t("filterShowDeprecated")}`
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: section_default.hint, children: [
+          `${t("sortLabel")} `,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "select",
+            {
+              className: section_default.select,
+              "aria-label": t("sortLabel"),
+              value: state.filter.sort,
+              onChange: (event) => {
+                controller.setFilter({ sort: event.target.value });
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "default", children: t("sortDefault") }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "released", children: t("sortReleased") }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "name", children: t("sortName") }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "context", children: t("sortContext") }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "quota", children: t("sortQuota") }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "price", children: t("sortPrice") }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "enabled", children: t("sortEnabled") })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: section_default.segmented, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              className: state.filter.view === "list" ? section_default.segmentActive : section_default.segment,
+              onClick: () => {
+                controller.setFilter({ view: "list" });
+              },
+              children: t("viewList")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              className: state.filter.view === "table" ? section_default.segmentActive : section_default.segment,
+              onClick: () => {
+                controller.setFilter({ view: "table" });
+              },
+              children: t("viewTable")
+            }
+          )
+        ] }),
+        hidden > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: section_default.hint, children: [
+          hidden,
+          " ",
+          t("filterHidden")
+        ] })
+      ] }),
+      reading !== void 0 && (state.filter.view === "table" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: section_default.tableWrap, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { className: section_default.table, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: section_default.hint, children: t("headerModel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: section_default.hint, children: t("headerId") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: section_default.hint, children: t("headerReleased") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: section_default.hint, children: t("headerCapacity") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: section_default.hint, children: t("headerIo") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: section_default.hint, children: t("headerPrice") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: section_default.hint, children: t("headerQuota") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: section_default.hint, children: t("headerNotes") })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: rows.map((model) => {
+          const badge = badgeFor(model, t);
+          const offered = isOffered(model, visibility);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: section_default.toggle, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "input",
+              {
+                type: "checkbox",
+                "aria-label": `${t("catalogTitle")}: ${model.name}`,
+                checked: offered,
+                disabled: !editable || model.configurationMissing !== void 0,
+                onChange: (event) => {
+                  controller.setVisibility(model.id, event.target.checked);
+                }
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: section_default.name, children: model.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: section_default.mono, children: model.id }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: section_default.hint, children: model.releaseDate ?? "\u2014" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: section_default.hint, children: model.contextWindow === void 0 ? "\u2014" : model.contextWindow.toLocaleString(getLocale?.()) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: section_default.hint, children: ioLabel(model, t) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: section_default.hint, children: priceLabel(model) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: section_default.hint, children: quotaLabel(model, t) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: badge.length === 0 ? section_default.hint : section_default.badge, children: badge })
+          ] }, model.id);
+        }) })
+      ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: section_default.list, children: rows.map((model) => {
+        const badge = badgeFor(model, t);
+        const offered = isOffered(model, visibility);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.item, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              "aria-label": `${t("catalogTitle")}: ${model.name}`,
+              checked: offered,
+              disabled: !editable || model.configurationMissing !== void 0,
+              onChange: (event) => {
+                controller.setVisibility(model.id, event.target.checked);
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.itemBody, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.itemMain, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.name, children: model.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.mono, children: model.id }),
+              model.releaseDate !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: model.releaseDate }),
+              badge.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.badge, children: badge })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.itemMeta, children: [
+              model.contextWindow !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: `${t("iosContext")} ${model.contextWindow.toLocaleString(getLocale?.())}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: ioLabel(model, t) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: priceLabel(model) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: quotaLabel(model, t) })
+            ] })
+          ] })
+        ] }, model.id);
+      }) }))
+    ] })
+  ] });
+}
+
+// src/client/UsagePill.tsx
+var import_react2 = require("react");
+
+// plugin-css:D:\prj\dshopencodego\src\client\pill.module.css
+var id2 = "@dan-ai-studio/dshopencodego/pill.module.css";
+if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id2) + "]")) {
+  const style = document.createElement("style");
+  style.dataset.plugin = "@dan-ai-studio/dshopencodego";
+  style.dataset.pluginCss = id2;
+  style.textContent = ".y-bZgq_root{align-items:center;display:inline-flex;position:relative}.y-bZgq_trigger{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;padding:.35rem .6rem;font-size:.8rem;line-height:1}.y-bZgq_trigger:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l2)}.y-bZgq_panel{z-index:20;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-overlay);width:18rem;color:var(--dsw-alias-label-primary);border-radius:.6rem;flex-direction:column;gap:.6rem;padding:.75rem .85rem;display:flex;position:absolute;bottom:calc(100% + .5rem);right:0;box-shadow:0 8px 24px #0000002e}.y-bZgq_window{flex-direction:column;gap:.25rem;display:flex}.y-bZgq_row{justify-content:space-between;gap:.5rem;font-size:.85rem;display:flex}.y-bZgq_hint{color:var(--dsw-alias-label-secondary);margin:0;font-size:.75rem}.y-bZgq_progress{width:100%;height:.35rem;accent-color:var(--dsw-alias-brand-primary)}.y-bZgq_limited{color:var(--dsw-alias-state-warn-primary);font-size:.75rem}.y-bZgq_warning{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-label-primary);border-radius:.4rem;padding:.4rem .5rem;font-size:.75rem}.y-bZgq_retry{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;border-radius:.35rem;align-self:flex-start;padding:.25rem .5rem;font-size:.75rem}.y-bZgq_local{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:.2rem;padding-top:.5rem;display:flex}";
+  document.head.appendChild(style);
+}
+var pill_default = { "hint": "y-bZgq_hint", "trigger": "y-bZgq_trigger", "window": "y-bZgq_window", "row": "y-bZgq_row", "retry": "y-bZgq_retry", "progress": "y-bZgq_progress", "warning": "y-bZgq_warning", "panel": "y-bZgq_panel", "local": "y-bZgq_local", "root": "y-bZgq_root", "limited": "y-bZgq_limited" };
+
+// src/client/UsagePill.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function failureOf(error) {
+  if (error !== null && typeof error === "object" && "code" in error && error.code === "dshopencodego/usage-unavailable") {
+    const details = error.details;
+    const record = details !== null && typeof details === "object" ? details : {};
+    return {
+      message: typeof error.message === "string" ? error.message : "",
+      retainPrevious: record["retryable"] === true && record["retainPrevious"] === true,
+      ...typeof record["source"] === "string" ? { source: record["source"] } : {}
+    };
+  }
+  return { message: "", retainPrevious: false };
+}
+var POLL_MS = 6e4;
+function UsagePill({ directory, ...rest }) {
+  const state = (0, import_react2.useSyncExternalStore)(directory.subscribe, directory.getSnapshot, directory.getSnapshot);
+  return state.current?.provider === "opencode-go" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ActiveUsage, { ...rest }) : null;
+}
+function ActiveUsage({
+  readWindows,
+  readMeter,
+  t,
+  getLocale
+}) {
+  const [windows, setWindows] = (0, import_react2.useState)(void 0);
+  const [meter, setMeter] = (0, import_react2.useState)(void 0);
+  const [failure, setFailure] = (0, import_react2.useState)(void 0);
+  const [updatedAt, setUpdatedAt] = (0, import_react2.useState)(void 0);
+  const [refreshing, setRefreshing] = (0, import_react2.useState)(false);
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const root = (0, import_react2.useRef)(null);
+  const refresh = (0, import_react2.useCallback)(async () => {
+    setRefreshing(true);
+    try {
+      const [nextWindows, nextMeter] = await Promise.all([readWindows(), readMeter()]);
+      setWindows(nextWindows);
+      setMeter(nextMeter);
+      setFailure(void 0);
+      setUpdatedAt(Date.now());
+    } catch (error) {
+      const failure2 = failureOf(error);
+      setFailure(failure2);
+      if (!failure2.retainPrevious) {
+        setWindows(void 0);
+        setUpdatedAt(void 0);
+      }
+    } finally {
+      setRefreshing(false);
+    }
+  }, [readWindows, readMeter]);
+  (0, import_react2.useEffect)(() => {
+    let alive = true;
+    const run = () => {
+      if (!alive || document.visibilityState === "hidden") return;
+      void refresh();
+    };
+    run();
+    const timer = setInterval(run, POLL_MS);
+    document.addEventListener("visibilitychange", run);
+    return () => {
+      alive = false;
+      clearInterval(timer);
+      document.removeEventListener("visibilitychange", run);
+    };
+  }, [refresh]);
+  (0, import_react2.useEffect)(() => {
+    if (!open) return;
+    const close = (event) => {
+      if (!root.current?.contains(event.target)) setOpen(false);
+    };
+    const escape = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", close);
+    document.addEventListener("keydown", escape);
+    return () => {
+      document.removeEventListener("mousedown", close);
+      document.removeEventListener("keydown", escape);
+    };
+  }, [open]);
+  const label = windows === void 0 ? `Go \xB7 ${failure === void 0 ? "\u2026" : t("usageUnavailable")}` : `Go \xB7 ${t("usageRolling")} ${windows.rolling.percent}% \xB7 ${t("usageWeekly")} ${windows.weekly.percent}%` + (failure === void 0 ? "" : ` \xB7 ${t("usageStale")}`);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: pill_default.root, ref: root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        type: "button",
+        className: pill_default.trigger,
+        "aria-expanded": open,
+        "aria-haspopup": "dialog",
+        "aria-label": `${t("usageTitle")}: ${label}`,
+        onClick: () => {
+          setOpen(!open);
+        },
+        children: label
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.panel, role: "dialog", "aria-label": t("usageTitle"), "aria-busy": refreshing, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: t("usageTitle") }),
+      failure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.warning, role: "alert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: t("usageUnavailable") }) }),
+        failure.message.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: failure.message }),
+        windows !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: t("usageStale") })
+      ] }),
+      windows === void 0 && failure === void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: pill_default.hint, children: t("usageLoading") }),
+      windows !== void 0 && [["rolling", "usageRolling"], ["weekly", "usageWeekly"], ["monthly", "usageMonthly"]].map(([key, label2]) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.window, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t(label2) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("strong", { children: [
+            windows[key].percent,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("progress", { className: pill_default.progress, max: 100, value: Math.min(100, windows[key].percent), "aria-label": t(label2) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.hint, children: [
+          t("usageResets"),
+          " ",
+          new Date(windows[key].resetsAt).toLocaleString(getLocale?.())
+        ] }),
+        windows[key].status === "rate-limited" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: pill_default.limited, children: t("usageLimited") })
+      ] }, key)),
+      meter !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.local, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: t("usageSinceBoot") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("usageCallsUnit") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: meter.totals.calls })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("usageTokensUnit") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: meter.totals.totalTokens.toLocaleString(getLocale?.()) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("usageCached") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: meter.totals.cacheReadTokens.toLocaleString(getLocale?.()) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: pill_default.hint, children: t("usageLocalHint") })
+      ] }),
+      updatedAt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: pill_default.hint, children: [
+        t("usageLastUpdated"),
+        " ",
+        new Date(updatedAt).toLocaleString(getLocale?.())
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: pill_default.retry, disabled: refreshing, onClick: () => {
+        void refresh();
+      }, children: t(refreshing ? "usageRefreshing" : "usageRetry") })
+    ] })
+  ] });
+}
+
+// src/client/index.ts
+var NS = "settings.dshopencodego";
+var inject = ["slots", "locale", "remote"];
+function apply(ctx) {
+  ctx.effect(() => ctx.locale.register(NS, { zh, en }), "dshopencodego: copy dictionaries");
+  const mounted = ctx.remote.$mount({
+    package: usageRemote.package,
+    descriptors: [...usageRemote.descriptors, ...catalogRemote.descriptors]
+  });
+  ctx.effect(() => {
+    let dispose;
+    void mounted.then((next) => {
+      dispose = next;
+    }).catch(() => {
+    });
+    return () => {
+      void dispose?.();
+    };
+  }, "dshopencodego: usage Remote");
+  ctx.inject(["configForms", "remote.opencodeGoCatalog", "remote.credentials"], (scope) => {
+    const forms = scope.get("configForms");
+    const controller = new SectionController({
+      remote: scope.remote,
+      scope: forms?.get("dshopencodego")
+    });
+    const translate = scope.locale.bind(NS);
+    scope.effect(() => () => {
+      controller.dispose();
+    });
+    scope.slots.inject("settings.section", () => scope.slots.register({
+      name: "settings.section",
+      id: "dshopencodego",
+      order: 20,
+      label: () => translate("nav"),
+      inject: () => ({
+        controller,
+        t: (key) => translate(key),
+        getLocale: () => scope.locale.getLocale().active
+      })
+    }, Section));
+  });
+  ctx.inject(["modelDirectories", "remote.opencodeGoUsage"], (scope) => {
+    const translate = scope.locale.bind(NS);
+    scope.slots.inject("conversation.input.right", () => scope.slots.register({
+      name: "conversation.input.right",
+      id: "dshopencodego-usage",
+      order: 1e3,
+      inject: (sessionId) => ({
+        directory: scope.modelDirectories.directoryFor(sessionId).store,
+        readWindows: async () => {
+          const result = await scope.remote.opencodeGoUsage.readWindows();
+          if (!result.ok) throw result.error;
+          return result.value;
+        },
+        readMeter: async () => {
+          const result = await scope.remote.opencodeGoUsage.readMeter();
+          if (!result.ok) throw result.error;
+          return result.value;
+        },
+        t: (key) => translate(key),
+        getLocale: () => scope.locale.getLocale().active
+      })
+    }, UsagePill));
+  });
+}
+return module.exports; } });