prjct-cli 0.18.1 → 0.19.0

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

@@ -1,16 +0,0 @@
-export type MomentumStatus = 'hot' | 'active' | 'cooling' | 'cold'
-
-export interface MomentumData {
-  dailyTasks: number[]
-  totalTasks: number
-  totalShips: number
-  lastActivityDate: string | null
-  daysSinceActivity: number
-  streak: number
-  status: MomentumStatus
-  message: string
-}
-
-export interface MomentumWidgetProps {
-  projectId: string
-}

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

@@ -1,2 +0,0 @@
-export { MomentumWidget } from './MomentumWidget'
-export type { MomentumWidgetProps, MomentumData, MomentumStatus } from './MomentumWidget.types'

package/packages/web/components/NowCard/NowCard.tsx

@@ -1,118 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import { EmptyState } from '@/components/EmptyState'
-import { Target, Clock, Bot, Pause, Play, CheckCircle2 } from 'lucide-react'
-import { cn } from '@/lib/utils'
-import type { NowCardProps } from './NowCard.types'
-
-export function NowCard({ currentTask, codeHref, className }: NowCardProps) {
-  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">
-          <Target className="h-4 w-4 text-muted-foreground" />
-          <span className="text-xs font-bold uppercase tracking-[0.15em] text-muted-foreground">
-            Now
-          </span>
-        </div>
-        {currentTask && (
-          <div className="flex items-center gap-2">
-            {currentTask.pausedAt ? (
-              <span className="inline-flex items-center gap-1 text-xs font-semibold text-muted-foreground bg-muted px-2 py-0.5 rounded-full">
-                <Pause className="w-2.5 h-2.5" />
-                Paused
-              </span>
-            ) : (
-              <span className="inline-flex items-center gap-1 text-xs font-semibold text-foreground bg-muted px-2 py-0.5 rounded-full">
-                <Play className="w-2.5 h-2.5 fill-current" />
-                Working
-              </span>
-            )}
-          </div>
-        )}
-      </div>
-
-      {currentTask ? (
-        <div className="space-y-3">
-          <p className="text-sm font-medium leading-tight break-words">
-            {currentTask.task}
-          </p>
-
-          <div className="flex flex-wrap items-center gap-3">
-            {currentTask.agent && (
-              <div className="inline-flex items-center gap-1.5 text-xs text-muted-foreground bg-muted/50 px-2 py-1 rounded">
-                <Bot className="h-3 w-3" />
-                <span className="font-mono">{currentTask.agent}</span>
-              </div>
-            )}
-
-            {currentTask.startedAt && (
-              <div className="inline-flex items-center gap-1.5 text-xs text-muted-foreground">
-                <Clock className="h-3 w-3" />
-                <span>Started {new Date(currentTask.startedAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}</span>
-              </div>
-            )}
-
-            {currentTask.estimatedDuration && (
-              <span className="text-xs text-muted-foreground">
-                Est. {currentTask.estimatedDuration}
-              </span>
-            )}
-          </div>
-
-          {/* Progress indicator */}
-          <div className="pt-1">
-            <div className="h-1.5 bg-muted rounded-full overflow-hidden">
-              <div
-                className="h-full rounded-full transition-all duration-300 bg-foreground"
-                style={{ width: currentTask.pausedAt ? '30%' : '60%' }}
-              />
-            </div>
-          </div>
-
-          {/* Action buttons */}
-          {codeHref && (
-            <div className="flex gap-2 pt-2">
-              <Link
-                href={`${codeHref}?cmd=p.%20done`}
-                className="flex-1 flex items-center justify-center gap-1.5 text-xs font-medium px-3 py-2 rounded-lg bg-muted text-foreground hover:bg-muted/80 transition-colors"
-              >
-                <CheckCircle2 className="h-3.5 w-3.5" />
-                Done
-              </Link>
-              {currentTask.pausedAt ? (
-                <Link
-                  href={`${codeHref}?cmd=p.%20resume`}
-                  className="flex-1 flex items-center justify-center gap-1.5 text-xs font-medium px-3 py-2 rounded-lg bg-muted text-foreground hover:bg-muted/80 transition-colors"
-                >
-                  <Play className="h-3.5 w-3.5" />
-                  Resume
-                </Link>
-              ) : (
-                <Link
-                  href={`${codeHref}?cmd=p.%20pause`}
-                  className="flex-1 flex items-center justify-center gap-1.5 text-xs font-medium px-3 py-2 rounded-lg bg-muted text-foreground hover:bg-muted/80 transition-colors"
-                >
-                  <Pause className="h-3.5 w-3.5" />
-                  Pause
-                </Link>
-              )}
-            </div>
-          )}
-        </div>
-      ) : (
-        <EmptyState
-          icon={Target}
-          title="No active task"
-          description="Start working on something"
-          command="/p:now"
-          href={codeHref}
-        />
-      )}
-    </div>
-  )
-}

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

