prjct-cli 0.18.2 → 0.20.0

package/packages/web/app/project/[id]/page.tsx

@@ -1,384 +0,0 @@
-import { notFound } from 'next/navigation'
-import type { Metadata } from 'next'
-import {
-  getStats,
-  getInsightMessage,
-  calculateStreak,
-  getVelocityChange,
-  getWeeklyVelocityData,
-  type StatsResult
-} from '@/lib/services/stats.server'
-import { getProject } from '@/lib/services/projects.server'
-import { getProjectEmoji } from '@/lib/project-colors'
-import type { TimelineEvent } from '@/lib/parse-prjct-files'
-
-import { HeroSection } from '@/components/HeroSection'
-import { StatsMasonry } from '@/components/StatsMasonry'
-
-// Dynamic metadata for browser tab title
-export async function generateMetadata({ params }: { params: Promise<{ id: string }> }): Promise<Metadata> {
-  const { id: projectId } = await params
-  const project = await getProject(projectId)
-  const projectName = project?.name ?? projectId
-  const emoji = getProjectEmoji(projectId)
-
-  return {
-    title: `${emoji} ${projectName} / p.`,
-  }
-}
-
-// Types for normalized component data
-interface NormalizedCurrentTask {
-  task: string
-  startedAt?: string
-  agent?: string
-  estimatedDuration?: string
-  pausedAt?: string
-  pauseReason?: string
-}
-
-interface NormalizedQueueItem {
-  task: string
-  priority?: 'low' | 'medium' | 'high' | 'critical' | number
-  estimatedDuration?: string
-}
-
-interface NormalizedShip {
-  name: string
-  date: string
-  duration?: string
-}
-
-interface NormalizedIdea {
-  title: string
-  impact?: string
-}
-
-interface NormalizedAgent {
-  name: string
-  description?: string
-  successRate?: number
-  tasksCompleted?: number
-  bestFor?: string[]
-}
-
-interface NormalizedRoadmap {
-  phases: Array<{
-    name: string
-    progress: number
-    features?: Array<{ name: string; status: string }>
-  }>
-  progress: number
-}
-
-// Data normalization functions
-function normalizeCurrentTask(stats: StatsResult): NormalizedCurrentTask | null {
-  if (stats.state?.currentTask) {
-    return {
-      task: stats.state.currentTask.description,
-      startedAt: stats.state.currentTask.startedAt,
-      // Simplified - removed legacy fields not in new schema
-    }
-  }
-  return stats.legacyStats?.currentTask ?? null
-}
-
-function normalizeQueue(stats: StatsResult): NormalizedQueueItem[] {
-  if (stats.queue?.tasks) {
-    return stats.queue.tasks
-      .filter(t => !t.completed)
-      .map(q => ({
-        task: q.description,
-        priority: q.priority,
-      }))
-  }
-  return stats.legacyStats?.queue ?? []
-}
-
-function normalizeRoadmap(stats: StatsResult): NormalizedRoadmap | null {
-  const features = stats.roadmap?.features ?? []
-  if (features.length > 0) {
-    const completed = features.filter(f =>
-      f.status === 'shipped' || f.status === 'completed'
-    ).length
-
-    return {
-      phases: features.map(f => ({
-        name: f.name,
-        progress: f.status === 'shipped' || f.status === 'completed' ? 100 :
-                  f.status === 'active' ? 50 : 0,
-        features: f.tasks.map(t => ({
-          name: t.description,
-          status: t.completed ? 'completed' : 'pending'
-        }))
-      })),
-      progress: Math.round((completed / features.length) * 100)
-    }
-  }
-  return stats.legacyStats?.roadmap ?? null
-}
-
-function normalizeShipped(stats: StatsResult): NormalizedShip[] {
-  // Try new format first
-  const items = stats.shipped?.items ?? []
-  if (items.length > 0) {
-    return items.map(s => ({
-      name: s.name,
-      date: s.shippedAt || s.date || new Date().toISOString(),
-    }))
-  }
-  // Fallback to legacy
-  return (stats.legacyStats?.shipped ?? []).map(s => ({
-    name: s.name,
-    date: s.date,
-    duration: s.time,
-  }))
-}
-
-function normalizeIdeas(stats: StatsResult): NormalizedIdea[] {
-  // Try new format first
-  const ideas = stats.ideas?.ideas ?? []
-  if (ideas.length > 0) {
-    return ideas
-      .filter(i => i.status === 'pending')
-      .map(i => ({
-        title: i.text,
-        impact: i.priority?.toUpperCase() || 'MEDIUM'
-      }))
-  }
-  // Fallback to legacy
-  return (stats.legacyStats?.ideas?.pending ?? []).map(i => ({
-    title: i.title,
-    impact: i.impact?.toUpperCase() || 'MEDIUM'
-  }))
-}
-
-function normalizeAgents(stats: StatsResult): NormalizedAgent[] {
-  // Try new format first
-  if (stats.agents.length > 0) {
-    return stats.agents.map(a => ({
-      name: a.name,
-      description: a.description,
-      successRate: a.successRate,
-      tasksCompleted: a.tasksCompleted,
-      bestFor: a.bestFor,
-    }))
-  }
-  // Fallback to legacy
-  return (stats.legacyStats?.agents ?? []).map(a => ({
-    name: a.name,
-    description: a.role,
-    bestFor: a.whenToUse,
-  }))
-}
-
-function normalizeTimeline(stats: StatsResult): TimelineEvent[] {
-  if (stats.metrics?.recentActivity?.length) {
-    return stats.metrics.recentActivity.map(a => ({
-      ts: a.timestamp,
-      type: a.action || a.type || 'task_completed',
-      task: a.description || '',
-    }))
-  }
-  return stats.legacyStats?.timeline ?? []
-}
-
-function getVelocity(stats: StatsResult): number {
-  if (stats.metrics?.velocity?.tasksPerDay) {
-    return stats.metrics.velocity.tasksPerDay
-  }
-  return stats.legacyStats?.metrics?.velocity?.tasksPerDay ?? 0
-}
-
-function getTotalShips(stats: StatsResult): number {
-  // Use shipped.md items count (legacyStats.shipped) as source of truth
-  return stats.shipped?.items?.length ?? stats.legacyStats?.shipped?.length ?? 0
-}
-
-function getCompletionRate(stats: StatsResult): number {
-  const completed = stats.legacyStats?.shipped?.length ?? 0
-  const pending = stats.legacyStats?.queue?.length ?? 0
-  const total = completed + pending
-  if (total === 0) return 0
-  return Math.round((completed / total) * 100)
-}
-
-// Calculate streak from legacy timeline
-function calculateStreakFromTimeline(stats: StatsResult): number {
-  const timeline = stats.legacyStats?.timeline ?? []
-  if (timeline.length === 0) return 0
-
-  const activityDates = new Set(
-    timeline.map(e => e.ts?.split('T')[0]).filter(Boolean)
-  )
-
-  const today = new Date()
-  today.setHours(0, 0, 0, 0)
-
-  const days = Array.from({ length: 30 }, (_, i) => {
-    const date = new Date(today)
-    date.setDate(date.getDate() - i)
-    return date.toISOString().split('T')[0]
-  })
-
-  const firstGapIndex = days.findIndex(date => !activityDates.has(date))
-
-  if (firstGapIndex === 0) {
-    const yesterdayHasActivity = activityDates.has(days[1])
-    if (!yesterdayHasActivity) return 0
-    const remainingDays = days.slice(1)
-    const gapFromYesterday = remainingDays.findIndex(date => !activityDates.has(date))
-    return gapFromYesterday === -1 ? remainingDays.length : gapFromYesterday
-  }
-
-  return firstGapIndex === -1 ? days.length : firstGapIndex
-}
-
-// Get weekly velocity data from legacy timeline
-function getWeeklyDataFromTimeline(stats: StatsResult): number[] {
-  const timeline = stats.legacyStats?.timeline ?? []
-  if (timeline.length === 0) return []
-
-  const today = new Date()
-
-  return Array.from({ length: 7 }, (_, i) => {
-    const date = new Date(today)
-    date.setDate(date.getDate() - (6 - i))
-    const dateStr = date.toISOString().split('T')[0]
-
-    return timeline.filter(e => e.ts?.startsWith(dateStr)).length
-  })
-}
-
-interface PageProps {
-  params: Promise<{ id: string }>
-}
-
-export default async function ProjectStatsPage({ params }: PageProps) {
-  const { id: projectId } = await params
-
-  // Fetch data directly on server - no API calls
-  const [project, stats] = await Promise.all([
-    getProject(projectId),
-    getStats(projectId)
-  ])
-
-  if (!stats.hasData) {
-    notFound()
-  }
-
-  // Compute derived values using service functions
-  // Use legacy timeline for streak/weekly if metrics is empty
-  const streak = stats.metrics?.recentActivity?.length
-    ? calculateStreak(stats.metrics)
-    : calculateStreakFromTimeline(stats)
-  const velocity = getVelocity(stats)
-  const velocityChange = getVelocityChange(velocity)
-  const insightMessage = getInsightMessage(stats, streak)
-  const weeklyVelocityData = stats.metrics?.recentActivity?.length
-    ? getWeeklyVelocityData(stats.metrics)
-    : getWeeklyDataFromTimeline(stats)
-
-  // Normalize data for components
-  const currentTask = normalizeCurrentTask(stats)
-  const queue = normalizeQueue(stats)
-  const roadmap = normalizeRoadmap(stats)
-  const shipped = normalizeShipped(stats)
-  const ideas = normalizeIdeas(stats)
-  const agents = normalizeAgents(stats)
-  const timeline = normalizeTimeline(stats)
-
-  // DRY: Use counts from getProject() - same source as dashboard
-  const totalShips = project?.shippedCount ?? 0
-  const completionRate = project?.completionRate ?? 0
-
-  // Extract insights
-  const { estimateAccuracy, blockers } = stats.insights
-
-  return (
-    <div className="flex h-full flex-col p-4 md:p-6 overflow-auto overflow-x-hidden">
-      {/* Mobile: Add padding for hamburger menu */}
-      <div className="pl-10 md:pl-0">
-        <HeroSection
-          projectId={projectId}
-          projectName={project?.name ?? projectId}
-          projectVersion={project?.version}
-          totalShips={totalShips}
-          completionRate={completionRate}
-          streak={streak}
-          insightMessage={insightMessage}
-          timeline={timeline}
-        />
-      </div>
-
-      {/* Quick Stats Bar */}
-      <div className="grid grid-cols-2 sm:grid-cols-4 gap-2 sm:gap-3 mt-4 mb-6">
-        <div className="bg-card border rounded-lg p-2 sm:p-3 flex items-center gap-2 sm:gap-3">
-          <div className="h-8 w-8 sm:h-10 sm:w-10 rounded-lg bg-muted flex items-center justify-center shrink-0">
-            <svg className="h-4 w-4 sm:h-5 sm:w-5 text-muted-foreground" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 3l14 9-14 9V3z" />
-            </svg>
-          </div>
-          <div className="min-w-0">
-            <div className="text-xl sm:text-2xl font-bold tabular-nums">{totalShips}</div>
-            <div className="text-xs text-muted-foreground truncate">Shipped</div>
-          </div>
-        </div>
-        <div className="bg-card border rounded-lg p-2 sm:p-3 flex items-center gap-2 sm:gap-3">
-          <div className="h-8 w-8 sm:h-10 sm:w-10 rounded-lg bg-muted flex items-center justify-center shrink-0">
-            <svg className="h-4 w-4 sm:h-5 sm:w-5 text-muted-foreground" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
-            </svg>
-          </div>
-          <div className="min-w-0">
-            <div className="text-xl sm:text-2xl font-bold tabular-nums">{queue.length}</div>
-            <div className="text-xs text-muted-foreground truncate">Queue</div>
-          </div>
-        </div>
-        <div className="bg-card border rounded-lg p-2 sm:p-3 flex items-center gap-2 sm:gap-3">
-          <div className="h-8 w-8 sm:h-10 sm:w-10 rounded-lg bg-muted flex items-center justify-center shrink-0">
-            <svg className="h-4 w-4 sm:h-5 sm:w-5 text-muted-foreground" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z" />
-            </svg>
-          </div>
-          <div className="min-w-0">
-            <div className="text-xl sm:text-2xl font-bold tabular-nums">{streak}</div>
-            <div className="text-xs text-muted-foreground truncate">Streak</div>
-          </div>
-        </div>
-        <div className="bg-card border rounded-lg p-2 sm:p-3 flex items-center gap-2 sm:gap-3">
-          <div className="h-8 w-8 sm:h-10 sm:w-10 rounded-lg bg-muted flex items-center justify-center shrink-0">
-            <svg className="h-4 w-4 sm:h-5 sm:w-5 text-muted-foreground" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
-            </svg>
-          </div>
-          <div className="min-w-0">
-            <div className="text-xl sm:text-2xl font-bold tabular-nums">{ideas.length}</div>
-            <div className="text-xs text-muted-foreground truncate">Ideas</div>
-          </div>
-        </div>
-      </div>
-
-      {/* Main Content - Masonry Layout */}
-      <StatsMasonry
-        projectId={projectId}
-        currentTask={currentTask}
-        velocity={velocity}
-        weeklyVelocityData={weeklyVelocityData}
-        velocityChange={velocityChange}
-        estimateAccuracy={estimateAccuracy}
-        roadmap={roadmap}
-        queue={queue}
-        shipped={shipped}
-        totalShips={totalShips}
-        streak={streak}
-        blockers={blockers}
-        ideas={ideas}
-        agents={agents}
-        timeline={timeline}
-      />
-
-      <div className="h-4" />
-    </div>
-  )
-}

