react-embed-docs 0.2.0 → 0.4.0

package/dist/client/components/DocumentEdit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentEdit.d.ts","sourceRoot":"","sources":["../../../src/client/components/DocumentEdit.tsx"],"names":[],"mappings":"AAIA,OAAO,8BAA8B,CAAA;AAgBrC,UAAU,iBAAiB;CAAG;AAqB9B,wBAAgB,YAAY,CAAC,EAAE,EAAE,iBAAiB,2CA8PjD"}
+{"version":3,"file":"DocumentEdit.d.ts","sourceRoot":"","sources":["../../../src/client/components/DocumentEdit.tsx"],"names":[],"mappings":"AAIA,OAAO,8BAA8B,CAAA;AAgBrC,UAAU,iBAAiB;CAAG;AAwU9B,wBAAgB,YAAY,CAAC,EAAE,EAAE,iBAAiB,2CA2RjD"}

package/dist/client/components/DocumentEdit.js

@@ -7,8 +7,8 @@ import { Eye, ImageIcon, Loader2, Save, X } from 'lucide-react';
 import { useEffect, useState } from 'react';
 import { useCreateDocumentMutation, useDocumentQuery, useUpdateDocumentMutation, } from '../hooks/useDocsQuery.js';
 import { useFileUpload } from '../hooks/useFileUpload.js';
-import { blockNoteTheme } from '../lib/blocknoteTheme.js';
 import { useTranslation } from '../hooks/useTranslation.js';
+import { blockNoteTheme } from '../lib/blocknoteTheme.js';
 import { useDocument } from './DocumentProvider.js';
 import { EmojiPicker } from './EmojiPicker.js';
 // Default initial content for new documents
@@ -18,9 +18,314 @@ const getDefaultContent = () => [
         content: '',
     },
 ];