@@ -1,16 +0,0 @@
-export interface CurrentTask {
-  task: string
-  startedAt?: string
-  agent?: string
-  agentConfidence?: number
-  estimatedDuration?: string
-  pausedAt?: string
-  pauseReason?: string
-  duration?: string
-}
-
-export interface NowCardProps {
-  currentTask: CurrentTask | null
-  codeHref?: string
-  className?: string
-}

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

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

package/packages/web/components/PageHeader/PageHeader.tsx

@@ -1,24 +0,0 @@
-import { getProjectBgClass } from '@/lib/project-colors'
-
-interface PageHeaderProps {
-  projectId: string
-  projectName: string
-  section?: string
-}
-
-export function PageHeader({ projectId, projectName, section }: PageHeaderProps) {
-  const colorBg = getProjectBgClass(projectId)
-
-  return (
-    <div className="flex items-center gap-3 mb-6">
-      <div className={`w-3 h-3 rounded-full shrink-0 ${colorBg}`} />
-      <h1 className="text-2xl font-semibold">{projectName}</h1>
-      {section && (
-        <>
-          <span className="text-muted-foreground/50">/</span>
-          <span className="text-xl text-muted-foreground">{section}</span>
-        </>
-      )}
-    </div>
-  )
-}

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

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

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

@@ -1,20 +0,0 @@
-import type { ProgressRingSize, AccentColor } from './ProgressRing.types'
-
-export const PROGRESS_RING_SIZES: Record<ProgressRingSize, {
-  container: string
-  text: string
-  viewBox: number
-  radius: number
-}> = {
-  sm: { container: 'h-8 w-8', text: 'text-xs', viewBox: 36, radius: 14 },
-  md: { container: 'h-12 w-12', text: 'text-xs', viewBox: 36, radius: 14 },
-  lg: { container: 'h-16 w-16', text: 'text-sm', viewBox: 36, radius: 14 },
-  xl: { container: 'h-20 w-20', text: 'text-base', viewBox: 36, radius: 14 },
-}
-
-export const PROGRESS_RING_COLOR_STYLES: Record<AccentColor, string> = {
-  default: 'text-foreground',
-  success: 'text-emerald-500',
-  warning: 'text-amber-500',
-  destructive: 'text-red-500',
-}

package/packages/web/components/ProgressRing/ProgressRing.tsx

@@ -1,51 +0,0 @@
-'use client'
-
-import { cn } from '@/lib/utils'
-import { PROGRESS_RING_SIZES, PROGRESS_RING_COLOR_STYLES } from './ProgressRing.constants'
-import type { ProgressRingProps } from './ProgressRing.types'
-
-export function ProgressRing({
-  value,
-  size = 'md',
-  showValue = true,
-  strokeWidth = 3,
-  className,
-  accentColor = 'default',
-}: ProgressRingProps) {
-  const { container, text, viewBox, radius } = PROGRESS_RING_SIZES[size]
-  const circumference = 2 * Math.PI * radius
-  const strokeDashoffset = circumference - (value / 100) * circumference
-
-  return (
-    <div className={cn('relative', container, className)}>
-      <svg className="h-full w-full -rotate-90" viewBox={`0 0 ${viewBox} ${viewBox}`}>
-        <circle
-          cx={viewBox / 2}
-          cy={viewBox / 2}
-          r={radius}
-          fill="none"
-          stroke="currentColor"
-          strokeWidth={strokeWidth}
-          className="text-foreground/10"
-        />
-        <circle
-          cx={viewBox / 2}
-          cy={viewBox / 2}
-          r={radius}
-          fill="none"
-          stroke="currentColor"
-          strokeWidth={strokeWidth}
-          strokeDasharray={circumference}
-          strokeDashoffset={strokeDashoffset}
-          strokeLinecap="round"
-          className={cn('transition-all duration-700 ease-out', PROGRESS_RING_COLOR_STYLES[accentColor])}
-        />
-      </svg>
-      {showValue && (
-        <span className={cn('absolute inset-0 flex items-center justify-center font-bold tabular-nums', text)}>
-          {value}
-        </span>
-      )}
-    </div>
-  )
-}

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

