dsh-tool-stats 0.2.1 → 0.3.0

package/lib/analyzer.d.ts

@@ -1,5 +1,13 @@
-import type { ToolCall, ToolCounter, DeadTool, FailingTool, Recommendation } from './types.js';
+import type { ToolCall, ToolCounter, DeadTool, FailingTool, Recommendation, DailyToolTrend, ToolDetail, Alert, ToolStatsOverview } from './types.js';
 export declare function aggregate(calls: ToolCall[]): Map<string, ToolCounter>;
 export declare function findDeadTools(configuredTools: string[], calls: ToolCall[], threshold?: number): DeadTool[];
 export declare function findFailingTools(calls: ToolCall[], threshold?: number): FailingTool[];
 export declare function recommend(configuredTools: string[], calls: ToolCall[], deadThreshold?: number, estimatedTokensPerTool?: number): Recommendation[];
+/** Build daily trend for a specific tool. */
+export declare function dailyTrend(calls: ToolCall[], toolName: string): DailyToolTrend[];
+/** Detailed view for a single tool. */
+export declare function toolDetail(calls: ToolCall[], toolName: string): ToolDetail | null;
+/** Generate alerts for failing tools. */
+export declare function generateAlerts(calls: ToolCall[], threshold?: number): Alert[];
+/** Compute overview stats. */
+export declare function overview(calls: ToolCall[]): ToolStatsOverview;

package/lib/analyzer.js

@@ -90,3 +90,78 @@ export function recommend(configuredTools, calls, deadThreshold = 10, estimatedT
     }
     return recs;
 }
+/** Build daily trend for a specific tool. */
+export function dailyTrend(calls, toolName) {
+    const toolCalls = calls.filter((c) => c.tool === toolName);
+    const byDay = new Map();
+    for (const c of toolCalls) {
+        const day = new Date(c.timestamp).toISOString().slice(0, 10);
+        const d = byDay.get(day) ?? { invocations: 0, failures: 0, totalLatency: 0 };
+        d.invocations++;
+        if (!c.success)
+            d.failures++;
+        d.totalLatency += c.latencyMs;
+        byDay.set(day, d);
+    }
+    return [...byDay.entries()]
+        .sort(([a], [b]) => a.localeCompare(b))
+        .map(([date, d]) => ({
+        date,
+        invocations: d.invocations,
+        failures: d.failures,
+        avgLatencyMs: Math.round(d.totalLatency / d.invocations),
+    }));
+}
+/** Detailed view for a single tool. */
+export function toolDetail(calls, toolName) {
+    const counters = aggregate(calls);
+    const counter = counters.get(toolName);
+    if (!counter)
+        return null;
+    const toolCalls = calls.filter((c) => c.tool === toolName);
+    const recentCalls = toolCalls.sort((a, b) => b.timestamp - a.timestamp).slice(0, 50);
+    const trend = dailyTrend(calls, toolName);
+    // Error breakdown
+    const errorCounts = new Map();
+    for (const c of toolCalls) {
+        if (!c.success && c.errorMessage) {
+            const msg = c.errorMessage.slice(0, 100);
+            errorCounts.set(msg, (errorCounts.get(msg) ?? 0) + 1);
+        }
+    }
+    const errorBreakdown = [...errorCounts.entries()]
+        .map(([message, count]) => ({ message, count }))
+        .sort((a, b) => b.count - a.count);
+    return { counter, recentCalls, trend, errorBreakdown };
+}
+/** Generate alerts for failing tools. */
+export function generateAlerts(calls, threshold = 0.5) {
+    const alerts = [];
+    const counters = aggregate(calls);
+    const now = Date.now();
+    for (const c of counters.values()) {
+        if (c.invocations >= 5 && c.failureRate >= threshold) {
+            alerts.push({
+                level: c.failureRate >= 0.8 ? 'error' : 'warn',
+                tool: c.tool,
+                message: `Failure rate ${Math.round(c.failureRate * 100)}% (${c.failures}/${c.invocations})`,
+                timestamp: now,
+            });
+        }
+    }
+    return alerts;
+}
+/** Compute overview stats. */
+export function overview(calls) {
+    const totalCalls = calls.length;
+    const totalFailures = calls.filter((c) => !c.success).length;
+    const sessions = new Set(calls.map((c) => c.sessionId));
+    const totalLatency = calls.reduce((s, c) => s + c.latencyMs, 0);
+    return {
+        totalCalls,
+        totalFailures,
+        overallFailureRate: totalCalls > 0 ? totalFailures / totalCalls : 0,
+        activeSessions: sessions.size,
+        avgLatencyMs: totalCalls > 0 ? Math.round(totalLatency / totalCalls) : 0,
+    };
+}

package/lib/client/locales.d.ts

@@ -24,6 +24,16 @@ export declare const zh: {
     loading: string;
     failed: string;
     retry: string;
+    totalCalls: string;
+    totalFailures: string;
+    sessions: string;
+    avgLatency: string;
+    export: string;
+    clear: string;
+    confirmClear: string;
+    errorBreakdown: string;
+    recentCalls: string;
+    sessionsUnused: string;
 };
 /** English dictionary, checked complete against the zh key set. */
 export declare const en: typeof zh;

package/lib/client/locales.js