package/packages/web/app/project/[id]/reports/page.tsx

@@ -1,59 +0,0 @@
-import { notFound } from 'next/navigation'
-import Link from 'next/link'
-import type { Metadata } from 'next'
-import { ArrowLeft } from 'lucide-react'
-import { getStats } from '@/lib/services/stats.server'
-import { getProject } from '@/lib/services/projects.server'
-import { getProjectEmoji } from '@/lib/project-colors'
-import { WeeklyReports } from '@/components/WeeklyReports'
-
-export async function generateMetadata({ params }: { params: Promise<{ id: string }> }): Promise<Metadata> {
-  const { id: projectId } = await params
-  const project = await getProject(projectId)
-  const projectName = project?.name ?? projectId
-  const emoji = getProjectEmoji(projectId)
-
-  return {
-    title: `${emoji} ${projectName} / Reports / p.`,
-  }
-}
-
-interface PageProps {
-  params: Promise<{ id: string }>
-}
-
-export default async function ReportsPage({ params }: PageProps) {
-  const { id: projectId } = await params
-
-  const [project, stats] = await Promise.all([
-    getProject(projectId),
-    getStats(projectId)
-  ])
-
-  if (!stats.hasData) {
-    notFound()
-  }
-
-  const projectName = project?.name ?? projectId
-
-  return (
-    <div className="flex h-full flex-col p-4 md:p-6 overflow-auto">
-      {/* Header with back navigation */}
-      <div className="pl-10 md:pl-0 mb-6">
-        <Link
-          href={`/project/${projectId}`}
-          className="inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors mb-4"
-        >
-          <ArrowLeft className="h-4 w-4" />
-          Back to {projectName}
-        </Link>
-        <h1 className="text-3xl font-bold">Weekly Reports</h1>
-      </div>
-
-      <div className="pl-10 md:pl-0">
-        <WeeklyReports stats={stats} projectName={projectName} />
-      </div>
-      <div className="h-4" />
-    </div>
-  )
-}

