prjct-cli 0.18.2 → 0.20.0

package/packages/web/components/QueueCard/QueueCard.utils.ts

@@ -1,12 +0,0 @@
-export function getPriorityColor(priority?: 'low' | 'medium' | 'high' | 'critical' | number): string {
-  if (typeof priority === 'string') {
-    const colors: Record<string, string> = {
-      critical: 'text-foreground font-bold',
-      high: 'text-foreground',
-      medium: 'text-muted-foreground',
-      low: 'text-muted-foreground',
-    }
-    return colors[priority] ?? 'text-muted-foreground'
-  }
-  return 'text-muted-foreground'
-}

package/packages/web/components/QueueCard/index.ts

@@ -1,2 +0,0 @@
-export { QueueCard } from './QueueCard'
-export type { QueueCardProps } from './QueueCard.types'

package/packages/web/components/RecoverCard/RecoverCard.tsx

@@ -1,72 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import { AlertCircle, ChevronRight, Clock, MessageSquare } from 'lucide-react'
-import { Badge } from '@/components/ui/badge'
-import { cn } from '@/lib/utils'
-import type { RecoverCardProps } from './RecoverCard.types'
-
-export function RecoverCard({ abandonedSessions, codeHref, className }: RecoverCardProps) {
-  if (abandonedSessions.length === 0) return null
-
-  return (
-    <div className={cn(
-      'relative overflow-hidden rounded-xl border border-yellow-500/30 bg-yellow-500/5 p-4 min-w-0 max-w-full',
-      className
-    )}>
-      <div className="flex items-center justify-between mb-3 min-w-0">
-        <div className="flex items-center gap-2 min-w-0">
-          <AlertCircle className="h-4 w-4 text-yellow-500 shrink-0" />
-          <span className="text-xs font-bold uppercase tracking-[0.15em] text-yellow-600 dark:text-yellow-500 truncate">
-            Recover
-          </span>
-        </div>
-        <Badge variant="outline" className="text-yellow-600 dark:text-yellow-500 border-yellow-500/50 shrink-0">
-          {abandonedSessions.length}
-        </Badge>
-      </div>
-
-      <div className="space-y-2 min-w-0 max-w-full">
-        {abandonedSessions.slice(0, 3).map((session) => (
-          <Link
-            key={session.id}
-            href={`${codeHref}?cmd=p.%20recover`}
-            className="block py-2 px-2 -mx-2 hover:bg-yellow-500/10 rounded-lg transition-colors group"
-          >
-            <div className="flex items-start justify-between gap-2">
-              <div className="flex-1 min-w-0">
-                <p className="text-sm font-medium leading-tight truncate group-hover:text-foreground transition-colors">
-                  {session.task}
-                </p>
-                <div className="flex items-center gap-2 mt-1 text-xs text-muted-foreground">
-                  <Clock className="h-3 w-3 shrink-0" />
-                  <span>{session.hoursAgo}h ago</span>
-                  {session.projectName && (
-                    <>
-                      <span className="text-muted-foreground/50">|</span>
-                      <span className="truncate">{session.projectName}</span>
-                    </>
-                  )}
-                </div>
-                {session.prompt && (
-                  <div className="flex items-start gap-1.5 mt-1.5">
-                    <MessageSquare className="h-3 w-3 text-muted-foreground/70 shrink-0 mt-0.5" />
-                    <p className="text-xs text-muted-foreground/70 italic line-clamp-2">
-                      &quot;{session.prompt.slice(0, 80)}{session.prompt.length > 80 ? '...' : ''}&quot;
-                    </p>
-                  </div>
-                )}
-              </div>
-              <ChevronRight className="h-4 w-4 text-muted-foreground/50 opacity-0 group-hover:opacity-100 transition-opacity shrink-0 mt-1" />
-            </div>
-          </Link>
-        ))}
-        {abandonedSessions.length > 3 && (
-          <p className="text-xs text-yellow-600/70 dark:text-yellow-500/70 text-center pt-1">
-            +{abandonedSessions.length - 3} more abandoned sessions
-          </p>
-        )}
-      </div>
-    </div>
-  )
-}

