agentfit 0.1.1 → 0.1.2

package/.github/workflows/release.yml

@@ -0,0 +1,111 @@
+name: Release
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+permissions:
+  contents: write
+
+jobs:
+  build-mac:
+    runs-on: macos-latest
+    timeout-minutes: 30
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version: 22
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Import signing certificate
+        env:
+          CERTIFICATE_P12: ${{ secrets.CERTIFICATE_P12 }}
+          CERTIFICATE_PASSWORD: ${{ secrets.CERTIFICATE_PASSWORD }}
+        run: |
+          echo "$CERTIFICATE_P12" | base64 --decode > certificate.p12
+          security create-keychain -p actions build.keychain
+          security default-keychain -s build.keychain
+          security unlock-keychain -p actions build.keychain
+          security import certificate.p12 -k build.keychain -P "$CERTIFICATE_PASSWORD" -T /usr/bin/codesign
+          security set-key-partition-list -S apple-tool:,apple:,codesign: -s -k actions build.keychain
+          rm certificate.p12
+
+      - name: Build macOS DMGs
+        run: npm run electron:build:mac
+
+      - name: Upload DMGs
+        uses: actions/upload-artifact@v7
+        with:
+          name: mac-dmgs
+          path: |
+            dist-electron/*.dmg
+
+  build-win:
+    runs-on: windows-latest
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version: 22
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build Windows installer
+        run: npm run electron:build:win
+
+      - name: Upload exe
+        uses: actions/upload-artifact@v7
+        with:
+          name: win-exe
+          path: |
+            dist-electron/*.exe
+
+  publish-npm:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version: 22
+          registry-url: https://registry.npmjs.org
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Publish to npm
+        run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+  release:
+    needs: [build-mac, build-win]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/download-artifact@v8
+        with:
+          name: mac-dmgs
+          path: artifacts
+
+      - uses: actions/download-artifact@v8
+        with:
+          name: win-exe
+          path: artifacts
+
+      - name: Create GitHub Release
+        uses: softprops/action-gh-release@v2
+        with:
+          files: artifacts/*
+          generate_release_notes: true

package/README.md

@@ -4,19 +4,28 @@ Fitness tracker dashboard for AI coding agents. Reads your local Claude Code and
 
 ## Install
 
-### Option 1: One-liner (recommended)
+### Option 1: Desktop App (recommended)
+
+Download a pre-built installer from the [Releases](https://github.com/harrywang/agentfit/releases) page:
+
+- **macOS**: `AgentFit-x.x.x.dmg` (Intel) or `AgentFit-x.x.x-arm64.dmg` (Apple Silicon)
+- **Windows**: `AgentFit-x.x.x.exe`
+
+> **macOS note:** If you see "AgentFit Not Opened" on first launch, go to **System Settings > Privacy & Security**, scroll down, and click **Open Anyway**. Or run `xattr -cr /Applications/AgentFit.app` in Terminal.
+
+### Option 2: One-liner
 
 ```bash
 curl -fsSL https://raw.githubusercontent.com/harrywang/agentfit/main/setup.sh | bash
 ```
 
-### Option 2: npx
+### Option 3: npx
 
 ```bash
 npx agentfit
 ```
 
-### Option 3: Manual
+### Option 4: Manual
 
 ```bash
 git clone https://github.com/harrywang/agentfit.git
@@ -30,7 +39,7 @@ npm start
 
 Open [http://localhost:3000](http://localhost:3000). The app auto-syncs your Claude Code (`~/.claude/projects/`) and Codex (`~/.codex/sessions/`) logs on first load.
 
-**Requirements:** Node.js 20+
+**Requirements:** Node.js 20+ (Options 2–4)
 
 ## The CRAFT Framework
 
@@ -60,17 +69,15 @@ Inspired by [DORA Metrics](https://dora.dev) and Microsoft's [SPACE framework](h
 - **Images** — screenshot analysis across sessions
 - **Community Plugins** — extensible analysis views
 
-## Desktop App
+## Development
 
-Download a pre-built installer from the [Releases](https://github.com/harrywang/agentfit/releases) page, or build yourself:
+Build the desktop app locally:
 
 ```bash
 npm run electron:build:mac   # Mac (.dmg)
 npm run electron:build:win   # Windows (.exe)
 ```
 
-## Development
-
 ```bash
 npm run dev          # Start dev server (Turbopack)
 npm run build        # Production build

package/app/api/commands/route.ts

@@ -1,12 +1,66 @@
 import { NextResponse } from 'next/server'
 import { analyzeCommands } from '@/lib/commands'
+import { prisma } from '@/lib/db'
 
 export const dynamic = 'force-dynamic'
 
 export async function GET() {
   try {
     const analysis = analyzeCommands()
-    return NextResponse.json(analysis)
+
+    // Merge skill invocations from session data (Skill tool calls tracked in DB)
+    // These capture cases where the user asked Claude to invoke a skill
+    // (e.g. "use /doc-writer to...") rather than typing the slash command directly
+    const dbSessions = await prisma.session.findMany({
+      select: { skillCallsJson: true },
+    })
+
+    const dbSkillCounts = new Map<string, number>()
+    for (const s of dbSessions) {
+      const skills = JSON.parse(s.skillCallsJson) as Record<string, number>
+      for (const [skill, count] of Object.entries(skills)) {
+        const cmd = skill.startsWith('/') ? skill : `/${skill}`
+        dbSkillCounts.set(cmd, (dbSkillCounts.get(cmd) || 0) + count)
+      }
+    }
+
+    // Build a map of history.jsonl counts for custom commands
+    const historyMap = new Map<string, number>()
+    for (const c of analysis.customCommands) {
+      historyMap.set(c.command, c.count)
+    }
+
+    // Merge DB skill counts into customCommands with breakdown
+    const customMap = new Map<string, { command: string; count: number; historyCount: number; sessionCount: number }>()
+    for (const c of analysis.customCommands) {
+      customMap.set(c.command, { command: c.command, count: c.count, historyCount: c.count, sessionCount: 0 })
+    }
+    for (const [cmd, count] of dbSkillCounts) {
+      const existing = analysis.commands.find(c => c.command === cmd)
+      if (existing) {
+        existing.count += count
+        existing.used = existing.count > 0
+      } else {
+        const prev = customMap.get(cmd)
+        if (prev) {
+          prev.sessionCount += count
+          prev.count += count
+        } else {
+          customMap.set(cmd, { command: cmd, count, historyCount: 0, sessionCount: count })
+        }
+      }
+    }
+
+    analysis.customCommands = Array.from(customMap.values())
+      .sort((a, b) => b.count - a.count)
+
+    // Expose session skill counts so the chart can show breakdown
+    const responseData = {
+      ...analysis,
+      dbSkillCounts: Object.fromEntries(dbSkillCounts),
+    }
+
+    return NextResponse.json(responseData)
   } catch (error) {
     return NextResponse.json(
       { error: (error as Error).message },

package/app/api/usage/route.ts

@@ -117,6 +117,7 @@ function mergeUsageData(a: UsageData, b: UsageData): UsageData {
       totalApiErrors: a.overview.totalApiErrors + b.overview.totalApiErrors,
       totalRateLimitDays: a.overview.totalRateLimitDays + b.overview.totalRateLimitDays,
       totalUserInterruptions: a.overview.totalUserInterruptions + b.overview.totalUserInterruptions,
+      totalSystemPromptEdits: (a.overview.totalSystemPromptEdits ?? 0) + (b.overview.totalSystemPromptEdits ?? 0),
       models,
       skillUsage: (() => {
         const skills: Record<string, number> = { ...a.overview.skillUsage }

package/components/agent-coach.tsx

@@ -59,7 +59,7 @@ const CRAFT_DIMENSIONS: {
     color: 'var(--chart-1)',
     icon: Brain,
     description: 'How well you engineer the context available to the AI — not just window size, but the holistic curation of tokens: system prompts (CLAUDE.md), just-in-time retrieval, structured notes, sub-agent isolation, and cache efficiency.',
-    metrics: ['Cache reuse (20%)', 'Overflow avoidance (20%)', 'Just-in-time retrieval (20%)', 'Session length (10%)', 'Note-taking (10%)', 'Output density (10%)', 'Sub-agent isolation (10%)'],
+    metrics: ['System prompt maintenance (15%)', 'Cache reuse (15%)', 'Overflow avoidance (15%)', 'Just-in-time retrieval (20%)', 'Session length (10%)', 'Note-taking (10%)', 'Output density (10%)', 'Sub-agent isolation (5%)'],
   },
   {
     key: 'reach',

package/components/app-sidebar.tsx

@@ -1,17 +1,13 @@
 'use client'
 
-import { useState, useEffect, useCallback, type ReactNode } from 'react'
+import { useState, type ReactNode } from 'react'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
 import {
-  AlertTriangle,
   BarChart3,
   Brain,
   Camera,
-  Check,
   ChevronRight,
-  Cloud,
-  CloudOff,
   Coins,
   FileText,
   FolderOpen,
@@ -19,13 +15,9 @@ import {
   HeartPulse,
   LayoutDashboard,
   ListTree,
-  Loader2,
   Puzzle,
-  RefreshCw,
-  RotateCcw,
   Settings,
   Terminal,
-  Upload,
   Wrench,
 } from 'lucide-react'
 import type { ComponentType } from 'react'
@@ -45,19 +37,7 @@ import {
   SidebarMenuSubItem,
   SidebarRail,
 } from '@/components/ui/sidebar'
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog'
-import { Button } from '@/components/ui/button'
-import { Badge } from '@/components/ui/badge'
-import { useData } from './data-provider'
 import { getPlugins } from '@/lib/plugins'
-import { toast } from 'sonner'
 import '@/plugins'
 
 interface NavItem {
@@ -75,7 +55,6 @@ interface NavGroup {
 const topItems: NavItem[] = [
   { title: 'Dashboard', icon: LayoutDashboard, href: '/' },
   { title: 'CRAFT Coach', icon: HeartPulse, href: '/coach' },
-  { title: 'Reports', icon: FileText, href: '/reports' },
 ]
 
 const navGroups: NavGroup[] = [
@@ -94,6 +73,7 @@ const navGroups: NavGroup[] = [
       { title: 'Daily Usage', icon: BarChart3, href: '/daily' },
       { title: 'Token Breakdown', icon: Coins, href: '/tokens' },
       { title: 'Tool Usage', icon: Wrench, href: '/tools' },
+      { title: 'Command Usage', icon: Terminal, href: '/commands' },
     ],
   },
   {
@@ -101,9 +81,9 @@ const navGroups: NavGroup[] = [
     icon: Brain,
     items: [
       { title: 'Personality Fit', icon: Brain, href: '/personality' },
-      { title: 'Command Usage', icon: Terminal, href: '/commands' },
       { title: 'Session Flow', icon: GitBranch, href: '/flow' },
-      { title: 'Images', icon: Camera, href: '/images' },
+      { title: 'Image Analysis', icon: Camera, href: '/images' },
+      { title: 'Reports', icon: FileText, href: '/reports' },
     ],
   },
 ]
@@ -139,194 +119,6 @@ function CollapsibleGroup({ group, pathname }: { group: NavGroup; pathname: stri
   )
 }
 
-interface BackupFolderStatus {
-  exists: boolean
-  hasGit: boolean
-  hasRemote: boolean
-  remoteUrl: string | null
-  isDirty: boolean
-  lastCommit: string | null
-}
-
-interface BackupStatus {
-  ghInstalled: boolean
-  ghAuthenticated: boolean
-  ghUser: string | null
-  claude: BackupFolderStatus
-  codex: BackupFolderStatus
-}
-
-function BackupSection() {
-  const [status, setStatus] = useState<BackupStatus | null>(null)
-  const [loading, setLoading] = useState(false)
-  const [syncing, setSyncing] = useState<Record<string, boolean>>({})
-
-  const fetchStatus = useCallback(async () => {
-    setLoading(true)
-    try {
-      const res = await fetch('/api/backup')
-      setStatus(await res.json())
-    } catch {
-      // ignore
-    } finally {
-      setLoading(false)
-    }
-  }, [])
-
-  useEffect(() => {
-    fetchStatus()
-  }, [fetchStatus])
-
-  const handleInit = async (folder: 'claude' | 'codex') => {
-    setSyncing((s) => ({ ...s, [folder]: true }))
-    try {
-      const res = await fetch('/api/backup', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ action: 'init', folder }),
-      })
-      const data = await res.json()
-      if (!res.ok) {
-        toast.error(`Backup failed`, { description: data.error })
-        return
-      }
-      toast.success(`~/.${folder} backed up`, {
-        description: (
-          <a href={data.repoUrl} target="_blank" rel="noopener noreferrer" className="underline">
-            {data.repoUrl}
-          </a>
-        ),
-      })
-      await fetchStatus()
-    } catch (e) {
-      toast.error('Backup failed', { description: (e as Error).message })
-    } finally {
-      setSyncing((s) => ({ ...s, [folder]: false }))
-    }
-  }
-
-  const handleSync = async (folder: 'claude' | 'codex') => {
-    setSyncing((s) => ({ ...s, [folder]: true }))
-    try {
-      const res = await fetch('/api/backup', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ action: 'sync', folder }),
-      })
-      const data = await res.json()
-      if (!res.ok) {
-        toast.error(`Sync failed`, { description: data.error })
-        return
-      }
-      toast.success(`~/.${folder} synced`, { description: data.message })
-      await fetchStatus()
-    } catch (e) {
-      toast.error('Sync failed', { description: (e as Error).message })
-    } finally {
-      setSyncing((s) => ({ ...s, [folder]: false }))
-    }
-  }
-
-  if (loading || !status) {
-    return (
-      <div className="flex items-center gap-2 px-3 py-1.5 text-xs text-muted-foreground">
-        <Loader2 className="h-3 w-3 animate-spin" />
-        Checking GitHub...
-      </div>
-    )
-  }
-
-  if (!status.ghInstalled) {
-    return (
-      <div className="space-y-2 px-3 py-1.5">
-        <div className="flex items-center gap-2 text-xs text-muted-foreground">
-          <CloudOff className="h-3.5 w-3.5" />
-          GitHub CLI not found
-        </div>
-        <a
-          href="https://cli.github.com"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="block text-xs text-primary underline"
-        >
-          Install GitHub CLI
-        </a>
-      </div>
-    )
-  }
-
-  if (!status.ghAuthenticated) {
-    return (
-      <div className="space-y-2 px-3 py-1.5">
-        <div className="flex items-center gap-2 text-xs text-muted-foreground">
-          <CloudOff className="h-3.5 w-3.5" />
-          Not logged in to GitHub
-        </div>
-        <div className="rounded-md bg-muted px-2 py-1.5 text-xs font-mono">
-          gh auth login
-        </div>
-      </div>
-    )
-  }
-
-  const folders = [
-    { key: 'claude' as const, label: '.claude', status: status.claude },
-    { key: 'codex' as const, label: '.codex', status: status.codex },
-  ].filter((f) => f.status.exists)
-
-  return (
-    <div className="space-y-1.5 px-1">
-      <div className="flex items-center gap-1.5 px-2 text-xs text-muted-foreground">
-        <Cloud className="h-3 w-3" />
-        {status.ghUser}
-      </div>
-      {folders.map(({ key, label, status: fs }) => {
-        const isSetUp = fs.hasGit && fs.hasRemote
-        const isSyncing = syncing[key]
-
-        return (
-          <div key={key} className="flex items-center justify-between px-2">
-            <div className="flex items-center gap-1.5">
-              <span className="text-xs font-medium">~/{label}</span>
-              {isSetUp && !fs.isDirty && (
-                <Check className="h-3 w-3 text-green-500" />
-              )}
-              {isSetUp && fs.isDirty && (
-                <Badge variant="secondary" className="h-4 px-1 text-[10px]">
-                  new
-                </Badge>
-              )}
-            </div>
-            {!isSetUp ? (
-              <Button
-                variant="outline"
-                size="xs"
-                onClick={() => handleInit(key)}
-                disabled={isSyncing}
-                className="gap-1"
-              >
-                {isSyncing ? <Loader2 className="h-3 w-3 animate-spin" /> : <Upload className="h-3 w-3" />}
-                Backup
-              </Button>
-            ) : (
-              <Button
-                variant="ghost"
-                size="xs"
-                onClick={() => handleSync(key)}
-                disabled={isSyncing}
-                className="gap-1"
-              >
-                {isSyncing ? <Loader2 className="h-3 w-3 animate-spin" /> : <Cloud className="h-3 w-3" />}
-                Sync
-              </Button>
-            )}
-          </div>
-        )
-      })}
-    </div>
-  )
-}
-
 export function AppSidebar() {
   const pathname = usePathname()
   const plugins = getPlugins()
@@ -369,22 +161,13 @@ export function AppSidebar() {
                   </SidebarMenuButton>
                 </SidebarMenuItem>
               )}
-            </SidebarMenu>
-          </SidebarGroupContent>
-        </SidebarGroup>
-
-        {/* Data Management Section */}
-        <SidebarGroup>
-          <SidebarGroupLabel className="sr-only">Settings</SidebarGroupLabel>
-          <SidebarGroupContent>
-            <SidebarMenu>
               <SidebarMenuItem>
                 <SidebarMenuButton
