Spaces:
Sleeping
Sleeping
File size: 3,992 Bytes
f871fed |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 |
'use client'
import { FileText, Lightbulb, StickyNote } from 'lucide-react'
import { Badge } from '@/components/ui/badge'
import { Tooltip, TooltipTrigger, TooltipContent } from '@/components/ui/tooltip'
import { cn } from '@/lib/utils'
interface ContextIndicatorProps {
sourcesInsights: number
sourcesFull: number
notesCount: number
tokenCount?: number
charCount?: number
className?: string
}
// Helper function to format large numbers with K/M suffixes
function formatNumber(num: number): string {
if (num >= 1000000) {
return `${(num / 1000000).toFixed(1)}M`
}
if (num >= 1000) {
return `${(num / 1000).toFixed(1)}K`
}
return num.toString()
}
export function ContextIndicator({
sourcesInsights,
sourcesFull,
notesCount,
tokenCount,
charCount,
className
}: ContextIndicatorProps) {
const hasContext = (sourcesInsights + sourcesFull) > 0 || notesCount > 0
if (!hasContext) {
return (
<div className={cn('flex-shrink-0 text-xs text-muted-foreground py-2 px-3 border-t', className)}>
No sources or notes included in context. Toggle icons on cards to include them.
</div>
)
}
return (
<div className={cn('flex-shrink-0 flex items-center justify-between gap-2 py-2 px-3 border-t bg-muted/30', className)}>
<div className="flex items-center gap-2">
<span className="text-xs font-medium text-muted-foreground">Context:</span>
<div className="flex items-center gap-1.5">
{sourcesInsights > 0 && (
<Tooltip>
<TooltipTrigger asChild>
<Badge variant="outline" className="text-xs flex items-center gap-1 px-1.5 py-0.5 text-amber-600 border-amber-600/50 cursor-default">
<Lightbulb className="h-3 w-3" />
<span>{sourcesInsights}</span>
</Badge>
</TooltipTrigger>
<TooltipContent>
<p>Insights for {sourcesInsights} source{sourcesInsights !== 1 ? 's' : ''}</p>
</TooltipContent>
</Tooltip>
)}
{sourcesFull > 0 && (
<Tooltip>
<TooltipTrigger asChild>
<Badge variant="outline" className="text-xs flex items-center gap-1 px-1.5 py-0.5 text-primary border-primary/50 cursor-default">
<FileText className="h-3 w-3" />
<span>{sourcesFull}</span>
</Badge>
</TooltipTrigger>
<TooltipContent>
<p>{sourcesFull} full source{sourcesFull !== 1 ? 's' : ''}</p>
</TooltipContent>
</Tooltip>
)}
</div>
{notesCount > 0 && (
<>
{(sourcesInsights > 0 || sourcesFull > 0) && (
<span className="text-muted-foreground">•</span>
)}
<Tooltip>
<TooltipTrigger asChild>
<Badge variant="outline" className="text-xs flex items-center gap-1 px-1.5 py-0.5 text-primary border-primary/50 cursor-default">
<StickyNote className="h-3 w-3" />
<span>{notesCount}</span>
</Badge>
</TooltipTrigger>
<TooltipContent>
<p>{notesCount} full note{notesCount !== 1 ? 's' : ''}</p>
</TooltipContent>
</Tooltip>
</>
)}
</div>
{(tokenCount !== undefined || charCount !== undefined) && (
<div className="flex items-center gap-2 text-xs text-muted-foreground">
{tokenCount !== undefined && tokenCount > 0 && (
<span>{formatNumber(tokenCount)} tokens</span>
)}
{tokenCount !== undefined && charCount !== undefined && tokenCount > 0 && charCount > 0 && (
<span>/</span>
)}
{charCount !== undefined && charCount > 0 && (
<span>{formatNumber(charCount)} chars</span>
)}
</div>
)}
</div>
)
}
|