zozul-cli 0.2.0 → 0.2.1

package/README.md

@@ -42,13 +42,16 @@ open http://localhost:7890/dashboard
 
 `http://localhost:7890/dashboard`
 
-- **Stats bar** — sessions, user prompts, interruptions, tokens, and cost at a glance
-- **Token usage chart** — daily input/output/cache token trends with time range controls
-- **Cost chart** — daily spend
-- **Tool usage** — which tools Claude uses most
-- **Model breakdown** — cost and tokens per model
-- **Sessions table** — paginated (Load More), filterable; click any session for the full conversation with per-turn token counts, expandable tool call inputs/outputs
-- **Auto-refresh** — dashboard polls every 10s automatically; click the Auto button to refresh immediately
+Four views, all with time window filtering (7d / 30d / All):
+
+- **Summary** — total cost, sessions, and tasks at a glance; 30-day cost chart; cost breakdown by project
+- **Tasks** — groups turns by tag combination (e.g. `[API] [Backend] [DB]`), shows process time, cost, and human interventions per group; click to drill into individual turns
+- **Tags** — per-tag stats with drill-down into paginated turns and per-prompt cost
+- **Sessions** — sortable, filterable, paginated session table; click any session for the full conversation with per-turn token counts and expandable tool call inputs/outputs
+
+The dashboard auto-detects whether a remote backend is available (via health check) and falls back to the local API transparently. A badge in the header shows "Remote" or "Local".
+
+Auto-refresh polls every 10s on the active view.
 
 ## Commands
 

package/dist/dashboard/index.html

@@ -590,6 +590,7 @@
 let dataSource = 'local';
 let autoRefreshTimer = null;
 let currentView = 'summary';
+let currentTimeWindow = '7d';
 let previousView = 'tasks';
 let allTaskGroups = [];
 let allTagStats = [];
@@ -844,7 +845,7 @@ async function loadSummary() {
     const [stats, tasks, costSeries, sessionsResp] = await Promise.all([
       fetchJson('/api/stats'),
       fetchJson('/api/tasks'),
-      fetchJson('/api/metrics/cost?range=30d'),
+      fetchJson('/api/metrics/cost?range=' + (currentTimeWindow === 'all' ? '90d' : currentTimeWindow) + '&step=1d'),
       fetchJson('/api/sessions?limit=500&offset=0'),
     ]);
     renderSummaryStats({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zozul-cli",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Observability for Claude Code — track token usage, costs, turns, and conversation history",
   "type": "module",
   "main": "dist/index.js",

package/src/dashboard/index.html

@@ -590,6 +590,7 @@
 let dataSource = 'local';
 let autoRefreshTimer = null;
 let currentView = 'summary';
+let currentTimeWindow = '7d';
 let previousView = 'tasks';
 let allTaskGroups = [];
 let allTagStats = [];
@@ -844,7 +845,7 @@ async function loadSummary() {
     const [stats, tasks, costSeries, sessionsResp] = await Promise.all([
       fetchJson('/api/stats'),
       fetchJson('/api/tasks'),
-      fetchJson('/api/metrics/cost?range=30d'),
+      fetchJson('/api/metrics/cost?range=' + (currentTimeWindow === 'all' ? '90d' : currentTimeWindow) + '&step=1d'),
       fetchJson('/api/sessions?limit=500&offset=0'),
     ]);
     renderSummaryStats({