package/packages/web/app/project/[id]/reports/print/page.tsx

@@ -1,58 +0,0 @@
-import type { Metadata } from 'next'
-import { getStats } from '@/lib/services/stats.server'
-import { getProject } from '@/lib/projects'
-import { getProjectEmoji } from '@/lib/project-colors'
-import { PrintableReport } from '@/components/WeeklyReports/PrintableReport'
-
-export async function generateMetadata({ params }: { params: Promise<{ id: string }> }): Promise<Metadata> {
-  const { id: projectId } = await params
-  const project = await getProject(projectId)
-  const projectName = project?.name ?? projectId
-  const emoji = getProjectEmoji(projectId)
-
-  return {
-    title: `${emoji} ${projectName} / Print / p.`,
-  }
-}
-
-interface Props {
-  params: Promise<{ id: string }>
-  searchParams: Promise<{ weeks?: string; year?: string }>
-}
-
-export default async function PrintReportPage({ params, searchParams }: Props) {
-  const { id } = await params
-  const { weeks, year } = await searchParams
-
-  const project = await getProject(id)
-  if (!project) {
-    return <div className="p-8 text-center">Project not found</div>
-  }
-
-  const stats = await getStats(id)
-
-  // Parse weeks from query params (comma-separated)
-  const selectedWeeks = weeks
-    ? weeks.split(',').map(Number).filter(n => !isNaN(n))
-    : [getCurrentWeek()]
-
-  const selectedYear = year ? parseInt(year) : new Date().getFullYear()
-
-  return (
-    <PrintableReport
-      stats={stats}
-      projectName={project.name}
-      selectedWeeks={selectedWeeks}
-      year={selectedYear}
-    />
-  )
-}
-
-function getCurrentWeek(): number {
-  const now = new Date()
-  const d = new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate()))
-  const dayNum = d.getUTCDay() || 7
-  d.setUTCDate(d.getUTCDate() + 4 - dayNum)
-  const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1))
-  return Math.ceil((((d.getTime() - yearStart.getTime()) / 86400000) + 1) / 7)
-}

