pi-sdk-web 0.5.1 → 0.5.2

package/dist/ui-context.js

@@ -200,54 +200,11 @@ export class WebUIContext {
     setHeader() { }
     custom() {
         // Pi's custom() shows an extension-drawn TUI component. Web has no TUI
-        // renderer, so the component can't be *displayed* - but the factory is
-        // still invoked with no-op stubs so the extension's own logic runs
-        // (e.g. /usage starts its data collection inside the factory), then we
-        // settle immediately: display-only panels (user-driven close) would
-        // otherwise hang the command forever, and data-producing panels
-        // (loader -> done(value)) have their result read from the extension's
-        // own cache file afterwards when needed (see usage-render.ts). So
-        // custom() never blocks the command.
-        // Extensions that branch on hasUI before custom (magic-context
-        // ctx-status) are routed to their text fallback by executeCommand
-        // (hasUI:false) and never reach this.
-        try {
-            // Arguments are (factory, options) at runtime; the declared
-            // signature stays interface-compatible, read them dynamically.
-            const args = arguments;
-            const factory = args[0];
-            const options = args[1];
-            if (typeof factory === "function") {
-                // No-op TUI stub: enough surface for factories that need a render
-                // handle; rendering itself is never performed on Web.
-                const stubTui = {
-                    requestRender: () => { },
-                    invalidate: () => { },
-                    setFocus: () => { },
-                    getWidth: () => 100,
-                };
-                // Theme stub: color helpers degrade to plain text.
-                const stubTheme = {
-                    fg: (_k, s) => s,
-                    bold: (s) => s,
-                    dim: (s) => s,
-                    get theme() {
-                        return undefined;
-                    },
-                };
-                const component = factory(stubTui, stubTheme, {}, () => { });
-                // Component built and its logic ran (data collection started);
-                // NOT disposed - async work inside may still be running and own
-                // its resources. settle immediately.
-                void component;
-            }
-            if (options && typeof options.onHandle === "function") {
-                options.onHandle({ setHidden: () => { }, focus: () => { } });
-            }
-        }
-        catch {
-            // factory threw - ignore, still settle
-        }
+        // renderer, so the component can't be displayed - same headless stub as
+        // Pi's RPC mode (rpc-mode.ts: "Custom UI not supported in RPC mode"):
+        // settle immediately so commands awaiting the panel don't hang. This is
+        // now purely internal: /usage (which used to collect data inside the
+        // factory) collects natively from Pi session files instead.
         return Promise.resolve(undefined);
     }
     pasteToEditor() { }

package/dist/usage-render.js

@@ -14,7 +14,7 @@
  * (5 time tabs x provider/model x metrics + insights + global hourly
  * series + tab windows); the frontend renders.
  */
-import { existsSync, readdirSync, readFileSync, statSync } from "node:fs";
+import { existsSync, readdirSync, readFileSync } from "node:fs";
 import { join } from "node:path";
 import { homedir } from "node:os";
 const SESSIONS_DIRS = [
@@ -193,111 +193,6 @@ export function collectUsage() {
     }
     return out;
 }
-/** A coarse freshness stamp: sum of session-file mtimes, for cheap invalidation. */
-export function sessionsStamp() {
-    const root = sessionsDir();
-    if (!root)
-        return 0;
-    const files = [];
-    collectSessionFiles(root, files);
-    let sum = 0;
-    for (const f of files) {
-        try {
-            sum += statSync(f).mtimeMs;
-        }
-        catch {
-            // ignore
-        }
-    }
-    return sum;
-}
-function startOfDay(ts) {
-    const d = new Date(ts);
-    d.setHours(0, 0, 0, 0);
-    return d.getTime();
-}
-function startOfWeek(ts) {
-    const d = new Date(ts);
-    const day = d.getDay() === 0 ? 6 : d.getDay() - 1;
-    d.setHours(0, 0, 0, 0);
-    d.setDate(d.getDate() - day);
-    return d.getTime();
-}
-function emptyTotals() {
-    return { cost: 0, input: 0, output: 0, cacheRead: 0, cacheWrite: 0, messages: 0, sessions: new Set() };
-}
-function fmt(n) {
-    return n >= 1e9
-        ? `${(n / 1e9).toFixed(2)}B`
-        : n >= 1e6
-            ? `${(n / 1e6).toFixed(2)}M`
-            : n >= 1e3
-                ? `${(n / 1e3).toFixed(1)}K`
-                : `${Math.round(n)}`;
-}
-function fmtCost(n) {
-    return `$${n.toFixed(n >= 1 ? 2 : 4)}`;
-}
-/** Render a Markdown usage summary (today / this week / all time). */
-export function renderUsageSummary() {
-    const files = collectUsage();
-    if (files.length === 0) {
-        return "## Usage\n\nNo usage data found yet.";
-    }
-    const now = Date.now();
-    const todayStart = startOfDay(now);
-    const weekStart = startOfWeek(now);
-    const today = emptyTotals();
-    const week = emptyTotals();
-    const all = emptyTotals();
-    const byModel = new Map();
-    for (const file of files) {
-        for (const m of file.messages) {
-            const t = m.timestamp;
-            const targets = [all];
-            if (t >= todayStart)
-                targets.push(today);
-            if (t >= weekStart)
-                targets.push(week);
-            for (const target of targets) {
-                target.cost += m.cost;
-                target.input += m.input;
-                target.output += m.output;
-                target.cacheRead += m.cacheRead;
-                target.cacheWrite += m.cacheWrite;
-                target.messages += 1;
-                target.sessions.add(file.sessionId);
-            }
-            const key = `${m.provider}/${m.model}`;
-            const byModelEntry = byModel.get(key) ?? emptyTotals();
-            byModelEntry.cost += m.cost;
-            byModelEntry.input += m.input;
-            byModelEntry.output += m.output;
-            byModelEntry.cacheRead += m.cacheRead;
-            byModelEntry.cacheWrite += m.cacheWrite;
-            byModelEntry.messages += 1;
-            byModel.set(key, byModelEntry);
-        }
-    }
-    const row = (label, t) => `| ${label} | ${fmt(t.input)} | ${fmt(t.output)} | ${fmt(t.cacheRead)} | ${fmt(t.cacheWrite)} | $${t.cost.toFixed(4)} | ${t.messages} | ${t.sessions.size} |`;
-    const lines = [
-        "## Usage",
-        "",
-        "| Period | Input | Output | Cache R | Cache W | Cost | Msgs | Sessions |",
-        "| --- | --- | --- | --- | --- | --- | --- | --- |",
-        row("Today", today),
-        row("This week", week),
-        row("All time", all),
-    ];
-    if (byModel.size > 0) {
-        const sorted = [...byModel.entries()].sort((a, b) => b[1].cost - a[1].cost).slice(0, 10);
-        lines.push("", "### By model (all time)", "", "| Model | Input | Output | Cost | Msgs |", "| --- | --- | --- | --- | --- |");
-        for (const [key, t] of sorted) {
-            lines.push(`| ${key} | ${fmt(t.input)} | ${fmt(t.output)} | $${t.cost.toFixed(4)} | ${t.messages} |`);
-        }
-    }
-    return lines.join("\n");
-}
 const TAB_KEYS = ["today", "thisWeek", "lastWeek", "last30Days", "allTime"];
 function emptyTokens() {
     return { total: 0, input: 0, output: 0, cacheRead: 0, cacheWrite: 0 };
@@ -436,7 +331,7 @@ export function buildUsageData(sessionId) {
             }
         }
     }
-    const payload = { tabs: {}, hourly: [], tabWindow: {}, collectedAt: sessionsStamp() };
+    const payload = { tabs: {}, hourly: [], tabWindow: {}, collectedAt: Date.now() };
     // Graph x-axis windows per tab: [start, end]. today: midnight->now;
     // thisWeek: monday->now; lastWeek: monday->next Monday; last30Days:
     // start->now; allTime: 0 -> now (frontend clips to first data).
@@ -494,7 +389,9 @@ export function buildUsageData(sessionId) {
                     insights.push({
                         kind: "alarm",
                         stat: formatUsageCost(topModel.cost),
-                        headline: `${topModel.name} is the costliest model (${((topModel.cost / totalCost) * 100).toFixed(0)}% of total)`,
+                        // Model names can repeat across providers (e.g. deepseek-v4-
+                        // flash on several providers) - show provider/model.
+                        headline: `${top.name}/${topModel.name} is the costliest model (${((topModel.cost / totalCost) * 100).toFixed(0)}% of total)`,
                         advice: "Check whether its output quality justifies the price.",
                     });
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-sdk-web",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Browser Web access for Pi (AI coding agent) via the Pi SDK - standalone module, zero modification to Pi itself",
   "type": "module",
   "bin": {