agentfit 0.1.0 → 0.1.2

package/lib/tool-flow.ts

@@ -0,0 +1,71 @@
+// ─── Tool Flow Analysis ──────────────────────────────────────────────
+// Extracts tool call transition data for flow visualization.
+
+import type { UsageData } from './parse-logs'
+
+export interface ToolTransition {
+  source: string
+  target: string
+  count: number
+}
+
+export interface ToolFlowData {
+  nodes: { id: string; count: number }[]
+  edges: ToolTransition[]
+  totalTransitions: number
+}
+
+export function computeToolFlow(data: UsageData): ToolFlowData {
+  const toolUsage = data.toolUsage
+  const transitions = new Map<string, number>()
+
+  // We need per-session tool sequences. Since we store toolCallsJson as
+  // aggregate counts per session, we compute transitions from the global
+  // tool usage data and common patterns. For accurate transitions we'd
+  // need the raw sequence — but we can derive a meaningful flow from the
+  // session-level tool call co-occurrence.
+
+  // Build transitions from sessions that have tool call data
+  for (const session of data.sessions) {
+    const tools = Object.entries(session.toolCalls)
+      .sort((a, b) => b[1] - a[1])
+
+    // Create edges between co-occurring tools (weighted by min count)
+    for (let i = 0; i < tools.length; i++) {
+      for (let j = i + 1; j < tools.length; j++) {
+        const [toolA] = tools[i]
+        const [toolB] = tools[j]
+        // Direction: higher count tool → lower count tool
+        const key = `${toolA}→${toolB}`
+        const weight = Math.min(tools[i][1], tools[j][1])
+        transitions.set(key, (transitions.get(key) || 0) + weight)
+      }
+    }
+  }
+
+  // Build nodes from tool usage
+  const nodes = Object.entries(toolUsage)
+    .filter(([, count]) => count > 5)
+    .sort((a, b) => b[1] - a[1])
+    .slice(0, 15)
+    .map(([id, count]) => ({ id, count }))
+
+  const nodeSet = new Set(nodes.map(n => n.id))
+
+  // Build edges (filter to only include nodes we're showing)
+  const edges: ToolTransition[] = []
+  for (const [key, count] of transitions) {
+    const [source, target] = key.split('→')
+    if (nodeSet.has(source) && nodeSet.has(target) && count > 2) {
+      edges.push({ source, target, count })
+    }
+  }
+
+  edges.sort((a, b) => b.count - a.count)
+
+  return {
+    nodes,
+    edges: edges.slice(0, 30),
+    totalTransitions: edges.reduce((sum, e) => sum + e.count, 0),
+  }
+}

package/next.config.mjs

@@ -1,4 +1,9 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+  output: 'standalone',
+  outputFileTracingExcludes: {
+    '*': ['./dist-electron/**', './electron/server/**', './data/**'],
+  },
+}
 
 export default nextConfig

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentfit",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Fitness tracker dashboard for AI coding agents (Claude Code, Codex). Visualize usage, cost, tokens, and productivity from local conversation logs.",
   "type": "module",
   "bin": {
@@ -20,6 +20,7 @@
     "type": "git",
     "url": "https://github.com/harrywang/agentfit.git"
   },
+  "main": "electron/main.mjs",
   "scripts": {
     "postinstall": "prisma generate",
     "dev": "next dev --turbopack",
@@ -29,7 +30,14 @@
     "format": "prettier --write \"**/*.{ts,tsx}\"",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
-    "test:watch": "vitest"
+    "test:watch": "vitest",
+    "prisma:schema-sql": "npx prisma migrate diff --from-empty --to-schema prisma/schema.prisma --script | sed 's/CREATE TABLE/CREATE TABLE IF NOT EXISTS/g; s/CREATE UNIQUE INDEX/CREATE UNIQUE INDEX IF NOT EXISTS/g; s/CREATE INDEX/CREATE INDEX IF NOT EXISTS/g' > prisma/schema.sql",
+    "electron:prepare": "node scripts/prepare-electron.mjs",
+    "electron:dev": "npm run prisma:schema-sql && npm run build && npm run electron:prepare && electron .",
+    "electron:build": "rm -rf dist-electron electron/server && npm run build && npm run electron:prepare && electron-builder --config electron-builder.yml",
+    "electron:build:mac": "rm -rf dist-electron electron/server && npm run build && npm run electron:prepare && electron-builder --mac --publish never --config electron-builder.yml",
+    "electron:build:win": "rm -rf dist-electron electron/server && npm run build && npm run electron:prepare && electron-builder --win --publish never --config electron-builder.yml",
+    "electron:build:all": "rm -rf dist-electron electron/server && npm run build && npm run electron:prepare && electron-builder --mac --win --config electron-builder.yml"
   },
   "dependencies": {
     "@base-ui/react": "^1.3.0",
@@ -37,9 +45,13 @@
     "@prisma/adapter-libsql": "^7.6.0",
     "@prisma/client": "^7.6.0",
     "@tabler/icons-react": "^3.41.0",
+    "@types/dagre": "^0.7.54",
+    "@xyflow/react": "^12.10.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "dagre": "^0.8.5",
     "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
     "lucide-react": "^1.7.0",
     "next": "16.1.7",
     "next-themes": "^0.4.6",
@@ -48,6 +60,7 @@
     "react-dom": "^19.2.4",
     "recharts": "^3.8.0",
     "shadcn": "^4.1.1",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
     "tw-animate-css": "^1.4.0"
   },
