agentfit 0.1.0

package/app/api/images/[...path]/route.ts

@@ -0,0 +1,33 @@
+import { NextRequest, NextResponse } from 'next/server'
+import fs from 'fs'
+import path from 'path'
+
+const IMAGES_DIR = path.resolve(process.cwd(), 'data', 'images')
+
+export async function GET(
+  _request: NextRequest,
+  { params }: { params: Promise<{ path: string[] }> }
+) {
+  const { path: segments } = await params
+  const filePath = path.join(IMAGES_DIR, ...segments)
+
+  // Prevent directory traversal
+  if (!filePath.startsWith(IMAGES_DIR)) {
+    return NextResponse.json({ error: 'Forbidden' }, { status: 403 })
+  }
+
+  if (!fs.existsSync(filePath)) {
+    return NextResponse.json({ error: 'Not found' }, { status: 404 })
+  }
+
+  const buffer = fs.readFileSync(filePath)
+  const ext = path.extname(filePath).slice(1)
+  const contentType = ext === 'png' ? 'image/png' : ext === 'jpg' || ext === 'jpeg' ? 'image/jpeg' : 'image/png'
+
+  return new NextResponse(buffer, {
+    headers: {
+      'Content-Type': contentType,
+      'Cache-Control': 'public, max-age=31536000, immutable',
+    },
+  })
+}

package/app/api/images-analysis/route.ts

