2026-02-03 18:04:42 -08:00
|
|
|
import fs from "node:fs";
|
|
|
|
|
import path from "node:path";
|
|
|
|
|
import { fileURLToPath } from "node:url";
|
2026-02-13 03:25:28 +01:00
|
|
|
import {
|
|
|
|
|
LEGACY_DAEMON_CLI_EXPORTS,
|
|
|
|
|
resolveLegacyDaemonCliAccessors,
|
|
|
|
|
} from "../src/cli/daemon-cli-compat.ts";
|
2026-02-03 18:04:42 -08:00
|
|
|
|
|
|
|
|
const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
|
|
|
|
|
const distDir = path.join(rootDir, "dist");
|
|
|
|
|
const cliDir = path.join(distDir, "cli");
|
|
|
|
|
|
Web UI: add token usage dashboard (#10072)
* 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>
2026-02-05 22:35:46 -06:00
|
|
|
const findCandidates = () =>
|
2026-02-06 16:16:45 -08:00
|
|
|
fs.readdirSync(distDir).filter((entry) => {
|
2026-02-15 04:52:51 +00:00
|
|
|
const isDaemonCliBundle =
|
|
|
|
|
entry === "daemon-cli.js" || entry === "daemon-cli.mjs" || entry.startsWith("daemon-cli-");
|
|
|
|
|
if (!isDaemonCliBundle) {
|
2026-02-06 16:16:45 -08:00
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
// tsdown can emit either .js or .mjs depending on bundler settings/runtime.
|
|
|
|
|
return entry.endsWith(".js") || entry.endsWith(".mjs");
|
|
|
|
|
});
|
Web UI: add token usage dashboard (#10072)
* 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>
2026-02-05 22:35:46 -06:00
|
|
|
|
|
|
|
|
// In rare cases, build output can land slightly after this script starts (depending on FS timing).
|
|
|
|
|
// Retry briefly to avoid flaky builds.
|
|
|
|
|
let candidates = findCandidates();
|
|
|
|
|
for (let i = 0; i < 10 && candidates.length === 0; i++) {
|
|
|
|
|
await new Promise((resolve) => setTimeout(resolve, 50));
|
|
|
|
|
candidates = findCandidates();
|
|
|
|
|
}
|
2026-02-03 18:04:42 -08:00
|
|
|
|
|
|
|
|
if (candidates.length === 0) {
|
|
|
|
|
throw new Error("No daemon-cli bundle found in dist; cannot write legacy CLI shim.");
|
|
|
|
|
}
|
|
|
|
|
|
2026-02-13 03:25:28 +01:00
|
|
|
const orderedCandidates = candidates.toSorted();
|
|
|
|
|
const resolved = orderedCandidates
|
|
|
|
|
.map((entry) => {
|
|
|
|
|
const source = fs.readFileSync(path.join(distDir, entry), "utf8");
|
|
|
|
|
const accessors = resolveLegacyDaemonCliAccessors(source);
|
|
|
|
|
return { entry, accessors };
|
|
|
|
|
})
|
|
|
|
|
.find((entry) => Boolean(entry.accessors));
|
|
|
|
|
|
|
|
|
|
if (!resolved?.accessors) {
|
|
|
|
|
throw new Error(
|
|
|
|
|
`Could not resolve daemon-cli export aliases from dist bundles: ${orderedCandidates.join(", ")}`,
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const target = resolved.entry;
|
2026-02-03 18:04:42 -08:00
|
|
|
const relPath = `../${target}`;
|
2026-02-13 03:25:28 +01:00
|
|
|
const { accessors } = resolved;
|
2026-02-14 20:53:17 -08:00
|
|
|
const missingExportError = (name: string) =>
|
|
|
|
|
`Legacy daemon CLI export "${name}" is unavailable in this build. Please upgrade OpenClaw.`;
|
|
|
|
|
const buildExportLine = (name: (typeof LEGACY_DAEMON_CLI_EXPORTS)[number]) => {
|
|
|
|
|
const accessor = accessors[name];
|
|
|
|
|
if (accessor) {
|
|
|
|
|
return `export const ${name} = daemonCli.${accessor};`;
|
|
|
|
|
}
|
|
|
|
|
if (name === "registerDaemonCli") {
|
|
|
|
|
return `export const ${name} = () => { throw new Error(${JSON.stringify(missingExportError(name))}); };`;
|
|
|
|
|
}
|
|
|
|
|
return `export const ${name} = async () => { throw new Error(${JSON.stringify(missingExportError(name))}); };`;
|
|
|
|
|
};
|
2026-02-03 18:04:42 -08:00
|
|
|
|
|
|
|
|
const contents =
|
|
|
|
|
"// Legacy shim for pre-tsdown update-cli imports.\n" +
|
2026-02-13 03:25:28 +01:00
|
|
|
`import * as daemonCli from "${relPath}";\n` +
|
2026-02-14 20:53:17 -08:00
|
|
|
LEGACY_DAEMON_CLI_EXPORTS.map(buildExportLine).join("\n") +
|
2026-02-13 03:25:28 +01:00
|
|
|
"\n";
|
2026-02-03 18:04:42 -08:00
|
|
|
|
|
|
|
|
fs.mkdirSync(cliDir, { recursive: true });
|
|
|
|
|
fs.writeFileSync(path.join(cliDir, "daemon-cli.js"), contents);
|