@@ -1,11 +0,0 @@
-export type ProgressRingSize = 'sm' | 'md' | 'lg' | 'xl'
-export type AccentColor = 'default' | 'success' | 'warning' | 'destructive'
-
-export interface ProgressRingProps {
-  value: number
-  size?: ProgressRingSize
-  showValue?: boolean
-  strokeWidth?: number
-  className?: string
-  accentColor?: AccentColor
-}

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

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

package/packages/web/components/ProjectAvatar/ProjectAvatar.tsx

@@ -1,54 +0,0 @@
-'use client'
-
-import { cn } from '@/lib/utils'
-
-interface ProjectAvatarProps {
-  projectId: string
-  name: string
-  iconPath?: string | null
-  size?: 'sm' | 'md' | 'lg'
-  className?: string
-}
-
-const sizeClasses = {
-  sm: 'w-8 h-8 text-xs',
-  md: 'w-9 h-9 text-sm',
-  lg: 'w-10 h-10 text-sm'
-}
-
-export function ProjectAvatar({
-  projectId,
-  name,
-  iconPath,
-  size = 'md',
-  className
-}: ProjectAvatarProps) {
-  const initials = name.slice(0, 2).toUpperCase()
-
-  return (
-    <div
-      className={cn(
-        'rounded-lg flex items-center justify-center overflow-hidden shrink-0 bg-muted border border-border',
-        sizeClasses[size],
-        className
-      )}
-    >
-      {iconPath ? (
-        <img
-          src={`/api/projects/${projectId}/icon`}
-          alt=""
-          className="w-full h-full object-cover"
-          onError={(e) => {
-            e.currentTarget.style.display = 'none'
-            if (e.currentTarget.nextElementSibling) {
-              (e.currentTarget.nextElementSibling as HTMLElement).classList.remove('hidden')
-            }
-          }}
-        />
-      ) : null}
-      <span className={cn('font-medium text-muted-foreground', iconPath ? 'hidden' : '')}>
-        {initials}
-      </span>
-    </div>
-  )
-}

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

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

package/packages/web/components/ProjectColorDot/ProjectColorDot.tsx

@@ -1,37 +0,0 @@
-'use client'
-
-import { cn } from '@/lib/utils'
-import { getProjectColor } from '@/lib/project-colors'
-
-interface ProjectColorDotProps {
-  projectId: string
-  size?: 'sm' | 'md' | 'lg' | 'xl'
-  className?: string
-}
-
-const sizeClasses = {
-  sm: 'w-2 h-2',
-  md: 'w-3 h-3',
-  lg: 'w-4 h-4',
-  xl: 'w-5 h-5',
-}
-
-export function ProjectColorDot({
-  projectId,
-  size = 'md',
-  className
-}: ProjectColorDotProps) {
-  const color = getProjectColor(projectId)
-
-  return (
-    <div
-      className={cn(
-        'rounded-full shrink-0',
-        sizeClasses[size],
-        color.bg,
-        className
-      )}
-      aria-hidden="true"
-    />
-  )
-}

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

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

package/packages/web/components/ProjectSelectorModal/ProjectSelectorModal.tsx

