import { useStore } from '@nanostores/react' import { Codicon } from '@/components/ui/codicon' import { Tip } from '@/components/ui/tooltip' import { useI18n } from '@/i18n' import { AlertCircle, FileText, FolderOpen, ImageIcon, Link, Loader2, Terminal } from '@/lib/icons' import { normalizeOrLocalPreviewTarget } from '@/lib/local-preview' import { cn } from '@/lib/utils' import type { ComposerAttachment } from '@/store/composer' import { notifyError } from '@/store/notifications' import { setCurrentSessionPreviewTarget } from '@/store/preview' import { $currentCwd } from '@/store/session' export function AttachmentList({ attachments, onRemove }: { attachments: ComposerAttachment[] onRemove?: (id: string) => void }) { return (

{attachments.map(attachment => ( ))}

) } function AttachmentPill({ attachment, onRemove }: { attachment: ComposerAttachment; onRemove?: (id: string) => void }) { const { t } = useI18n() const c = t.composer const Icon = { folder: FolderOpen, url: Link, image: ImageIcon, file: FileText, terminal: Terminal }[attachment.kind] const cwd = useStore($currentCwd) const isUploading = attachment.uploadState === 'uploading' const hasUploadError = attachment.uploadState === 'error' const canPreview = attachment.kind !== 'folder' && attachment.kind !== 'terminal' && !isUploading const detail = attachment.detail && attachment.detail !== attachment.label ? attachment.detail : undefined async function openPreview() { if (!canPreview) { return } const rawTarget = attachment.path || attachment.detail || attachment.refText?.replace(/^@(file|image|url):/, '') || attachment.label || '' const target = rawTarget.replace(/^`|`$/g, '') if (!target) { return } try { const preview = await normalizeOrLocalPreviewTarget(target, cwd || undefined) if (!preview) { throw new Error(c.couldNotPreview(attachment.label)) } // We already hold the image bytes (the card thumbnail) — render those // directly so a screenshot/clipboard image previews even when its only // on-disk copy is a transient path the renderer can't re-read. const withBytes = attachment.kind === 'image' && attachment.previewUrl ? { ...preview, dataUrl: attachment.previewUrl, previewKind: 'image' as const } : preview setCurrentSessionPreviewTarget(withBytes, 'manual', target) } catch (error) { notifyError(error, c.previewUnavailable) } } return (

{onRemove && ( )}

) }