+// Transliteration map for common non-Latin characters (consolidated, no duplicates)
+const transliterationMap = {
+    // Cyrillic
+    а: 'a',
+    б: 'b',
+    в: 'v',
+    г: 'g',
+    д: 'd',
+    е: 'e',
+    ё: 'yo',
+    ж: 'zh',
+    з: 'z',
+    и: 'i',
+    й: 'y',
+    к: 'k',
+    л: 'l',
+    м: 'm',
+    н: 'n',
+    о: 'o',
+    п: 'p',
+    р: 'r',
+    с: 's',
+    т: 't',
+    у: 'u',
+    ф: 'f',
+    х: 'h',
+    ц: 'ts',
+    ч: 'ch',
+    ш: 'sh',
+    щ: 'sch',
+    ъ: '',
+    ы: 'y',
+    ь: '',
+    э: 'e',
+    ю: 'yu',
+    я: 'ya',
+    А: 'A',
+    Б: 'B',
+    В: 'V',
+    Г: 'G',
+    Д: 'D',
+    Е: 'E',
+    Ё: 'Yo',
+    Ж: 'Zh',
+    З: 'Z',
+    И: 'I',
+    Й: 'Y',
+    К: 'K',
+    Л: 'L',
+    М: 'M',
+    Н: 'N',
+    О: 'O',
+    П: 'P',
+    Р: 'R',
+    С: 'S',
+    Т: 'T',
+    У: 'U',
+    Ф: 'F',
+    Х: 'H',
+    Ц: 'Ts',
+    Ч: 'Ch',
+    Ш: 'Sh',
+    Щ: 'Sch',
+    Ъ: '',
+    Ы: 'Y',
+    Ь: '',
+    Э: 'E',
+    Ю: 'Yu',
+    Я: 'Ya',
+    // Latin Extended
+    ä: 'ae',
+    ö: 'oe',
+    ü: 'ue',
+    ß: 'ss',
+    Ä: 'Ae',
+    Ö: 'Oe',
+    Ü: 'Ue',
+    à: 'a',
+    â: 'a',
+    æ: 'ae',
+    ç: 'c',
+    è: 'e',
+    é: 'e',
+    ê: 'e',
+    ë: 'e',
+    î: 'i',
+    ï: 'i',
+    ô: 'o',
+    œ: 'oe',
+    ù: 'u',
+    û: 'u',
+    ÿ: 'y',
+    À: 'A',
+    Â: 'A',
+    Æ: 'Ae',
+    Ç: 'C',
+    È: 'E',
+    É: 'E',
+    Ê: 'E',
+    Ë: 'E',
+    Î: 'I',
+    Ï: 'I',
+    Ô: 'O',
+    Œ: 'Oe',
+    Ù: 'U',
+    Û: 'U',
+    Ÿ: 'Y',
+    á: 'a',
+    í: 'i',
+    ó: 'o',
+    ú: 'u',
+    ñ: 'n',
+    Á: 'A',
+    Í: 'I',
+    Ó: 'O',
+    Ú: 'U',
+    Ñ: 'N',
+    ã: 'a',
+    õ: 'o',
+    Ã: 'A',
+    Õ: 'O',
+    ì: 'i',
+    ò: 'o',
+    Ì: 'I',
+    Ò: 'O',
+    ą: 'a',
+    ć: 'c',
+    ę: 'e',
+    ł: 'l',
+    ń: 'n',
+    ś: 's',
+    ź: 'z',
+    ż: 'z',
+    Ą: 'A',
+    Ć: 'C',
+    Ę: 'E',
+    Ł: 'L',
+    Ń: 'N',
+    Ś: 'S',
+    Ź: 'Z',
+    Ż: 'Z',
+    č: 'c',
+    ď: 'd',
+    ě: 'e',
+    ň: 'n',
+    ř: 'r',
+    š: 's',
+    ť: 't',
+    ů: 'u',
+    ž: 'z',
+    Č: 'C',
+    Ď: 'D',
+    Ě: 'E',
+    Ň: 'N',
+    Ř: 'R',
+    Š: 'S',
+    Ť: 'T',
+    Ů: 'U',
+    Ž: 'Z',
+    ș: 's',
+    ț: 't',
+    Ș: 'S',
+    Ț: 'T',
+    ő: 'o',
+    ű: 'u',
+    Ő: 'O',
+    Ű: 'U',
+    ğ: 'g',
+    ı: 'i',
+    ş: 's',
+    Ğ: 'G',
+    İ: 'I',
+    Ş: 'S',
+    '¿': '',
+    '¡': '',
+    // Greek
+    α: 'a',
+    β: 'b',
+    γ: 'g',
+    δ: 'd',
+    ε: 'e',
+    ζ: 'z',
+    η: 'i',
+    θ: 'th',
+    ι: 'i',
+    κ: 'k',
+    λ: 'l',
+    μ: 'm',
+    ν: 'n',
+    ξ: 'x',
+    ο: 'o',
+    π: 'p',
+    ρ: 'r',
+    σ: 's',
+    ς: 's',
+    τ: 't',
+    υ: 'y',
+    φ: 'f',
+    χ: 'ch',
+    ψ: 'ps',
+    ω: 'o',
+    ά: 'a',
+    έ: 'e',
+    ή: 'i',
+    ί: 'i',
+    ό: 'o',
+    ύ: 'y',
+    ώ: 'o',
+    Α: 'A',
+    Β: 'B',
+    Γ: 'G',
+    Δ: 'D',
+    Ε: 'E',
+    Ζ: 'Z',
+    Η: 'I',
+    Θ: 'Th',
+    Ι: 'I',
+    Κ: 'K',
+    Λ: 'L',
+    Μ: 'M',
+    Ν: 'N',
+    Ξ: 'X',
+    Ο: 'O',
+    Π: 'P',
+    Ρ: 'R',
+    Σ: 'S',
+    Τ: 'T',
+    Υ: 'Y',
+    Φ: 'F',
+    Χ: 'Ch',
+    Ψ: 'Ps',
+    Ω: 'O',
+    Ά: 'A',
+    Έ: 'E',
+    Ή: 'I',
+    Ί: 'I',
+    Ό: 'O',
+    Ύ: 'Y',
+    Ώ: 'O',
+    // Arabic
+    ا: 'a',
+    ب: 'b',
+    ت: 't',
+    ث: 'th',
+    ج: 'j',
+    ح: 'h',
+    خ: 'kh',
+    د: 'd',
+    ذ: 'dh',
+    ر: 'r',
+    ز: 'z',
+    س: 's',
+    ش: 'sh',
+    ص: 's',
+    ض: 'd',
+    ط: 't',
+    ظ: 'z',
+    ع: 'a',
+    غ: 'gh',
+    ف: 'f',
+    ق: 'q',
+    ك: 'k',
+    ل: 'l',
+    م: 'm',
+    ن: 'n',
+    ه: 'h',
+    و: 'w',
+    ي: 'y',
+    // Hebrew
+    א: 'a',
+    ב: 'b',
+    ג: 'g',
+    ד: 'd',
+    ה: 'h',
+    ו: 'v',
+    ז: 'z',
+    ח: 'ch',
+    ט: 't',
+    י: 'y',
+    כ: 'k',
+    ך: 'k',
+    ל: 'l',
+    מ: 'm',
+    ם: 'm',
+    נ: 'n',
+    ן: 'n',
+    ס: 's',
+    ע: 'a',
+    פ: 'p',
+    ף: 'p',
+    צ: 'ts',
+    ץ: 'ts',
+    ק: 'k',
+    ר: 'r',
+    ש: 'sh',
+    ת: 't',
+};
+// Transliterate non-Latin characters to Latin
+const transliterate = (text) => {
+    return text
+        .split('')
+        .map((char) => transliterationMap[char] ?? char)
+        .join('');
+};
 // Generate slug from title
 const generateSlug = (title) => {
-    return (title
+    const transliterated = transliterate(title);
+    return (transliterated
         .toLowerCase()
         .replace(/[^a-z0-9]+/g, '-')
         .replace(/^-+|-+$/g, '')
@@ -37,6 +342,8 @@ export function DocumentEdit({}) {
     const updateMutation = useUpdateDocumentMutation();
     // Local state
     const [title, setTitle] = useState('');
+    const [slug, setSlug] = useState('');
+    const [isSlugManuallyEdited, setIsSlugManuallyEdited] = useState(false);
     const [emoji, setEmoji] = useState(undefined);
     const [cover, setCover] = useState(null);
     const [isSaving, setIsSaving] = useState(false);
@@ -54,6 +361,7 @@ export function DocumentEdit({}) {
     useEffect(() => {
         if (existingDoc && !hasLoaded) {
             setTitle(existingDoc.title);
+            setSlug(existingDoc.slug);
             if (existingDoc.emoji)
                 setEmoji(existingDoc.emoji);
             if (existingDoc.cover)
@@ -72,6 +380,12 @@ export function DocumentEdit({}) {
             setHasLoaded(true);
         }
     }, [existingDoc, editor, hasLoaded]);
+    // Auto-generate slug from title for new documents (only when not manually edited)
+    useEffect(() => {
+        if (isNewDocument && !isSlugManuallyEdited && title) {
+            setSlug(generateSlug(title));
+        }
+    }, [title, isNewDocument, isSlugManuallyEdited]);
     const handleView = async () => {
         if (!existingDoc)
             return;
@@ -83,15 +397,19 @@ export function DocumentEdit({}) {
             alert(t('editor.titleRequired'));
             return;
         }
+        if (!slug.trim()) {
+            alert(t('editor.slugRequired'));
+            return;
+        }
         setIsSaving(true);
         try {
             const content = editor.document;
-            const slug = generateSlug(title);
+            const finalSlug = slug.trim() || generateSlug(title);
             if (!existingDoc) {
                 // Create new document (with parentId if it's a child document)
                 const newDoc = await createMutation.mutateAsync({
                     title,
-                    slug,
+                    slug: finalSlug,
                     content,
                     isPublished: true,
                     parentSlugs: params.slugs,
@@ -106,7 +424,7 @@ export function DocumentEdit({}) {
                     id: existingDoc.id,
                     data: {
                         title,
-                        slug,
+                        slug: finalSlug,
                         content,
                         emoji,
                         cover,
@@ -151,5 +469,13 @@ export function DocumentEdit({}) {
     }
     return (_jsxs("div", { className: "mx-auto h-full flex flex-col", children: [_jsxs("div", { className: "mb-6 shrink-0", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-center gap-2 flex-1", children: [_jsx(EmojiPicker, { value: emoji, onChange: setEmoji }), _jsx("input", { type: "text", value: title, onChange: (e) => setTitle(e.target.value), placeholder: t('editor.titlePlaceholder'), className: "text-2xl font-bold bg-transparent border-none outline-none px-0 flex-1 placeholder:text-gray-400" })] }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [!isNewDocument && existingDoc && (_jsxs("button", { onClick: handleView, className: "px-3 py-1.5 text-sm border border-border rounded-md hover:bg-gray-50 flex items-center gap-2 transition-colors", children: [_jsx(Eye, { className: "h-4 w-4" }), t('editor.view')] })), _jsx("button", { onClick: handleSave, disabled: isSaving || createMutation.isPending || updateMutation.isPending, className: "px-3 py-1.5 text-sm bg-primary text-white rounded-md hover:bg-gray-800 disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2 transition-colors", children: isSaving ||
                                             createMutation.isPending ||
-                                            updateMutation.isPending ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), t('editor.saving')] })) : (_jsxs(_Fragment, { children: [_jsx(Save, { className: "h-4 w-4" }), isNewDocument ? t('editor.create') : t('editor.save')] })) })] })] }), _jsxs("div", { className: "text-sm text-gray-500 mt-1", children: [t('editor.slug'), ": ", generateSlug(title)] })] }), _jsx("div", { className: "mb-6 shrink-0", children: cover ? (_jsxs("div", { className: "relative w-full h-80 rounded-lg overflow-hidden bg-gray-100", children: [_jsx("img", { src: cover, alt: t('editor.coverAlt'), className: "w-full h-full object-cover" }), _jsx("button", { onClick: () => setCover(null), className: "absolute top-2 right-2 p-1.5 bg-secondary hover:bg-white rounded-md shadow-sm transition-colors", title: t('editor.removeCover'), children: _jsx(X, { className: "h-4 w-4" }) })] })) : (_jsxs("div", { onDrop: handleDrop, onDragOver: handleDragOver, className: "relative w-full h-32 border-2 border-dashed border-border rounded-lg bg-secondary hover:bg-gray-100 transition-colors cursor-pointer", children: [_jsx("input", { type: "file", accept: "image/jpeg,image/png,image/gif,image/webp", onChange: handleFileInput, className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer" }), _jsx("div", { className: "flex flex-col items-center justify-center h-full gap-2 text-gray-400", children: isUploadingCover ? (_jsx(Loader2, { className: "h-6 w-6 animate-spin" })) : (_jsxs(_Fragment, { children: [_jsx(ImageIcon, { className: "h-6 w-6" }), _jsx("span", { className: "text-sm", children: t('editor.coverDropzone') }), _jsx("span", { className: "text-xs text-gray-400", children: t('editor.coverFormats') })] })) })] })) }), _jsx("div", { className: "flex-1 min-h-0 overflow-auto", children: _jsx("div", { className: "h-full", children: _jsx(BlockNoteView, { editor: editor, theme: blockNoteTheme[theme], className: "h-full" }) }) })] }));
+                                            updateMutation.isPending ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), t('editor.saving')] })) : (_jsxs(_Fragment, { children: [_jsx(Save, { className: "h-4 w-4" }), isNewDocument ? t('editor.create') : t('editor.save')] })) })] })] }), _jsxs("div", { className: "text-sm text-gray-500 mt-2 flex items-center gap-2", children: [_jsxs("span", { className: "shrink-0", children: [t('editor.slug'), ":"] }), _jsx("input", { type: "text", value: slug, onChange: (e) => {
+                                    setSlug(e.target.value);
+                                    setIsSlugManuallyEdited(true);
+                                }, onBlur: (e) => {
+                                    if (e.target.value.trim() === '') {
+                                        setIsSlugManuallyEdited(false);
+                                        setSlug(generateSlug(title));
+                                    }
+                                }, placeholder: generateSlug(title), className: "bg-transparent border-none outline-none px-0 flex-1 text-gray-500 placeholder:text-gray-400 font-mono text-sm" })] })] }), _jsx("div", { className: "mb-6 shrink-0", children: cover ? (_jsxs("div", { className: "relative w-full h-80 rounded-lg overflow-hidden bg-gray-100", children: [_jsx("img", { src: cover, alt: t('editor.coverAlt'), className: "w-full h-full object-cover" }), _jsx("button", { onClick: () => setCover(null), className: "absolute top-2 right-2 p-1.5 bg-secondary hover:bg-white rounded-md shadow-sm transition-colors", title: t('editor.removeCover'), children: _jsx(X, { className: "h-4 w-4" }) })] })) : (_jsxs("div", { onDrop: handleDrop, onDragOver: handleDragOver, className: "relative w-full h-32 border-2 border-dashed border-border rounded-lg bg-secondary hover:bg-gray-100 transition-colors cursor-pointer", children: [_jsx("input", { type: "file", accept: "image/jpeg,image/png,image/gif,image/webp", onChange: handleFileInput, className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer" }), _jsx("div", { className: "flex flex-col items-center justify-center h-full gap-2 text-gray-400", children: isUploadingCover ? (_jsx(Loader2, { className: "h-6 w-6 animate-spin" })) : (_jsxs(_Fragment, { children: [_jsx(ImageIcon, { className: "h-6 w-6" }), _jsx("span", { className: "text-sm", children: t('editor.coverDropzone') }), _jsx("span", { className: "text-xs text-gray-400", children: t('editor.coverFormats') })] })) })] })) }), _jsx("div", { className: "flex-1 min-h-0 overflow-auto", children: _jsx("div", { className: "h-full", children: _jsx(BlockNoteView, { editor: editor, theme: blockNoteTheme[theme], className: "h-full" }) }) })] }));
 }

package/dist/client/components/DocumentList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentList.d.ts","sourceRoot":"","sources":["../../../src/client/components/DocumentList.tsx"],"names":[],"mappings":"AAkBA,UAAU,iBAAiB;CAAG;AAgC9B,wBAAgB,YAAY,CAAC,EAAE,EAAE,iBAAiB,2CAiIjD"}
+{"version":3,"file":"DocumentList.d.ts","sourceRoot":"","sources":["../../../src/client/components/DocumentList.tsx"],"names":[],"mappings":"AAkBA,UAAU,iBAAiB;CAAG;AAgC9B,wBAAgB,YAAY,CAAC,EAAE,EAAE,iBAAiB,2CAmIjD"}

package/dist/client/components/DocumentList.js

@@ -41,7 +41,9 @@ export function DocumentList({}) {
     // Separate documents into folders (documents with children) and regular documents
     const folders = documents.filter((doc) => documents.some((d) => d.parentId === doc.id));
     const regularDocuments = documents.filter((doc) => !doc.parentId && !folders.some((f) => f.id === doc.id));
-    return (_jsxs("div", { className: "space-y-6 max-w-5xl mx-auto", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h2", { className: "text-2xl font-bold", children: t('docList.welcome') }), _jsx("p", { className: "text-gray-500", children: t('docList.welcomeDescription') })] }), folders.length > 0 && (_jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: t('docList.folders') }), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: [folders.map((folder) => (_jsxs("div", { onClick: () => onOpen?.(folder.slug), className: "border border-gray-200 rounded-lg p-4 hover:bg-gray-50 transition-colors cursor-pointer", children: [_jsxs("div", { className: "flex items-start justify-between mb-2", children: [folder.emoji ? (_jsx("span", { className: "text-2xl", children: folder.emoji })) : (_jsx(Folder, { className: "h-8 w-8 text-blue-600" })), _jsxs("span", { className: "text-xs text-gray-500", children: [documents.filter((d) => d.parentId === folder.id).length, ' ', t('docList.docs')] })] }), _jsx("h4", { className: "text-base font-medium", children: folder.title })] }, folder.id))), _jsxs("div", { onClick: onCreate, className: "border border-dashed border-gray-300 rounded-lg p-4 hover:bg-gray-50 transition-colors cursor-pointer", children: [_jsx("div", { className: "flex items-center justify-center h-8 mb-2", children: _jsx(Plus, { className: "h-6 w-6 text-gray-400" }) }), _jsx("h4", { className: "text-base font-medium text-center text-gray-500", children: t('docList.newFolder') })] })] })] })), _jsxs("section", { children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: folders.length > 0 ? t('docList.documents') : t('docList.recentDocuments') }), _jsxs("button", { onClick: onCreate, className: "px-3 py-1.5 text-sm bg-gray-900 text-white rounded-md hover:bg-gray-800 flex items-center gap-2 transition-colors", children: [_jsx(Plus, { className: "h-4 w-4" }), t('docList.newDocument')] })] }), regularDocuments.length === 0 ? (_jsx("div", { className: "border border-dashed border-gray-300 rounded-lg p-8", children: _jsxs("div", { className: "flex flex-col items-center justify-center text-center", children: [_jsx(FileText, { className: "h-12 w-12 text-gray-400 mb-4" }), _jsx("h4", { className: "text-lg font-medium mb-2", children: t('docList.noDocuments') }), _jsx("p", { className: "text-sm text-gray-500 mb-4", children: t('docList.getStarted') }), _jsxs("button", { onClick: onCreate, className: "px-4 py-2 bg-gray-900 text-white rounded-md hover:bg-gray-800 flex items-center gap-2 transition-colors", children: [_jsx(Plus, { className: "h-4 w-4" }), t('docList.createDocument')] })] }) })) : (_jsx("div", { className: "space-y-2", children: regularDocuments.map((doc) => (_jsxs("div", { onClick: () => onOpen?.(doc.slug), className: "flex items-center justify-between p-4 rounded-lg border border-gray-200 bg-white hover:bg-gray-50 transition-colors group cursor-pointer", children: [_jsxs("div", { className: "flex items-center gap-3", children: [doc.emoji ? (_jsx("span", { className: "text-xl", children: doc.emoji })) : (_jsx(FileText, { className: "h-5 w-5 text-gray-400 group-hover:text-gray-600 transition-colors" })), _jsxs("div", { children: [_jsx("h4", { className: "font-medium text-gray-900", children: doc.title }), _jsxs("p", { className: "text-sm text-gray-500", children: [t('docList.updated'), ' ', doc.updatedAt
+    return (_jsxs("div", { className: "space-y-6 max-w-5xl mx-auto", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h2", { className: "text-2xl font-bold", children: t('docList.welcome') }), _jsx("p", { className: "text-gray-500", children: t('docList.welcomeDescription') })] }), folders.length > 0 && (_jsxs("section", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: t('docList.folders') }), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: [folders.map((folder) => (_jsxs("div", { onClick: () => onOpen?.(folder.slug), className: "border border-gray-200 rounded-lg p-4 hover:bg-gray-50 transition-colors cursor-pointer", children: [_jsxs("div", { className: "flex items-start justify-between mb-2", children: [folder.emoji ? (_jsx("span", { className: "text-2xl", children: folder.emoji })) : (_jsx(Folder, { className: "h-8 w-8 text-blue-600" })), _jsxs("span", { className: "text-xs text-gray-500", children: [documents.filter((d) => d.parentId === folder.id).length, ' ', t('docList.docs')] })] }), _jsx("h4", { className: "text-base font-medium", children: folder.title })] }, folder.id))), _jsxs("div", { onClick: () => onCreate(), className: "border border-dashed border-gray-300 rounded-lg p-4 hover:bg-gray-50 transition-colors cursor-pointer", children: [_jsx("div", { className: "flex items-center justify-center h-8 mb-2", children: _jsx(Plus, { className: "h-6 w-6 text-gray-400" }) }), _jsx("h4", { className: "text-base font-medium text-center text-gray-500", children: t('docList.newFolder') })] })] })] })), _jsxs("section", { children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: folders.length > 0
+                                    ? t('docList.documents')
+                                    : t('docList.recentDocuments') }), _jsxs("button", { onClick: () => onCreate(), className: "px-3 py-1.5 text-sm bg-gray-900 text-white rounded-md hover:bg-gray-800 flex items-center gap-2 transition-colors", children: [_jsx(Plus, { className: "h-4 w-4" }), t('docList.newDocument')] })] }), regularDocuments.length === 0 ? (_jsx("div", { className: "border border-dashed border-gray-300 rounded-lg p-8", children: _jsxs("div", { className: "flex flex-col items-center justify-center text-center", children: [_jsx(FileText, { className: "h-12 w-12 text-gray-400 mb-4" }), _jsx("h4", { className: "text-lg font-medium mb-2", children: t('docList.noDocuments') }), _jsx("p", { className: "text-sm text-gray-500 mb-4", children: t('docList.getStarted') }), _jsxs("button", { onClick: () => onCreate(), className: "px-4 py-2 bg-gray-900 text-white rounded-md hover:bg-gray-800 flex items-center gap-2 transition-colors", children: [_jsx(Plus, { className: "h-4 w-4" }), t('docList.createDocument')] })] }) })) : (_jsx("div", { className: "space-y-2", children: regularDocuments.map((doc) => (_jsxs("div", { onClick: () => onOpen?.(doc.slug), className: "flex items-center justify-between p-4 rounded-lg border border-gray-200 bg-white hover:bg-gray-50 transition-colors group cursor-pointer", children: [_jsxs("div", { className: "flex items-center gap-3", children: [doc.emoji ? (_jsx("span", { className: "text-xl", children: doc.emoji })) : (_jsx(FileText, { className: "h-5 w-5 text-gray-400 group-hover:text-gray-600 transition-colors" })), _jsxs("div", { children: [_jsx("h4", { className: "font-medium text-gray-900", children: doc.title }), _jsxs("p", { className: "text-sm text-gray-500", children: [t('docList.updated'), ' ', doc.updatedAt
                                                             ? formatDistanceToNow(new Date(doc.updatedAt), t)
                                                             : 'N/A'] })] })] }), _jsx("button", { className: "px-3 py-1.5 text-sm text-gray-600 hover:bg-gray-100 rounded-md transition-colors", children: t('docList.open') })] }, doc.id))) }))] })] }));
 }

package/dist/client/components/DocumentProvider.d.ts

@@ -14,7 +14,7 @@ export interface DocumentContextValue {
     path: string;
     locale: string;
     params: Params;
-    onCreate: () => void;
+    onCreate: (slug?: string) => void;
     onOpen: (path: string) => void;
     onEdit: (slug: string) => void;
     onDelete: (doc: DocumentSummary) => void;

package/dist/client/components/DocumentProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentProvider.d.ts","sourceRoot":"","sources":["../../../src/client/components/DocumentProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,SAAS,EAA2B,MAAM,OAAO,CAAA;AACzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oBAAoB;IACpB,KAAK,EAAE,aAAa,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAA;CACzC;AAOD;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,KAAe,EACf,IAAI,EACJ,UAAU,EACV,MAAa,GACd,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAyCrC;AAED;;;GAGG;AACH,wBAAgB,WAAW,IAAI,oBAAoB,CAQlD"}
+{"version":3,"file":"DocumentProvider.d.ts","sourceRoot":"","sources":["../../../src/client/components/DocumentProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,SAAS,EAA2B,MAAM,OAAO,CAAA;AACzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oBAAoB;IACpB,KAAK,EAAE,aAAa,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAA;CACzC;AAOD;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,KAAe,EACf,IAAI,EACJ,UAAU,EACV,MAAa,GACd,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAgDrC;AAED;;;GAGG;AACH,wBAAgB,WAAW,IAAI,oBAAoB,CAQlD"}

package/dist/client/components/DocumentProvider.js

@@ -16,7 +16,11 @@ export function DocumentProvider({ children, params, theme = 'light', path, onNa
     const onEdit = useCallback((slug) => {
         onNavigate?.(`${slug}/edit`);
     }, [onNavigate]);
-    const onCreate = useCallback(() => {
+    const onCreate = useCallback((slug) => {
+        if (slug) {
+            onNavigate?.(`${slug}`);
+            return;
+        }
         onNavigate?.(`${path}/new`);
     }, [onNavigate]);
     const onDelete = useCallback((doc) => {

package/dist/client/components/DocumentView.js

@@ -6,8 +6,8 @@ import { useCreateBlockNote } from '@blocknote/react';
 import { Clock, Edit, Loader2, User } from 'lucide-react';
 import { useCallback, useEffect, useState } from 'react';
 import { useDocumentQuery } from '../hooks/useDocsQuery.js';
-import { blockNoteTheme } from '../lib/blocknoteTheme.js';
 import { useTranslation } from '../hooks/useTranslation.js';
+import { blockNoteTheme } from '../lib/blocknoteTheme.js';
 import { useDocument } from './DocumentProvider.js';
 import { ExportButton } from './ExportButton.js';
 // Default content when document has no content
@@ -18,7 +18,7 @@ const getDefaultContent = () => [
     },
 ];
 export function DocumentView({}) {
-    const { params, onCreate, onEdit, theme } = useDocument();
+    const { params, onEdit, theme } = useDocument();
     const { t } = useTranslation();
     const { data: doc, isLoading, error } = useDocumentQuery(params.documentSlug);
     const [hasLoaded, setHasLoaded] = useState(false);

package/dist/client/components/EmojiPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/client/components/EmojiPicker.tsx"],"names":[],"mappings":"AAKA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAgBD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAqE3E"}
+{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/client/components/EmojiPicker.tsx"],"names":[],"mappings":"AAUA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAuF3E"}

package/dist/client/components/EmojiPicker.js

@@ -1,28 +1,28 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import EmojiPickerLib, { EmojiStyle, Theme, } from 'emoji-picker-react';
+import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from '../hooks/useTranslation.js';
-import { useState, useRef, useEffect } from 'react';
-// Popular emojis for documents
-const POPULAR_EMOJIS = [
-    '📄', '📝', '📊', '📈', '📉', '📑', '📋', '📁', '📂', '🗂️',
-    '📦', '📮', '📯', '📰', '📱', '💻', '🖥️', '📀', '💿', '📼',
-    '🌸', '🌺', '🌻', '🌼', '🌷', '🌹', '🌵', '🌲', '🌳', '🌴',
-    '🍏', '🍎', '🍐', '🍊', '🍋', '🍌', '🍉', '🍇', '🍓', '🫐',
-    '⚽', '🏀', '🏈', '⚾', '🥎', '🎾', '🏐', '🏉', '🥏', '🎱',
-    '🚗', '🚕', '🚙', '🚌', '🚎', '🏎️', '🚓', '🚑', '🚒', '🚐',
-    '❤️', '🧡', '💛', '💚', '💙', '💜', '🖤', '🤍', '🤎', '❣️',
-    '⭐', '🌟', '✨', '💫', '⚡', '🔥', '💥', '☄️', '☀️', '🌤️',
-    '🔴', '🟠', '🟡', '🟢', '🔵', '🟣', '⚫', '⚪', '🟤', '🔘',
-    '✅', '❌', '⭕', '🚫', '💯', '💢', '♨️', '🚷', '🚯', '🚳',
-];
 export function EmojiPicker({ value, onChange, className }) {
     const { t } = useTranslation();
     const [isOpen, setIsOpen] = useState(false);
+    const [theme, setTheme] = useState(Theme.LIGHT);
     const dropdownRef = useRef(null);
+    // Detect dark mode
+    useEffect(() => {
+        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        const updateTheme = () => {
+            setTheme(mediaQuery.matches ? Theme.DARK : Theme.LIGHT);
+        };
+        updateTheme();
+        mediaQuery.addEventListener('change', updateTheme);
+        return () => mediaQuery.removeEventListener('change', updateTheme);
+    }, []);
     // Close dropdown when clicking outside
     useEffect(() => {
         function handleClickOutside(event) {
-            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+            if (dropdownRef.current &&
+                !dropdownRef.current.contains(event.target)) {
                 setIsOpen(false);
             }
         }
@@ -33,18 +33,19 @@ export function EmojiPicker({ value, onChange, className }) {
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, [isOpen]);
+    const handleEmojiClick = (emojiData) => {
+        onChange(emojiData.emoji);
+        setIsOpen(false);
+    };
     return (_jsxs("div", { ref: dropdownRef, className: "relative", children: [_jsx("button", { onClick: () => setIsOpen(!isOpen), className: [
                     'h-10 w-10 rounded-md border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900',
                     'hover:bg-gray-100 dark:hover:bg-gray-800 flex items-center justify-center text-xl transition-colors',
                     className,
-                ].join(' '), children: value || '📄' }), isOpen && (_jsxs("div", { className: "absolute top-full left-0 mt-1 z-50 w-64 bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg p-2", children: [_jsx("div", { className: "grid grid-cols-8 gap-1", children: POPULAR_EMOJIS.map((emoji) => (_jsx("button", { onClick: () => {
-                                onChange(emoji);
-                                setIsOpen(false);
-                            }, className: [
-                                'h-8 w-8 rounded hover:bg-gray-100 dark:hover:bg-gray-800 flex items-center justify-center text-lg transition-colors',
-                                value === emoji && 'bg-gray-100 dark:bg-gray-800',
-                            ].join(' '), children: emoji }, emoji))) }), value && (_jsx("button", { onClick: () => {
+                ].join(' '), children: value || '📄' }), isOpen && (_jsxs("div", { className: "absolute top-full left-0 mt-1 z-50 bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg overflow-hidden", children: [_jsx(EmojiPickerLib, { open: true, onEmojiClick: handleEmojiClick, theme: theme, width: 600, height: 400, emojiStyle: EmojiStyle.NATIVE, autoFocusSearch: true, skinTonesDisabled: false, searchPlaceholder: t('emoji.search') || 'Search emoji...', previewConfig: {
+                            showPreview: true,
+                            defaultCaption: t('emoji.select') || 'Select an emoji',
+                        } }), value && (_jsx("button", { onClick: () => {
                             onChange('');
                             setIsOpen(false);
-                        }, className: "mt-2 w-full py-1.5 text-sm text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-800 rounded transition-colors", children: t('emoji.remove') }))] }))] }));
+                        }, className: "w-full py-2 text-sm text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-800 border-t border-gray-200 dark:border-gray-700 transition-colors", children: t('emoji.remove') }))] }))] }));
 }

package/dist/client/components/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/client/components/Layout.tsx"],"names":[],"mappings":"AAiBA,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAmJD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,eAAe,2CA+J/D"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/client/components/Layout.tsx"],"names":[],"mappings":"AAiBA,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAmJD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,eAAe,2CAmK/D"}

package/dist/client/components/Layout.js

@@ -154,7 +154,9 @@ export function Layout({ children, userAvatar }) {
         document.addEventListener('mousedown', handleClickOutside);
         return () => document.removeEventListener('mousedown', handleClickOutside);
     }, []);
-    return (_jsxs("div", { className: "flex h-screen w-full", children: [_jsx(Sidebar, { isOpen: isSidebarOpen, onToggle: setIsSidebarOpen, documents: documents }), _jsxs("main", { className: "flex-1 flex flex-col min-w-0 overflow-hidden", children: [params.mode === 'view' && (_jsxs("header", { className: "h-16 border-b border-border flex items-center justify-between px-6 shrink-0", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { onClick: () => setIsSidebarOpen(!isSidebarOpen), className: "p-2 hover:bg-primary rounded-md transition-colors text-muted-foreground", title: isSidebarOpen ? t('layout.closeSidebar') : t('layout.openSidebar'), children: isSidebarOpen ? (_jsx(PanelLeftCloseIcon, { className: "h-6 w-6" })) : (_jsx(PanelLeftOpenIcon, { className: "h-6 w-6" })) }), _jsx(Breadcrumbs, { homeLabel: t('sidebar.documents') })] }), _jsxs("div", { className: "flex items-center gap-4 py-2", children: [_jsxs("div", { ref: searchInputRef, className: "relative w-64", children: [_jsx(Search, { className: "absolute left-2 top-2.5 h-4 w-4 z-10" }), _jsx("input", { type: "text", placeholder: t('layout.searchPlaceholder'), className: "w-full pl-8 pr-3 py-2 text-sm border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", value: headerSearchQuery, onChange: (e) => {
+    return (_jsxs("div", { className: "flex h-screen w-full", children: [_jsx(Sidebar, { isOpen: isSidebarOpen, onToggle: setIsSidebarOpen, documents: documents }), _jsxs("main", { className: "flex-1 flex flex-col min-w-0 overflow-hidden", children: [params.mode === 'view' && (_jsxs("header", { className: "h-16 border-b border-border flex items-center justify-between px-6 shrink-0", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { onClick: () => setIsSidebarOpen(!isSidebarOpen), className: "p-2 hover:bg-primary rounded-md transition-colors text-muted-foreground", title: isSidebarOpen
+                                            ? t('layout.closeSidebar')
+                                            : t('layout.openSidebar'), children: isSidebarOpen ? (_jsx(PanelLeftCloseIcon, { className: "h-6 w-6" })) : (_jsx(PanelLeftOpenIcon, { className: "h-6 w-6" })) }), _jsx(Breadcrumbs, { homeLabel: t('sidebar.documents') })] }), _jsxs("div", { className: "flex items-center gap-4 py-2", children: [_jsxs("div", { ref: searchInputRef, className: "relative w-64", children: [_jsx(Search, { className: "absolute left-2 top-2.5 h-4 w-4 z-10" }), _jsx("input", { type: "text", placeholder: t('layout.searchPlaceholder'), className: "w-full pl-8 pr-3 py-2 text-sm border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", value: headerSearchQuery, onChange: (e) => {
                                                     setHeaderSearchQuery(e.target.value);
                                                     setShowSearchResults(e.target.value.length > 0);
                                                 }, onFocus: () => {
@@ -170,5 +172,5 @@ export function Layout({ children, userAvatar }) {
                                                                 setHeaderSearchQuery('');
                                                                 setShowSearchResults(false);
                                                             }, className: "w-full px-3 py-2 text-left hover:bg-primary hover:text-primary-foreground transition-colors", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("div", { className: "shrink-0 mt-0.5", children: doc.emoji ? (_jsx("span", { className: "text-base", children: doc.emoji })) : (_jsx(FileText, { className: "h-4 w-4 text-muted-foreground" })) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-medium text-sm truncate", children: doc.title }), breadcrumb && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: breadcrumb }))] })] }) }, doc.id));
-                                                    }) })) }))] }), _jsxs("button", { onClick: onCreate, className: "px-4 py-2 bg-secondary text-white text-sm rounded-md hover:bg-gray-800 flex items-center gap-2 transition-colors", children: [_jsx(Plus, { className: "h-4 w-4" }), t('layout.create')] }), userAvatar] })] })), _jsx("div", { className: "flex-1 overflow-auto p-6", children: children })] })] }));
+                                                    }) })) }))] }), _jsxs("button", { onClick: () => onCreate(), className: "px-4 py-2 bg-secondary text-white text-sm rounded-md hover:bg-gray-800 flex items-center gap-2 transition-colors", children: [_jsx(Plus, { className: "h-4 w-4" }), t('layout.create')] }), userAvatar] })] })), _jsx("div", { className: "flex-1 overflow-auto p-6", children: children })] })] }));
 }

