opencode-go-usage-tui 1.2.0 → 1.3.0

package/dist/tui.js

@@ -9,8 +9,8 @@ import { insertNode as _$insertNode } from "@opentui/solid";
 import { insert as _$insert } from "@opentui/solid";
 import { createElement as _$createElement } from "@opentui/solid";
 import { createSignal, createEffect, onMount, onCleanup, Show } from "solid-js";
-import { readFileSync, writeFileSync, mkdirSync, renameSync, existsSync } from "node:fs";
-import { join, dirname } from "node:path";
+import { readFileSync as readFileSync2, writeFileSync as writeFileSync2, mkdirSync as mkdirSync2, renameSync, existsSync as existsSync2 } from "node:fs";
+import { join as join2, dirname as dirname2 } from "node:path";
 import { createCipheriv, createDecipheriv, randomBytes } from "node:crypto";
 
 // src/i18n.ts
@@ -49,7 +49,51 @@ var ZH_T = {
   onboardLangDesc: "Choose display language / \u9009\u62E9\u663E\u793A\u8BED\u8A00",
   onboardConfigTitle: "Welcome to Go Usage / \u6B22\u8FCE\u4F7F\u7528 Go \u7528\u91CF",
   onboardConfigDesc: "First-time setup / \u9996\u6B21\u4F7F\u7528\u9700\u914D\u7F6E\u8D26\u53F7",
-  setupCanceled: "\u5DF2\u53D6\u6D88\u914D\u7F6E\uFF0C\u8F93\u5165 /go-config \u53EF\u91CD\u65B0\u8BBE\u7F6E"
+  setupCanceled: "\u5DF2\u53D6\u6D88\u914D\u7F6E\uFF0C\u8F93\u5165 /go-config \u53EF\u91CD\u65B0\u8BBE\u7F6E",
+  // ── 模型价格表 ──
+  priceTitle: "\u6A21\u578B\u4EF7\u683C",
+  priceLoading: "\u6293\u53D6\u4EF7\u683C\u4E2D...",
+  priceError: "\u4EF7\u683C\u6293\u53D6\u5931\u8D25",
+  priceUpdated: "\u66F4\u65B0\u65F6\u95F4",
+  priceChanged: "\u4EF7\u683C\u6709\u53D8\u5316",
+  priceNoChange: "\u65E0\u53D8\u5316",
+  priceChangesSummary: "{t} \u9879\u53D8\u5316\uFF1A{a} \u65B0\u589E / {r} \u4E0B\u67B6 / {p} \u4EF7\u683C / {l} \u9650\u989D",
+  priceVariantTag: "{n}\u4E2A\u6863\u4F4D",
+  priceInput: "\u8F93\u5165",
+  priceOutput: "\u8F93\u51FA",
+  priceCacheRead: "\u7F13\u5B58\u8BFB",
+  priceCacheWrite: "\u7F13\u5B58\u5199",
+  priceUsage: "\u6708\u9650\u989D",
+  priceReq5h: "5h\u8BF7\u6C42",
+  priceReqWeek: "\u5468\u8BF7\u6C42",
+  priceReqMonth: "\u6708\u8BF7\u6C42",
+  priceModelCol: "\u6A21\u578B",
+  priceReqs: "\u8BF7\u6C42\u6570(5h/\u5468/\u6708)",
+  priceSdk: "SDK",
+  priceDiffUp: "\u2191{v}",
+  priceDiffDown: "\u2193{v}",
+  priceDiffSame: "=",
+  priceChartTitle: "\u4EF7\u683C\u53D8\u5316\u8BB0\u5F55",
+  priceChartEmpty: "\u6682\u65E0\u53D8\u5316\u8BB0\u5F55",
+  priceChartAdded: "\u65B0\u589E: {n}",
+  priceChartChanged: "\u53D8\u5316: {n}",
+  priceChartRemoved: "\u79FB\u9664: {n}",
+  priceCollapse: "\u4EF7\u683C\u8868",
+  priceExpand: "\u4EF7\u683C\u8868",
+  settingsTitle: "Go \u7528\u91CF\u8BBE\u7F6E",
+  settingsDesc: "\u5173\u6CE8\u6A21\u578B\u3001\u5237\u65B0\u95F4\u9694\u8BBE\u7F6E",
+  settingsFocus: "\u5173\u6CE8\u7684\u6A21\u578B",
+  settingsRefresh: "\u5237\u65B0\u95F4\u9694 (\u79D2)",
+  settingsRefreshUsage: "\u7528\u91CF\u5237\u65B0\u95F4\u9694 (\u79D2)",
+  settingsRefreshPricing: "\u4EF7\u683C\u5237\u65B0\u95F4\u9694 (\u79D2)",
+  settingsSaved: "\u8BBE\u7F6E\u5DF2\u4FDD\u5B58",
+  settingsCanceled: "\u5DF2\u53D6\u6D88\u8BBE\u7F6E",
+  focusAll: "\u5168\u90E8\u9009\u62E9",
+  focusNone: "\u6E05\u7A7A\u9009\u62E9",
+  focusModelsHint: "\u9009\u62E9\u8981\u5173\u6CE8\u7684\u6A21\u578B\uFF08\u7559\u7A7A\u663E\u793A\u5168\u90E8\uFF09",
+  focusDone: "\u5B8C\u6210",
+  focusToggle: "\u5207\u6362\u9009\u4E2D",
+  focusSelected: "\u5DF2\u9009 {n}"
 };
 var EN_T = {
   panelTitle: "Go Usage",
@@ -86,7 +130,51 @@ var EN_T = {
   onboardLangDesc: "Choose display language / \u9009\u62E9\u663E\u793A\u8BED\u8A00",
   onboardConfigTitle: "Welcome to Go Usage / \u6B22\u8FCE\u4F7F\u7528 Go \u7528\u91CF",
   onboardConfigDesc: "First-time setup / \u9996\u6B21\u4F7F\u7528\u9700\u914D\u7F6E\u8D26\u53F7",
-  setupCanceled: "Setup canceled, run /go-config to reconfigure"
+  setupCanceled: "Setup canceled, run /go-config to reconfigure",
+  // ── 模型价格表 ──
+  priceTitle: "Model Pricing",
+  priceLoading: "Fetching pricing...",
+  priceError: "Pricing fetch failed",
+  priceUpdated: "Pricing updated",
+  priceChanged: "Pricing changed",
+  priceNoChange: "No changes",
+  priceChangesSummary: "{t} change(s): {a} added / {r} removed / {p} price / {l} limit",
+  priceVariantTag: "{n} tiers",
+  priceInput: "In",
+  priceOutput: "Out",
+  priceCacheRead: "Cache In",
+  priceCacheWrite: "Cache Wr",
+  priceUsage: "Usage",
+  priceReq5h: "5h req",
+  priceReqWeek: "Wk req",
+  priceReqMonth: "Mo req",
+  priceModelCol: "Model",
+  priceReqs: "Requests (5h/wk/mo)",
+  priceSdk: "SDK",
+  priceDiffUp: "\u2191{v}",
+  priceDiffDown: "\u2193{v}",
+  priceDiffSame: "=",
+  priceChartTitle: "Price change history",
+  priceChartEmpty: "No change history yet",
+  priceChartAdded: "Added: {n}",
+  priceChartChanged: "Changed: {n}",
+  priceChartRemoved: "Removed: {n}",
+  priceCollapse: "Pricing",
+  priceExpand: "Pricing",
+  settingsTitle: "Go Usage Settings",
+  settingsDesc: "Focused models, refresh interval settings",
+  settingsFocus: "Focused models",
+  settingsRefresh: "Refresh interval (sec)",
+  settingsRefreshUsage: "Usage refresh interval (sec)",
+  settingsRefreshPricing: "Pricing refresh interval (sec)",
+  settingsSaved: "Settings saved",
+  settingsCanceled: "Settings canceled",
+  focusAll: "Select all",
+  focusNone: "Clear selection",
+  focusModelsHint: "Select models to focus (empty shows all)",
+  focusDone: "Done",
+  focusToggle: "Toggle select",
+  focusSelected: "{n} selected"
 };
 var LANGS = { zh: ZH_T, en: EN_T };
 var LANG_META = [
@@ -113,27 +201,285 @@ function detectLang() {
   }
 }
 
+// src/pricing.ts
+import { readFileSync, writeFileSync, mkdirSync } from "node:fs";
+import { join, dirname } from "node:path";
+var DOCS_URL = "https://opencode.ai/docs/go";
+var PRICING_DIR = process?.env?.OPENCODE_CONFIG_DIR || (process?.env?.USERPROFILE ? `${process.env.USERPROFILE}\\.config\\opencode` : "") || process?.env?.HOME + "/.config/opencode";
+var PRICING_FILE = join(PRICING_DIR, "go-pricing-data.json");
+function cleanText(html) {
+  return html.replace(/<[^>]+>/g, "").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&nbsp;/g, " ").replace(/&#x27;|&#39;/g, "'").trim();
+}
+function parsePrice(str) {
+  const s = (str || "").replace(/[$\s]/g, "");
+  if (!s || s === "-" || s === "null" || s === "\u2014" || s === "\u2013") return null;
+  const num = parseFloat(s.replace(/,/g, ""));
+  return isNaN(num) ? null : num;
+}
+function parseCount(str) {
+  const s = (str || "").replace(/[,\s]/g, "");
+  if (!s || s === "-" || s === "\u2014" || s === "\u2013") return 0;
+  const m = s.match(/^([\d.]+)k$/i);
+  if (m) return Math.round(parseFloat(m[1]) * 1e3);
+  const num = parseInt(s, 10);
+  return isNaN(num) ? 0 : num;
+}
+function normalizeName(name) {
+  return name.toLowerCase().replace(/[^a-z0-9]/g, "");
+}
+function generateId(name) {
+  return name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+function extractTables(html) {
+  const tables = [];
+  const re = /<table[^>]*>([\s\S]*?)<\/table>/gi;
+  let m;
+  while ((m = re.exec(html)) !== null) tables.push(m[1]);
+  return tables;
+}
+function extractRows(tableHtml) {
+  const rows = [];
+  const rowRe = /<tr[^>]*>([\s\S]*?)<\/tr>/gi;
+  let rm;
+  while ((rm = rowRe.exec(tableHtml)) !== null) {
+    const cells = [];
+    const cellRe = /<t[dh][^>]*>([\s\S]*?)<\/t[dh]>/gi;
+    let cm;
+    while ((cm = cellRe.exec(rm[1])) !== null) cells.push(cleanText(cm[1]));
+    if (cells.length > 0) rows.push(cells);
+  }
+  return rows;
+}
+function extractLinks(html) {
+  const links = [];
+  const re = /<a[^>]*href="([^"]*)"[^>]*>([\s\S]*?)<\/a>/gi;
+  let m;
+  while ((m = re.exec(html)) !== null) {
+    const href = m[1];
+    if (href.startsWith("http") || href.startsWith("/")) links.push(href);
+  }
+  return links;
+}
+async function fetchPricing() {
+  const res = await fetch(DOCS_URL, {
+    headers: {
+      "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36",
+      "accept": "text/html"
+    },
+    signal: AbortSignal.timeout(15e3)
+  });
+  if (!res.ok) throw new Error(`HTTP ${res.status}`);
+  const html = await res.text();
+  const tables = extractTables(html);
+  if (tables.length < 4) throw new Error("Required tables not found");
+  const priceTable = tables[1];
+  const limitTable = tables[0];
+  const endpointTable = tables[2];
+  const retentionTable = tables[3];
+  const priceRows = extractRows(priceTable);
+  const limitRows = extractRows(limitTable);
+  const endpointRows = extractRows(endpointTable);
+  const retentionRows = extractRows(retentionTable);
+  const limitMap = /* @__PURE__ */ new Map();
+  for (const row of limitRows.slice(1)) {
+    if (row.length >= 4) limitMap.set(normalizeName(row[0]), row);
+  }
+  const endpointMap = /* @__PURE__ */ new Map();
+  for (const row of endpointRows.slice(1)) {
+    if (row.length >= 4) endpointMap.set(normalizeName(row[0]), row);
+  }
+  const retentionMap = /* @__PURE__ */ new Map();
+  for (const row of retentionRows.slice(1)) {
+    if (row.length >= 3) retentionMap.set(normalizeName(row[0]), row);
+  }
+  const priceGroupMap = /* @__PURE__ */ new Map();
+  for (const row of priceRows.slice(1)) {
+    if (row.length < 5) continue;
+    const rawName = row[0];
+    const m = rawName.match(/^(.*?)\s*[（(]\s*([^（()]*?)\s*[)）]\s*$/);
+    const baseName = m ? m[1].trim() : rawName.trim();
+    const variant = m ? m[2].trim() : "";
+    const key = normalizeName(baseName);
+    if (!priceGroupMap.has(key)) priceGroupMap.set(key, []);
+    priceGroupMap.get(key).push({ baseName, variant, row });
+  }
+  const models = [];
+  for (const row of limitRows.slice(1)) {
+    if (row.length < 4) continue;
+    const name = row[0];
+    const key = normalizeName(name);
+    const id = generateId(name);
+    const group = priceGroupMap.get(key);
+    const endpointRow = endpointMap.get(key);
+    const retentionRow = retentionMap.get(key);
+    const variants = (group ?? []).map((g) => ({
+      label: g.variant || "default",
+      pricing: {
+        input: parsePrice(g.row[1]),
+        output: parsePrice(g.row[2]),
+        cachedRead: parsePrice(g.row[3]),
+        cachedWrite: g.row.length > 4 ? parsePrice(g.row[4]) : null
+      }
+    }));
+    const allInputs = variants.map((v) => v.pricing.input).filter((v) => v !== null);
+    const allOutputs = variants.map((v) => v.pricing.output).filter((v) => v !== null);
+    const allReads = variants.map((v) => v.pricing.cachedRead).filter((v) => v !== null);
+    const allWrites = variants.map((v) => v.pricing.cachedWrite).filter((v) => v !== null);
+    models.push({
+      id,
+      name,
+      variants,
+      pricing: {
+        input: variants.length === 1 ? variants[0].pricing.input : allInputs.length ? Math.min(...allInputs) : null,
+        output: variants.length === 1 ? variants[0].pricing.output : allOutputs.length ? Math.min(...allOutputs) : null,
+        cachedRead: variants.length === 1 ? variants[0].pricing.cachedRead : allReads.length ? Math.min(...allReads) : null,
+        cachedWrite: variants.length === 1 ? variants[0].pricing.cachedWrite : allWrites.length ? Math.min(...allWrites) : null
+      },
+      limits: {
+        fiveHour: parseCount(row[1]),
+        weekly: parseCount(row[2]),
+        monthly: parseCount(row[3])
+      },
+      usageLimit: group && group[0].row.length > 5 ? parsePrice(group[0].row[5]) : null,
+      endpoint: endpointRow ? extractLinks(endpointRow.join(" "))[0] || "" : "",
+      sdk: endpointRow ? endpointRow[3] || "" : "",
+      training: retentionRow ? retentionRow[1] || "" : "",
+      retention: retentionRow ? retentionRow[2] || "" : ""
+    });
+  }
+  return { fetchTime: (/* @__PURE__ */ new Date()).toISOString(), models };
+}
+function comparePricing(oldData, newData) {
+  const changes = [];
+  if (!oldData || oldData.models.length === 0) {
+    return {
+      hasChanges: true,
+      changes: newData.models.map((m) => ({ type: "added", modelId: m.id, modelName: m.name, newValue: m })),
+      summary: { total: newData.models.length, added: newData.models.length, removed: 0, priceChanges: 0, limitChanges: 0 }
+    };
+  }
+  const oldIndex = new Map(oldData.models.map((m) => [m.id, m]));
+  for (const newModel of newData.models) {
+    const oldModel = oldIndex.get(newModel.id);
+    if (!oldModel) {
+      changes.push({ type: "added", modelId: newModel.id, modelName: newModel.name, newValue: newModel });
+      continue;
+    }
+    const priceChanges = [];
+    const limitChanges = [];
+    for (const field of ["input", "output", "cachedRead", "cachedWrite"]) {
+      if (oldModel.pricing[field] !== newModel.pricing[field]) {
+        priceChanges.push({
+          field: `pricing.${field}`,
+          oldValue: oldModel.pricing[field],
+          newValue: newModel.pricing[field],
+          changeType: changeType(oldModel.pricing[field], newModel.pricing[field])
+        });
+      }
+    }
+    if (priceChanges.length > 0) {
+      changes.push({ type: "pricing", modelId: newModel.id, modelName: newModel.name, changes: priceChanges });
+    }
+    for (const field of ["fiveHour", "weekly", "monthly"]) {
+      if (oldModel.limits[field] !== newModel.limits[field]) {
+        limitChanges.push({
+          field: `limits.${field}`,
+          oldValue: oldModel.limits[field],
+          newValue: newModel.limits[field],
+          changeType: changeType(oldModel.limits[field], newModel.limits[field])
+        });
+      }
+    }
+    if (limitChanges.length > 0) {
+      changes.push({ type: "limits", modelId: newModel.id, modelName: newModel.name, changes: limitChanges });
+    }
+    if (oldModel.usageLimit !== newModel.usageLimit) {
+      changes.push({
+        type: "usageLimit",
+        modelId: newModel.id,
+        modelName: newModel.name,
+        changes: [{
+          field: "usageLimit",
+          oldValue: oldModel.usageLimit,
+          newValue: newModel.usageLimit,
+          changeType: changeType(oldModel.usageLimit, newModel.usageLimit)
+        }]
+      });
+    }
+    oldIndex.delete(newModel.id);
+  }
+  for (const [id, oldModel] of oldIndex) {
+    changes.push({ type: "removed", modelId: id, modelName: oldModel.name, oldValue: oldModel });
+  }
+  const summary = { total: changes.length, added: 0, removed: 0, priceChanges: 0, limitChanges: 0 };
+  for (const c of changes) {
+    if (c.type === "added") summary.added++;
+    else if (c.type === "removed") summary.removed++;
+    else if (c.type === "pricing") summary.priceChanges++;
+    else if (c.type === "limits" || c.type === "usageLimit") summary.limitChanges++;
+  }
+  return { hasChanges: changes.length > 0, changes, summary };
+}
+function changeType(oldVal, newVal) {
+  if (oldVal === null && newVal !== null) return "added";
+  if (oldVal !== null && newVal === null) return "removed";
+  if (newVal !== null && oldVal !== null && newVal > oldVal) return "increase";
+  if (newVal !== null && oldVal !== null && newVal < oldVal) return "decrease";
+  return "unchanged";
+}
+function loadPricingStore() {
+  try {
+    const data = JSON.parse(readFileSync(PRICING_FILE, "utf8"));
+    if (data && Array.isArray(data.current?.models)) return data;
+  } catch {
+  }
+  return { lastFetch: "", current: { fetchTime: "", models: [] }, previous: null, history: [] };
+}
+function savePricingStore(store) {
+  try {
+    mkdirSync(dirname(PRICING_FILE), { recursive: true });
+    writeFileSync(PRICING_FILE, JSON.stringify(store, null, 2), "utf8");
+  } catch {
+  }
+}
+function updatePricingStore(newData) {
+  const store = loadPricingStore();
+  const compare = comparePricing(store.current.models.length > 0 ? store.current : null, newData);
+  const prev = store.current;
+  const newStore = {
+    lastFetch: newData.fetchTime,
+    current: newData,
+    previous: prev.models.length > 0 ? prev : null,
+    history: [
+      { fetchTime: newData.fetchTime, changes: compare.changes, summary: compare.summary },
+      ...store.history
+    ].slice(0, 10)
+  };
+  savePricingStore(newStore);
+  return newStore;
+}
+
 // src/index.tsx
