nntrivi2001
03f1673fce
- Workspace, SettingsHub, SessionDetail and the Workflow sub-tab are lazy (main bundle 2,166 kB -> ~920 kB), wrapped in RouteErrorBoundary: a stale chunk after a self-update reloads once (vite:preloadError too), any other error shows a Reload panel instead of a blank page. - Live refresh: lib/throttle.ts + hooks/useLiveRefresh.ts replace trailing debounces that froze under a steady event stream; refresh skips hidden tabs and refetches after a WebSocket reconnect. Monitor loads only while shown, with one batched GET /api/agents?session_ids= instead of N+1; a failing endpoint is an inline error, not a blank Dashboard. - NeedsYouStrip on Monitor and above Analytics. Tabs, filters, page, sort and search live in the URL (Dashboard, Sessions, Activity, SessionDetail). - Sessions: tool / workspace / date-range filters, CSV/JSON export (formula-neutralised), focusable row links, Open in workspace (the dead /run links are gone), stale responses dropped, error + Retry. - Fixes: "NaNs" durations, 30/7-day charts skipping idle days, weekday labels west of UTC (now averages), cache hit rate denominator, billable tokens vs cache reads, exact tool-call counts, "To" date = end of day, invalid ?from= no longer throws, recent list no longer shrinks to 15, stable message keys, transcript switch races. - Light-theme-unreadable bg-black code panels and dark-only DAG fills use tokens; status configs and chart colours use theme tokens; Health tab and other literals translated. - Server (additive): GET /api/agents?session_ids=, GET /api/sessions awaiting=1&from=&to=, stats tool_call_count/distinct_tool_count, event rows carry session/agent labels.
35 lines
923 B
TypeScript
35 lines
923 B
TypeScript
/**
|
|
* @file throttle.ts
|
|
* @description Leading + trailing throttle for live-refresh callbacks. Unlike a
|
|
* trailing debounce, a steady stream of WebSocket events can never postpone the
|
|
* refresh forever: it fires at once, then at most once per `ms`, and once more
|
|
* after the burst so the last change is never lost.
|
|
* @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
|
|
*/
|
|
|
|
export interface Throttled {
|
|
(): void;
|
|
cancel(): void;
|
|
}
|
|
|
|
export function throttle(fn: () => void, ms: number): Throttled {
|
|
let last = 0;
|
|
let timer: ReturnType<typeof setTimeout> | undefined;
|
|
const run = () => {
|
|
timer = undefined;
|
|
last = Date.now();
|
|
fn();
|
|
};
|
|
const t = (() => {
|
|
if (timer) return;
|
|
const wait = last + ms - Date.now();
|
|
if (wait <= 0) run();
|
|
else timer = setTimeout(run, wait);
|
|
}) as Throttled;
|
|
t.cancel = () => {
|
|
clearTimeout(timer);
|
|
timer = undefined;
|
|
};
|
|
return t;
|
|
}
|