package/dist/client/components/Sidebar.js

@@ -172,7 +172,7 @@ export function Sidebar({ isOpen, onToggle, documents, currentDocId }) {
     return (_jsxs("aside", { className: [
             'border-r border-border flex flex-col transition-all duration-200 ease-in-out overflow-hidden',
             isOpen ? 'w-64 opacity-100' : 'w-0 opacity-0',
-        ].join(' '), children: [_jsx("div", { className: "p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "font-semibold text-sm text-muted-foreground", children: t('sidebar.documents') }), _jsx("button", { className: "p-2 hover:bg-primary rounded-md transition-colors cursor-pointer", onClick: onCreate, children: _jsx(Plus, { className: "h-4 w-4" }) })] }) }), _jsxs("div", { className: "flex-1 overflow-y-auto p-2 space-y-1 relative", children: [_jsxs(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragEnd: handleDragEnd, onDragCancel: handleDragCancel, children: [flattenedTree
+        ].join(' '), children: [_jsx("div", { className: "p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "font-semibold text-sm text-muted-foreground", children: t('sidebar.documents') }), _jsx("button", { className: "p-2 hover:bg-primary rounded-md transition-colors cursor-pointer", onClick: () => onCreate('new'), children: _jsx(Plus, { className: "h-4 w-4" }) })] }) }), _jsxs("div", { className: "flex-1 overflow-y-auto p-2 space-y-1 relative", children: [_jsxs(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragEnd: handleDragEnd, onDragCancel: handleDragCancel, children: [flattenedTree
                                 // .filter((doc) => doc.id !== activeId)
                                 .map((doc) => (_jsx(SortableTreeItem, { id: doc.id, doc: doc, isExpanded: expandedFolders.has(doc.id), isCurrent: doc.id === resolvedCurrentDocId, dropIndicator: dropIndicator?.id === doc.id ? dropIndicator.position : null, onToggle: toggleFolder, onOpen: onOpen }, doc.id))), _jsx(DragOverlay, { dropAnimation: dropAnimation, children: activeDoc ? _jsx(DragOverlayItem, { doc: activeDoc }) : null })] }), documents.length === 0 && (_jsx("div", { className: "text-sm text-gray-500 text-center py-4", children: t('sidebar.noDocuments') }))] })] }));
 }

