agentlytics 0.0.8 → 0.0.10

package/editors/commandcode.js

@@ -0,0 +1,159 @@
+const path = require('path');
+const fs = require('fs');
+const os = require('os');
+
+const COMMANDCODE_DIR = path.join(os.homedir(), '.commandcode');
+const PROJECTS_DIR = path.join(COMMANDCODE_DIR, 'projects');
+
+// ============================================================
+// Adapter interface
+// ============================================================
+
+const name = 'commandcode';
+
+function getChats() {
+  const chats = [];
+  if (!fs.existsSync(PROJECTS_DIR)) return chats;
+
+  let projDirs;
+  try { projDirs = fs.readdirSync(PROJECTS_DIR); } catch { return chats; }
+
+  for (const projDir of projDirs) {
+    const dir = path.join(PROJECTS_DIR, projDir);
+    try { if (!fs.statSync(dir).isDirectory()) continue; } catch { continue; }
+
+    // Decode folder path from dir name (e.g. users-fka-code-foo -> /users/fka/code/foo)
+    const decodedFolder = '/' + projDir.replace(/-/g, '/');
+
+    let files;
+    try { files = fs.readdirSync(dir).filter(f => f.endsWith('.jsonl') && !f.includes('.checkpoints.')); } catch { continue; }
+
+    for (const file of files) {
+      const sessionId = file.replace('.jsonl', '');
+      const fullPath = path.join(dir, file);
+      const metaPath = path.join(dir, `${sessionId}.meta.json`);
+
+      // Read meta.json for title
+      let title = null;
+      try {
+        const meta = JSON.parse(fs.readFileSync(metaPath, 'utf-8'));
+        title = meta.title || null;
+      } catch { /* no meta */ }
+
+      // Parse first and last lines for timestamps
+      try {
+        const stat = fs.statSync(fullPath);
+        const lines = fs.readFileSync(fullPath, 'utf-8').split('\n').filter(Boolean);
+        if (lines.length === 0) continue;
+
+        const first = JSON.parse(lines[0]);
+        const last = JSON.parse(lines[lines.length - 1]);
+
+        const firstPrompt = extractFirstPrompt(first);
+        const bubbleCount = lines.length;
+
+        chats.push({
+          source: 'commandcode',
+          composerId: sessionId,
+          name: title || cleanPrompt(firstPrompt),
+          createdAt: first.timestamp ? new Date(first.timestamp).getTime() : stat.birthtime.getTime(),
+          lastUpdatedAt: last.timestamp ? new Date(last.timestamp).getTime() : stat.mtime.getTime(),
+          mode: 'commandcode',
+          folder: decodedFolder,
+          encrypted: false,
+          bubbleCount,
+          _fullPath: fullPath,
+          _gitBranch: first.gitBranch || null,
+        });
+      } catch { /* skip */ }
+    }
+  }
+
+  return chats;
+}
+
+function extractFirstPrompt(obj) {
+  if (obj.role !== 'user') return null;
+  if (!obj.content) return null;
+  if (typeof obj.content === 'string') return obj.content;
+  if (Array.isArray(obj.content)) {
+    return obj.content
+      .filter(c => c.type === 'text')
+      .map(c => c.text)
+      .join(' ')
+      .substring(0, 200);
+  }
+  return null;
+}
+
+function cleanPrompt(text) {
+  if (!text) return null;
+  return text.replace(/\s+/g, ' ').trim().substring(0, 120) || null;
+}
+
+function getMessages(chat) {
+  const filePath = chat._fullPath;
+  if (!filePath || !fs.existsSync(filePath)) return [];
+
+  const messages = [];
+  const lines = fs.readFileSync(filePath, 'utf-8').split('\n').filter(Boolean);
+
+  for (const line of lines) {
+    let obj;
+    try { obj = JSON.parse(line); } catch { continue; }
+
+    if (obj.role === 'user') {
+      const content = extractContent(obj.content);
+      if (content) messages.push({ role: 'user', content });
+    } else if (obj.role === 'assistant') {
+      const { text, toolCalls } = extractAssistantContent(obj.content);
+      if (text) {
+        messages.push({
+          role: 'assistant',
+          content: text,
+          _toolCalls: toolCalls.length > 0 ? toolCalls : undefined,
+        });
+      }
+    } else if (obj.role === 'system') {
+      const text = extractContent(obj.content);
+      if (text) messages.push({ role: 'system', content: text });
+    }
+  }
+
+  return messages;
+}
+
+function extractContent(content) {
+  if (typeof content === 'string') return content;
+  if (!Array.isArray(content)) return '';
+  // Skip tool_result blocks for user messages (they are tool outputs)
+  return content
+    .filter(c => c.type === 'text')
+    .map(c => c.text)
+    .join('\n') || '';
+}
+
+function extractAssistantContent(content) {
+  if (typeof content === 'string') return { text: content, toolCalls: [] };
+  if (!Array.isArray(content)) return { text: '', toolCalls: [] };
+  const parts = [];
+  const toolCalls = [];
+  for (const block of content) {
+    if (block.type === 'thinking' && block.thinking) {
+      parts.push(`[thinking] ${block.thinking}`);
+    } else if (block.type === 'text' && block.text) {
+      parts.push(block.text);
+    } else if (block.type === 'tool_use') {
+      const args = block.input || {};
+      const argKeys = Object.keys(args).join(', ');
+      parts.push(`[tool-call: ${block.name || 'unknown'}(${argKeys})]`);
+      toolCalls.push({ name: block.name || 'unknown', args });
+    } else if (block.type === 'tool_result') {
+      const text = typeof block.content === 'string' ? block.content : '';
+      parts.push(`[tool-result: ${block.name || 'tool'}] ${text.substring(0, 500)}`);
+    }
+  }
+  return { text: parts.join('\n') || '', toolCalls };
+}
+
+module.exports = { name, getChats, getMessages };

