dsh-plugin-thinking-size 0.1.0 → 0.2.0

package/README.i18n.yaml

@@ -3,5 +3,5 @@
 # Both languages carry equal authority; after editing either side, bring the other
 # along and re-record with:
 #   git hash-object README.md README.zh.md
-README.md: a60a5d2e42f935f4f2912e8db12512d6cdda576c
-README.zh.md: e9c0ce1bc84cc03fbb25c96e318522a4dcce066a
+README.md: 7d01b07efae2dac9cc62b5008d4518d328f321bb
+README.zh.md: b345ae93b49387b067d2adcb1fc31ca784938190

package/README.md

@@ -12,12 +12,13 @@ English | [中文](README.zh.md)
 | Format | Rule |
 | --- | --- |
 | `Think(128)` | Below 1000 tokens: plain integer |
-| `Think(5.2K)` | 1000 – 999 499: one decimal + K, trailing zeros dropped |
-| `Think(1.2M)` | A million or more: one decimal + M |
+| `Think(5.2K)` | 1000 – 999 499: 1 decimal + K, fixed digits (`5000 → 5.0K`) |
+| `Think(1.2M)` | A million or more: 1 decimal + M (`1000000 → 1.0M`) |
 
 - **Live** — the number ticks up while the reasoning is streaming.
 - **Persistent** — every historical Think row keeps its badge too, across expand/collapse and session switches.
 - **Subtle** — a 12px caption-colored span in tabular figures, appended inside the row title and marked `aria-hidden`, so the accessible title still reads just "Think".
+- **Adjustable precision** — hover the badge to pick **1 or 2 decimal places** (default 1); the choice applies to every badge instantly and is remembered in `localStorage`, surviving reloads and restarts.
 
 ## 雷霆大思考, measured
 

package/README.zh.md

@@ -14,13 +14,15 @@
 | 形态 | 规则 |
 | --- | --- |
 | `Think(128)` | 不足 1000：整数 |
-| `Think(5.2K)` | 1000 – 999 499：一位小数 + K，去尾 0 |
-| `Think(1.2M)` | 百万以上：一位小数 + M |
+| `Think(5.2K)` | 1000 – 999 499：一位小数 + K，固定位数（`5000 → 5.0K`） |
+| `Think(1.2M)` | 百万以上：一位小数 + M（`1000000 → 1.0M`） |
 
 - **实时** —— 思考流式输出期间数字随之跳动。
 - **持久** —— 历史消息的每个 Think 行都保留徽标，展开/折叠、切换会话均不丢失。
 - **克制** —— 12px、说明文字色、等宽数字的 `aria-hidden` span，追加在行标题内；
   标题的可读文本仍只有 "Think"。
+- **精度可调** —— hover 徽标即可在 **1 位 / 2 位小数** 间切换（默认 1 位），全部徽标即时
+  生效；选择经 localStorage 记忆，刷新、重启后仍保留。
 
 ## 亲眼看看「雷霆大思考」有多长
 

package/lib/client.js

@@ -34,13 +34,14 @@ module.exports = __toCommonJS(index_exports);
 
 // src/client/dom.ts
 var BADGE_CLASS = "dsh-thinking-size-badge";
+var PICKER_CLASS = "dsh-thinking-size-picker";
 var STYLE_ID = "dsh-thinking-size-style";
 var BADGE_ATTR = "data-dsh-thinking-size";
 function injectStyle(doc = document) {
   if (doc.getElementById(STYLE_ID) !== null) return;
   const tag = doc.createElement("style");
   tag.id = STYLE_ID;
-  tag.textContent = `.${BADGE_CLASS}{color:var(--dsw-alias-label-caption,#8a8a8a);font-size:12px;font-weight:400;margin-left:2px;font-variant-numeric:tabular-nums;user-select:none}`;
+  tag.textContent = `.${BADGE_CLASS}{color:var(--dsw-alias-label-caption,#8a8a8a);font-size:12px;font-weight:400;margin-left:2px;font-variant-numeric:tabular-nums;user-select:none}.${BADGE_CLASS}:hover{text-decoration:underline dotted;cursor:default}.${PICKER_CLASS}{position:absolute;z-index:9999;display:flex;gap:6px;align-items:center;padding:6px 8px;font-size:12px;line-height:1;border-radius:8px;white-space:nowrap;background:var(--dsw-alias-bg-layer-3,#fff);border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1));box-shadow:0 4px 12px rgba(0,0,0,.08);color:var(--dsw-alias-label-primary,#333);font-variant-numeric:tabular-nums;user-select:none}.${PICKER_CLASS}[hidden]{display:none}.${PICKER_CLASS} button{appearance:none;border:none;background:transparent;color:inherit;font:inherit;padding:3px 10px;border-radius:6px;cursor:pointer}.${PICKER_CLASS} button:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.06))}.${PICKER_CLASS} button[aria-pressed="true"]{background:var(--dsw-alias-interactive-bg-active,#f0f0f0);font-weight:500}`;
   doc.head.appendChild(tag);
 }
 function anchorKeyOf(row) {
@@ -193,6 +194,175 @@ function createReasoningSource(sessions) {
   };
 }
 