package/dist/client/locales/en.json

@@ -10,8 +10,11 @@
     "breadcrumbs.loading": "Loading...",
     "breadcrumbs.error": "Error loading path",
     "emoji.remove": "Remove emoji",
+    "emoji.search": "Search emoji...",
+    "emoji.select": "Select an emoji",
     "editor.titlePlaceholder": "Document title",
     "editor.titleRequired": "Please enter a document title",
+    "editor.slugRequired": "Please enter a document slug",
     "editor.saveFailed": "Failed to save document. Please try again.",
     "editor.view": "View",
     "editor.saving": "Saving...",

package/dist/client/locales/ru.json

@@ -10,8 +10,11 @@
     "breadcrumbs.loading": "Загрузка...",
     "breadcrumbs.error": "Ошибка загрузки пути",
     "emoji.remove": "Убрать эмодзи",
+    "emoji.search": "Поиск эмодзи...",
+    "emoji.select": "Выберите эмодзи",
     "editor.titlePlaceholder": "Название документа",
     "editor.titleRequired": "Пожалуйста, введите название документа",
+    "editor.slugRequired": "Пожалуйста, введите slug документа",
     "editor.saveFailed": "Не удалось сохранить документ. Попробуйте ещё раз.",
     "editor.view": "Просмотр",
     "editor.saving": "Сохранение...",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-embed-docs",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Full-stack documentation system with BlockNote editor, hierarchical structure, and file uploads",
   "type": "module",
   "main": "./dist/server/index.js",