@@ -0,0 +1,177 @@
+import { NextResponse } from 'next/server'
+import { prisma } from '@/lib/db'
+
+export const dynamic = 'force-dynamic'
+
+export async function GET() {
+  try {
+    const images = await prisma.image.findMany({
+      orderBy: { timestamp: 'asc' },
+    })
+    const sessions = await prisma.session.findMany()
+    const sessionMap = new Map(sessions.map((s) => [s.sessionId, s]))
+
+    // --- Basic stats ---
+    const totalImages = images.length
+    const sessionsWithImages = new Set(images.map((i) => i.sessionId)).size
+    const totalSessions = sessions.length
+    const byMediaType: Record<string, number> = {}
+    let totalBytes = 0
+    for (const img of images) {
+      byMediaType[img.mediaType] = (byMediaType[img.mediaType] || 0) + 1
+      totalBytes += img.sizeBytes
+    }
+
+    // --- By project ---
+    const byProject: Record<string, number> = {}
+    for (const img of images) {
+      const session = sessionMap.get(img.sessionId)
+      if (session) {
+        byProject[session.project] = (byProject[session.project] || 0) + 1
+      }
+    }
+
+    // --- By hour (user's local timezone approximation via UTC) ---
+    const byHour: number[] = new Array(24).fill(0)
+    for (const img of images) {
+      const h = new Date(img.timestamp).getUTCHours()
+      byHour[h]++
+    }
+
+    // --- By date ---
+    const byDate: Record<string, number> = {}
+    for (const img of images) {
+      const d = img.timestamp.toISOString().slice(0, 10)
+      byDate[d] = (byDate[d] || 0) + 1
+    }
+
+    // --- Sessions with vs without images comparison ---
+    const withImageSessionIds = new Set(images.map((i) => i.sessionId))
+    let withImgStats = { count: 0, messages: 0, cost: 0, duration: 0, tools: 0 }
+    let noImgStats = { count: 0, messages: 0, cost: 0, duration: 0, tools: 0 }
+    for (const s of sessions) {
+      const target = withImageSessionIds.has(s.sessionId) ? withImgStats : noImgStats
+      target.count++
+      target.messages += s.totalMessages
+      target.cost += s.costUSD
+      target.duration += s.durationMinutes
+      target.tools += s.toolCallsTotal
+    }
+
+    // --- Images per session distribution ---
+    const imagesPerSession: Record<string, number> = {}
+    for (const img of images) {
+      imagesPerSession[img.sessionId] = (imagesPerSession[img.sessionId] || 0) + 1
+    }
+    const countDistribution: Record<number, { sessions: number; avgCost: number; avgMessages: number }> = {}
+    for (const [sid, count] of Object.entries(imagesPerSession)) {
+      const session = sessionMap.get(sid)
+      if (!session) continue
+      if (!countDistribution[count]) {
+        countDistribution[count] = { sessions: 0, avgCost: 0, avgMessages: 0 }
+      }
+      countDistribution[count].sessions++
+      countDistribution[count].avgCost += session.costUSD
+      countDistribution[count].avgMessages += session.totalMessages
+    }
+    for (const d of Object.values(countDistribution)) {
+      d.avgCost /= d.sessions
+      d.avgMessages /= d.sessions
+    }
+
+    // --- Screenshot frequency (time gaps between images in same session) ---
+    const imagesBySession = new Map<string, Date[]>()
+    for (const img of images) {
+      if (!imagesBySession.has(img.sessionId)) imagesBySession.set(img.sessionId, [])
+      imagesBySession.get(img.sessionId)!.push(new Date(img.timestamp))
+    }
+    const gaps: number[] = []
+    for (const timestamps of imagesBySession.values()) {
+      timestamps.sort((a, b) => a.getTime() - b.getTime())
+      for (let i = 1; i < timestamps.length; i++) {
+        const gap = (timestamps[i].getTime() - timestamps[i - 1].getTime()) / 60000
+        if (gap > 0) gaps.push(gap)
+      }
+    }
+    gaps.sort((a, b) => a - b)
+    const rapidFire = gaps.filter((g) => g < 2).length
+    const under5 = gaps.filter((g) => g < 5).length
+
+    // --- Top screenshot-heavy sessions ---
+    const topSessions = Object.entries(imagesPerSession)
+      .sort((a, b) => b[1] - a[1])
+      .slice(0, 10)
+      .map(([sid, count]) => {
+        const session = sessionMap.get(sid)
+        return {
+          sessionId: sid,
+          imageCount: count,
+          project: session?.project || 'unknown',
+          messages: session?.totalMessages || 0,
+          cost: session?.costUSD || 0,
+          date: session?.startTime.toISOString().slice(0, 10) || '',
+        }
+      })
+
+    // --- Recent images (for gallery) ---
+    const recentImages = images
+      .slice(-20)
+      .reverse()
+      .map((img) => ({
+        filename: img.filename,
+        sessionId: img.sessionId,
+        timestamp: img.timestamp.toISOString(),
+        sizeBytes: img.sizeBytes,
+        project: sessionMap.get(img.sessionId)?.project || 'unknown',
+      }))
+
+    return NextResponse.json({
+      overview: {
+        totalImages,
+        sessionsWithImages,
+        totalSessions,
+        percentWithImages: Math.round((sessionsWithImages / totalSessions) * 100),
+        totalSizeMB: Math.round(totalBytes / 1024 / 1024),
+        avgSizeKB: Math.round(totalBytes / totalImages / 1024),
+        byMediaType,
+      },
+      byProject: Object.entries(byProject)
+        .sort((a, b) => b[1] - a[1])
+        .map(([name, count]) => ({ name, count })),
+      byHour: byHour.map((count, hour) => ({ hour, count })),
+      byDate: Object.entries(byDate)
+        .sort((a, b) => a[0].localeCompare(b[0]))
+        .map(([date, count]) => ({ date: date.slice(5), count })),
+      comparison: {
+        withImages: {
+          sessions: withImgStats.count,
+          avgMessages: Math.round(withImgStats.messages / withImgStats.count),
+          avgCost: Number((withImgStats.cost / withImgStats.count).toFixed(2)),
+          avgDuration: Math.round(withImgStats.duration / withImgStats.count),
+          avgTools: Math.round(withImgStats.tools / withImgStats.count),
+        },
+        withoutImages: {
+          sessions: noImgStats.count,
+          avgMessages: Math.round(noImgStats.messages / noImgStats.count),
+          avgCost: Number((noImgStats.cost / noImgStats.count).toFixed(2)),
+          avgDuration: Math.round(noImgStats.duration / noImgStats.count),
+          avgTools: Math.round(noImgStats.tools / noImgStats.count),
+        },
+      },
+      screenshotFrequency: {
+        totalGaps: gaps.length,
+        medianMinutes: gaps.length ? Number(gaps[Math.floor(gaps.length / 2)].toFixed(1)) : 0,
+        meanMinutes: gaps.length ? Number((gaps.reduce((a, b) => a + b, 0) / gaps.length).toFixed(1)) : 0,
+        rapidFireCount: rapidFire,
+        rapidFirePercent: gaps.length ? Math.round((rapidFire / gaps.length) * 100) : 0,
+        under5Count: under5,
+        under5Percent: gaps.length ? Math.round((under5 / gaps.length) * 100) : 0,
+      },
+      topSessions,
+      recentImages,
+    })
+  } catch (error) {
+    console.error('Failed to analyze images:', error)
+    return NextResponse.json({ error: 'Failed to analyze images' }, { status: 500 })
+  }
+}

