prjct-cli 0.18.2 → 0.20.0

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

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

package/packages/web/components/BackLink/BackLink.tsx

@@ -1,18 +0,0 @@
-import Link from 'next/link'
-import { ArrowLeft } from 'lucide-react'
-import { cn } from '@/lib/utils'
-import type { BackLinkProps } from './BackLink.types'
-
-export function BackLink({ projectId, projectName, className }: BackLinkProps) {
-  return (
-    <div className={cn('relative flex', className)}>
-      <Link
-        href={`/project/${projectId}`}
-        className="flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors min-h-[44px]"
-      >
-        <ArrowLeft className="w-4 h-4" />
-        {projectName}
-      </Link>
-    </div>
-  )
-}

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

@@ -1,5 +0,0 @@
-export interface BackLinkProps {
-  projectId: string
-  projectName: string
-  className?: string
-}

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

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

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

@@ -1,16 +0,0 @@
-import type { AccentColor, BentoSize } from './BentoCard.types'
-
-export const BENTO_SIZE_CLASSES: Record<BentoSize, string> = {
-  '1x1': 'col-span-1 row-span-1',
-  '1x2': 'col-span-1 row-span-2',
-  '2x1': 'col-span-1 sm:col-span-2 row-span-1',
-  '2x2': 'col-span-1 sm:col-span-2 row-span-2',
-  'full': 'col-span-1 sm:col-span-2 lg:col-span-full',
-}
-
-export const ACCENT_STYLES: Record<AccentColor, string> = {
-  default: '',
-  success: 'border-muted-foreground/20',
-  warning: 'border-muted-foreground/20',
-  destructive: 'border-muted-foreground/20',
-}

package/packages/web/components/BentoCard/BentoCard.tsx

@@ -1,48 +0,0 @@
-import { cn } from '@/lib/utils'
-import { BENTO_SIZE_CLASSES, ACCENT_STYLES } from './BentoCard.constants'
-import type { BentoCardProps } from './BentoCard.types'
-
-export function BentoCard({
-  size = '1x1',
-  title,
-  count,
-  icon: Icon,
-  accentColor = 'default',
-  className,
-  headerClassName,
-  children,
-}: BentoCardProps) {
-  return (
-    <div
-      className={cn(
-        'relative overflow-hidden rounded-xl border bg-card transition-all duration-200',
-        'p-3 sm:p-4',
-        'hover:shadow-md hover:border-foreground/20',
-        'active:scale-[0.99]',
-        'min-w-0 max-w-full',
-        BENTO_SIZE_CLASSES[size],
-        ACCENT_STYLES[accentColor],
-        className
-      )}
-    >
-      {(title || count !== undefined || Icon) && (
-        <div className={cn('flex items-center justify-between mb-2 sm:mb-3', headerClassName)}>
-          <div className="flex items-center gap-2">
-            {Icon && <Icon className="h-4 w-4 sm:h-3.5 sm:w-3.5 text-muted-foreground" />}
-            {title && (
-              <span className="text-xs font-bold uppercase tracking-wider text-muted-foreground">
-                {title}
-              </span>
-            )}
-          </div>
-          {count !== undefined && (
-            <span className="text-sm sm:text-xs font-medium text-muted-foreground tabular-nums">
-              {count}
-            </span>
-          )}
-        </div>
-      )}
-      {children}
-    </div>
-  )
-}

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

@@ -1,15 +0,0 @@
-import type { LucideIcon } from 'lucide-react'
-
-export type BentoSize = '1x1' | '1x2' | '2x1' | '2x2' | 'full'
-export type AccentColor = 'default' | 'success' | 'warning' | 'destructive'
-
-export interface BentoCardProps {
-  size?: BentoSize
-  title?: string
-  count?: number | string
-  icon?: LucideIcon
-  accentColor?: AccentColor
-  className?: string
-  headerClassName?: string
-  children: React.ReactNode
-}

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

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

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

@@ -1,9 +0,0 @@
-import type { BentoSize } from './BentoCardSkeleton.types'
-
-export const BENTO_SIZE_CLASSES: Record<BentoSize, string> = {
-  '1x1': 'col-span-1 row-span-1',
-  '1x2': 'col-span-1 row-span-2',
-  '2x1': 'col-span-1 sm:col-span-2 row-span-1',
-  '2x2': 'col-span-1 sm:col-span-2 row-span-2',
-  'full': 'col-span-1 sm:col-span-2 lg:col-span-full',
-}

package/packages/web/components/BentoCardSkeleton/BentoCardSkeleton.tsx