package/packages/web/components/RecoverCard/RecoverCard.types.ts

@@ -1,16 +0,0 @@
-export interface AbandonedSession {
-  id: string
-  task: string
-  projectId: string
-  projectName?: string
-  startedAt: string
-  lastActivity?: string
-  hoursAgo: number
-  prompt?: string
-}
-
-export interface RecoverCardProps {
-  abandonedSessions: AbandonedSession[]
-  codeHref: string
-  className?: string
-}

package/packages/web/components/RecoverCard/index.ts

@@ -1,2 +0,0 @@
-export { RecoverCard } from './RecoverCard'
-export type { RecoverCardProps, AbandonedSession } from './RecoverCard.types'

package/packages/web/components/RoadmapCard/RoadmapCard.tsx

@@ -1,145 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import { EmptyState } from '@/components/EmptyState'
-import { Map, ChevronRight, CheckCircle2, Circle } from 'lucide-react'
-import { cn } from '@/lib/utils'
-import type { RoadmapCardProps } from './RoadmapCard.types'
-
-// Traffic light colors for progress: green=100%, yellow=50-99%, red=<50%
-function getProgressColor(progress: number): string {
-  if (progress >= 100) return 'bg-emerald-500'
-  if (progress >= 50) return 'bg-amber-500'
-  return 'bg-red-500'
-}
-
-export function RoadmapCard({ roadmap, codeHref, className }: RoadmapCardProps) {
-  const hasPhases = roadmap?.phases && roadmap.phases.length > 0
-
-  return (
-    <div className={cn(
-      'relative overflow-hidden rounded-xl border bg-card p-4',
-      className
-    )}>
-      <div className="flex items-center justify-between mb-3">
-        <div className="flex items-center gap-2">
-          <Map className="h-4 w-4 text-muted-foreground" />
-          <span className="text-xs font-bold uppercase tracking-[0.15em] text-muted-foreground">
-            Roadmap
-          </span>
-        </div>
-        {hasPhases && (
-          <span className="text-xs font-bold tabular-nums">
-            {roadmap.progress}%
-          </span>
-        )}
-      </div>
-
-      {!hasPhases ? (
-        <EmptyState
-          icon={Map}
-          title="No roadmap yet"
-          description="Plan your features"
-          command="/p:feature"
-          href={codeHref}
-        />
-      ) : (
-        <div className="space-y-4">
-          {/* Overall progress */}
-          <div>
-            <div className="flex items-center justify-between mb-2">
-              <span className="text-xs text-muted-foreground">Overall progress</span>
-              <span className="text-sm font-bold tabular-nums">{roadmap.progress}%</span>
-            </div>
-            <div className="h-3 bg-muted rounded-full overflow-hidden">
-              <div
-                className={cn("h-full rounded-full transition-all duration-500", getProgressColor(roadmap.progress))}
-                style={{ width: `${roadmap.progress}%` }}
-              />
-            </div>
-          </div>
-
-          {/* Phases with features */}
-          <div className="space-y-4">
-            {roadmap.phases
-              .filter(p => (p.features || []).length > 0)
-              .slice(0, 6)
-              .map((phase) => (
-                <div key={phase.name} className="group">
-                  <div className="flex items-center justify-between mb-2">
-                    <div className="flex items-center gap-2">
-                      {phase.progress === 100 ? (
-                        <CheckCircle2 className="h-4 w-4 text-muted-foreground" />
-                      ) : (
-                        <Circle className="h-4 w-4 text-muted-foreground" />
-                      )}
-                      <span className="text-sm font-medium">
-                        {phase.name}
-                      </span>
-                    </div>
-                    <span className="text-xs font-bold tabular-nums shrink-0 ml-2 text-muted-foreground">
-                      {phase.progress}%
-                    </span>
-                  </div>
-                  <div className="h-2 bg-muted rounded-full overflow-hidden ml-6">
-                    <div
-                      className={cn("h-full rounded-full transition-all duration-300", getProgressColor(phase.progress))}
-                      style={{ width: `${phase.progress}%` }}
-                    />
-                  </div>
-                  {/* Show features under each phase */}
-                  {phase.features && phase.features.length > 0 && (
-                    <div className="ml-6 mt-2 space-y-1">
-                      {phase.features.slice(0, 3).map((feature, i) => {
-                        const isCompleted = feature.status === 'completed'
-                        const cmdHref = codeHref && !isCompleted
-                          ? `${codeHref}?cmd=${encodeURIComponent(`p. work "${feature.name}"`)}`
-                          : undefined
-
-                        const content = (
-                          <>
-                            <ChevronRight className="h-3 w-3 shrink-0" />
-                            <span className={cn(
-                              'truncate',
-                              isCompleted && 'line-through opacity-60'
-                            )}>
-                              {feature.name}
-                            </span>
-                          </>
-                        )
-
-                        return cmdHref ? (
-                          <Link
-                            key={i}
-                            href={cmdHref}
-                            className="flex items-center gap-2 text-xs text-muted-foreground hover:text-foreground hover:bg-muted/50 rounded px-1 -mx-1 py-0.5 transition-colors cursor-pointer"
-                          >
-                            {content}
-                          </Link>
-                        ) : (
-                          <div key={i} className="flex items-center gap-2 text-xs text-muted-foreground">
-                            {content}
-                          </div>
-                        )
-                      })}
-                      {phase.features.length > 3 && (
-                        <span className="text-xs text-muted-foreground/70 ml-5">
-                          +{phase.features.length - 3} more
-                        </span>
-                      )}
-                    </div>
-                  )}
-                </div>
-              ))}
-          </div>
-
-          {roadmap.phases.length > 0 && (
-            <p className="text-xs text-muted-foreground border-t pt-3 mt-3">
-              {roadmap.phases.reduce((acc, p) => acc + (p.features?.length || 0), 0)} features across {roadmap.phases.length} phases
-            </p>
-          )}
-        </div>
-      )}
-    </div>
-  )
-}