@@ -1,104 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { useProjects } from '@/hooks/useProjects'
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogDescription,
-} from '@/components/ui/dialog'
-import { Input } from '@/components/ui/input'
-import { ProjectAvatar } from '@/components/ProjectAvatar'
-import { Loader2, Search, FolderGit2 } from 'lucide-react'
-import { cn } from '@/lib/utils'
-import { formatPath } from '@/lib/format'
-
-interface ProjectSelectorModalProps {
-  isOpen: boolean
-  onClose: () => void
-  onSelectProject: (projectId: string, projectName: string, projectPath: string) => void
-}
-
-export function ProjectSelectorModal({
-  isOpen,
-  onClose,
-  onSelectProject,
-}: ProjectSelectorModalProps) {
-  const [search, setSearch] = useState('')
-  const { data: projects, isLoading } = useProjects()
-
-  const filteredProjects = projects?.filter((project) =>
-    project.name?.toLowerCase().includes(search.toLowerCase()) ||
-    project.repoPath?.toLowerCase().includes(search.toLowerCase())
-  ) || []
-
-  return (
-    <Dialog open={isOpen} onOpenChange={onClose}>
-      <DialogContent className="sm:max-w-md">
-        <DialogHeader>
-          <DialogTitle>Select a Project</DialogTitle>
-          <DialogDescription>
-            Choose a project to open a terminal session
-          </DialogDescription>
-        </DialogHeader>
-
-        <div className="relative">
-          <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
-          <Input
-            placeholder="Search projects..."
-            value={search}
-            onChange={(e) => setSearch(e.target.value)}
-            className="pl-9"
-          />
-        </div>
-
-        <div className="max-h-[300px] overflow-y-auto space-y-1">
-          {isLoading ? (
-            <div className="flex items-center justify-center py-8">
-              <Loader2 className="h-6 w-6 animate-spin text-muted-foreground" />
-            </div>
-          ) : filteredProjects.length === 0 ? (
-            <div className="text-center py-8 text-muted-foreground">
-              {search ? 'No projects found' : 'No projects available'}
-            </div>
-          ) : (
-            filteredProjects.map((project) => (
-              <button
-                key={project.id}
-                onClick={() => {
-                  const projectPath = project.repoPath || project.path || '/tmp'
-                  const projectName = project.name || project.id
-                  onSelectProject(project.id, projectName, projectPath)
-                }}
-                className={cn(
-                  'w-full flex items-center gap-3 p-3 rounded-lg transition-colors',
-                  'hover:bg-accent text-left'
-                )}
-              >
-                <ProjectAvatar
-                  projectId={project.id}
-                  name={project.name || project.id}
-                  iconPath={project.iconPath}
-                  size="sm"
-                />
-                <div className="flex-1 min-w-0">
-                  <div className="font-medium truncate">
-                    {project.name || project.id}
-                  </div>
-                  {project.repoPath && (
-                    <div className="text-xs text-muted-foreground flex items-center gap-1 truncate">
-                      <FolderGit2 className="h-3 w-3 shrink-0" />
-                      <span className="truncate">{formatPath(project.repoPath)}</span>
-                    </div>
-                  )}
-                </div>
-              </button>
-            ))
-          )}
-        </div>
-      </DialogContent>
-    </Dialog>
-  )
-}

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

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

package/packages/web/components/Providers/Providers.tsx

@@ -1,48 +0,0 @@
-'use client'
-
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { useState, type ReactNode } from 'react'
-import { ThemeProvider, type ThemeProviderProps } from 'next-themes'
-import { TerminalProvider } from '@/context/TerminalContext'
-import { GlobalTerminalProvider } from '@/context/GlobalTerminalContext'
-
-function ThemeWrapper({ children, ...props }: ThemeProviderProps & { children: ReactNode }) {
-  return <ThemeProvider {...props}>{children}</ThemeProvider>
-}
-
-export function Providers({ children }: { children: ReactNode }) {
-  const [queryClient] = useState(() => new QueryClient({
-    defaultOptions: {
-      queries: {
-        // Data considered fresh for 2.5 seconds
-        staleTime: 2500,
-        // Garbage collect after 5 minutes
-        gcTime: 5 * 60 * 1000,
-        // Refetch on window focus for real-time feel
-        refetchOnWindowFocus: true,
-        // Refetch when reconnecting
-        refetchOnReconnect: true,
-        // Retry failed requests once
-        retry: 1,
-        retryDelay: 1000,
-      },
-    },
-  }))
-
-  return (
-    <QueryClientProvider client={queryClient}>
-      <ThemeWrapper
-        attribute="class"
-        defaultTheme="dark"
-        enableSystem
-        disableTransitionOnChange
-      >
-        <TerminalProvider>
-          <GlobalTerminalProvider>
-            {children}
-          </GlobalTerminalProvider>
-        </TerminalProvider>
-      </ThemeWrapper>
-    </QueryClientProvider>
-  )
-}

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

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

package/packages/web/components/QueueCard/QueueCard.tsx