@@ -24,6 +24,16 @@ export const zh = {
     'loading': '正在加载…',
     'failed': '加载失败',
     'retry': '重试',
+    'totalCalls': '总调用',
+    'totalFailures': '总失败',
+    'sessions': '会话数',
+    'avgLatency': '平均延迟',
+    'export': '导出 CSV',
+    'clear': '清空',
+    'confirmClear': '确定清空所有记录？',
+    'errorBreakdown': '错误分类',
+    'recentCalls': '最近调用',
+    'sessionsUnused': '会话未用',
 };
 /** English dictionary, checked complete against the zh key set. */
 export const en = {
@@ -40,4 +50,14 @@ export const en = {
     'loading': 'Loading…',
     'failed': 'Failed to load',
     'retry': 'Retry',
+    'totalCalls': 'Total Calls',
+    'totalFailures': 'Total Failures',
+    'sessions': 'Sessions',
+    'avgLatency': 'Avg Latency',
+    'export': 'Export CSV',
+    'clear': 'Clear',
+    'confirmClear': 'Clear all recorded data?',
+    'errorBreakdown': 'Error Breakdown',
+    'recentCalls': 'Recent Calls',
+    'sessionsUnused': 'sessions unused',
 };

package/lib/client/view.d.ts

@@ -9,17 +9,14 @@
  * @module client/view
  */
 import type { PanelPayload } from '../types.js';
-/** The translate seat the renderer binds from this plugin's locale namespace. */
 export type Translate = (key: string, params?: Record<string, unknown>) => string;
 export interface PanelProps {
-    /** Bound translate function for this plugin's namespace. */
     t: Translate;
 }
 interface PanelState {
     payload: PanelPayload | null;
     error: string | null;
 }
-/** Fetch the host panel payload; `reload` re-runs the request. */
 export declare function usePanel(): PanelState & {
     reload: () => void;
 };

package/lib/client/view.js

@@ -10,49 +10,87 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * @module client/view
  */
 import { useCallback, useEffect, useState } from 'react';
-/** Panel route registered by the host half on the web connection. */
-const PANEL_PATH = "/api/stats.panel";
-const wrap = { display: 'flex', flexDirection: 'column', gap: 12, maxWidth: 760, fontFamily: 'inherit' };
+const PANEL_PATH = '/api/stats.panel';
+const DETAIL_PATH = '/api/stats.detail';
+const EXPORT_PATH = '/api/stats.export';
+const CLEAR_PATH = '/api/stats.clear';
+const wrap = { display: 'flex', flexDirection: 'column', gap: 12, maxWidth: 820, fontFamily: 'inherit' };
 const head = { display: 'flex', alignItems: 'baseline', gap: 12, flexWrap: 'wrap' };
 const muted = { fontSize: 12, opacity: 0.75 };
 const table = { borderCollapse: 'collapse', width: '100%' };
 const th = { textAlign: 'left', padding: '4px 10px 4px 0', fontWeight: 600, fontSize: 12, opacity: 0.8, borderBottom: '0.5px solid rgba(128,128,128,0.4)' };
 const td = { padding: '6px 10px 6px 0', fontSize: 13, borderBottom: '0.5px solid rgba(128,128,128,0.18)' };
 const list = { margin: 0, paddingLeft: 18, fontSize: 13 };
-/** Fetch the host panel payload; `reload` re-runs the request. */
+const card = { padding: '8px 12px', borderRadius: 6, border: '1px solid rgba(128,128,128,0.2)', fontSize: 13 };
+const statBox = { ...card, flex: 1, minWidth: 100, textAlign: 'center' };
+const statRow = { display: 'flex', gap: 12, flexWrap: 'wrap' };
+const btn = { fontSize: 12, cursor: 'pointer', padding: '3px 10px', borderRadius: 4, border: '0.5px solid rgba(128,128,128,0.4)' };
+const dangerBtn = { ...btn, color: '#e55', borderColor: '#e55' };
+const alertCard = { ...card, display: 'flex', alignItems: 'center', gap: 8, marginTop: 4 };
+const preBlock = { whiteSpace: 'pre-wrap', wordBreak: 'break-word', fontSize: 11, maxHeight: 150, overflow: 'auto', padding: 6, borderRadius: 4, background: 'rgba(128,128,128,0.06)' };
+const clickRow = { cursor: 'pointer' };
 export function usePanel() {
     const [state, setState] = useState({ payload: null, error: null });
     const [tick, setTick] = useState(0);
-    const reload = useCallback(() => setTick((value) => value + 1), []);
+    const reload = useCallback(() => setTick((v) => v + 1), []);
     useEffect(() => {
-        const controller = new AbortController();
-        setState((previous) => ({ ...previous, error: null }));
-        fetch(PANEL_PATH, { signal: controller.signal })
-            .then(async (response) => {
-            if (!response.ok)
-                throw new Error(String(response.status));
-            return response.json();
-        })
-            .then((payload) => {
-            if (!controller.signal.aborted)
-                setState({ payload, error: null });
-        })
-            .catch((cause) => {
-            if (controller.signal.aborted)
-                return;
-            setState({ payload: null, error: cause instanceof Error ? cause.message : String(cause) });
-        });
-        return () => controller.abort();
+        const c = new AbortController();
+        setState((p) => ({ ...p, error: null }));
+        fetch(PANEL_PATH, { signal: c.signal })
+            .then(async (r) => { if (!r.ok)
+            throw new Error(String(r.status)); return r.json(); })
+            .then((payload) => { if (!c.signal.aborted)
+            setState({ payload, error: null }); })
+            .catch((e) => { if (!c.signal.aborted)
+            setState({ payload: null, error: e instanceof Error ? e.message : String(e) }); });
+        return () => c.abort();
     }, [tick]);
     return { ...state, reload };
 }
+// --- Alert banner ---
+function AlertBanner({ alerts, t }) {
+    if (alerts.length === 0)
+        return null;
+    return (_jsx("div", { children: alerts.map((a, i) => (_jsxs("div", { style: { ...alertCard, borderColor: a.level === 'error' ? '#e55' : '#ed0', background: a.level === 'error' ? 'rgba(255,80,80,0.06)' : 'rgba(255,200,0,0.06)' }, children: [_jsx("span", { style: { fontSize: 16 }, children: a.level === 'error' ? '🔴' : '🟡' }), _jsxs("span", { children: [_jsx("strong", { children: a.tool }), ": ", a.message] })] }, i))) }));
+}
+// --- Overview stats ---
+function Overview({ payload, t }) {
+    const o = payload.overview;
+    return (_jsxs("div", { style: statRow, children: [_jsxs("div", { style: statBox, children: [_jsx("div", { style: { fontSize: 18, fontWeight: 700 }, children: o.totalCalls }), _jsx("div", { style: muted, children: t('totalCalls') })] }), _jsxs("div", { style: statBox, children: [_jsx("div", { style: { fontSize: 18, fontWeight: 700, color: o.totalFailures > 0 ? '#e55' : undefined }, children: o.totalFailures }), _jsx("div", { style: muted, children: t('totalFailures') })] }), _jsxs("div", { style: statBox, children: [_jsxs("div", { style: { fontSize: 18, fontWeight: 700 }, children: [Math.round(o.overallFailureRate * 100), "%"] }), _jsx("div", { style: muted, children: t('failRate') })] }), _jsxs("div", { style: statBox, children: [_jsx("div", { style: { fontSize: 18, fontWeight: 700 }, children: o.activeSessions }), _jsx("div", { style: muted, children: t('sessions') })] }), _jsxs("div", { style: statBox, children: [_jsxs("div", { style: { fontSize: 18, fontWeight: 700 }, children: [o.avgLatencyMs, "ms"] }), _jsx("div", { style: muted, children: t('avgLatency') })] })] }));
+}
+// --- Tool detail expansion ---
+function ToolDetailRow({ tool, t }) {
+    const [detail, setDetail] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const toggle = useCallback(async () => {
+        if (detail) {
+            setDetail(null);
+            return;
+        }
+        setLoading(true);
+        try {
+            const r = await fetch(`${DETAIL_PATH}?tool=${encodeURIComponent(tool)}`);
+            if (r.ok)
+                setDetail(await r.json());
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [detail, tool]);
+    return (_jsxs(_Fragment, { children: [_jsx("tr", { style: clickRow, onClick: toggle, children: _jsx("td", { style: td, children: loading ? '…' : detail ? '▼' : '▶' }) }), detail && (_jsx("tr", { children: _jsx("td", { colSpan: 6, style: { padding: '4px 0' }, children: _jsxs("div", { style: card, children: [detail.errorBreakdown.length > 0 && (_jsxs("div", { style: { marginBottom: 8 }, children: [_jsx("strong", { style: { fontSize: 12 }, children: t('errorBreakdown') }), detail.errorBreakdown.map((e, i) => (_jsxs("div", { style: { ...preBlock, marginTop: 4 }, children: [_jsxs("span", { style: { color: '#e55', fontWeight: 600 }, children: ["\u00D7", e.count] }), " ", e.message] }, i)))] })), _jsx("strong", { style: { fontSize: 12 }, children: t('recentCalls') }), _jsx("table", { style: { ...table, marginTop: 4 }, children: _jsx("tbody", { children: detail.recentCalls.slice(0, 10).map((c, i) => (_jsxs("tr", { children: [_jsx("td", { style: td, children: c.success ? '✓' : '✗' }), _jsxs("td", { style: td, children: [c.latencyMs, "ms"] }), _jsx("td", { style: td, children: new Date(c.timestamp).toLocaleTimeString() }), _jsx("td", { style: { ...td, fontSize: 10, opacity: 0.7 }, children: c.errorMessage?.slice(0, 60) })] }, i))) }) })] }) }) }))] }));
+}
 export function ToolStatsPanel({ t }) {
     const { payload, error, reload } = usePanel();
-    const header = (_jsxs("header", { style: head, children: [_jsx("strong", { style: { fontSize: 13 }, children: t('title') }), _jsx("span", { style: { flex: 1 } }), _jsx("button", { type: "button", onClick: reload, style: { fontSize: 12 }, children: t('refresh') })] }));
+    const handleClear = useCallback(() => {
+        if (!confirm(t('confirmClear')))
+            return;
+        fetch(CLEAR_PATH, { method: 'POST' }).then(() => reload()).catch(() => { });
+    }, [t, reload]);
+    const header = (_jsxs("header", { style: head, children: [_jsx("strong", { style: { fontSize: 13 }, children: t('title') }), _jsx("span", { style: { flex: 1 } }), _jsx("a", { href: EXPORT_PATH, download: true, style: { ...btn, textDecoration: 'none', color: 'inherit' }, children: t('export') }), _jsx("button", { type: "button", style: dangerBtn, onClick: handleClear, children: t('clear') }), _jsx("button", { type: "button", style: btn, onClick: reload, children: t('refresh') })] }));
     if (error !== null) {
-        return (_jsxs("div", { style: wrap, children: [header, _jsxs("p", { role: "alert", style: { margin: 0, fontSize: 13 }, children: [t('failed'), ": ", error] }), _jsx("button", { type: "button", onClick: reload, style: { alignSelf: 'flex-start', fontSize: 12 }, children: t('retry') })] }));
+        return (_jsxs("div", { style: wrap, children: [header, _jsxs("p", { role: "alert", style: { margin: 0, fontSize: 13 }, children: [t('failed'), ": ", error] }), _jsx("button", { type: "button", onClick: reload, style: { ...btn, alignSelf: 'flex-start' }, children: t('retry') })] }));
     }
     if (payload === null)
         return _jsx("p", { style: muted, "aria-live": "polite", children: t('loading') });
-    return (_jsxs("div", { style: wrap, children: [header, payload.tools.length === 0 ? (_jsx("p", { style: { margin: 0, fontSize: 13, opacity: 0.8 }, children: t('empty') })) : (_jsxs("table", { style: table, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: th, children: t('tool') }), _jsx("th", { style: th, children: t('calls') }), _jsx("th", { style: th, children: t('failRate') }), _jsx("th", { style: th, children: "p50" }), _jsx("th", { style: th, children: "p95" })] }) }), _jsx("tbody", { children: payload.tools.map((row) => (_jsxs("tr", { children: [_jsx("td", { style: td, children: _jsx("code", { style: { fontSize: 11 }, children: row.tool }) }), _jsx("td", { style: td, children: row.invocations }), _jsxs("td", { style: td, children: [Math.round(row.failureRate * 100), "%"] }), _jsxs("td", { style: td, children: [row.p50Latency, "ms"] }), _jsxs("td", { style: td, children: [row.p95Latency, "ms"] })] }, row.tool))) })] })), payload.deadTools.length > 0 && (_jsxs(_Fragment, { children: [_jsx("strong", { style: { fontSize: 13 }, children: t('deadTools') }), _jsx("ul", { style: list, children: payload.deadTools.map((row) => _jsx("li", { children: _jsx("code", { style: { fontSize: 11 }, children: row.tool }) }, row.tool)) })] })), payload.failingTools.length > 0 && (_jsxs(_Fragment, { children: [_jsx("strong", { style: { fontSize: 13 }, children: t('failingTools') }), _jsx("ul", { style: list, children: payload.failingTools.map((row) => (_jsxs("li", { children: [_jsx("code", { style: { fontSize: 11 }, children: row.tool }), " \u00B7 ", Math.round(row.failureRate * 100), "%"] }, row.tool))) })] })), payload.recommendations.length > 0 && (_jsxs(_Fragment, { children: [_jsx("strong", { style: { fontSize: 13 }, children: t('recommendations') }), _jsx("ul", { style: list, children: payload.recommendations.map((row, index) => _jsx("li", { children: row.message }, index)) })] }))] }));
+    return (_jsxs("div", { style: wrap, children: [header, _jsx(AlertBanner, { alerts: payload.alerts, t: t }), _jsx(Overview, { payload: payload, t: t }), payload.tools.length === 0 ? (_jsx("p", { style: { margin: 0, fontSize: 13, opacity: 0.8 }, children: t('empty') })) : (_jsxs("table", { style: table, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: th }), _jsx("th", { style: th, children: t('tool') }), _jsx("th", { style: th, children: t('calls') }), _jsx("th", { style: th, children: t('failRate') }), _jsx("th", { style: th, children: "p50" }), _jsx("th", { style: th, children: "p95" })] }) }), _jsx("tbody", { children: payload.tools.map((row) => (_jsx(_Fragment, { children: _jsxs("tr", { style: clickRow, onClick: () => { }, children: [_jsx("td", { style: td, children: _jsx(ToolDetailRow, { tool: row.tool, t: t }) }), _jsx("td", { style: td, children: _jsx("code", { style: { fontSize: 11 }, children: row.tool }) }), _jsx("td", { style: td, children: row.invocations }), _jsxs("td", { style: { ...td, color: row.failureRate > 0.3 ? '#e55' : undefined }, children: [Math.round(row.failureRate * 100), "%"] }), _jsxs("td", { style: td, children: [row.p50Latency, "ms"] }), _jsxs("td", { style: td, children: [row.p95Latency, "ms"] })] }, row.tool) }))) })] })), payload.deadTools.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("strong", { style: { fontSize: 13 }, children: ["\uD83D\uDC80 ", t('deadTools')] }), _jsx("ul", { style: list, children: payload.deadTools.map((row) => _jsxs("li", { children: [_jsx("code", { style: { fontSize: 11 }, children: row.tool }), " \u2014 ", row.sessionsSinceLastUse, " ", t('sessionsUnused')] }, row.tool)) })] })), payload.failingTools.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("strong", { style: { fontSize: 13 }, children: ["\u26A0\uFE0F ", t('failingTools')] }), _jsx("ul", { style: list, children: payload.failingTools.map((row) => (_jsxs("li", { children: [_jsx("code", { style: { fontSize: 11 }, children: row.tool }), " \u00B7 ", Math.round(row.failureRate * 100), "%", row.lastError ? ` — ${row.lastError.slice(0, 60)}` : ''] }, row.tool))) })] })), payload.recommendations.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("strong", { style: { fontSize: 13 }, children: ["\uD83D\uDCA1 ", t('recommendations')] }), _jsx("ul", { style: list, children: payload.recommendations.map((row, i) => _jsx("li", { children: row.message }, i)) })] }))] }));
 }

