@terra-symposium/docs 0.0.0-stage → 0.1.17

package/lib-dist/terra/pages/docs/_attachments.js

@@ -0,0 +1,904 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// @ts-nocheck -- source-preserving extraction; public host contracts are typed in src/host.ts.
+/**
+ * astro/src/pages/docs/_attachments.tsx
+ * Docs attachment collection, uploads, and attachment-specific context menus.
+ */
+/*//////////////////////////////////////////////////
+IMPORTS
+//////////////////////////////////////////////////*/
+// API
+import { $attachmentFilter, $surfaceReady, $transition, clearTransition, sanitizeName, uploadAssetChunked, useAtom } from './_helpers.js';
+import { actions } from '../../runtime/action-proxy.js';
+import { cn, error as logError, errorLog, isRec, notify, warn } from '../../runtime/runtime.js';
+import { createElement, createElement as __terraQualityCreateElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { currLeafSrc } from '../../runtime/leaf.js';
+import { dirname, docsPath, isDocsPath } from '../../runtime/shared.js';
+import { toast } from 'sonner';
+// COMPONENTS
+import * as TerraQualityRegex from '../../regex.mjs';
+import { ArrowUpRight as PopOutIcon, Box as BoxIcon, Catalog as CatalogIcon, Copy as CopyIcon, Doc as DocumentIcon, Download as DownloadIcon, Edit as EditIcon, Image as ImageIcon, Link as LinkIcon, LogoYoutube as YouTubeIcon, MagicWand as MagicIcon, TrashCan as TrashIcon, Upload as UploadIcon, } from '@carbon/icons-react';
+import { Button } from '@terra-symposium/styling/ui/terra-original';
+import { Card, CardDescription, CardHeader, CardTitle } from '@terra-symposium/styling/ui/terra-original';
+import { CodeBlock } from '../../editor/docs/_CodeBlock.js';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@terra-symposium/styling/ui/terra-original';
+import { ErrorBoundary } from '../../runtime/ui.js';
+import { Empty } from '../../runtime/ui.js';
+import { Input } from '@terra-symposium/styling/ui/terra-original';
+import { Label } from '@terra-symposium/styling/ui/terra-original';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@terra-symposium/styling/ui/terra-original';
+import { Textarea } from '@terra-symposium/styling/ui/terra-original';
+import { TsDocsSelect } from './_blocks.js';
+// DATA
+import { ATTCH_TYPES } from './_helpers.js';
+/*//////////////////////////////////////////////////
+HELPERS
+//////////////////////////////////////////////////*/
+/**
+ * Handles latest content.
+ *
+ * @param content - Docs content whose attachment references should be collected.
+ */
+const latestContent = (content) => {
+    try {
+        return currLeafSrc(content, '_attachments.latestContent');
+    }
+    catch (_err) {
+        return typeof content === 'string' ? content : '';
+    }
+};
+/**
+ * Handles text asset.
+ *
+ * @param sis - Attachment records to normalize for the Docs editor.
+ */
+const textAsset = (sis) => /\.(?:csv|json|log|md|mdx|text|txt|xml|ya?ml)$/i.test(sis.name || sis.path.split('?')[0] || '');
+/*//////////////////////////////////////////////////
+COMPONENTS
+//////////////////////////////////////////////////*/
+/**
+ * Renders the document attachment manager for filtering, selecting, uploading, and organizing assets.
+ *
+ * @param props - The document path and current Docs tree used to scope and display its attachments.
+ *
+ * @return The attachment manager and its upload, selection, and organization controls.
+ */
+export function Attachments({ dPath, tree }) {
+    // STATES
+    const docId = dPath.split('/').filter(Boolean).at(-1) || dPath;
+    const attchFilter = useAtom($attachmentFilter);
+    const [sisters, setSisters] = useState([]);
+    const [sel, setSel] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [uploading, setUploading] = useState(false);
+    const [isDragging, setIsDragging] = useState(false);
+    const [addDialogOpen, setAddDialogOpen] = useState(false);
+    const [dialogMode, setDialogMode] = useState('select');
+    const [urlInput, setUrlInput] = useState('');
+    const [renameDlg, setRenameDlg] = useState(null);
+    const [renameInput, setRenameInput] = useState('');
+    const [viewDlg, setViewDlg] = useState(null);
+    const fileRef = useRef(null);
+    const [transferDlg, setTransferDlg] = useState(null);
+    const [transferTgt, setTransferTgt] = useState('');
+    const [transferring, setTransferring] = useState(false);
+    const [mergePdfState, setMergePdfState] = useState(null);
+    const [ctxAttachment, setCtxAttachment] = useState(null);
+    const sistersMap = useMemo(() => {
+        const map = new Map();
+        sisters.forEach(s => {
+            if (s.path)
+                map.set(s.path, s);
+            if (s.id)
+                map.set(s.id, s);
+        });
+        return map;
+    }, [sisters]);
+    const selItems = useMemo(() => sel.map(p => sistersMap.get(p)).filter((s) => Boolean(s)), [sel, sistersMap]);
+    useEffect(() => {
+        if (!viewDlg)
+            return;
+    }, [viewDlg]);
+    // PROCESS
+    const localLeaves = useMemo(() => {
+        let tgts = [];
+        const groups = [tree];
+        while (groups.length > 0) {
+            const nodes = groups.pop();
+            if (nodes.some(n => n.type === 'leaf' && n.path === dPath)) {
+                tgts = nodes.filter((n) => n.type === 'leaf' && n.path !== dPath);
+                break;
+            }
+            for (let i = nodes.length - 1; i >= 0; i--) {
+                const node = nodes[i];
+                if (node?.type === 'branch')
+                    groups.push(node.children || []);
+            }
+        }
+        return tgts;
+    }, [tree, dPath]);
+    const gSisters = useMemo(() => {
+        const groups = {};
+        for (const s of sisters) {
+            let cat = 'other';
+            if (s.type === 'youtube')
+                cat = 'youtube';
+            else if (s.name.toLowerCase().endsWith('.pdf') || s.path.toLowerCase().split('?')[0].endsWith('.pdf') || s.isMd || s.type === 'document')
+                cat = 'document';
+            else if (s.type === 'website')
+                cat = 'website';
+            else if (s.type === 'tsdocs')
+                cat = 'tsdocs';
+            else if (TerraQualityRegex.REGEX_PNG_JPE_G_GIF_WEBP_SVG_AVIF_I_REGEX_2().test(s.name))
+                cat = 'image';
+            else if (s.type && ((val) => ATTCH_TYPES.includes(val))(s.type))
+                cat = s.type;
+            if (!attchFilter.includes(cat))
+                continue;
+            (groups[cat] ??= []).push(s);
+        }
+        for (const arr of Object.values(groups)) {
+            arr?.sort((a, b) => (a.title || a.name).localeCompare(b.title || b.name));
+        }
+        return groups;
+    }, [sisters, attchFilter]);
+    // SURFACE MOUNT LIFECYCLE
+    useEffect(() => {
+        $surfaceReady.set(null);
+        if (loading)
+            return;
+        let a = true;
+        setTimeout(() => {
+            if (a)
+                $surfaceReady.set('attachments');
+        }, 100);
+        return () => {
+            a = false;
+            if ($surfaceReady.get() === 'attachments')
+                $surfaceReady.set(null);
+        };
+    }, [loading, dPath]);
+    // RESOLVE DIRECTORY SISTER FILE ASSETS
+    useEffect(() => {
+        let a = true;
+        setLoading(true);
+        if (!dPath)
+            warn('Attachments', 'dPath is empty — no fetch will succeed.');
+        actions.read.doc
+            .attachments({ path: docId })
+            .then(async ({ data: d, error: err }) => {
+            if (err) {
+                errorLog('Attachments', 'Action returned an error', logError(err));
+                return;
+            }
+            if (!a)
+                return;
+            if (!d) {
+                warn('Attachments', 'data is null/undefined — setSisters not called.');
+                return;
+            }
+            setSisters(d);
+        })
+            .catch(_err => {
+            errorLog('Attachments', 'Fetch threw an exception', logError(_err));
+        })
+            .finally(() => {
+            if (a)
+                setLoading(false);
+        });
+        return () => {
+            a = false;
+        };
+    }, [docId]);
+    // ATTACHMENT ACTION HANDLERS
+    /**
+     * Handles view asset.
+     *
+     * @param sis - Attachment records being filtered for the active document.
+     */
+    const viewAsset = async (sis) => {
+        if (!textAsset(sis) || !sis.path.startsWith('http')) {
+            setViewDlg(sis);
+            return;
+        }
+        try {
+            const res = await fetch(sis.path);
+            if (!res.ok)
+                throw new Error(`Attachment preview failed (${res.status}).`);
+            setViewDlg({ ...sis, content: await res.text() });
+        }
+        catch (err) {
+            notify({ error: err instanceof Error ? err : new Error('Attachment preview failed.'), fallback: 'Failed to load attachment preview.' });
+            setViewDlg(sis);
+        }
+    };
+    /**
+     * Handles process upload.
+     *
+     * @param file - File selected for upload or attachment.
+     * @param tempId - Temporary identifier assigned before persistence.
+     * @param isMdFile - Whether the file should be treated as Markdown content.
+     */
+    const processUpload = async (file, tempId, isMdFile) => {
+        try {
+            const finalAsset = await uploadAssetChunked(file, docId, {
+                onProgress: ({ currentChunk: currChunk, totalChunks, message: msg }) => {
+                    if (msg)
+                        setSisters(p => p.map(s => (s.id === tempId ? { ...s, name: msg } : s)));
+                    else if (totalChunks > 1)
+                        setSisters(p => p.map(s => (s.id === tempId ? { ...s, name: `Uploading (${currChunk}/${totalChunks})...` } : s)));
+                },
+            });
+            setSisters(p => p.map(s => (s.id === tempId ? { ...s, path: finalAsset.path || finalAsset.src || tempId, name: finalAsset.name || file.name, isMd: isMdFile, title: file.name } : s)));
+        }
+        catch (_err) {
+            errorLog('Attachments:Upload', `Failed '${file.name}'`, logError(_err));
+            setSisters(p => p.filter(s => s.id !== tempId));
+            toast.error(_err instanceof Error ? _err.message : `Failed to upload ${file.name}.`);
+            notify({ error: _err instanceof Error ? _err : new Error('Failed to attach.'), fallback: `Failed to upload ${file.name}.` });
+        }
+    };
+    const add = useCallback(async (v) => {
+        if ($transition.get() || !v || v.length === 0 || !dPath)
+            return;
+        const validFiles = [];
+        const pdfFiles = [];
+        Array.from(v).forEach(f => {
+            validFiles.push(f);
+            if (f.name.toLowerCase().endsWith('.pdf') || f.type === 'application/pdf')
+                pdfFiles.push(f);
+        });
+        if (pdfFiles.length > 1) {
+            setMergePdfState({ pdfs: pdfFiles, others: validFiles.filter(f => !pdfFiles.includes(f)) });
+            if (fileRef.current)
+                fileRef.current.value = '';
+            return;
+        }
+        validFiles.forEach((f, i) => {
+            const isMdFile = TerraQualityRegex.REGEX_MD_MDX_I_REGEX().test(f.name);
+            const tmpId = `temp-${Date.now()}-${i}`;
+            setSisters(p => [...p, { id: tmpId, path: tmpId, name: f.name, isMd: isMdFile }]);
+            void processUpload(f, tmpId, isMdFile);
+        });
+        if (fileRef.current)
+            fileRef.current.value = '';
+    }, [docId]);
+    const addRemote = useCallback(async (v, t) => {
+        setAddDialogOpen(false);
+        if ($transition.get() || !dPath || !v.trim())
+            return;
+        const urls = v.split(TerraQualityRegex.REGEX_N_S_REGEX()).filter(u => (t === 'tsdocs' ? u.trim().length > 0 : u.startsWith('http') || isDocsPath(u) || u.startsWith('/tsdocs')));
+        if (!urls.length)
+            return;
+        setUploading(true);
+        await Promise.allSettled(urls.map(async (u, i) => {
+            let aType = t;
+            if (t === 'other') {
+                if (u.toLowerCase().split('?')[0].endsWith('.pdf'))
+                    aType = 'document';
+                else if (TerraQualityRegex.REGEX_PNG_JPE_G_GIF_WEBP_SVG_AVIF_I_REGEX_2().test(u.toLowerCase().split('?')[0] ?? ''))
+                    aType = 'image';
+            }
+            const tmpId = `temp-${aType}-${Date.now()}-${i}`;
+            // prettier-ignore
+            setSisters(p => [...p, { id: tmpId, path: tmpId, name: 'Loading...', isMd: aType === 'website', title: aType === 'youtube' ? 'Extracting Transcript...' : aType === 'document' ? 'Downloading Document...' : aType === 'tsdocs' ? 'Linking Reference...' : 'Downloading...', type: aType, sourceUrl: u },]);
+            try {
+                let item = null;
+                if (aType === 'youtube') {
+                    const { data, error } = await actions.write.attachment.youtube({ path: docId, url: u });
+                    if (error || !data)
+                        throw error;
+                    const { title } = data;
+                    item = { id: tmpId, path: u, name: `${title} Video`, isMd: false, title, type: 'youtube', sourceUrl: u };
+                }
+                else if (aType === 'website') {
+                    const { data: webData, error: webErr } = await actions.read.external.website({ url: u });
+                    if (webErr || !webData)
+                        throw webErr;
+                    const { title, text } = webData;
+                    const dir = dirname(dPath);
+                    const nPath = `${dir === '.' ? '' : `${dir}/`}${sanitizeName(title || 'website')}.mdx`;
+                    const { data: docData, error: wErr } = await actions.write.doc.editor({ path: nPath, source: text, title, type: 'website', sourceUrl: u });
+                    if (wErr || !docData)
+                        throw wErr;
+                    item = { id: tmpId, path: nPath, name: nPath.split('/').pop() || '', isMd: true, title, type: 'website', sourceUrl: u, source: text };
+                }
+                else if (aType === 'tsdocs') {
+                    const fmtUrl = u.startsWith('http') ? u : u.startsWith('/') ? `${window.location.origin}${u}` : `${window.location.origin}${docsPath(`tsdocs/${u}`)}`;
+                    const { data: linkData, error: linkErr } = await actions.write.attachment.link({
+                        path: docId,
+                        url: fmtUrl,
+                        type: 'tsdocs',
+                        title: (u.split('/').filter(Boolean).pop()?.replace(TerraQualityRegex.REGEX_G_REGEX_7(), ' ') || 'TsDocs Reference').replace(TerraQualityRegex.REGEX_B_W_G_REGEX(), c => c.toUpperCase()),
+                    });
+                    if (linkErr || !linkData)
+                        throw linkErr;
+                    const { title } = linkData;
+                    item = { id: tmpId, path: fmtUrl, name: title, isMd: false, title, type: 'tsdocs', sourceUrl: fmtUrl };
+                }
+                else {
+                    const { data, error } = await actions.write.attachment.remoteFile({ path: docId, url: u, type: aType });
+                    if (error || !data)
+                        throw error;
+                    const { title, id, path: assetPath, name } = data;
+                    item = { id, path: assetPath, name, isMd: false, title, type: aType, sourceUrl: u };
+                }
+                setSisters(p => p.map(s => (s.id === tmpId ? item : s)));
+            }
+            catch (_err) {
+                setSisters(p => p.filter(s => s.id !== tmpId));
+                toast.error(`Failed to process ${u}`);
+            }
+        }));
+        setUploading(false);
+        clearTransition();
+    }, [docId]);
+    useEffect(() => {
+        /**
+         * Handles handle paste.
+         *
+         * @param e - Input event carrying the selected attachment files.
+         */
+        const handlePaste = (e) => {
+            if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement)
+                return;
+            const text = e.clipboardData?.getData('text');
+            if (text) {
+                const urls = text.split(TerraQualityRegex.REGEX_N_S_REGEX()).filter(u => u.startsWith('http') || isDocsPath(u) || u.startsWith('/tsdocs'));
+                if (urls.length > 0) {
+                    e.preventDefault();
+                    const ytUrls = urls.filter(u => u.includes('youtube.com') || u.includes('youtu.be'));
+                    const refUrls = urls.filter(u => u.includes('/tsdocs/'));
+                    const imgUrls = urls.filter(u => TerraQualityRegex.REGEX_PNG_JPE_G_GIF_WEBP_SVG_AVIF_I_REGEX_2().test(u.toLowerCase().split('?')[0] ?? ''));
+                    const docUrls = [...urls.filter(u => u.toLowerCase().split('?')[0].endsWith('.pdf')), ...urls.filter(u => u.toLowerCase().split('?')[0].endsWith('.json'))];
+                    const webUrls = urls.filter(u => !ytUrls.includes(u) && !refUrls.includes(u) && !docUrls.includes(u) && !imgUrls.includes(u));
+                    if (ytUrls.length > 0)
+                        void addRemote(ytUrls.join('\n'), 'youtube');
+                    if (refUrls.length > 0)
+                        void addRemote(refUrls.join('\n'), 'tsdocs');
+                    if (docUrls.length > 0)
+                        void addRemote(docUrls.join('\n'), 'document');
+                    if (imgUrls.length > 0)
+                        void addRemote(imgUrls.join('\n'), 'image');
+                    if (webUrls.length > 0)
+                        void addRemote(webUrls.join('\n'), 'website');
+                }
+            }
+            if (e.clipboardData?.files?.length) {
+                e.preventDefault();
+                void add(e.clipboardData.files);
+            }
+        };
+        document.addEventListener('paste', handlePaste);
+        return () => {
+            document.removeEventListener('paste', handlePaste);
+        };
+    }, [addRemote, add]);
+    /**
+     * Handles rename attch.
+     *
+     * @param nName - Proposed attachment name displayed in the editor.
+     */
+    const renameAttch = async (nName) => {
+        if (!renameDlg)
+            return;
+        try {
+            const { path, name, isMd, id } = renameDlg;
+            const nFilename = `${sanitizeName(nName)}${name.match(TerraQualityRegex.REGEX_I_REGEX())?.[0] ?? ''}`;
+            const nPath = `${dirname(path) === '.' ? '' : `${dirname(path)}/`}${nFilename}`;
+            setSisters(p => p.map(s => (s.path === path ? { ...s, path: nPath, name: nFilename } : s)));
+            if (isMd) {
+                const { error: err } = await actions.write.doc.commit({ cur: path, next: nPath });
+                if (err)
+                    throw err;
+            }
+            else if (id)
+                await actions.write.attachment.rename({ docPath: docId, attachmentKey: id, newName: nFilename });
+            toast.success('Renamed successfully');
+        }
+        catch (_err) {
+            errorLog('Attachments:Rename', 'Rename failed', logError(_err));
+            setSisters(p => p.map(s => (s.path === renameDlg.path ? { ...s, path: renameDlg.path, name: renameDlg.name } : s)));
+            toast.error('Failed to rename attachment');
+        }
+        finally {
+            setRenameDlg(null);
+            setRenameInput('');
+        }
+    };
+    /**
+     * Handles remove.
+     *
+     * @param items - Attachment items rendered by the list.
+     */
+    const remove = async (items) => {
+        if (!window.confirm(`Are you sure you want to delete ${items.length} items?`))
+            return;
+        const itemKeys = new Set(items.flatMap(i => [i.id, i.path].filter(Boolean)));
+        setSisters(p => p.filter(s => !(s.id && itemKeys.has(s.id)) && !(s.path && itemKeys.has(s.path))));
+        try {
+            await Promise.allSettled(items.map(async (i) => {
+                if (i.isMd)
+                    await actions.write.doc.rm({ assets: false, path: i.path, type: 'doc' });
+                else if (i.id) {
+                    await actions.write.attachment.rm({ docPath: docId, attachmentKey: i.id });
+                    if (i.path.startsWith('http'))
+                        await actions.write.asset.delete({ url: i.path });
+                }
+            }));
+            setSel([]);
+        }
+        catch (_err) {
+            setSisters([...sisters]);
+            notify({ error: _err instanceof Error ? _err : new Error('Deletion failed'), fallback: 'Failed to delete some attachments.' });
+        }
+    };
+    const isDialogOpen = !!mergePdfState || !!viewDlg || (renameDlg?.open ?? false) || (transferDlg?.open ?? false) || addDialogOpen;
+    // GLOBAL KEYBOARD SHORTCUTS
+    useEffect(() => {
+        /**
+         * Handles handle key down.
+         *
+         * @param e - Keyboard event used to operate the attachment panel.
+         */
+        const handleKeyDown = (e) => {
+            if (loading || uploading || isDialogOpen || selItems.length === 0)
+                return;
+            const tgt = e.target;
+            if (tgt.tagName === 'INPUT' || tgt.tagName === 'TEXTAREA' || tgt.isContentEditable)
+                return;
+            if (e.key === 'Backspace' || e.key === 'Delete') {
+                e.preventDefault();
+                void remove(selItems);
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [loading, uploading, isDialogOpen, selItems]);
+    useEffect(() => {
+        if (!ctxAttachment)
+            return;
+        /**
+         * Closes the attachment context menu when the user presses Escape.
+         *
+         * @param e - Keyboard event checked for the Escape key.
+         */
+        const close = (e) => {
+            if (e.key === 'Escape')
+                setCtxAttachment(null);
+        };
+        window.addEventListener('keydown', close);
+        return () => window.removeEventListener('keydown', close);
+    }, [ctxAttachment]);
+    useEffect(() => {
+        /**
+         * Opens the attachment context menu for the item under the pointer.
+         *
+         * @param e - Mouse event used to identify the attachment item and menu position.
+         */
+        const open = (e) => {
+            const id = (e.target instanceof Element ? e.target.closest('[data-docs-attachment-id]') : null)?.dataset.docsAttachmentId;
+            const item = id ? sistersMap.get(id) : undefined;
+            if (!(e.target instanceof Element ? e.target.closest('[data-docs-attachments]') : null))
+                return;
+            e.preventDefault();
+            if (item)
+                setCtxAttachment({ item, x: e.clientX, y: e.clientY });
+            else
+                setAddDialogOpen(true);
+        };
+        document.addEventListener('contextmenu', open, true);
+        return () => document.removeEventListener('contextmenu', open, true);
+    }, [sistersMap]);
+    // RENDER
+    return (_jsxs(ErrorBoundary, { name: 'Attachments', children: [_jsxs("div", { "data-docs-attachments": true, "data-docs-path": dPath, "data-loading": loading, className: cn('-mx-6 -my-40 flex min-h-[calc(100vh+8rem)] flex-col rounded-xl border-2 px-6 pb-40 transition-colors md:-mx-20 md:px-20', isDragging ? 'border-primary-8 bg-primary-4/20' : 'border-transparent'), onDragOver: e => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setIsDragging(true);
+                }, onDragEnter: e => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setIsDragging(true);
+                }, onDragLeave: e => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setIsDragging(false);
+                }, onDrop: e => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setIsDragging(false);
+                    if (e.dataTransfer.files?.length)
+                        void add(e.dataTransfer.files);
+                }, onContextMenu: e => {
+                    if (e.target === e.currentTarget) {
+                        e.preventDefault();
+                        setAddDialogOpen(true);
+                    }
+                }, onClick: e => {
+                    if (e.target === e.currentTarget)
+                        setSel([]);
+                }, children: [_jsx("div", { className: 'flex flex-col gap-8 py-8', children: loading ? null : Object.keys(gSisters).length === 0 ? (_jsx(Empty, { children: "No attachments found." })) : (ATTCH_TYPES.filter(c => gSisters[c]).map(c => (_jsxs("div", { className: 'space-y-4', children: [_jsx("h3", { className: 'h3 capitalize', children: c }), _jsx("div", { className: 'grid grid-cols-1 content-start gap-4 sm:grid-cols-2 md:grid-cols-1 lg:grid-cols-3', children: gSisters[c].map(v => {
+                                        const isTemp = v.path.startsWith('temp-');
+                                        return (_jsx(Card, { "data-docs-attachment-id": v.id || v.path, role: 'button', tabIndex: isTemp ? -1 : 0, "aria-disabled": isTemp ? true : undefined, "aria-selected": sel.includes(v.path), "aria-label": `Attachment ${v.title || v.name}`, className: cn('cursor-pointer transition-colors hover:border-primary-8 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-8', sel.includes(v.path) && 'bg-primary-4/50 ring-2 ring-primary-8', isTemp && 'pointer-events-none opacity-50'), onKeyDown: e => {
+                                                if (isTemp)
+                                                    return;
+                                                if (e.key === 'Enter' || e.key === ' ') {
+                                                    e.preventDefault();
+                                                    if (v.type === 'youtube')
+                                                        setViewDlg({ ...v, isMd: true, content: latestContent(v.content) || 'No transcript text found.' });
+                                                    else
+                                                        void viewAsset(v);
+                                                }
+                                            }, onClick: e => {
+                                                if (isTemp)
+                                                    return;
+                                                e.stopPropagation();
+                                                if (e.shiftKey && sel.length > 0) {
+                                                    const i1 = sisters.findIndex(s => s.path === sel[sel.length - 1]);
+                                                    const i2 = sisters.findIndex(s => s.path === v.path);
+                                                    setSel(p => Array.from(new Set([...(e.metaKey || e.ctrlKey ? p : []), ...sisters.slice(Math.min(i1, i2), Math.max(i1, i2) + 1).map(s => s.path)])));
+                                                }
+                                                else if (e.metaKey || e.ctrlKey) {
+                                                    setSel(p => (p.includes(v.path) ? p.filter(x => x !== v.path) : [...p, v.path]));
+                                                }
+                                                else {
+                                                    if (v.type === 'youtube')
+                                                        setViewDlg({ ...v, isMd: true, content: latestContent(v.content) || 'No transcript text found.' });
+                                                    else
+                                                        void viewAsset(v);
+                                                }
+                                            }, onContextMenu: e => {
+                                                e.preventDefault();
+                                                setCtxAttachment({ item: v, x: e.clientX, y: e.clientY });
+                                            }, children: _jsxs(CardHeader, { children: [__terraQualityCreateElement(
+                                                    /* prettier-ignore */ v.type === 'youtube' ? YouTubeIcon : v.type === 'website' ? LinkIcon : v.type === 'image' ? ImageIcon : v.type === 'tsdocs' ? CatalogIcon : v.type === 'other' ? BoxIcon : DocumentIcon, { className: 'size-6 text-primary-10', 'aria-hidden': 'true' }), _jsx(CardTitle, { className: 'truncate text-base', children: v.title || v.name }), _jsx(CardDescription, { className: 'truncate', children: v.sourceUrl || v.path })] }) }, v.id || v.path));
+                                    }) })] }, c)))) }), _jsx("input", { "data-testid": 'docs-attachment-upload', ref: fileRef, type: 'file', className: 'hidden', multiple: true, onChange: e => void add(e.currentTarget.files), disabled: uploading || loading })] }), ctxAttachment && (_jsx("div", { role: 'menu', "data-docs-attachment-menu": true, className: 'fixed z-[120] min-w-32 rounded-md border border-primary-6 bg-white p-1 text-primary-12 shadow-lg dark:bg-black', style: { left: ctxAttachment.x, top: ctxAttachment.y }, onContextMenu: e => e.preventDefault(), children: (sel.includes(ctxAttachment.item.path) && sel.length > 1
+                    ? [
+                        { icon: _jsx(CopyIcon, {}), label: `Copy ${sel.length} items`, onSelect: () => setTransferDlg({ open: true, action: 'copy', items: selItems }) },
+                        { icon: _jsx(PopOutIcon, {}), label: `Move ${sel.length} items`, onSelect: () => setTransferDlg({ open: true, action: 'cut', items: selItems }) },
+                        ...(selItems.every(s => s.path.toLowerCase().split('?')[0].endsWith('.pdf') || s.name.toLowerCase().endsWith('.pdf'))
+                            ? [
+                                {
+                                    icon: _jsx(DocumentIcon, {}),
+                                    label: `Merge ${sel.length} PDFs`,
+                                    onSelect: () => {
+                                        void (async () => {
+                                            if (!window.confirm(`Merge ${selItems.length} PDFs into a single file?`))
+                                                return;
+                                            setUploading(true);
+                                            const tmpId = `temp-merge-${Date.now()}`;
+                                            const itemKeys = new Set(selItems.flatMap(i => [i.id, i.path].filter(Boolean)));
+                                            setSisters(p => [
+                                                ...p.filter(s => !(s.id && itemKeys.has(s.id)) && !(s.path && itemKeys.has(s.path))),
+                                                { id: tmpId, path: tmpId, name: 'Merging PDFs...', isMd: false, type: 'document' },
+                                            ]);
+                                            setSel([]);
+                                            try {
+                                                const { PDFDocument } = await import('pdf-lib');
+                                                const mergedPdf = await PDFDocument.create();
+                                                for (let i = 0; i < selItems.length; i++) {
+                                                    const item = selItems[i];
+                                                    let buf;
+                                                    if (item?.path.startsWith('http')) {
+                                                        buf = await (await fetch(item.path)).arrayBuffer();
+                                                    }
+                                                    else {
+                                                        const { data, error: err } = await actions.read.asset.get({ path: item?.path || '' });
+                                                        if (err || !data)
+                                                            throw err || new Error('Failed to read local asset');
+                                                        buf = data;
+                                                    }
+                                                    const pdfDoc = await PDFDocument.load(buf);
+                                                    (await mergedPdf.copyPages(pdfDoc, pdfDoc.getPageIndices())).forEach(p => mergedPdf.addPage(p));
+                                                }
+                                                const mergedFile = new File([(await mergedPdf.save()).buffer], 'Merged-Document.pdf', { type: 'application/pdf' });
+                                                setSisters(p => p.map(s => (s.id === tmpId ? { ...s, name: 'Uploading Merged PDF...' } : s)));
+                                                const finalAsset = await uploadAssetChunked(mergedFile, docId, {
+                                                    onProgress: ({ currentChunk: currChunk, totalChunks, message: msg }) => {
+                                                        if (msg)
+                                                            setSisters(p => p.map(s => (s.id === tmpId ? { ...s, name: msg } : s)));
+                                                        else if (totalChunks > 1)
+                                                            setSisters(p => p.map(s => (s.id === tmpId ? { ...s, name: `Uploading (${currChunk}/${totalChunks})...` } : s)));
+                                                    },
+                                                });
+                                                const fPath = finalAsset.path || finalAsset.src || tmpId;
+                                                setSisters(p => p.map(s => (s.id === tmpId ? { ...s, path: fPath, name: fPath.split('/').pop() || mergedFile.name } : s)));
+                                                await Promise.allSettled(selItems.map(async (i) => {
+                                                    if (i.isMd)
+                                                        await actions.write.doc.rm({ assets: false, path: i.path, type: 'doc' });
+                                                    else if (i.id) {
+                                                        await actions.write.attachment.rm({ docPath: docId, attachmentKey: i.id });
+                                                        if (i.path.startsWith('http'))
+                                                            await actions.write.asset.delete({ url: i.path });
+                                                    }
+                                                }));
+                                                toast.success('PDFs merged successfully.');
+                                            }
+                                            catch (_err) {
+                                                errorLog('Attachments:Merge', 'Fatal exception caught during PDF merge', logError(_err));
+                                                toast.error('Failed to merge PDFs.');
+                                                setSisters([...sisters]);
+                                            }
+                                            finally {
+                                                setUploading(false);
+                                            }
+                                        })();
+                                    },
+                                },
+                            ]
+                            : []),
+                        { separator: true },
+                        { destructive: true, icon: _jsx(TrashIcon, {}), label: `Delete ${sel.length} items`, onSelect: () => void remove(selItems) },
+                    ]
+                    : [
+                        ...(!ctxAttachment.item.type || ctxAttachment.item.type !== 'youtube'
+                            ? [
+                                {
+                                    onSelect: () => {
+                                        setRenameInput(ctxAttachment.item.name.replace(TerraQualityRegex.REGEX_I_REGEX(), ''));
+                                        setRenameDlg({ open: true, path: ctxAttachment.item.path, name: ctxAttachment.item.name, isMd: ctxAttachment.item.isMd || false, id: ctxAttachment.item.id });
+                                    },
+                                    icon: _jsx(EditIcon, {}),
+                                    label: 'Rename',
+                                },
+                            ]
+                            : []),
+                        { icon: _jsx(CopyIcon, {}), label: 'Copy to...', onSelect: () => setTransferDlg({ open: true, action: 'copy', items: [ctxAttachment.item] }) },
+                        { icon: _jsx(PopOutIcon, {}), label: 'Move to...', onSelect: () => setTransferDlg({ open: true, action: 'cut', items: [ctxAttachment.item] }) },
+                        ...(ctxAttachment.item.isMd
+                            ? [
+                                {
+                                    onSelect: () => document.dispatchEvent(new CustomEvent('docs:synthesize', { detail: { path: ctxAttachment.item.path, name: ctxAttachment.item.name } })),
+                                    icon: _jsx(MagicIcon, {}),
+                                    label: 'Synthesize Content',
+                                },
+                                ...(!ctxAttachment.item.type || ctxAttachment.item.type !== 'youtube'
+                                    ? [
+                                        {
+                                            icon: _jsx(CopyIcon, {}),
+                                            label: 'Duplicate',
+                                            onSelect: () => {
+                                                void (async () => {
+                                                    const path = ctxAttachment.item.path;
+                                                    if (!path)
+                                                        return;
+                                                    const name = window.prompt('Duplicate file name', `${path.split('/').at(-1)?.replace(TerraQualityRegex.REGEX_MD_MDX_I_REGEX(), '') ?? ''}-copy`);
+                                                    if (!name)
+                                                        return;
+                                                    try {
+                                                        const { data: docData, error: readErr } = await actions.read.doc.get({ path });
+                                                        if (readErr || !docData)
+                                                            throw readErr || new Error('Failed to read doc.');
+                                                        const nPath = `${dirname(path)}/${sanitizeName(name)}.mdx`;
+                                                        const { data, error: writeErr } = await actions.write.doc.save({ path: nPath, source: docData.source });
+                                                        if (writeErr || !data)
+                                                            throw writeErr || new Error('Failed to duplicate.');
+                                                        const duplicateData = data;
+                                                        setSisters(p => [
+                                                            ...p,
+                                                            {
+                                                                path: nPath,
+                                                                name: nPath.split('/').pop() || '',
+                                                                isMd: true,
+                                                                title: duplicateData.title,
+                                                                source: duplicateData.source,
+                                                                type: duplicateData.type,
+                                                                sourceUrl: duplicateData.sourceUrl,
+                                                            },
+                                                        ]);
+                                                    }
+                                                    catch (_err) {
+                                                        errorLog('Attachments:Duplicate', 'Duplicate failed', logError(_err));
+                                                        notify({ error: _err instanceof Error ? _err : new Error('Failed to duplicate.'), fallback: 'Failed to duplicate.' });
+                                                    }
+                                                })();
+                                            },
+                                        },
+                                    ]
+                                    : []),
+                            ]
+                            : []),
+                        { separator: true },
+                        { destructive: true, onSelect: () => void remove([ctxAttachment.item]), icon: _jsx(TrashIcon, {}), label: 'Delete' },
+                    ]).map((a, i) => a.separator ? (_jsx("div", { role: 'separator', className: 'mx-1.5 my-1 h-px bg-primary-6/50' }, `separator-${i}`)) : (_jsx("button", { type: 'button', role: 'menuitem', className: 'relative flex w-full cursor-default select-none items-center rounded-sm px-3 py-1 text-left text-sm hover:bg-primary-4', disabled: a.disabled, onClick: () => {
+                        setCtxAttachment(null);
+                        a.onSelect?.();
+                    }, children: a.label }, `${a.label}-${i}`))) })), _jsxs(Dialog, { open: isDialogOpen, onOpenChange: open => {
+                    if (open)
+                        return;
+                    if (viewDlg)
+                        setViewDlg(null);
+                    if (renameDlg?.open) {
+                        setRenameDlg(null);
+                        setRenameInput('');
+                    }
+                    if (transferDlg?.open)
+                        setTransferDlg(null);
+                    if (mergePdfState)
+                        setMergePdfState(null);
+                    if (addDialogOpen) {
+                        setAddDialogOpen(false);
+                        setTimeout(() => {
+                            setDialogMode('select');
+                            setUrlInput('');
+                        }, 200);
+                    }
+                }, children: [!!mergePdfState && (_jsxs(DialogContent, { className: 'sm:max-w-md', children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Multiple PDFs Selected" }), _jsxs(DialogDescription, { children: ["Would you like to merge these ", mergePdfState.pdfs.length, " PDFs into a single file, or upload them separately?"] })] }), _jsxs(DialogFooter, { className: 'flex gap-2 sm:justify-between', children: [_jsx(Button, { variant: 'ghost', onClick: () => {
+                                            [...mergePdfState.pdfs, ...mergePdfState.others].forEach((f, i) => {
+                                                const isMdFile = TerraQualityRegex.REGEX_MD_MDX_I_REGEX().test(f.name);
+                                                const tmpId = `temp-${Date.now()}-${i}`;
+                                                setSisters(p => [...p, { id: tmpId, path: tmpId, name: f.name, isMd: isMdFile, type: 'document' }]);
+                                                void processUpload(f, tmpId, isMdFile);
+                                            });
+                                            setMergePdfState(null);
+                                        }, children: "Upload Separately" }), _jsx(Button, { disabled: uploading, loading: uploading, onClick: async () => {
+                                            setUploading(true);
+                                            setMergePdfState(null);
+                                            try {
+                                                const { PDFDocument } = await import('pdf-lib');
+                                                const mergedPdf = await PDFDocument.create();
+                                                for (let i = 0; i < mergePdfState.pdfs.length; i++) {
+                                                    const pdfDoc = await PDFDocument.load(await mergePdfState.pdfs[i].arrayBuffer());
+                                                    (await mergedPdf.copyPages(pdfDoc, pdfDoc.getPageIndices())).forEach(p => mergedPdf.addPage(p));
+                                                }
+                                                [new File([(await mergedPdf.save()).buffer], 'Merged-Document.pdf', { type: 'application/pdf' }), ...mergePdfState.others].forEach((f, i) => {
+                                                    const isMdFile = TerraQualityRegex.REGEX_MD_MDX_I_REGEX().test(f.name);
+                                                    const tmpId = `temp-${Date.now()}-${i}`;
+                                                    setSisters(p => [...p, { id: tmpId, path: tmpId, name: f.name, isMd: isMdFile, type: 'document' }]);
+                                                    void processUpload(f, tmpId, isMdFile);
+                                                });
+                                            }
+                                            catch (_err) {
+                                                errorLog('Attachments:UploadMerge', 'Fatal exception caught during PDF merge', logError(_err));
+                                                toast.error('Failed to merge PDFs.');
+                                            }
+                                            finally {
+                                                setUploading(false);
+                                            }
+                                        }, children: "Merge to Single PDF" })] })] })), !!viewDlg && (_jsxs(DialogContent, { className: 'flex max-h-[85vh] flex-col sm:max-w-4xl', children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: viewDlg.title || viewDlg.name }), _jsx(DialogDescription, { className: 'truncate', children: viewDlg.sourceUrl || viewDlg.path })] }), _jsx("div", { className: 'min-h-0 flex-1 overflow-y-auto py-4', children: viewDlg.isMd ? (_jsx(CodeBlock, { docsSource: true, code: typeof viewDlg.content === 'string' ? viewDlg.content : latestContent(viewDlg.content) || '', language: 'mdx', tone: 'view', className: 'my-0 text-xs' })) : textAsset(viewDlg) ? (_jsx(CodeBlock, { code: typeof viewDlg.content === 'string' ? viewDlg.content : '', language: 'text', tone: 'view', className: 'my-0 text-xs' })) : (_jsxs("div", { className: 'flex flex-col items-center justify-center gap-4 py-12 text-primary-11', children: [_jsx(DocumentIcon, { className: 'size-16 opacity-50', "aria-hidden": 'true' }), _jsx("p", { children: "Binary storage entry." }), viewDlg.unavailable ? (_jsx("p", { children: "Source asset is unavailable." })) : (_jsxs(Button, { onClick: () => {
+                                                void (async () => {
+                                                    if (!viewDlg)
+                                                        return;
+                                                    try {
+                                                        if (viewDlg.type === 'tsdocs') {
+                                                            const scopeMatch = viewDlg.path.match(TerraQualityRegex.REGEX_DOCS_TSDOCS_REGEX());
+                                                            const scope = scopeMatch ? scopeMatch[1] : viewDlg.path;
+                                                            const { data, error } = await actions.read.tsdocs({ scope });
+                                                            if (!error && data?.docs) {
+                                                                const url = URL.createObjectURL(new Blob([
+                                                                    JSON.stringify((Array.isArray(data.docs) ? data.docs : []).filter(isRec).map(d => ({ title: d.title, slug: d.slug, source: d.body })), null, 2),
+                                                                ], { type: 'application/json' }));
+                                                                const a = document.createElement('a');
+                                                                a.href = url;
+                                                                a.download = `${sanitizeName(scope.replace(TerraQualityRegex.REGEX_G_REGEX_10(), '-'))}.json`;
+                                                                document.body.appendChild(a);
+                                                                a.click();
+                                                                document.body.removeChild(a);
+                                                                URL.revokeObjectURL(url);
+                                                            }
+                                                            else
+                                                                toast.error('Failed to download TSDocs reference.');
+                                                            return;
+                                                        }
+                                                        if (viewDlg.type === 'youtube' || viewDlg.type === 'website') {
+                                                            window.open(viewDlg.sourceUrl || viewDlg.path, '_blank');
+                                                            return;
+                                                        }
+                                                        let dlName = viewDlg.title || viewDlg.name;
+                                                        const extMatch = viewDlg.path.split('?')[0]?.match(TerraQualityRegex.REGEX_A_Z0_9_I_REGEX());
+                                                        if (extMatch && !dlName.toLowerCase().endsWith(extMatch[0].toLowerCase()))
+                                                            dlName = `${dlName}${extMatch[0]}`;
+                                                        else if (viewDlg.type === 'document' && !dlName.toLowerCase().endsWith('.pdf'))
+                                                            dlName = `${dlName}.pdf`;
+                                                        const { data, error } = await actions.read.asset.get({ path: viewDlg.path });
+                                                        if (error || !data)
+                                                            throw error;
+                                                        const url = URL.createObjectURL(new Blob([data], { type: viewDlg.type === 'document' ? 'application/pdf' : 'application/octet-stream' }));
+                                                        const a = document.createElement('a');
+                                                        a.href = url;
+                                                        a.download = dlName;
+                                                        document.body.appendChild(a);
+                                                        a.click();
+                                                        document.body.removeChild(a);
+                                                        URL.revokeObjectURL(url);
+                                                    }
+                                                    catch (_err) {
+                                                        toast.error('Failed to download asset.');
+                                                    }
+                                                })();
+                                            }, children: [_jsx(DownloadIcon, { className: 'mr-2 size-4' }), " Download Asset"] }))] })) }), _jsx(DialogFooter, { children: _jsx(Button, { variant: 'ghost', onClick: () => {
+                                        setViewDlg(null);
+                                    }, children: "Close" }) })] })), renameDlg?.open && (_jsxs(DialogContent, { className: 'sm:max-w-md', children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Rename Attachment" }), _jsx(DialogDescription, { children: "Assign folder-compliant file identity token string parameters." })] }), _jsx("div", { className: 'py-4', children: _jsx(Input, { autoFocus: true, value: renameInput, onChange: e => {
+                                        setRenameInput(e.target.value);
+                                    }, onKeyDown: e => e.key === 'Enter' && void renameAttch(renameInput) }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: 'ghost', onClick: () => { setRenameDlg(null); }, children: "Cancel" }), _jsx(Button, { disabled: !renameInput.trim(), onClick: () => void renameAttch(renameInput), children: "Rename" })] })] })), transferDlg?.open &&
+                        // prettier-ignore
+                        _jsxs(DialogContent, { className: 'sm:max-w-md', children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: [transferDlg.action === 'copy' ? 'Copy' : 'Move', " Asset", transferDlg.items.length > 1 ? 's' : ''] }), _jsx(DialogDescription, { children: "Shift structural components between system documents." })] }), _jsx("div", { className: 'py-4', children: _jsxs(Select, { value: transferTgt, onValueChange: setTransferTgt, children: [_jsx(SelectTrigger, { "aria-label": 'Select destination page', children: _jsx(SelectValue, { placeholder: 'Select destination page' }) }), _jsxs(SelectContent, { className: 'max-h-60', children: [_jsx(SelectItem, { value: '__new__', className: 'font-semibold text-primary-11', children: "\u2728 Move to new page..." }), localLeaves.length ? (localLeaves.map(l => (_jsx(SelectItem, { value: l.path, children: l.title || l.origName }, l.path)))) : (_jsx(SelectItem, { value: 'none', disabled: true, children: "No target layers found" }))] })] }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: 'ghost', onClick: () => { setTransferDlg(null); }, children: "Cancel" }), _jsx(Button, { disabled: !transferTgt || transferTgt === 'none' || transferring, loading: transferring, onClick: () => {
+                                                void (async () => {
+                                                    if (!transferDlg || !transferTgt || transferTgt === 'none' || transferDlg.items.length === 0)
+                                                        return;
+                                                    setTransferring(true);
+                                                    try {
+                                                        let destPath = transferTgt;
+                                                        if (transferTgt === '__new__') {
+                                                            const title = window.prompt('Enter a title for the new page:');
+                                                            if (!title) {
+                                                                setTransferring(false);
+                                                                return;
+                                                            }
+                                                            const dir = dirname(dPath);
+                                                            const nPath = `${dir === '.' ? '' : `${dir}/`}${sanitizeName(title)}.mdx`;
+                                                            const { data: nDoc, error: createErr } = await actions.write.doc.editor({ path: nPath, title, source: '' });
+                                                            if (createErr || !nDoc)
+                                                                throw createErr || new Error('Failed to create new page.');
+                                                            destPath = nPath;
+                                                        }
+                                                        if (transferDlg.action === 'copy') {
+                                                            await Promise.allSettled(transferDlg.items.map(async (i) => {
+                                                                if (i.isMd) {
+                                                                    const { data: docData } = await actions.read.doc.get({ path: i.path });
+                                                                    await actions.write.doc.save({
+                                                                        path: `${dirname(destPath)}/${`${i.name.replace(TerraQualityRegex.REGEX_I_REGEX(), '')}-copy-${Math.floor(Math.random() * 10000)}${i.name.match(TerraQualityRegex.REGEX_I_REGEX())?.[0] ?? ''}`}`,
+                                                                        source: docData.source,
+                                                                    });
+                                                                }
+                                                                else if (i.id) {
+                                                                    await actions.write.attachment.move({ sourceDocPath: docId, targetDocPath: destPath, attachmentKey: i.id });
+                                                                    await actions.write.attachment.add({ files: [{ name: i.name }], path: destPath });
+                                                                }
+                                                            }));
+                                                        }
+                                                        else {
+                                                            await Promise.allSettled(transferDlg.items.map(async (i) => {
+                                                                if (i.isMd) {
+                                                                    const { data: docData } = await actions.read.doc.get({ path: i.path });
+                                                                    await actions.write.doc.commit({ cur: i.path, next: `${dirname(destPath)}/${i.name}`, source: docData.source });
+                                                                }
+                                                                else if (i.id)
+                                                                    await actions.write.attachment.move({ sourceDocPath: docId, targetDocPath: destPath, attachmentKey: i.id });
+                                                            }));
+                                                            const itemKeys = new Set(transferDlg.items.flatMap(i => [i.id, i.path].filter(Boolean)));
+                                                            setSisters(p => p.filter(s => !(s.id && itemKeys.has(s.id)) && !(s.path && itemKeys.has(s.path))));
+                                                        }
+                                                        setSel([]);
+                                                        toast.success(`Successfully ${transferDlg.action === 'copy' ? 'copied' : 'moved'} attachments.`);
+                                                    }
+                                                    catch (_err) {
+                                                        errorLog('Attachments:Transfer', 'Transfer failed', logError(_err));
+                                                        toast.error(`Failed to ${transferDlg.action} attachments.`);
+                                                    }
+                                                    finally {
+                                                        setTransferring(false);
+                                                        setTransferDlg(null);
+                                                    }
+                                                })();
+                                            }, children: transferDlg.action === 'copy' ? 'Copy' : 'Move' })] })] }), addDialogOpen && (_jsxs(DialogContent, { className: 'flex max-h-[85vh] flex-col overflow-hidden sm:max-w-xl', children: [_jsx(DialogHeader, { children: dialogMode === 'select' ? (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { children: "Add Attachment" }), _jsx(DialogDescription, { children: "Select attachment category." })] })) : (_jsxs(_Fragment, { children: [_jsxs(DialogTitle, { className: 'capitalize', children: ["Add ", dialogMode] }), _jsx(DialogDescription, { children: dialogMode === 'tsdocs' ? 'Select an API reference page or folder to link.' : ['youtube', 'website'].includes(dialogMode) ? `Provide URLs to attach ${dialogMode} content.` : `Upload files or provide URLs to attach remote ${dialogMode}s.` })] })) }), _jsx("div", { className: 'flex-1 overflow-y-auto py-4', children: dialogMode === 'select' ? (_jsx("div", { className: 'grid grid-cols-2 gap-4 sm:grid-cols-3', children: [
+                                        { Icon: DocumentIcon, text: 'Document', type: 'document' },
+                                        { Icon: ImageIcon, text: 'Image', type: 'image' },
+                                        { Icon: YouTubeIcon, text: 'YouTube', type: 'youtube' },
+                                        { Icon: LinkIcon, text: 'Website', type: 'website' },
+                                        { Icon: CatalogIcon, text: 'TsDocs', type: 'tsdocs' },
+                                        { Icon: BoxIcon, text: 'Other', type: 'other' },
+                                    ].map(({ Icon: i, text: t, type: v }) => (_jsxs("button", { type: 'button', "aria-label": `Add ${t} attachment`, className: 'flex cursor-pointer flex-col items-center justify-center rounded-xl border border-primary-6 bg-transparent p-6 text-center transition-colors hover:border-primary-8 hover:bg-primary-3/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-8', onClick: () => {
+                                            setDialogMode(v);
+                                        }, children: [createElement(i, { className: 'size-6 text-primary-11', 'aria-hidden': 'true' }), _jsx("span", { className: 'mt-2 text-sm font-medium text-primary-11', children: t })] }, t))) })) : (_jsxs("div", { className: 'flex flex-col gap-4', children: [!['youtube', 'website', 'tsdocs'].includes(dialogMode) && (_jsxs(Button, { variant: 'outline', onClick: () => {
+                                                setAddDialogOpen(false);
+                                                fileRef.current?.click();
+                                            }, children: [_jsx(UploadIcon, { className: 'mr-2 size-5' }), "Select Files to Upload"] })), _jsxs("div", { className: 'space-y-2', children: [_jsx(Label, { children: dialogMode === 'tsdocs' ? 'Select Reference' : !['youtube', 'website'].includes(dialogMode) ? 'Or Import via URL' : 'Import via URL' }), dialogMode === 'tsdocs' ? (_jsx(TsDocsSelect, { variant: 'inline', multiple: true, value: urlInput ? urlInput.split('\n').filter(Boolean) : [], onChange: (v) => {
+                                                        setUrlInput(Array.isArray(v) ? v.join('\n') : v);
+                                                    } })) : (_jsx(Textarea, { autoFocus: true, placeholder: 'https://...\nPaste multiple URLs on new lines', value: urlInput, onChange: e => {
+                                                        setUrlInput(e.target.value);
+                                                    }, rows: 4, onKeyDown: e => {
+                                                        if (e.key === 'Enter' && !e.shiftKey) {
+                                                            e.preventDefault();
+                                                            void addRemote(urlInput, dialogMode);
+                                                        }
+                                                    } }))] })] })) }), _jsx(DialogFooter, { className: 'shrink-0 border-t border-primary-6 pt-4', children: dialogMode === 'select' ? (_jsx(Button, { variant: 'ghost', onClick: () => {
+                                        setAddDialogOpen(false);
+                                    }, children: "Cancel" })) : (_jsxs(_Fragment, { children: [_jsx(Button, { variant: 'ghost', onClick: () => {
+                                                setDialogMode('select');
+                                            }, children: "Back" }), _jsx(Button, { disabled: !urlInput.trim() || uploading, loading: uploading, onClick: () => void addRemote(urlInput, dialogMode), children: dialogMode === 'tsdocs' ? 'Attach Reference' : 'Attach URL' })] })) })] }))] })] }));
+}
+Attachments.displayName = 'DocsAttachments';
+//# sourceMappingURL=_attachments.js.map