package/app/api/sync/route.ts

@@ -0,0 +1,14 @@
+import { NextResponse } from 'next/server'
+import { syncLogs } from '@/lib/sync'
+
+export const dynamic = 'force-dynamic'
+
+export async function POST() {
+  try {
+    const result = await syncLogs()
+    return NextResponse.json(result)
+  } catch (error) {
+    console.error('Sync failed:', error)
+    return NextResponse.json({ error: 'Sync failed' }, { status: 500 })
+  }
+}

package/app/api/usage/route.ts

@@ -0,0 +1,117 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { getUsageData } from '@/lib/queries'
+import { getCodexUsageData } from '@/lib/queries-codex'
+
+export const dynamic = 'force-dynamic'
+
+export async function GET(request: NextRequest) {
+  try {
+    const agent = request.nextUrl.searchParams.get('agent') || 'claude'
+
+    if (agent === 'codex') {
+      const data = getCodexUsageData()
+      return NextResponse.json(data)
+    }
+
+    if (agent === 'combined') {
+      const [claudeData, codexData] = await Promise.all([
+        getUsageData(),
+        Promise.resolve(getCodexUsageData()),
+      ])
+      const merged = mergeUsageData(claudeData, codexData)
+      return NextResponse.json(merged)
+    }
+
+    // Default: claude
+    const data = await getUsageData()
+    return NextResponse.json(data)
+  } catch (error) {
+    console.error('Failed to query usage data:', error)
+    return NextResponse.json({ error: 'Failed to query usage data' }, { status: 500 })
+  }
+}
+
+// ─── Merge two UsageData objects ─────────────────────────────────────
+
+import type { UsageData } from '@/lib/parse-logs'
+
+function mergeUsageData(a: UsageData, b: UsageData): UsageData {
+  const sessions = [...a.sessions, ...b.sessions].sort(
+    (x, y) => (y.startTime || '').localeCompare(x.startTime || '')
+  )
+
+  // Merge projects
+  const projectMap = new Map<string, (typeof a.projects)[0]>()
+  for (const proj of [...a.projects, ...b.projects]) {
+    const existing = projectMap.get(proj.name)
+    if (existing) {
+      existing.sessions += proj.sessions
+      existing.totalMessages += proj.totalMessages
+      existing.totalTokens += proj.totalTokens
+      existing.totalCost += proj.totalCost
+      existing.totalDurationMinutes += proj.totalDurationMinutes
+      for (const [tool, count] of Object.entries(proj.toolCalls)) {
+        existing.toolCalls[tool] = (existing.toolCalls[tool] || 0) + count
+      }
+    } else {
+      projectMap.set(proj.name, { ...proj, toolCalls: { ...proj.toolCalls } })
+    }
+  }
+
+  // Merge daily
+  const dailyMap = new Map<string, (typeof a.daily)[0]>()
+  for (const day of [...a.daily, ...b.daily]) {
+    const existing = dailyMap.get(day.date)
+    if (existing) {
+      existing.sessions += day.sessions
+      existing.messages += day.messages
+      existing.inputTokens += day.inputTokens
+      existing.outputTokens += day.outputTokens
+      existing.cacheCreationTokens += day.cacheCreationTokens
+      existing.cacheReadTokens += day.cacheReadTokens
+      existing.totalTokens += day.totalTokens
+      existing.costUSD += day.costUSD
+      existing.toolCalls += day.toolCalls
+    } else {
+      dailyMap.set(day.date, { ...day })
+    }
+  }
+
+  // Merge tool usage
+  const toolUsage: Record<string, number> = { ...a.toolUsage }
+  for (const [tool, count] of Object.entries(b.toolUsage)) {
+    toolUsage[tool] = (toolUsage[tool] || 0) + count
+  }
+
+  // Merge models
+  const models: Record<string, number> = { ...a.overview.models }
+  for (const [m, count] of Object.entries(b.overview.models)) {
+    models[m] = (models[m] || 0) + count
+  }
+
+  const projects = Array.from(projectMap.values()).sort((x, y) => y.totalCost - x.totalCost)
+  const daily = Array.from(dailyMap.values()).sort((x, y) => x.date.localeCompare(y.date))
+
+  return {
+    overview: {
+      totalSessions: a.overview.totalSessions + b.overview.totalSessions,
+      totalProjects: projects.length,
+      totalMessages: a.overview.totalMessages + b.overview.totalMessages,
+      totalUserMessages: a.overview.totalUserMessages + b.overview.totalUserMessages,
+      totalAssistantMessages: a.overview.totalAssistantMessages + b.overview.totalAssistantMessages,
+      totalInputTokens: a.overview.totalInputTokens + b.overview.totalInputTokens,
+      totalOutputTokens: a.overview.totalOutputTokens + b.overview.totalOutputTokens,
+      totalCacheCreationTokens: a.overview.totalCacheCreationTokens + b.overview.totalCacheCreationTokens,
+      totalCacheReadTokens: a.overview.totalCacheReadTokens + b.overview.totalCacheReadTokens,
+      totalTokens: a.overview.totalTokens + b.overview.totalTokens,
+      totalCostUSD: a.overview.totalCostUSD + b.overview.totalCostUSD,
+      totalDurationMinutes: a.overview.totalDurationMinutes + b.overview.totalDurationMinutes,
+      totalToolCalls: a.overview.totalToolCalls + b.overview.totalToolCalls,
+      models,
+    },
+    sessions,
+    projects,
+    daily,
+    toolUsage,
+  }
+}