package/packages/web/components/RoadmapCard/RoadmapCard.types.ts

@@ -1,16 +0,0 @@
-export interface RoadmapPhase {
-  name: string
-  progress: number
-  features?: Array<{ name: string; status: string }>
-}
-
-export interface RoadmapData {
-  phases: RoadmapPhase[]
-  progress: number
-}
-
-export interface RoadmapCardProps {
-  roadmap: RoadmapData | null
-  codeHref?: string
-  className?: string
-}

package/packages/web/components/RoadmapCard/index.ts

@@ -1,2 +0,0 @@
-export { RoadmapCard } from './RoadmapCard'
-export type { RoadmapCardProps } from './RoadmapCard.types'

package/packages/web/components/ShipsCard/ShipsCard.tsx

@@ -1,95 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { EmptyState } from '@/components/EmptyState'
-import { ExpandButton } from '@/components/ExpandButton'
-import { Rocket, Clock, FileCode, Check } from 'lucide-react'
-import { Badge } from '@/components/ui/badge'
-import { cn } from '@/lib/utils'
-import { formatShipDate } from './ShipsCard.utils'
-import type { ShipsCardProps } from './ShipsCard.types'
-
-const COLLAPSED_LIMIT = 10
-
-export function ShipsCard({ ships, totalShips = 0, codeHref, className }: ShipsCardProps) {
-  const [expanded, setExpanded] = useState(false)
-  const displayShips = expanded ? ships : ships.slice(0, COLLAPSED_LIMIT)
-  const hasMore = ships.length > COLLAPSED_LIMIT
-
-  return (
-    <div className={cn(
-      'relative overflow-hidden rounded-xl border bg-card p-4',
-      className
-    )}>
-      <div className="flex items-center justify-between mb-3">
-        <div className="flex items-center gap-2">
-          <Rocket className="h-4 w-4 text-muted-foreground" />
-          <span className="text-xs font-bold uppercase tracking-[0.15em] text-muted-foreground">
-            Shipped
-          </span>
-        </div>
-        <span className="text-xs font-medium text-muted-foreground tabular-nums">
-          {totalShips} total
-        </span>
-      </div>
-
-      {ships.length === 0 ? (
-        <EmptyState
-          icon={Rocket}
-          title="Nothing shipped yet"
-          description="Ship your first feature"
-          command="/p:ship"
-          href={codeHref}
-          compact
-        />
-      ) : (
-        <div className="space-y-2">
-          {displayShips.map((ship, i) => (
-            <div key={i} className="group py-1.5 hover:bg-muted/50 rounded px-2 -mx-2 border-l-2 border-transparent hover:border-foreground/20">
-              <div className="flex items-start justify-between gap-2">
-                <div className="flex-1 min-w-0">
-                  <div className="flex items-center gap-2">
-                    <Check className="h-3 w-3 text-muted-foreground shrink-0" />
-                    <p className="text-sm font-medium truncate">
-                      {ship.name}
-                    </p>
-                    {ship.version && (
-                      <Badge variant="outline" className="text-xs px-1 py-0 font-mono shrink-0 h-4">
-                        {ship.version}
-                      </Badge>
-                    )}
-                  </div>
-                  <div className="flex items-center gap-3 mt-1 ml-5">
-                    <span className="text-xs text-muted-foreground">
-                      {formatShipDate(ship.date)}
-                    </span>
-                    {ship.duration && (
-                      <span className="inline-flex items-center gap-0.5 text-xs text-muted-foreground">
-                        <Clock className="h-2.5 w-2.5" />
-                        {ship.duration}
-                      </span>
-                    )}
-                    {ship.filesChanged && (
-                      <span className="inline-flex items-center gap-0.5 text-xs text-muted-foreground">
-                        <FileCode className="h-2.5 w-2.5" />
-                        {ship.filesChanged} files
-                      </span>
-                    )}
-                  </div>
-                </div>
-              </div>
-            </div>
-          ))}
-          {hasMore && (
-            <ExpandButton
-              expanded={expanded}
-              totalCount={ships.length}
-              collapsedLimit={COLLAPSED_LIMIT}
-              onToggle={() => setExpanded(!expanded)}
-            />
-          )}
-        </div>
-      )}
-    </div>
-  )
-}