@@ -1,125 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import Link from 'next/link'
-import { EmptyState } from '@/components/EmptyState'
-import { ExpandButton } from '@/components/ExpandButton'
-import { ListTodo, Bot, Play, X } from 'lucide-react'
-import { cn } from '@/lib/utils'
-import { getPriorityColor } from './QueueCard.utils'
-import type { QueueCardProps } from './QueueCard.types'
-
-const COLLAPSED_LIMIT = 10
-const EXPANDED_LIMIT = 50
-
-export function QueueCard({ queue, codeHref, className }: QueueCardProps) {
-  const [expanded, setExpanded] = useState(false)
-  const limit = expanded ? EXPANDED_LIMIT : COLLAPSED_LIMIT
-  const displayItems = queue.slice(0, limit)
-  const hasMore = queue.length > 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">
-          <ListTodo className="h-4 w-4 text-muted-foreground" />
-          <span className="text-xs font-bold uppercase tracking-[0.15em] text-muted-foreground">
-            Queue
-          </span>
-        </div>
-        <span className="text-xs font-medium text-muted-foreground tabular-nums">
-          {queue.length} tasks
-        </span>
-      </div>
-
-      {queue.length === 0 ? (
-        <EmptyState
-          icon={ListTodo}
-          title="Queue empty"
-          description="Plan your next tasks"
-          command="/p:next"
-          href={codeHref}
-          compact
-        />
-      ) : (
-        <div className="space-y-1.5">
-          {displayItems.map((item, i) => {
-            const priorityColor = getPriorityColor(item.priority)
-            const startHref = codeHref
-              ? `${codeHref}?cmd=${encodeURIComponent(`p. now "${item.task}"`)}`
-              : undefined
-            const deleteHref = codeHref
-              ? `${codeHref}?cmd=${encodeURIComponent(`p. queue remove ${i + 1}`)}`
-              : undefined
-
-            return (
-              <div
-                key={i}
-                className="flex items-start gap-2 group py-1.5 hover:bg-muted/50 rounded px-1 -mx-1"
-              >
-                <span className={cn(
-                  "text-xs font-bold w-5 shrink-0 pt-0.5 tabular-nums",
-                  priorityColor
-                )}>
-                  {i + 1}.
-                </span>
-                <div className="flex-1 min-w-0">
-                  <p className="text-sm leading-tight">
-                    {item.task}
-                  </p>
-                  {(item.suggestedAgent || item.estimatedDuration) && (
-                    <div className="flex items-center gap-2 mt-0.5">
-                      {item.suggestedAgent && (
-                        <span className="inline-flex items-center gap-0.5 text-xs text-muted-foreground">
-                          <Bot className="h-3 w-3" />
-                          {item.suggestedAgent}
-                        </span>
-                      )}
-                      {item.estimatedDuration && (
-                        <span className="text-xs text-muted-foreground">
-                          ~{item.estimatedDuration}
-                        </span>
-                      )}
-                    </div>
-                  )}
-                </div>
-                {/* Always visible action buttons */}
-                <div className="flex items-center gap-1 shrink-0">
-                  {startHref && (
-                    <Link
-                      href={startHref}
-                      className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors"
-                      title="Start now"
-                    >
-                      <Play className="h-3.5 w-3.5" />
-                    </Link>
-                  )}
-                  {deleteHref && (
-                    <Link
-                      href={deleteHref}
-                      className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors"
-                      title="Remove from queue"
-                    >
-                      <X className="h-3.5 w-3.5" />
-                    </Link>
-                  )}
-                </div>
-              </div>
-            )
-          })}
-          {(hasMore || expanded) && queue.length > COLLAPSED_LIMIT && (
-            <ExpandButton
-              expanded={expanded}
-              totalCount={queue.length}
-              collapsedLimit={COLLAPSED_LIMIT}
-              onToggle={() => setExpanded(!expanded)}
-            />
-          )}
-        </div>
-      )}
-    </div>
-  )
-}

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

@@ -1,12 +0,0 @@
-export interface QueueItem {
-  task: string
-  priority?: 'low' | 'medium' | 'high' | 'critical' | number
-  suggestedAgent?: string
-  estimatedDuration?: string
-}
-
-export interface QueueCardProps {
-  queue: QueueItem[]
-  codeHref?: string
-  className?: string
-}