@@ -60,6 +73,8 @@
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
+    "electron": "^35.1.2",
+    "electron-builder": "^26.0.12",
     "eslint": "^9.39.4",
     "eslint-config-next": "16.1.7",
     "jsdom": "^29.0.1",

package/plugins/cost-heatmap/component.tsx

@@ -16,12 +16,12 @@ function getMonthLabel(dateStr: string): string {
   return new Date(dateStr + 'T00:00:00').toLocaleString('en-US', { month: 'short' })
 }
 
-function intensityClass(ratio: number): string {
-  if (ratio === 0) return 'bg-muted'
-  if (ratio < 0.25) return 'bg-chart-3/30'
-  if (ratio < 0.5) return 'bg-chart-3/50'
-  if (ratio < 0.75) return 'bg-chart-3/70'
-  return 'bg-chart-3'
+function intensityStyle(ratio: number): React.CSSProperties {
+  if (ratio === 0)
+    return { backgroundColor: 'var(--muted)' }
+  // Use chart-2 (teal) with increasing opacity for a clean gradient
+  const alpha = 0.15 + ratio * 0.85
+  return { backgroundColor: `oklch(0.55 0.15 170 / ${alpha})` }
 }
 
 const WEEKDAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
@@ -29,7 +29,7 @@ const WEEKDAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
 // ─── Component ──────────────────────────────────────────────────────
 
 export default function CostHeatmap({ data }: PluginProps) {
-  const { grid, maxCost, weeks, monthLabels, stats } = useMemo(() => {
+  const { grid, weeks, monthLabels, stats } = useMemo(() => {
     const dailyMap = new Map(data.daily.map((d) => [d.date, d.costUSD]))
     const dates = data.daily.map((d) => d.date).sort()
 
@@ -92,7 +92,8 @@ export default function CostHeatmap({ data }: PluginProps) {
     const costs = allDates.map((d) => dailyMap.get(d) || 0)
     const total = costs.reduce((a, b) => a + b, 0)
     const activeDays = costs.filter((c) => c > 0).length
-    const peakDay = allDates[costs.indexOf(Math.max(...costs))]
+    const peakIdx = costs.indexOf(Math.max(...costs))
+    const peakDay = allDates[peakIdx]
 
     return {
       grid: g,
@@ -116,6 +117,9 @@ export default function CostHeatmap({ data }: PluginProps) {
     )
   }
 
+  const cellSize = 18
+  const cellGap = 3
+
   return (
     <div className="space-y-6">
       {/* Stats row */}
@@ -159,64 +163,82 @@ export default function CostHeatmap({ data }: PluginProps) {
         <CardContent>
           <div className="overflow-x-auto">
             {/* Month labels */}
-            <div className="mb-1 flex" style={{ paddingLeft: '2rem' }}>
+            <div className="flex items-end" style={{ paddingLeft: 40, marginBottom: 6 }}>
               {monthLabels.map((m, i) => (
                 <span
                   key={i}
-                  className="text-xs text-muted-foreground"
+                  className="text-xs font-medium text-muted-foreground"
                   style={{
-                    position: 'relative',
-                    left: `${m.week * 14}px`,
-                    marginRight: i < monthLabels.length - 1 ? 0 : undefined,
+                    position: 'absolute',
+                    left: 40 + m.week * (cellSize + cellGap),
                   }}
                 >
                   {m.label}
                 </span>
               ))}
             </div>
+
             {/* Grid */}
-            <div className="flex gap-0.5">
-              {/* Weekday labels */}
-              <div className="flex flex-col gap-0.5 pr-1">
-                {WEEKDAYS.map((d, i) => (
-                  <span
-                    key={d}
-                    className="flex h-3 w-6 items-center text-[10px] text-muted-foreground"
-                  >
-                    {i % 2 === 1 ? d : ''}
-                  </span>
+            <div className="relative" style={{ paddingTop: 20 }}>
+              <div className="flex" style={{ gap: cellGap }}>
+                {/* Weekday labels */}
+                <div className="flex flex-col" style={{ gap: cellGap, width: 36 }}>
+                  {WEEKDAYS.map((d, i) => (
+                    <span
+                      key={d}
+                      className="flex items-center text-xs text-muted-foreground"
+                      style={{ height: cellSize }}
+                    >
+                      {i % 2 === 1 ? d : ''}
+                    </span>
+                  ))}
+                </div>
+                {/* Weeks */}
+                {Array.from({ length: weeks }, (_, weekIdx) => (
+                  <div key={weekIdx} className="flex flex-col" style={{ gap: cellGap }}>
+                    {Array.from({ length: 7 }, (_, dayIdx) => {
+                      const cell = grid[dayIdx]?.[weekIdx]
+                      if (!cell) {
+                        return (
+                          <div
+                            key={dayIdx}
+                            style={{ width: cellSize, height: cellSize }}
+                            className="rounded-sm"
+                          />
+                        )
+                      }
+                      return (
+                        <Tooltip key={dayIdx}>
+                          <TooltipTrigger
+                            render={
+                              <div
+                                className="rounded-sm transition-all hover:ring-2 hover:ring-foreground/30 hover:scale-110 cursor-default"
+                                style={{ width: cellSize, height: cellSize, ...intensityStyle(cell.ratio) }}
+                              />
+                            }
+                          />
+                          <TooltipContent side="top" className="text-center">
+                            <p className="text-xs font-medium">{cell.date}</p>
+                            <p className="text-sm font-bold">{formatCost(cell.cost)}</p>
+                          </TooltipContent>
+                        </Tooltip>
+                      )
+                    })}
+                  </div>
                 ))}
               </div>
-              {/* Weeks */}
-              {Array.from({ length: weeks }, (_, weekIdx) => (
-                <div key={weekIdx} className="flex flex-col gap-0.5">
-                  {Array.from({ length: 7 }, (_, dayIdx) => {
-                    const cell = grid[dayIdx]?.[weekIdx]
-                    if (!cell) {
-                      return <div key={dayIdx} className="h-3 w-3 rounded-sm" />
-                    }
-                    return (
-                      <Tooltip key={dayIdx}>
-                        <TooltipTrigger render={<div className={`h-3 w-3 rounded-sm ${intensityClass(cell.ratio)} transition-colors hover:ring-1 hover:ring-foreground`} />}>
-                        </TooltipTrigger>
-                        <TooltipContent>
-                          <p className="text-xs font-medium">{cell.date}</p>
-                          <p className="text-xs text-muted-foreground">{formatCost(cell.cost)}</p>
-                        </TooltipContent>
-                      </Tooltip>
-                    )
-                  })}
-                </div>
-              ))}
             </div>
+
             {/* Legend */}
-            <div className="mt-3 flex items-center gap-1 text-xs text-muted-foreground">
+            <div className="mt-4 flex items-center gap-1.5 text-xs text-muted-foreground">
               <span>Less</span>
-              <div className="h-3 w-3 rounded-sm bg-muted" />
-              <div className="h-3 w-3 rounded-sm bg-chart-3/30" />
-              <div className="h-3 w-3 rounded-sm bg-chart-3/50" />
-              <div className="h-3 w-3 rounded-sm bg-chart-3/70" />
-              <div className="h-3 w-3 rounded-sm bg-chart-3" />
+              {[0, 0.2, 0.4, 0.6, 0.8, 1].map((ratio) => (
+                <div
+                  key={ratio}
+                  className="rounded-sm"
+                  style={{ width: cellSize - 4, height: cellSize - 4, ...intensityStyle(ratio) }}
+                />
+              ))}
               <span>More</span>
             </div>
           </div>

package/prisma/migrations/20260401144555_add_system_prompt_edits/migration.sql

@@ -0,0 +1,80 @@
+-- CreateTable
+CREATE TABLE "Session" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "sessionId" TEXT NOT NULL,
+    "project" TEXT NOT NULL,
+    "projectPath" TEXT NOT NULL,
+    "startTime" DATETIME NOT NULL,
+    "endTime" DATETIME NOT NULL,
+    "durationMinutes" REAL NOT NULL,
+    "userMessages" INTEGER NOT NULL,
+    "assistantMessages" INTEGER NOT NULL,
+    "totalMessages" INTEGER NOT NULL,
+    "inputTokens" INTEGER NOT NULL,
+    "outputTokens" INTEGER NOT NULL,
+    "cacheCreationTokens" INTEGER NOT NULL,
+    "cacheReadTokens" INTEGER NOT NULL,
+    "totalTokens" INTEGER NOT NULL,
+    "costUSD" REAL NOT NULL,
+    "model" TEXT NOT NULL,
+    "toolCallsTotal" INTEGER NOT NULL,
+    "toolCallsJson" TEXT NOT NULL,
+    "skillCallsJson" TEXT NOT NULL DEFAULT '{}',
+    "messageTimestamps" TEXT NOT NULL DEFAULT '[]',
+    "apiErrors" INTEGER NOT NULL DEFAULT 0,
+    "rateLimitErrors" INTEGER NOT NULL DEFAULT 0,
+    "userInterruptions" INTEGER NOT NULL DEFAULT 0,
+    "permissionModesJson" TEXT NOT NULL DEFAULT '{}',
+    "systemPromptEdits" INTEGER NOT NULL DEFAULT 0,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
+);
+
+-- CreateTable
+CREATE TABLE "Image" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "sessionId" TEXT NOT NULL,
+    "messageId" TEXT NOT NULL,
+    "filename" TEXT NOT NULL,
+    "mediaType" TEXT NOT NULL,
+    "sizeBytes" INTEGER NOT NULL,
+    "timestamp" DATETIME NOT NULL,
+    "role" TEXT NOT NULL,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
+);
+
+-- CreateTable
+CREATE TABLE "SyncLog" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "syncedAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "filesProcessed" INTEGER NOT NULL,
+    "sessionsAdded" INTEGER NOT NULL,
+    "sessionsSkipped" INTEGER NOT NULL
+);
+
+-- CreateTable
+CREATE TABLE "Report" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "title" TEXT NOT NULL,
+    "generatedAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "contentJson" TEXT NOT NULL,
+    "sessionCount" INTEGER NOT NULL,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Session_sessionId_key" ON "Session"("sessionId");
+
+-- CreateIndex
+CREATE INDEX "Session_project_idx" ON "Session"("project");
+
+-- CreateIndex
+CREATE INDEX "Session_startTime_idx" ON "Session"("startTime");
+
+-- CreateIndex
+CREATE INDEX "Image_sessionId_idx" ON "Image"("sessionId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Image_sessionId_messageId_filename_key" ON "Image"("sessionId", "messageId", "filename");
+
+-- CreateIndex
+CREATE INDEX "Report_generatedAt_idx" ON "Report"("generatedAt");

package/prisma/schema.prisma

@@ -27,6 +27,13 @@ model Session {
   model               String
   toolCallsTotal      Int
   toolCallsJson       String // JSON string of Record<string, number>
+  skillCallsJson      String   @default("{}") // JSON string of Record<string, number>
+  messageTimestamps   String   @default("[]") // JSON array of ISO timestamp strings
+  apiErrors           Int      @default(0)
+  rateLimitErrors     Int      @default(0)
+  userInterruptions   Int      @default(0)
+  permissionModesJson String   @default("{}") // JSON: {default:N, acceptEdits:N, bypassPermissions:N, plan:N}
+  systemPromptEdits   Int      @default(0) // Edits/writes to CLAUDE.md, AGENTS.md, agent.md
   createdAt           DateTime @default(now())
 
   @@index([project])
@@ -55,3 +62,14 @@ model SyncLog {
   sessionsAdded   Int
   sessionsSkipped Int
 }
+
+model Report {
+  id           String   @id @default(cuid())
+  title        String
+  generatedAt  DateTime @default(now())
+  contentJson  String
+  sessionCount Int
+  createdAt    DateTime @default(now())
+
+  @@index([generatedAt])
+}

package/prisma/schema.sql

@@ -0,0 +1,81 @@
+-- CreateTable
+CREATE TABLE IF NOT EXISTS "Session" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "sessionId" TEXT NOT NULL,
+    "project" TEXT NOT NULL,
+    "projectPath" TEXT NOT NULL,
+    "startTime" DATETIME NOT NULL,
+    "endTime" DATETIME NOT NULL,
+    "durationMinutes" REAL NOT NULL,
+    "userMessages" INTEGER NOT NULL,
+    "assistantMessages" INTEGER NOT NULL,
+    "totalMessages" INTEGER NOT NULL,
+    "inputTokens" INTEGER NOT NULL,
+    "outputTokens" INTEGER NOT NULL,
+    "cacheCreationTokens" INTEGER NOT NULL,
+    "cacheReadTokens" INTEGER NOT NULL,
+    "totalTokens" INTEGER NOT NULL,
+    "costUSD" REAL NOT NULL,
+    "model" TEXT NOT NULL,
+    "toolCallsTotal" INTEGER NOT NULL,
+    "toolCallsJson" TEXT NOT NULL,
+    "skillCallsJson" TEXT NOT NULL DEFAULT '{}',
+    "messageTimestamps" TEXT NOT NULL DEFAULT '[]',
+    "apiErrors" INTEGER NOT NULL DEFAULT 0,
+    "rateLimitErrors" INTEGER NOT NULL DEFAULT 0,
+    "userInterruptions" INTEGER NOT NULL DEFAULT 0,
+    "permissionModesJson" TEXT NOT NULL DEFAULT '{}',
+    "systemPromptEdits" INTEGER NOT NULL DEFAULT 0,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
+);
+
+-- CreateTable
+CREATE TABLE IF NOT EXISTS "Image" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "sessionId" TEXT NOT NULL,
+    "messageId" TEXT NOT NULL,
+    "filename" TEXT NOT NULL,
+    "mediaType" TEXT NOT NULL,
+    "sizeBytes" INTEGER NOT NULL,
+    "timestamp" DATETIME NOT NULL,
+    "role" TEXT NOT NULL,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
+);
+
+-- CreateTable
+CREATE TABLE IF NOT EXISTS "SyncLog" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "syncedAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "filesProcessed" INTEGER NOT NULL,
+    "sessionsAdded" INTEGER NOT NULL,
+    "sessionsSkipped" INTEGER NOT NULL
+);
+
+-- CreateTable
+CREATE TABLE IF NOT EXISTS "Report" (
+    "id" TEXT NOT NULL PRIMARY KEY,
+    "title" TEXT NOT NULL,
+    "generatedAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "contentJson" TEXT NOT NULL,
+    "sessionCount" INTEGER NOT NULL,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX IF NOT EXISTS "Session_sessionId_key" ON "Session"("sessionId");
+
+-- CreateIndex
+CREATE INDEX IF NOT EXISTS "Session_project_idx" ON "Session"("project");
+
+-- CreateIndex
+CREATE INDEX IF NOT EXISTS "Session_startTime_idx" ON "Session"("startTime");
+
+-- CreateIndex
+CREATE INDEX IF NOT EXISTS "Image_sessionId_idx" ON "Image"("sessionId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX IF NOT EXISTS "Image_sessionId_messageId_filename_key" ON "Image"("sessionId", "messageId", "filename");
+
+-- CreateIndex
+CREATE INDEX IF NOT EXISTS "Report_generatedAt_idx" ON "Report"("generatedAt");
+

package/.claude/settings.local.json

@@ -1,26 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(python3 -m json.tool)",
-      "Bash(python3:*)",
-      "Bash(head -5 /Users/harrywang/sandbox/bizpub-cc/logs/*.jsonl)",
-      "Bash(wc -l /Users/harrywang/sandbox/bizpub-cc/logs/*.jsonl)",
-      "Read(//private/tmp/**)",
-      "Bash(rm -rf agentfit-scaffold)",
-      "Bash(npx create-next-app@latest agentfit-scaffold --typescript --tailwind --eslint --app --src-dir --no-import-alias --use-npm --no-turbopack)",
-      "Bash(curl -s https://api.github.com/repos/ryoppippi/ccusage/contents)",
-      "Bash(curl -s \"https://api.github.com/search/code?q=repo:ryoppippi/ccusage+filename:model\")",
-      "Bash(curl:*)",
-      "WebFetch(domain:raw.githubusercontent.com)",
-      "Bash(lsof -ti:3000,3001)",
-      "Bash(npm install:*)",
-      "Bash(npx prisma:*)",
-      "Bash(ls -la /Users/harrywang/sandbox/agentfit/*.md)",
-      "WebSearch",
-      "WebFetch(domain:betelgeuse.work)",
-      "WebFetch(domain:github.com)",
-      "WebFetch(domain:ui.shadcn.com)",
-      "Bash(npx shadcn@latest init -p blue --force)"
-    ]
-  }
-}