zozul-cli 0.3.4 → 0.3.5

package/dist/dashboard/index.html

@@ -1043,64 +1043,10 @@ function renderSummaryStats(s) {
 
 async function loadTasks() {
   try {
-    const [stats, tasks] = await Promise.all([
-      fetchJson('/api/stats'),
-      fetchJson('/api/tasks'),
-    ]);
-    if (!tasks.length) { allTaskGroups = []; renderTaskTable([]); return; }
-
-    // Discover tag combinations by sampling one turn per tag
-    const samples = await Promise.all(
-      tasks.map(t => fetchJson('/api/tasks/turns?tags=' + encodeURIComponent(t.task) + '&mode=any&limit=1')
-        .then(turns => turns[0]?.tags || t.task)
-        .catch(() => t.task)
-      )
-    );
-    // Deduplicate: normalize each combo to sorted pipe-separated
-    const combos = [...new Set(samples.map(s => s.split(', ').sort().join('|')))];
-
-    // Fetch stats for each unique combo
-    const comboStats = await Promise.all(
-      combos.map(combo => {
-        const tags = combo.split('|');
-        const qs = 'tags=' + tags.map(encodeURIComponent).join(',') + '&mode=all';
-        return fetchJson('/api/tasks/stats?' + qs)
-          .then(s => ({ ...s, tags: combo }))
-          .catch(() => ({ tags: combo, total_turns: 0, user_turns: 0, total_duration_ms: 0, total_cost_usd: 0 }));
-      })
-    );
-
-    let taskGroups = comboStats.map(s => ({
-      tags: s.tags,
-      turn_count: s.total_turns ?? 0,
-      human_interventions: s.user_turns ?? 0,
-      total_duration_ms: s.total_duration_ms ?? 0,
-      total_cost_usd: s.total_cost_usd ?? 0,
-      last_seen: s.last_seen ?? null,
-    }));
-
-    // Add cost gap to the Untagged row so task costs sum to total
-    const attributedCost = taskGroups.reduce((s, g) => s + (g.total_cost_usd || 0), 0);
-    const totalCost = stats.total_cost_usd || 0;
-    const gap = totalCost - attributedCost;
-    if (gap > 0.01) {
-      const untagged = taskGroups.find(g => g.tags === 'Untagged');
-      if (untagged) {
-        untagged.total_cost_usd = (untagged.total_cost_usd || 0) + gap;
-      } else {
-        taskGroups.push({
-          tags: 'Untagged',
-          turn_count: 0,
-          human_interventions: 0,
-          total_duration_ms: 0,
-          total_cost_usd: gap,
-          last_seen: null,
-        });
-      }
-    }
-
-    allTaskGroups = taskGroups;
-    renderTaskTable(sortData(taskGroups, sortState.tasks));
+    const timeQs = timeQueryString();
+    const groups = await fetchJson('/api/task-groups' + (timeQs ? '?' + timeQs : ''));
+    allTaskGroups = groups;
+    renderTaskTable(sortData(groups, sortState.tasks));
   } catch (e) {
     console.error('tasks load failed', e);
   }
@@ -1152,8 +1098,17 @@ async function showTaskDetail(tagSet) {
   statsEl.innerHTML = '<div class="stat-card" style="grid-column:1/-1"><div class="label">Loading...</div></div>';
 
   if (tags.length === 1 && tags[0] === 'Untagged') {
-    statsEl.innerHTML = '<div class="stat-card" style="grid-column:1/-1"><div class="label">Task</div><div class="value" style="font-size:16px">' + pills + '</div></div>';
-    document.getElementById('task-turns-table').innerHTML = '<tr><td colspan="5" class="empty">Untagged turns cannot be drilled into.</td></tr>';
+    const group = allTaskGroups.find(g => g.tags === 'Untagged') || {};
+    statsEl.innerHTML = [
+      { label: 'Task', value: '<span style="font-size:14px">' + pills + '</span>' },
+      { label: 'Total Turns', value: fmtNum(group.turn_count) },
+      { label: 'Human Interventions', value: fmtNum(group.human_interventions) },
+      { label: 'Duration', value: fmtDuration(group.total_duration_ms) },
+      { label: 'Cost', value: fmtCost(group.total_cost_usd) },
+    ].map(c =>
+      '<div class="stat-card"><div class="label">' + c.label + '</div><div class="value" style="font-size:16px">' + c.value + '</div></div>'
+    ).join('');
+    document.getElementById('task-turns-table').innerHTML = '';
     document.getElementById('task-turns-pagination').innerHTML = '';
     return;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zozul-cli",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "Observability for Claude Code — track token usage, costs, turns, and conversation history",
   "readmeFilename": "README.md",
   "type": "module",

package/src/dashboard/index.html

@@ -1043,64 +1043,10 @@ function renderSummaryStats(s) {
 
 async function loadTasks() {
   try {
-    const [stats, tasks] = await Promise.all([
-      fetchJson('/api/stats'),
-      fetchJson('/api/tasks'),
-    ]);
-    if (!tasks.length) { allTaskGroups = []; renderTaskTable([]); return; }
-
-    // Discover tag combinations by sampling one turn per tag
-    const samples = await Promise.all(
-      tasks.map(t => fetchJson('/api/tasks/turns?tags=' + encodeURIComponent(t.task) + '&mode=any&limit=1')
-        .then(turns => turns[0]?.tags || t.task)
-        .catch(() => t.task)
-      )
-    );
-    // Deduplicate: normalize each combo to sorted pipe-separated
-    const combos = [...new Set(samples.map(s => s.split(', ').sort().join('|')))];
-
-    // Fetch stats for each unique combo
-    const comboStats = await Promise.all(
-      combos.map(combo => {
-        const tags = combo.split('|');
-        const qs = 'tags=' + tags.map(encodeURIComponent).join(',') + '&mode=all';
-        return fetchJson('/api/tasks/stats?' + qs)
-          .then(s => ({ ...s, tags: combo }))
-          .catch(() => ({ tags: combo, total_turns: 0, user_turns: 0, total_duration_ms: 0, total_cost_usd: 0 }));
-      })
-    );
-
-    let taskGroups = comboStats.map(s => ({
-      tags: s.tags,
-      turn_count: s.total_turns ?? 0,
-      human_interventions: s.user_turns ?? 0,
-      total_duration_ms: s.total_duration_ms ?? 0,
-      total_cost_usd: s.total_cost_usd ?? 0,
-      last_seen: s.last_seen ?? null,
-    }));
-
-    // Add cost gap to the Untagged row so task costs sum to total
-    const attributedCost = taskGroups.reduce((s, g) => s + (g.total_cost_usd || 0), 0);
-    const totalCost = stats.total_cost_usd || 0;
-    const gap = totalCost - attributedCost;
-    if (gap > 0.01) {
-      const untagged = taskGroups.find(g => g.tags === 'Untagged');
-      if (untagged) {
-        untagged.total_cost_usd = (untagged.total_cost_usd || 0) + gap;
-      } else {
-        taskGroups.push({
-          tags: 'Untagged',
-          turn_count: 0,
-          human_interventions: 0,
-          total_duration_ms: 0,
-          total_cost_usd: gap,
-          last_seen: null,
-        });
-      }
-    }
-
-    allTaskGroups = taskGroups;
-    renderTaskTable(sortData(taskGroups, sortState.tasks));
+    const timeQs = timeQueryString();
+    const groups = await fetchJson('/api/task-groups' + (timeQs ? '?' + timeQs : ''));
+    allTaskGroups = groups;
+    renderTaskTable(sortData(groups, sortState.tasks));
   } catch (e) {
     console.error('tasks load failed', e);
   }
@@ -1152,8 +1098,17 @@ async function showTaskDetail(tagSet) {
   statsEl.innerHTML = '<div class="stat-card" style="grid-column:1/-1"><div class="label">Loading...</div></div>';
 
   if (tags.length === 1 && tags[0] === 'Untagged') {
-    statsEl.innerHTML = '<div class="stat-card" style="grid-column:1/-1"><div class="label">Task</div><div class="value" style="font-size:16px">' + pills + '</div></div>';
-    document.getElementById('task-turns-table').innerHTML = '<tr><td colspan="5" class="empty">Untagged turns cannot be drilled into.</td></tr>';
+    const group = allTaskGroups.find(g => g.tags === 'Untagged') || {};
+    statsEl.innerHTML = [
+      { label: 'Task', value: '<span style="font-size:14px">' + pills + '</span>' },
+      { label: 'Total Turns', value: fmtNum(group.turn_count) },
+      { label: 'Human Interventions', value: fmtNum(group.human_interventions) },
+      { label: 'Duration', value: fmtDuration(group.total_duration_ms) },
+      { label: 'Cost', value: fmtCost(group.total_cost_usd) },
+    ].map(c =>
+      '<div class="stat-card"><div class="label">' + c.label + '</div><div class="value" style="font-size:16px">' + c.value + '</div></div>'
+    ).join('');
+    document.getElementById('task-turns-table').innerHTML = '';
     document.getElementById('task-turns-pagination').innerHTML = '';
     return;
   }