package/packages/web/components/ShipsCard/ShipsCard.types.ts

@@ -1,14 +0,0 @@
-export interface Ship {
-  name: string
-  date: string
-  version?: string
-  duration?: string
-  filesChanged?: number
-}
-
-export interface ShipsCardProps {
-  ships: Ship[]
-  totalShips?: number
-  codeHref?: string
-  className?: string
-}

package/packages/web/components/ShipsCard/ShipsCard.utils.ts

@@ -1,4 +0,0 @@
-export function formatShipDate(dateString: string): string {
-  const date = new Date(dateString)
-  return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })
-}

package/packages/web/components/ShipsCard/index.ts

@@ -1,2 +0,0 @@
-export { ShipsCard } from './ShipsCard'
-export type { ShipsCardProps } from './ShipsCard.types'

package/packages/web/components/SparklineChart/SparklineChart.tsx

@@ -1,40 +0,0 @@
-'use client'
-
-import { Area, AreaChart, ResponsiveContainer } from 'recharts'
-import type { SparklineChartProps } from './SparklineChart.types'
-
-export function SparklineChart({
-  data,
-  color = 'currentColor',
-  height = 32,
-  showArea = true,
-}: SparklineChartProps) {
-  const chartData = data.map((value, index) => ({ index, value }))
-
-  if (data.length === 0) {
-    return <div style={{ height }} className="w-full" />
-  }
-
-  return (
-    <div className="w-full min-w-0" style={{ height }}>
-      <ResponsiveContainer width="100%" height="100%">
-        <AreaChart data={chartData} margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>
-          <defs>
-            <linearGradient id="sparklineGradient" x1="0" y1="0" x2="0" y2="1">
-              <stop offset="0%" stopColor={color} stopOpacity={0.3} />
-              <stop offset="100%" stopColor={color} stopOpacity={0} />
-            </linearGradient>
-          </defs>
-          <Area
-            type="monotone"
-            dataKey="value"
-            stroke={color}
-            strokeWidth={1.5}
-            fill={showArea ? 'url(#sparklineGradient)' : 'none'}
-            isAnimationActive={false}
-          />
-        </AreaChart>
-      </ResponsiveContainer>
-    </div>
-  )
-}

