@maxiaochao/pi-toolkit 0.2.4 → 0.2.5

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 2026-09-09 - v0.2.5
+
+- fix cache export: segment views lost the hover tooltip (it rendered inside the hidden all-history section); move to one page-level tooltip; e2e now asserts real rendering
+
 ## 2026-09-09 - v0.2.4
 
 - fix cache export: hover tooltips now work across segment breaks; context segments also break on model changes; add headless-browser e2e tests

package/extensions/cache-export/render.ts

@@ -657,7 +657,7 @@ function renderDashboardView(requests, events, toolCalls, compactions, scopeLabe
     `<th>Fresh</th><th>Cached</th><th>Written</th><th>Prompt</th><th>Hit rate</th><th>Output</th>` +
     `<th>Stop</th></tr></thead><tbody>${rows}</tbody></table></div></div>` +
     `<div class="usage-panel"><h2>Tool calls</h2>${toolRows}</div>` +
-    `</div><div class="usage-tooltip" role="status" aria-live="polite"></div>`
+    `</div>`
   );
 }
 
@@ -697,10 +697,16 @@ export function renderDashboard(data) {
     ...segmentViews.map((view) => `<section class="usage-context-view" data-context-view="${view.id}"${view.id === `segment-${latest.number}` ? "" : " hidden"}>${view.html}</section>`),
   ].join("");
 
+  // ONE shared tooltip for the whole page. tau's script grabs the first
+  // `.usage-tooltip` in the document; with one per view that element lived in
+  // the (hidden) all-history section, so segment views set text on an element
+  // whose ancestor was display:none -> nothing painted. A single tooltip
+  // outside the view sections renders under every view.
   return `<div class="usage-view-controls"><label for="context-segment-select">View</label>` +
     `<select id="context-segment-select" data-context-segment-select>${options}</select>` +
     `<span>Default: latest Context segment. All-history values remain available; cache metrics reset where compaction rewrites the prefix or the model changes.</span></div>` +
-    views;
+    views +
+    `<div class="usage-tooltip" role="status" aria-live="polite"></div>`;
 }
 
 // ---------------------------------------------------------------------------

package/extensions/cache-export/tests/e2e-browser.mjs

@@ -158,7 +158,10 @@ const HOVER_SCRIPT = `
         clientX: r.left + 30 + r.width * frac, clientY: r.top + r.height / 2, bubbles: true,
       }));
       const t = document.querySelector(".usage-tooltip");
-      return { visible: getComputedStyle(t).display !== "none", text: t.textContent || "" };
+      // Actually-rendered check: getClientRects() returns 0 when the element or
+      // any ancestor is display:none, even if the element's own computed
+      // display is block (the old per-view tooltip blind spot).
+      return { visible: t.getClientRects().length > 0 && getComputedStyle(t).display !== "none", text: t.textContent || "" };
     }
     const requestOf = (r) => {
       const m = (r.text || "").match(/Request (\\d+)/);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maxiaochao/pi-toolkit",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Personal pi coding agent toolkit: /todos, /btw, /cache_export extensions, browser automation, and bundled theme/skills.",
   "type": "module",
   "keywords": [