opencode-go-usage-tui 1.3.1 → 1.3.3

package/dist/tui.js

@@ -50,14 +50,14 @@ var ZH_T = {
   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",
-  // ── 模型价格表 ──
-  priceTitle: "\u6A21\u578B\u4EF7\u683C",
-  priceLoading: "\u6293\u53D6\u4EF7\u683C\u4E2D...",
-  priceError: "\u4EF7\u683C\u6293\u53D6\u5931\u8D25",
+  // ── 模型限额表 ──
+  priceTitle: "\u6A21\u578B\u9650\u989D",
+  priceLoading: "\u6293\u53D6\u9650\u989D\u4E2D...",
+  priceError: "\u9650\u989D\u6293\u53D6\u5931\u8D25",
   priceUpdated: "\u66F4\u65B0\u65F6\u95F4",
-  priceChanged: "\u4EF7\u683C\u6709\u53D8\u5316",
+  priceChanged: "\u9650\u989D\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",
+  priceChangesSummary: "{t}\u9879\u53D8\u5316 \u65B0\u589E{a}/\u4E0B\u67B6{r}/\u9650\u989D{l}",
   priceVariantTag: "{n}\u4E2A\u6863\u4F4D",
   priceInput: "\u8F93\u5165",
   priceOutput: "\u8F93\u51FA",
@@ -68,24 +68,32 @@ var ZH_T = {
   priceReqWeek: "\u5468\u8BF7\u6C42",
   priceReqMonth: "\u6708\u8BF7\u6C42",
   priceModelCol: "\u6A21\u578B",
-  priceReqs: "\u8BF7\u6C42\u6570(5h/\u5468/\u6708)",
+  priceReqs: "\u4E0A\u9650($)",
   priceSdk: "SDK",
   priceDiffUp: "\u2191{v}",
   priceDiffDown: "\u2193{v}",
   priceDiffSame: "=",
-  priceChartTitle: "\u4EF7\u683C\u53D8\u5316\u8BB0\u5F55",
+  priceChartTitle: "\u9650\u989D\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",
+  priceCollapse: "\u9650\u989D\u8868",
+  priceExpand: "\u9650\u989D\u8868",
+  priceRetention: "\u4FDD\u7559\u671F",
+  priceTraining: "\u8BAD\u7EC3",
+  priceTier: "\u6863\u4F4D",
+  changelogTitle: "\u6700\u8FD1\u53D8\u5316",
+  typeAdded: "\u65B0\u589E",
+  typeRemoved: "\u4E0B\u67B6",
+  typePricing: "\u4EF7\u683C",
+  typeLimits: "\u9650\u989D",
   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)",
+  settingsRefreshPricing: "\u9650\u989D\u5237\u65B0\u95F4\u9694 (\u79D2)",
   settingsSaved: "\u8BBE\u7F6E\u5DF2\u4FDD\u5B58",
   settingsCanceled: "\u5DF2\u53D6\u6D88\u8BBE\u7F6E",
   focusAll: "\u5168\u90E8\u9009\u62E9",
@@ -131,14 +139,14 @@ var EN_T = {
   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",
-  // ── 模型价格表 ──
-  priceTitle: "Model Pricing",
-  priceLoading: "Fetching pricing...",
-  priceError: "Pricing fetch failed",
-  priceUpdated: "Pricing updated",
-  priceChanged: "Pricing changed",
+  // ── 模型限额表 ──
+  priceTitle: "Model Limits",
+  priceLoading: "Fetching limits...",
+  priceError: "Limit fetch failed",
+  priceUpdated: "Limits updated",
+  priceChanged: "Limits changed",
   priceNoChange: "No changes",
-  priceChangesSummary: "{t} change(s): {a} added / {r} removed / {p} price / {l} limit",
+  priceChangesSummary: "{t} changes +{a} -{r} ~{l}",
   priceVariantTag: "{n} tiers",
   priceInput: "In",
   priceOutput: "Out",
@@ -149,24 +157,32 @@ var EN_T = {
   priceReqWeek: "Wk req",
   priceReqMonth: "Mo req",
   priceModelCol: "Model",
-  priceReqs: "Requests (5h/wk/mo)",
+  priceReqs: "Limit ($)",
   priceSdk: "SDK",
   priceDiffUp: "\u2191{v}",
   priceDiffDown: "\u2193{v}",
   priceDiffSame: "=",
-  priceChartTitle: "Price change history",
+  priceChartTitle: "Limit change history",
   priceChartEmpty: "No change history yet",
   priceChartAdded: "Added: {n}",
   priceChartChanged: "Changed: {n}",
   priceChartRemoved: "Removed: {n}",
-  priceCollapse: "Pricing",
-  priceExpand: "Pricing",
+  priceCollapse: "Limits",
+  priceExpand: "Limits",
+  priceRetention: "Retention",
+  priceTraining: "Training",
+  priceTier: "Tier",
+  changelogTitle: "Recent changes",
+  typeAdded: "Added",
+  typeRemoved: "Removed",
+  typePricing: "Pricing",
+  typeLimits: "Limit",
   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)",
+  settingsRefreshPricing: "Limit refresh interval (sec)",
   settingsSaved: "Settings saved",
   settingsCanceled: "Settings canceled",
   focusAll: "Select all",
@@ -303,7 +319,7 @@ async function fetchPricing() {
     if (!priceGroupMap.has(key)) priceGroupMap.set(key, []);
     priceGroupMap.get(key).push({ baseName, variant, row });
   }
-  const models = [];
+  const modelMap = /* @__PURE__ */ new Map();
   for (const row of limitRows.slice(1)) {
     if (row.length < 4) continue;
     const name = row[0];
@@ -325,7 +341,7 @@ async function fetchPricing() {
     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({
+    const model = {
       id,
       name,
       variants,
@@ -345,8 +361,20 @@ async function fetchPricing() {
       sdk: endpointRow ? endpointRow[3] || "" : "",
       training: retentionRow ? retentionRow[1] || "" : "",
       retention: retentionRow ? retentionRow[2] || "" : ""
-    });
+    };
+    if (modelMap.has(key)) {
+      const existing = modelMap.get(key);
+      const merged = new Map(existing.variants.map((v) => [v.label, v]));
+      for (const v of model.variants) if (!merged.has(v.label)) merged.set(v.label, v);
+      const mv = [...merged.values()];
+      existing.variants = mv;
+      if (mv.length === 1) existing.pricing = mv[0].pricing;
+      modelMap.set(key, existing);
+    } else {
+      modelMap.set(key, model);
+    }
   }
+  const models = [...modelMap.values()];
   return { fetchTime: (/* @__PURE__ */ new Date()).toISOString(), models };
 }
 function comparePricing(oldData, newData) {
@@ -460,7 +488,7 @@ function updatePricingStore(newData) {
 }
 
 // src/index.tsx
-var VERSION = "1.3.1";
+var VERSION = "1.3.3";
 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";
@@ -931,7 +959,11 @@ function GoUsagePanel(props) {
     _$insertNode(_el$10, _el$11);
     _$insertNode(_el$10, _el$12);
     _$insertNode(_el$10, _el$14);
-    _$setProp(_el$10, "onMouseUp", () => setOpen((o) => !o));
+    _$setProp(_el$10, "selectable", false);
+    _$setProp(_el$10, "onMouseUp", (e) => {
+      e.preventDefault();
+      setOpen((o) => !o);
+    });
     _$insert(_el$11, () => open() ? "\u25BC " : "\u25B6 ");
     _$insertNode(_el$12, _el$13);
     _$insert(_el$13, () => t("panelTitle"));
@@ -1073,6 +1105,30 @@ function PricePanel(props) {
   const [priceError, setPriceError] = createSignal("");
   const [priceLoading, setPriceLoading] = createSignal(false);
   const [panelWidth, setPanelWidth] = createSignal(24);
+  const [renderTick, setRenderTick] = createSignal(0);
+  const [listReady, setListReady] = createSignal(false);
+  createEffect(() => {
+    const p = sharedPricing();
+    if (p && p.models.length > 0) {
+      const id = setTimeout(() => setListReady(true), 150);
+      onCleanup(() => clearTimeout(id));
+    } else {
+      setListReady(false);
+    }
+  });
+  createEffect(() => {
+    if (!(listReady() && sharedPricing())) return;
+    const t1 = setTimeout(() => setRenderTick((v) => v + 1), 250);
+    const t2 = setTimeout(() => setRenderTick((v) => v + 1), 600);
+    const t3 = setTimeout(() => setRenderTick((v) => v + 1), 1e3);
+    onCleanup(() => {
+      clearTimeout(t1);
+      clearTimeout(t2);
+      clearTimeout(t3);
+    });
+  });
+  const [changedModels, setChangedModels] = createSignal(/* @__PURE__ */ new Map());
+  const [expandedId, setExpandedId] = createSignal(null);
   const [cfg, setCfg] = createSignal(loadConfig());
   createEffect(() => {
     void configTick();
@@ -1080,10 +1136,23 @@ function PricePanel(props) {
   });
   let boxEl;
   let priceController = null;
-  createEffect(() => {
-    if (boxEl && typeof boxEl.width === "number" && boxEl.width > 0) {
-      setPanelWidth(Math.max(20, boxEl.width));
-    }
+  let widthSyncTimer = null;
+  onMount(() => {
+    let tries = 0;
+    const syncWidth = () => {
+      tries++;
+      if (boxEl && typeof boxEl.width === "number" && boxEl.width > 0) {
+        setPanelWidth(Math.max(20, boxEl.width));
+        setRenderTick((v) => v + 1);
+        widthSyncTimer = setTimeout(() => setRenderTick((v) => v + 1), 150);
+        return;
+      }
+      if (tries < 50) widthSyncTimer = setTimeout(syncWidth, 80);
+    };
+    widthSyncTimer = setTimeout(syncWidth, 30);
+  });
+  onCleanup(() => {
+    if (widthSyncTimer) clearTimeout(widthSyncTimer);
   });
   async function refreshPricing() {
     if (priceLoading()) return;
@@ -1100,6 +1169,14 @@ function PricePanel(props) {
       if (prev && prev.fetchTime !== data.fetchTime) {
         const diff = comparePricing(prev, data);
         if (diff.hasChanges) {
+          const m = /* @__PURE__ */ new Map();
+          for (const c of diff.changes) {
+            if (c.type === "removed") continue;
+            const cat = c.type === "added" ? "added" : c.type === "pricing" ? "pricing" : "limits";
+            if (!m.has(c.modelId)) m.set(c.modelId, /* @__PURE__ */ new Set());
+            m.get(c.modelId).add(cat);
+          }
+          setChangedModels(m);
           props.api.toast({
             variant: "info",
             title: t("priceChanged"),
@@ -1107,11 +1184,14 @@ function PricePanel(props) {
               t: diff.summary.total,
               a: diff.summary.added,
               r: diff.summary.removed,
-              p: diff.summary.priceChanges,
               l: diff.summary.limitChanges
             })
           });
+        } else {
+          setChangedModels(/* @__PURE__ */ new Map());
         }
+      } else {
+        setChangedModels(/* @__PURE__ */ new Map());
       }
     } catch {
       setPriceError(t("priceError"));
@@ -1120,10 +1200,6 @@ function PricePanel(props) {
       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;
@@ -1142,6 +1218,7 @@ function PricePanel(props) {
     return out + "\u2026";
   }
   function justify(label, value) {
+    void renderTick();
     const outer = boxEl && typeof boxEl.width === "number" && boxEl.width > 0 ? boxEl.width : panelWidth();
     const gauge = Math.max(10, outer - 4);
     const used = visualWidth(label) + visualWidth(value);
@@ -1149,17 +1226,91 @@ function PricePanel(props) {
     return label + " ".repeat(gap) + value;
   }
   function renderLimitRow(m) {
+    const cats = changedModels().get(m.id);
+    const expanded = expandedId() === m.id;
     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));
+    const req = m.usageLimit != null ? `$${m.usageLimit}` : "\u2014";
+    const fg = cats?.has("added") ? colors().success : cats?.has("pricing") ? colors().primary : cats?.has("limits") ? colors().warning : colors().text;
+    const ind = expanded ? " \u25BE" : " \u25B8";
+    const row = (() => {
+      var _el$30 = _$createElement("text");
+      _$setProp(_el$30, "fg", fg);
+      _$setProp(_el$30, "onMouseUp", (e) => {
+        e.preventDefault();
+        setExpandedId(expanded ? null : m.id);
+      });
+      _$insert(_el$30, () => justify(name, req + ind));
       return _el$30;
     })();
+    if (!expanded) return row;
+    return [row, _$memo(() => renderPriceDetail(m))];
+  }
+  function renderPriceDetail(m) {
+    const prev = pricingStore()?.previous?.models.find((x) => x.id === m.id);
+    const prevVariants = prev?.variants;
+    const arrow = (cur, old) => {
+      if (old == null || cur == null || old === cur) return "";
+      return cur > old ? " \u2191" : " \u2193";
+    };
+    const fmt = (cur, old) => cur == null ? "-" : `$${cur} /MTok${arrow(cur, old)}`;
+    const pad13 = (s) => visualPadEnd(s, 13);
+    const lines = [];
+    const tiers = m.variants;
+    const hasTiers = tiers.length > 1;
+    if (hasTiers) {
+      tiers.forEach((v, ti) => {
+        const isLastTier = ti === tiers.length - 1;
+        lines.push((() => {
+          var _el$31 = _$createElement("text");
+          _$insert(_el$31, () => `  \u251C ${t("priceTier")}: ${v.label}`);
+          _$effect((_$p) => _$setProp(_el$31, "fg", colors().muted, _$p));
+          return _el$31;
+        })());
+        const inner = isLastTier ? " " : "\u2502";
+        const prevV = prevVariants?.find((p) => p.label === v.label) ?? prevVariants?.[ti];
+        const fields = [[t("priceInput"), fmt(v.pricing.input, prevV?.pricing.input)], [t("priceOutput"), fmt(v.pricing.output, prevV?.pricing.output)], [t("priceCacheRead"), fmt(v.pricing.cachedRead, prevV?.pricing.cachedRead)], [t("priceCacheWrite"), fmt(v.pricing.cachedWrite, prevV?.pricing.cachedWrite)]];
+        for (const [fl, fv] of fields) {
+          lines.push((() => {
+            var _el$32 = _$createElement("text");
+            _$insert(_el$32, () => pad13(`  ${inner} ${fl}:`) + fv);
+            _$effect((_$p) => _$setProp(_el$32, "fg", colors().muted, _$p));
+            return _el$32;
+          })());
+        }
+      });
+    } else {
+      const v = tiers[0];
+      const fields = [[t("priceInput"), fmt(v.pricing.input, prev?.pricing.input)], [t("priceOutput"), fmt(v.pricing.output, prev?.pricing.output)], [t("priceCacheRead"), fmt(v.pricing.cachedRead, prev?.pricing.cachedRead)], [t("priceCacheWrite"), fmt(v.pricing.cachedWrite, prev?.pricing.cachedWrite)]];
+      for (const [fl, fv] of fields) {
+        lines.push((() => {
+          var _el$33 = _$createElement("text");
+          _$insert(_el$33, () => pad13(`  \u251C ${fl}:`) + fv);
+          _$effect((_$p) => _$setProp(_el$33, "fg", colors().muted, _$p));
+          return _el$33;
+        })());
+      }
+    }
+    const fmtFull = (n) => n > 0 ? n.toLocaleString("en-US") : "\u2014";
+    const limitFields = [[t("priceReq5h"), fmtFull(m.limits.fiveHour)], [t("priceReqWeek"), fmtFull(m.limits.weekly)], [t("priceReqMonth"), fmtFull(m.limits.monthly)]];
+    for (const [fl, fv] of limitFields) {
+      lines.push((() => {
+        var _el$34 = _$createElement("text");
+        _$insert(_el$34, () => pad13(`  \u251C ${fl}:`) + fv);
+        _$effect((_$p) => _$setProp(_el$34, "fg", colors().muted, _$p));
+        return _el$34;
+      })());
+    }
+    const meta = [[t("priceSdk"), m.sdk || "-"], [t("priceRetention"), m.retention || "-"], [t("priceTraining"), m.training || "-"]];
+    meta.forEach(([ml, mv], i) => {
+      const conn = i < meta.length - 1 ? "\u251C" : "\u2514";
+      lines.push((() => {
+        var _el$35 = _$createElement("text");
+        _$insert(_el$35, () => pad13(`  ${conn} ${ml}:`) + mv);
+        _$effect((_$p) => _$setProp(_el$35, "fg", colors().muted, _$p));
+        return _el$35;
+      })());
+    });
+    return lines;
   }
   const [pal, setPal] = createSignal({
     ...FALLBACK
@@ -1177,6 +1328,7 @@ function PricePanel(props) {
   });
   const colors = () => pal();
   const sep = () => {
+    void renderTick();
     const outer = boxEl && typeof boxEl.width === "number" && boxEl.width > 0 ? boxEl.width : panelWidth();
     return "\u2500".repeat(Math.max(1, outer - 4));
   };
@@ -1190,60 +1342,61 @@ function PricePanel(props) {
     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 _el$36 = _$createElement("box"), _el$37 = _$createElement("text"), _el$38 = _$createElement("span"), _el$39 = _$createElement("span"), _el$40 = _$createElement("b"), _el$44 = _$createElement("span");
+    _$insertNode(_el$36, _el$37);
     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", () => {
+    typeof _ref$2 === "function" ? _$use(_ref$2, _el$36) : boxEl = _el$36;
+    _$setProp(_el$36, "border", true);
+    _$setProp(_el$36, "paddingLeft", 1);
+    _$setProp(_el$36, "paddingRight", 1);
+    _$setProp(_el$36, "flexDirection", "column");
+    _$setProp(_el$36, "gap", 0);
+    _$setProp(_el$36, "onSizeChange", () => {
       if (resizeTimeout) clearTimeout(resizeTimeout);
       resizeTimeout = setTimeout(() => {
         const w = boxEl ? Math.max(20, boxEl.width ?? 24) : 24;
         setPanelWidth(w);
+        setRenderTick((v) => v + 1);
       }, 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, {
+    _$insertNode(_el$37, _el$38);
+    _$insertNode(_el$37, _el$39);
+    _$insertNode(_el$37, _el$44);
+    _$setProp(_el$37, "onMouseUp", () => setOpen((o) => !o));
+    _$insert(_el$38, () => open() ? "\u25BC " : "\u25B6 ");
+    _$insertNode(_el$39, _el$40);
+    _$insert(_el$40, () => t("priceTitle"));
+    _$insert(_el$37, _$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", {
+        var _el$41 = _$createElement("span"), _el$42 = _$createTextNode(` (`), _el$43 = _$createTextNode(`)`);
+        _$insertNode(_el$41, _el$42);
+        _$insertNode(_el$41, _el$43);
+        _$insert(_el$41, () => sharedPricing().models.length, _el$43);
+        _$effect((_$p) => _$setProp(_el$41, "style", {
           fg: colors().muted
         }, _$p));
-        return _el$37;
+        return _el$41;
       }
-    }), _el$40);
-    _$insert(_el$40, () => sep().slice(visualWidth((open() ? "\u25BC " : "\u25B6 ") + t("priceTitle") + (sharedPricing() ? ` (${sharedPricing().models.length})` : ""))));
-    _$insert(_el$32, _$createComponent(Show, {
+    }), _el$44);
+    _$insert(_el$44, () => sep().slice(visualWidth((open() ? "\u25BC " : "\u25B6 ") + t("priceTitle") + (sharedPricing() ? ` (${sharedPricing().models.length})` : ""))));
+    _$insert(_el$36, _$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$45 = _$createElement("text");
+          _$insert(_el$45, () => justify(t("priceModelCol"), t("priceReqs")));
+          _$effect((_$p) => _$setProp(_el$45, "fg", colors().muted, _$p));
+          return _el$45;
         })(), (() => {
-          var _el$42 = _$createElement("text");
-          _$insert(_el$42, sep);
-          _$effect((_$p) => _$setProp(_el$42, "fg", colors().muted, _$p));
-          return _el$42;
+          var _el$46 = _$createElement("text");
+          _$insert(_el$46, sep);
+          _$effect((_$p) => _$setProp(_el$46, "fg", colors().muted, _$p));
+          return _el$46;
         })(), _$createComponent(Show, {
           get when() {
             return priceLoading() || !sharedPricing();
@@ -1255,45 +1408,75 @@ function PricePanel(props) {
               },
               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;
+                  var _el$53 = _$createElement("text");
+                  _$insert(_el$53, () => t("priceLoading"));
+                  _$effect((_$p) => _$setProp(_el$53, "fg", colors().muted, _$p));
+                  return _el$53;
                 })();
               },
               get children() {
-                return [_$memo(() => sharedPricing().models.filter((m) => {
+                return [_$memo(() => _$memo(() => !!listReady())() ? 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;
+                }).map((m) => renderLimitRow(m)) : null), (() => {
+                  var _el$48 = _$createElement("text");
+                  _$insert(_el$48, () => justify(t("priceUpdated"), new Date(sharedPricing().fetchTime).toLocaleTimeString()));
+                  _$effect((_$p) => _$setProp(_el$48, "fg", colors().muted, _$p));
+                  return _el$48;
                 })(), _$createComponent(Show, {
                   get when() {
                     return _$memo(() => !!pricingStore())() && pricingStore().history.length > 0;
                   },
                   get children() {
-                    var _el$45 = _$createElement("text");
-                    _$insert(_el$45, () => t("priceChangesSummary", {
+                    var _el$49 = _$createElement("text");
+                    _$insert(_el$49, () => 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;
+                    _$effect((_$p) => _$setProp(_el$49, "fg", colors().warning, _$p));
+                    return _el$49;
+                  }
+                }), _$createComponent(Show, {
+                  get when() {
+                    return changedModels().size > 0;
+                  },
+                  get children() {
+                    var _el$50 = _$createElement("text");
+                    _$insertNode(_el$50, _$createTextNode(`\u7EFF=\u65B0\u589E \u84DD=\u4EF7\u683C \u6A59=\u9650\u989D\xB7\u70B9\u51FB\u5C55\u5F00`));
+                    _$effect((_$p) => _$setProp(_el$50, "fg", colors().muted, _$p));
+                    return _el$50;
+                  }
+                }), _$createComponent(Show, {
+                  get when() {
+                    return _$memo(() => !!(pricingStore() && pricingStore().history.length > 0))() && pricingStore().history[0].summary.total > 0;
+                  },
+                  get children() {
+                    return [(() => {
+                      var _el$52 = _$createElement("text");
+                      _$insert(_el$52, () => `${t("changelogTitle")} (${new Date(pricingStore().history[0].fetchTime).toLocaleTimeString()})`);
+                      _$effect((_$p) => _$setProp(_el$52, "fg", colors().muted, _$p));
+                      return _el$52;
+                    })(), _$memo(() => pricingStore().history[0].changes.slice(0, 12).map((c) => {
+                      const label = c.type === "added" ? t("typeAdded") : c.type === "removed" ? t("typeRemoved") : c.type === "pricing" ? t("typePricing") : t("typeLimits");
+                      const fg = c.type === "added" ? colors().success : c.type === "removed" ? colors().error : c.type === "pricing" ? colors().primary : colors().warning;
+                      return (() => {
+                        var _el$54 = _$createElement("text");
+                        _$setProp(_el$54, "fg", fg);
+                        _$insert(_el$54, () => `  ${label} ${abbreviateName(c.modelName, 20)}`);
+                        return _el$54;
+                      })();
+                    }))];
                   }
                 })];
               }
             });
           },
           get children() {
-            var _el$43 = _$createElement("text");
-            _$insert(_el$43, () => t("priceLoading"));
-            _$effect((_$p) => _$setProp(_el$43, "fg", colors().muted, _$p));
-            return _el$43;
+            var _el$47 = _$createElement("text");
+            _$insert(_el$47, () => t("priceLoading"));
+            _$effect((_$p) => _$setProp(_el$47, "fg", colors().muted, _$p));
+            return _el$47;
           }
         })];
       }
@@ -1306,10 +1489,10 @@ function PricePanel(props) {
       }, _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));
+      _v$1 !== _p$.e && (_p$.e = _$setProp(_el$36, "borderColor", _v$1, _p$.e));
+      _v$10 !== _p$.t && (_p$.t = _$setProp(_el$38, "style", _v$10, _p$.t));
+      _v$11 !== _p$.a && (_p$.a = _$setProp(_el$39, "style", _v$11, _p$.a));
+      _v$12 !== _p$.o && (_p$.o = _$setProp(_el$44, "style", _v$12, _p$.o));
       return _p$;
     }, {
       e: void 0,
@@ -1317,7 +1500,7 @@ function PricePanel(props) {
       a: void 0,
       o: void 0
     });
-    return _el$32;
+    return _el$36;
   })();
 }
 function createSidebarSlot(api) {
@@ -1356,9 +1539,9 @@ function runConfigDialog(api, dialog) {
       return t("wsPromptTitle");
     },
     description: () => (() => {
-      var _el$47 = _$createElement("text");
-      _$insert(_el$47, () => t("wsPromptDesc"));
-      return _el$47;
+      var _el$55 = _$createElement("text");
+      _$insert(_el$55, () => t("wsPromptDesc"));
+      return _el$55;
     })(),
     get placeholder() {
       return t("wsPlaceholder");
@@ -1377,9 +1560,9 @@ function runConfigDialog(api, dialog) {
           return t("cookiePromptTitle");
         },
         description: () => (() => {
-          var _el$48 = _$createElement("text");
-          _$insert(_el$48, () => t("cookiePromptDesc"));
-          return _el$48;
+          var _el$56 = _$createElement("text");
+          _$insert(_el$56, () => t("cookiePromptDesc"));
+          return _el$56;
         })(),
         get placeholder() {
           return t("cookiePlaceholder");
@@ -1527,9 +1710,9 @@ function runSettingsDialog(api, dialog) {
               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;
+              var _el$57 = _$createElement("text");
+              _$insertNode(_el$57, _$createTextNode(`\u8F93\u5165\u79D2\u6570\uFF08\u9ED8\u8BA4 60\uFF09`));
+              return _el$57;
             })(),
             placeholder: "60",
             onConfirm: (val) => {
@@ -1556,9 +1739,9 @@ function runSettingsDialog(api, dialog) {
               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;
+              var _el$59 = _$createElement("text");
+              _$insertNode(_el$59, _$createTextNode(`\u8F93\u5165\u79D2\u6570\uFF08\u9ED8\u8BA4 1800\uFF09`));
+              return _el$59;
             })(),
             placeholder: "1800",
             onConfirm: (val) => {