package/packages/web/app/sessions/page.tsx

@@ -1,165 +0,0 @@
-'use client'
-
-import { useQuery } from '@tanstack/react-query'
-import { Clock, Target, CheckCircle, PauseCircle, GitCommit, FileCode } from 'lucide-react'
-
-function formatDuration(ms: number): string {
-  const hours = Math.floor(ms / 3600000)
-  const minutes = Math.floor((ms % 3600000) / 60000)
-  if (hours > 0) return `${hours}h ${minutes}m`
-  return `${minutes}m`
-}
-
-function getRelativeTime(dateString: string): string {
-  const date = new Date(dateString)
-  const now = new Date()
-  const diff = now.getTime() - date.getTime()
-  const minutes = Math.floor(diff / 60000)
-  const hours = Math.floor(diff / 3600000)
-  const days = Math.floor(diff / 86400000)
-
-  if (minutes < 1) return 'just now'
-  if (minutes < 60) return `${minutes}m ago`
-  if (hours < 24) return `${hours}h ago`
-  return `${days}d ago`
-}
-
-export default function Sessions() {
-  const { data: projects } = useQuery({
-    queryKey: ['projects'],
-    queryFn: async () => {
-      const res = await fetch('/api/projects')
-      const json = await res.json()
-      return json.data || []
-    }
-  })
-
-  // Get sessions from first project (for demo)
-  const projectId = projects?.[0]?.id
-
-  const { data: sessions, isLoading } = useQuery({
-    queryKey: ['sessions', projectId],
-    queryFn: async () => {
-      if (!projectId) return []
-      const res = await fetch(`/api/sessions?projectId=${projectId}`)
-      const json = await res.json()
-      return json.data || []
-    },
-    enabled: !!projectId
-  })
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center h-full">
-        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary" />
-      </div>
-    )
-  }
-
-  return (
-    <div className="p-6 h-full overflow-auto">
-      <header className="mb-6">
-        <h1 className="text-2xl font-bold flex items-center gap-2">
-          <Clock className="w-6 h-6" />
-          Sessions
-        </h1>
-        <p className="text-muted-foreground mt-1">
-          Your work session history
-        </p>
-      </header>
-
-      {!sessions?.length ? (
-        <div className="border border-dashed border-border rounded-lg p-8 text-center">
-          <Clock className="w-12 h-12 text-muted-foreground mx-auto mb-4" />
-          <p className="text-muted-foreground">
-            No sessions yet. Start one with <code className="bg-muted px-2 py-1 rounded">/p:now</code>
-          </p>
-        </div>
-      ) : (
-        <div className="space-y-4">
-          {sessions.map((session: Session) => (
-            <SessionCard key={session.id} session={session} />
-          ))}
-        </div>
-      )}
-    </div>
-  )
-}
-
-interface Session {
-  id: string
-  task: string
-  status: 'active' | 'paused' | 'completed'
-  startedAt: string
-  completedAt?: string
-  duration: number
-  metrics: {
-    filesChanged: number
-    linesAdded: number
-    linesRemoved: number
-    commits: number
-  }
-}
-
-function SessionCard({ session }: { session: Session }) {
-  const statusConfig = {
-    active: {
-      icon: Target,
-      color: 'text-green-500',
-      bg: 'bg-green-500/10',
-      label: 'Active'
-    },
-    paused: {
-      icon: PauseCircle,
-      color: 'text-yellow-500',
-      bg: 'bg-yellow-500/10',
-      label: 'Paused'
-    },
-    completed: {
-      icon: CheckCircle,
-      color: 'text-blue-500',
-      bg: 'bg-blue-500/10',
-      label: 'Completed'
-    }
-  }
-
-  const status = statusConfig[session.status]
-  const StatusIcon = status.icon
-
-  return (
-    <div className="bg-card border border-border rounded-lg p-4">
-      <div className="flex items-start justify-between mb-3">
-        <div className="flex-1">
-          <h3 className="font-medium mb-1">{session.task}</h3>
-          <div className="flex items-center gap-3 text-sm text-muted-foreground">
-            <span>{getRelativeTime(session.startedAt)}</span>
-            <span>•</span>
-            <span>{formatDuration(session.duration)}</span>
-          </div>
-        </div>
-
-        <div className={`flex items-center gap-1.5 px-2 py-1 rounded-md text-xs font-medium ${status.bg} ${status.color}`}>
-          <StatusIcon className="w-3 h-3" />
-          {status.label}
-        </div>
-      </div>
-
-      <div className="flex items-center gap-4 text-sm text-muted-foreground">
-        <span className="flex items-center gap-1">
-          <FileCode className="w-3.5 h-3.5" />
-          {session.metrics.filesChanged} files
-        </span>
-        <span className="flex items-center gap-1 text-green-500">
-          +{session.metrics.linesAdded}
-        </span>
-        <span className="flex items-center gap-1 text-red-500">
-          -{session.metrics.linesRemoved}
-        </span>
-        <span className="flex items-center gap-1">
-          <GitCommit className="w-3.5 h-3.5" />
-          {session.metrics.commits} commits
-        </span>
-      </div>
-    </div>
-  )
-}