package/editors/index.js

@@ -4,11 +4,13 @@ const claude = require('./claude');
 const vscode = require('./vscode');
 const zed = require('./zed');
 const opencode = require('./opencode');
+const codex = require('./codex');
 const gemini = require('./gemini');
 const copilot = require('./copilot');
 const cursorAgent = require('./cursor-agent');
+const commandcode = require('./commandcode');
 
-const editors = [cursor, windsurf, claude, vscode, zed, opencode, gemini, copilot, cursorAgent];
+const editors = [cursor, windsurf, claude, vscode, zed, opencode, codex, gemini, copilot, cursorAgent, commandcode];
 
 /**
  * Get all chats from all editor adapters, sorted by most recent first.

package/index.js

@@ -94,7 +94,7 @@ console.log(chalk.dim('  Initializing cache database...'));
 cache.initDb();
 
 // Scan all editors and populate cache
-console.log(chalk.dim('  Scanning editors: Cursor, Windsurf, Claude Code, VS Code, Zed, Antigravity, OpenCode, Gemini CLI, Copilot CLI, Cursor Agent'));
+console.log(chalk.dim('  Scanning editors: Cursor, Windsurf, Claude Code, VS Code, Zed, Antigravity, OpenCode, Codex, Gemini CLI, Copilot CLI, Cursor Agent'));
 const startTime = Date.now();
 const result = cache.scanAll((progress) => {
   process.stdout.write(chalk.dim(`\r  Scanning: ${progress.scanned}/${progress.total} chats (${progress.analyzed} analyzed, ${progress.skipped} cached)`));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "agentlytics",
-  "version": "0.0.8",
-  "description": "Comprehensive analytics dashboard for AI coding agents — Cursor, Windsurf, Claude Code, VS Code Copilot, Zed, Antigravity, OpenCode",
+  "version": "0.0.10",
+  "description": "Comprehensive analytics dashboard for AI coding agents — Cursor, Windsurf, Claude Code, VS Code Copilot, Zed, Antigravity, OpenCode, Command Code",
   "main": "index.js",
   "bin": {
     "agentlytics": "./index.js"
@@ -34,6 +34,7 @@
     "zed",
     "antigravity",
     "opencode",
+    "codex",
     "analytics",
     "ai",
     "agent"

package/server.js

@@ -11,9 +11,17 @@ app.use(express.static(path.join(__dirname, 'public')));
 // API endpoints — all reads from SQLite cache
 // ============================================================
 
+// Helper: parse date query params into Unix ms timestamps
+function parseDateOpts(query) {
+  const opts = {};
+  if (query.dateFrom) opts.dateFrom = parseInt(query.dateFrom) || null;
+  if (query.dateTo) opts.dateTo = parseInt(query.dateTo) || null;
+  return opts;
+}
+
 app.get('/api/overview', (req, res) => {
   try {
-    const opts = { editor: req.query.editor || null };
+    const opts = { editor: req.query.editor || null, ...parseDateOpts(req.query) };
     res.json(cache.getCachedOverview(opts));
   } catch (err) {
     res.status(500).json({ error: err.message });
@@ -22,7 +30,7 @@ app.get('/api/overview', (req, res) => {
 
 app.get('/api/daily-activity', (req, res) => {
   try {
-    const opts = { editor: req.query.editor || null };
+    const opts = { editor: req.query.editor || null, ...parseDateOpts(req.query) };
     res.json(cache.getCachedDailyActivity(opts));
   } catch (err) {
     res.status(500).json({ error: err.message });
@@ -37,6 +45,7 @@ app.get('/api/chats', (req, res) => {
       named: req.query.named !== 'false',
       limit: req.query.limit ? parseInt(req.query.limit) : 200,
       offset: req.query.offset ? parseInt(req.query.offset) : 0,
+      ...parseDateOpts(req.query),
     };
     const total = cache.countCachedChats(opts);
     const rows = cache.getCachedChats(opts);
@@ -52,6 +61,7 @@ app.get('/api/chats', (req, res) => {
         lastUpdatedAt: c.last_updated_at,
         encrypted: !!c.encrypted,
         bubbleCount: c.bubble_count,
+        topModel: c.top_model || null,
       })),
     });
   } catch (err) {
@@ -116,7 +126,7 @@ app.get('/api/chats/:id/markdown', (req, res) => {
 
 app.get('/api/projects', (req, res) => {
   try {
-    res.json(cache.getCachedProjects());
+    res.json(cache.getCachedProjects(parseDateOpts(req.query)));
   } catch (err) {
     res.status(500).json({ error: err.message });
   }
@@ -128,6 +138,7 @@ app.get('/api/deep-analytics', (req, res) => {
       editor: req.query.editor || null,
       folder: req.query.folder || null,
       limit: Math.min(parseInt(req.query.limit) || 500, 5000),
+      ...parseDateOpts(req.query),
     };
     res.json(cache.getCachedDeepAnalytics(opts));
   } catch (err) {
@@ -137,7 +148,7 @@ app.get('/api/deep-analytics', (req, res) => {
 
 app.get('/api/dashboard-stats', (req, res) => {
   try {
-    const opts = { editor: req.query.editor || null };
+    const opts = { editor: req.query.editor || null, ...parseDateOpts(req.query) };
     res.json(cache.getCachedDashboardStats(opts));
   } catch (err) {
     res.status(500).json({ error: err.message });

package/ui/src/App.jsx

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react'
+import { useState, useEffect, useRef, useCallback } from 'react'
 import { Routes, Route, NavLink } from 'react-router-dom'
 import { Activity, BarChart3, GitCompare, MessageSquare, FolderOpen, Sun, Moon, RefreshCw, AlertTriangle, Github, Terminal, Database } from 'lucide-react'
 import { fetchOverview, refetchAgents } from './lib/api'
@@ -9,17 +9,37 @@ import DeepAnalysis from './pages/DeepAnalysis'
 import Compare from './pages/Compare'
 import ChatDetail from './pages/ChatDetail'
 import Projects from './pages/Projects'
+import ProjectDetail from './pages/ProjectDetail'
 import SqlViewer from './pages/SqlViewer'
 
 export default function App() {
   const [overview, setOverview] = useState(null)
   const [refetchState, setRefetchState] = useState(null) // null | { scanned, total }
+  const [live, setLive] = useState(false)
+  const liveRef = useRef(null)
   const { dark, toggle } = useTheme()
 
-  useEffect(() => {
+  const refreshOverview = useCallback(() => {
     fetchOverview().then(setOverview)
   }, [])
 
+  useEffect(() => {
+    refreshOverview()
+  }, [])
+
+  // Live mode: refetch overview every 60s
+  useEffect(() => {
+    if (live) {
+      liveRef.current = setInterval(() => {
+        refreshOverview()
+      }, 60000)
+    } else {
+      if (liveRef.current) clearInterval(liveRef.current)
+      liveRef.current = null
+    }
+    return () => { if (liveRef.current) clearInterval(liveRef.current) }
+  }, [live, refreshOverview])
+
   const handleRefetch = async () => {
     setRefetchState({ scanned: 0, total: 0 })
     try {
@@ -61,6 +81,22 @@ export default function App() {
           ))}
         </nav>
         <div className="ml-auto flex items-center gap-3">
+          <button
+            onClick={() => setLive(!live)}
+            className="flex items-center gap-1.5 px-2 py-0.5 text-[10px] transition"
+            style={{
+              color: live ? '#22c55e' : 'var(--c-text3)',
+              border: live ? '1px solid rgba(34,197,94,0.3)' : '1px solid var(--c-border)',
+              background: live ? 'rgba(34,197,94,0.08)' : 'transparent',
+            }}
+            title={live ? 'Disable live refresh' : 'Enable live refresh (every 60s)'}
+          >
+            <span
+              className={`inline-block w-1.5 h-1.5 rounded-full ${live ? 'pulse-dot' : ''}`}
+              style={{ background: live ? '#22c55e' : 'var(--c-text3)' }}
+            />
+            Live
+          </button>
           <button
             onClick={handleRefetch}
             disabled={!!refetchState}
@@ -98,8 +134,9 @@ export default function App() {
         <Routes>
           <Route path="/" element={<Dashboard overview={overview} />} />
           <Route path="/projects" element={<Projects overview={overview} />} />
+          <Route path="/projects/detail" element={<ProjectDetail />} />
           <Route path="/sessions" element={<Sessions overview={overview} />} />
-          <Route path="/sessions/:id" element={<ChatDetail />} />
+          {/* ChatDetail is now a sidebar in Sessions */}
           <Route path="/analysis" element={<DeepAnalysis overview={overview} />} />
           <Route path="/compare" element={<Compare overview={overview} />} />
           <Route path="/sql" element={<SqlViewer />} />

