mirror of
https://github.com/openclaw/openclaw.git
synced 2026-02-09 05:19:32 +08:00
* feat(ui): Token Usage dashboard with session analytics Adds a comprehensive Token Usage view to the dashboard: Backend: - Extended session-cost-usage.ts with per-session daily breakdown - Added date range filtering (startMs/endMs) to API endpoints - New sessions.usage, sessions.usage.timeseries, sessions.usage.logs endpoints - Cost breakdown by token type (input/output/cache read/write) Frontend: - Two-column layout: Daily chart + breakdown | Sessions list - Interactive daily bar chart with click-to-filter and shift-click range select - Session detail panel with usage timeline, conversation logs, context weight - Filter chips for active day/session selections - Toggle between tokens/cost view modes (default: cost) - Responsive design for smaller screens UX improvements: - 21-day default date range - Debounced date input (400ms) - Session list shows filtered totals when days selected - Context weight breakdown shows skills, tools, files contribution * fix(ui): restore gatewayUrl validation and syncUrlWithSessionKey signature - Restore normalizeGatewayUrl() to validate ws:/wss: protocol - Restore isTopLevelWindow() guard for iframe security - Revert syncUrlWithSessionKey signature (host param was unused) * feat(ui): Token Usage dashboard with session analytics Adds a comprehensive Token Usage view to the dashboard: Backend: - Extended session-cost-usage.ts with per-session daily breakdown - Added date range filtering (startMs/endMs) to API endpoints - New sessions.usage, sessions.usage.timeseries, sessions.usage.logs endpoints - Cost breakdown by token type (input/output/cache read/write) Frontend: - Two-column layout: Daily chart + breakdown | Sessions list - Interactive daily bar chart with click-to-filter and shift-click range select - Session detail panel with usage timeline, conversation logs, context weight - Filter chips for active day/session selections - Toggle between tokens/cost view modes (default: cost) - Responsive design for smaller screens UX improvements: - 21-day default date range - Debounced date input (400ms) - Session list shows filtered totals when days selected - Context weight breakdown shows skills, tools, files contribution * fix: usage dashboard data + cost handling (#8462) (thanks @mcinteerj) * Usage: enrich metrics dashboard * Usage: add latency + model trends * Gateway: improve usage log parsing * UI: add usage query helpers * UI: client-side usage filter + debounce * Build: harden write-cli-compat timing * UI: add conversation log filters * UI: fix usage dashboard lint + state * Web UI: default usage dates to local day * Protocol: sync session usage params (#8462) (thanks @mcinteerj, @TakHoffman) --------- Co-authored-by: Jake McInteer <mcinteerj@gmail.com>
67 lines
2.3 KiB
TypeScript
67 lines
2.3 KiB
TypeScript
import { describe, expect, it } from "vitest";
|
|
import { countToolResults, extractToolCallNames, hasToolCall } from "./transcript-tools.js";
|
|
|
|
describe("transcript-tools", () => {
|
|
describe("extractToolCallNames", () => {
|
|
it("extracts tool name from message.toolName/tool_name", () => {
|
|
expect(extractToolCallNames({ toolName: " weather " })).toEqual(["weather"]);
|
|
expect(extractToolCallNames({ tool_name: "notes" })).toEqual(["notes"]);
|
|
});
|
|
|
|
it("extracts tool call names from content blocks (tool_use/toolcall/tool_call)", () => {
|
|
const names = extractToolCallNames({
|
|
content: [
|
|
{ type: "text", text: "hi" },
|
|
{ type: "tool_use", name: "read" },
|
|
{ type: "toolcall", name: "exec" },
|
|
{ type: "tool_call", name: "write" },
|
|
],
|
|
});
|
|
expect(new Set(names)).toEqual(new Set(["read", "exec", "write"]));
|
|
});
|
|
|
|
it("normalizes type and trims names; de-dupes", () => {
|
|
const names = extractToolCallNames({
|
|
content: [
|
|
{ type: " TOOL_CALL ", name: " read " },
|
|
{ type: "tool_call", name: "read" },
|
|
{ type: "tool_call", name: "" },
|
|
],
|
|
toolName: "read",
|
|
});
|
|
expect(names).toEqual(["read"]);
|
|
});
|
|
});
|
|
|
|
describe("hasToolCall", () => {
|
|
it("returns true when tool call names exist", () => {
|
|
expect(hasToolCall({ toolName: "weather" })).toBe(true);
|
|
expect(hasToolCall({ content: [{ type: "tool_use", name: "read" }] })).toBe(true);
|
|
});
|
|
|
|
it("returns false when no tool calls exist", () => {
|
|
expect(hasToolCall({})).toBe(false);
|
|
expect(hasToolCall({ content: [{ type: "text", text: "hi" }] })).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe("countToolResults", () => {
|
|
it("counts tool_result blocks and tool_result_error blocks; tracks errors via is_error", () => {
|
|
expect(
|
|
countToolResults({
|
|
content: [
|
|
{ type: "tool_result" },
|
|
{ type: "tool_result", is_error: true },
|
|
{ type: "tool_result_error" },
|
|
{ type: "text", text: "ignore" },
|
|
],
|
|
}),
|
|
).toEqual({ total: 3, errors: 1 });
|
|
});
|
|
|
|
it("handles non-array content", () => {
|
|
expect(countToolResults({ content: "nope" })).toEqual({ total: 0, errors: 0 });
|
|
});
|
|
});
|
|
});
|