package/app/globals.css

@@ -0,0 +1,144 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+    --font-heading: var(--font-sans);
+    --font-sans: var(--font-sans);
+    --color-sidebar-ring: var(--sidebar-ring);
+    --color-sidebar-border: var(--sidebar-border);
+    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+    --color-sidebar-accent: var(--sidebar-accent);
+    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+    --color-sidebar-primary: var(--sidebar-primary);
+    --color-sidebar-foreground: var(--sidebar-foreground);
+    --color-sidebar: var(--sidebar);
+    --color-chart-10: var(--chart-10);
+    --color-chart-9: var(--chart-9);
+    --color-chart-8: var(--chart-8);
+    --color-chart-7: var(--chart-7);
+    --color-chart-6: var(--chart-6);
+    --color-chart-5: var(--chart-5);
+    --color-chart-4: var(--chart-4);
+    --color-chart-3: var(--chart-3);
+    --color-chart-2: var(--chart-2);
+    --color-chart-1: var(--chart-1);
+    --color-ring: var(--ring);
+    --color-input: var(--input);
+    --color-border: var(--border);
+    --color-destructive: var(--destructive);
+    --color-accent-foreground: var(--accent-foreground);
+    --color-accent: var(--accent);
+    --color-muted-foreground: var(--muted-foreground);
+    --color-muted: var(--muted);
+    --color-secondary-foreground: var(--secondary-foreground);
+    --color-secondary: var(--secondary);
+    --color-primary-foreground: var(--primary-foreground);
+    --color-primary: var(--primary);
+    --color-popover-foreground: var(--popover-foreground);
+    --color-popover: var(--popover);
+    --color-card-foreground: var(--card-foreground);
+    --color-card: var(--card);
+    --color-foreground: var(--foreground);
+    --color-background: var(--background);
+    --radius-sm: calc(var(--radius) * 0.6);
+    --radius-md: calc(var(--radius) * 0.8);
+    --radius-lg: var(--radius);
+    --radius-xl: calc(var(--radius) * 1.4);
+    --radius-2xl: calc(var(--radius) * 1.8);
+    --radius-3xl: calc(var(--radius) * 2.2);
+    --radius-4xl: calc(var(--radius) * 2.6);
+}
+
+:root {
+    --background: oklch(1 0 0);
+    --foreground: oklch(0.145 0 0);
+    --card: oklch(1 0 0);
+    --card-foreground: oklch(0.145 0 0);
+    --popover: oklch(1 0 0);
+    --popover-foreground: oklch(0.145 0 0);
+    --primary: oklch(0.205 0 0);
+    --primary-foreground: oklch(0.985 0 0);
+    --secondary: oklch(0.97 0 0);
+    --secondary-foreground: oklch(0.205 0 0);
+    --muted: oklch(0.97 0 0);
+    --muted-foreground: oklch(0.556 0 0);
+    --accent: oklch(0.97 0 0);
+    --accent-foreground: oklch(0.205 0 0);
+    --destructive: oklch(0.577 0.245 27.325);
+    --border: oklch(0.922 0 0);
+    --input: oklch(0.922 0 0);
+    --ring: oklch(0.708 0 0);
+    --chart-1: oklch(0.70 0.12 250);
+    --chart-2: oklch(0.72 0.11 170);
+    --chart-3: oklch(0.68 0.10 300);
+    --chart-4: oklch(0.78 0.10 75);
+    --chart-5: oklch(0.72 0.10 25);
+    --chart-6: oklch(0.66 0.11 210);
+    --chart-7: oklch(0.75 0.10 130);
+    --chart-8: oklch(0.71 0.11 340);
+    --chart-9: oklch(0.73 0.10 50);
+    --chart-10: oklch(0.67 0.12 280);
+    --radius: 0.625rem;
+    --sidebar: oklch(0.985 0 0);
+    --sidebar-foreground: oklch(0.145 0 0);
+    --sidebar-primary: oklch(0.205 0 0);
+    --sidebar-primary-foreground: oklch(0.985 0 0);
+    --sidebar-accent: oklch(0.97 0 0);
+    --sidebar-accent-foreground: oklch(0.205 0 0);
+    --sidebar-border: oklch(0.922 0 0);
+    --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+    --background: oklch(0.145 0 0);
+    --foreground: oklch(0.985 0 0);
+    --card: oklch(0.205 0 0);
+    --card-foreground: oklch(0.985 0 0);
+    --popover: oklch(0.205 0 0);
+    --popover-foreground: oklch(0.985 0 0);
+    --primary: oklch(0.922 0 0);
+    --primary-foreground: oklch(0.205 0 0);
+    --secondary: oklch(0.269 0 0);
+    --secondary-foreground: oklch(0.985 0 0);
+    --muted: oklch(0.269 0 0);
+    --muted-foreground: oklch(0.708 0 0);
+    --accent: oklch(0.269 0 0);
+    --accent-foreground: oklch(0.985 0 0);
+    --destructive: oklch(0.704 0.191 22.216);
+    --border: oklch(1 0 0 / 10%);
+    --input: oklch(1 0 0 / 15%);
+    --ring: oklch(0.556 0 0);
+    --chart-1: oklch(0.72 0.12 250);
+    --chart-2: oklch(0.74 0.11 170);
+    --chart-3: oklch(0.70 0.10 300);
+    --chart-4: oklch(0.80 0.10 75);
+    --chart-5: oklch(0.74 0.10 25);
+    --chart-6: oklch(0.68 0.11 210);
+    --chart-7: oklch(0.77 0.10 130);
+    --chart-8: oklch(0.73 0.11 340);
+    --chart-9: oklch(0.75 0.10 50);
+    --chart-10: oklch(0.69 0.12 280);
+    --sidebar: oklch(0.205 0 0);
+    --sidebar-foreground: oklch(0.985 0 0);
+    --sidebar-primary: oklch(0.488 0.243 264.376);
+    --sidebar-primary-foreground: oklch(0.985 0 0);
+    --sidebar-accent: oklch(0.269 0 0);
+    --sidebar-accent-foreground: oklch(0.985 0 0);
+    --sidebar-border: oklch(1 0 0 / 10%);
+    --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+    }
+  body {
+    @apply bg-background text-foreground;
+    }
+  html {
+    @apply font-sans;
+    }
+}