-var VERSION = "1.2.0";
+var VERSION = "1.3.0";
 var CHECK_INTERVAL = Number(process?.env?.OPENCODE_GO_CHECK_INTERVAL ?? 6e4);
 var WARN_THRESHOLD = Number(process?.env?.OPENCODE_GO_WARN_THRESHOLD ?? 0.8);
 var CONFIG_DIR = process?.env?.OPENCODE_CONFIG_DIR || (process?.env?.USERPROFILE ? `${process.env.USERPROFILE}\\.config\\opencode` : "") || process?.env?.HOME + "/.config/opencode";
-var CONFIG_FILE = join(CONFIG_DIR, "go-usage-config.json");
-var COOKIE_ENC_FILE = join(CONFIG_DIR, "go-auth-cookie.enc");
-var KEY_FILE = join(CONFIG_DIR, ".encryption-key");
+var CONFIG_FILE = join2(CONFIG_DIR, "go-usage-config.json");
+var COOKIE_ENC_FILE = join2(CONFIG_DIR, "go-auth-cookie.enc");
+var KEY_FILE = join2(CONFIG_DIR, ".encryption-key");
 var COOKIE_PLAIN_FILE = `${CONFIG_DIR}\\go-auth-cookie.txt`;
 var KV_PREFIX = "go-usage";
 function loadEncryptionKey() {
   try {
-    const hex2 = readFileSync(KEY_FILE, "utf8").trim();
+    const hex2 = readFileSync2(KEY_FILE, "utf8").trim();
     if (hex2) return Buffer.from(hex2, "hex");
   } catch {
   }
   const key = randomBytes(32);
-  mkdirSync(dirname(KEY_FILE), {
+  mkdirSync2(dirname2(KEY_FILE), {
     recursive: true
   });
-  writeFileSync(KEY_FILE, key.toString("hex"), {
+  writeFileSync2(KEY_FILE, key.toString("hex"), {
     encoding: "utf8",
     mode: 384
   });
@@ -164,7 +510,7 @@ function decryptText(encJson) {
 }
 function readJsonFile(file) {
   try {
-    return JSON.parse(readFileSync(file, "utf8"));
+    return JSON.parse(readFileSync2(file, "utf8"));
   } catch {
     return null;
   }
@@ -175,16 +521,26 @@ function loadConfig() {
   if (env.OPENCODE_GO_AUTH_COOKIE) {
     return {
       workspaceId: env.OPENCODE_GO_WORKSPACE_ID || fileCfg.workspace_id || "",
-      authCookie: env.OPENCODE_GO_AUTH_COOKIE
+      authCookie: env.OPENCODE_GO_AUTH_COOKIE,
+      usagePanel: fileCfg.ui?.usage_panel ?? true,
+      pricePanel: fileCfg.ui?.price_panel ?? true,
+      focusModels: fileCfg.focus_models ?? [],
+      refreshIntervalMs: (fileCfg.refresh_interval_sec ?? Math.round(CHECK_INTERVAL / 1e3)) * 1e3,
+      pricingIntervalMs: (fileCfg.pricing_interval_sec ?? Math.round(CHECK_INTERVAL / 1e3 * 30)) * 1e3
     };
   }
   try {
-    if (existsSync(COOKIE_ENC_FILE)) {
-      const cookie = decryptText(readFileSync(COOKIE_ENC_FILE, "utf8"));
+    if (existsSync2(COOKIE_ENC_FILE)) {
+      const cookie = decryptText(readFileSync2(COOKIE_ENC_FILE, "utf8"));
       if (cookie) {
         return {
           workspaceId: env.OPENCODE_GO_WORKSPACE_ID || fileCfg.workspace_id || "",
-          authCookie: cookie
+          authCookie: cookie,
+          usagePanel: fileCfg.ui?.usage_panel ?? true,
+          pricePanel: fileCfg.ui?.price_panel ?? true,
+          focusModels: fileCfg.focus_models ?? [],
+          refreshIntervalMs: (fileCfg.refresh_interval_sec ?? Math.round(CHECK_INTERVAL / 1e3)) * 1e3,
+          pricingIntervalMs: (fileCfg.pricing_interval_sec ?? Math.round(CHECK_INTERVAL / 1e3 * 30)) * 1e3
         };
       }
     }
@@ -192,38 +548,48 @@ function loadConfig() {
   }
   const legacyCookie = fileCfg.auth_cookie || fileCfg.cookie || (() => {
     try {
-      return readFileSync(COOKIE_PLAIN_FILE, "utf8").trim();
+      return readFileSync2(COOKIE_PLAIN_FILE, "utf8").trim();
     } catch {
       return "";
     }
   })();
   if (legacyCookie) {
     const enc = encryptText(legacyCookie);
-    mkdirSync(CONFIG_DIR, {
+    mkdirSync2(CONFIG_DIR, {
       recursive: true
     });
-    writeFileSync(COOKIE_ENC_FILE, enc, "utf8");
+    writeFileSync2(COOKIE_ENC_FILE, enc, "utf8");
     const cleanCfg = {
       ...fileCfg
     };
     delete cleanCfg.cookie;
     delete cleanCfg.auth_cookie;
     try {
-      writeFileSync(CONFIG_FILE, JSON.stringify(cleanCfg, null, 2), "utf8");
+      writeFileSync2(CONFIG_FILE, JSON.stringify(cleanCfg, null, 2), "utf8");
     } catch {
     }
     try {
-      if (existsSync(COOKIE_PLAIN_FILE)) renameSync(COOKIE_PLAIN_FILE, COOKIE_PLAIN_FILE + ".bak");
+      if (existsSync2(COOKIE_PLAIN_FILE)) renameSync(COOKIE_PLAIN_FILE, COOKIE_PLAIN_FILE + ".bak");
     } catch {
     }
     return {
       workspaceId: env.OPENCODE_GO_WORKSPACE_ID || fileCfg.workspace_id || "",
-      authCookie: legacyCookie
+      authCookie: legacyCookie,
+      usagePanel: fileCfg.ui?.usage_panel ?? true,
+      pricePanel: fileCfg.ui?.price_panel ?? true,
+      focusModels: fileCfg.focus_models ?? [],
+      refreshIntervalMs: (fileCfg.refresh_interval_sec ?? Math.round(CHECK_INTERVAL / 1e3)) * 1e3,
+      pricingIntervalMs: (fileCfg.pricing_interval_sec ?? Math.round(CHECK_INTERVAL / 1e3 * 30)) * 1e3
     };
   }
   return {
     workspaceId: env.OPENCODE_GO_WORKSPACE_ID || fileCfg.workspace_id || "",
-    authCookie: ""
+    authCookie: "",
+    usagePanel: fileCfg.ui?.usage_panel ?? true,
+    pricePanel: fileCfg.ui?.price_panel ?? true,
+    focusModels: fileCfg.focus_models ?? [],
+    refreshIntervalMs: (fileCfg.refresh_interval_sec ?? Math.round(CHECK_INTERVAL / 1e3)) * 1e3,
+    pricingIntervalMs: (fileCfg.pricing_interval_sec ?? Math.round(CHECK_INTERVAL / 1e3 * 30)) * 1e3
   };
 }
 function saveConfig(patch) {
@@ -231,34 +597,44 @@ function saveConfig(patch) {
   if (patch.workspace_id !== void 0) fileCfg.workspace_id = patch.workspace_id;
   if (patch.cookie !== void 0) {
     if (patch.cookie) {
-      mkdirSync(CONFIG_DIR, {
+      mkdirSync2(CONFIG_DIR, {
         recursive: true
       });
-      writeFileSync(COOKIE_ENC_FILE, encryptText(patch.cookie), "utf8");
+      writeFileSync2(COOKIE_ENC_FILE, encryptText(patch.cookie), "utf8");
       delete fileCfg.cookie;
       delete fileCfg.auth_cookie;
       try {
-        if (existsSync(COOKIE_PLAIN_FILE)) renameSync(COOKIE_PLAIN_FILE, COOKIE_PLAIN_FILE + ".bak");
+        if (existsSync2(COOKIE_PLAIN_FILE)) renameSync(COOKIE_PLAIN_FILE, COOKIE_PLAIN_FILE + ".bak");
       } catch {
       }
     } else {
       try {
-        if (existsSync(COOKIE_ENC_FILE)) renameSync(COOKIE_ENC_FILE, COOKIE_ENC_FILE + ".bak");
+        if (existsSync2(COOKIE_ENC_FILE)) renameSync(COOKIE_ENC_FILE, COOKIE_ENC_FILE + ".bak");
       } catch {
       }
     }
   }
+  if (patch.ui !== void 0) {
+    fileCfg.ui = {
+      ...fileCfg.ui ?? {},
+      ...patch.ui
+    };
+  }
+  if (patch.focus_models !== void 0) fileCfg.focus_models = patch.focus_models;
+  if (patch.refresh_interval_sec !== void 0) fileCfg.refresh_interval_sec = patch.refresh_interval_sec;
+  if (patch.pricing_interval_sec !== void 0) fileCfg.pricing_interval_sec = patch.pricing_interval_sec;
   try {
-    mkdirSync(dirname(CONFIG_FILE), {
+    mkdirSync2(dirname2(CONFIG_FILE), {
       recursive: true
     });
-    writeFileSync(CONFIG_FILE, JSON.stringify(fileCfg, null, 2), "utf8");
+    writeFileSync2(CONFIG_FILE, JSON.stringify(fileCfg, null, 2), "utf8");
   } catch {
   }
 }
 var [configTick, setConfigTick] = createSignal(0);
 var [langCode, setLangCode] = createSignal(detectLang());
 var t = createT(() => langCode());
+var [sharedPricing, setSharedPricing] = createSignal(null);
 function kvTryGet(api, key) {
   try {
     return api.kv.get(key);
@@ -272,7 +648,8 @@ function kvTrySet(api, key, val) {
   } catch {
   }
 }
-async function fetchUsage(workspaceId, authCookie) {
+var REQUEST_TIMEOUT = 1e4;
+async function fetchUsage(workspaceId, authCookie, signal) {
   if (!workspaceId || !authCookie) return {
     error: "not_configured"
   };
@@ -299,7 +676,8 @@ async function fetchUsage(workspaceId, authCookie) {
         },
         f: 31,
         m: []
-      })
+      }),
+      signal
     });
     if (!res.ok) {
       if (res.status === 302) return {
@@ -389,36 +767,70 @@ function GoUsagePanel(props) {
   const [configured, setConfigured] = createSignal(true);
   const [lastUpdated, setLastUpdated] = createSignal("");
   const [panelWidth, setPanelWidth] = createSignal(24);
+  const [cfg, setCfg] = createSignal(loadConfig());
+  createEffect(() => {
+    void configTick();
+    setCfg(loadConfig());
+  });
   let boxEl;
+  let abortController = null;
+  let timeoutId = null;
+  let isRefreshing = false;
+  let resizeTimeout2 = null;
+  function cleanupPendingRequest() {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+      timeoutId = null;
+    }
+    if (abortController) {
+      abortController.abort();
+      abortController = null;
+    }
+  }
   async function refresh() {
-    const cfg = loadConfig();
-    if (!cfg.workspaceId || !cfg.authCookie) {
+    if (isRefreshing) return;
+    const cfg2 = loadConfig();
+    if (!cfg2.workspaceId || !cfg2.authCookie) {
       setConfigured(false);
       setUsage(null);
       setError("");
       return;
     }
     setConfigured(true);
-    const u = await fetchUsage(cfg.workspaceId, cfg.authCookie);
-    if (u === null) {
-      setError(t("queryFailed"));
-      return;
-    }
-    if (u.error === "cookie_expired") {
-      setError(t("cookieExpired"));
-      return;
-    }
-    if (u.error === "not_configured") {
-      setConfigured(false);
-      return;
+    cleanupPendingRequest();
+    abortController = new AbortController();
+    const signal = abortController.signal;
+    timeoutId = setTimeout(() => abortController?.abort(), REQUEST_TIMEOUT);
+    isRefreshing = true;
+    try {
+      const u = await fetchUsage(cfg2.workspaceId, cfg2.authCookie, signal);
+      if (signal.aborted) return;
+      if (u === null) {
+        setError(t("queryFailed"));
+        return;
+      }
+      if (u.error === "cookie_expired") {
+        setError(t("cookieExpired"));
+        return;
+      }
+      if (u.error === "not_configured") {
+        setConfigured(false);
+        return;
+      }
+      setUsage(u);
+      setLastUpdated((/* @__PURE__ */ new Date()).toLocaleTimeString());
+      setError("");
+    } finally {
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+        timeoutId = null;
+      }
+      isRefreshing = false;
     }
-    setUsage(u);
-    setLastUpdated((/* @__PURE__ */ new Date()).toLocaleTimeString());
-    setError("");
   }
   onMount(() => {
     refresh();
-    const timer = setInterval(refresh, CHECK_INTERVAL);
+    const timer = setInterval(refresh, loadConfig().refreshIntervalMs);
     const stopWatch = createEffect(() => {
       void configTick();
       refresh();
@@ -426,6 +838,11 @@ function GoUsagePanel(props) {
     onCleanup(() => {
       clearInterval(timer);
       stopWatch();
+      cleanupPendingRequest();
+      if (resizeTimeout2) {
+        clearTimeout(resizeTimeout2);
+        resizeTimeout2 = null;
+      }
     });
   });
   const [pal, setPal] = createSignal({
@@ -505,8 +922,11 @@ function GoUsagePanel(props) {
     _$setProp(_el$1, "flexDirection", "column");
     _$setProp(_el$1, "gap", 0);
     _$setProp(_el$1, "onSizeChange", () => {
-      const w = boxEl ? Math.max(20, boxEl.width ?? 24) : 24;
-      setPanelWidth(w);
+      if (resizeTimeout2) clearTimeout(resizeTimeout2);
+      resizeTimeout2 = setTimeout(() => {
+        const w = boxEl ? Math.max(20, boxEl.width ?? 24) : 24;
+        setPanelWidth(w);
+      }, 100);
     });
     _$insertNode(_el$10, _el$11);
     _$insertNode(_el$10, _el$12);
@@ -647,6 +1067,250 @@ function GoUsagePanel(props) {
     return _el$1;
   })();
 }
+function PricePanel(props) {
+  const [open, setOpen] = createSignal(true);
+  const [pricingStore, setPricingStore] = createSignal(null);
+  const [priceError, setPriceError] = createSignal("");
+  const [priceLoading, setPriceLoading] = createSignal(false);
+  const [panelWidth, setPanelWidth] = createSignal(24);
+  const [cfg, setCfg] = createSignal(loadConfig());
+  createEffect(() => {
+    void configTick();
+    setCfg(loadConfig());
+  });
+  let boxEl;
+  let priceController = null;
+  async function refreshPricing() {
+    if (priceLoading()) return;
+    setPriceLoading(true);
+    setPriceError("");
+    priceController?.abort();
+    priceController = new AbortController();
+    try {
+      const data = await fetchPricing();
+      const store = updatePricingStore(data);
+      setSharedPricing(data);
+      setPricingStore(store);
+      const prev = store.previous;
+      if (prev && prev.fetchTime !== data.fetchTime) {
+        const diff = comparePricing(prev, data);
+        if (diff.hasChanges) {
+          props.api.toast({
+            variant: "info",
+            title: t("priceChanged"),
+            message: t("priceChangesSummary", {
+              t: diff.summary.total,
+              a: diff.summary.added,
+              r: diff.summary.removed,
+              p: diff.summary.priceChanges,
+              l: diff.summary.limitChanges
+            })
+          });
+        }
+      }
+    } catch {
+      setPriceError(t("priceError"));
+    } finally {
+      setPriceLoading(false);
+      priceController = null;
+    }
+  }
+  function formatCount(n) {
+    if (n >= 1e3) return (n / 1e3).toFixed(1).replace(/\.0$/, "") + "k";
+    return String(n);
+  }
+  function visualPadEnd(s, w) {
+    const cur = visualWidth(s);
+    if (cur >= w) return s;
+    return s + " ".repeat(w - cur);
+  }
+  function abbreviateName(name, maxLen) {
+    if (visualWidth(name) <= maxLen) return name;
+    let out = "";
+    let w = 0;
+    for (const c of name) {
+      const cw = visualWidth(c);
+      if (w + cw > maxLen - 1) break;
+      out += c;
+      w += cw;
+    }
+    return out + "\u2026";
+  }
+  function justify(label, value) {
+    const gauge = panelWidth() - 4;
+    const used = visualWidth(label) + visualWidth(value);
+    const gap = Math.max(1, gauge - used);
+    return label + " ".repeat(gap) + value;
+  }
+  function renderLimitRow(m) {
+    const name = abbreviateName(m.name, 18);
+    const req = `${formatCount(m.limits.fiveHour)}/${formatCount(m.limits.weekly)}/${formatCount(m.limits.monthly)}`;
+    return (() => {
+      var _el$30 = _$createElement("text"), _el$31 = _$createElement("span");
+      _$insertNode(_el$30, _el$31);
+      _$insert(_el$31, () => justify(name, req));
+      _$effect((_$p) => _$setProp(_el$31, "style", {
+        fg: colors().text
+      }, _$p));
+      return _el$30;
+    })();
+  }
+  const [pal, setPal] = createSignal({
+    ...FALLBACK
+  });
+  createEffect(() => {
+    const th = props.theme;
+    const p = {
+      ...FALLBACK
+    };
+    for (const k of Object.keys(FALLBACK)) {
+      const h = hex(th?.[k]);
+      if (h) p[k] = h;
+    }
+    setPal(p);
+  });
+  const colors = () => pal();
+  const sep = () => "\u2500".repeat(Math.max(1, panelWidth() - 4));
+  setTimeout(() => {
+    const store = loadPricingStore();
+    if (store.current.models.length > 0) {
+      setSharedPricing(store.current);
+      setPricingStore(store);
+    }
+    refreshPricing();
+    setInterval(() => refreshPricing(), loadConfig().pricingIntervalMs);
+  }, 2e3);
+  return (() => {
+    var _el$32 = _$createElement("box"), _el$33 = _$createElement("text"), _el$34 = _$createElement("span"), _el$35 = _$createElement("span"), _el$36 = _$createElement("b"), _el$40 = _$createElement("span");
+    _$insertNode(_el$32, _el$33);
+    var _ref$2 = boxEl;
+    typeof _ref$2 === "function" ? _$use(_ref$2, _el$32) : boxEl = _el$32;
+    _$setProp(_el$32, "border", true);
+    _$setProp(_el$32, "paddingLeft", 1);
+    _$setProp(_el$32, "paddingRight", 1);
+    _$setProp(_el$32, "flexDirection", "column");
+    _$setProp(_el$32, "gap", 0);
+    _$setProp(_el$32, "onSizeChange", () => {
+      if (resizeTimeout) clearTimeout(resizeTimeout);
+      resizeTimeout = setTimeout(() => {
+        const w = boxEl ? Math.max(20, boxEl.width ?? 24) : 24;
+        setPanelWidth(w);
+      }, 100);
+    });
+    _$insertNode(_el$33, _el$34);
+    _$insertNode(_el$33, _el$35);
+    _$insertNode(_el$33, _el$40);
+    _$setProp(_el$33, "onMouseUp", () => setOpen((o) => !o));
+    _$insert(_el$34, () => open() ? "\u25BC " : "\u25B6 ");
+    _$insertNode(_el$35, _el$36);
+    _$insert(_el$36, () => t("priceTitle"));
+    _$insert(_el$33, _$createComponent(Show, {
+      get when() {
+        return sharedPricing();
+      },
+      get children() {
+        var _el$37 = _$createElement("span"), _el$38 = _$createTextNode(` (`), _el$39 = _$createTextNode(`)`);
+        _$insertNode(_el$37, _el$38);
+        _$insertNode(_el$37, _el$39);
+        _$insert(_el$37, () => sharedPricing().models.length, _el$39);
+        _$effect((_$p) => _$setProp(_el$37, "style", {
+          fg: colors().muted
+        }, _$p));
+        return _el$37;
+      }
+    }), _el$40);
+    _$insert(_el$40, () => sep().slice(visualWidth((open() ? "\u25BC " : "\u25B6 ") + t("priceTitle") + (sharedPricing() ? ` (${sharedPricing().models.length})` : ""))));
+    _$insert(_el$32, _$createComponent(Show, {
+      get when() {
+        return open();
+      },
+      get children() {
+        return [(() => {
+          var _el$41 = _$createElement("text");
+          _$insert(_el$41, () => justify(t("priceModelCol"), t("priceReqs")));
+          _$effect((_$p) => _$setProp(_el$41, "fg", colors().muted, _$p));
+          return _el$41;
+        })(), (() => {
+          var _el$42 = _$createElement("text");
+          _$insert(_el$42, sep);
+          _$effect((_$p) => _$setProp(_el$42, "fg", colors().muted, _$p));
+          return _el$42;
+        })(), _$createComponent(Show, {
+          get when() {
+            return priceLoading() || !sharedPricing();
+          },
+          get fallback() {
+            return _$createComponent(Show, {
+              get when() {
+                return sharedPricing();
+              },
+              get fallback() {
+                return (() => {
+                  var _el$46 = _$createElement("text");
+                  _$insert(_el$46, () => t("priceLoading"));
+                  _$effect((_$p) => _$setProp(_el$46, "fg", colors().muted, _$p));
+                  return _el$46;
+                })();
+              },
+              get children() {
+                return [_$memo(() => sharedPricing().models.filter((m) => {
+                  return cfg().focusModels.length === 0 || cfg().focusModels.includes(m.id);
+                }).map((m) => renderLimitRow(m))), (() => {
+                  var _el$44 = _$createElement("text");
+                  _$insert(_el$44, () => justify(t("priceUpdated"), new Date(sharedPricing().fetchTime).toLocaleTimeString()));
+                  _$effect((_$p) => _$setProp(_el$44, "fg", colors().muted, _$p));
+                  return _el$44;
+                })(), _$createComponent(Show, {
+                  get when() {
+                    return _$memo(() => !!pricingStore())() && pricingStore().history.length > 0;
+                  },
+                  get children() {
+                    var _el$45 = _$createElement("text");
+                    _$insert(_el$45, () => t("priceChangesSummary", {
+                      t: pricingStore().history[0].summary.total,
+                      a: pricingStore().history[0].summary.added,
+                      r: pricingStore().history[0].summary.removed,
+                      p: pricingStore().history[0].summary.priceChanges,
+                      l: pricingStore().history[0].summary.limitChanges
+                    }));
+                    _$effect((_$p) => _$setProp(_el$45, "fg", colors().warning, _$p));
+                    return _el$45;
+                  }
+                })];
+              }
+            });
+          },
+          get children() {
+            var _el$43 = _$createElement("text");
+            _$insert(_el$43, () => t("priceLoading"));
+            _$effect((_$p) => _$setProp(_el$43, "fg", colors().muted, _$p));
+            return _el$43;
+          }
+        })];
+      }
+    }), null);
+    _$effect((_p$) => {
+      var _v$1 = colors().border, _v$10 = {
+        fg: colors().muted
+      }, _v$11 = {
+        fg: colors().primary
+      }, _v$12 = {
+        fg: colors().muted
+      };
+      _v$1 !== _p$.e && (_p$.e = _$setProp(_el$32, "borderColor", _v$1, _p$.e));
+      _v$10 !== _p$.t && (_p$.t = _$setProp(_el$34, "style", _v$10, _p$.t));
+      _v$11 !== _p$.a && (_p$.a = _$setProp(_el$35, "style", _v$11, _p$.a));
+      _v$12 !== _p$.o && (_p$.o = _$setProp(_el$40, "style", _v$12, _p$.o));
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    });
+    return _el$32;
+  })();
+}
 function createSidebarSlot(api) {
   return {
     order: 60,
@@ -662,15 +1326,30 @@ function createSidebarSlot(api) {
     }
   };
 }
+function createPricingSlot(api) {
+  return {
+    order: 61,
+    slots: {
+      sidebar_content(ctx, _input) {
+        return _$createComponent(PricePanel, {
+          get theme() {
+            return ctx.theme.current;
+          },
+          api
+        });
+      }
+    }
+  };
+}
 function runConfigDialog(api, dialog) {
   dialog?.replace(() => _$createComponent(api.ui.DialogPrompt, {
     get title() {
       return t("wsPromptTitle");
     },
     description: () => (() => {
-      var _el$30 = _$createElement("text");
-      _$insert(_el$30, () => t("wsPromptDesc"));
-      return _el$30;
+      var _el$47 = _$createElement("text");
+      _$insert(_el$47, () => t("wsPromptDesc"));
+      return _el$47;
     })(),
     get placeholder() {
       return t("wsPlaceholder");
@@ -689,9 +1368,9 @@ function runConfigDialog(api, dialog) {
           return t("cookiePromptTitle");
         },
         description: () => (() => {
-          var _el$31 = _$createElement("text");
-          _$insert(_el$31, () => t("cookiePromptDesc"));
-          return _el$31;
+          var _el$48 = _$createElement("text");
+          _$insert(_el$48, () => t("cookiePromptDesc"));
+          return _el$48;
         })(),
         get placeholder() {
           return t("cookiePlaceholder");
@@ -746,8 +1425,161 @@ function runLangDialog(api, dialog) {
     onCancel: () => dialog?.clear()
   }));
 }
+function runSettingsDialog(api, dialog) {
+  let lastSelected;
+  const renderSettingsDialog = (dialog2) => {
+    const cfg = loadConfig();
+    const options = [{
+      title: `${t("settingsFocus")} (${cfg.focusModels.length} \u4E2A)`,
+      value: "focus-models"
+    }, {
+      title: `${t("settingsRefreshUsage")} (${Math.round(cfg.refreshIntervalMs / 1e3)}s)`,
+      value: "refresh-usage"
+    }, {
+      title: `${t("settingsRefreshPricing")} (${Math.round(cfg.pricingIntervalMs / 1e3)}s)`,
+      value: "refresh-pricing"
+    }];
+    dialog2?.replace(() => _$createComponent(api.ui.DialogSelect, {
+      get title() {
+        return t("settingsTitle");
+      },
+      options,
+      onSelect: (opt) => {
+        const value = opt.value;
+        if (value === "focus-models") {
+          const renderFocusDialog = (dialog3) => {
+            const cur = loadConfig().focusModels;
+            const allModels = sharedPricing()?.models ?? [];
+            const modelOptions = allModels.map((m) => ({
+              title: `${cur.includes(m.id) ? "\u2611" : "\u2610"} ${m.name} (${m.pricing.input ?? "-"}/${m.pricing.output ?? "-"})`,
+              value: m.id
+            }));
+            const focusOptions = [...modelOptions, {
+              title: `${t("focusAll")} (${cur.length} \u4E2A\u5DF2\u9009)`,
+              value: "select-all"
+            }, {
+              title: t("focusNone"),
+              value: "clear-all"
+            }, {
+              title: `${t("focusDone")} (${t("focusSelected", {
+                n: cur.length
+              })})`,
+              value: "done"
+            }];
+            dialog3?.replace(() => _$createComponent(api.ui.DialogSelect, {
+              get title() {
+                return t("settingsFocus");
+              },
+              options: focusOptions,
+              current: lastSelected,
+              onSelect: (opt2) => {
+                const v2 = opt2.value;
+                if (v2 === "done") {
+                  dialog3?.clear();
+                  renderSettingsDialog(dialog2);
+                } else if (v2 === "select-all") {
+                  const all = allModels.map((m) => m.id);
+                  saveConfig({
+                    focus_models: all
+                  });
+                  setConfigTick((v) => v + 1);
+                  api.ui.toast({
+                    variant: "success",
+                    message: t("settingsSaved")
+                  });
+                  renderFocusDialog(dialog3);
+                } else if (v2 === "clear-all") {
+                  saveConfig({
+                    focus_models: []
+                  });
+                  setConfigTick((v) => v + 1);
+                  api.ui.toast({
+                    variant: "success",
+                    message: t("settingsSaved")
+                  });
+                  renderFocusDialog(dialog3);
+                } else {
+                  const next = cur.includes(v2) ? cur.filter((id) => id !== v2) : [...cur, v2];
+                  saveConfig({
+                    focus_models: next
+                  });
+                  setConfigTick((v) => v + 1);
+                  lastSelected = v2;
+                  renderFocusDialog(dialog3);
+                }
+              },
+              onCancel: () => dialog3?.clear()
+            }));
+          };
+          renderFocusDialog(dialog2);
+        } else if (value === "refresh-usage") {
+          dialog2?.replace(() => _$createComponent(api.ui.DialogPrompt, {
+            get title() {
+              return t("settingsRefreshUsage");
+            },
+            description: () => (() => {
+              var _el$49 = _$createElement("text");
+              _$insertNode(_el$49, _$createTextNode(`\u8F93\u5165\u79D2\u6570\uFF08\u9ED8\u8BA4 60\uFF09`));
+              return _el$49;
+            })(),
+            placeholder: "60",
+            onConfirm: (val) => {
+              const sec = Number(val.trim());
+              if (!sec || sec <= 0) {
+                dialog2?.clear();
+                return;
+              }
+              saveConfig({
+                refresh_interval_sec: sec
+              });
+              setConfigTick((v) => v + 1);
+              api.ui.toast({
+                variant: "success",
+                message: t("settingsSaved")
+              });
+              renderSettingsDialog(dialog2);
+            },
+            onCancel: () => dialog2?.clear()
+          }));
+        } else if (value === "refresh-pricing") {
+          dialog2?.replace(() => _$createComponent(api.ui.DialogPrompt, {
+            get title() {
+              return t("settingsRefreshPricing");
+            },
+            description: () => (() => {
+              var _el$51 = _$createElement("text");
+              _$insertNode(_el$51, _$createTextNode(`\u8F93\u5165\u79D2\u6570\uFF08\u9ED8\u8BA4 1800\uFF09`));
+              return _el$51;
+            })(),
+            placeholder: "1800",
+            onConfirm: (val) => {
+              const sec = Number(val.trim());
+              if (!sec || sec <= 0) {
+                dialog2?.clear();
+                return;
+              }
+              saveConfig({
+                pricing_interval_sec: sec
+              });
+              setConfigTick((v) => v + 1);
+              api.ui.toast({
+                variant: "success",
+                message: t("settingsSaved")
+              });
+              renderSettingsDialog(dialog2);
+            },
+            onCancel: () => dialog2?.clear()
+          }));
+        }
+      },
+      onCancel: () => dialog2?.clear()
+    }));
+  };
+  renderSettingsDialog(dialog);
+}
 var tui = async (api) => {
   api.slots.register(createSidebarSlot(api));
+  api.slots.register(createPricingSlot(api));
   const savedLang = kvTryGet(api, `${KV_PREFIX}.lang`);
   if (savedLang === "zh" || savedLang === "en") setLangCode(savedLang);
   else setLangCode(detectLang());
@@ -777,6 +1609,14 @@ var tui = async (api) => {
       name: "go-lang"
     },
     onSelect: (dialog) => runLangDialog(api, dialog)
+  }, {
+    title: t("settingsTitle"),
+    value: "go-usage.settings",
+    description: t("settingsDesc"),
+    slash: {
+      name: "go-settings"
+    },
+    onSelect: (dialog) => runSettingsDialog(api, dialog)
   }]);
 };
 var mod = {