@@ -1,18 +0,0 @@
-import { cn } from '@/lib/utils'
-import { BENTO_SIZE_CLASSES } from './BentoCardSkeleton.constants'
-import type { BentoCardSkeletonProps } from './BentoCardSkeleton.types'
-
-export function BentoCardSkeleton({ size = '1x1' }: BentoCardSkeletonProps) {
-  return (
-    <div
-      className={cn(
-        'rounded-xl border bg-card p-4 animate-pulse',
-        BENTO_SIZE_CLASSES[size]
-      )}
-    >
-      <div className="h-3 w-16 bg-muted rounded mb-3" />
-      <div className="h-6 w-24 bg-muted rounded mb-2" />
-      <div className="h-3 w-full bg-muted rounded" />
-    </div>
-  )
-}

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

@@ -1,5 +0,0 @@
-export type BentoSize = '1x1' | '1x2' | '2x1' | '2x2' | 'full'
-
-export interface BentoCardSkeletonProps {
-  size?: BentoSize
-}

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

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

package/packages/web/components/BentoGrid/BentoGrid.tsx

@@ -1,18 +0,0 @@
-import { cn } from '@/lib/utils'
-import type { BentoGridProps } from './BentoGrid.types'
-
-export function BentoGrid({ className, children }: BentoGridProps) {
-  return (
-    <div
-      className={cn(
-        'grid',
-        'gap-3 sm:gap-4',
-        'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',
-        'auto-rows-[minmax(160px,auto)] sm:auto-rows-[minmax(180px,auto)]',
-        className
-      )}
-    >
-      {children}
-    </div>
-  )
-}

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

@@ -1,4 +0,0 @@
-export interface BentoGridProps {
-  children: React.ReactNode
-  className?: string
-}

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

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

package/packages/web/components/BlockersCard/BlockersCard.tsx

@@ -1,75 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { AlertTriangle, Clock, CheckCircle2 } from 'lucide-react'
-import { ExpandButton } from '@/components/ExpandButton'
-import { cn } from '@/lib/utils'
-import type { BlockersCardProps } from './BlockersCard.types'
-
-const COLLAPSED_LIMIT = 5
-
-export function BlockersCard({ blockers, codeHref, className }: BlockersCardProps) {
-  const [expanded, setExpanded] = useState(false)
-  const hasBlockers = blockers.length > 0
-  const displayBlockers = expanded ? blockers : blockers.slice(0, COLLAPSED_LIMIT)
-  const hasMore = blockers.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">
-          <AlertTriangle className="h-4 w-4 text-muted-foreground" />
-          <span className="text-xs font-bold uppercase tracking-[0.15em] text-muted-foreground">
-            Blockers
-          </span>
-        </div>
-        {hasBlockers && (
-          <span className="text-xs font-bold text-muted-foreground tabular-nums">
-            {blockers.length}
-          </span>
-        )}
-      </div>
-
-      {!hasBlockers ? (
-        <div className="flex items-center gap-3 py-2">
-          <CheckCircle2 className="h-5 w-5 text-muted-foreground" />
-          <div>
-            <p className="text-sm font-medium">No blockers</p>
-            <p className="text-xs text-muted-foreground">Keep the momentum</p>
-          </div>
-        </div>
-      ) : (
-        <div className="space-y-2">
-          {displayBlockers.map((blocker, i) => (
-            <div
-              key={i}
-              className="p-2.5 rounded-lg bg-muted/50 border"
-            >
-              <p className="text-sm font-medium">{blocker.task}</p>
-              <p className="text-xs text-muted-foreground mt-0.5">
-                {blocker.reason}
-              </p>
-              <div className="flex items-center gap-1 mt-1.5">
-                <Clock className="h-3 w-3 text-muted-foreground" />
-                <span className="text-xs font-medium text-muted-foreground">
-                  {blocker.daysBlocked} day{blocker.daysBlocked !== 1 ? 's' : ''} blocked
-                </span>
-              </div>
-            </div>
-          ))}
-          {hasMore && (
-            <ExpandButton
-              expanded={expanded}
-              totalCount={blockers.length}
-              collapsedLimit={COLLAPSED_LIMIT}
-              onToggle={() => setExpanded(!expanded)}
-            />
-          )}
-        </div>
-      )}
-    </div>
-  )
-}

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

@@ -1,12 +0,0 @@
-export interface Blocker {
-  task: string
-  reason: string
-  since: string
-  daysBlocked: number
-}
-
-export interface BlockersCardProps {
-  blockers: Blocker[]
-  codeHref?: string
-  className?: string
-}

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

@@ -1,2 +0,0 @@
-export { BlockersCard } from './BlockersCard'
-export type { BlockersCardProps, Blocker } from './BlockersCard.types'

package/packages/web/components/CommandBar/CommandBar.tsx