+// src/client/settings.ts
+var DECIMALS_STORAGE_KEY = "dsh-thinking-size.decimals";
+var DEFAULT_DECIMALS = 1;
+function parseRaw(raw) {
+  if (raw === "1") return 1;
+  if (raw === "2") return 2;
+  return DEFAULT_DECIMALS;
+}
+function resolveStorage(storage) {
+  if (storage !== void 0) return storage;
+  try {
+    return globalThis.localStorage ?? null;
+  } catch {
+    return null;
+  }
+}
+function createDecimalsStore(storage) {
+  const impl = resolveStorage(storage);
+  let value = DEFAULT_DECIMALS;
+  try {
+    value = parseRaw(impl?.getItem(DECIMALS_STORAGE_KEY) ?? null);
+  } catch {
+    value = DEFAULT_DECIMALS;
+  }
+  let disposed = false;
+  const listeners = /* @__PURE__ */ new Set();
+  return {
+    get: () => value,
+    set(v) {
+      if (disposed) return;
+      const next = v === 2 ? 2 : 1;
+      if (next === value) return;
+      value = next;
+      try {
+        impl?.setItem(DECIMALS_STORAGE_KEY, String(next));
+      } catch {
+      }
+      for (const listener of listeners) {
+        try {
+          listener();
+        } catch {
+        }
+      }
+    },
+    subscribe(fn) {
+      listeners.add(fn);
+      return () => {
+        listeners.delete(fn);
+      };
+    },
+    dispose() {
+      disposed = true;
+      listeners.clear();
+    }
+  };
+}
+
+// src/client/picker.ts
+function createPicker(deps) {
+  const { doc, store } = deps;
+  const hideDelayMs = deps.hideDelayMs ?? 120;
+  let popover = null;
+  let anchor = null;
+  let hideTimer = null;
+  const clearHideTimer = () => {
+    if (hideTimer !== null) {
+      clearTimeout(hideTimer);
+      hideTimer = null;
+    }
+  };
+  const ensurePopover = () => {
+    if (popover !== null) return popover;
+    const el = doc.createElement("div");
+    el.className = PICKER_CLASS;
+    el.hidden = true;
+    el.innerHTML = '<span>\u5C0F\u6570\u4F4D\u6570</span><button type="button" data-decimals="1" aria-pressed="false">1</button><button type="button" data-decimals="2" aria-pressed="false">2</button>';
+    el.addEventListener("click", onButtonClick);
+    doc.body.appendChild(el);
+    popover = el;
+    return el;
+  };
+  const refreshPressed = () => {
+    if (popover === null) return;
+    const current = String(store.get());
+    for (const button of popover.querySelectorAll("button[data-decimals]")) {
+      button.setAttribute(
+        "aria-pressed",
+        button.getAttribute("data-decimals") === current ? "true" : "false"
+      );
+    }
+  };
+  const close = () => {
+    clearHideTimer();
+    anchor = null;
+    if (popover !== null) popover.hidden = true;
+  };
+  const open = (badge) => {
+    clearHideTimer();
+    anchor = badge;
+    const el = ensurePopover();
+    refreshPressed();
+    el.hidden = false;
+    const win = doc.defaultView;
+    const rect = badge.getBoundingClientRect();
+    const scrollX = win?.scrollX ?? 0;
+    const scrollY = win?.scrollY ?? 0;
+    let left = rect.left + scrollX;
+    const width = el.offsetWidth || 96;
+    const maxLeft = (win?.innerWidth ?? 1280) - width - 4;
+    if (left > maxLeft) left = Math.max(4, maxLeft);
+    el.style.left = `${Math.max(4, left)}px`;
+    el.style.top = `${Math.max(4, rect.bottom + scrollY + 4)}px`;
+  };
+  const scheduleHide = () => {
+    clearHideTimer();
+    hideTimer = setTimeout(() => {
+      hideTimer = null;
+      close();
+    }, hideDelayMs);
+  };
+  function onButtonClick(event) {
+    const target = event.target;
+    if (target === null || typeof target.closest !== "function") return;
+    const button = target.closest("button[data-decimals]");
+    if (button === null) return;
+    store.set(button.getAttribute("data-decimals") === "2" ? 2 : 1);
+    refreshPressed();
+  }
+  const contains = (container, node) => node != null && typeof node.contains === "function" && (container === node || container.contains(node));
+  const onOver = (event) => {
+    const target = event.target;
+    if (target === null || typeof target.closest !== "function") return;
+    if (popover !== null && contains(popover, target)) {
+      clearHideTimer();
+      return;
+    }
+    const badge = target.closest("[data-dsh-thinking-size]");
+    if (badge !== null) open(badge);
+  };
+  const onOut = (event) => {
+    if (anchor === null) return;
+    const to = event.relatedTarget;
+    if (contains(anchor, to)) return;
+    if (popover !== null && contains(popover, to)) return;
+    scheduleHide();
+  };
+  const onScroll = () => {
+    if (anchor === null) return;
+    close();
+  };
+  doc.body.addEventListener("mouseover", onOver);
+  doc.body.addEventListener("mouseout", onOut);
+  doc.addEventListener("scroll", onScroll, true);
+  return {
+    prune() {
+      if (anchor !== null && !anchor.isConnected) close();
+    },
+    dispose() {
+      doc.body.removeEventListener("mouseover", onOver);
+      doc.body.removeEventListener("mouseout", onOut);
+      doc.removeEventListener("scroll", onScroll, true);
+      clearHideTimer();
+      anchor = null;
+      popover?.remove();
+      popover = null;
+    }
+  };
+}
+
 // src/client/tokens.ts
 var CJK = /[\u4E00-\u9FFF\u3400-\u4DBF\u3000-\u303F\uFF00-\uFFEF]/;
 var TOKEN_PER_OTHER_CHAR = 0.3;