package/packages/web/components/SparklineChart/SparklineChart.types.ts

@@ -1,6 +0,0 @@
-export interface SparklineChartProps {
-  data: number[]
-  color?: string
-  height?: number
-  showArea?: boolean
-}

package/packages/web/components/SparklineChart/index.ts

@@ -1,2 +0,0 @@
-export { SparklineChart } from './SparklineChart'
-export type { SparklineChartProps } from './SparklineChart.types'

package/packages/web/components/StatsMasonry/StatsMasonry.tsx

@@ -1,95 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import { MasonryGrid } from '@/components/MasonryGrid'
-import { NowCard } from '@/components/NowCard'
-import { VelocityCard } from '@/components/VelocityCard'
-import { StreakCard } from '@/components/StreakCard'
-import { QueueCard } from '@/components/QueueCard'
-import { ShipsCard } from '@/components/ShipsCard'
-import { IdeasCard } from '@/components/IdeasCard'
-import { AgentsCard } from '@/components/AgentsCard'
-import { RoadmapCard } from '@/components/RoadmapCard'
-import { BlockersCard } from '@/components/BlockersCard'
-import { RecoverCard, type AbandonedSession } from '@/components/RecoverCard'
-import { ActivityTimeline } from '@/components/ActivityTimeline'
-import type { TimelineEvent } from '@/lib/parse-prjct-files'
-
-interface StatsMasonryProps {
-  projectId: string
-  currentTask: any
-  velocity: number
-  weeklyVelocityData: number[]
-  velocityChange: number
-  estimateAccuracy?: number
-  roadmap: any
-  queue: any[]
-  shipped: any[]
-  totalShips: number
-  streak: number
-  blockers: any[]
-  ideas: any[]
-  agents: any[]
-  timeline: TimelineEvent[]
-}
-
-export function StatsMasonry({
-  projectId,
-  currentTask,
-  velocity,
-  weeklyVelocityData,
-  velocityChange,
-  estimateAccuracy,
-  roadmap,
-  queue,
-  shipped,
-  totalShips,
-  streak,
-  blockers,
-  ideas,
-  agents,
-  timeline,
-}: StatsMasonryProps) {
-  const codeHref = `/project/${projectId}/code`
-  const [abandonedSessions, setAbandonedSessions] = useState<AbandonedSession[]>([])
-
-  // Fetch abandoned sessions from API
-  useEffect(() => {
-    async function fetchAbandonedSessions() {
-      try {
-        const res = await fetch(`/api/sessions/current?projectId=${projectId}`)
-        const data = await res.json()
-        if (data.success && data.data.abandonedSessions) {
-          setAbandonedSessions(data.data.abandonedSessions)
-        }
-      } catch {
-        // Silently fail - abandoned sessions are not critical
-      }
-    }
-    fetchAbandonedSessions()
-  }, [projectId])
-
-  return (
-    <MasonryGrid>
-      {/* Show RecoverCard first if there are abandoned sessions */}
-      {abandonedSessions.length > 0 && (
-        <RecoverCard abandonedSessions={abandonedSessions} codeHref={codeHref} />
-      )}
-      <NowCard currentTask={currentTask} codeHref={codeHref} />
-      <VelocityCard
-        tasksPerDay={velocity}
-        weeklyData={weeklyVelocityData}
-        change={velocityChange}
-        estimateAccuracy={estimateAccuracy}
-      />
-      <RoadmapCard roadmap={roadmap} codeHref={codeHref} />
-      <QueueCard queue={queue} codeHref={codeHref} />
-      <ShipsCard ships={shipped} totalShips={totalShips} codeHref={codeHref} />
-      <StreakCard streak={streak} />
-      <BlockersCard blockers={blockers} codeHref={codeHref} />
-      <IdeasCard ideas={ideas} codeHref={codeHref} />
-      <AgentsCard agents={agents} codeHref={codeHref} />
-      <ActivityTimeline timeline={timeline} />
-    </MasonryGrid>
-  )
-}