package/app/icon.svg

@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 -77.5 1179 1179" class="icon"  version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M597.215632 994.574713h403.714943s43.549425-8.945287 43.549425-114.64092 94.16092-577.677241-459.976092-577.677241-457.151264 541.425287-457.151264 541.425287-25.423448 160.77977 54.848735 157.013333 415.014253-6.12046 415.014253-6.120459z" fill="#FFFFFF" /><path d="M1071.786667 712.798161h72.503908v136.297931h-72.503908zM36.016552 712.798161h72.503908v136.297931H36.016552z" fill="#EA5D5C" /><path d="M305.68366 559.40926l556.254412-1.165018 0.398364 190.20464-556.254412 1.165018-0.398364-190.20464Z" fill="#4C66AF" /><path d="M1129.931034 680.312644h-59.556781c-3.295632-152.069885-67.56046-258.942529-172.079081-324.384368l115.347127-238.462529a47.08046 47.08046 0 1 0-42.372414-20.48l-114.640919 236.57931a625.934713 625.934713 0 0 0-269.30023-53.200919 625.228506 625.228506 0 0 0-270.006437 54.848736l-115.817931-235.402299a47.08046 47.08046 0 1 0-42.372414 20.715402l117.701149 238.462529c-103.812414 65.441839-167.135632 173.02069-169.960459 324.61977H47.786667a47.08046 47.08046 0 0 0-47.08046 47.08046v117.701149a47.08046 47.08046 0 0 0 47.08046 47.08046h58.615172v57.908965a70.62069 70.62069 0 0 0 70.62069 70.62069l823.908046-1.647816a70.62069 70.62069 0 0 0 70.620689-70.62069v-57.908965h59.085977a47.08046 47.08046 0 0 0 47.08046-47.08046v-117.701149A47.08046 47.08046 0 0 0 1129.931034 680.312644zM94.16092 847.212874H47.08046v-117.70115h47.08046v117.70115z m929.83908 103.106206a23.54023 23.54023 0 0 1-23.54023 23.54023l-823.908046 1.647816a23.54023 23.54023 0 0 1-23.54023-23.540229v-258.942529c0-329.563218 303.668966-365.57977 434.788046-365.815173s435.494253 34.604138 436.20046 363.931954z m105.46023-105.224827h-47.08046v-117.70115h47.08046v117.70115z" fill="#3F4651" /><path d="M464.684138 135.827126l22.363218-19.53839 40.018391 62.381609a30.131494 30.131494 0 0 0 25.423448 13.888735h2.824828a30.131494 30.131494 0 0 0 25.188046-19.067586l20.715402-79.095172 21.186207 74.387126v2.118621a30.366897 30.366897 0 0 0 52.494713 6.826667l30.366896-57.202759 13.182529 12.947126a30.131494 30.131494 0 0 0 21.186207 8.709886h57.673563a23.54023 23.54023 0 0 0 23.54023-23.54023 23.54023 23.54023 0 0 0-23.54023-23.54023h-50.140689l-23.54023-23.54023a30.366897 30.366897 0 0 0-45.668046 3.766437l-21.42161 40.01839L629.465747 19.302989a30.131494 30.131494 0 0 0-28.012873-19.067587 30.131494 30.131494 0 0 0-28.012874 19.067587l-26.60046 101.693793-29.660689-47.08046a30.366897 30.366897 0 0 0-20.48-13.653333 30.837701 30.837701 0 0 0-23.54023 6.826666l-32.250115 28.248276h-60.027586a23.54023 23.54023 0 0 0-23.54023 23.54023 23.54023 23.54023 0 0 0 23.54023 23.54023h66.148046a31.308506 31.308506 0 0 0 17.655172-6.591265zM776.121379 532.950805H404.421149A121.232184 121.232184 0 0 0 282.482759 639.352644a117.701149 117.701149 0 0 0 117.701149 129.000459h371.70023a121.232184 121.232184 0 0 0 121.938391-106.401839 117.701149 117.701149 0 0 0-117.70115-129.000459z m0 188.321839H402.302529a72.503908 72.503908 0 0 1-72.268506-56.496552 70.62069 70.62069 0 0 1 68.972874-84.744828h373.81885a72.503908 72.503908 0 0 1 72.268506 56.496552 70.62069 70.62069 0 0 1-68.502069 84.744828z" fill="#3F4651" /></svg>

