@taskforcehq/taskforce 0.3.170 → 0.3.301

package/dist/components/task/TaskContextUpload.js

@@ -1,13 +1,17 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { AlertTriangle, Copy, FileUp, Loader2, Trash2, ChevronDown, ChevronRight } from 'lucide-react';
+import { AlertTriangle, Copy, Download, File, FileUp, Loader2, PencilLine, Trash2, ChevronDown, ChevronRight } from 'lucide-react';
 import styles from '../../Taskforce.module.css';
 import { dispatchOpenMarkdownDocument } from '../../utils/contextFiles';
+import { canOpenAnnotatedAttachment, dispatchOpenAnnotatedAttachment } from '../../utils/annotatedAttachments';
+import { dispatchTaskforceContextAssetsMutated } from '../../utils/contextAssetEvents';
+import { getDocumentReferenceLabel } from '../../utils/documentReferences';
 const ACCEPTED_CONTEXT_FILE_TYPES = [
     '.png', '.jpg', '.jpeg', '.webp', '.gif',
     '.pdf', '.txt', '.md', '.csv', '.json', '.doc', '.docx',
     '.html', '.js', '.ts', '.tsx', '.css', '.py', '.java', '.go', '.rs', '.sh'
 ].join(',');
+const SUPPORTED_CLIPBOARD_IMAGE_TYPES = new Set(['image/png', 'image/jpeg', 'image/webp']);
 const ACCEPTED_CONTEXT_EXTENSIONS = new Set(ACCEPTED_CONTEXT_FILE_TYPES.split(',').map((ext) => ext.trim().toLowerCase()));
 const MAX_CONTEXT_FILE_SIZE_BYTES = 10 * 1024 * 1024; // 10 MB per file
 const CONTEXT_NOTICE_TIMEOUT_MS = 3500;