package/lib/index.d.ts

@@ -11,5 +11,12 @@ export interface StatsService {
         errorMessage?: string;
     }): void;
     summary(configuredTools?: string[]): ReturnType<ToolStats['summary']>;
+    query(range?: {
+        from?: number | undefined;
+        to?: number | undefined;
+    }, configuredTools?: string[]): ReturnType<ToolStats['summary']>;
+    detail(toolName: string): ReturnType<ToolStats['detail']>;
+    exportCSV(): string;
+    clearData(): void;
 }
 export declare function apply(ctx: Context): void;

package/lib/index.js

@@ -8,6 +8,10 @@ export function apply(ctx) {
     const service = {
         record: (call) => stats.record(call),
         summary: (configuredTools) => stats.summary(configuredTools ?? []),
+        query: (range, configuredTools) => stats.query(range, configuredTools ?? []),
+        detail: (toolName) => stats.detail(toolName),
+        exportCSV: () => stats.exportCSV(),
+        clearData: () => stats.clearData(),
     };
     ctx.provide('toolStats', service);
     registerStatsRoutes(ctx, service);

package/lib/routes.d.ts

@@ -2,4 +2,7 @@ import type { Context } from '@deepseek-ai/cordis';
 import type { StatsService } from './index.js';
 import { STATS_PANEL_PATH } from './stats.js';
 export { STATS_PANEL_PATH };
+export declare const STATS_DETAIL_PATH = "/api/stats.detail";
+export declare const STATS_EXPORT_PATH = "/api/stats.export";
+export declare const STATS_CLEAR_PATH = "/api/stats.clear";
 export declare function registerStatsRoutes(ctx: Context, stats: StatsService): void;

package/lib/routes.js

@@ -1,15 +1,63 @@
 import { STATS_PANEL_PATH } from './stats.js';
 export { STATS_PANEL_PATH };
+export const STATS_DETAIL_PATH = '/api/stats.detail';
+export const STATS_EXPORT_PATH = '/api/stats.export';
+export const STATS_CLEAR_PATH = '/api/stats.clear';
 export function registerStatsRoutes(ctx, stats) {
     ctx.inject(['connection'], (connectionCtx) => {
         const connection = connectionCtx.connection;
+        // Panel overview
         connection.fetch.register({
             path: STATS_PANEL_PATH,
             methods: ['GET'],
             requestBody: 'buffered',
-            fetch: () => Promise.resolve(Response.json(stats.summary(), {
-                headers: { 'cache-control': 'no-store' },
-            })),
+            fetch: (req) => {
+                const url = new URL(req.url, 'http://localhost');
+                const from = url.searchParams.get('from');
+                const to = url.searchParams.get('to');
+                const range = (from || to) ? { from: from ? Number(from) : undefined, to: to ? Number(to) : undefined } : undefined;
+                return Promise.resolve(Response.json(range ? stats.query(range) : stats.summary(), {
+                    headers: { 'cache-control': 'no-store' },
+                }));
+            },
+        });
+        // Tool detail
+        connection.fetch.register({
+            path: STATS_DETAIL_PATH,
+            methods: ['GET'],
+            requestBody: 'buffered',
+            fetch: (req) => {
+                const url = new URL(req.url, 'http://localhost');
+                const tool = url.searchParams.get('tool');
+                if (!tool)
+                    return Promise.resolve(Response.json({ error: 'tool required' }, { status: 400 }));
+                const detail = stats.detail(tool);
+                if (!detail)
+                    return Promise.resolve(Response.json({ error: 'not found' }, { status: 404 }));
+                return Promise.resolve(Response.json(detail, { headers: { 'cache-control': 'no-store' } }));
+            },
+        });
+        // Export CSV
+        connection.fetch.register({
+            path: STATS_EXPORT_PATH,
+            methods: ['GET'],
+            requestBody: 'buffered',
+            fetch: () => {
+                const csv = stats.exportCSV();
+                return Promise.resolve(new Response(csv, {
+                    headers: { 'content-type': 'text/csv', 'content-disposition': 'attachment; filename=tool-stats.csv' },
+                }));
+            },
+        });
+        // Clear data
+        connection.fetch.register({
+            path: STATS_CLEAR_PATH,
+            methods: ['POST'],
+            requestBody: 'buffered',
+            fetch: () => {
+                stats.clearData();
+                return Promise.resolve(Response.json({ ok: true }));
+            },
         });
     });
 }

package/lib/stats.d.ts

@@ -1,4 +1,4 @@
-import type { ToolCall, PanelPayload } from './types.js';
+import type { ToolCall, PanelPayload, ToolDetail, TimeRange } from './types.js';
 export declare const STATS_PANEL_PATH = "/api/stats.panel";
 export declare class ToolStats {
     private projectDir;
@@ -6,4 +6,12 @@ export declare class ToolStats {
     constructor(projectDir: string);
     record(call: ToolCall): void;
     summary(configuredTools?: string[]): PanelPayload;
+    /** Query calls with optional time range. */
+    query(range?: TimeRange, configuredTools?: string[]): PanelPayload;
+    /** Get detailed stats for one tool. */
+    detail(toolName: string): ToolDetail | null;
+    /** Export all calls as CSV. */
+    exportCSV(): string;
+    /** Clear all recorded data. */
+    clearData(): void;
 }

package/lib/stats.js

@@ -1,5 +1,5 @@
 import { StatsStore } from './store.js';
-import { aggregate, findDeadTools, findFailingTools, recommend } from './analyzer.js';
+import { aggregate, findDeadTools, findFailingTools, recommend, toolDetail, generateAlerts, overview } from './analyzer.js';
 export const STATS_PANEL_PATH = '/api/stats.panel';
 export class ToolStats {
     projectDir;
@@ -20,6 +20,38 @@ export class ToolStats {
             deadTools: findDeadTools(configuredTools, calls),
             failingTools: findFailingTools(calls),
             recommendations: recommend(configuredTools, calls),
+            overview: overview(calls),
+            alerts: generateAlerts(calls),
         };
     }
+    /** Query calls with optional time range. */
+    query(range, configuredTools = []) {
+        const calls = this.store.query(range?.from, range?.to);
+        const counters = aggregate(calls);
+        const tools = [...counters.values()].sort((a, b) => b.invocations - a.invocations);
+        return {
+            tools,
+            deadTools: findDeadTools(configuredTools, calls),
+            failingTools: findFailingTools(calls),
+            recommendations: recommend(configuredTools, calls),
+            overview: overview(calls),
+            alerts: generateAlerts(calls),
+        };
+    }
+    /** Get detailed stats for one tool. */
+    detail(toolName) {
+        const calls = this.store.readAll();
+        return toolDetail(calls, toolName);
+    }
+    /** Export all calls as CSV. */
+    exportCSV() {
+        const calls = this.store.readAll();
+        const header = 'tool,timestamp,success,latencyMs,sessionId,errorMessage';
+        const rows = calls.map((c) => [c.tool, c.timestamp, c.success, c.latencyMs, c.sessionId, c.errorMessage ?? ''].join(','));
+        return [header, ...rows].join('\n');
+    }
+    /** Clear all recorded data. */
+    clearData() {
+        this.store.clear();
+    }
 }

package/lib/stats.web.js

@@ -42,7 +42,17 @@ var zh = {
   "refresh": "\u5237\u65B0",
   "loading": "\u6B63\u5728\u52A0\u8F7D\u2026",
   "failed": "\u52A0\u8F7D\u5931\u8D25",
-  "retry": "\u91CD\u8BD5"
+  "retry": "\u91CD\u8BD5",
+  "totalCalls": "\u603B\u8C03\u7528",
+  "totalFailures": "\u603B\u5931\u8D25",
+  "sessions": "\u4F1A\u8BDD\u6570",
+  "avgLatency": "\u5E73\u5747\u5EF6\u8FDF",
+  "export": "\u5BFC\u51FA CSV",
+  "clear": "\u6E05\u7A7A",
+  "confirmClear": "\u786E\u5B9A\u6E05\u7A7A\u6240\u6709\u8BB0\u5F55\uFF1F",
+  "errorBreakdown": "\u9519\u8BEF\u5206\u7C7B",
+  "recentCalls": "\u6700\u8FD1\u8C03\u7528",
+  "sessionsUnused": "\u4F1A\u8BDD\u672A\u7528"
 };
 var en = {
   "nav": "Tool Stats",
@@ -57,46 +67,158 @@ var en = {
   "refresh": "Refresh",
   "loading": "Loading\u2026",
   "failed": "Failed to load",
-  "retry": "Retry"
+  "retry": "Retry",
+  "totalCalls": "Total Calls",
+  "totalFailures": "Total Failures",
+  "sessions": "Sessions",
+  "avgLatency": "Avg Latency",
+  "export": "Export CSV",
+  "clear": "Clear",
+  "confirmClear": "Clear all recorded data?",
+  "errorBreakdown": "Error Breakdown",
+  "recentCalls": "Recent Calls",
+  "sessionsUnused": "sessions unused"
 };
 
 // src/client/view.tsx
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var PANEL_PATH = "/api/stats.panel";
-var wrap = { display: "flex", flexDirection: "column", gap: 12, maxWidth: 760, fontFamily: "inherit" };
+var DETAIL_PATH = "/api/stats.detail";
+var EXPORT_PATH = "/api/stats.export";
+var CLEAR_PATH = "/api/stats.clear";
+var wrap = { display: "flex", flexDirection: "column", gap: 12, maxWidth: 820, fontFamily: "inherit" };
 var head = { display: "flex", alignItems: "baseline", gap: 12, flexWrap: "wrap" };
 var muted = { fontSize: 12, opacity: 0.75 };
 var table = { borderCollapse: "collapse", width: "100%" };
 var th = { textAlign: "left", padding: "4px 10px 4px 0", fontWeight: 600, fontSize: 12, opacity: 0.8, borderBottom: "0.5px solid rgba(128,128,128,0.4)" };
 var td = { padding: "6px 10px 6px 0", fontSize: 13, borderBottom: "0.5px solid rgba(128,128,128,0.18)" };
 var list = { margin: 0, paddingLeft: 18, fontSize: 13 };
+var card = { padding: "8px 12px", borderRadius: 6, border: "1px solid rgba(128,128,128,0.2)", fontSize: 13 };
+var statBox = { ...card, flex: 1, minWidth: 100, textAlign: "center" };
+var statRow = { display: "flex", gap: 12, flexWrap: "wrap" };
+var btn = { fontSize: 12, cursor: "pointer", padding: "3px 10px", borderRadius: 4, border: "0.5px solid rgba(128,128,128,0.4)" };
+var dangerBtn = { ...btn, color: "#e55", borderColor: "#e55" };
+var alertCard = { ...card, display: "flex", alignItems: "center", gap: 8, marginTop: 4 };
+var preBlock = { whiteSpace: "pre-wrap", wordBreak: "break-word", fontSize: 11, maxHeight: 150, overflow: "auto", padding: 6, borderRadius: 4, background: "rgba(128,128,128,0.06)" };
+var clickRow = { cursor: "pointer" };
 function usePanel() {
   const [state, setState] = (0, import_react.useState)({ payload: null, error: null });
   const [tick, setTick] = (0, import_react.useState)(0);
-  const reload = (0, import_react.useCallback)(() => setTick((value) => value + 1), []);
+  const reload = (0, import_react.useCallback)(() => setTick((v) => v + 1), []);
   (0, import_react.useEffect)(() => {
-    const controller = new AbortController();
-    setState((previous) => ({ ...previous, error: null }));
-    fetch(PANEL_PATH, { signal: controller.signal }).then(async (response) => {
-      if (!response.ok) throw new Error(String(response.status));
-      return response.json();
+    const c = new AbortController();
+    setState((p) => ({ ...p, error: null }));
+    fetch(PANEL_PATH, { signal: c.signal }).then(async (r) => {
+      if (!r.ok) throw new Error(String(r.status));
+      return r.json();
     }).then((payload) => {
-      if (!controller.signal.aborted) setState({ payload, error: null });
-    }).catch((cause) => {
-      if (controller.signal.aborted) return;
-      setState({ payload: null, error: cause instanceof Error ? cause.message : String(cause) });
+      if (!c.signal.aborted) setState({ payload, error: null });
+    }).catch((e) => {
+      if (!c.signal.aborted) setState({ payload: null, error: e instanceof Error ? e.message : String(e) });
     });
-    return () => controller.abort();
+    return () => c.abort();
   }, [tick]);
   return { ...state, reload };
 }
+function AlertBanner({ alerts, t }) {
+  if (alerts.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: alerts.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { ...alertCard, borderColor: a.level === "error" ? "#e55" : "#ed0", background: a.level === "error" ? "rgba(255,80,80,0.06)" : "rgba(255,200,0,0.06)" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 16 }, children: a.level === "error" ? "\u{1F534}" : "\u{1F7E1}" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: a.tool }),
+      ": ",
+      a.message
+    ] })
+  ] }, i)) });
+}
+function Overview({ payload, t }) {
+  const o = payload.overview;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statRow, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statBox, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 18, fontWeight: 700 }, children: o.totalCalls }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: muted, children: t("totalCalls") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statBox, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 18, fontWeight: 700, color: o.totalFailures > 0 ? "#e55" : void 0 }, children: o.totalFailures }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: muted, children: t("totalFailures") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statBox, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { fontSize: 18, fontWeight: 700 }, children: [
+        Math.round(o.overallFailureRate * 100),
+        "%"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: muted, children: t("failRate") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statBox, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 18, fontWeight: 700 }, children: o.activeSessions }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: muted, children: t("sessions") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statBox, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { fontSize: 18, fontWeight: 700 }, children: [
+        o.avgLatencyMs,
+        "ms"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: muted, children: t("avgLatency") })
+    ] })
+  ] });
+}
+function ToolDetailRow({ tool, t }) {
+  const [detail, setDetail] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const toggle = (0, import_react.useCallback)(async () => {
+    if (detail) {
+      setDetail(null);
+      return;
+    }
+    setLoading(true);
+    try {
+      const r = await fetch(`${DETAIL_PATH}?tool=${encodeURIComponent(tool)}`);
+      if (r.ok) setDetail(await r.json());
+    } finally {
+      setLoading(false);
+    }
+  }, [detail, tool]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { style: clickRow, onClick: toggle, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: loading ? "\u2026" : detail ? "\u25BC" : "\u25B6" }) }),
+    detail && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { colSpan: 6, style: { padding: "4px 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: card, children: [
+      detail.errorBreakdown.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: 8 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { style: { fontSize: 12 }, children: t("errorBreakdown") }),
+        detail.errorBreakdown.map((e, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { ...preBlock, marginTop: 4 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { color: "#e55", fontWeight: 600 }, children: [
+            "\xD7",
+            e.count
+          ] }),
+          " ",
+          e.message
+        ] }, i))
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { style: { fontSize: 12 }, children: t("recentCalls") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", { style: { ...table, marginTop: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: detail.recentCalls.slice(0, 10).map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: c.success ? "\u2713" : "\u2717" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { style: td, children: [
+          c.latencyMs,
+          "ms"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: new Date(c.timestamp).toLocaleTimeString() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: { ...td, fontSize: 10, opacity: 0.7 }, children: c.errorMessage?.slice(0, 60) })
+      ] }, i)) }) })
+    ] }) }) })
+  ] });
+}
 function ToolStatsPanel({ t }) {
   const { payload, error, reload } = usePanel();
+  const handleClear = (0, import_react.useCallback)(() => {
+    if (!confirm(t("confirmClear"))) return;
+    fetch(CLEAR_PATH, { method: "POST" }).then(() => reload()).catch(() => {
+    });
+  }, [t, reload]);
   const header = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { style: head, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { style: { fontSize: 13 }, children: t("title") }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { flex: 1 } }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: reload, style: { fontSize: 12 }, children: t("refresh") })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: EXPORT_PATH, download: true, style: { ...btn, textDecoration: "none", color: "inherit" }, children: t("export") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", style: dangerBtn, onClick: handleClear, children: t("clear") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", style: btn, onClick: reload, children: t("refresh") })
   ] });
   if (error !== null) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: wrap, children: [
@@ -106,24 +228,29 @@ function ToolStatsPanel({ t }) {
         ": ",
         error
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: reload, style: { alignSelf: "flex-start", fontSize: 12 }, children: t("retry") })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: reload, style: { ...btn, alignSelf: "flex-start" }, children: t("retry") })
     ] });
   }
   if (payload === null) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: muted, "aria-live": "polite", children: t("loading") });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: wrap, children: [
     header,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertBanner, { alerts: payload.alerts, t }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Overview, { payload, t }),
     payload.tools.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { margin: 0, fontSize: 13, opacity: 0.8 }, children: t("empty") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { style: table, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("tool") }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("calls") }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: t("failRate") }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: "p50" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: th, children: "p95" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: payload.tools.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: payload.tools.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { style: clickRow, onClick: () => {
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolDetailRow, { tool: row.tool, t }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: { fontSize: 11 }, children: row.tool }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { style: td, children: row.invocations }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { style: td, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { style: { ...td, color: row.failureRate > 0.3 ? "#e55" : void 0 }, children: [
           Math.round(row.failureRate * 100),
           "%"
         ] }),
@@ -135,24 +262,40 @@ function ToolStatsPanel({ t }) {
           row.p95Latency,
           "ms"
         ] })