-                  render={<Link href="/settings" />}
-                  isActive={pathname === '/settings'}
+                  render={<Link href="/data-management" />}
+                  isActive={pathname === '/data-management'}
                 >
                   <Settings className="h-4 w-4" />
-                  <span>Settings</span>
+                  <span>Data Management</span>
                 </SidebarMenuButton>
               </SidebarMenuItem>
             </SidebarMenu>
@@ -393,14 +176,16 @@ export function AppSidebar() {
       </SidebarContent>
 
       <SidebarFooter>
-        <div className="flex items-center justify-between px-3 py-2 text-xs text-muted-foreground">
-          <span>v0.1.0</span>
+        <div className="flex items-center justify-center px-3 py-2 text-xs text-muted-foreground">
           <a
             href="https://github.com/harrywang/agentfit"
             target="_blank"
             rel="noopener noreferrer"
-            className="hover:text-foreground transition-colors"
+            className="flex items-center gap-1.5 hover:text-foreground transition-colors"
           >
+            <svg className="h-4 w-4" viewBox="0 0 24 24" fill="currentColor">
+              <path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" />
+            </svg>
             GitHub
           </a>
         </div>

package/components/daily-chart.tsx

@@ -161,22 +161,40 @@ const commandConfig = {
   count: { label: 'Uses', color: 'var(--chart-1)' },
 } satisfies ChartConfig
 
+interface CommandBarEntry {
+  name: string
+  count: number
+  fill: string
+  historyCount: number
+  sessionCount: number
+}
+
 export function TopCommandsChart() {
-  const [data, setData] = useState<{ name: string; count: number; fill: string }[]>([])
+  const [data, setData] = useState<CommandBarEntry[]>([])
 
   useEffect(() => {
     fetch('/api/commands')
       .then(r => r.json())
       .then(analysis => {
+        const dbSkills: Record<string, number> = analysis.dbSkillCounts || {}
         const bi = analysis.commands
           .filter((c: { used: boolean; count: number }) => c.used && c.count > 0)
-          .map((c: { command: string; count: number }) => ({ name: c.command, count: c.count, fill: 'var(--chart-1)' }))
+          .map((c: { command: string; count: number }) => {
+            const sk = dbSkills[c.command] || 0
+            return { name: c.command, count: c.count, fill: 'var(--chart-1)', historyCount: c.count - sk, sessionCount: sk }
+          })
           .sort((a: { count: number }, b: { count: number }) => b.count - a.count)
           .slice(0, 5)
         const cu = analysis.customCommands
           .sort((a: { count: number }, b: { count: number }) => b.count - a.count)
           .slice(0, 5)
-          .map((c: { command: string; count: number }) => ({ name: c.command, count: c.count, fill: 'var(--chart-4)' }))
+          .map((c: { command: string; count: number; historyCount?: number; sessionCount?: number }) => ({
+            name: c.command,
+            count: c.count,
+            fill: 'var(--chart-4)',
+            historyCount: c.historyCount || 0,
+            sessionCount: c.sessionCount || 0,
+          }))
         const combined = [...bi, ...cu].sort((a, b) => b.count - a.count)
         setData(combined)
       })
@@ -213,7 +231,32 @@ export function TopCommandsChart() {
           <BarChart data={data} layout="vertical" margin={{ left: 8 }} accessibilityLayer>
             <XAxis type="number" tickLine={false} axisLine={false} />
             <YAxis type="category" dataKey="name" tickLine={false} axisLine={false} width={140} />
-            <ChartTooltip content={<ChartTooltipContent />} />
+            <RechartsTooltip
+              cursor={{ fill: 'var(--muted)', opacity: 0.3 }}
+              content={({ active, payload }) => {
+                if (!active || !payload?.length) return null
+                const d = payload[0].payload as CommandBarEntry
+                return (
+                  <div className="rounded-lg border bg-background px-3 py-2 text-sm shadow-md">
+                    <div className="font-semibold">{d.name}</div>
+                    <div className="text-muted-foreground mt-1 space-y-0.5">
+                      <div className="flex justify-between gap-4">
+                        <span>Slash command</span>
+                        <span className="font-mono">{d.historyCount ?? 0}</span>
+                      </div>
+                      <div className="flex justify-between gap-4">
+                        <span>Skill invocation</span>
+                        <span className="font-mono">{d.sessionCount ?? 0}</span>
+                      </div>
+                      <div className="flex justify-between gap-4 border-t pt-0.5 text-foreground font-medium">
+                        <span>Total</span>
+                        <span className="font-mono">{d.count ?? 0}</span>
+                      </div>
+                    </div>
+                  </div>
+                )
+              }}
+            />
             <Bar dataKey="count" radius={[0, 4, 4, 0]}>
               {data.map((entry, i) => (
                 <Cell key={i} fill={entry.fill} />