package/app/layout.tsx

@@ -0,0 +1,35 @@
+import { Geist, Geist_Mono, Inter } from "next/font/google"
+
+import "./globals.css"
+import { ThemeProvider } from "@/components/theme-provider"
+import { cn } from "@/lib/utils";
+
+const inter = Inter({subsets:['latin'],variable:'--font-sans'})
+
+const fontMono = Geist_Mono({
+  subsets: ["latin"],
+  variable: "--font-mono",
+})
+
+export const metadata = {
+  title: 'AgentFit — Coding Agent Fitness Tracker',
+  description: 'Track your AI coding agent\'s fitness — usage, costs, personality, and behavioral patterns across Claude Code, Codex, and more.',
+}
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  return (
+    <html
+      lang="en"
+      suppressHydrationWarning
+      className={cn("antialiased", fontMono.variable, "font-sans", inter.variable)}
+    >
+      <body>
+        <ThemeProvider>{children}</ThemeProvider>
+      </body>
+    </html>
+  )
+}

package/bin/agentfit.mjs

@@ -0,0 +1,69 @@
+#!/usr/bin/env node
+
+import { execSync, spawn } from 'child_process'
+import { existsSync, writeFileSync } from 'fs'
+import path from 'path'
+import { fileURLToPath } from 'url'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const ROOT = path.resolve(__dirname, '..')
+const PORT = process.env.AGENTFIT_PORT || process.env.PORT || '3000'
+
+function info(msg) {
+  console.log(`\x1b[1;34m==>\x1b[0m ${msg}`)
+}
+function ok(msg) {
+  console.log(`\x1b[1;32m==>\x1b[0m ${msg}`)
+}
+function error(msg) {
+  console.error(`\x1b[1;31m==>\x1b[0m ${msg}`)
+}
+
+function run(cmd, opts = {}) {
+  execSync(cmd, { cwd: ROOT, stdio: 'inherit', ...opts })
+}
+
+// ─── Ensure .env exists ─────────────────────────────────────────────
+const envPath = path.join(ROOT, '.env')
+if (!existsSync(envPath)) {
+  writeFileSync(envPath, 'DATABASE_URL="file:./dev.db"\n')
+}
+
+// ─── First-run setup: prisma generate + migrate ─────────────────────
+const generatedClient = path.join(ROOT, 'generated', 'prisma')
+if (!existsSync(generatedClient)) {
+  info('First run detected — generating Prisma client...')
+  run('npx prisma generate')
+}
+
+const dbPath = path.join(ROOT, 'dev.db')
+if (!existsSync(dbPath)) {
+  info('Creating database...')
+  run('npx prisma migrate deploy')
+}
+
+// ─── Build if .next doesn't exist ───────────────────────────────────
+const nextDir = path.join(ROOT, '.next')
+if (!existsSync(nextDir)) {
+  info('Building production bundle (first run)...')
+  run('npm run build')
+}
+
+// ─── Start server ───────────────────────────────────────────────────
+ok(`Starting AgentFit on http://localhost:${PORT}`)
+console.log('  Press Ctrl+C to stop.\n')
+
+const server = spawn('npx', ['next', 'start', '-p', PORT], {
+  cwd: ROOT,
+  stdio: 'inherit',
+  env: { ...process.env, PORT },
+})
+
+server.on('close', (code) => process.exit(code ?? 0))
+
+// Forward signals
+for (const sig of ['SIGINT', 'SIGTERM']) {
+  process.on(sig, () => {
+    server.kill(sig)
+  })
+}