package/packages/web/components/StatsMasonry/index.ts

@@ -1 +0,0 @@
-export { StatsMasonry } from './StatsMasonry'

package/packages/web/components/StreakCard/StreakCard.constants.ts

@@ -1,2 +0,0 @@
-export const STREAK_HOT_THRESHOLD = 3
-export const STREAK_ON_FIRE_THRESHOLD = 7

package/packages/web/components/StreakCard/StreakCard.tsx

@@ -1,55 +0,0 @@
-'use client'
-
-import { Flame, Calendar } from 'lucide-react'
-import { cn } from '@/lib/utils'
-import type { StreakCardProps } from './StreakCard.types'
-
-function getStreakColor(streak: number): string {
-  if (streak >= 7) return 'text-emerald-600 dark:text-emerald-400'
-  if (streak >= 3) return 'text-amber-600 dark:text-amber-400'
-  return 'text-red-600 dark:text-red-400'
-}
-
-export function StreakCard({ streak, className }: StreakCardProps) {
-  return (
-    <div className={cn(
-      'relative overflow-hidden rounded-xl border bg-card p-4',
-      className
-    )}>
-      <div className="flex items-center justify-between mb-3">
-        <div className="flex items-center gap-2">
-          <Flame className="h-4 w-4 text-muted-foreground" />
-          <span className="text-xs font-bold uppercase tracking-[0.15em] text-muted-foreground">
-            Streak
-          </span>
-        </div>
-      </div>
-
-      <div className="flex items-center gap-4">
-        <Flame className={cn("h-10 w-10", getStreakColor(streak))} />
-        <div>
-          <p className="text-3xl font-bold tabular-nums">{streak}</p>
-          <p className="text-xs text-muted-foreground">consecutive day{streak !== 1 ? 's' : ''}</p>
-        </div>
-      </div>
-
-      <div className="mt-4">
-        <div className="flex items-center gap-1.5 mb-2">
-          <Calendar className="h-3 w-3 text-muted-foreground" />
-          <span className="text-xs text-muted-foreground">Last 7 days</span>
-        </div>
-        <div className="flex gap-1">
-          {Array.from({ length: 7 }).map((_, i) => (
-            <div
-              key={i}
-              className={cn(
-                'h-2 flex-1 rounded-full transition-colors',
-                i < streak ? 'bg-foreground' : 'bg-muted'
-              )}
-            />
-          ))}
-        </div>
-      </div>
-    </div>
-  )
-}

package/packages/web/components/StreakCard/StreakCard.types.ts

@@ -1,4 +0,0 @@
-export interface StreakCardProps {
-  streak: number
-  className?: string
-}

package/packages/web/components/StreakCard/index.ts

@@ -1,2 +0,0 @@
-export { StreakCard } from './StreakCard'
-export type { StreakCardProps } from './StreakCard.types'

package/packages/web/components/TasksCounter/TasksCounter.tsx

@@ -1,14 +0,0 @@
-import type { TasksCounterProps } from './TasksCounter.types'
-
-export function TasksCounter({ count }: TasksCounterProps) {
-  return (
-    <div className="flex flex-col sm:flex-row sm:items-baseline gap-1 sm:gap-3">
-      <span className="text-5xl sm:text-6xl md:text-7xl font-bold tracking-tighter tabular-nums">
-        {count}
-      </span>
-      <span className="text-sm sm:text-base md:text-lg text-muted-foreground">
-        shipped
-      </span>
-    </div>
-  )
-}

package/packages/web/components/TasksCounter/TasksCounter.types.ts

@@ -1,3 +0,0 @@
-export interface TasksCounterProps {
-  count: number
-}

package/packages/web/components/TasksCounter/index.ts

@@ -1,2 +0,0 @@
-export { TasksCounter } from './TasksCounter'
-export type { TasksCounterProps } from './TasksCounter.types'