@@ -215,17 +385,12 @@ function tokensOfBlock(block) {
   blockCache.set(block, tokens);
   return tokens;
 }
-function formatTokens(n) {
+function formatTokens(n, decimals = 1) {
+  const d = decimals === 2 ? 2 : 1;
   if (!Number.isFinite(n) || n <= 0) return "0";
   if (n < 1e3) return String(Math.floor(n));
-  if (n < 999500) {
-    let s2 = (n / 1e3).toFixed(1);
-    if (s2.endsWith(".0")) s2 = s2.slice(0, -2);
-    return s2 + "K";
-  }
-  let s = (n / 1e6).toFixed(1);
-  if (s.endsWith(".0")) s = s.slice(0, -2);
-  return s + "M";
+  if (n < 999500) return (n / 1e3).toFixed(d) + "K";
+  return (n / 1e6).toFixed(d) + "M";
 }
 
 // src/client/controller.ts
@@ -250,6 +415,13 @@ function createController(deps) {
       dirty = true;
     })
   );
+  if (deps.store !== void 0) {
+    disposers.push(
+      deps.store.subscribe(() => {
+        dirty = true;
+      })
+    );
+  }
   const Observer = doc.defaultView?.MutationObserver ?? globalThis.MutationObserver;
   const observer = new Observer(() => {
     dirty = true;
@@ -276,8 +448,9 @@ function createController(deps) {
       }
       const title = titleSpanOf(row);
       if (title === null) continue;
-      writeBadge(title, `(${formatTokens(tokensOfBlock(block))})`);
+      writeBadge(title, `(${formatTokens(tokensOfBlock(block), deps.store?.get() ?? 1)})`);
     }
+    deps.picker?.prune();
   }
   return {
     sweep,
@@ -306,13 +479,18 @@ function apply(ctx) {
   }
   const sessions = ctx.get("sessions");
   if (sessions === void 0) return;
+  const store = createDecimalsStore();
+  const picker = createPicker({ doc: document, store });
   const source = createReasoningSource(sessions);
   const controller = createController({
     source,
-    interval: (fn, ms) => ctx.interval(fn, ms)
+    interval: (fn, ms) => ctx.interval(fn, ms),
+    store,
+    picker
   });
   return () => {
     controller.dispose();
+    picker.dispose();
     source.dispose();
   };
 }

package/package.json

@@ -36,7 +36,7 @@
     "聊天界面",
     "雷霆大思考"
   ],
-  "version": "0.1.0",
+  "version": "0.2.0",
   "license": "MIT",
   "repository": {
     "type": "git",