@@ -39,8 +43,43 @@ function readFileAsDataUrl(file) {
 function isImagePath(path) {
     return /\.(png|jpe?g|webp|gif)(\?|#|$)/i.test(path);
 }
+function getClipboardImageType(item) {
+    const rawTypes = item.types;
+    if (!rawTypes)
+        return null;
+    for (const type of Array.from(rawTypes)) {
+        const normalizedType = String(type || '').trim().toLowerCase();
+        if (SUPPORTED_CLIPBOARD_IMAGE_TYPES.has(normalizedType)) {
+            return normalizedType;
+        }
+    }
+    return null;
+}
+function buildDownloadUrl(pathValue, displayName) {
+    const separator = pathValue.includes('?') ? '&' : '?';
+    return `${pathValue}${separator}download=1&filename=${encodeURIComponent(displayName)}`;
+}
+function getAttachmentDisplayName(item) {
+    if (typeof item === 'string')
+        return item.split('/').pop() || 'Context file';
+    return item.displayName || item.originalFilename || item.caption || item.fsPath || item.path.split('/').pop() || 'Context file';
+}
+function getAttachmentTypeLabel(item) {
+    const candidates = typeof item === 'string'
+        ? [item]
+        : [item.originalFilename, item.displayName, item.caption, item.fsPath, item.path];
+    for (const candidate of candidates) {
+        if (!candidate)
+            continue;
+        const ext = getFileExtension(candidate);
+        if (ext)
+            return ext.replace('.', '').slice(0, 5).toUpperCase();
+    }
+    const path = typeof item === 'string' ? item : item.path;
+    return /^https?:\/\//i.test(path) ? 'LINK' : 'FILE';
+}
 export function TaskContextUpload(props) {
-    const { taskId, contextFiles, browsedPath, onBrowseLinkPath, onAddContextFile, onRemoveContextFile, onUpdateContextCaption } = props;
+    const { taskId, taskReferenceLabel, workspaceId, contextFiles, onAddContextFile, onRemoveContextFile, onUpdateContextCaption } = props;
     const inputRef = useRef(null);
     const [uploading, setUploading] = useState(false);
     const [uploadError, setUploadError] = useState(null);
@@ -79,22 +118,27 @@ export function TaskContextUpload(props) {
     }, [keySetFromFiles]);
     const hasAnyKey = (set, keys) => keys.some((key) => set.has(key));
     const addKeys = (set, keys) => keys.forEach((key) => set.add(key));
+    const trimmedWorkspaceId = String(workspaceId || '').trim();
+    const buildApiHeaders = (contentType = 'application/json') => {
+        const headers = { 'Content-Type': contentType };
+        if (trimmedWorkspaceId)
+            headers['x-taskforce-workspace-id'] = trimmedWorkspaceId;
+        return headers;
+    };
     const addLink = (rawValue, clearInput = true, contextKeySet = contextKeyRef.current) => {
         const trimmed = rawValue.trim();
         if (!trimmed)
             return 'invalid';
         const isHttp = /^https?:\/\//i.test(trimmed);
-        const normalizedPath = isHttp
-            ? trimmed
-            : `/api/taskforce/context-link?path=${encodeURIComponent(trimmed)}`;
-        const fsPath = isHttp ? undefined : trimmed;
-        const keys = getContextKeys(normalizedPath, fsPath);
+        if (!isHttp)
+            return 'invalid';
+        const normalizedPath = trimmed;
+        const keys = getContextKeys(normalizedPath);
         if (hasAnyKey(contextKeySet, keys))
             return 'duplicate';
         const nameFromPath = trimmed.split(/[\\/]/).pop() || trimmed;
         onAddContextFile({
             path: normalizedPath,
-            fsPath,
             caption: nameFromPath,
             timestamp: new Date().toISOString()
         });
@@ -104,17 +148,6 @@ export function TaskContextUpload(props) {
         setLinkError(null);
         return 'added';
     };
-    useEffect(() => {
-        if (!browsedPath)
-            return;
-        const result = addLink(browsedPath, true);
-        if (result === 'duplicate') {
-            setContextNotice('Link already exists in task context.');
-        }
-        else if (result === 'added') {
-            setContextNotice(null);
-        }
-    }, [browsedPath]);
     useEffect(() => {
         if (!contextNotice)
             return;
@@ -123,12 +156,12 @@ export function TaskContextUpload(props) {
         }, CONTEXT_NOTICE_TIMEOUT_MS);
         return () => window.clearTimeout(timeoutId);
     }, [contextNotice]);
-    const handleFilesSelected = async (files) => {
-        if (!files || files.length === 0)
+    const handleSelectedFiles = async (selectedFilesInput) => {
+        if (selectedFilesInput.length === 0)
             return;
         setUploadError(null);
         setContextNotice(null);
-        const selectedFiles = Array.from(files);
+        const selectedFiles = selectedFilesInput;
         const unsupportedFiles = [];
         const oversizedFiles = [];
         const localDuplicateFiles = [];
@@ -175,14 +208,16 @@ export function TaskContextUpload(props) {
         try {
             for (const { file, fingerprint } of uploadCandidates) {
                 let data = null;
+                // Keep uploads same-origin so local runtime never routes attachments through the cloud API base.
                 const initRes = await fetch('/api/taskforce/context-upload/init', {
                     method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
+                    headers: buildApiHeaders(),
                     body: JSON.stringify({
                         originalName: file.name,
                         mimeType: file.type || 'application/octet-stream',
                         size: file.size,
-                        taskId: taskId || null
+                        taskId: taskId || null,
+                        workspaceId: trimmedWorkspaceId || null
                     })
                 });
                 if (initRes.ok) {
@@ -198,23 +233,21 @@ export function TaskContextUpload(props) {
                         }
                         const finalizeRes = await fetch('/api/taskforce/context-upload/finalize', {
                             method: 'POST',
-                            headers: { 'Content-Type': 'application/json' },
+                            headers: buildApiHeaders(),
                             body: JSON.stringify({
                                 relativePath: initData.relativePath,
                                 mimeType: file.type || 'application/octet-stream',
                                 originalName: file.name,
-                                size: file.size
+                                size: file.size,
+                                taskId: taskId || null,
+                                workspaceId: trimmedWorkspaceId || null
                             })
                         });
                         if (!finalizeRes.ok) {
                             const finalizeError = await finalizeRes.json().catch(() => ({}));
                             throw new Error(finalizeError?.error || `Upload failed for ${file.name}`);
                         }
-                        data = {
-                            success: true,
-                            path: initData.path,
-                            fsPath: initData.fsPath
-                        };
+                        data = await finalizeRes.json().catch(() => null);
                     }
                     else if (initData?.success && typeof initData?.path === 'string') {
                         data = initData;
@@ -224,11 +257,12 @@ export function TaskContextUpload(props) {
                     const encoded = await readFileAsDataUrl(file);
                     const res = await fetch('/api/taskforce/context-upload', {
                         method: 'POST',
-                        headers: { 'Content-Type': 'application/json' },
+                        headers: buildApiHeaders(),
                         body: JSON.stringify({
                             file: encoded,
                             originalName: file.name,
-                            taskId: taskId || null
+                            taskId: taskId || null,
+                            workspaceId: trimmedWorkspaceId || null
                         })
                     });
                     if (!res.ok) {
@@ -247,9 +281,20 @@ export function TaskContextUpload(props) {
                 onAddContextFile({
                     path: data.path,
                     fsPath: data.fsPath,
-                    caption: file.name,
+                    caption: typeof data.caption === 'string' && data.caption.trim().length > 0 ? data.caption : file.name,
+                    displayName: typeof data.displayName === 'string' ? data.displayName : undefined,
+                    originalFilename: typeof data.originalFilename === 'string' ? data.originalFilename : file.name,
+                    assetId: typeof data.assetId === 'string' ? data.assetId : undefined,
+                    referenceNumber: typeof data.referenceNumber === 'number' ? data.referenceNumber : null,
+                    referenceLabel: typeof data.referenceLabel === 'string' ? data.referenceLabel : undefined,
+                    taskId: typeof data.taskId === 'string' ? data.taskId : null,
                     timestamp: new Date().toISOString()
                 });
+                dispatchTaskforceContextAssetsMutated({
+                    workspaceId: trimmedWorkspaceId || 'default',
+                    taskId: taskId || null,
+                    reason: 'upload'
+                });
                 addKeys(contextKeySet, keys);
                 localUploadFingerprintRef.current.add(fingerprint);
             }
@@ -269,6 +314,43 @@ export function TaskContextUpload(props) {
                 inputRef.current.value = '';
         }
     };
+    const handleFilesSelected = async (files) => {
+        if (!files || files.length === 0)
+            return;
+        await handleSelectedFiles(Array.from(files));
+    };
+    const handlePasteImage = async () => {
+        setUploadError(null);
+        setContextNotice(null);
+        if (!navigator.clipboard || typeof navigator.clipboard.read !== 'function') {
+            setUploadError('Clipboard image paste is not available in this browser.');
+            return;
+        }
+        try {
+            const clipboardItems = await navigator.clipboard.read();
+            const imageFiles = [];
+            for (const item of clipboardItems) {
+                const imageType = getClipboardImageType(item);
+                if (!imageType)
+                    continue;
+                const blob = await item.getType(imageType);
+                const extension = imageType.toLowerCase() === 'image/png'
+                    ? 'png'
+                    : imageType.toLowerCase() === 'image/webp'
+                        ? 'webp'
+                        : 'jpg';
+                imageFiles.push(new globalThis.File([blob], `pasted-image-${Date.now()}.${extension}`, { type: imageType }));
+            }
+            if (imageFiles.length === 0) {
+                setUploadError('Clipboard does not currently contain a supported image.');
+                return;
+            }
+            await handleSelectedFiles(imageFiles);
+        }
+        catch (error) {
+            setUploadError(error?.message || 'Failed to read an image from the clipboard.');
+        }
+    };
     const parseDroppedLinks = (event) => {
         const droppedLinks = new Set();
         const rawUriList = event.dataTransfer.getData('text/uri-list') || '';
@@ -308,25 +390,30 @@ export function TaskContextUpload(props) {
         }
         const droppedLinks = parseDroppedLinks(event);
         if (droppedLinks.length === 0) {
-            setLinkError('Drop a file, URL, or file path.');
+            setLinkError('Drop a file or URL.');
             return;
         }
         const contextKeySet = new Set(contextKeyRef.current);
         let duplicateCount = 0;
         let addedCount = 0;
+        let invalidCount = 0;
         droppedLinks.forEach((link) => {
             const result = addLink(link, false, contextKeySet);
             if (result === 'duplicate')
                 duplicateCount += 1;
             if (result === 'added')
                 addedCount += 1;
+            if (result === 'invalid')
+                invalidCount += 1;
         });
+        const notices = [];
         if (duplicateCount > 0) {
-            setContextNotice(`${duplicateCount} duplicate link${duplicateCount === 1 ? '' : 's'} skipped.`);
+            notices.push(`${duplicateCount} duplicate link${duplicateCount === 1 ? '' : 's'} skipped.`);
         }
-        else if (addedCount > 0) {
-            setContextNotice(null);
+        if (invalidCount > 0) {
+            notices.push(`${invalidCount} local path${invalidCount === 1 ? '' : 's'} skipped. Upload files to attach them, or drop an http(s) URL to link.`);
         }
+        setContextNotice(notices.length > 0 ? notices.join(' ') : (addedCount > 0 ? null : contextNotice));
         contextKeyRef.current = contextKeySet;
     };
     const handleDragEnter = (event) => {
@@ -350,44 +437,92 @@ export function TaskContextUpload(props) {
         event.stopPropagation();
         event.dataTransfer.dropEffect = 'copy';
     };
-    return (_jsxs("div", { className: styles.specialistSection, children: [_jsxs("div", { className: styles.toggleHeading, onClick: () => setShowContextUpload(!showContextUpload), title: showContextUpload ? 'Hide context documents' : 'Show context documents', children: [_jsxs("label", { className: styles.label, children: ["Context Documents ", contextFiles.length > 0 && `(${contextFiles.length})`] }), showContextUpload ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 })] }), showContextUpload && (_jsxs(_Fragment, { children: [_jsx("p", { className: styles.settingsHint, children: "Upload copies into context storage, or link to existing files/URLs without copying." }), _jsxs("div", { className: styles.contextUploadActions, children: [_jsxs("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: () => inputRef.current?.click(), disabled: uploading, children: [uploading ? _jsx(Loader2, { size: 12, className: styles.spinner }) : _jsx(FileUp, { size: 12 }), uploading ? 'Uploading...' : 'Upload File'] }), _jsx("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: () => onBrowseLinkPath?.(), children: "Browse Link" })] }), _jsx("input", { ref: inputRef, type: "file", accept: ACCEPTED_CONTEXT_FILE_TYPES, multiple: true, className: styles.hiddenInput, onChange: (e) => {
-                            void handleFilesSelected(e.target.files);
-                        } }), uploadError && _jsx("div", { className: styles.error, children: uploadError }), _jsxs("div", { className: styles.contextLinkRow, children: [_jsx("input", { type: "text", className: styles.input, placeholder: "Link file path (e.g. docs/spec.pdf) or URL (https://...)", value: linkValue, onChange: (e) => {
-                                    setLinkValue(e.target.value);
-                                    if (linkError)
-                                        setLinkError(null);
-                                    if (contextNotice)
-                                        setContextNotice(null);
-                                } }), _jsx("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: () => {
-                                    if (!linkValue.trim()) {
-                                        setLinkError('Enter a file path or URL to link.');
-                                        return;
-                                    }
-                                    const result = addLink(linkValue, true);
-                                    if (result === 'duplicate') {
-                                        setContextNotice('Link already exists in task context.');
-                                    }
-                                    else if (result === 'added') {
-                                        setContextNotice(null);
-                                    }
-                                }, children: "Save Link" })] }), _jsxs("div", { className: `${styles.contextDropzone} ${isDropActive ? styles.contextDropzoneActive : ''}`, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, children: [_jsx(FileUp, { size: 14 }), _jsx("span", { children: "Drop files, URLs, or file paths here" })] }), contextNotice && _jsx("div", { className: styles.contextNotice, children: contextNotice }), linkError && _jsx("div", { className: styles.error, children: linkError }), contextFiles.length > 0 && (_jsx("div", { className: styles.screenshotGrid, children: contextFiles.map((item, idx) => {
+    const imageFiles = contextFiles.filter((item) => {
+        const path = typeof item === 'string' ? item : item.path;
+        return isImagePath(path);
+    });
+    const documentFiles = contextFiles.filter((item) => {
+        const path = typeof item === 'string' ? item : item.path;
+        return !isImagePath(path);
+    });
+    return (_jsxs("div", { className: styles.specialistSection, children: [_jsxs("div", { className: styles.toggleHeading, onClick: () => setShowContextUpload(!showContextUpload), title: showContextUpload ? 'Hide context documents' : 'Show context documents', children: [_jsxs("label", { className: styles.label, children: ["Context Documents ", contextFiles.length > 0 && `(${contextFiles.length})`] }), showContextUpload ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 })] }), showContextUpload && (_jsxs(_Fragment, { children: [_jsx("p", { className: styles.settingsHint, children: "Upload files into task context storage, or add an external http(s) URL." }), _jsxs("div", { className: styles.contextUploadPanel, children: [_jsxs("div", { className: styles.contextUploadActions, children: [_jsxs("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: () => inputRef.current?.click(), disabled: uploading, children: [uploading ? _jsx(Loader2, { size: 12, className: styles.spinner }) : _jsx(FileUp, { size: 12 }), uploading ? 'Uploading...' : 'Upload File'] }), _jsxs("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: () => {
+                                            void handlePasteImage();
+                                        }, disabled: uploading, children: [_jsx(Copy, { size: 12 }), "Paste Image from Clipboard"] })] }), _jsx("input", { ref: inputRef, type: "file", accept: ACCEPTED_CONTEXT_FILE_TYPES, multiple: true, className: styles.hiddenInput, onChange: (e) => {
+                                    void handleFilesSelected(e.target.files);
+                                } }), uploadError && _jsx("div", { className: styles.error, children: uploadError }), _jsxs("div", { className: styles.contextLinkRow, children: [_jsx("input", { type: "text", className: styles.input, placeholder: "Add external URL (https://...)", value: linkValue, onChange: (e) => {
+                                            setLinkValue(e.target.value);
+                                            if (linkError)
+                                                setLinkError(null);
+                                            if (contextNotice)
+                                                setContextNotice(null);
+                                        } }), _jsx("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: () => {
+                                            if (!linkValue.trim()) {
+                                                setLinkError('Enter an http(s) URL to link.');
+                                                return;
+                                            }
+                                            const result = addLink(linkValue, true);
+                                            if (result === 'invalid') {
+                                                setLinkError('Only external http(s) URLs can be linked here. Upload files to attach them.');
+                                                return;
+                                            }
+                                            if (result === 'duplicate') {
+                                                setContextNotice('Link already exists in task context.');
+                                            }
+                                            else if (result === 'added') {
+                                                setContextNotice(null);
+                                            }
+                                        }, children: "Add URL" })] }), _jsxs("div", { className: `${styles.contextDropzone} ${isDropActive ? styles.contextDropzoneActive : ''}`, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, children: [_jsx(FileUp, { size: 14 }), _jsx("span", { children: "Drop files or URLs here" })] })] }), contextNotice && _jsx("div", { className: styles.contextNotice, children: contextNotice }), linkError && _jsx("div", { className: styles.error, children: linkError }), imageFiles.length > 0 && (_jsx("div", { className: styles.attachmentGrid, children: contextFiles.map((item, idx) => {
                             const path = typeof item === 'string' ? item : item.path;
+                            if (!isImagePath(path))
+                                return null;
                             const fsPath = typeof item === 'string' ? undefined : item.fsPath;
                             const caption = typeof item === 'string' ? '' : item.caption || '';
+                            const displayName = getAttachmentDisplayName(item);
                             const isImage = isImagePath(path);
-                            return (_jsxs("div", { className: styles.screenshotCard, children: [_jsxs("div", { className: styles.screenshotImageContainer, children: [isImage ? (_jsx("img", { src: path, alt: caption || `Context file ${idx}`, onClick: () => window.open(path, '_blank'), onError: (e) => {
+                            const isExternalUrl = /^https?:\/\//i.test(path);
+                            const canAnnotate = canOpenAnnotatedAttachment(item, { taskId });
+                            return (_jsxs("div", { className: styles.attachmentCard, children: [_jsxs("div", { className: styles.attachmentPreviewContainer, children: [isImage ? (_jsx("img", { src: path, alt: caption || `Context file ${idx}`, onClick: () => {
+                                                    if (dispatchOpenAnnotatedAttachment(item, { taskId, taskReferenceLabel }))
+                                                        return;
+                                                    window.open(path, '_blank');
+                                                }, onError: (e) => {
                                                     e.target.style.display = 'none';
                                                     e.target.parentElement.classList.add(styles.brokenImage);
                                                 } })) : (_jsxs("button", { type: "button", className: styles.contextFileLink, onClick: () => {
-                                                    if (dispatchOpenMarkdownDocument(path, fsPath))
+                                                    if (dispatchOpenMarkdownDocument(item, fsPath))
                                                         return;
                                                     window.open(path, '_blank');
-                                                }, title: "Open file", children: [_jsx(FileUp, { size: 16 }), _jsx("span", { children: caption || fsPath || path.split('/').pop() || 'Context file' })] })), _jsxs("div", { className: styles.brokenImagePlaceholder, children: [_jsx(AlertTriangle, { size: 16 }), _jsx("span", { children: "Preview unavailable" })] }), _jsxs("div", { className: styles.screenshotActions, children: [fsPath && (_jsx("button", { type: "button", className: styles.screenshotActionBtn, onClick: (e) => {
+                                                }, title: "Open file", children: [_jsx(FileUp, { size: 16 }), _jsx("span", { children: caption || fsPath || path.split('/').pop() || 'Context file' })] })), _jsxs("div", { className: styles.brokenImagePlaceholder, children: [_jsx(AlertTriangle, { size: 16 }), _jsx("span", { children: "Preview unavailable" })] }), _jsxs("div", { className: styles.attachmentActions, children: [canAnnotate && (_jsx("button", { type: "button", className: styles.attachmentActionBtn, onClick: (e) => {
+                                                            e.stopPropagation();
+                                                            dispatchOpenAnnotatedAttachment(item, { taskId, taskReferenceLabel });
+                                                        }, title: "Annotate", children: _jsx(PencilLine, { size: 12 }) })), fsPath && (_jsx("button", { type: "button", className: styles.attachmentActionBtn, onClick: (e) => {
                                                             e.stopPropagation();
                                                             navigator.clipboard.writeText(fsPath);
-                                                        }, title: `Copy path: ${fsPath}`, children: _jsx(Copy, { size: 12 }) })), _jsx("button", { type: "button", className: styles.screenshotActionBtn, onClick: (e) => {
+                                                        }, title: `Copy path: ${fsPath}`, children: _jsx(Copy, { size: 12 }) })), !isExternalUrl && (_jsx("button", { type: "button", className: styles.attachmentActionBtn, onClick: (e) => {
+                                                            e.stopPropagation();
+                                                            window.open(buildDownloadUrl(path, caption || displayName), '_blank');
+                                                        }, title: "Download", children: _jsx(Download, { size: 12 }) })), _jsx("button", { type: "button", className: styles.attachmentActionBtn, onClick: (e) => {
                                                             e.stopPropagation();
                                                             onRemoveContextFile(idx);
-                                                        }, title: "Delete", children: _jsx(Trash2, { size: 12 }) })] })] }), _jsx("input", { type: "text", className: styles.screenshotCaptionInput, placeholder: "Add a label...", value: caption, onChange: (e) => onUpdateContextCaption(idx, e.target.value) })] }, idx));
+                                                        }, title: "Delete", children: _jsx(Trash2, { size: 12 }) })] })] }), _jsx("input", { type: "text", className: styles.attachmentCaptionInput, placeholder: "Add a label...", value: caption, onChange: (e) => onUpdateContextCaption(idx, e.target.value) })] }, idx));
+                        }) })), documentFiles.length > 0 && (_jsx("div", { className: styles.documentAttachmentList, children: contextFiles.map((item, idx) => {
+                            const path = typeof item === 'string' ? item : item.path;
+                            if (isImagePath(path))
+                                return null;
+                            const fsPath = typeof item === 'string' ? undefined : item.fsPath;
+                            const caption = typeof item === 'string' ? '' : item.caption || '';
+                            const displayName = getAttachmentDisplayName(item);
+                            const fileType = getAttachmentTypeLabel(item);
+                            const documentReferenceLabel = typeof item === 'string' ? '' : getDocumentReferenceLabel(item);
+                            const isExternalUrl = /^https?:\/\//i.test(path);
+                            return (_jsxs("div", { className: styles.documentAttachmentItem, children: [_jsxs("div", { className: styles.documentAttachmentRow, children: [_jsxs("button", { type: "button", className: styles.documentAttachmentLink, onClick: () => {
+                                                    if (dispatchOpenMarkdownDocument(item, fsPath))
+                                                        return;
+                                                    window.open(path, '_blank');
+                                                }, title: displayName, children: [_jsxs("span", { className: styles.documentAttachmentMain, children: [_jsx("span", { className: styles.documentAttachmentIcon, "aria-hidden": "true", children: _jsx(File, { size: 13 }) }), _jsxs("span", { className: styles.documentAttachmentText, children: [_jsx("span", { className: styles.documentAttachmentName, children: displayName }), documentReferenceLabel && (_jsx("span", { className: styles.taskIdBadge, children: documentReferenceLabel }))] })] }), _jsx("span", { className: styles.documentAttachmentType, children: fileType })] }), _jsxs("div", { className: styles.documentAttachmentActions, children: [fsPath && (_jsx("button", { type: "button", className: styles.documentAttachmentActionBtn, onClick: () => {
+                                                            navigator.clipboard.writeText(fsPath);
+                                                        }, title: `Copy path: ${fsPath}`, children: _jsx(Copy, { size: 12 }) })), !isExternalUrl && (_jsx("button", { type: "button", className: styles.documentAttachmentActionBtn, onClick: () => {
+                                                            window.open(buildDownloadUrl(path, caption || displayName), '_blank');
+                                                        }, title: "Download", children: _jsx(Download, { size: 12 }) })), _jsx("button", { type: "button", className: styles.documentAttachmentActionBtn, onClick: () => onRemoveContextFile(idx), title: "Delete", children: _jsx(Trash2, { size: 12 }) })] })] }), _jsx("input", { type: "text", className: styles.documentAttachmentCaptionInput, placeholder: "Add a label...", value: caption, onChange: (e) => onUpdateContextCaption(idx, e.target.value) })] }, idx));
                         }) }))] }))] }));
 }