@@ -1,67 +0,0 @@
-'use client'
-
-import { cn } from '@/lib/utils'
-import {
-  WORKFLOW_COMMANDS,
-  COMMAND_GROUPS,
-  SYNC_COMMAND,
-} from '@/lib/commands'
-import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
-
-interface CommandBarProps {
-  isConnected: boolean
-  onCommand: (cmd: string) => void
-}
-
-export function CommandBar({ isConnected, onCommand }: CommandBarProps) {
-  return (
-    <div className="flex items-center gap-0.5 px-2 py-1">
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <button
-            onClick={() => onCommand(SYNC_COMMAND.cmd)}
-            disabled={!isConnected}
-            className={cn(
-              'p-1.5 rounded transition-colors',
-              isConnected
-                ? 'text-orange-500 hover:bg-orange-500/10'
-                : 'text-muted-foreground/50 cursor-not-allowed'
-            )}
-          >
-            <SYNC_COMMAND.icon className="w-4 h-4" />
-          </button>
-        </TooltipTrigger>
-        <TooltipContent>{SYNC_COMMAND.tip}</TooltipContent>
-      </Tooltip>
-
-      <div className="w-px h-4 bg-border mx-1" />
-
-      {COMMAND_GROUPS.map((group, groupIdx) => (
-        <div key={group} className="flex items-center">
-          {WORKFLOW_COMMANDS.filter(c => c.group === group).map(({ cmd, icon: Icon, tip }) => (
-            <Tooltip key={cmd}>
-              <TooltipTrigger asChild>
-                <button
-                  onClick={() => onCommand(cmd)}
-                  disabled={!isConnected}
-                  className={cn(
-                    'p-1.5 rounded transition-colors',
-                    isConnected
-                      ? 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'
-                      : 'text-muted-foreground/50 cursor-not-allowed'
-                  )}
-                >
-                  <Icon className="w-3.5 h-3.5" />
-                </button>
-              </TooltipTrigger>
-              <TooltipContent>{tip}</TooltipContent>
-            </Tooltip>
-          ))}
-          {groupIdx < COMMAND_GROUPS.length - 1 && (
-            <div className="w-px h-4 bg-border mx-0.5" />
-          )}
-        </div>
-      ))}
-    </div>
-  )
-}

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

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

package/packages/web/components/CommandButton/CommandButton.tsx

@@ -1,46 +0,0 @@
-'use client'
-
-import { LucideIcon } from 'lucide-react'
-import { Button } from '@/components/ui/button'
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from '@/components/ui/tooltip'
-import { cn } from '@/lib/utils'
-
-interface CommandButtonProps {
-  cmd: string
-  icon: LucideIcon
-  tip: string
-  disabled?: boolean
-  onClick: () => void
-  variant?: 'default' | 'primary'
-}
-
-export function CommandButton({ cmd, icon: Icon, tip, disabled, onClick, variant = 'default' }: CommandButtonProps) {
-  const isPrimary = variant === 'primary'
-
-  return (
-    <Tooltip>
-      <TooltipTrigger asChild>
-        <Button
-          variant={isPrimary ? 'default' : 'ghost'}
-          size="icon"
-          onClick={onClick}
-          disabled={disabled}
-          className={cn(
-            "h-11 w-11",
-            isPrimary && "bg-primary text-primary-foreground hover:bg-primary/90"
-          )}
-        >
-          <Icon className="w-5 h-5" />
-        </Button>
-      </TooltipTrigger>
-      <TooltipContent side="right">
-        <p className="font-semibold">{tip}</p>
-        <p className="font-mono text-xs text-muted-foreground">{cmd}</p>
-      </TooltipContent>
-    </Tooltip>
-  )
-}

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

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

package/packages/web/components/ConnectionStatus/ConnectionStatus.tsx

@@ -1,29 +0,0 @@
-import { Badge } from '@/components/ui/badge'
-import { RefreshCw } from 'lucide-react'
-
-interface ConnectionStatusProps {
-  isConnected: boolean
-  isReconnecting?: boolean
-  reconnectInfo?: { attempt: number; max: number } | null
-}
-
-export function ConnectionStatus({ isConnected, isReconnecting, reconnectInfo }: ConnectionStatusProps) {
-  if (isReconnecting && reconnectInfo) {
-    return (
-      <Badge variant="outline" className="text-yellow-500 border-yellow-500/50 animate-pulse">
-        <RefreshCw className="w-3 h-3 mr-1 animate-spin" />
-        Reconnecting ({reconnectInfo.attempt}/{reconnectInfo.max})
-      </Badge>
-    )
-  }
-
-  if (isConnected) {
-    return (
-      <Badge variant="outline" className="text-green-500 border-green-500/50">
-        Connected
-      </Badge>
-    )
-  }
-
-  return null
-}

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

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