-      ] }, row.tool)) })
+      ] }, row.tool) })) })
     ] }),
     payload.deadTools.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { style: { fontSize: 13 }, children: t("deadTools") }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { style: list, children: payload.deadTools.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: { fontSize: 11 }, children: row.tool }) }, row.tool)) })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { style: { fontSize: 13 }, children: [
+        "\u{1F480} ",
+        t("deadTools")
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { style: list, children: payload.deadTools.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: { fontSize: 11 }, children: row.tool }),
+        " \u2014 ",
+        row.sessionsSinceLastUse,
+        " ",
+        t("sessionsUnused")
+      ] }, row.tool)) })
     ] }),
     payload.failingTools.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { style: { fontSize: 13 }, children: t("failingTools") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { style: { fontSize: 13 }, children: [
+        "\u26A0\uFE0F ",
+        t("failingTools")
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { style: list, children: payload.failingTools.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: { fontSize: 11 }, children: row.tool }),
         " \xB7 ",
         Math.round(row.failureRate * 100),
-        "%"
+        "%",
+        row.lastError ? ` \u2014 ${row.lastError.slice(0, 60)}` : ""
       ] }, row.tool)) })
     ] }),
     payload.recommendations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { style: { fontSize: 13 }, children: t("recommendations") }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { style: list, children: payload.recommendations.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: row.message }, index)) })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { style: { fontSize: 13 }, children: [
+        "\u{1F4A1} ",
+        t("recommendations")
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { style: list, children: payload.recommendations.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: row.message }, i)) })
     ] })
   ] });
 }