package/ui/src/components/ActivityHeatmap.jsx

@@ -2,6 +2,7 @@ import { useState, useMemo, useRef } from 'react'
 import { Chart as ChartJS, CategoryScale, LinearScale, PointElement, LineElement, Tooltip, Legend } from 'chart.js'
 import { Line } from 'react-chartjs-2'
 import { editorColor, editorLabel } from '../lib/constants'
+import { useTheme } from '../lib/theme'
 
 ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Tooltip, Legend)
 
@@ -24,6 +25,7 @@ const INTENSITY_COLORS_DARK = ['rgba(255,255,255,0.03)', '#0e4429', '#006d32', '
 const INTENSITY_COLORS_LIGHT = ['rgba(0,0,0,0.04)', '#9be9a8', '#40c463', '#30a14e', '#216e39']
 
 export default function ActivityHeatmap({ dailyData }) {
+  const { dark } = useTheme()
   const [selectedDay, setSelectedDay] = useState(null)
   const containerRef = useRef(null)
 
@@ -96,8 +98,10 @@ export default function ActivityHeatmap({ dailyData }) {
 
   if (!grid.weeks.length) return null
 
-  const isDark = !document.documentElement.classList.contains('light')
-  const COLORS = isDark ? INTENSITY_COLORS_DARK : INTENSITY_COLORS_LIGHT
+  const COLORS = dark ? INTENSITY_COLORS_DARK : INTENSITY_COLORS_LIGHT
+  const txtDim = dark ? '#555' : '#999'
+  const gridColor = dark ? 'rgba(255,255,255,0.03)' : 'rgba(0,0,0,0.06)'
+  const legendColor = dark ? '#888' : '#555'
   const svgWidth = WEEK_COLS * (CELL_SIZE + CELL_GAP) + 28
   const svgHeight = 7 * (CELL_SIZE + CELL_GAP) + 20
 
@@ -172,19 +176,19 @@ export default function ActivityHeatmap({ dailyData }) {
                   interaction: { mode: 'index', intersect: false },
                   scales: {
                     x: {
-                      grid: { color: 'rgba(255,255,255,0.03)' },
-                      ticks: { color: '#555', font: { size: 9, family: 'JetBrains Mono, monospace' }, maxRotation: 0 },
+                      grid: { color: gridColor },
+                      ticks: { color: txtDim, font: { size: 9, family: 'JetBrains Mono, monospace' }, maxRotation: 0 },
                     },
                     y: {
                       beginAtZero: true,
-                      grid: { color: 'rgba(255,255,255,0.03)' },
-                      ticks: { color: '#555', stepSize: 1, font: { size: 9, family: 'JetBrains Mono, monospace' } },
+                      grid: { color: gridColor },
+                      ticks: { color: txtDim, stepSize: 1, font: { size: 9, family: 'JetBrains Mono, monospace' } },
                     },
                   },
                   plugins: {
                     legend: {
                       position: 'top',
-                      labels: { color: '#888', font: { size: 9, family: 'JetBrains Mono, monospace' }, usePointStyle: true, pointStyle: 'circle', padding: 8 },
+                      labels: { color: legendColor, font: { size: 9, family: 'JetBrains Mono, monospace' }, usePointStyle: true, pointStyle: 'circle', padding: 8 },
                     },
                     tooltip: {
                       bodyFont: { family: 'JetBrains Mono, monospace', size: 10 },