@@ -54,6 +54,7 @@
     "@dnd-kit/core": "^6.3.1"
   },
   "dependencies": {
+    "emoji-picker-react": "^4.18.0",
     "hono": "^4.7.0",
     "lucide-react": "^0.487.0",
     "nanoid": "^5.1.5",

package/dist/client/components/DocsLayout.d.ts

@@ -1,20 +0,0 @@
-import { DocumentSummary } from '../../shared/types.js';
-interface DocsLayoutProps {
-    theme?: 'light' | 'dark';
-    children: React.ReactNode;
-    currentDocId?: string;
-    /**
-     * Called when navigating to a document.
-     * `path` is the full path from root to the document (e.g., "/docs/parent/child")
-     */
-    onNavigate?: (path: string) => void;
-    /**
-     * Base path for document URLs (default: "/docs")
-     */
-    basePath?: string;
-    userAvatar?: React.ReactNode;
-    onSearch?: (query: string) => DocumentSummary[];
-}
-export declare function DocsLayout({ children, currentDocId, onNavigate, basePath, userAvatar, onSearch, }: DocsLayoutProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=DocsLayout.d.ts.map

package/dist/client/components/DocsLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocsLayout.d.ts","sourceRoot":"","sources":["../../../src/client/components/DocsLayout.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAavD,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,eAAe,EAAE,CAAA;CAChD;AAsQD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAkB,EAClB,UAAU,EACV,QAAQ,GACT,EAAE,eAAe,2CAgcjB"}

package/dist/client/components/DocsLayout.js

@@ -1,387 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { closestCenter, defaultDropAnimationSideEffects, DndContext, DragOverlay, KeyboardSensor, PointerSensor, useSensor, useSensors, } from '@dnd-kit/core';
-import { SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy, } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { ChevronDown, ChevronRight, FileText, Folder, FolderOpen, GripVertical, PanelLeftCloseIcon, PanelLeftOpenIcon, Plus, Search, } from 'lucide-react';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useDocumentsQuery, useReorderDocumentMutation, } from '../hooks/useDocsQuery.js';
-import { Breadcrumbs } from './Breadcrumbs.js';
-function SortableTreeItem({ doc, isExpanded, isCurrent, onToggle, onNavigate, }) {
-    const { attributes, listeners, setNodeRef, transform, transition, isDragging, } = useSortable({ id: doc.id });
-    const style = {
-        transform: CSS.Transform.toString(transform),
-        transition,
-        opacity: isDragging ? 0.5 : 1,
-        paddingLeft: doc.depth * 12 + 8,
-    };
-    return (_jsxs("div", { ref: setNodeRef, style: style, className: [
-            'flex items-center gap-1 w-full px-2 py-1.5 text-sm rounded-md transition-colors cursor-pointer',
-            isCurrent ? 'font-bold' : 'hover:opacity-80',
-            isDragging && 'opacity-50',
-        ].join(' '), children: [_jsx("div", { ...attributes, ...listeners, className: "cursor-grab active:cursor-grabbing p-0.5 rounded", onClick: (e) => e.stopPropagation(), children: _jsx(GripVertical, { className: "h-4 w-4 text-gray-400" }) }), doc.hasChildren ? (_jsx("button", { onClick: (e) => {
-                    e.stopPropagation();
-                    onToggle(doc.id);
-                }, className: "p-0.5 hover:bg-gray-200 rounded shrink-0", children: isExpanded ? (_jsx(ChevronDown, { className: "h-4 w-4" })) : (_jsx(ChevronRight, { className: "h-4 w-4" })) })) : (_jsx("div", { className: "w-4" })), doc.emoji ? (_jsx("span", { className: "text-base shrink-0", children: doc.emoji })) : doc.hasChildren ? (isExpanded ? (_jsx(FolderOpen, { className: "h-4 w-4 shrink-0 text-muted" })) : (_jsx(Folder, { className: "h-4 w-4 shrink-0 text-muted" }))) : (_jsx(FileText, { className: "h-4 w-4 shrink-0 text-gray-400" })), _jsx("span", { className: "truncate flex-1", onClick: () => onNavigate(doc.id), children: doc.title })] }));
-}
-// Drag Overlay Item
-function DragOverlayItem({ doc }) {
-    return (_jsxs("div", { className: [
-            'flex items-center gap-1 w-full px-2 py-1.5 text-sm text-gray-500  rounded-md shadow-lg',
-            'opacity-80',
-        ].join(' '), children: [_jsx(GripVertical, { className: "h-4 w-4 text-gray-400" }), _jsx("div", { className: "w-5" }), doc.emoji ? (_jsx("span", { className: "text-base shrink-0", children: doc.emoji })) : doc.hasChildren ? (_jsx(Folder, { className: "h-4 w-4 shrink-0 text-blue-600" })) : (_jsx(FileText, { className: "h-4 w-4 shrink-0 text-gray-400" })), _jsx("span", { className: "truncate", children: doc.title })] }));
-}
-// Simple debounce hook
-function useDebounce(value, delay) {
-    const [debouncedValue, setDebouncedValue] = useState(value);
-    useEffect(() => {
-        const timer = setTimeout(() => {
-            setDebouncedValue(value);
-        }, delay);
-        return () => clearTimeout(timer);
-    }, [value, delay]);
-    return debouncedValue;
-}
-// Build breadcrumb path for a document
-function buildBreadcrumb(doc, allDocs) {
-    const parts = [doc.title];
-    let current = doc;
-    while (current.parentId) {
-        const parent = allDocs.find((d) => d.id === current.parentId);
-        if (!parent)
-            break;
-        parts.unshift(parent.title);
-        current = parent;
-    }
-    return parts.join(' / ');
-}
-// Build full path from root to document (for URL navigation)
-function buildDocumentPath(docId, allDocs, basePath) {
-    const pathParts = [];
-    const visited = new Set();
-    let currentId = docId;
-    while (currentId) {
-        // Prevent infinite loops from circular references
-        if (visited.has(currentId))
-            break;
-        visited.add(currentId);
-        const doc = allDocs.find((d) => d.id === currentId);
-        if (!doc)
-            break;
-        pathParts.unshift(doc.slug || doc.id);
-        currentId = doc.parentId ?? null;
-    }
-    if (pathParts.length === 0)
-        return basePath;
-    return `${basePath}/${pathParts.join('/')}`;
-}
-// Get all ancestor IDs of a document (for auto-expanding)
-function getAncestorIds(docId, allDocs) {
-    const ancestors = [];
-    const visited = new Set();
-    let currentId = docId;
-    while (currentId) {
-        if (visited.has(currentId))
-            break;
-        visited.add(currentId);
-        const doc = allDocs.find((d) => d.id === currentId);
-        if (!doc)
-            break;
-        if (doc.parentId) {
-            ancestors.push(doc.parentId);
-            currentId = doc.parentId;
-        }
-        else {
-            break;
-        }
-    }
-    return ancestors;
-}
-// Extract text snippets from BlockNote content
-function extractTextSnippets(content, query) {
-    if (!content || typeof content !== 'object')
-        return [];
-    const snippets = [];
-    const queryLower = query.toLowerCase();
-    const extractFromBlock = (block) => {
-        if (!block || typeof block !== 'object')
-            return '';
-        const b = block;
-        // Handle text content
-        if (b.content && Array.isArray(b.content)) {
-            return b.content
-                .map((c) => {
-                if (typeof c === 'string')
-                    return c;
-                if (c && typeof c === 'object') {
-                    const contentItem = c;
-                    if (contentItem.text && typeof contentItem.text === 'string') {
-                        return contentItem.text;
-                    }
-                }
-                return '';
-            })
-                .join(' ');
-        }
-        // Handle children
-        if (b.children && Array.isArray(b.children)) {
-            return b.children.map(extractFromBlock).join(' ');
-        }
-        return '';
-    };
-    const contentObj = content;
-    if (contentObj.content && Array.isArray(contentObj.content)) {
-        for (const block of contentObj.content) {
-            const text = extractFromBlock(block);
-            if (text.toLowerCase().includes(queryLower)) {
-                // Find the position of the match
-                const matchIndex = text.toLowerCase().indexOf(queryLower);
-                const start = Math.max(0, matchIndex - 20);
-                const end = Math.min(text.length, matchIndex + query.length + 60);
-                let snippet = text.slice(start, end);
-                // Add ellipsis if truncated
-                if (start > 0)
-                    snippet = '...' + snippet;
-                if (end < text.length)
-                    snippet = snippet + '...';
-                snippets.push(snippet);
-                if (snippets.length >= 2)
-                    break; // Limit to 2 snippets
-            }
-        }
-    }
-    return snippets;
-}
-export function DocsLayout({ children, currentDocId, onNavigate, basePath = '/docs', userAvatar, onSearch, }) {
-    const [expandedFolders, setExpandedFolders] = useState(new Set());
-    const [searchQuery, setSearchQuery] = useState('');
-    const [activeId, setActiveId] = useState(null);
-    const [isSidebarOpen, setIsSidebarOpen] = useState(true);
-    // Header search state
-    const [headerSearchQuery, setHeaderSearchQuery] = useState('');
-    const [showSearchResults, setShowSearchResults] = useState(false);
-    const debouncedSearchQuery = useDebounce(headerSearchQuery, 300);
-    const searchInputRef = useRef(null);
-    const { data } = useDocumentsQuery();
-    const reorderMutation = useReorderDocumentMutation();
-    const documents = data?.documents ?? [];
-    // Search query for header search
-    const { data: searchResultsData } = useDocumentsQuery(debouncedSearchQuery.length > 0 ? { search: debouncedSearchQuery } : {});
-    const searchResults = searchResultsData?.documents ?? [];
-    // Resolve currentDocId (which might be a slug) to actual document ID
-    const resolvedCurrentDocId = useMemo(() => {
-        if (!currentDocId || documents.length === 0)
-            return null;
-        // First try to find by ID
-        const byId = documents.find((d) => d.id === currentDocId);
-        if (byId)
-            return byId.id;
-        // Then try to find by slug
-        const bySlug = documents.find((d) => d.slug === currentDocId);
-        if (bySlug)
-            return bySlug.id;
-        return null;
-    }, [currentDocId, documents]);
-    // Auto-expand tree branches when current document changes
-    useEffect(() => {
-        if (!resolvedCurrentDocId || documents.length === 0)
-            return;
-        const ancestors = getAncestorIds(resolvedCurrentDocId, documents);
-        // Expand all ancestors so the current document is visible
-        if (ancestors.length > 0) {
-            setExpandedFolders((prev) => {
-                const newExpanded = new Set(prev);
-                ancestors.forEach((id) => newExpanded.add(id));
-                return newExpanded;
-            });
-        }
-    }, [resolvedCurrentDocId, documents]);
-    // Handle click outside to close search results
-    useEffect(() => {
-        const handleClickOutside = (event) => {
-            if (searchInputRef.current &&
-                !searchInputRef.current.contains(event.target)) {
-                setShowSearchResults(false);
-            }
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => document.removeEventListener('mousedown', handleClickOutside);
-    }, []);
-    // Build flattened tree for sortable context
-    const flattenedTree = useMemo(() => {
-        const items = [];
-        const processed = new Set();
-        const processDoc = (doc, depth) => {
-            if (processed.has(doc.id))
-                return;
-            processed.add(doc.id);
-            const children = documents.filter((d) => d.parentId === doc.id);
-            const hasChildren = children.length > 0;
-            items.push({ ...doc, depth, hasChildren });
-            // If expanded, process children
-            if (hasChildren && expandedFolders.has(doc.id)) {
-                children
-                    .sort((a, b) => a.order - b.order)
-                    .forEach((child) => processDoc(child, depth + 1));
-            }
-        };
-        // Process root documents
-        documents
-            .filter((d) => !d.parentId)
-            .sort((a, b) => a.order - b.order)
-            .forEach((doc) => processDoc(doc, 0));
-        return items;
-    }, [documents, expandedFolders]);
-    const getChildren = useCallback((parentId) => documents.filter((d) => d.parentId === parentId), [documents]);
-    const toggleFolder = useCallback((folderId) => {
-        setExpandedFolders((prev) => {
-            const newExpanded = new Set(prev);
-            if (newExpanded.has(folderId)) {
-                newExpanded.delete(folderId);
-            }
-            else {
-                newExpanded.add(folderId);
-            }
-            return newExpanded;
-        });
-    }, []);
-    // Navigate with full path
-    const handleNavigate = useCallback((docId) => {
-        if (!onNavigate)
-            return;
-        if (docId === 'new') {
-            onNavigate(`${basePath}/new`);
-            return;
-        }
-        const path = buildDocumentPath(docId, documents, basePath);
-        onNavigate(path);
-    }, [onNavigate, documents, basePath]);
-    const sensors = useSensors(useSensor(PointerSensor, {
-        activationConstraint: {
-            distance: 5,
-        },
-    }), useSensor(KeyboardSensor, {
-        coordinateGetter: sortableKeyboardCoordinates,
-    }));
-    const handleDragStart = useCallback((event) => {
-        setActiveId(event.active.id);
-    }, []);
-    const handleDragOver = useCallback((event) => {
-        const { over } = event;
-        if (!over)
-            return;
-        const overId = over.id;
-        // Auto-expand folder when hovering over it
-        const overDoc = documents.find((d) => d.id === overId);
-        if (overDoc) {
-            const children = getChildren(overId);
-            if (children.length > 0 && !expandedFolders.has(overId)) {
-                toggleFolder(overId);
-            }
-        }
-    }, [documents, expandedFolders, getChildren, toggleFolder]);
-    const handleDragEnd = useCallback((event) => {
-        const { active, over } = event;
-        setActiveId(null);
-        if (!over)
-            return;
-        const draggedId = active.id;
-        const overId = over.id;
-        if (draggedId === overId)
-            return;
-        const activeDoc = documents.find((d) => d.id === draggedId);
-        const overDoc = documents.find((d) => d.id === overId);
-        if (!activeDoc || !overDoc)
-            return;
-        // Calculate new parent and order
-        let newParentId = null;
-        let newOrder = 0;
-        // Determine if we're dropping before, after, or inside the target
-        const activeIndex = flattenedTree.findIndex((item) => item.id === draggedId);
-        const overIndex = flattenedTree.findIndex((item) => item.id === overId);
-        if (activeIndex === -1 || overIndex === -1)
-            return;
-        if (activeIndex < overIndex) {
-            // Dropping after the target
-            newParentId = overDoc.parentId || null;
-            newOrder = overDoc.order + 5;
-        }
-        else {
-            // Dropping before the target
-            newParentId = overDoc.parentId || null;
-            newOrder = overDoc.order - 5;
-        }
-        // Check if dropping on a folder (to make it a child)
-        const overHasChildren = getChildren(overId).length > 0;
-        if (overHasChildren && activeIndex > overIndex) {
-            // If dropping after a folder, make it the first child
-            newParentId = overId;
-            newOrder = 0;
-        }
-        // Prevent dropping a parent into its own child
-        const isChildOfActive = (docId) => {
-            const doc = documents.find((d) => d.id === docId);
-            if (!doc)
-                return false;
-            if (doc.parentId === draggedId)
-                return true;
-            if (doc.parentId)
-                return isChildOfActive(doc.parentId);
-            return false;
-        };
-        if (isChildOfActive(overId)) {
-            console.log('Cannot drop a parent into its own child');
-            return;
-        }
-        // Execute the reorder
-        reorderMutation.mutate({
-            id: draggedId,
-            parentId: newParentId,
-            order: newOrder,
-        });
-    }, [documents, flattenedTree, getChildren, reorderMutation]);
-    const dropAnimation = {
-        sideEffects: defaultDropAnimationSideEffects({
-            styles: {
-                active: {
-                    opacity: '0.5',
-                },
-            },
-        }),
-    };
-    const activeDoc = useMemo(() => {
-        if (!activeId)
-            return null;
-        const doc = documents.find((d) => d.id === activeId);
-        if (!doc)
-            return null;
-        const children = getChildren(doc.id);
-        return { ...doc, depth: 0, hasChildren: children.length > 0 };
-    }, [activeId, documents, getChildren]);
-    return (_jsxs("div", { className: "flex h-screen w-full", children: [_jsxs("aside", { className: [
-                    'border-r border-border flex flex-col transition-all duration-200 ease-in-out overflow-hidden',
-                    isSidebarOpen ? 'w-64 opacity-100' : 'w-0 opacity-0',
-                ].join(' '), children: [_jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("h2", { className: "font-semibold text-sm text-muted-foreground", children: "Documents" }), _jsx("button", { className: "p-2 hover:bg-primary rounded-md transition-colors cursor-pointer", onClick: () => handleNavigate('new'), children: _jsx(Plus, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-2 top-2.5 h-4 w-4 text-gray-400" }), _jsx("input", { type: "text", placeholder: "Search docs...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-full pl-8 pr-3 py-2 text-sm border border-gray-300 dark:border-gray-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" })] })] }), _jsxs("div", { className: "flex-1 overflow-y-auto p-2 space-y-1", children: [_jsxs(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragEnd: handleDragEnd, children: [_jsx(SortableContext, { items: flattenedTree.map((item) => item.id), strategy: verticalListSortingStrategy, children: flattenedTree.map((doc) => (_jsx(SortableTreeItem, { doc: doc, isExpanded: expandedFolders.has(doc.id), isCurrent: doc.id === resolvedCurrentDocId, onToggle: toggleFolder, onNavigate: handleNavigate }, doc.id))) }), _jsx(DragOverlay, { dropAnimation: dropAnimation, children: activeDoc ? _jsx(DragOverlayItem, { doc: activeDoc }) : null })] }), documents.length === 0 && (_jsx("div", { className: "text-sm text-gray-500 text-center py-4", children: "No documents yet" }))] })] }), _jsxs("main", { className: "flex-1 flex flex-col min-w-0 overflow-hidden", children: [_jsxs("header", { className: "h-16 border-b border-border flex items-center justify-between px-6 shrink-0", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { onClick: () => setIsSidebarOpen(!isSidebarOpen), className: "p-2 hover:bg-primary rounded-md transition-colors text-muted-foreground", title: isSidebarOpen ? 'Close sidebar' : 'Open sidebar', children: isSidebarOpen ? (_jsx(PanelLeftCloseIcon, { className: "h-6 w-6" })) : (_jsx(PanelLeftOpenIcon, { className: "h-6 w-6" })) }), _jsx(Breadcrumbs, { docId: resolvedCurrentDocId ?? undefined, documents: documents.map((d) => ({
-                                            id: d.id,
-                                            title: d.title,
-                                            slug: d.slug,
-                                            emoji: d.emoji ?? undefined,
-                                            parentId: d.parentId,
-                                        })), onNavigate: onNavigate, homeLabel: "Documents" })] }), _jsxs("div", { className: "flex items-center gap-4 py-2", children: [_jsxs("div", { ref: searchInputRef, className: "relative w-64", children: [_jsx(Search, { className: "absolute left-2 top-2.5 h-4 w-4 z-10" }), _jsx("input", { type: "text", placeholder: "Search documentation...", className: "w-full pl-8 pr-3 py-2 text-sm border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", value: headerSearchQuery, onChange: (e) => {
-                                                    setHeaderSearchQuery(e.target.value);
-                                                    setShowSearchResults(e.target.value.length > 0);
-                                                }, onFocus: () => {
-                                                    if (headerSearchQuery.length > 0) {
-                                                        setShowSearchResults(true);
-                                                    }
-                                                } }), showSearchResults && headerSearchQuery.length > 0 && (_jsx("div", { className: "absolute top-full left-0 right-0 mt-1 border border-gray-200 rounded-md shadow-lg max-h-80 overflow-y-auto z-50", children: searchResults.length === 0 ? (_jsxs("div", { className: "px-4 py-3 text-sm text-gray-500", children: ["No results found for \"", headerSearchQuery, "\""] })) : (_jsx("div", { className: "py-1", children: searchResults.map((doc) => {
-                                                        const breadcrumb = doc.parentId
-                                                            ? buildBreadcrumb(doc, documents)
-                                                            : null;
-                                                        return (_jsx("button", { onClick: () => {
-                                                                handleNavigate(doc.id);
-                                                                setHeaderSearchQuery('');
-                                                                setShowSearchResults(false);
-                                                            }, className: "w-full px-3 py-2 text-left hover:bg-gray-100 transition-colors", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("div", { className: "shrink-0 mt-0.5", children: doc.emoji ? (_jsx("span", { className: "text-base", children: doc.emoji })) : (_jsx(FileText, { className: "h-4 w-4 text-gray-400" })) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-medium text-sm text-gray-900 truncate", children: doc.title }), breadcrumb && (_jsx("div", { className: "text-xs text-gray-500 truncate", children: breadcrumb }))] })] }) }, doc.id));
-                                                    }) })) }))] }), _jsxs("button", { onClick: () => handleNavigate('new'), className: "px-4 py-2 bg-secondary text-white text-sm rounded-md hover:bg-gray-800 flex items-center gap-2 transition-colors", children: [_jsx(Plus, { className: "h-4 w-4" }), "Create"] }), userAvatar] })] }), _jsx("div", { className: "flex-1 overflow-auto p-6", children: children })] })] }));
-}

package/dist/client/providers/DocumentProvider.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=DocumentProvider.d.ts.map

package/dist/client/providers/DocumentProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentProvider.d.ts","sourceRoot":"","sources":["../../../src/client/providers/DocumentProvider.tsx"],"names":[],"mappings":""}

package/dist/client/providers/DocumentProvider.js

@@ -1 +0,0 @@
-"use strict";