package/lib/stats.web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/client/index.tsx", "../src/client/locales.ts", "../src/client/view.tsx"],
-  "sourcesContent": ["/**\n * Browser half of dsh-tool-stats: its page inside Settings.\n *\n * Two services are injected by their runtime identity, not by the packages that provide\n * them: the settings shell is `slots`, the dictionary registry is `locale`. The label and\n * every string inside the component are translated through this plugin's own namespace,\n * which is why the page follows the UI language instead of the plugin author's.\n *\n * @module client\n */\n\nimport type { ComponentType } from 'react'\n\nimport { NS, en, zh } from './locales.js'\nimport { ToolStatsPanel } from './view.js'\n\nexport const inject = ['slots', 'locale']\n\ninterface SlotsService {\n  inject(name: string, register: () => void): void\n  register(\n    options: { name: string; id: string; order: number; label: () => string; locale: string },\n    component: ComponentType<{ t: (key: string, params?: Record<string, unknown>) => string }>,\n  ): unknown\n}\n\ninterface ClientContext {\n  slots: SlotsService\n  locale: {\n    register(ns: string, dicts: { zh: unknown; en: unknown }): () => void\n    bind(ns: string): (key: string, params?: Record<string, unknown>) => string\n  }\n  effect(callback: () => unknown, label?: string): unknown\n}\n\nexport function apply(ctx: ClientContext): void {\n  // `zh` is the key-set source of truth, matching the official client plugins.\n  ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'dsh-tool-stats: dictionaries')\n\n  ctx.slots.inject('settings.section', () => ctx.slots.register(\n    {\n      name: 'settings.section',\n      id: 'tool-stats',\n      order: 43,\n      label: () => ctx.locale.bind(NS)('nav'),\n      locale: NS,\n    },\n    ToolStatsPanel,\n  ))\n}\n", "/**\n * Dictionaries for the Tool Stats page.\n *\n * `zh` is the key-set source of truth, as in the official client plugins, and `en` is\n * typed against it: a key translated in one language but not the other fails the build\n * instead of silently rendering the raw key.\n *\n * @module client/locales\n */\n\n/** Dictionary namespace owned by this plugin. */\nexport const NS = 'toolStats'\n\n/** Simplified Chinese dictionary (the key-set source of truth). */\nexport const zh = {\n  'nav': '\u5DE5\u5177\u7EDF\u8BA1',\n  'title': '\u5DE5\u5177\u7EDF\u8BA1',\n  'tool': '\u5DE5\u5177',\n  'calls': '\u8C03\u7528\u6B21\u6570',\n  'failRate': '\u5931\u8D25\u7387',\n  'deadTools': '\u4ECE\u672A\u8C03\u7528\u7684\u5DE5\u5177',\n  'failingTools': '\u9AD8\u5931\u8D25\u7387\u5DE5\u5177',\n  'recommendations': '\u5EFA\u8BAE',\n  'empty': '\u8FD8\u6CA1\u6709\u8BB0\u5F55\u5230\u5DE5\u5177\u8C03\u7528\u3002',\n  'refresh': '\u5237\u65B0',\n  'loading': '\u6B63\u5728\u52A0\u8F7D\u2026',\n  'failed': '\u52A0\u8F7D\u5931\u8D25',\n  'retry': '\u91CD\u8BD5',\n}\n\n/** English dictionary, checked complete against the zh key set. */\nexport const en: typeof zh = {\n  'nav': 'Tool Stats',\n  'title': 'Tool Stats',\n  'tool': 'Tool',\n  'calls': 'Calls',\n  'failRate': 'Failure',\n  'deadTools': 'Dead tools',\n  'failingTools': 'Failing tools',\n  'recommendations': 'Recommendations',\n  'empty': 'No tool calls recorded yet.',\n  'refresh': 'Refresh',\n  'loading': 'Loading\u2026',\n  'failed': 'Failed to load',\n  'retry': 'Retry',\n}\n", "/**\n * Pure rendering half of the toolStats page.\n *\n * Separate from `index.tsx` so a static render can assert in Node what the page draws \u2014\n * the shipped bundle is a loader factory only a browser can run. Every user-visible\n * string comes from the `t` seat the renderer binds from this plugin's namespace, so the\n * page follows the UI language; no copy is hardcoded here.\n *\n * @module client/view\n */\n\nimport { useCallback, useEffect, useState } from 'react'\nimport type { CSSProperties } from 'react'\n\nimport type { PanelPayload } from '../types.js'\n\n/** The translate seat the renderer binds from this plugin's locale namespace. */\nexport type Translate = (key: string, params?: Record<string, unknown>) => string\n\nexport interface PanelProps {\n  /** Bound translate function for this plugin's namespace. */\n  t: Translate\n}\n\n/** Panel route registered by the host half on the web connection. */\nconst PANEL_PATH = \"/api/stats.panel\"\n\nconst wrap: CSSProperties = { display: 'flex', flexDirection: 'column', gap: 12, maxWidth: 760, fontFamily: 'inherit' }\nconst head: CSSProperties = { display: 'flex', alignItems: 'baseline', gap: 12, flexWrap: 'wrap' }\nconst muted: CSSProperties = { fontSize: 12, opacity: 0.75 }\nconst table: CSSProperties = { borderCollapse: 'collapse', width: '100%' }\nconst th: CSSProperties = { textAlign: 'left', padding: '4px 10px 4px 0', fontWeight: 600, fontSize: 12, opacity: 0.8, borderBottom: '0.5px solid rgba(128,128,128,0.4)' }\nconst td: CSSProperties = { padding: '6px 10px 6px 0', fontSize: 13, borderBottom: '0.5px solid rgba(128,128,128,0.18)' }\nconst list: CSSProperties = { margin: 0, paddingLeft: 18, fontSize: 13 }\n\ninterface PanelState {\n  payload: PanelPayload | null\n  error: string | null\n}\n\n/** Fetch the host panel payload; `reload` re-runs the request. */\nexport function usePanel(): PanelState & { reload: () => void } {\n  const [state, setState] = useState<PanelState>({ payload: null, error: null })\n  const [tick, setTick] = useState(0)\n  const reload = useCallback(() => setTick((value) => value + 1), [])\n\n  useEffect(() => {\n    const controller = new AbortController()\n    setState((previous) => ({ ...previous, error: null }))\n    fetch(PANEL_PATH, { signal: controller.signal })\n      .then(async (response) => {\n        if (!response.ok) throw new Error(String(response.status))\n        return response.json() as Promise<PanelPayload>\n      })\n      .then((payload) => {\n        if (!controller.signal.aborted) setState({ payload, error: null })\n      })\n      .catch((cause: unknown) => {\n        if (controller.signal.aborted) return\n        setState({ payload: null, error: cause instanceof Error ? cause.message : String(cause) })\n      })\n    return () => controller.abort()\n  }, [tick])\n\n  return { ...state, reload }\n}\n\nexport function ToolStatsPanel({ t }: PanelProps) {\n  const { payload, error, reload } = usePanel()\n  const header = (\n    <header style={head}>\n      <strong style={{ fontSize: 13 }}>{t('title')}</strong>\n      <span style={{ flex: 1 }} />\n      <button type=\"button\" onClick={reload} style={{ fontSize: 12 }}>{t('refresh')}</button>\n    </header>\n  )\n  if (error !== null) {\n    return (\n      <div style={wrap}>\n        {header}\n        <p role=\"alert\" style={{ margin: 0, fontSize: 13 }}>{t('failed')}: {error}</p>\n        <button type=\"button\" onClick={reload} style={{ alignSelf: 'flex-start', fontSize: 12 }}>{t('retry')}</button>\n      </div>\n    )\n  }\n  if (payload === null) return <p style={muted} aria-live=\"polite\">{t('loading')}</p>\n  return (\n    <div style={wrap}>\n      {header}\n      {payload.tools.length === 0 ? (\n        <p style={{ margin: 0, fontSize: 13, opacity: 0.8 }}>{t('empty')}</p>\n      ) : (\n        <table style={table}>\n          <thead>\n            <tr>\n              <th style={th}>{t('tool')}</th><th style={th}>{t('calls')}</th>\n              <th style={th}>{t('failRate')}</th><th style={th}>p50</th><th style={th}>p95</th>\n            </tr>\n          </thead>\n          <tbody>\n            {payload.tools.map((row) => (\n              <tr key={row.tool}>\n                <td style={td}><code style={{ fontSize: 11 }}>{row.tool}</code></td>\n                <td style={td}>{row.invocations}</td>\n                <td style={td}>{Math.round(row.failureRate * 100)}%</td>\n                <td style={td}>{row.p50Latency}ms</td>\n                <td style={td}>{row.p95Latency}ms</td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      )}\n      {payload.deadTools.length > 0 && (\n        <>\n          <strong style={{ fontSize: 13 }}>{t('deadTools')}</strong>\n          <ul style={list}>\n            {payload.deadTools.map((row) => <li key={row.tool}><code style={{ fontSize: 11 }}>{row.tool}</code></li>)}\n          </ul>\n        </>\n      )}\n      {payload.failingTools.length > 0 && (\n        <>\n          <strong style={{ fontSize: 13 }}>{t('failingTools')}</strong>\n          <ul style={list}>\n            {payload.failingTools.map((row) => (\n              <li key={row.tool}><code style={{ fontSize: 11 }}>{row.tool}</code> \u00B7 {Math.round(row.failureRate * 100)}%</li>\n            ))}\n          </ul>\n        </>\n      )}\n      {payload.recommendations.length > 0 && (\n        <>\n          <strong style={{ fontSize: 13 }}>{t('recommendations')}</strong>\n          <ul style={list}>\n            {payload.recommendations.map((row, index) => <li key={index}>{row.message}</li>)}\n          </ul>\n        </>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * Browser half of dsh-tool-stats: its page inside Settings.\n *\n * Two services are injected by their runtime identity, not by the packages that provide\n * them: the settings shell is `slots`, the dictionary registry is `locale`. The label and\n * every string inside the component are translated through this plugin's own namespace,\n * which is why the page follows the UI language instead of the plugin author's.\n *\n * @module client\n */\n\nimport type { ComponentType } from 'react'\n\nimport { NS, en, zh } from './locales.js'\nimport { ToolStatsPanel } from './view.js'\n\nexport const inject = ['slots', 'locale']\n\ninterface SlotsService {\n  inject(name: string, register: () => void): void\n  register(\n    options: { name: string; id: string; order: number; label: () => string; locale: string },\n    component: ComponentType<{ t: (key: string, params?: Record<string, unknown>) => string }>,\n  ): unknown\n}\n\ninterface ClientContext {\n  slots: SlotsService\n  locale: {\n    register(ns: string, dicts: { zh: unknown; en: unknown }): () => void\n    bind(ns: string): (key: string, params?: Record<string, unknown>) => string\n  }\n  effect(callback: () => unknown, label?: string): unknown\n}\n\nexport function apply(ctx: ClientContext): void {\n  // `zh` is the key-set source of truth, matching the official client plugins.\n  ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'dsh-tool-stats: dictionaries')\n\n  ctx.slots.inject('settings.section', () => ctx.slots.register(\n    {\n      name: 'settings.section',\n      id: 'tool-stats',\n      order: 43,\n      label: () => ctx.locale.bind(NS)('nav'),\n      locale: NS,\n    },\n    ToolStatsPanel,\n  ))\n}\n", "/**\n * Dictionaries for the Tool Stats page.\n *\n * `zh` is the key-set source of truth, as in the official client plugins, and `en` is\n * typed against it: a key translated in one language but not the other fails the build\n * instead of silently rendering the raw key.\n *\n * @module client/locales\n */\n\n/** Dictionary namespace owned by this plugin. */\nexport const NS = 'toolStats'\n\n/** Simplified Chinese dictionary (the key-set source of truth). */\nexport const zh = {\n  'nav': '\u5DE5\u5177\u7EDF\u8BA1',\n  'title': '\u5DE5\u5177\u7EDF\u8BA1',\n  'tool': '\u5DE5\u5177',\n  'calls': '\u8C03\u7528\u6B21\u6570',\n  'failRate': '\u5931\u8D25\u7387',\n  'deadTools': '\u4ECE\u672A\u8C03\u7528\u7684\u5DE5\u5177',\n  'failingTools': '\u9AD8\u5931\u8D25\u7387\u5DE5\u5177',\n  'recommendations': '\u5EFA\u8BAE',\n  'empty': '\u8FD8\u6CA1\u6709\u8BB0\u5F55\u5230\u5DE5\u5177\u8C03\u7528\u3002',\n  'refresh': '\u5237\u65B0',\n  'loading': '\u6B63\u5728\u52A0\u8F7D\u2026',\n  'failed': '\u52A0\u8F7D\u5931\u8D25',\n  'retry': '\u91CD\u8BD5',\n  'totalCalls': '\u603B\u8C03\u7528',\n  'totalFailures': '\u603B\u5931\u8D25',\n  'sessions': '\u4F1A\u8BDD\u6570',\n  'avgLatency': '\u5E73\u5747\u5EF6\u8FDF',\n  'export': '\u5BFC\u51FA CSV',\n  'clear': '\u6E05\u7A7A',\n  'confirmClear': '\u786E\u5B9A\u6E05\u7A7A\u6240\u6709\u8BB0\u5F55\uFF1F',\n  'errorBreakdown': '\u9519\u8BEF\u5206\u7C7B',\n  'recentCalls': '\u6700\u8FD1\u8C03\u7528',\n  'sessionsUnused': '\u4F1A\u8BDD\u672A\u7528',\n}\n\n/** English dictionary, checked complete against the zh key set. */\nexport const en: typeof zh = {\n  'nav': 'Tool Stats',\n  'title': 'Tool Stats',\n  'tool': 'Tool',\n  'calls': 'Calls',\n  'failRate': 'Failure',\n  'deadTools': 'Dead tools',\n  'failingTools': 'Failing tools',\n  'recommendations': 'Recommendations',\n  'empty': 'No tool calls recorded yet.',\n  'refresh': 'Refresh',\n  'loading': 'Loading\u2026',\n  'failed': 'Failed to load',\n  'retry': 'Retry',\n  'totalCalls': 'Total Calls',\n  'totalFailures': 'Total Failures',\n  'sessions': 'Sessions',\n  'avgLatency': 'Avg Latency',\n  'export': 'Export CSV',\n  'clear': 'Clear',\n  'confirmClear': 'Clear all recorded data?',\n  'errorBreakdown': 'Error Breakdown',\n  'recentCalls': 'Recent Calls',\n  'sessionsUnused': 'sessions unused',\n}\n", "/**\n * Pure rendering half of the toolStats page.\n *\n * Separate from `index.tsx` so a static render can assert in Node what the page draws \u2014\n * the shipped bundle is a loader factory only a browser can run. Every user-visible\n * string comes from the `t` seat the renderer binds from this plugin's namespace, so the\n * page follows the UI language; no copy is hardcoded here.\n *\n * @module client/view\n */\n\nimport { useCallback, useEffect, useState } from 'react'\nimport type { CSSProperties } from 'react'\n\nimport type { PanelPayload, ToolDetail, Alert } from '../types.js'\n\nexport type Translate = (key: string, params?: Record<string, unknown>) => string\n\nexport interface PanelProps {\n  t: Translate\n}\n\nconst PANEL_PATH = '/api/stats.panel'\nconst DETAIL_PATH = '/api/stats.detail'\nconst EXPORT_PATH = '/api/stats.export'\nconst CLEAR_PATH = '/api/stats.clear'\n\nconst wrap: CSSProperties = { display: 'flex', flexDirection: 'column', gap: 12, maxWidth: 820, fontFamily: 'inherit' }\nconst head: CSSProperties = { display: 'flex', alignItems: 'baseline', gap: 12, flexWrap: 'wrap' }\nconst muted: CSSProperties = { fontSize: 12, opacity: 0.75 }\nconst table: CSSProperties = { borderCollapse: 'collapse', width: '100%' }\nconst th: CSSProperties = { textAlign: 'left', padding: '4px 10px 4px 0', fontWeight: 600, fontSize: 12, opacity: 0.8, borderBottom: '0.5px solid rgba(128,128,128,0.4)' }\nconst td: CSSProperties = { padding: '6px 10px 6px 0', fontSize: 13, borderBottom: '0.5px solid rgba(128,128,128,0.18)' }\nconst list: CSSProperties = { margin: 0, paddingLeft: 18, fontSize: 13 }\nconst card: CSSProperties = { padding: '8px 12px', borderRadius: 6, border: '1px solid rgba(128,128,128,0.2)', fontSize: 13 }\nconst statBox: CSSProperties = { ...card, flex: 1, minWidth: 100, textAlign: 'center' as const }\nconst statRow: CSSProperties = { display: 'flex', gap: 12, flexWrap: 'wrap' }\nconst btn: CSSProperties = { fontSize: 12, cursor: 'pointer', padding: '3px 10px', borderRadius: 4, border: '0.5px solid rgba(128,128,128,0.4)' }\nconst dangerBtn: CSSProperties = { ...btn, color: '#e55', borderColor: '#e55' }\nconst alertCard: CSSProperties = { ...card, display: 'flex', alignItems: 'center', gap: 8, marginTop: 4 }\nconst preBlock: CSSProperties = { whiteSpace: 'pre-wrap', wordBreak: 'break-word', fontSize: 11, maxHeight: 150, overflow: 'auto', padding: 6, borderRadius: 4, background: 'rgba(128,128,128,0.06)' }\nconst clickRow: CSSProperties = { cursor: 'pointer' }\n\ninterface PanelState {\n  payload: PanelPayload | null\n  error: string | null\n}\n\nexport function usePanel(): PanelState & { reload: () => void } {\n  const [state, setState] = useState<PanelState>({ payload: null, error: null })\n  const [tick, setTick] = useState(0)\n  const reload = useCallback(() => setTick((v) => v + 1), [])\n  useEffect(() => {\n    const c = new AbortController()\n    setState((p) => ({ ...p, error: null }))\n    fetch(PANEL_PATH, { signal: c.signal })\n      .then(async (r) => { if (!r.ok) throw new Error(String(r.status)); return r.json() as Promise<PanelPayload> })\n      .then((payload) => { if (!c.signal.aborted) setState({ payload, error: null }) })\n      .catch((e: unknown) => { if (!c.signal.aborted) setState({ payload: null, error: e instanceof Error ? e.message : String(e) }) })\n    return () => c.abort()\n  }, [tick])\n  return { ...state, reload }\n}\n\n// --- Alert banner ---\nfunction AlertBanner({ alerts, t }: { alerts: Alert[]; t: Translate }) {\n  if (alerts.length === 0) return null\n  return (\n    <div>\n      {alerts.map((a, i) => (\n        <div key={i} style={{ ...alertCard, borderColor: a.level === 'error' ? '#e55' : '#ed0', background: a.level === 'error' ? 'rgba(255,80,80,0.06)' : 'rgba(255,200,0,0.06)' }}>\n          <span style={{ fontSize: 16 }}>{a.level === 'error' ? '\uD83D\uDD34' : '\uD83D\uDFE1'}</span>\n          <span><strong>{a.tool}</strong>: {a.message}</span>\n        </div>\n      ))}\n    </div>\n  )\n}\n\n// --- Overview stats ---\nfunction Overview({ payload, t }: { payload: PanelPayload; t: Translate }) {\n  const o = payload.overview\n  return (\n    <div style={statRow}>\n      <div style={statBox}><div style={{ fontSize: 18, fontWeight: 700 }}>{o.totalCalls}</div><div style={muted}>{t('totalCalls')}</div></div>\n      <div style={statBox}><div style={{ fontSize: 18, fontWeight: 700, color: o.totalFailures > 0 ? '#e55' : undefined }}>{o.totalFailures}</div><div style={muted}>{t('totalFailures')}</div></div>\n      <div style={statBox}><div style={{ fontSize: 18, fontWeight: 700 }}>{Math.round(o.overallFailureRate * 100)}%</div><div style={muted}>{t('failRate')}</div></div>\n      <div style={statBox}><div style={{ fontSize: 18, fontWeight: 700 }}>{o.activeSessions}</div><div style={muted}>{t('sessions')}</div></div>\n      <div style={statBox}><div style={{ fontSize: 18, fontWeight: 700 }}>{o.avgLatencyMs}ms</div><div style={muted}>{t('avgLatency')}</div></div>\n    </div>\n  )\n}\n\n// --- Tool detail expansion ---\nfunction ToolDetailRow({ tool, t }: { tool: string; t: Translate }) {\n  const [detail, setDetail] = useState<ToolDetail | null>(null)\n  const [loading, setLoading] = useState(false)\n\n  const toggle = useCallback(async () => {\n    if (detail) { setDetail(null); return }\n    setLoading(true)\n    try {\n      const r = await fetch(`${DETAIL_PATH}?tool=${encodeURIComponent(tool)}`)\n      if (r.ok) setDetail(await r.json() as ToolDetail)\n    } finally { setLoading(false) }\n  }, [detail, tool])\n\n  return (\n    <>\n      <tr style={clickRow} onClick={toggle}>\n        <td style={td}>{loading ? '\u2026' : detail ? '\u25BC' : '\u25B6'}</td>\n      </tr>\n      {detail && (\n        <tr>\n          <td colSpan={6} style={{ padding: '4px 0' }}>\n            <div style={card}>\n              {/* Error breakdown */}\n              {detail.errorBreakdown.length > 0 && (\n                <div style={{ marginBottom: 8 }}>\n                  <strong style={{ fontSize: 12 }}>{t('errorBreakdown')}</strong>\n                  {detail.errorBreakdown.map((e, i) => (\n                    <div key={i} style={{ ...preBlock, marginTop: 4 }}>\n                      <span style={{ color: '#e55', fontWeight: 600 }}>\u00D7{e.count}</span> {e.message}\n                    </div>\n                  ))}\n                </div>\n              )}\n              {/* Recent calls */}\n              <strong style={{ fontSize: 12 }}>{t('recentCalls')}</strong>\n              <table style={{ ...table, marginTop: 4 }}>\n                <tbody>\n                  {detail.recentCalls.slice(0, 10).map((c, i) => (\n                    <tr key={i}>\n                      <td style={td}>{c.success ? '\u2713' : '\u2717'}</td>\n                      <td style={td}>{c.latencyMs}ms</td>\n                      <td style={td}>{new Date(c.timestamp).toLocaleTimeString()}</td>\n                      <td style={{ ...td, fontSize: 10, opacity: 0.7 }}>{c.errorMessage?.slice(0, 60)}</td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          </td>\n        </tr>\n      )}\n    </>\n  )\n}\n\nexport function ToolStatsPanel({ t }: PanelProps) {\n  const { payload, error, reload } = usePanel()\n\n  const handleClear = useCallback(() => {\n    if (!confirm(t('confirmClear'))) return\n    fetch(CLEAR_PATH, { method: 'POST' }).then(() => reload()).catch(() => {})\n  }, [t, reload])\n\n  const header = (\n    <header style={head}>\n      <strong style={{ fontSize: 13 }}>{t('title')}</strong>\n      <span style={{ flex: 1 }} />\n      <a href={EXPORT_PATH} download style={{ ...btn, textDecoration: 'none', color: 'inherit' }}>{t('export')}</a>\n      <button type=\"button\" style={dangerBtn} onClick={handleClear}>{t('clear')}</button>\n      <button type=\"button\" style={btn} onClick={reload}>{t('refresh')}</button>\n    </header>\n  )\n\n  if (error !== null) {\n    return (\n      <div style={wrap}>\n        {header}\n        <p role=\"alert\" style={{ margin: 0, fontSize: 13 }}>{t('failed')}: {error}</p>\n        <button type=\"button\" onClick={reload} style={{ ...btn, alignSelf: 'flex-start' }}>{t('retry')}</button>\n      </div>\n    )\n  }\n  if (payload === null) return <p style={muted} aria-live=\"polite\">{t('loading')}</p>\n\n  return (\n    <div style={wrap}>\n      {header}\n\n      {/* Alerts */}\n      <AlertBanner alerts={payload.alerts} t={t} />\n\n      {/* Overview */}\n      <Overview payload={payload} t={t} />\n\n      {/* Tool table */}\n      {payload.tools.length === 0 ? (\n        <p style={{ margin: 0, fontSize: 13, opacity: 0.8 }}>{t('empty')}</p>\n      ) : (\n        <table style={table}>\n          <thead>\n            <tr>\n              <th style={th} /><th style={th}>{t('tool')}</th><th style={th}>{t('calls')}</th>\n              <th style={th}>{t('failRate')}</th><th style={th}>p50</th><th style={th}>p95</th>\n            </tr>\n          </thead>\n          <tbody>\n            {payload.tools.map((row) => (\n              <>\n                <tr key={row.tool} style={clickRow} onClick={() => {}}>\n                  <td style={td}><ToolDetailRow tool={row.tool} t={t} /></td>\n                  <td style={td}><code style={{ fontSize: 11 }}>{row.tool}</code></td>\n                  <td style={td}>{row.invocations}</td>\n                  <td style={{ ...td, color: row.failureRate > 0.3 ? '#e55' : undefined }}>{Math.round(row.failureRate * 100)}%</td>\n                  <td style={td}>{row.p50Latency}ms</td>\n                  <td style={td}>{row.p95Latency}ms</td>\n                </tr>\n              </>\n            ))}\n          </tbody>\n        </table>\n      )}\n\n      {/* Dead tools */}\n      {payload.deadTools.length > 0 && (\n        <>\n          <strong style={{ fontSize: 13 }}>\uD83D\uDC80 {t('deadTools')}</strong>\n          <ul style={list}>\n            {payload.deadTools.map((row) => <li key={row.tool}><code style={{ fontSize: 11 }}>{row.tool}</code> \u2014 {row.sessionsSinceLastUse} {t('sessionsUnused')}</li>)}\n          </ul>\n        </>\n      )}\n\n      {/* Failing tools */}\n      {payload.failingTools.length > 0 && (\n        <>\n          <strong style={{ fontSize: 13 }}>\u26A0\uFE0F {t('failingTools')}</strong>\n          <ul style={list}>\n            {payload.failingTools.map((row) => (\n              <li key={row.tool}><code style={{ fontSize: 11 }}>{row.tool}</code> \u00B7 {Math.round(row.failureRate * 100)}%{row.lastError ? ` \u2014 ${row.lastError.slice(0, 60)}` : ''}</li>\n            ))}\n          </ul>\n        </>\n      )}\n\n      {/* Recommendations */}\n      {payload.recommendations.length > 0 && (\n        <>\n          <strong style={{ fontSize: 13 }}>\uD83D\uDCA1 {t('recommendations')}</strong>\n          <ul style={list}>\n            {payload.recommendations.map((row, i) => <li key={i}>{row.message}</li>)}\n          </ul>\n        </>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/lib/store.d.ts

@@ -7,4 +7,6 @@ export declare class StatsStore {
     private ensureDir;
     append(call: ToolCall): void;
     readAll(): ToolCall[];
+    query(from?: number, to?: number): ToolCall[];
+    clear(): void;
 }

package/lib/store.js

@@ -1,4 +1,4 @@
-import { readFileSync, existsSync, mkdirSync, appendFileSync } from 'node:fs';
+import { writeFileSync, readFileSync, existsSync, mkdirSync, appendFileSync } from 'node:fs';
 import { join } from 'node:path';
 export class StatsStore {
     projectDir;
@@ -26,4 +26,18 @@ export class StatsStore {
             .filter(Boolean)
             .map((line) => JSON.parse(line));
     }
+    query(from, to) {
+        const all = this.readAll();
+        return all.filter((c) => {
+            if (from && c.timestamp < from)
+                return false;
+            if (to && c.timestamp > to)
+                return false;
+            return true;
+        });
+    }
+    clear() {
+        if (existsSync(this.callsPath))
+            writeFileSync(this.callsPath, '', 'utf8');
+    }
 }

package/lib/types.d.ts

@@ -32,9 +32,43 @@ export interface Recommendation {
     tools: string[];
     estimatedTokenSavings?: number;
 }
+export interface TimeRange {
+    from?: number | undefined;
+    to?: number | undefined;
+}
+export interface DailyToolTrend {
+    date: string;
+    invocations: number;
+    failures: number;
+    avgLatencyMs: number;
+}
+export interface ToolDetail {
+    counter: ToolCounter;
+    recentCalls: ToolCall[];
+    trend: DailyToolTrend[];
+    errorBreakdown: {
+        message: string;
+        count: number;
+    }[];
+}
+export interface Alert {
+    level: 'warn' | 'error';
+    tool: string;
+    message: string;
+    timestamp: number;
+}
+export interface ToolStatsOverview {
+    totalCalls: number;
+    totalFailures: number;
+    overallFailureRate: number;
+    activeSessions: number;
+    avgLatencyMs: number;
+}
 export interface PanelPayload {
     tools: ToolCounter[];
     deadTools: DeadTool[];
     failingTools: FailingTool[];
     recommendations: Recommendation[];
+    overview: ToolStatsOverview;
+    alerts: Alert[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-tool-stats",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Every tool call is counted, and the ones that never fire are named so you can remove them.",
   "type": "module",
   "main": "lib/index.js",