@kedataindo/docflow-vue 0.0.4

package/dist/index.js

@@ -0,0 +1,4774 @@
+import { createEditor as ta } from "@kedata-indonesia/docflow-core";
+import { ref as w, shallowRef as aa, computed as F, onMounted as Oe, onUnmounted as Ae, watch as ae, unref as t, nextTick as xt, inject as oa, provide as na, defineComponent as le, openBlock as n, createBlock as he, Teleport as sa, createElementBlock as r, normalizeStyle as me, createElementVNode as e, toDisplayString as l, Fragment as q, renderList as K, normalizeClass as z, createCommentVNode as H, h as dt, withDirectives as de, withKeys as ot, vModelText as ce, createVNode as y, withModifiers as R, Transition as at, withCtx as He, renderSlot as Re, resolveDynamicComponent as $e, createTextVNode as oe, normalizeProps as kt, guardReactiveProps as yt, vModelSelect as la } from "vue";
+import { getPageSize as ra, PAGE_SIZES as rt } from "@kedata-indonesia/docflow-layout-engine";
+function ia(s) {
+  const p = w(null), o = aa(null), a = w(!1), c = F(() => {
+    var u;
+    return ((u = o.value) == null ? void 0 : u.editor) ?? null;
+  }), f = F(() => {
+    var u;
+    return ((u = o.value) == null ? void 0 : u.pluginActions) ?? {};
+  }), d = () => {
+    if (!p.value || o.value) return;
+    const u = t(s.collaboration), S = t(s.content), L = ta({
+      target: p.value,
+      content: S,
+      plugins: s.plugins,
+      editable: s.editable ?? !0,
+      collaboration: u,
+      onUpdate: s.onUpdate,
+      getPageMap: s.getPageMap,
+      paginationOptions: s.paginationOptions
+    });
+    o.value = L, xt(() => {
+      a.value = !0;
+    });
+  }, k = () => {
+    var u;
+    (u = o.value) == null || u.destroy(), o.value = null, a.value = !1;
+  };
+  return Oe(() => {
+    d();
+  }), Ae(() => {
+    k();
+  }), ae(
+    () => s.editable,
+    (u) => {
+      c.value && c.value.setEditable(u ?? !0);
+    }
+  ), ae(
+    () => {
+      const u = t(s.collaboration);
+      return u ? { room: u.room, provider: u.provider } : null;
+    },
+    async (u, S) => {
+      JSON.stringify(u) !== JSON.stringify(S) && (k(), await xt(), d());
+    },
+    { deep: !0 }
+  ), {
+    editorRef: p,
+    docsEditor: o,
+    editor: c,
+    pluginActions: f,
+    isReady: a
+  };
+}
+const wt = "docs-editor-theme", it = w(!1);
+function zt() {
+  const s = (o) => {
+    if (it.value = o, typeof document < "u") {
+      const a = document.documentElement;
+      o ? a.classList.add("dark") : a.classList.remove("dark");
+    }
+    typeof localStorage < "u" && localStorage.setItem(wt, o ? "dark" : "light");
+  }, p = () => s(!it.value);
+  return Oe(() => {
+    let o = !1;
+    if (typeof localStorage < "u") {
+      const a = localStorage.getItem(wt);
+      a ? o = a === "dark" : typeof window < "u" && (o = window.matchMedia("(prefers-color-scheme: dark)").matches);
+    }
+    s(o);
+  }), {
+    isDark: it,
+    toggle: p
+  };
+}
+const Bt = {
+  common: {
+    save: "Save",
+    cancel: "Cancel",
+    create: "Create",
+    delete: "Delete",
+    rename: "Rename",
+    duplicate: "Duplicate",
+    move: "Move",
+    moveToFolder: "Move to folder",
+    moveDocument: "Move Document",
+    noFolder: "(No Folder)",
+    search: "Search",
+    loading: "Loading...",
+    error: "Error",
+    dismiss: "Dismiss",
+    emptyDocument: "(Empty Document)",
+    confirmDelete: "Are you sure you want to delete this document?"
+  },
+  header: {
+    file: "File",
+    new: "New",
+    newDocument: "New document",
+    open: "Open",
+    makeACopy: "Make a copy",
+    share: "Share",
+    email: "Email",
+    emailDraft: "Email draft",
+    download: "Download",
+    rename: "Rename",
+    move: "Move",
+    moveToFolder: "Move to folder",
+    moveToTrash: "Move to trash",
+    versionHistory: "Version history",
+    language: "Language",
+    pageSetup: "Page setup",
+    print: "Print",
+    edit: "Edit",
+    view: "View",
+    insert: "Insert",
+    format: "Format",
+    tools: "Tools",
+    extensions: "Extensions",
+    help: "Help",
+    backToDocuments: "Back to Documents",
+    clickToRename: "Click to rename",
+    starDocument: "Star document",
+    unstarDocument: "Unstar document",
+    sandbox: "Sandbox (toggle simulated collaborators)",
+    theme: "Theme",
+    account: "Account",
+    markdown: "Markdown (.md)",
+    html: "Web page (.html)",
+    htmlZip: "Web page (.html, zipped)",
+    text: "Plain text (.txt)",
+    docx: "Microsoft Word (.docx)",
+    pdf: "PDF Document (.pdf)",
+    odt: "OpenDocument Format (.odt)",
+    rtf: "Rich Text Format (.rtf)",
+    undo: "Undo",
+    redo: "Redo",
+    selectAll: "Select all",
+    showSidebar: "Show sidebar",
+    focusMode: "Full focus mode",
+    showRuler: "Show ruler",
+    meetingNotes: "Meeting notes",
+    image: "Image",
+    table: "Table",
+    codeBlock: "Code block",
+    header: "Header",
+    footer: "Footer",
+    footnote: "Footnote",
+    bold: "Bold text",
+    italic: "Italic text",
+    underline: "Underline",
+    heading1: "Heading 1",
+    heading2: "Heading 2",
+    heading3: "Heading 3",
+    spellCheck: "Spell check",
+    wordCount: "Word count",
+    preferences: "Preferences",
+    manageExtensions: "Manage extensions…",
+    keyboardShortcuts: "Keyboard shortcuts",
+    reportIssue: "Report issue",
+    about: "About DocsEditor"
+  },
+  toolbar: {
+    undo: "Undo",
+    redo: "Redo",
+    print: "Print",
+    spelling: "Spelling",
+    zoom: "100%",
+    paragraphStyle: "Paragraph style",
+    normalText: "Normal text",
+    fontFamily: "Font family",
+    decreaseFontSize: "Decrease font size",
+    increaseFontSize: "Increase font size",
+    lists: "Lists",
+    alignment: "Alignment",
+    insert: "Insert",
+    comments: "Comments",
+    history: "History",
+    ai: "AI",
+    tableOfContents: "Table of contents"
+  },
+  statusBar: {
+    liveSyncActive: "Live Sync Active",
+    connecting: "Connecting…",
+    saving: "Saving changes…",
+    offline: "Offline",
+    lastSavedAt: "Last saved at",
+    never: "Never",
+    pageSize: "Page size",
+    page: "Page",
+    of: "of",
+    words: "words",
+    characters: "characters"
+  },
+  editor: {
+    share: {
+      title: "Share document",
+      close: "Close",
+      shareableLink: "Shareable link",
+      copy: "Copy",
+      copied: "Link copied to clipboard",
+      couldNotCopy: "Could not copy link",
+      collaborators: "Collaborators",
+      addCollaborator: "Add collaborator by email",
+      placeholder: "colleague@example.com",
+      add: "Add",
+      userNotFound: "User not found",
+      failedToAdd: "Failed to add collaborator"
+    },
+    print: "Print",
+    logOut: "Log out",
+    rename: {
+      title: "Rename document",
+      label: "Document title",
+      save: "Save",
+      cancel: "Cancel"
+    },
+    pageSetup: {
+      title: "Page setup",
+      paperSize: "Paper size",
+      orientation: "Orientation",
+      portrait: "Portrait",
+      landscape: "Landscape",
+      margins: "Margins",
+      top: "Top",
+      bottom: "Bottom",
+      left: "Left",
+      right: "Right",
+      apply: "Apply",
+      cancel: "Cancel"
+    },
+    headerFooter: {
+      title: "Header & Footer Customization",
+      header: "Header",
+      footer: "Footer",
+      left: "Left",
+      right: "Right",
+      clear: "Clear",
+      headerLeftPlaceholder: "e.g. Document Title",
+      headerRightPlaceholder: "e.g. Page {page}",
+      footerLeftPlaceholder: "e.g. Confidential",
+      footerRightPlaceholder: "e.g. Page {page} of {total}",
+      variableInfo: "Variable Info: You can use {page} for the current page number, and {total} for the total page count.",
+      cancel: "Cancel",
+      save: "Save"
+    },
+    showOutline: "Show document outline",
+    loadingDocument: "Loading document"
+  },
+  slashMenu: {
+    title: "Suggested",
+    basicBlocks: "Basic Blocks",
+    noMatch: "No matching commands"
+  },
+  quickActions: {
+    meetingNotes: "Meeting notes",
+    emailDraft: "Email draft",
+    more: "More"
+  },
+  documentTabs: {
+    documentTabs: "Document Tabs",
+    addTab: "Add tab",
+    rename: "Rename",
+    delete: "Delete",
+    outline: "Outline",
+    untitledHeading: "Untitled Heading {level}",
+    placeholder: "Headings you add to the document will appear here."
+  },
+  theme: {
+    lightMode: "Switch to light mode",
+    darkMode: "Switch to dark mode"
+  },
+  sidebars: {
+    ai: {
+      title: "AI Writing Helper",
+      description: "A server-side AI co-writer to draft, summarize, or edit your copy.",
+      quickMacros: "Quick AI Macros",
+      summarize: "Summarize",
+      fixGrammar: "Fix Grammar",
+      continue: "Continue",
+      toSpanish: "To Spanish",
+      generations: "AI Generations",
+      aiDrafting: "AI drafting…",
+      copy: "Copy",
+      copied: "Copied",
+      insert: "Insert",
+      inserted: "Inserted",
+      noDraft: "No draft generated yet. Submit a prompt or macro command above to start.",
+      promptPlaceholder: "Ask AI to draft outline, write content, rewrite tone…",
+      promptAI: "Prompt AI"
+    },
+    comments: {
+      title: "Discussion Panel",
+      placeholder: "Select text to add a comment…",
+      addComment: "Add comment",
+      resolve: "Resolve",
+      reply: "Reply…",
+      replyInThread: "Reply in thread",
+      active: "Active",
+      resolved: "Resolved",
+      creatingAnchored: "Creating anchored comment:",
+      quote: "Quote:",
+      resolvedBy: "Resolved by {user}",
+      noComments: "No {mode} comments yet.",
+      commentOnSelection: "Comment on selection…",
+      generalComment: "Add general comment to document…",
+      anchoredComment: "Anchored comment",
+      general: "General comment",
+      post: "Post"
+    },
+    history: {
+      title: "History",
+      empty: "No history yet.",
+      version: "Version",
+      restore: "Restore",
+      closePreview: "Close Preview",
+      restoreThis: "Restore This",
+      viewingPreview: "Viewing Revision Preview",
+      readOnlyPreview: "You are previewing version #{index}. Your editor is temporarily read-only.",
+      modifiedBy: "Modified by:",
+      saveNamedSnapshot: "Save Named Snapshot",
+      snapshotPlaceholder: "e.g. Approved Final Draft…",
+      noSnapshots: "No snapshots saved yet.",
+      save: "Save",
+      cancel: "Cancel",
+      preview: "Preview"
+    },
+    toc: {
+      title: "Contents",
+      empty: "No headings yet.",
+      untitledHeading: "Untitled Heading {level}",
+      newSection: "New {tag} Section",
+      startWriting: "Start writing here…",
+      closeOutline: "Close outline",
+      searchHeadings: "Search headings…",
+      noHeadings: "No Headings Yet",
+      noHeadingsDescription: "Use headers (H1, H2, or H3) to structure your document. An interactive outline will generate here automatically.",
+      quickInsert: "Quick Insert",
+      headingLevel: "Heading {level}",
+      noMatchingHeaders: "No matching headers found",
+      tryDifferentTerm: "Try searching with a different term.",
+      outlineLayout: "Outline Layout",
+      outlineSync: "Outline syncs automatically. Click any header to instantly jump, focus, and scroll the editor to that section."
+    }
+  },
+  dashboard: {
+    allDocuments: "All Documents",
+    starred: "Starred",
+    folders: "Folders",
+    createFolder: "Create New Folder",
+    folderNamePlaceholder: "Folder name…",
+    noFolders: "No folders created yet.",
+    startNewDocument: "Start a New Document",
+    blankDocument: "Blank Document",
+    blankDescription: "Fresh slate",
+    meetingNotes: "Meeting Notes",
+    meetingNotesDescription: "Attendees & Action Items",
+    projectProposal: "Project Proposal",
+    projectProposalDescription: "Objectives & Deliverables",
+    officialLetter: "Official Letter",
+    officialLetterDescription: "Pre-formatted header",
+    searchPlaceholder: "Search titles or full-text contents…",
+    modified: "Modified",
+    alphabetical: "Alphabetical",
+    created: "Created",
+    gridView: "Grid View",
+    listView: "List View",
+    activeFilters: "Active Filters:",
+    folder: "Folder",
+    starredOnly: "Starred Only",
+    search: "Search",
+    noDocuments: "No documents found",
+    noDocumentsDescription: "No files match your current filters. Select a template or create a blank file to start drafting!",
+    createBlankDocument: "Create Blank Document",
+    loadingDocuments: "Loading documents...",
+    documentTitle: "Document Title",
+    lastModified: "Last Modified",
+    actions: "Actions"
+  },
+  auth: {
+    signInTitle: "Sign in to create and edit documents",
+    signInWithGoogle: "Sign in with Google",
+    signInWithEmail: "Sign in with Email",
+    signInWithGitHub: "Sign in with GitHub",
+    signInWith: "Sign in with {provider}",
+    or: "or",
+    email: "Email",
+    password: "Password",
+    name: "Name",
+    signIn: "Sign In",
+    signUp: "Sign Up",
+    signOut: "Sign out",
+    noAccount: "Don't have an account? Sign up",
+    hasAccount: "Already have an account? Sign in",
+    invalidCredentials: "Invalid email or password",
+    accountCreated: "Account created! You are now signed in.",
+    loadDocumentsError: "Failed to load documents. Is the server running?",
+    retry: "Try again",
+    rateLimited: "Server is rate limiting requests.",
+    retryIn: "Retrying in {seconds}s…",
+    networkError: "Could not reach the server. Check your connection.",
+    noProviders: "No authentication providers configured. Check your server environment variables."
+  },
+  language: {
+    label: "Language",
+    en: "English",
+    id: "Indonesian"
+  }
+}, jt = {
+  common: {
+    save: "Simpan",
+    cancel: "Batal",
+    create: "Buat",
+    delete: "Hapus",
+    rename: "Ubah nama",
+    duplicate: "Duplikat",
+    move: "Pindah",
+    moveToFolder: "Pindah ke folder",
+    moveDocument: "Pindahkan Dokumen",
+    noFolder: "(Tanpa Folder)",
+    search: "Cari",
+    loading: "Memuat…",
+    error: "Kesalahan",
+    dismiss: "Tutup",
+    emptyDocument: "(Dokumen Kosong)",
+    confirmDelete: "Apakah Anda yakin ingin menghapus dokumen ini?"
+  },
+  header: {
+    file: "Berkas",
+    new: "Baru",
+    newDocument: "Dokumen baru",
+    open: "Buka",
+    makeACopy: "Buat salinan",
+    share: "Bagikan",
+    email: "Email",
+    emailDraft: "Draf Email",
+    download: "Unduh",
+    rename: "Ubah nama",
+    move: "Pindah",
+    moveToFolder: "Pindah ke folder",
+    moveToTrash: "Pindah ke sampah",
+    versionHistory: "Riwayat versi",
+    language: "Bahasa",
+    pageSetup: "Penataan halaman",
+    print: "Cetak",
+    edit: "Sunting",
+    view: "Tampilan",
+    insert: "Sisipkan",
+    format: "Format",
+    tools: "Alat",
+    extensions: "Ekstensi",
+    help: "Bantuan",
+    backToDocuments: "Kembali ke Dokumen",
+    clickToRename: "Klik untuk mengganti nama",
+    starDocument: "Bintangi dokumen",
+    unstarDocument: "Hapus bintang",
+    sandbox: "Sandbox (alihkan kolaborator simulasi)",
+    theme: "Tema",
+    account: "Akun",
+    markdown: "Markdown (.md)",
+    html: "Halaman web (.html)",
+    htmlZip: "Halaman web (.html, ter-zip)",
+    text: "Teks biasa (.txt)",
+    docx: "Microsoft Word (.docx)",
+    pdf: "Dokumen PDF (.pdf)",
+    odt: "OpenDocument Format (.odt)",
+    rtf: "Rich Text Format (.rtf)",
+    undo: "Urungkan",
+    redo: "Ulangi",
+    selectAll: "Pilih semua",
+    showSidebar: "Tampilkan sidebar",
+    focusMode: "Mode Fokus Penuh",
+    showRuler: "Tampilkan penggaris",
+    meetingNotes: "Catatan Rapat",
+    image: "Gambar",
+    table: "Tabel",
+    codeBlock: "Kode Blok",
+    header: "Header",
+    footer: "Footer",
+    footnote: "Catatan Kaki",
+    bold: "Teks Tebal",
+    italic: "Teks Miring",
+    underline: "Garis Bawah",
+    heading1: "Judul 1",
+    heading2: "Judul 2",
+    heading3: "Judul 3",
+    spellCheck: "Periksa ejaan",
+    wordCount: "Hitungan kata",
+    preferences: "Preferensi",
+    manageExtensions: "Kelola ekstensi…",
+    keyboardShortcuts: "Pintasan keyboard",
+    reportIssue: "Laporkan masalah",
+    about: "Tentang DocsEditor"
+  },
+  toolbar: {
+    undo: "Urungkan",
+    redo: "Ulangi",
+    print: "Cetak",
+    spelling: "Ejaan",
+    zoom: "100%",
+    paragraphStyle: "Gaya paragraf",
+    normalText: "Teks normal",
+    fontFamily: "Keluarga font",
+    decreaseFontSize: "Kecilkan font",
+    increaseFontSize: "Perbesar font",
+    lists: "Daftar",
+    alignment: "Perataan",
+    insert: "Sisipkan",
+    comments: "Komentar",
+    history: "Riwayat",
+    ai: "AI",
+    tableOfContents: "Daftar isi"
+  },
+  statusBar: {
+    liveSyncActive: "Sinkron Langsung Aktif",
+    connecting: "Menghubungkan…",
+    saving: "Menyimpan perubahan…",
+    offline: "Luring",
+    lastSavedAt: "Terakhir disimpan",
+    never: "Tidak pernah",
+    pageSize: "Ukuran halaman",
+    page: "Halaman",
+    of: "dari",
+    words: "kata",
+    characters: "karakter"
+  },
+  editor: {
+    share: {
+      title: "Bagikan dokumen",
+      close: "Tutup",
+      shareableLink: "Tautan dapat dibagikan",
+      copy: "Salin",
+      copied: "Tautan disalin ke papan klip",
+      couldNotCopy: "Tidak dapat menyalin tautan",
+      collaborators: "Kolaborator",
+      addCollaborator: "Tambahkan kolaborator lewat email",
+      placeholder: "rekan@contoh.com",
+      add: "Tambah",
+      userNotFound: "Pengguna tidak ditemukan",
+      failedToAdd: "Gagal menambahkan kolaborator"
+    },
+    print: "Cetak",
+    logOut: "Keluar",
+    rename: {
+      title: "Ubah nama dokumen",
+      label: "Judul dokumen",
+      save: "Simpan",
+      cancel: "Batal"
+    },
+    pageSetup: {
+      title: "Penataan halaman",
+      paperSize: "Ukuran kertas",
+      orientation: "Orientasi",
+      portrait: "Potret",
+      landscape: "Lanskap",
+      margins: "Margin",
+      top: "Atas",
+      bottom: "Bawah",
+      left: "Kiri",
+      right: "Kanan",
+      apply: "Terapkan",
+      cancel: "Batal"
+    },
+    headerFooter: {
+      title: "Penyesuaian Header & Footer",
+      header: "Header",
+      footer: "Footer",
+      left: "Kiri",
+      right: "Kanan",
+      clear: "Kosongkan",
+      headerLeftPlaceholder: "mis. Judul Dokumen",
+      headerRightPlaceholder: "mis. Halaman {page}",
+      footerLeftPlaceholder: "mis. Rahasia",
+      footerRightPlaceholder: "mis. Halaman {page} dari {total}",
+      variableInfo: "Info Variabel: Anda dapat menggunakan {page} untuk nomor halaman aktif, dan {total} untuk jumlah halaman.",
+      cancel: "Batal",
+      save: "Simpan"
+    },
+    showOutline: "Tampilkan kerangka dokumen",
+    loadingDocument: "Memuat dokumen"
+  },
+  slashMenu: {
+    title: "Saran",
+    basicBlocks: "Blok Dasar",
+    noMatch: "Tidak ada perintah yang cocok"
+  },
+  quickActions: {
+    meetingNotes: "Catatan Rapat",
+    emailDraft: "Draf Email",
+    more: "Lainnya"
+  },
+  documentTabs: {
+    documentTabs: "Tab Dokumen",
+    addTab: "Tambah tab",
+    rename: "Ubah nama",
+    delete: "Hapus",
+    outline: "Kerangka",
+    untitledHeading: "Judul Tanpa Nama {level}",
+    placeholder: "Tajuk yang Anda tambahkan ke dokumen akan muncul di sini."
+  },
+  theme: {
+    lightMode: "Beralih ke mode terang",
+    darkMode: "Beralih ke mode gelap"
+  },
+  sidebars: {
+    ai: {
+      title: "AI Writing Helper",
+      description: "Penulis AI sisi-server untuk menyusun, merangkum, atau menyunting tulisan Anda.",
+      quickMacros: "Makro AI Cepat",
+      summarize: "Rangkum",
+      fixGrammar: "Perbaiki Tata Bahasa",
+      continue: "Lanjutkan",
+      toSpanish: "Ke Spanyol",
+      generations: "Hasil AI",
+      aiDrafting: "AI menyusun…",
+      copy: "Salin",
+      copied: "Tersalin",
+      insert: "Sisipkan",
+      inserted: "Tersisip",
+      noDraft: "Belum ada draf. Kirim perintah atau makro di atas untuk mulai.",
+      promptPlaceholder: "Minta AI membuat kerangka, menulis konten, menulis ulang nada…",
+      promptAI: "Perintah AI"
+    },
+    comments: {
+      title: "Panel Diskusi",
+      placeholder: "Pilih teks untuk menambahkan komentar…",
+      addComment: "Tambah komentar",
+      resolve: "Selesai",
+      reply: "Balas…",
+      replyInThread: "Balas di thread",
+      active: "Aktif",
+      resolved: "Selesai",
+      creatingAnchored: "Membuat komentar terpaut:",
+      quote: "Kutipan:",
+      resolvedBy: "Diselesaikan oleh {user}",
+      noComments: "Belum ada komentar {mode}.",
+      commentOnSelection: "Komentari pilihan…",
+      generalComment: "Tambahkan komentar umum ke dokumen…",
+      anchoredComment: "Komentar terpaut",
+      general: "Komentar umum",
+      post: "Kirim"
+    },
+    history: {
+      title: "Riwayat",
+      empty: "Belum ada riwayat.",
+      version: "Versi",
+      restore: "Pulihkan",
+      closePreview: "Tutup Pratinjau",
+      restoreThis: "Pulihkan Ini",
+      viewingPreview: "Melihat Pratinjau Revisi",
+      readOnlyPreview: "Anda sedang melihat pratinjau versi #{index}. Editor Anda untuk sementara hanya-baca.",
+      modifiedBy: "Diubah oleh:",
+      saveNamedSnapshot: "Simpan Snapshot Bernama",
+      snapshotPlaceholder: "mis. Final Draft Disetujui…",
+      noSnapshots: "Belum ada snapshot yang disimpan.",
+      save: "Simpan",
+      cancel: "Batal",
+      preview: "Pratinjau"
+    },
+    toc: {
+      title: "Daftar Isi",
+      empty: "Belum ada judul.",
+      untitledHeading: "Judul Tanpa Nama {level}",
+      newSection: "Bagian {tag} Baru",
+      startWriting: "Mulai menulis di sini…",
+      closeOutline: "Tutup kerangka",
+      searchHeadings: "Cari judul…",
+      noHeadings: "Belum Ada Judul",
+      noHeadingsDescription: "Gunakan header (H1, H2, atau H3) untuk menyusun dokumen. Kerangka interaktif akan dibuat otomatis di sini.",
+      quickInsert: "Sisipkan Cepat",
+      headingLevel: "Judul {level}",
+      noMatchingHeaders: "Tidak ada header yang cocok",
+      tryDifferentTerm: "Coba cari dengan istilah lain.",
+      outlineLayout: "Tata Letak Kerangka",
+      outlineSync: "Kerangka tersinkronisasi otomatis. Klik header apa pun untuk langsung melompat, fokus, dan menggulir editor ke bagian tersebut."
+    }
+  },
+  dashboard: {
+    allDocuments: "Semua Dokumen",
+    starred: "Berbintang",
+    folders: "Folder",
+    createFolder: "Buat Folder Baru",
+    folderNamePlaceholder: "Nama folder…",
+    noFolders: "Belum ada folder.",
+    startNewDocument: "Mulai Dokumen Baru",
+    blankDocument: "Dokumen Kosong",
+    blankDescription: "Kertas kosong",
+    meetingNotes: "Catatan Rapat",
+    meetingNotesDescription: "Peserta & Tindak Lanjut",
+    projectProposal: "Proposal Proyek",
+    projectProposalDescription: "Tujuan & Hasil",
+    officialLetter: "Surat Resmi",
+    officialLetterDescription: "Header yang sudah diformat",
+    searchPlaceholder: "Cari judul atau isi dokumen…",
+    modified: "Diubah",
+    alphabetical: "Abjad",
+    created: "Dibuat",
+    gridView: "Tampilan Grid",
+    listView: "Tampilan Daftar",
+    activeFilters: "Filter Aktif:",
+    folder: "Folder",
+    starredOnly: "Hanya Berbintang",
+    search: "Cari",
+    noDocuments: "Tidak ada dokumen",
+    noDocumentsDescription: "Tidak ada file yang cocok dengan filter. Pilih template atau buat dokumen kosong untuk mulai menulis!",
+    createBlankDocument: "Buat Dokumen Kosong",
+    loadingDocuments: "Memuat dokumen...",
+    documentTitle: "Judul Dokumen",
+    lastModified: "Terakhir Diubah",
+    actions: "Aksi"
+  },
+  auth: {
+    signInTitle: "Masuk untuk membuat dan menyunting dokumen",
+    signInWithGoogle: "Masuk dengan Google",
+    signInWithEmail: "Masuk dengan Email",
+    signInWithGitHub: "Masuk dengan GitHub",
+    signInWith: "Masuk dengan {provider}",
+    or: "atau",
+    email: "Email",
+    password: "Kata sandi",
+    name: "Nama",
+    signIn: "Masuk",
+    signUp: "Daftar",
+    signOut: "Keluar",
+    noAccount: "Belum punya akun? Daftar",
+    hasAccount: "Sudah punya akun? Masuk",
+    invalidCredentials: "Email atau kata sandi salah",
+    accountCreated: "Akun dibuat! Anda sekarang masuk.",
+    loadDocumentsError: "Gagal memuat dokumen. Apakah server berjalan?",
+    retry: "Coba lagi",
+    rateLimited: "Server sedang membatasi permintaan.",
+    retryIn: "Mencoba ulang dalam {seconds} detik…",
+    networkError: "Tidak bisa menghubungi server. Periksa koneksi Anda.",
+    noProviders: "Tidak ada penyedia autentikasi yang dikonfigurasi. Periksa variabel lingkungan server."
+  },
+  language: {
+    label: "Bahasa",
+    en: "English",
+    id: "Indonesia"
+  }
+}, ct = {
+  en: Bt,
+  id: jt
+}, Ft = "en", da = {
+  en: Bt.language.en,
+  id: jt.language.id
+};
+function ca(s) {
+  return ct[s] ?? ct[Ft];
+}
+function ut(s) {
+  return typeof s == "string" && s in ct;
+}
+const Et = Symbol("docflow-locale"), Rt = "docflow-locale";
+function ua(s) {
+  if (s && ut(s)) return s;
+  try {
+    const p = localStorage.getItem(Rt);
+    if (p && ut(p)) return p;
+  } catch {
+  }
+  return Ft;
+}
+function pa(s, p) {
+  const o = p.split(".");
+  let a = s;
+  for (const c of o) {
+    if (a === null || typeof a != "object") return;
+    a = a[c];
+  }
+  return a;
+}
+function Nt(s) {
+  const p = w(ua(s));
+  return { locale: p, setLocale: (c) => {
+    if (ut(c)) {
+      p.value = c;
+      try {
+        localStorage.setItem(Rt, c);
+      } catch {
+      }
+    }
+  }, t: (c) => {
+    const f = ca(p.value), d = pa(f, c);
+    return typeof d == "string" ? d : c;
+  } };
+}
+function we() {
+  const s = oa(Et, null);
+  return s || Nt();
+}
+function ha(s) {
+  const p = Nt(s);
+  return na(Et, p), p;
+}
+function ba(s) {
+  return da[s] ?? s;
+}
+function ma() {
+  return ["en", "id"];
+}
+const ga = { class: "px-2 py-1.5 text-[10px] font-semibold uppercase text-slate-400" }, fa = ["onClick", "onMouseenter"], va = { class: "text-slate-500 dark:text-slate-400" }, xa = /* @__PURE__ */ le({
+  __name: "SlashMenu",
+  props: {
+    editor: {},
+    commands: {}
+  },
+  setup(s) {
+    const { t: p } = we(), o = s, a = w(!1), c = w(""), f = w(0), d = w({ top: 0, left: 0 }), k = w([]);
+    function u() {
+      if (!o.editor) return;
+      const { view: _ } = o.editor, { selection: h } = _.state, g = _.coordsAtPos(h.head), b = _.dom.getBoundingClientRect();
+      d.value = {
+        top: g.bottom - b.top + 4,
+        left: g.left - b.left
+      };
+    }
+    function S(_) {
+      var G, re, ge, fe;
+      if (!o.editor) return;
+      const { view: h } = o.editor, { selection: g } = h.state, b = g.head, M = h.state.doc.resolve(b), P = M.start(), j = M.parent.textContent.slice(0, M.parentOffset).lastIndexOf("/");
+      if (j >= 0) {
+        const be = P + j, E = h.state.tr.delete(be, b);
+        h.dispatch(E);
+      }
+      const O = o.editor;
+      if (typeof ((G = O.commands) == null ? void 0 : G[_.command]) == "function")
+        O.commands[_.command]();
+      else if (O.chain)
+        try {
+          (fe = (ge = (re = O.chain().focus())[_.command]) == null ? void 0 : ge.call(re)) == null || fe.run();
+        } catch {
+        }
+      a.value = !1, c.value = "";
+    }
+    function L() {
+      a.value = !1, c.value = "";
+    }
+    function D() {
+      if (!o.editor) return;
+      const { view: _ } = o.editor, { selection: h } = _.state, g = h.head, b = _.state.doc.resolve(g), M = b.parent.textContent.slice(0, b.parentOffset), P = M.lastIndexOf("/");
+      if (P >= 0) {
+        const B = M.slice(0, P), j = M.slice(P + 1);
+        if ((B === "" || B.endsWith(" ") || B === `
+`) && !j.includes(" ")) {
+          c.value = j, a.value = !0, f.value = 0, u();
+          return;
+        }
+      }
+      a.value = !1;
+    }
+    ae(() => o.editor, (_) => {
+      _ && (_.on("update", D), _.on("selectionUpdate", () => {
+        a.value && u();
+      }));
+    }), ae([c, () => o.commands], () => {
+      const _ = c.value.toLowerCase();
+      k.value = _ ? o.commands.filter((h) => h.name.toLowerCase().includes(_)) : o.commands;
+    });
+    function I(_) {
+      if (a.value) {
+        if (_.key === "ArrowDown" && (_.preventDefault(), f.value = Math.min(f.value + 1, k.value.length - 1)), _.key === "ArrowUp" && (_.preventDefault(), f.value = Math.max(f.value - 1, 0)), _.key === "Enter") {
+          _.preventDefault();
+          const h = k.value[f.value];
+          h && S(h);
+        }
+        _.key === "Escape" && (_.preventDefault(), L());
+      }
+    }
+    return Oe(() => {
+      document.addEventListener("keydown", I);
+    }), Ae(() => {
+      document.removeEventListener("keydown", I);
+    }), (_, h) => (n(), he(sa, { to: "body" }, [
+      a.value && k.value.length > 0 ? (n(), r("div", {
+        key: 0,
+        class: "docs-slash-menu fixed z-[999] w-56 max-h-64 overflow-y-auto rounded-lg border border-slate-200 bg-white p-1 shadow-xl dark:border-slate-700 dark:bg-slate-800",
+        style: me({ top: d.value.top + "px", left: d.value.left + "px" })
+      }, [
+        e("div", ga, l(t(p)("slashMenu.basicBlocks")), 1),
+        (n(!0), r(q, null, K(k.value, (g, b) => (n(), r("button", {
+          key: g.command,
+          class: z(["flex w-full items-center gap-2 rounded-md px-3 py-2 text-left text-sm transition-colors", b === f.value ? "bg-slate-100 dark:bg-slate-700" : "hover:bg-slate-50 dark:hover:bg-slate-700/50"]),
+          onClick: (M) => S(g),
+          onMouseenter: (M) => f.value = b
+        }, [
+          e("span", va, l(g.name), 1)
+        ], 42, fa))), 128))
+      ], 4)) : H("", !0)
+    ]));
+  }
+});
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ka = (s) => {
+  for (const p in s)
+    if (p.startsWith("aria-") || p === "role" || p === "title")
+      return !0;
+  return !1;
+};
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const _t = (s) => s === "";
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ya = (...s) => s.filter((p, o, a) => !!p && p.trim() !== "" && a.indexOf(p) === o).join(" ").trim();
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $t = (s) => s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const wa = (s) => s.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (p, o, a) => a ? a.toUpperCase() : o.toLowerCase()
+);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const _a = (s) => {
+  const p = wa(s);
+  return p.charAt(0).toUpperCase() + p.slice(1);
+};
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var Ze = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $a = ({
+  name: s,
+  iconNode: p,
+  absoluteStrokeWidth: o,
+  "absolute-stroke-width": a,
+  strokeWidth: c,
+  "stroke-width": f,
+  size: d = Ze.width,
+  color: k = Ze.stroke,
+  ...u
+}, { slots: S }) => dt(
+  "svg",
+  {
+    ...Ze,
+    ...u,
+    width: d,
+    height: d,
+    stroke: k,
+    "stroke-width": _t(o) || _t(a) || o === !0 || a === !0 ? Number(c || f || Ze["stroke-width"]) * 24 / Number(d) : c || f || Ze["stroke-width"],
+    class: ya(
+      "lucide",
+      u.class,
+      ...s ? [`lucide-${$t(_a(s))}-icon`, `lucide-${$t(s)}`] : ["lucide-icon"]
+    ),
+    ...!S.default && !ka(u) && { "aria-hidden": "true" }
+  },
+  [...p.map((L) => dt(...L)), ...S.default ? [S.default()] : []]
+);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const T = (s, p) => (o, { slots: a, attrs: c }) => dt(
+  $a,
+  {
+    ...c,
+    ...o,
+    iconNode: p,
+    name: s
+  },
+  a
+);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Sa = T("arrow-down-to-line", [
+  ["path", { d: "M12 17V3", key: "1cwfxf" }],
+  ["path", { d: "m6 11 6 6 6-6", key: "12ii2o" }],
+  ["path", { d: "M19 21H5", key: "150jfl" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ca = T("arrow-left", [
+  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
+  ["path", { d: "M19 12H5", key: "x3x0zl" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ma = T("badge-check", [
+  [
+    "path",
+    {
+      d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z",
+      key: "3c2336"
+    }
+  ],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ot = T("bold", [
+  [
+    "path",
+    { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
+  ]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ta = T("calendar", [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const St = T("check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Le = T("chevron-down", [
+  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Aa = T("chevron-right", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Pa = T("circle-check-big", [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ia = T("code", [
+  ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
+  ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Da = T("copy", [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Vt = T("ellipsis-vertical", [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
+  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const La = T("ellipsis", [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ha = T("eye", [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ne = T("file-text", [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const za = T("globe", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ba = T("hash", [
+  ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
+  ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
+  ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
+  ["line", { x1: "16", x2: "14", y1: "3", y2: "21", key: "weycgp" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ja = T("heading-1", [
+  ["path", { d: "M4 12h8", key: "17cfdx" }],
+  ["path", { d: "M4 18V6", key: "1rz3zl" }],
+  ["path", { d: "M12 18V6", key: "zqpxq5" }],
+  ["path", { d: "m17 12 3-2v8", key: "1hhhft" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Fa = T("heading-2", [
+  ["path", { d: "M4 12h8", key: "17cfdx" }],
+  ["path", { d: "M4 18V6", key: "1rz3zl" }],
+  ["path", { d: "M12 18V6", key: "zqpxq5" }],
+  ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ea = T("heading-3", [
+  ["path", { d: "M4 12h8", key: "17cfdx" }],
+  ["path", { d: "M4 18V6", key: "1rz3zl" }],
+  ["path", { d: "M12 18V6", key: "zqpxq5" }],
+  ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", key: "68ncm8" }],
+  ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", key: "1ejuhz" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ra = T("heading-4", [
+  ["path", { d: "M12 18V6", key: "zqpxq5" }],
+  ["path", { d: "M17 10v3a1 1 0 0 0 1 1h3", key: "tj5zdr" }],
+  ["path", { d: "M21 10v8", key: "1kdml4" }],
+  ["path", { d: "M4 12h8", key: "17cfdx" }],
+  ["path", { d: "M4 18V6", key: "1rz3zl" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Na = T("heading-5", [
+  ["path", { d: "M4 12h8", key: "17cfdx" }],
+  ["path", { d: "M4 18V6", key: "1rz3zl" }],
+  ["path", { d: "M12 18V6", key: "zqpxq5" }],
+  ["path", { d: "M17 13v-3h4", key: "1nvgqp" }],
+  [
+    "path",
+    { d: "M17 17.7c.4.2.8.3 1.3.3 1.5 0 2.7-1.1 2.7-2.5S19.8 13 18.3 13H17", key: "2nebdn" }
+  ]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Oa = T("heading-6", [
+  ["path", { d: "M4 12h8", key: "17cfdx" }],
+  ["path", { d: "M4 18V6", key: "1rz3zl" }],
+  ["path", { d: "M12 18V6", key: "zqpxq5" }],
+  ["circle", { cx: "19", cy: "16", r: "2", key: "15mx69" }],
+  ["path", { d: "M20 10c-2 2-3 3.5-3 6", key: "f35dl0" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const qt = T("history", [
+  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
+  ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Va = T("image", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ut = T("italic", [
+  ["line", { x1: "19", x2: "10", y1: "4", y2: "4", key: "15jd3p" }],
+  ["line", { x1: "14", x2: "5", y1: "20", y2: "20", key: "bu0au3" }],
+  ["line", { x1: "15", x2: "9", y1: "4", y2: "20", key: "uljnxc" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Kt = T("link", [
+  ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
+  ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const qa = T("list-ordered", [
+  ["path", { d: "M11 5h10", key: "1cz7ny" }],
+  ["path", { d: "M11 12h10", key: "1438ji" }],
+  ["path", { d: "M11 19h10", key: "11t30w" }],
+  ["path", { d: "M4 4h1v5", key: "10yrso" }],
+  ["path", { d: "M4 9h2", key: "r1h2o0" }],
+  ["path", { d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02", key: "xtkcd5" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const nt = T("list", [
+  ["path", { d: "M3 5h.01", key: "18ugdj" }],
+  ["path", { d: "M3 12h.01", key: "nlz23k" }],
+  ["path", { d: "M3 19h.01", key: "noohij" }],
+  ["path", { d: "M8 5h13", key: "1pao27" }],
+  ["path", { d: "M8 12h13", key: "1za7za" }],
+  ["path", { d: "M8 19h13", key: "m83p4d" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ua = T("mail", [
+  ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
+  ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ka = T("menu", [
+  ["path", { d: "M4 5h16", key: "1tepv9" }],
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 19h16", key: "1djgab" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Wa = T("message-circle", [
+  [
+    "path",
+    {
+      d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
+      key: "1sd12s"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Wt = T("message-square", [
+  [
+    "path",
+    {
+      d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+      key: "18887p"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ga = T("minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ja = T("moon", [
+  [
+    "path",
+    {
+      d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
+      key: "kfwtm"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Za = T("navigation-2", [
+  ["polygon", { points: "12 2 19 21 12 17 5 21 12 2", key: "x8c0qg" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const st = T("plus", [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ya = T("printer", [
+  [
+    "path",
+    {
+      d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2",
+      key: "143wyd"
+    }
+  ],
+  ["path", { d: "M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6", key: "1itne7" }],
+  ["rect", { x: "6", y: "14", width: "12", height: "8", rx: "1", key: "1ue0tg" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Qa = T("quote", [
+  [
+    "path",
+    {
+      d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
+      key: "rib7q0"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
+      key: "1ymkrd"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Xa = T("redo-2", [
+  ["path", { d: "m15 14 5-5-5-5", key: "12vg1m" }],
+  ["path", { d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13", key: "6uklza" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const eo = T("refresh-cw", [
+  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const to = T("reply", [
+  ["path", { d: "M20 18v-2a4 4 0 0 0-4-4H4", key: "5vmcpk" }],
+  ["path", { d: "m9 17-5-5 5-5", key: "nvlc11" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ct = T("rotate-ccw", [
+  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ao = T("save", [
+  [
+    "path",
+    {
+      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
+      key: "1c8476"
+    }
+  ],
+  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
+  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Mt = T("search", [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const pt = T("send", [
+  [
+    "path",
+    {
+      d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
+      key: "1ffxy3"
+    }
+  ],
+  ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const oo = T("share-2", [
+  ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }],
+  ["circle", { cx: "6", cy: "12", r: "3", key: "w7nqdw" }],
+  ["circle", { cx: "18", cy: "19", r: "3", key: "1xt0gg" }],
+  ["line", { x1: "8.59", x2: "15.42", y1: "13.51", y2: "17.49", key: "47mynk" }],
+  ["line", { x1: "15.41", x2: "8.59", y1: "6.51", y2: "10.49", key: "1n3mei" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const no = T("shield-alert", [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ],
+  ["path", { d: "M12 8v4", key: "1got3b" }],
+  ["path", { d: "M12 16h.01", key: "1drbdi" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ht = T("sparkles", [
+  [
+    "path",
+    {
+      d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+      key: "1s2grr"
+    }
+  ],
+  ["path", { d: "M20 2v4", key: "1rf3ol" }],
+  ["path", { d: "M22 4h-4", key: "gwowj6" }],
+  ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const so = T("spell-check", [
+  ["path", { d: "m6 16 6-12 6 12", key: "1b4byz" }],
+  ["path", { d: "M8 12h8", key: "1wcyev" }],
+  ["path", { d: "m16 20 2 2 4-4", key: "13tcca" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const lo = T("square-check-big", [
+  [
+    "path",
+    { d: "M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344", key: "2acyp4" }
+  ],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ro = T("star", [
+  [
+    "path",
+    {
+      d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+      key: "r04s7s"
+    }
+  ]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const io = T("strikethrough", [
+  ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4", key: "43sutm" }],
+  ["path", { d: "M14 12a4 4 0 0 1 0 8H6", key: "nlfj13" }],
+  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const co = T("sun", [
+  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
+  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["path", { d: "M20 12h2", key: "1q8mjw" }],
+  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
+  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const uo = T("table", [
+  ["path", { d: "M12 3v18", key: "108xh3" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M3 9h18", key: "1pudct" }],
+  ["path", { d: "M3 15h18", key: "5xshup" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Tt = T("text-align-center", [
+  ["path", { d: "M21 5H3", key: "1fi0y6" }],
+  ["path", { d: "M17 12H7", key: "16if0g" }],
+  ["path", { d: "M19 19H5", key: "vjpgq2" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const At = T("text-align-end", [
+  ["path", { d: "M21 5H3", key: "1fi0y6" }],
+  ["path", { d: "M21 12H9", key: "dn1m92" }],
+  ["path", { d: "M21 19H7", key: "4cu937" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Pt = T("text-align-justify", [
+  ["path", { d: "M3 5h18", key: "1u36vt" }],
+  ["path", { d: "M3 12h18", key: "1i2n21" }],
+  ["path", { d: "M3 19h18", key: "awlh7x" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const bt = T("text-align-start", [
+  ["path", { d: "M21 5H3", key: "1fi0y6" }],
+  ["path", { d: "M15 12H3", key: "6jk70r" }],
+  ["path", { d: "M17 19H3", key: "z6ezky" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Gt = T("underline", [
+  ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4", key: "9kb039" }],
+  ["line", { x1: "4", x2: "20", y1: "20", y2: "20", key: "nun2al" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const po = T("undo-2", [
+  ["path", { d: "M9 14 4 9l5-5", key: "102s5s" }],
+  ["path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11", key: "f3b9sd" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ho = T("user", [
+  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
+  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const It = T("users", [
+  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
+  ["path", { d: "M16 3.128a4 4 0 0 1 0 7.744", key: "16gr8j" }],
+  ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const bo = T("wand-sparkles", [
+  [
+    "path",
+    {
+      d: "m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72",
+      key: "ul74o6"
+    }
+  ],
+  ["path", { d: "m14 7 3 3", key: "1r5n42" }],
+  ["path", { d: "M5 6v4", key: "ilb8ba" }],
+  ["path", { d: "M19 14v4", key: "blhpug" }],
+  ["path", { d: "M10 2v2", key: "7u0qdc" }],
+  ["path", { d: "M7 8H3", key: "zfb6yr" }],
+  ["path", { d: "M21 16h-4", key: "1cnmox" }],
+  ["path", { d: "M11 3H9", key: "1obp7u" }]
+]);
+/**
+ * @license lucide-vue-next v1.0.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Dt = T("x", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]), mo = ["title"], Lt = /* @__PURE__ */ le({
+  __name: "ThemeToggle",
+  setup(s) {
+    const { isDark: p, toggle: o } = zt(), { t: a } = we();
+    return (c, f) => (n(), r("button", {
+      type: "button",
+      class: "p-2 rounded-lg border border-slate-200 bg-slate-50 text-slate-500 transition-colors hover:border-slate-300 hover:text-slate-700 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-400 dark:hover:border-slate-600 dark:hover:text-slate-200",
+      title: t(p) ? t(a)("theme.lightMode") : t(a)("theme.darkMode"),
+      onClick: f[0] || (f[0] = //@ts-ignore
+      (...d) => t(o) && t(o)(...d))
+    }, [
+      t(p) ? (n(), he(t(co), {
+        key: 0,
+        class: "h-4 w-4"
+      })) : (n(), he(t(Ja), {
+        key: 1,
+        class: "h-4 w-4"
+      }))
+    ], 8, mo));
+  }
+}), go = { class: "sticky top-0 z-40 flex h-14 flex-col border-b border-slate-200 bg-white transition-colors duration-200 dark:border-slate-800 dark:bg-[#0b1120]" }, fo = { class: "flex h-full w-full items-center justify-between gap-4 px-3 md:px-4" }, vo = { class: "flex items-center gap-3" }, xo = ["title"], ko = { class: "flex min-w-0 flex-col gap-0.5" }, yo = { class: "flex items-center gap-1.5" }, wo = ["title"], _o = ["title"], $o = { class: "header-menu-container hidden items-center gap-0 md:flex" }, So = ["onClick"], Co = {
+  key: 0,
+  class: "absolute left-0 top-full z-50 mt-1 min-w-[220px] rounded-lg border border-slate-200 bg-white py-1 text-sm text-slate-700 shadow-xl dark:border-slate-700 dark:bg-[#0e1525] dark:text-slate-200",
+  style: { "transform-origin": "top left" }
+}, Mo = {
+  key: 0,
+  class: "my-1 border-t border-slate-100 dark:border-slate-700/80"
+}, To = ["onMouseenter"], Ao = {
+  type: "button",
+  class: "flex w-full items-center justify-between px-4 py-2 text-left hover:bg-slate-50 dark:hover:bg-white/5"
+}, Po = {
+  key: 0,
+  class: "absolute left-full top-0 z-50 ml-1 min-w-[200px] rounded-lg border border-slate-200 bg-white py-1 text-sm text-slate-700 shadow-xl dark:border-slate-700 dark:bg-[#0e1525] dark:text-slate-200"
+}, Io = ["onClick"], Do = {
+  key: 0,
+  class: "rounded bg-slate-100 px-1 py-0.5 text-[9px] font-mono text-slate-500 dark:bg-slate-700 dark:text-slate-400"
+}, Lo = ["onClick"], Ho = { class: "flex flex-shrink-0 items-center gap-1.5" }, zo = {
+  key: 0,
+  class: "hidden items-center gap-2 lg:flex"
+}, Bo = { class: "flex -space-x-1.5 overflow-hidden" }, jo = ["title"], Fo = { class: "drop-shadow-sm" }, Eo = ["title"], Ro = { class: "hidden xl:block" }, No = { class: "hidden sm:inline" }, Oo = { class: "header-user-container relative flex-shrink-0" }, Vo = ["title"], qo = ["src", "alt"], Uo = {
+  key: 1,
+  class: "flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-cyan-500 to-blue-600 text-xs font-bold text-white"
+}, Ko = { class: "hidden max-w-[140px] truncate text-sm font-medium text-slate-700 dark:text-slate-200 sm:inline" }, Wo = {
+  key: 0,
+  class: "absolute right-0 top-full z-50 mt-1 min-w-[200px] rounded-lg border border-slate-200 bg-white py-1 text-sm text-slate-700 shadow-xl dark:border-slate-700 dark:bg-[#0e1525] dark:text-slate-200",
+  style: { "transform-origin": "top right" }
+}, Go = { class: "border-b border-slate-100 px-4 py-2 dark:border-slate-700/80" }, Jo = { class: "truncate text-sm font-semibold text-slate-800 dark:text-slate-100" }, Zo = { class: "header-more-container relative xl:hidden" }, Yo = {
+  key: 0,
+  class: "absolute right-0 top-full z-50 mt-1 min-w-[210px] rounded-lg border border-slate-200 bg-white py-1 text-sm text-slate-700 shadow-xl dark:border-slate-700 dark:bg-[#0e1525] dark:text-slate-200",
+  style: { "transform-origin": "top right" }
+}, Qo = { class: "flex items-center justify-between px-4 py-2" }, Xo = /* @__PURE__ */ le({
+  __name: "HeaderBar",
+  props: {
+    title: { default: "Untitled Document" },
+    editable: { type: Boolean, default: !0 },
+    collaborators: { default: () => [] },
+    starred: { type: Boolean, default: !1 },
+    currentUserId: { default: "" },
+    simulatorsActive: { type: Boolean, default: !1 },
+    userName: { default: "" },
+    userAvatar: { default: "" }
+  },
+  emits: ["back", "update:title", "toggle-star", "toggle-simulators", "export", "share", "menu-click"],
+  setup(s, { emit: p }) {
+    const { setLocale: o, t: a } = we(), c = ma(), f = s, d = p, k = w(!1), u = w(f.title), S = w(null);
+    ae(() => f.title, (E) => {
+      u.value = E;
+    });
+    const L = () => {
+      const E = u.value.trim();
+      E && E !== f.title && d("update:title", E), u.value = f.title, k.value = !1;
+    }, D = (E) => E.split(" ").map((N) => N[0]).join("").slice(0, 2).toUpperCase(), I = (E) => {
+      d("export", E), S.value = null;
+    }, _ = F(() => D(f.userName) || "?"), h = w(!1), g = F(() => ({
+      File: {
+        label: a("header.file"),
+        items: [
+          { label: a("header.new"), action: "new-doc" },
+          { label: a("header.open"), action: "open-doc" },
+          { label: a("header.makeACopy"), action: "duplicate" },
+          { label: "divider", divider: !0 },
+          { label: a("header.share"), action: "share" },
+          { label: a("header.email"), action: "email" },
+          {
+            label: a("header.download"),
+            sub: [
+              { label: a("header.docx"), action: "export:docx", badge: "DOCX" },
+              { label: a("header.pdf"), action: "export:pdf", badge: "PDF" },
+              { label: a("header.odt"), action: "export:odt", badge: "ODT" },
+              { label: a("header.txt"), action: "export:txt", badge: "TXT" },
+              { label: a("header.rtf"), action: "export:rtf", badge: "RTF" },
+              { label: a("header.htmlZip"), action: "export:html-zip", badge: "ZIP" },
+              { label: a("header.html"), action: "export:html", badge: "HTML" },
+              { label: a("header.markdown"), action: "export:markdown", badge: "MD" }
+            ]
+          },
+          { label: "divider", divider: !0 },
+          { label: a("header.rename"), action: "rename" },
+          { label: a("header.move"), action: "move" },
+          { label: a("header.moveToTrash"), action: "trash" },
+          { label: "divider", divider: !0 },
+          { label: a("header.versionHistory"), action: "version-history" },
+          { label: "divider", divider: !0 },
+          {
+            label: a("header.language"),
+            sub: c.map((E) => ({
+              label: ba(E),
+              action: `set-locale:${E}`
+            }))
+          },
+          { label: a("header.pageSetup"), action: "page-setup" },
+          { label: a("header.print"), action: "print" }
+        ]
+      },
+      Edit: {
+        label: a("header.edit"),
+        items: [
+          { label: a("header.undo"), action: "undo" },
+          { label: a("header.redo"), action: "redo" },
+          { label: "divider", divider: !0 },
+          { label: a("header.selectAll"), action: "select-all" }
+        ]
+      },
+      View: {
+        label: a("header.view"),
+        items: [
+          { label: a("header.showSidebar"), action: "toggle-left-sidebar" },
+          { label: "divider", divider: !0 },
+          { label: a("header.focusMode"), action: "toggle-focus-mode" },
+          { label: a("header.showRuler"), action: "toggle-ruler" }
+        ]
+      },
+      Insert: {
+        label: a("header.insert"),
+        items: [
+          { label: a("header.meetingNotes"), action: "meeting-notes" },
+          { label: a("header.emailDraft"), action: "email-draft" },
+          { label: "divider", divider: !0 },
+          { label: a("header.image"), action: "insert-image" },
+          { label: a("header.table"), action: "insert-table" },
+          { label: a("header.codeBlock"), action: "insert-code" },
+          { label: "divider", divider: !0 },
+          { label: a("header.header"), action: "insert-header" },
+          { label: a("header.footer"), action: "insert-footer" },
+          { label: a("header.footnote"), action: "insert-footnote" }
+        ]
+      },
+      Format: {
+        label: a("header.format"),
+        items: [
+          { label: a("header.bold"), action: "bold" },
+          { label: a("header.italic"), action: "italic" },
+          { label: a("header.underline"), action: "underline" },
+          { label: "divider", divider: !0 },
+          { label: a("header.heading1"), action: "heading1" },
+          { label: a("header.heading2"), action: "heading2" },
+          { label: a("header.heading3"), action: "heading3" }
+        ]
+      },
+      Tools: {
+        label: a("header.tools"),
+        items: [
+          { label: a("header.spellCheck"), action: "spellcheck" },
+          { label: a("header.wordCount"), action: "word-count" },
+          { label: "divider", divider: !0 },
+          { label: a("header.preferences"), action: "preferences" }
+        ]
+      },
+      Extensions: {
+        label: a("header.extensions"),
+        items: [
+          { label: a("header.manageExtensions"), action: "manage-extensions" }
+        ]
+      },
+      Help: {
+        label: a("header.help"),
+        items: [
+          { label: a("header.keyboardShortcuts"), action: "keyboard-shortcuts" },
+          { label: "divider", divider: !0 },
+          { label: a("header.reportIssue"), action: "report-issue" },
+          { label: a("header.about"), action: "about" }
+        ]
+      }
+    })), b = F(() => Object.keys(g.value)), M = w(null), P = (E) => {
+      S.value = S.value === E ? null : E, M.value = null;
+    }, B = w(!1), j = () => {
+      B.value = !B.value;
+    }, O = w(!1), G = (E) => {
+      o(E), O.value = !1;
+    }, re = w(!1), ge = () => {
+      re.value = !re.value;
+    }, fe = (E) => {
+      if (E.startsWith("export:")) {
+        const N = E.replace("export:", "");
+        I(N);
+      } else if (E === "share")
+        d("share"), S.value = null;
+      else if (E === "rename")
+        k.value = !0, S.value = null;
+      else if (E.startsWith("set-locale:")) {
+        const N = E.replace("set-locale:", "");
+        G(N);
+      } else
+        d("menu-click", E);
+      M.value = null;
+    }, be = (E) => {
+      const N = E.target;
+      N.closest(".header-menu-container") || (S.value = null, M.value = null), N.closest(".header-more-container") || (B.value = !1), N.closest(".header-user-container") || (re.value = !1);
+    };
+    return Oe(() => document.addEventListener("click", be, !0)), Ae(() => document.removeEventListener("click", be, !0)), (E, N) => (n(), r("header", go, [
+      e("div", fo, [
+        e("div", vo, [
+          e("button", {
+            type: "button",
+            class: "flex h-9 w-9 cursor-pointer items-center justify-center rounded-xl bg-gradient-to-br from-cyan-400 to-blue-600 text-base font-bold text-white shadow-[0_0_15px_rgba(34,211,238,0.3)] hover:opacity-90 transition-opacity",
+            title: t(a)("header.backToDocuments"),
+            onClick: N[0] || (N[0] = (U) => d("back"))
+          }, " DF ", 8, xo),
+          e("div", ko, [
+            e("div", yo, [
+              k.value ? de((n(), r("input", {
+                key: 0,
+                "onUpdate:modelValue": N[1] || (N[1] = (U) => u.value = U),
+                type: "text",
+                class: "min-w-[150px] border-b-2 border-cyan-500 bg-transparent px-1 py-0 text-sm font-semibold text-slate-800 focus:outline-none dark:text-slate-100 md:min-w-[240px]",
+                onBlur: L,
+                onKeydown: ot(L, ["enter"])
+              }, null, 544)), [
+                [ce, u.value]
+              ]) : (n(), r("h1", {
+                key: 1,
+                class: "max-w-[180px] cursor-text truncate rounded px-1 py-0 text-sm font-semibold text-slate-800 hover:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800/60 md:max-w-[280px]",
+                title: t(a)("header.clickToRename"),
+                onClick: N[2] || (N[2] = (U) => k.value = !0)
+              }, l(f.title), 9, wo)),
+              e("button", {
+                type: "button",
+                class: "flex h-6 w-6 items-center justify-center rounded-full text-slate-400 transition-colors hover:text-amber-500",
+                title: s.starred ? t(a)("header.unstarDocument") : t(a)("header.starDocument"),
+                onClick: N[3] || (N[3] = (U) => d("toggle-star"))
+              }, [
+                y(t(ro), {
+                  class: z(["h-4 w-4", s.starred ? "fill-amber-400 text-amber-500" : ""])
+                }, null, 8, ["class"])
+              ], 8, _o)
+            ]),
+            e("nav", $o, [
+              (n(!0), r(q, null, K(b.value, (U) => (n(), r("div", {
+                key: U,
+                class: "relative"
+              }, [
+                e("button", {
+                  type: "button",
+                  class: z(["flex items-center gap-0.5 rounded px-2 py-0.5 text-[13px] transition-colors", S.value === U ? "bg-blue-50 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300" : "text-slate-600 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-800"]),
+                  onClick: R((ie) => P(U), ["stop"])
+                }, l(g.value[U].label), 11, So),
+                y(at, {
+                  "enter-active-class": "transition-all duration-150 ease-out",
+                  "enter-from-class": "opacity-0 scale-95 translate-y-[-4px]",
+                  "enter-to-class": "opacity-100 scale-100 translate-y-0",
+                  "leave-active-class": "transition-all duration-100 ease-in",
+                  "leave-from-class": "opacity-100 scale-100 translate-y-0",
+                  "leave-to-class": "opacity-0 scale-95 translate-y-[-4px]"
+                }, {
+                  default: He(() => [
+                    S.value === U ? (n(), r("div", Co, [
+                      (n(!0), r(q, null, K(g.value[U].items, (ie, Se) => (n(), r(q, { key: Se }, [
+                        ie.divider ? (n(), r("div", Mo)) : ie.sub ? (n(), r("div", {
+                          key: 1,
+                          class: "relative",
+                          onMouseenter: (X) => M.value = `${U}-${Se}`,
+                          onMouseleave: N[4] || (N[4] = (X) => M.value = null)
+                        }, [
+                          e("button", Ao, [
+                            e("span", null, l(ie.label), 1),
+                            y(t(Le), { class: "h-3.5 w-3.5 -rotate-90 text-slate-400" })
+                          ]),
+                          y(at, {
+                            "enter-active-class": "transition-all duration-100 ease-out",
+                            "enter-from-class": "opacity-0 translate-x-2",
+                            "enter-to-class": "opacity-100 translate-x-0",
+                            "leave-active-class": "transition-all duration-75 ease-in",
+                            "leave-from-class": "opacity-100 translate-x-0",
+                            "leave-to-class": "opacity-0 translate-x-2"
+                          }, {
+                            default: He(() => [
+                              M.value === `${U}-${Se}` ? (n(), r("div", Po, [
+                                (n(!0), r(q, null, K(ie.sub, (X) => (n(), r("button", {
+                                  key: X.action,
+                                  type: "button",
+                                  class: "flex w-full items-center justify-between px-4 py-2 text-left hover:bg-slate-50 dark:hover:bg-white/5",
+                                  onClick: R((Ye) => fe(X.action), ["stop"])
+                                }, [
+                                  e("span", null, l(X.label), 1),
+                                  X.badge ? (n(), r("span", Do, l(X.badge), 1)) : H("", !0)
+                                ], 8, Io))), 128))
+                              ])) : H("", !0)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ], 40, To)) : (n(), r("button", {
+                          key: 2,
+                          type: "button",
+                          class: "flex w-full items-center px-4 py-2 text-left hover:bg-slate-50 dark:hover:bg-white/5",
+                          onClick: R((X) => fe(ie.action), ["stop"])
+                        }, l(ie.label), 9, Lo))
+                      ], 64))), 128))
+                    ])) : H("", !0)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]))), 128))
+            ])
+          ])
+        ]),
+        e("div", Ho, [
+          s.collaborators.length > 0 ? (n(), r("div", zo, [
+            e("div", Bo, [
+              (n(!0), r(q, null, K(s.collaborators, (U) => (n(), r("div", {
+                key: U.userId,
+                class: "flex h-7 w-7 flex-shrink-0 cursor-help items-center justify-center rounded-full border-2 border-white text-[10px] font-bold text-white dark:border-slate-900",
+                style: me({ backgroundColor: U.color }),
+                title: `${U.name} ${U.userId === s.currentUserId ? "(You)" : ""} ${U.isTyping ? "is typing..." : ""}`
+              }, [
+                e("span", Fo, l(D(U.name)), 1)
+              ], 12, jo))), 128))
+            ])
+          ])) : H("", !0),
+          Re(E.$slots, "actions"),
+          s.editable ? (n(), r("button", {
+            key: 1,
+            type: "button",
+            class: z(["hidden h-8 w-8 items-center justify-center rounded-md transition-all xl:flex", s.simulatorsActive ? "animate-pulse bg-emerald-600 text-white hover:bg-emerald-700" : "text-indigo-600 hover:bg-slate-100 dark:text-indigo-300 dark:hover:bg-slate-800"]),
+            title: t(a)("header.sandbox"),
+            onClick: N[5] || (N[5] = (U) => d("toggle-simulators"))
+          }, [
+            y(t(It), { class: "h-[18px] w-[18px]" })
+          ], 10, Eo)) : H("", !0),
+          e("div", Ro, [
+            y(Lt)
+          ]),
+          e("button", {
+            type: "button",
+            class: "flex h-8 items-center gap-1.5 rounded-md bg-blue-600 px-3 text-[13px] font-semibold text-white shadow transition-colors hover:bg-blue-700",
+            onClick: N[6] || (N[6] = (U) => d("share"))
+          }, [
+            y(t(oo), { class: "h-3.5 w-3.5" }),
+            e("span", No, l(t(a)("header.share")), 1)
+          ]),
+          e("div", Oo, [
+            e("button", {
+              type: "button",
+              class: "flex h-8 items-center gap-1.5 rounded-full py-0.5 pl-0.5 pr-1.5 transition-colors hover:bg-slate-100 dark:hover:bg-slate-800",
+              title: s.userName,
+              onClick: R(ge, ["stop"])
+            }, [
+              s.userAvatar && !h.value ? (n(), r("img", {
+                key: 0,
+                src: s.userAvatar,
+                alt: s.userName,
+                referrerpolicy: "no-referrer",
+                class: "h-7 w-7 flex-shrink-0 rounded-full object-cover",
+                onError: N[7] || (N[7] = (U) => h.value = !0)
+              }, null, 40, qo)) : (n(), r("span", Uo, l(_.value), 1)),
+              e("span", Ko, l(s.userName || t(a)("header.account")), 1),
+              y(t(Le), { class: "h-3.5 w-3.5 flex-shrink-0 text-slate-400" })
+            ], 8, Vo),
+            y(at, {
+              "enter-active-class": "transition-all duration-150 ease-out",
+              "enter-from-class": "opacity-0 scale-95 translate-y-[-4px]",
+              "enter-to-class": "opacity-100 scale-100 translate-y-0",
+              "leave-active-class": "transition-all duration-100 ease-in",
+              "leave-from-class": "opacity-100 scale-100 translate-y-0",
+              "leave-to-class": "opacity-0 scale-95 translate-y-[-4px]"
+            }, {
+              default: He(() => [
+                re.value ? (n(), r("div", Wo, [
+                  e("div", Go, [
+                    e("p", Jo, l(s.userName || t(a)("header.account")), 1)
+                  ]),
+                  Re(E.$slots, "user-menu", {
+                    close: () => re.value = !1
+                  })
+                ])) : H("", !0)
+              ]),
+              _: 3
+            })
+          ]),
+          e("div", Zo, [
+            e("button", {
+              type: "button",
+              class: "flex h-8 w-8 items-center justify-center rounded-full text-slate-500 transition-colors hover:bg-slate-100 dark:text-slate-400 dark:hover:bg-slate-800",
+              title: "More",
+              onClick: R(j, ["stop"])
+            }, [
+              y(t(Vt), { class: "h-[18px] w-[18px]" })
+            ]),
+            y(at, {
+              "enter-active-class": "transition-all duration-150 ease-out",
+              "enter-from-class": "opacity-0 scale-95 translate-y-[-4px]",
+              "enter-to-class": "opacity-100 scale-100 translate-y-0",
+              "leave-active-class": "transition-all duration-100 ease-in",
+              "leave-from-class": "opacity-100 scale-100 translate-y-0",
+              "leave-to-class": "opacity-0 scale-95 translate-y-[-4px]"
+            }, {
+              default: He(() => [
+                B.value ? (n(), r("div", Yo, [
+                  Re(E.$slots, "overflow-actions", {
+                    close: () => B.value = !1
+                  }),
+                  s.editable ? (n(), r("button", {
+                    key: 0,
+                    type: "button",
+                    class: "flex w-full items-center gap-2.5 px-4 py-2 text-left hover:bg-slate-50 dark:hover:bg-white/5",
+                    onClick: N[8] || (N[8] = (U) => {
+                      d("toggle-simulators"), B.value = !1;
+                    })
+                  }, [
+                    y(t(It), { class: "h-4 w-4 text-slate-400" }),
+                    e("span", null, l(t(a)("header.sandbox")), 1)
+                  ])) : H("", !0),
+                  N[9] || (N[9] = e("div", { class: "my-1 border-t border-slate-100 dark:border-slate-700/80" }, null, -1)),
+                  e("div", Qo, [
+                    e("span", null, l(t(a)("header.theme")), 1),
+                    y(Lt)
+                  ])
+                ])) : H("", !0)
+              ]),
+              _: 3
+            })
+          ])
+        ])
+      ])
+    ]));
+  }
+}), en = {
+  id: "editor-toolbar-row",
+  class: "docs-editor-toolbar w-full border-b border-slate-200 bg-white py-1.5 text-slate-600 shadow-sm dark:border-slate-800 dark:bg-[#0b1120] dark:text-slate-300"
+}, tn = { class: "flex min-h-9 w-full items-center gap-1 px-3 flex-nowrap" }, an = ["title", "aria-label", "disabled"], on = ["title", "aria-label", "disabled"], nn = ["title", "aria-label"], sn = ["title", "aria-label", "disabled"], ln = ["title", "aria-label"], rn = { class: "toolbar-dropdown relative flex-shrink-0" }, dn = ["title", "aria-label", "disabled"], cn = { class: "truncate" }, un = {
+  key: 0,
+  class: "absolute left-0 top-full z-50 mt-1 min-w-[180px] rounded-lg border border-slate-200 bg-white py-1 text-sm shadow-xl dark:border-slate-700 dark:bg-[#0e1525]"
+}, pn = ["disabled", "onClick"], hn = { class: "toolbar-dropdown relative flex-shrink-0" }, bn = ["title", "aria-label", "disabled"], mn = { class: "truncate" }, gn = {
+  key: 0,
+  class: "absolute left-0 top-full z-50 mt-1 min-w-[160px] rounded-lg border border-slate-200 bg-white py-1 text-sm shadow-xl dark:border-slate-700 dark:bg-[#0e1525]"
+}, fn = ["onClick"], vn = ["title", "aria-label", "disabled"], xn = { class: "flex h-8 w-7 flex-shrink-0 select-none items-center justify-center text-xs text-slate-700 dark:text-slate-200" }, kn = ["title", "aria-label", "disabled"], yn = ["title", "aria-label", "disabled", "onClick"], wn = {
+  key: 1,
+  class: "text-xs font-medium leading-none"
+}, _n = {
+  key: 0,
+  class: "mx-1 h-5 w-px flex-shrink-0 bg-slate-200 dark:bg-white/10"
+}, $n = {
+  key: 1,
+  class: "toolbar-dropdown relative flex-shrink-0"
+}, Sn = ["title", "aria-label", "disabled"], Cn = {
+  key: 0,
+  class: "absolute left-0 top-full z-50 mt-1 min-w-[180px] rounded-lg border border-slate-200 bg-white py-1 text-sm shadow-xl dark:border-slate-700 dark:bg-[#0e1525]"
+}, Mn = ["disabled", "onClick"], Tn = {
+  key: 2,
+  class: "toolbar-dropdown relative flex-shrink-0"
+}, An = ["title", "aria-label", "disabled"], Pn = {
+  key: 0,
+  class: "absolute left-0 top-full z-50 mt-1 min-w-[160px] rounded-lg border border-slate-200 bg-white py-1 text-sm shadow-xl dark:border-slate-700 dark:bg-[#0e1525]"
+}, In = ["disabled", "onClick"], Dn = {
+  key: 3,
+  class: "toolbar-dropdown relative flex-shrink-0"
+}, Ln = ["title", "aria-label", "disabled"], Hn = { class: "hidden md:inline" }, zn = {
+  key: 0,
+  class: "absolute left-0 top-full z-50 mt-1 min-w-[190px] rounded-lg border border-slate-200 bg-white py-1 text-sm shadow-xl dark:border-slate-700 dark:bg-[#0e1525]"
+}, Bn = ["disabled", "onClick"], jn = ["title", "aria-label"], Fn = ["title", "aria-label"], En = ["title", "aria-label"], Rn = ["title", "aria-label"], Nn = "bg-slate-200 text-slate-900 dark:bg-slate-700 dark:text-slate-100", On = "text-slate-600 dark:text-slate-300 hover:text-slate-900 dark:hover:text-slate-100 hover:bg-slate-100 dark:hover:bg-white/5", ve = "docs-editor-toolbar__control inline-flex h-8 flex-shrink-0 items-center justify-center rounded-md p-1 text-slate-600 transition-all disabled:opacity-40 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-white/5", Vn = "bg-slate-200 text-slate-900 dark:bg-slate-700 dark:text-slate-100", qn = "text-slate-500 dark:text-slate-400 hover:text-slate-900 dark:hover:text-slate-100 hover:bg-slate-100 dark:hover:bg-white/5", Ht = 11, Un = /* @__PURE__ */ le({
+  __name: "EditorToolbar",
+  props: {
+    actions: {},
+    plugins: {},
+    editor: {},
+    activeSidebar: {}
+  },
+  emits: ["toggle-sidebar", "print", "undo", "redo", "toggle-left-sidebar"],
+  setup(s, { emit: p }) {
+    const { t: o } = we(), a = s, c = p, f = {
+      Bold: Ot,
+      Italic: Ut,
+      Underline: Gt,
+      Strikethrough: io,
+      Heading1: ja,
+      Heading2: Fa,
+      Heading3: Ea,
+      Heading4: Ra,
+      Heading5: Na,
+      Heading6: Oa,
+      List: nt,
+      ListOrdered: qa,
+      CheckSquare: lo,
+      Quote: Qa,
+      Link: Kt,
+      Code: Ia,
+      Image: Va,
+      Table: uo,
+      AlignLeft: bt,
+      AlignCenter: Tt,
+      AlignRight: At,
+      AlignJustify: Pt,
+      FileText: Ne
+    };
+    function d(C) {
+      return C ? f[C] ?? null : null;
+    }
+    const k = F(() => {
+      const C = [];
+      for (const i of a.plugins ?? [])
+        !i.toolbar || i.toolbar.length === 0 || C.push({ pluginId: i.id, items: i.toolbar });
+      return C;
+    }), u = w(0);
+    function S() {
+      u.value++;
+    }
+    ae(
+      () => a.editor,
+      (C, i) => {
+        i && i.off("transaction", S), C && C.on("transaction", S);
+      },
+      { immediate: !0 }
+    ), Ae(() => {
+      a.editor && a.editor.off("transaction", S);
+    });
+    function L(C) {
+      u.value;
+      const i = a.editor;
+      if (!i) return !1;
+      switch (C.action) {
+        case "toggleBold":
+          return i.isActive("bold");
+        case "toggleItalic":
+          return i.isActive("italic");
+        case "toggleUnderline":
+          return i.isActive("underline");
+        case "toggleStrike":
+          return i.isActive("strike");
+        case "toggleHeading1":
+          return i.isActive("heading", { level: 1 });
+        case "toggleHeading2":
+          return i.isActive("heading", { level: 2 });
+        case "toggleHeading3":
+          return i.isActive("heading", { level: 3 });
+        case "toggleHeading4":
+          return i.isActive("heading", { level: 4 });
+        case "toggleHeading5":
+          return i.isActive("heading", { level: 5 });
+        case "toggleHeading6":
+          return i.isActive("heading", { level: 6 });
+        case "toggleBulletList":
+          return i.isActive("bulletList");
+        case "toggleOrderedList":
+          return i.isActive("orderedList");
+        case "toggleTaskList":
+          return i.isActive("taskList");
+        case "toggleBlockquote":
+          return i.isActive("blockquote");
+        case "toggleCodeBlock":
+          return i.isActive("codeBlock");
+        case "setLink":
+          return i.isActive("link");
+        case "alignLeft":
+          return i.isActive({ textAlign: "left" });
+        case "alignCenter":
+          return i.isActive({ textAlign: "center" });
+        case "alignRight":
+          return i.isActive({ textAlign: "right" });
+        case "alignJustify":
+          return i.isActive({ textAlign: "justify" });
+        default:
+          return !1;
+      }
+    }
+    function D(C) {
+      if (!a.editor) return;
+      const i = a.actions[C.action];
+      if (typeof i == "function") {
+        i(...C.args ?? []), a.editor.commands.focus();
+        return;
+      }
+      const $ = a.editor.commands[C.action];
+      typeof $ == "function" && ($(...C.args ?? []), a.editor.commands.focus());
+    }
+    const I = ["toggleHeading1", "toggleHeading2", "toggleHeading3", "toggleHeading4", "toggleHeading5", "toggleHeading6"], _ = ["alignLeft", "alignCenter", "alignRight", "alignJustify"], h = ["toggleBulletList", "toggleOrderedList", "toggleTaskList"], g = ["setLink", "insertImage", "insertTable", "toggleBlockquote", "toggleCodeBlock", "insertFootnote", "insertPageBreak", "setPageBreak", "togglePageBreak", "addPageBreak"], b = F(() => k.value.flatMap((C) => C.items)), M = F(() => b.value.filter((C) => _.includes(C.action))), P = F(() => b.value.filter((C) => h.includes(C.action))), B = F(() => b.value.filter((C) => g.includes(C.action))), j = F(
+      () => b.value.filter(
+        (C) => !I.includes(C.action) && !_.includes(C.action) && !h.includes(C.action) && !g.includes(C.action)
+      )
+    ), O = F(() => {
+      u.value;
+      const C = a.editor;
+      if (C) {
+        if (C.isActive({ textAlign: "center" })) return Tt;
+        if (C.isActive({ textAlign: "right" })) return At;
+        if (C.isActive({ textAlign: "justify" })) return Pt;
+      }
+      return bt;
+    }), G = w(null);
+    function re(C) {
+      G.value = G.value === C ? null : C;
+    }
+    function ge(C) {
+      D(C), G.value = null;
+    }
+    function fe(C) {
+      C.target.closest(".toolbar-dropdown") || (G.value = null);
+    }
+    Oe(() => document.addEventListener("click", fe, !0)), Ae(() => document.removeEventListener("click", fe, !0));
+    function be(C) {
+      return a.activeSidebar === C ? Vn : qn;
+    }
+    function E() {
+      a.editor && (a.editor.commands.undo(), a.editor.commands.focus()), c("undo");
+    }
+    function N() {
+      a.editor && (a.editor.commands.redo(), a.editor.commands.focus()), c("redo");
+    }
+    function U() {
+      c("print");
+    }
+    const ie = F(() => [
+      { value: "paragraph", label: o("toolbar.normalText") },
+      { value: "heading-1", label: o("header.heading1") },
+      { value: "heading-2", label: o("header.heading2") },
+      { value: "heading-3", label: o("header.heading3") },
+      { value: "heading-4", label: o("header.heading4") },
+      { value: "heading-5", label: o("header.heading5") },
+      { value: "heading-6", label: o("header.heading6") }
+    ]);
+    function Se(C) {
+      const i = a.editor;
+      if (i) {
+        if (C === "paragraph")
+          i.commands.setParagraph();
+        else {
+          const $ = parseInt(C.replace("heading-", ""), 10), ee = a.actions[`toggleHeading${$}`];
+          typeof ee == "function" ? ee() : i.commands.toggleHeading({ level: $ });
+        }
+        i.commands.focus();
+      }
+      G.value = null;
+    }
+    const X = F(() => {
+      u.value;
+      const C = a.editor;
+      if (!C) return "paragraph";
+      for (let i = 1; i <= 6; i++)
+        if (C.isActive("heading", { level: i })) return `heading-${i}`;
+      return "paragraph";
+    }), Ye = F(
+      () => {
+        var C;
+        return ((C = ie.value.find((i) => i.value === X.value)) == null ? void 0 : C.label) ?? o("toolbar.normalText");
+      }
+    ), Ve = [
+      { value: "arial", label: "Arial" },
+      { value: "inter", label: "Inter" },
+      { value: "serif", label: "Serif" },
+      { value: "mono", label: "Monospace" }
+    ], A = w("arial"), Qe = F(
+      () => {
+        var C;
+        return ((C = Ve.find((i) => i.value === A.value)) == null ? void 0 : C.label) ?? "Arial";
+      }
+    );
+    function xe(C) {
+      var i;
+      A.value = C, G.value = null, (i = a.editor) == null || i.commands.focus();
+    }
+    const Pe = [8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72], ze = F(() => {
+      var ee;
+      u.value;
+      const C = a.editor;
+      if (!C) return Ht;
+      const i = C.getAttributes("textStyle");
+      if (i != null && i.fontSize) {
+        const ue = parseInt(i.fontSize, 10);
+        if (!isNaN(ue)) return ue;
+      }
+      const $ = C.state.storedMarks;
+      if ($) {
+        for (const ue of $)
+          if (ue.type.name === "textStyle" && ue.attrs.fontSize) {
+            const ne = parseInt(ue.attrs.fontSize, 10);
+            if (!isNaN(ne)) return ne;
+          }
+      }
+      if ((ee = C.view) != null && ee.dom) {
+        const ue = parseFloat(getComputedStyle(C.view.dom).fontSize);
+        if (!isNaN(ue)) {
+          const ne = Math.round(ue);
+          return Pe.reduce(
+            (Me, Be) => Math.abs(Be - ne) < Math.abs(Me - ne) ? Be : Me
+          );
+        }
+      }
+      return Ht;
+    });
+    function qe(C) {
+      if (console.log("[FontSize] handleFontSize called, delta:", C, "editor:", !!a.editor), !a.editor) return;
+      const i = Pe.indexOf(ze.value), $ = i >= 0 ? i : Pe.findIndex((Me) => Me >= ze.value), ee = Math.min(Math.max(($ >= 0 ? $ : 0) + C, 0), Pe.length - 1), ue = Pe[ee];
+      console.log("[FontSize] currentFontSize:", ze.value, "→ nextSize:", ue);
+      const ne = a.editor.commands;
+      console.log("[FontSize] commands.setFontSize type:", typeof ne.setFontSize);
+      const Ce = ne.setFontSize(`${ue}px`);
+      console.log("[FontSize] setFontSize returned:", Ce), a.editor.commands.focus();
+    }
+    return (C, i) => (n(), r("div", en, [
+      e("div", tn, [
+        e("button", {
+          type: "button",
+          class: z([ve, "w-8"]),
+          title: t(o)("toolbar.undo"),
+          "aria-label": t(o)("toolbar.undo"),
+          disabled: !s.editor,
+          onMousedown: i[0] || (i[0] = R(() => {
+          }, ["prevent"])),
+          onClick: E
+        }, [
+          y(t(po), { class: "h-[18px] w-[18px]" })
+        ], 42, an),
+        e("button", {
+          type: "button",
+          class: z([ve, "w-8"]),
+          title: t(o)("toolbar.redo"),
+          "aria-label": t(o)("toolbar.redo"),
+          disabled: !s.editor,
+          onMousedown: i[1] || (i[1] = R(() => {
+          }, ["prevent"])),
+          onClick: N
+        }, [
+          y(t(Xa), { class: "h-[18px] w-[18px]" })
+        ], 42, on),
+        i[27] || (i[27] = e("span", { class: "mx-1 h-5 w-px flex-shrink-0 bg-slate-200 dark:bg-white/10" }, null, -1)),
+        e("button", {
+          type: "button",
+          class: z([ve, "w-8"]),
+          title: t(o)("toolbar.print"),
+          "aria-label": t(o)("toolbar.print"),
+          onMousedown: i[2] || (i[2] = R(() => {
+          }, ["prevent"])),
+          onClick: U
+        }, [
+          y(t(Ya), { class: "h-[18px] w-[18px]" })
+        ], 42, nn),
+        e("button", {
+          type: "button",
+          class: z([ve, "w-8"]),
+          title: t(o)("toolbar.spelling"),
+          "aria-label": t(o)("toolbar.spelling"),
+          disabled: !s.editor,
+          onMousedown: i[3] || (i[3] = R(() => {
+          }, ["prevent"]))
+        }, [
+          y(t(so), { class: "h-[18px] w-[18px]" })
+        ], 42, sn),
+        e("button", {
+          type: "button",
+          class: z([ve, "px-2 text-xs"]),
+          title: t(o)("toolbar.zoom"),
+          "aria-label": t(o)("toolbar.zoom"),
+          onMousedown: i[4] || (i[4] = R(() => {
+          }, ["prevent"]))
+        }, l(t(o)("toolbar.zoom")), 43, ln),
+        i[28] || (i[28] = e("span", { class: "mx-1 h-5 w-px flex-shrink-0 bg-slate-200 dark:bg-white/10" }, null, -1)),
+        e("div", rn, [
+          e("button", {
+            type: "button",
+            class: z([ve, "w-[116px] justify-between gap-1 px-2 text-xs font-medium"]),
+            title: t(o)("toolbar.paragraphStyle"),
+            "aria-label": t(o)("toolbar.paragraphStyle"),
+            disabled: !s.editor,
+            onMousedown: i[5] || (i[5] = R(() => {
+            }, ["prevent"])),
+            onClick: i[6] || (i[6] = R(($) => re("heading"), ["stop"]))
+          }, [
+            e("span", cn, l(Ye.value), 1),
+            y(t(Le), { class: "h-3.5 w-3.5 flex-shrink-0 text-slate-400" })
+          ], 42, dn),
+          G.value === "heading" ? (n(), r("div", un, [
+            (n(!0), r(q, null, K(ie.value, ($) => (n(), r("button", {
+              key: $.value,
+              type: "button",
+              class: z(["flex w-full items-center px-3 py-1.5 text-left hover:bg-slate-50 dark:hover:bg-white/5", X.value === $.value ? "text-blue-600 dark:text-blue-300" : "text-slate-700 dark:text-slate-200"]),
+              disabled: !s.editor,
+              onMousedown: i[7] || (i[7] = R(() => {
+              }, ["prevent"])),
+              onClick: (ee) => Se($.value)
+            }, l($.label), 43, pn))), 128))
+          ])) : H("", !0)
+        ]),
+        e("div", hn, [
+          e("button", {
+            type: "button",
+            class: z([ve, "w-[100px] justify-between gap-1 px-2 text-xs font-medium"]),
+            title: t(o)("toolbar.fontFamily"),
+            "aria-label": t(o)("toolbar.fontFamily"),
+            disabled: !s.editor,
+            onMousedown: i[8] || (i[8] = R(() => {
+            }, ["prevent"])),
+            onClick: i[9] || (i[9] = R(($) => re("font"), ["stop"]))
+          }, [
+            e("span", mn, l(Qe.value), 1),
+            y(t(Le), { class: "h-3.5 w-3.5 flex-shrink-0 text-slate-400" })
+          ], 42, bn),
+          G.value === "font" ? (n(), r("div", gn, [
+            (n(), r(q, null, K(Ve, ($) => e("button", {
+              key: $.value,
+              type: "button",
+              class: z(["flex w-full items-center px-3 py-1.5 text-left hover:bg-slate-50 dark:hover:bg-white/5", A.value === $.value ? "text-blue-600 dark:text-blue-300" : "text-slate-700 dark:text-slate-200"]),
+              onMousedown: i[10] || (i[10] = R(() => {
+              }, ["prevent"])),
+              onClick: (ee) => xe($.value)
+            }, l($.label), 43, fn)), 64))
+          ])) : H("", !0)
+        ]),
+        e("button", {
+          type: "button",
+          class: z([ve, "w-7 text-sm"]),
+          title: t(o)("toolbar.decreaseFontSize"),
+          "aria-label": t(o)("toolbar.decreaseFontSize"),
+          disabled: !s.editor,
+          onMousedown: i[11] || (i[11] = R(($) => qe(-1), ["prevent"]))
+        }, [
+          y(t(Ga), { class: "h-3.5 w-3.5" })
+        ], 42, vn),
+        e("span", xn, l(ze.value), 1),
+        e("button", {
+          type: "button",
+          class: z([ve, "w-7 text-sm"]),
+          title: t(o)("toolbar.increaseFontSize"),
+          "aria-label": t(o)("toolbar.increaseFontSize"),
+          disabled: !s.editor,
+          onMousedown: i[12] || (i[12] = R(($) => qe(1), ["prevent"]))
+        }, [
+          y(t(st), { class: "h-3.5 w-3.5" })
+        ], 42, kn),
+        i[29] || (i[29] = e("span", { class: "mx-1 h-5 w-px flex-shrink-0 bg-slate-200 dark:bg-white/10" }, null, -1)),
+        (n(!0), r(q, null, K(j.value, ($) => (n(), r("button", {
+          key: $.id,
+          type: "button",
+          title: $.label ?? $.id,
+          "aria-label": $.label ?? $.id,
+          class: z([
+            "docs-editor-toolbar__button inline-flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md p-1 transition-all disabled:opacity-40",
+            L($) ? Nn : On
+          ]),
+          disabled: !s.editor,
+          onMousedown: i[13] || (i[13] = R(() => {
+          }, ["prevent"])),
+          onClick: (ee) => D($)
+        }, [
+          d($.iconComponent) ? (n(), he($e(d($.iconComponent)), {
+            key: 0,
+            class: "h-[18px] w-[18px]"
+          })) : $.label ? (n(), r("span", wn, l($.label.charAt(0)), 1)) : H("", !0)
+        ], 42, yn))), 128)),
+        P.value.length || M.value.length || B.value.length ? (n(), r("span", _n)) : H("", !0),
+        P.value.length ? (n(), r("div", $n, [
+          e("button", {
+            type: "button",
+            class: z([ve, "gap-0.5 px-1.5"]),
+            title: t(o)("toolbar.lists"),
+            "aria-label": t(o)("toolbar.lists"),
+            disabled: !s.editor,
+            onMousedown: i[14] || (i[14] = R(() => {
+            }, ["prevent"])),
+            onClick: i[15] || (i[15] = R(($) => re("lists"), ["stop"]))
+          }, [
+            y(t(nt), { class: "h-[18px] w-[18px]" }),
+            y(t(Le), { class: "h-3 w-3 text-slate-400" })
+          ], 42, Sn),
+          G.value === "lists" ? (n(), r("div", Cn, [
+            (n(!0), r(q, null, K(P.value, ($) => (n(), r("button", {
+              key: $.id,
+              type: "button",
+              class: z(["flex w-full items-center gap-2.5 px-3 py-1.5 text-left hover:bg-slate-50 dark:hover:bg-white/5", L($) ? "text-blue-600 dark:text-blue-300" : "text-slate-700 dark:text-slate-200"]),
+              disabled: !s.editor,
+              onMousedown: i[16] || (i[16] = R(() => {
+              }, ["prevent"])),
+              onClick: (ee) => ge($)
+            }, [
+              d($.iconComponent) ? (n(), he($e(d($.iconComponent)), {
+                key: 0,
+                class: "h-4 w-4"
+              })) : H("", !0),
+              e("span", null, l($.label ?? $.id), 1)
+            ], 42, Mn))), 128))
+          ])) : H("", !0)
+        ])) : H("", !0),
+        M.value.length ? (n(), r("div", Tn, [
+          e("button", {
+            type: "button",
+            class: z([ve, "gap-0.5 px-1.5"]),
+            title: t(o)("toolbar.alignment"),
+            "aria-label": t(o)("toolbar.alignment"),
+            disabled: !s.editor,
+            onMousedown: i[17] || (i[17] = R(() => {
+            }, ["prevent"])),
+            onClick: i[18] || (i[18] = R(($) => re("align"), ["stop"]))
+          }, [
+            (n(), he($e(O.value), { class: "h-[18px] w-[18px]" })),
+            y(t(Le), { class: "h-3 w-3 text-slate-400" })
+          ], 42, An),
+          G.value === "align" ? (n(), r("div", Pn, [
+            (n(!0), r(q, null, K(M.value, ($) => (n(), r("button", {
+              key: $.id,
+              type: "button",
+              class: z(["flex w-full items-center gap-2.5 px-3 py-1.5 text-left hover:bg-slate-50 dark:hover:bg-white/5", L($) ? "text-blue-600 dark:text-blue-300" : "text-slate-700 dark:text-slate-200"]),
+              disabled: !s.editor,
+              onMousedown: i[19] || (i[19] = R(() => {
+              }, ["prevent"])),
+              onClick: (ee) => ge($)
+            }, [
+              d($.iconComponent) ? (n(), he($e(d($.iconComponent)), {
+                key: 0,
+                class: "h-4 w-4"
+              })) : H("", !0),
+              e("span", null, l($.label ?? $.id), 1)
+            ], 42, In))), 128))
+          ])) : H("", !0)
+        ])) : H("", !0),
+        B.value.length ? (n(), r("div", Dn, [
+          e("button", {
+            type: "button",
+            class: z([ve, "gap-1 px-2 text-xs font-medium"]),
+            title: t(o)("toolbar.insert"),
+            "aria-label": t(o)("toolbar.insert"),
+            disabled: !s.editor,
+            onMousedown: i[20] || (i[20] = R(() => {
+            }, ["prevent"])),
+            onClick: i[21] || (i[21] = R(($) => re("insert"), ["stop"]))
+          }, [
+            y(t(st), { class: "h-4 w-4" }),
+            e("span", Hn, l(t(o)("toolbar.insert")), 1),
+            y(t(Le), { class: "h-3 w-3 text-slate-400" })
+          ], 42, Ln),
+          G.value === "insert" ? (n(), r("div", zn, [
+            (n(!0), r(q, null, K(B.value, ($) => (n(), r("button", {
+              key: $.id,
+              type: "button",
+              class: z(["flex w-full items-center gap-2.5 px-3 py-1.5 text-left hover:bg-slate-50 dark:hover:bg-white/5", L($) ? "text-blue-600 dark:text-blue-300" : "text-slate-700 dark:text-slate-200"]),
+              disabled: !s.editor,
+              onMousedown: i[22] || (i[22] = R(() => {
+              }, ["prevent"])),
+              onClick: (ee) => ge($)
+            }, [
+              d($.iconComponent) ? (n(), he($e(d($.iconComponent)), {
+                key: 0,
+                class: "h-4 w-4"
+              })) : H("", !0),
+              e("span", null, l($.label ?? $.id), 1)
+            ], 42, Bn))), 128))
+          ])) : H("", !0)
+        ])) : H("", !0),
+        i[30] || (i[30] = e("span", { class: "mx-1 h-5 w-px flex-shrink-0 bg-slate-200 dark:bg-white/10" }, null, -1)),
+        e("button", {
+          type: "button",
+          class: z(["docs-editor-toolbar__control flex h-8 w-8 items-center justify-center rounded-md transition-all relative", be("comments")]),
+          title: t(o)("toolbar.comments"),
+          "aria-label": t(o)("toolbar.comments"),
+          onClick: i[23] || (i[23] = ($) => c("toggle-sidebar", "comments"))
+        }, [
+          y(t(Wt), { class: "h-[18px] w-[18px]" })
+        ], 10, jn),
+        e("button", {
+          type: "button",
+          class: z(["docs-editor-toolbar__control flex h-8 w-8 items-center justify-center rounded-md transition-all", be("history")]),
+          title: t(o)("toolbar.history"),
+          "aria-label": t(o)("toolbar.history"),
+          onClick: i[24] || (i[24] = ($) => c("toggle-sidebar", "history"))
+        }, [
+          y(t(qt), { class: "h-[18px] w-[18px]" })
+        ], 10, Fn),
+        e("button", {
+          type: "button",
+          class: z(["docs-editor-toolbar__control flex h-8 w-8 items-center justify-center rounded-md transition-all", be("ai")]),
+          title: t(o)("toolbar.ai"),
+          "aria-label": t(o)("toolbar.ai"),
+          onClick: i[25] || (i[25] = ($) => c("toggle-sidebar", "ai"))
+        }, [
+          y(t(ht), { class: "h-[18px] w-[18px]" })
+        ], 10, En),
+        e("button", {
+          type: "button",
+          class: z(["docs-editor-toolbar__control flex h-8 w-8 items-center justify-center rounded-md transition-all", be("toc")]),
+          title: t(o)("toolbar.tableOfContents"),
+          "aria-label": t(o)("toolbar.tableOfContents"),
+          onClick: i[26] || (i[26] = ($) => c("toggle-sidebar", "toc"))
+        }, [
+          y(t(Ne), { class: "h-[18px] w-[18px]" })
+        ], 10, Rn)
+      ])
+    ]));
+  }
+}), Kn = ["onClick"], Wn = "bg-cyan-500/15 text-cyan-600 dark:text-cyan-400 font-bold", Gn = "text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-white/5 hover:text-slate-900 dark:hover:text-white", Jn = /* @__PURE__ */ le({
+  __name: "BubbleMenu",
+  props: {
+    visible: { type: Boolean },
+    actions: {},
+    position: {},
+    editor: {}
+  },
+  setup(s) {
+    const p = s, o = w(0);
+    function a() {
+      o.value++;
+    }
+    ae(
+      () => p.editor,
+      (k, u) => {
+        u && u.off("transaction", a), k && k.on("transaction", a);
+      },
+      { immediate: !0 }
+    ), Ae(() => {
+      p.editor && p.editor.off("transaction", a);
+    });
+    const c = F(() => {
+      var k, u, S, L;
+      return o.value, [
+        { id: "bold", label: "Bold", action: "toggleBold", icon: Ot, active: (k = p.editor) == null ? void 0 : k.isActive("bold") },
+        { id: "italic", label: "Italic", action: "toggleItalic", icon: Ut, active: (u = p.editor) == null ? void 0 : u.isActive("italic") },
+        { id: "underline", label: "Underline", action: "toggleUnderline", icon: Gt, active: (S = p.editor) == null ? void 0 : S.isActive("underline") },
+        { id: "link", label: "Link", action: "setLink", icon: Kt, active: (L = p.editor) == null ? void 0 : L.isActive("link") }
+      ];
+    }), f = F(() => p.position ? {
+      top: `${p.position.top}px`,
+      left: `${p.position.left}px`
+    } : {});
+    function d(k) {
+      var S, L, D, I, _;
+      if (k === "setLink") {
+        if ((S = p.editor) != null && S.isActive("link")) {
+          p.editor.chain().focus().unsetLink().run();
+          return;
+        }
+        const h = typeof window < "u" ? window.prompt("Enter link URL:", "https://") : null;
+        if (h) {
+          const g = p.actions[k];
+          typeof g == "function" ? g({ href: h, target: "_blank" }) : (I = (D = (L = p.editor) == null ? void 0 : L.chain().focus()).setLink) == null || I.call(D, { href: h, target: "_blank" }).run();
+        }
+        return;
+      }
+      const u = p.actions[k];
+      if (typeof u == "function")
+        u();
+      else if (p.editor) {
+        const h = p.editor.chain().focus();
+        (_ = h[k]) == null || _.call(h).run();
+      }
+    }
+    return (k, u) => s.visible ? (n(), r("div", {
+      key: 0,
+      "data-testid": "bubble-menu",
+      class: "docs-editor-bubble-menu fixed z-50 flex gap-1 rounded-xl border border-slate-200 bg-white p-1.5 shadow-2xl dark:border-white/10 dark:bg-[#0c1329]",
+      style: me(f.value),
+      onMousedown: u[0] || (u[0] = R(() => {
+      }, ["prevent"]))
+    }, [
+      (n(!0), r(q, null, K(c.value, (S) => (n(), r("button", {
+        key: S.id,
+        type: "button",
+        class: z([
+          "docs-editor-bubble-menu__button flex items-center gap-1 rounded-lg px-2.5 py-1.5 text-xs font-semibold transition-all",
+          S.active ? Wn : Gn
+        ]),
+        onClick: (L) => d(S.action)
+      }, [
+        (n(), he($e(S.icon), { class: "h-3.5 w-3.5" })),
+        e("span", null, l(S.label), 1)
+      ], 10, Kn))), 128))
+    ], 36)) : H("", !0);
+  }
+}), Jt = (s, p) => {
+  const o = s.__vccOpts || s;
+  for (const [a, c] of p)
+    o[a] = c;
+  return o;
+}, Zn = /* @__PURE__ */ Jt(Jn, [["__scopeId", "data-v-d9f45844"]]), Yn = {
+  id: "editor-footer-row",
+  class: "flex h-9 flex-shrink-0 items-center justify-between border-t border-slate-200 bg-white px-4 font-sans text-[11px] text-slate-400 dark:border-slate-800 dark:bg-[#0b1120]"
+}, Qn = { class: "flex items-center gap-2" }, Xn = { class: "flex items-center gap-1 font-bold" }, es = {
+  key: 0,
+  class: "relative mr-1 flex h-2 w-2"
+}, ts = {
+  key: 1,
+  class: "relative mr-1 flex h-2 w-2"
+}, as = {
+  key: 2,
+  class: "font-mono text-[10px] uppercase tracking-wide text-emerald-600 dark:text-cyan-400"
+}, os = {
+  key: 3,
+  class: "font-mono text-[10px] uppercase tracking-wide text-amber-600 dark:text-amber-500"
+}, ns = { class: "flex items-center gap-1.5 font-sans text-[11px] font-medium text-slate-500 dark:text-slate-400" }, ss = {
+  key: 0,
+  class: "animate-pulse font-semibold text-cyan-600 dark:text-cyan-400"
+}, ls = {
+  key: 1,
+  class: "font-semibold text-amber-600 dark:text-amber-500"
+}, rs = {
+  key: 2,
+  class: "flex items-center gap-1"
+}, is = { class: "rounded bg-slate-100 px-1.5 py-0.5 font-mono text-[10px] text-slate-700 dark:bg-white/5 dark:text-slate-300" }, ds = { class: "flex items-center gap-3 font-semibold text-slate-400 dark:text-slate-500" }, cs = ["value", "title", "aria-label"], us = ["value"], ps = { class: "font-mono text-slate-600 dark:text-slate-300" }, hs = { class: "font-mono text-slate-600 dark:text-slate-300" }, bs = { class: "font-mono text-slate-600 dark:text-slate-300" }, ms = { class: "font-mono text-slate-600 dark:text-slate-300" }, gs = /* @__PURE__ */ le({
+  __name: "StatusBar",
+  props: {
+    connectionState: { default: "connected" },
+    savingStatus: { default: "saved" },
+    lastSaved: { default: void 0 },
+    wordCount: { default: 0 },
+    charCount: { default: 0 },
+    pageCount: { default: 1 },
+    currentPage: { default: 1 },
+    pageSize: { default: "a4" },
+    pageSizes: { default: () => [] }
+  },
+  emits: ["update:pageSize"],
+  setup(s, { emit: p }) {
+    const { t: o } = we(), a = s, c = p, f = F(() => a.lastSaved ? new Date(a.lastSaved).toLocaleTimeString([], {
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }) : o("statusBar.never")), d = F(() => {
+      var k, u;
+      return ((u = (k = a.pageSizes) == null ? void 0 : k.find((S) => S.id === a.pageSize)) == null ? void 0 : u.name) ?? a.pageSize.toUpperCase();
+    });
+    return (k, u) => (n(), r("footer", Yn, [
+      e("div", Qn, [
+        e("span", Xn, [
+          s.connectionState === "connected" ? (n(), r("span", es, [...u[1] || (u[1] = [
+            e("span", { class: "absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-75" }, null, -1),
+            e("span", { class: "relative inline-flex h-2 w-2 rounded-full bg-emerald-500" }, null, -1)
+          ])])) : (n(), r("span", ts, [...u[2] || (u[2] = [
+            e("span", { class: "h-2 w-2 animate-spin rounded-full border border-amber-500 border-t-transparent" }, null, -1)
+          ])])),
+          s.connectionState === "connected" ? (n(), r("span", as, l(t(o)("statusBar.liveSyncActive")), 1)) : (n(), r("span", os, l(t(o)("statusBar.connecting")), 1))
+        ]),
+        u[3] || (u[3] = e("span", { class: "text-slate-200 dark:text-white/10" }, "|", -1)),
+        e("span", ns, [
+          y(t(eo), {
+            class: z(["h-3 w-3", s.savingStatus === "saving" ? "animate-spin text-cyan-500" : "text-emerald-500"])
+          }, null, 8, ["class"]),
+          s.savingStatus === "saving" ? (n(), r("span", ss, l(t(o)("statusBar.saving")), 1)) : s.savingStatus === "offline" ? (n(), r("span", ls, l(t(o)("statusBar.offline")), 1)) : (n(), r("span", rs, [
+            e("span", null, l(t(o)("statusBar.lastSavedAt")), 1),
+            e("strong", is, l(f.value), 1)
+          ]))
+        ])
+      ]),
+      e("div", ds, [
+        e("select", {
+          value: s.pageSize,
+          title: d.value,
+          class: "h-6 cursor-pointer rounded border border-slate-200 bg-white px-1.5 py-0.5 text-[11px] font-medium text-slate-600 outline-none hover:border-slate-300 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-300",
+          "aria-label": t(o)("statusBar.pageSize"),
+          onChange: u[0] || (u[0] = (S) => c("update:pageSize", S.target.value))
+        }, [
+          (n(!0), r(q, null, K(s.pageSizes, (S) => (n(), r("option", {
+            key: S.id,
+            value: S.id
+          }, l(S.name), 9, us))), 128))
+        ], 40, cs),
+        u[4] || (u[4] = e("span", { class: "text-slate-200 dark:text-white/10" }, "•", -1)),
+        e("span", null, [
+          oe(l(t(o)("statusBar.page")) + " ", 1),
+          e("strong", ps, l(s.currentPage), 1),
+          oe(" " + l(t(o)("statusBar.of")) + " ", 1),
+          e("strong", hs, l(s.pageCount), 1)
+        ]),
+        u[5] || (u[5] = e("span", { class: "text-slate-200 dark:text-white/10" }, "•", -1)),
+        e("span", null, [
+          e("strong", bs, l(s.wordCount), 1),
+          oe(" " + l(t(o)("statusBar.words")), 1)
+        ]),
+        u[6] || (u[6] = e("span", { class: "text-slate-200 dark:text-white/10" }, "•", -1)),
+        e("span", null, [
+          e("strong", ms, l(s.charCount), 1),
+          oe(" " + l(t(o)("statusBar.characters")), 1)
+        ])
+      ])
+    ]));
+  }
+}), fs = { class: "docs-editor-ruler relative h-6 w-full flex-shrink-0 overflow-hidden border-b border-slate-200 bg-slate-50 dark:border-slate-800 dark:bg-[#0a0f1e]" }, vs = { class: "absolute inset-x-0 top-2.5 h-full" }, xs = {
+  key: 0,
+  class: "absolute -top-2 left-0.5 text-[9px] text-slate-400"
+}, ks = /* @__PURE__ */ le({
+  __name: "RulerBar",
+  props: {
+    layoutOptions: {}
+  },
+  setup(s) {
+    const p = s, o = F(() => {
+      var d, k;
+      return {
+        pageWidth: ((d = p.layoutOptions) == null ? void 0 : d.pageWidth) ?? 794,
+        margins: ((k = p.layoutOptions) == null ? void 0 : k.margins) ?? { top: 96, bottom: 96, left: 96, right: 96 }
+      };
+    }), a = F(() => {
+      const d = Math.floor(o.value.pageWidth / 48);
+      return Array.from({ length: d + 1 }, (k, u) => u * 48);
+    }), c = F(() => `${o.value.margins.left}px`), f = F(() => `${o.value.pageWidth - o.value.margins.right}px`);
+    return (d, k) => (n(), r("div", fs, [
+      e("div", {
+        class: "absolute inset-y-0 mx-auto h-full",
+        style: me({ width: `${o.value.pageWidth}px`, left: "50%", transform: "translateX(-50%)" })
+      }, [
+        e("div", {
+          class: "absolute top-0 z-10 h-0 w-0 border-l-[4px] border-r-[4px] border-t-[6px] border-l-transparent border-r-transparent border-t-blue-400",
+          style: me({ left: c.value, transform: "translateX(-4px)" })
+        }, null, 4),
+        e("div", {
+          class: "absolute top-0 z-10 h-0 w-0 border-l-[4px] border-r-[4px] border-t-[6px] border-l-transparent border-r-transparent border-t-blue-400",
+          style: me({ left: f.value, transform: "translateX(-4px)" })
+        }, null, 4),
+        e("div", vs, [
+          (n(!0), r(q, null, K(a.value, (u) => (n(), r("div", {
+            key: u,
+            class: z(["absolute top-0 border-l border-slate-300 dark:border-slate-600", u % 96 === 0 ? "h-3" : "h-1.5"]),
+            style: me({ left: `${u}px` })
+          }, [
+            u % 96 === 0 && u > 0 ? (n(), r("span", xs, l(u / 96), 1)) : H("", !0)
+          ], 6))), 128))
+        ])
+      ], 4)
+    ]));
+  }
+}), ys = { class: "relative h-full w-full" }, ws = {
+  key: 0,
+  class: "absolute -top-2 right-3 text-[9px] text-slate-400"
+}, _s = /* @__PURE__ */ le({
+  __name: "VerticalRuler",
+  props: {
+    layoutOptions: {}
+  },
+  setup(s) {
+    const p = s, o = F(() => {
+      var c, f;
+      return {
+        pageHeight: ((c = p.layoutOptions) == null ? void 0 : c.pageHeight) ?? 1123,
+        margins: ((f = p.layoutOptions) == null ? void 0 : f.margins) ?? { top: 96, bottom: 96, left: 96, right: 96 }
+      };
+    }), a = F(() => {
+      const c = Math.floor(o.value.pageHeight / 48);
+      return Array.from({ length: c + 1 }, (f, d) => d * 48);
+    });
+    return (c, f) => (n(), r("div", {
+      class: "docs-editor-vertical-ruler sticky top-0 hidden w-6 flex-shrink-0 border-r border-slate-200 bg-slate-50 dark:border-slate-800 dark:bg-[#0a0f1e] lg:block",
+      style: me({ minHeight: `${o.value.pageHeight}px` })
+    }, [
+      e("div", ys, [
+        (n(!0), r(q, null, K(a.value, (d) => (n(), r("div", {
+          key: d,
+          class: z(["absolute right-0 border-t border-slate-300 dark:border-slate-600", d % 96 === 0 ? "w-3" : "w-1.5"]),
+          style: me({ top: `${d}px` })
+        }, [
+          d % 96 === 0 && d > 0 ? (n(), r("span", ws, l(d / 96), 1)) : H("", !0)
+        ], 6))), 128))
+      ])
+    ], 4));
+  }
+}), $s = {
+  key: 0,
+  class: "docs-editor-quick-actions z-20 flex flex-wrap items-center justify-center gap-2 py-4"
+}, Ss = ["onClick"], Cs = /* @__PURE__ */ le({
+  __name: "QuickActionChips",
+  props: {
+    visible: { type: Boolean }
+  },
+  emits: ["meeting-notes", "email-draft", "more"],
+  setup(s, { emit: p }) {
+    const { t: o } = we(), a = p, c = [
+      { key: "meeting-notes", label: o("quickActions.meetingNotes"), icon: Ne },
+      { key: "email-draft", label: o("quickActions.emailDraft"), icon: Ua },
+      { key: "more", label: o("quickActions.more"), icon: La }
+    ];
+    return (f, d) => s.visible ? (n(), r("div", $s, [
+      (n(), r(q, null, K(c, (k) => e("button", {
+        key: k.key,
+        type: "button",
+        class: "flex items-center gap-1.5 rounded-full border border-slate-200 bg-white px-3 py-1.5 text-xs font-medium text-slate-600 shadow-sm transition-colors hover:bg-slate-50 hover:text-slate-900 dark:border-slate-700 dark:bg-[#0a0f1e] dark:text-slate-300 dark:hover:bg-slate-800",
+        onClick: (u) => a(k.key)
+      }, [
+        (n(), he($e(k.icon), { class: "h-3.5 w-3.5" })),
+        e("span", null, l(k.label), 1)
+      ], 8, Ss)), 64))
+    ])) : H("", !0);
+  }
+}), Ms = { class: "toc-sidebar flex h-full w-80 flex-shrink-0 flex-col border-r border-slate-200 bg-white/80 text-slate-800 backdrop-blur-xl transition-all animate-fadeIn dark:border-white/5 dark:bg-[#0a0f1e]/85 dark:text-slate-100" }, Ts = { class: "flex items-center justify-between border-b border-slate-200 p-4 dark:border-white/5" }, As = { class: "flex items-center gap-1.5 font-mono text-xs font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400" }, Ps = { class: "mt-1 text-[10px] leading-relaxed text-slate-400 dark:text-slate-500" }, Is = ["title"], Ds = {
+  key: 0,
+  class: "px-4 pb-2 pt-3"
+}, Ls = { class: "relative flex items-center" }, Hs = ["placeholder"], zs = { class: "custom-scrollbar flex-1 overflow-y-auto p-4" }, Bs = {
+  key: 0,
+  class: "flex flex-col items-center justify-center py-12 text-center"
+}, js = { class: "mb-3 rounded-full bg-cyan-500/10 p-3 text-cyan-500 dark:bg-cyan-400/5" }, Fs = { class: "text-xs font-bold text-slate-700 dark:text-slate-300" }, Es = { class: "mt-1.5 max-w-[200px] text-[10px] leading-relaxed text-slate-400 dark:text-slate-500" }, Rs = { class: "mt-5 w-full space-y-2 px-4 font-sans" }, Ns = { class: "mb-1.5 block text-left text-[9px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500" }, Os = ["onClick"], Vs = { class: "flex items-center gap-1.5" }, qs = {
+  key: 1,
+  class: "flex flex-col items-center justify-center py-12 text-center text-slate-400"
+}, Us = { class: "text-xs font-semibold" }, Ks = { class: "mt-1 text-[10px] text-slate-400" }, Ws = {
+  key: 2,
+  class: "space-y-1 font-sans"
+}, Gs = { class: "mb-2.5 block text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-500" }, Js = { class: "relative ml-1.5 space-y-1.5 border-l border-slate-100 pl-1.5 dark:border-white/5" }, Zs = ["onClick"], Ys = { class: "flex min-w-0 flex-1 items-center gap-2" }, Qs = { class: "border-t border-slate-200 bg-slate-50/50 p-3.5 text-[10px] leading-relaxed text-slate-400 dark:border-white/5 dark:bg-slate-900/30 dark:text-slate-500" }, Xs = { class: "flex items-start gap-1.5" }, el = /* @__PURE__ */ le({
+  __name: "TOCSidebar",
+  props: {
+    editor: {}
+  },
+  emits: ["close"],
+  setup(s, { emit: p }) {
+    const o = s, a = p, { t: c } = we(), f = w([]), d = w(""), k = w(null);
+    function u() {
+      if (!o.editor) return;
+      const h = [];
+      o.editor.state.doc.descendants((g, b) => {
+        if (g.type.name === "heading") {
+          const M = g.attrs.level;
+          if (M === 1 || M === 2 || M === 3) {
+            const P = g.textContent.trim();
+            h.push({
+              id: `heading-${b}`,
+              text: P || c("sidebars.toc.untitledHeading").replace("{level}", String(M)),
+              level: M,
+              pos: b
+            });
+          }
+        }
+        return !0;
+      }), f.value = h;
+    }
+    Oe(() => {
+      var h;
+      u(), (h = o.editor) == null || h.on("update", u);
+    }), Ae(() => {
+      var h;
+      (h = o.editor) == null || h.off("update", u);
+    }), ae(
+      () => o.editor,
+      (h, g) => {
+        g == null || g.off("update", u), u(), h == null || h.on("update", u);
+      }
+    );
+    const S = F(
+      () => f.value.filter(
+        (h) => h.text.toLowerCase().includes(d.value.toLowerCase())
+      )
+    );
+    function L(h) {
+      o.editor && (o.editor.chain().focus().setTextSelection(h.pos).run(), k.value = h.id, setTimeout(() => {
+        var M;
+        const g = document.querySelector(".docs-editor-scroll");
+        if (!g) return;
+        const b = g.querySelectorAll(
+          ".ProseMirror h1, .ProseMirror h2, .ProseMirror h3"
+        );
+        for (const P of Array.from(b))
+          if (((M = P.textContent) == null ? void 0 : M.trim()) === h.text) {
+            P.scrollIntoView({ behavior: "smooth", block: "center" });
+            return;
+          }
+      }, 50));
+    }
+    function D(h) {
+      if (!o.editor) return;
+      const g = c(h === 1 ? "header.heading1" : h === 2 ? "header.heading2" : "header.heading3"), b = c("sidebars.toc.newSection"), M = c("sidebars.toc.startWriting");
+      o.editor.chain().focus().insertContent(`<h${h}>${b.replace("{tag}", g)}</h${h}><p>${M}</p>`).run();
+    }
+    function I(h, g) {
+      const b = "group w-full flex items-center justify-between rounded-lg p-1.5 text-left transition-all relative", M = "bg-cyan-500/10 text-cyan-600 dark:text-cyan-400", P = "text-slate-600 hover:bg-slate-50 dark:text-slate-300 dark:hover:bg-white/5";
+      return h === 1 ? [b, g ? M : P, "pl-0 font-bold text-xs text-slate-800 dark:text-slate-200"] : h === 2 ? [b, g ? M : P, "pl-3.5 font-semibold text-[11px] text-slate-600 dark:text-slate-300"] : [b, g ? M : P, "pl-6 text-[10px] text-slate-400 dark:text-slate-400"];
+    }
+    function _(h) {
+      return h === 1 ? "bg-cyan-500" : h === 2 ? "bg-emerald-500" : "bg-amber-500";
+    }
+    return (h, g) => (n(), r("div", Ms, [
+      e("div", Ts, [
+        e("div", null, [
+          e("h3", As, [
+            y(t(nt), { class: "h-4 w-4 text-cyan-500" }),
+            oe(" " + l(t(c)("sidebars.toc.title")), 1)
+          ]),
+          e("p", Ps, l(t(c)("sidebars.toc.empty")), 1)
+        ]),
+        e("button", {
+          type: "button",
+          class: "rounded-lg p-1 text-slate-400 transition-colors hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-white/5 dark:hover:text-white",
+          title: t(c)("sidebars.toc.closeOutline"),
+          onClick: g[0] || (g[0] = (b) => a("close"))
+        }, [
+          y(t(Dt), { class: "h-4 w-4" })
+        ], 8, Is)
+      ]),
+      f.value.length > 0 ? (n(), r("div", Ds, [
+        e("div", Ls, [
+          y(t(Mt), { class: "absolute left-3 h-3.5 w-3.5 text-slate-400 dark:text-slate-500" }),
+          de(e("input", {
+            "onUpdate:modelValue": g[1] || (g[1] = (b) => d.value = b),
+            type: "text",
+            placeholder: t(c)("sidebars.toc.searchHeadings"),
+            class: "w-full rounded-xl border border-slate-200/80 bg-slate-50 py-2 pl-9 pr-8 text-xs text-slate-700 transition-all focus:outline-none focus:ring-1 focus:ring-cyan-500/50 dark:border-white/10 dark:bg-slate-900/40 dark:text-slate-200 dark:focus:ring-cyan-400/30"
+          }, null, 8, Hs), [
+            [ce, d.value]
+          ]),
+          d.value ? (n(), r("button", {
+            key: 0,
+            type: "button",
+            class: "absolute right-2.5 rounded-md p-0.5 text-slate-400 hover:bg-slate-200 hover:text-slate-600 dark:hover:bg-white/10 dark:hover:text-white",
+            onClick: g[2] || (g[2] = (b) => d.value = "")
+          }, [
+            y(t(Dt), { class: "h-3 w-3" })
+          ])) : H("", !0)
+        ])
+      ])) : H("", !0),
+      e("div", zs, [
+        f.value.length === 0 ? (n(), r("div", Bs, [
+          e("div", js, [
+            y(t(nt), { class: "h-6 w-6" })
+          ]),
+          e("h4", Fs, l(t(c)("sidebars.toc.noHeadings")), 1),
+          e("p", Es, l(t(c)("sidebars.toc.noHeadingsDescription")), 1),
+          e("div", Rs, [
+            e("span", Ns, l(t(c)("sidebars.toc.quickInsert")), 1),
+            (n(), r(q, null, K([1, 2, 3], (b) => e("button", {
+              key: b,
+              type: "button",
+              class: "flex w-full items-center justify-between rounded-lg border border-slate-200/80 bg-slate-50 px-3 py-2 text-[11px] font-semibold text-slate-700 transition-all hover:bg-slate-100 dark:border-white/10 dark:bg-white/[0.02] dark:text-slate-300 dark:hover:bg-white/5",
+              onClick: (M) => D(b)
+            }, [
+              e("span", Vs, [
+                y(t(Ba), {
+                  class: z(["h-3 w-3", b === 1 ? "text-cyan-500" : b === 2 ? "text-emerald-500" : "text-amber-500"])
+                }, null, 8, ["class"]),
+                oe(" " + l(t(c)("sidebars.toc.headingLevel").replace("{level}", String(b))), 1)
+              ]),
+              y(t(st), { class: "h-3.5 w-3.5 text-slate-400" })
+            ], 8, Os)), 64))
+          ])
+        ])) : S.value.length === 0 ? (n(), r("div", qs, [
+          y(t(Mt), { class: "mb-2 h-5 w-5 text-slate-300" }),
+          e("p", Us, l(t(c)("sidebars.toc.noMatchingHeaders")), 1),
+          e("p", Ks, l(t(c)("sidebars.toc.tryDifferentTerm")), 1)
+        ])) : (n(), r("div", Ws, [
+          e("span", Gs, l(t(c)("sidebars.toc.outlineLayout")), 1),
+          e("div", Js, [
+            (n(!0), r(q, null, K(S.value, (b) => (n(), r("button", {
+              key: b.id,
+              type: "button",
+              class: z(I(b.level, k.value === b.id)),
+              onClick: (M) => L(b)
+            }, [
+              e("div", Ys, [
+                e("span", {
+                  class: z(["h-1.5 w-1.5 shrink-0 rounded-full transition-all", [_(b.level), k.value === b.id ? "scale-125 opacity-100" : "opacity-40 group-hover:scale-110 group-hover:opacity-100"]])
+                }, null, 2),
+                e("span", {
+                  class: z(["flex-1 truncate leading-tight", k.value === b.id ? "text-cyan-600 dark:text-cyan-400" : ""])
+                }, l(b.text), 3)
+              ]),
+              y(t(Aa), {
+                class: z(["h-3 w-3 shrink-0 text-cyan-500 opacity-0 transition-opacity group-hover:opacity-100", k.value === b.id ? "opacity-100 text-cyan-600 dark:text-cyan-400" : ""])
+              }, null, 8, ["class"])
+            ], 10, Zs))), 128))
+          ])
+        ]))
+      ]),
+      e("div", Qs, [
+        e("div", Xs, [
+          y(t(Za), { class: "mt-0.5 h-3.5 w-3.5 shrink-0 text-cyan-500" }),
+          e("p", null, l(t(c)("sidebars.toc.outlineSync")), 1)
+        ])
+      ])
+    ]));
+  }
+}), tl = { class: "docs-editor flex h-screen w-full flex-col overflow-hidden bg-slate-50 transition-colors dark:bg-[#02040a]" }, al = { class: "docs-editor__body relative flex flex-1 overflow-hidden" }, ol = ["title"], nl = { class: "flex flex-1 flex-col items-center gap-4 w-full relative" }, sl = { class: "relative w-full max-w-[794px]" }, ll = ["aria-label"], rl = {
+  key: 0,
+  class: "fixed inset-0 z-50 flex items-center justify-center bg-slate-900/50 backdrop-blur-sm px-4"
+}, il = { class: "w-full max-w-lg rounded-xl border border-slate-200 bg-white p-6 shadow-2xl dark:border-slate-800 dark:bg-[#0e1525] text-slate-800 dark:text-slate-200" }, dl = { class: "text-lg font-bold mb-4" }, cl = { class: "mb-4" }, ul = { class: "flex justify-between items-center mb-2" }, pl = { class: "text-sm font-semibold text-slate-500 dark:text-slate-400" }, hl = { class: "grid grid-cols-2 gap-3" }, bl = { class: "text-[11px] font-medium block mb-1" }, ml = ["placeholder"], gl = { class: "text-[11px] font-medium block mb-1" }, fl = ["placeholder"], vl = { class: "mb-6" }, xl = { class: "flex justify-between items-center mb-2" }, kl = { class: "text-sm font-semibold text-slate-500 dark:text-slate-400" }, yl = { class: "grid grid-cols-2 gap-3" }, wl = { class: "text-[11px] font-medium block mb-1" }, _l = ["placeholder"], $l = { class: "text-[11px] font-medium block mb-1" }, Sl = ["placeholder"], Cl = { class: "rounded-lg bg-slate-50 p-3 text-[11px] text-slate-500 dark:bg-white/5 dark:text-slate-400 mb-6" }, Ml = { class: "flex justify-end gap-2" }, Tl = {
+  key: 1,
+  class: "fixed inset-0 z-50 flex items-center justify-center bg-slate-900/50 backdrop-blur-sm px-4"
+}, Al = { class: "w-full max-w-md rounded-xl border border-slate-200 bg-white p-6 shadow-2xl dark:border-slate-800 dark:bg-[#0e1525] text-slate-800 dark:text-slate-200" }, Pl = { class: "text-lg font-bold mb-4" }, Il = { class: "mb-4" }, Dl = { class: "block text-xs font-semibold text-slate-600 dark:text-slate-400 mb-1.5" }, Ll = ["value"], Hl = { class: "mb-4" }, zl = { class: "block text-xs font-semibold text-slate-600 dark:text-slate-400 mb-1.5" }, Bl = { class: "flex gap-2" }, jl = { class: "mb-6" }, Fl = { class: "block text-xs font-semibold text-slate-600 dark:text-slate-400 mb-1.5" }, El = { class: "grid grid-cols-2 gap-3" }, Rl = { class: "text-[11px] text-slate-500 dark:text-slate-400 block mb-1" }, Nl = { class: "text-[11px] text-slate-500 dark:text-slate-400 block mb-1" }, Ol = { class: "text-[11px] text-slate-500 dark:text-slate-400 block mb-1" }, Vl = { class: "text-[11px] text-slate-500 dark:text-slate-400 block mb-1" }, ql = { class: "flex justify-end gap-2" }, Ul = /* @__PURE__ */ le({
+  __name: "DocsEditor",
+  props: {
+    modelValue: { default: void 0 },
+    plugins: { default: () => [] },
+    editable: { type: Boolean, default: !0 },
+    collaboration: { default: void 0 },
+    pageSize: { default: "a4" },
+    title: { default: "Untitled Document" },
+    collaborators: { default: () => [] },
+    starred: { type: Boolean, default: !1 },
+    connectionState: { default: "connected" },
+    userName: { default: "" },
+    userAvatar: { default: "" },
+    locale: { default: void 0 }
+  },
+  emits: ["update:modelValue", "update:title", "update:pageSize", "update:locale", "toggle-star", "back", "share", "menu-click", "export", "ready"],
+  setup(s, { emit: p }) {
+    const o = s, a = p, { locale: c, setLocale: f, t: d } = ha(o.locale);
+    ae(
+      () => o.locale,
+      (x) => {
+        x && x !== c.value && f(x);
+      }
+    ), ae(c, (x) => {
+      a("update:locale", x);
+    });
+    const k = w({ top: 72, bottom: 72, left: 90, right: 90 }), u = w("portrait"), S = w(o.pageSize ?? "a4"), L = w(!1), D = F(() => {
+      const x = ra(S.value) ?? rt[0];
+      let m = x.pageWidth, v = x.pageHeight;
+      return u.value === "landscape" && ([m, v] = [v, m]), L.value && (v = 9999999), { pageHeight: v, pageWidth: m, margins: { ...k.value } };
+    }), { isDark: I } = zt(), _ = F(() => ({
+      enabled: !L.value,
+      pageHeight: D.value.pageHeight,
+      pageWidth: D.value.pageWidth,
+      marginTop: D.value.margins.top,
+      marginBottom: D.value.margins.bottom,
+      marginLeft: D.value.margins.left,
+      marginRight: D.value.margins.right,
+      contentMarginTop: 10,
+      contentMarginBottom: 10,
+      pageGap: 40,
+      pageBreakBackground: I.value ? "#02040a" : "#f1f5f9",
+      headerLeft: "",
+      headerRight: "",
+      footerLeft: "",
+      footerRight: "",
+      onHeaderClick: () => {
+        lt();
+      },
+      onFooterClick: () => {
+        lt();
+      }
+    })), g = ((x) => {
+      const m = x;
+      return m && typeof m == "object" && m.type === "tabbed-doc" && Array.isArray(m.tabs) ? m : { type: "tabbed-doc", activeTabId: "tab-1", tabs: [{ id: "tab-1", label: "Tab 1", content: x || { type: "doc", content: [{ type: "paragraph" }] } }] };
+    })(o.modelValue), b = w(g.headerLeft || ""), M = w(g.headerRight || ""), P = w(g.footerLeft || ""), B = w(g.footerRight || ""), j = w(g.tabs.map((x) => ({ id: x.id, label: x.label, active: x.id === g.activeTabId }))), O = w({});
+    g.tabs.forEach((x) => {
+      O.value[x.id] = x.content;
+    });
+    const G = w(g.activeTabId), re = F(() => O.value[G.value]), ge = w(!1), fe = w(null), be = w(null), E = w(!1), N = w(0), U = w(0), ie = w("saved"), Se = w(Date.now()), X = w(null), Ye = F(() => {
+      const x = [];
+      for (const m of o.plugins)
+        for (const v of m.slashCommands || [])
+          x.push({ name: v.name, command: v.command });
+      return x;
+    }), { editorRef: Ve, editor: A, pluginActions: Qe, isReady: xe, docsEditor: Pe } = ia({
+      content: re,
+      plugins: o.plugins,
+      editable: o.editable,
+      collaboration: o.collaboration,
+      getPageMap: () => /* @__PURE__ */ new Map(),
+      paginationOptions: _.value,
+      onUpdate: (x) => {
+        O.value[G.value] = x;
+        const m = {
+          type: "tabbed-doc",
+          activeTabId: G.value,
+          tabs: j.value.map((v) => ({ id: v.id, label: v.label, content: O.value[v.id] })),
+          headerLeft: b.value,
+          headerRight: M.value,
+          footerLeft: P.value,
+          footerRight: B.value
+        };
+        a("update:modelValue", m), ie.value = "saving", X.value && clearTimeout(X.value), X.value = setTimeout(() => {
+          try {
+            localStorage.setItem("docs-editor-current-doc", JSON.stringify(m));
+          } catch {
+          }
+          ie.value = "saved", Se.value = Date.now();
+        }, 800);
+      }
+    }), ze = F(() => {
+      if (!A.value) return !0;
+      const x = A.value.getJSON();
+      return !x.content || x.content.length === 0 ? !0 : x.content.every((m) => m.type === "paragraph" && (!m.content || m.content.length === 0));
+    }), qe = () => {
+      var m;
+      const x = ((m = A.value) == null ? void 0 : m.getText()) ?? "";
+      U.value = x.length, N.value = x.trim() ? x.trim().split(/\s+/).length : 0;
+    }, C = () => {
+      if (!A.value) return null;
+      const { from: x, to: m } = A.value.state.selection;
+      if (x === m) return null;
+      const v = A.value.view.coordsAtPos(x);
+      return v ? { top: v.top - 48, left: v.left + (v.right - v.left) / 2 } : null;
+    }, i = () => {
+      if (!A.value) {
+        ge.value = !1, fe.value = null;
+        return;
+      }
+      const { from: x, to: m } = A.value.state.selection;
+      ge.value = x !== m, fe.value = x !== m ? C() : null;
+    }, $ = w(null);
+    let ee = null;
+    const ue = () => {
+      A.value && (ee && clearTimeout(ee), ee = setTimeout(() => {
+        A.value && A.value.view.dispatch(A.value.state.tr);
+      }, 150));
+    }, ne = w(1), Ce = w(1), Me = () => {
+      if (!A.value || !xe.value) {
+        ne.value = 1, Ce.value = 1;
+        return;
+      }
+      const x = A.value.view.dom, m = x.querySelector("[data-rm-pagination]");
+      m ? ne.value = m.children.length || 1 : ne.value = 1;
+      try {
+        const { selection: v } = A.value.state, J = A.value.view.coordsAtPos(v.head);
+        if (J && m) {
+          const Y = Array.from(m.querySelectorAll(".rm-page-break")), se = x.getBoundingClientRect(), W = J.top - se.top + x.scrollTop;
+          let V = 1, Q = !1;
+          for (let te = 0; te < Y.length; te++) {
+            const Z = Y[te].querySelector(".breaker");
+            if (Z instanceof HTMLElement && W < Z.offsetTop) {
+              Ce.value = V, Q = !0;
+              break;
+            }
+            V++;
+          }
+          Q || (Ce.value = V);
+        } else
+          Ce.value = 1;
+      } catch {
+        Ce.value = 1;
+      }
+    };
+    ae(D, (x) => {
+      A.value && (A.value.commands.updatePageHeight(x.pageHeight), A.value.commands.updatePageWidth(x.pageWidth), A.value.commands.updateMargins({
+        top: x.margins.top,
+        bottom: x.margins.bottom,
+        left: x.margins.left,
+        right: x.margins.right
+      }), Me());
+    });
+    const Be = () => {
+      if (!A.value || !xe.value) return;
+      const x = b.value.replace(/{total}/g, String(ne.value)), m = M.value.replace(/{total}/g, String(ne.value)), v = P.value.replace(/{total}/g, String(ne.value)), J = B.value.replace(/{total}/g, String(ne.value));
+      A.value.commands.updateHeaderContent(x, m), A.value.commands.updateFooterContent(v, J);
+    };
+    ae(ne, () => {
+      Be();
+    }), ae(I, (x) => {
+      A.value && A.value.commands.updatePageBreakBackground(x ? "#02040a" : "#f1f5f9");
+    }), ae(xe, (x) => {
+      var m, v, J, Y, se, W, V, Q;
+      x && A.value && (!b.value && !M.value && !P.value && !B.value && (b.value = ((v = (m = A.value.storage.PaginationPlus) == null ? void 0 : m.appliedConfig) == null ? void 0 : v.headerLeft) || "", M.value = ((Y = (J = A.value.storage.PaginationPlus) == null ? void 0 : J.appliedConfig) == null ? void 0 : Y.headerRight) || "", P.value = ((W = (se = A.value.storage.PaginationPlus) == null ? void 0 : se.appliedConfig) == null ? void 0 : W.footerLeft) || "", B.value = ((Q = (V = A.value.storage.PaginationPlus) == null ? void 0 : V.appliedConfig) == null ? void 0 : Q.footerRight) || ""), Be(), Pe.value && a("ready", Pe.value), A.value.on("selectionUpdate", () => {
+        i(), Me();
+      }), A.value.on("transaction", () => {
+        Me(), qe();
+      }), i(), qe(), Me(), setTimeout(() => {
+        var Z;
+        return (Z = A.value) == null ? void 0 : Z.commands.focus("start");
+      }, 50), [100, 300, 600, 1200, 2500].forEach((Z) => {
+        setTimeout(() => {
+          A.value && A.value.view.dispatch(A.value.state.tr);
+        }, Z);
+      }));
+    }), ae(() => o.collaboration, () => {
+    }, { deep: !0 }), Ae(() => {
+      X.value && clearTimeout(X.value), ee && clearTimeout(ee);
+    });
+    const Xe = w(!1), Ue = w(""), Ke = w(""), We = w(""), Ge = w(""), et = w(!1), tt = w(S.value), je = w(u.value), _e = w({ ...k.value }), Zt = () => {
+      tt.value = S.value, je.value = u.value, _e.value = { ...k.value }, et.value = !0;
+    }, Yt = () => {
+      S.value = tt.value, u.value = je.value, k.value = { ..._e.value }, a("update:pageSize", S.value), et.value = !1;
+    }, lt = () => {
+      var x, m, v, J, Y, se, W, V;
+      A.value && (Ue.value = b.value || ((m = (x = A.value.storage.PaginationPlus) == null ? void 0 : x.appliedConfig) == null ? void 0 : m.headerLeft) || "", Ke.value = M.value || ((J = (v = A.value.storage.PaginationPlus) == null ? void 0 : v.appliedConfig) == null ? void 0 : J.headerRight) || "", We.value = P.value || ((se = (Y = A.value.storage.PaginationPlus) == null ? void 0 : Y.appliedConfig) == null ? void 0 : se.footerLeft) || "", Ge.value = B.value || ((V = (W = A.value.storage.PaginationPlus) == null ? void 0 : W.appliedConfig) == null ? void 0 : V.footerRight) || "", Xe.value = !0);
+    }, Qt = () => {
+      if (!A.value) return;
+      b.value = Ue.value, M.value = Ke.value, P.value = We.value, B.value = Ge.value, Be();
+      const x = {
+        type: "tabbed-doc",
+        activeTabId: G.value,
+        tabs: j.value.map((m) => ({ id: m.id, label: m.label, content: O.value[m.id] })),
+        headerLeft: b.value,
+        headerRight: M.value,
+        footerLeft: P.value,
+        footerRight: B.value
+      };
+      a("update:modelValue", x), ie.value = "saving", X.value && clearTimeout(X.value), X.value = setTimeout(() => {
+        try {
+          localStorage.setItem("docs-editor-current-doc", JSON.stringify(x));
+        } catch {
+        }
+        ie.value = "saved", Se.value = Date.now();
+      }, 800), Xe.value = !1;
+    };
+    let Xt = (x) => {
+      if (x === "page-setup")
+        Zt();
+      else if (x === "print")
+        gt();
+      else if (x === "version-history")
+        mt("history");
+      else if (x === "insert-header" || x === "insert-footer")
+        lt();
+      else if (x === "insert-footnote") {
+        if (!A.value) return;
+        const { state: m, view: v } = A.value, J = m.schema.nodes.footnote;
+        if (!J) {
+          console.error("[DocsEditor] footnote node type not registered in schema");
+          return;
+        }
+        const Y = m.selection.head, se = J.create({ content: "" }), W = m.tr.insert(Y, se);
+        v.dispatch(W), v.focus(), setTimeout(() => {
+          Je();
+          const V = document.querySelectorAll(".docs-footnote-item-text"), Q = V[V.length - 1];
+          Q && (Q.scrollIntoView({ behavior: "smooth", block: "nearest" }), Q.focus());
+        }, 160);
+      } else
+        a("menu-click", x);
+    }, mt = (x) => {
+      be.value = be.value === x ? null : x;
+    }, gt = () => window.print();
+    const ft = (x, m) => {
+      if (!A.value) return;
+      const v = A.value.view;
+      v.state.doc.descendants((J, Y) => {
+        if (J.type.name === "footnote" && v.nodeDOM(Y) === x)
+          return v.dispatch(v.state.tr.setNodeMarkup(Y, void 0, { content: m })), !1;
+      });
+    }, Je = () => {
+      var se;
+      if (!A.value || !xe.value) return;
+      const x = A.value.view.dom, m = x.querySelector("[data-rm-pagination]");
+      if (!m) return;
+      const v = Array.from(m.querySelectorAll(".rm-page-break")), J = Array.from(x.querySelectorAll(".docs-footnote-ref"));
+      if (v.length === 0) {
+        J.forEach((Z, Ie) => {
+          Z.textContent = String(Ie + 1);
+        });
+        const W = Ve.value;
+        if (!W || ((se = W.querySelector(".docs-pageless-footnotes")) == null || se.remove(), J.length === 0)) return;
+        const V = W.querySelector(".docs-pageless-footnotes");
+        if (V != null && V.querySelector(".docs-footnote-item-text:focus")) return;
+        const Q = document.createElement("div");
+        Q.className = "docs-page-footnotes docs-pageless-footnotes";
+        const te = document.createElement("div");
+        te.className = "docs-footnotes-sep", Q.appendChild(te), J.forEach((Z, Ie) => {
+          const Fe = Z.getAttribute("data-footnote-content") ?? "", ke = document.createElement("div");
+          ke.className = "docs-footnote-item";
+          const Te = document.createElement("sup");
+          Te.className = "docs-footnote-item-num", Te.textContent = String(Ie + 1);
+          const pe = document.createElement("div");
+          pe.className = "docs-footnote-item-text", pe.contentEditable = "true", pe.textContent = Fe, Fe || pe.setAttribute("data-empty", "true"), pe.addEventListener("input", () => {
+            pe.removeAttribute("data-empty"), pe.textContent || pe.setAttribute("data-empty", "true");
+          }), pe.addEventListener("blur", () => {
+            var Ee;
+            const De = ((Ee = pe.textContent) == null ? void 0 : Ee.trim()) ?? "";
+            ft(Z, De);
+          }), Z.dataset.footnoteItemId = `fn-pageless-${Ie}`, ke.id = `fn-pageless-${Ie}`, ke.appendChild(Te), ke.appendChild(pe), Q.appendChild(ke);
+        }), W.appendChild(Q);
+        return;
+      }
+      const Y = /* @__PURE__ */ new Map();
+      v.forEach((W, V) => Y.set(V, [])), J.forEach((W) => {
+        const V = W.getBoundingClientRect().top;
+        let Q = v.length - 1;
+        for (let te = 0; te < v.length - 1; te++) {
+          const Z = v[te].querySelector(".breaker");
+          if (Z && V < Z.getBoundingClientRect().top) {
+            Q = te;
+            break;
+          }
+        }
+        Y.get(Q).push(W);
+      }), v.forEach((W, V) => {
+        const Q = Y.get(V) ?? [];
+        Q.forEach((ke, Te) => {
+          ke.textContent = String(Te + 1);
+        });
+        const te = W.querySelector(".docs-page-footnotes");
+        if (te != null && te.querySelector(".docs-footnote-item-text:focus") || (te == null || te.remove(), Q.length === 0)) return;
+        const Z = document.createElement("div");
+        Z.className = "docs-page-footnotes";
+        const Ie = document.createElement("div");
+        Ie.className = "docs-footnotes-sep", Z.appendChild(Ie), Q.forEach((ke, Te) => {
+          const pe = ke.getAttribute("data-footnote-content") ?? "", De = document.createElement("div");
+          De.className = "docs-footnote-item";
+          const Ee = document.createElement("sup");
+          Ee.className = "docs-footnote-item-num", Ee.textContent = String(Te + 1);
+          const ye = document.createElement("div");
+          ye.className = "docs-footnote-item-text", ye.contentEditable = "true", ye.textContent = pe, pe || ye.setAttribute("data-empty", "true"), ye.addEventListener("input", () => {
+            ye.removeAttribute("data-empty"), ye.textContent || ye.setAttribute("data-empty", "true");
+          }), ye.addEventListener("blur", () => {
+            var vt;
+            const ea = ((vt = ye.textContent) == null ? void 0 : vt.trim()) ?? "";
+            ft(ke, ea);
+          }), ke.dataset.footnoteItemId = `fn-${V}-${Te}`, De.id = `fn-${V}-${Te}`, De.appendChild(Ee), De.appendChild(ye), Z.appendChild(De);
+        });
+        const Fe = W.querySelector(".breaker");
+        Fe ? Fe.insertBefore(Z, Fe.firstChild) : W.appendChild(Z);
+      });
+    };
+    return ae(xe, (x) => {
+      !x || !A.value || A.value.view.dom.addEventListener("click", (m) => {
+        const v = m.target.closest(".docs-footnote-ref");
+        if (!v) return;
+        m.preventDefault(), m.stopPropagation();
+        const J = v.dataset.footnoteItemId;
+        if (!J) return;
+        const Y = document.getElementById(J), se = Y == null ? void 0 : Y.querySelector(".docs-footnote-item-text");
+        if (se) {
+          se.scrollIntoView({ behavior: "smooth", block: "nearest" }), se.focus();
+          const W = document.createRange();
+          W.selectNodeContents(se), W.collapse(!1);
+          const V = window.getSelection();
+          V == null || V.removeAllRanges(), V == null || V.addRange(W);
+        }
+      });
+    }), ae(xe, (x) => {
+      !x || !A.value || (setTimeout(Je, 150), A.value.on("update", () => {
+        setTimeout(Je, 60);
+      }), A.value.on("selectionUpdate", () => {
+        setTimeout(Je, 100);
+      }), window.addEventListener("resize", Je));
+    }), (x, m) => (n(), r("div", tl, [
+      y(Xo, {
+        title: s.title,
+        editable: s.editable,
+        collaborators: s.collaborators,
+        starred: s.starred,
+        "user-name": s.userName,
+        "user-avatar": s.userAvatar,
+        onMenuClick: t(Xt),
+        onBack: m[0] || (m[0] = (v) => x.$emit("back")),
+        "onUpdate:title": m[1] || (m[1] = (v) => x.$emit("update:title", v)),
+        onToggleStar: m[2] || (m[2] = (v) => x.$emit("toggle-star")),
+        onExport: m[3] || (m[3] = (v) => x.$emit("export", v)),
+        onShare: m[4] || (m[4] = (v) => x.$emit("share"))
+      }, {
+        actions: He(() => [
+          Re(x.$slots, "header-actions", {}, void 0, !0)
+        ]),
+        "overflow-actions": He((v) => [
+          Re(x.$slots, "overflow-actions", kt(yt(v)), void 0, !0)
+        ]),
+        "user-menu": He((v) => [
+          Re(x.$slots, "user-menu", kt(yt(v)), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["title", "editable", "collaborators", "starred", "user-name", "user-avatar", "onMenuClick"]),
+      y(Un, {
+        actions: t(Qe),
+        plugins: s.plugins,
+        editor: t(A),
+        "active-sidebar": be.value,
+        onToggleSidebar: t(mt),
+        onPrint: t(gt),
+        onToggleLeftSidebar: m[5] || (m[5] = (v) => E.value = !E.value)
+      }, null, 8, ["actions", "plugins", "editor", "active-sidebar", "onToggleSidebar", "onPrint"]),
+      y(ks, { "layout-options": D.value }, null, 8, ["layout-options"]),
+      y(Zn, {
+        visible: ge.value,
+        actions: t(Qe),
+        position: fe.value,
+        editor: t(A)
+      }, null, 8, ["visible", "actions", "position", "editor"]),
+      y(xa, {
+        editor: t(A),
+        commands: Ye.value
+      }, null, 8, ["editor", "commands"]),
+      e("div", al, [
+        E.value ? (n(), he(el, {
+          key: 0,
+          editor: t(A),
+          onClose: m[6] || (m[6] = (v) => E.value = !1)
+        }, null, 8, ["editor"])) : (n(), r("button", {
+          key: 1,
+          type: "button",
+          class: "absolute left-4 top-4 z-20 flex h-11 w-11 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-600 shadow-md transition-colors hover:bg-slate-100 dark:border-white/10 dark:bg-[#0e1525] dark:text-slate-300 dark:hover:bg-white/5",
+          title: t(d)("editor.showOutline"),
+          onClick: m[7] || (m[7] = (v) => E.value = !0)
+        }, [
+          y(t(Ka), { class: "h-5 w-5" })
+        ], 8, ol)),
+        e("div", {
+          ref_key: "scrollContainerRef",
+          ref: $,
+          class: "docs-editor-scroll relative flex flex-1 overflow-auto px-4 py-6 bg-slate-100 dark:bg-[#02040a]",
+          onScroll: ue
+        }, [
+          y(_s, { "layout-options": D.value }, null, 8, ["layout-options"]),
+          e("div", nl, [
+            y(Cs, {
+              visible: t(xe) && ze.value,
+              onMeetingNotes: () => {
+              },
+              onEmailDraft: () => {
+              },
+              onMore: () => {
+              }
+            }, null, 8, ["visible"]),
+            e("div", sl, [
+              t(xe) ? H("", !0) : (n(), r("div", {
+                key: 0,
+                class: "absolute inset-0 z-10 flex flex-col items-center justify-center bg-white dark:bg-[#0e1525]/60 backdrop-blur-[2px] gap-3 rounded-lg",
+                "aria-label": t(d)("editor.loadingDocument")
+              }, null, 8, ll)),
+              e("div", {
+                ref_key: "editorRef",
+                ref: Ve,
+                class: z(["docs-editor__paper outline-none text-slate-800 dark:text-[#e2e8f0]", { "opacity-40": !t(xe) }])
+              }, null, 2)
+            ])
+          ])
+        ], 544)
+      ]),
+      y(gs, {
+        "connection-state": s.connectionState,
+        "saving-status": ie.value,
+        "last-saved": Se.value,
+        "word-count": N.value,
+        "char-count": U.value,
+        "page-count": ne.value,
+        "current-page": Ce.value,
+        "page-size": S.value,
+        "page-sizes": t(rt),
+        "onUpdate:pageSize": m[8] || (m[8] = (v) => {
+          S.value = v, a("update:pageSize", v);
+        })
+      }, null, 8, ["connection-state", "saving-status", "last-saved", "word-count", "char-count", "page-count", "current-page", "page-size", "page-sizes"]),
+      Xe.value ? (n(), r("div", rl, [
+        e("div", il, [
+          e("h2", dl, l(t(d)("editor.headerFooter.title")), 1),
+          e("div", cl, [
+            e("div", ul, [
+              e("h3", pl, l(t(d)("editor.headerFooter.header")), 1),
+              e("button", {
+                type: "button",
+                class: "text-[11px] text-red-500 hover:text-red-600 font-medium transition-colors",
+                onClick: m[9] || (m[9] = (v) => {
+                  Ue.value = "", Ke.value = "";
+                })
+              }, l(t(d)("editor.headerFooter.clear")), 1)
+            ]),
+            e("div", hl, [
+              e("div", null, [
+                e("label", bl, l(t(d)("editor.headerFooter.left")), 1),
+                de(e("input", {
+                  "onUpdate:modelValue": m[10] || (m[10] = (v) => Ue.value = v),
+                  type: "text",
+                  class: "w-full rounded-md border border-slate-200 bg-transparent px-3 py-1.5 text-xs focus:outline-none dark:border-slate-700",
+                  placeholder: t(d)("editor.headerFooter.headerLeftPlaceholder")
+                }, null, 8, ml), [
+                  [ce, Ue.value]
+                ])
+              ]),
+              e("div", null, [
+                e("label", gl, l(t(d)("editor.headerFooter.right")), 1),
+                de(e("input", {
+                  "onUpdate:modelValue": m[11] || (m[11] = (v) => Ke.value = v),
+                  type: "text",
+                  class: "w-full rounded-md border border-slate-200 bg-transparent px-3 py-1.5 text-xs focus:outline-none dark:border-slate-700",
+                  placeholder: t(d)("editor.headerFooter.headerRightPlaceholder")
+                }, null, 8, fl), [
+                  [ce, Ke.value]
+                ])
+              ])
+            ])
+          ]),
+          e("div", vl, [
+            e("div", xl, [
+              e("h3", kl, l(t(d)("editor.headerFooter.footer")), 1),
+              e("button", {
+                type: "button",
+                class: "text-[11px] text-red-500 hover:text-red-600 font-medium transition-colors",
+                onClick: m[12] || (m[12] = (v) => {
+                  We.value = "", Ge.value = "";
+                })
+              }, l(t(d)("editor.headerFooter.clear")), 1)
+            ]),
+            e("div", yl, [
+              e("div", null, [
+                e("label", wl, l(t(d)("editor.headerFooter.left")), 1),
+                de(e("input", {
+                  "onUpdate:modelValue": m[13] || (m[13] = (v) => We.value = v),
+                  type: "text",
+                  class: "w-full rounded-md border border-slate-200 bg-transparent px-3 py-1.5 text-xs focus:outline-none dark:border-slate-700",
+                  placeholder: t(d)("editor.headerFooter.footerLeftPlaceholder")
+                }, null, 8, _l), [
+                  [ce, We.value]
+                ])
+              ]),
+              e("div", null, [
+                e("label", $l, l(t(d)("editor.headerFooter.right")), 1),
+                de(e("input", {
+                  "onUpdate:modelValue": m[14] || (m[14] = (v) => Ge.value = v),
+                  type: "text",
+                  class: "w-full rounded-md border border-slate-200 bg-transparent px-3 py-1.5 text-xs focus:outline-none dark:border-slate-700",
+                  placeholder: t(d)("editor.headerFooter.footerRightPlaceholder")
+                }, null, 8, Sl), [
+                  [ce, Ge.value]
+                ])
+              ])
+            ])
+          ]),
+          e("div", Cl, l(t(d)("editor.headerFooter.variableInfo")), 1),
+          e("div", Ml, [
+            e("button", {
+              type: "button",
+              class: "rounded-md px-3 py-1.5 text-xs font-semibold hover:bg-slate-100 dark:hover:bg-white/5",
+              onClick: m[15] || (m[15] = (v) => Xe.value = !1)
+            }, l(t(d)("editor.headerFooter.cancel")), 1),
+            e("button", {
+              type: "button",
+              class: "rounded-md bg-blue-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-blue-700",
+              onClick: Qt
+            }, l(t(d)("editor.headerFooter.save")), 1)
+          ])
+        ])
+      ])) : H("", !0),
+      et.value ? (n(), r("div", Tl, [
+        e("div", Al, [
+          e("h2", Pl, l(t(d)("editor.pageSetup.title")), 1),
+          e("div", Il, [
+            e("label", Dl, l(t(d)("editor.pageSetup.paperSize")), 1),
+            de(e("select", {
+              "onUpdate:modelValue": m[16] || (m[16] = (v) => tt.value = v),
+              class: "w-full rounded-md border border-slate-200 bg-transparent px-3 py-2 text-xs focus:outline-none dark:border-slate-700"
+            }, [
+              (n(!0), r(q, null, K(t(rt), (v) => (n(), r("option", {
+                key: v.id,
+                value: v.id
+              }, l(v.name), 9, Ll))), 128))
+            ], 512), [
+              [la, tt.value]
+            ])
+          ]),
+          e("div", Hl, [
+            e("label", zl, l(t(d)("editor.pageSetup.orientation")), 1),
+            e("div", Bl, [
+              e("button", {
+                type: "button",
+                class: z(["flex-1 rounded-md border px-3 py-2 text-xs font-medium transition-colors", je.value === "portrait" ? "border-cyan-500 bg-cyan-50 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300" : "border-slate-200 hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-white/5"]),
+                onClick: m[17] || (m[17] = (v) => je.value = "portrait")
+              }, l(t(d)("editor.pageSetup.portrait")), 3),
+              e("button", {
+                type: "button",
+                class: z(["flex-1 rounded-md border px-3 py-2 text-xs font-medium transition-colors", je.value === "landscape" ? "border-cyan-500 bg-cyan-50 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300" : "border-slate-200 hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-white/5"]),
+                onClick: m[18] || (m[18] = (v) => je.value = "landscape")
+              }, l(t(d)("editor.pageSetup.landscape")), 3)
+            ])
+          ]),
+          e("div", jl, [
+            e("label", Fl, l(t(d)("editor.pageSetup.margins")), 1),
+            e("div", El, [
+              e("div", null, [
+                e("label", Rl, l(t(d)("editor.pageSetup.top")), 1),
+                de(e("input", {
+                  "onUpdate:modelValue": m[19] || (m[19] = (v) => _e.value.top = v),
+                  type: "number",
+                  min: "0",
+                  class: "w-full rounded-md border border-slate-200 bg-transparent px-3 py-1.5 text-xs focus:outline-none dark:border-slate-700"
+                }, null, 512), [
+                  [
+                    ce,
+                    _e.value.top,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ])
+              ]),
+              e("div", null, [
+                e("label", Nl, l(t(d)("editor.pageSetup.bottom")), 1),
+                de(e("input", {
+                  "onUpdate:modelValue": m[20] || (m[20] = (v) => _e.value.bottom = v),
+                  type: "number",
+                  min: "0",
+                  class: "w-full rounded-md border border-slate-200 bg-transparent px-3 py-1.5 text-xs focus:outline-none dark:border-slate-700"
+                }, null, 512), [
+                  [
+                    ce,
+                    _e.value.bottom,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ])
+              ]),
+              e("div", null, [
+                e("label", Ol, l(t(d)("editor.pageSetup.left")), 1),
+                de(e("input", {
+                  "onUpdate:modelValue": m[21] || (m[21] = (v) => _e.value.left = v),
+                  type: "number",
+                  min: "0",
+                  class: "w-full rounded-md border border-slate-200 bg-transparent px-3 py-1.5 text-xs focus:outline-none dark:border-slate-700"
+                }, null, 512), [
+                  [
+                    ce,
+                    _e.value.left,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ])
+              ]),
+              e("div", null, [
+                e("label", Vl, l(t(d)("editor.pageSetup.right")), 1),
+                de(e("input", {
+                  "onUpdate:modelValue": m[22] || (m[22] = (v) => _e.value.right = v),
+                  type: "number",
+                  min: "0",
+                  class: "w-full rounded-md border border-slate-200 bg-transparent px-3 py-1.5 text-xs focus:outline-none dark:border-slate-700"
+                }, null, 512), [
+                  [
+                    ce,
+                    _e.value.right,
+                    void 0,
+                    { number: !0 }
+                  ]
+                ])
+              ])
+            ])
+          ]),
+          e("div", ql, [
+            e("button", {
+              type: "button",
+              class: "rounded-md px-3 py-1.5 text-xs font-semibold hover:bg-slate-100 dark:hover:bg-white/5",
+              onClick: m[23] || (m[23] = (v) => et.value = !1)
+            }, l(t(d)("editor.pageSetup.cancel")), 1),
+            e("button", {
+              type: "button",
+              class: "rounded-md bg-blue-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-blue-700",
+              onClick: Yt
+            }, l(t(d)("editor.pageSetup.apply")), 1)
+          ])
+        ])
+      ])) : H("", !0)
+    ]));
+  }
+}), od = /* @__PURE__ */ Jt(Ul, [["__scopeId", "data-v-9e79a773"]]), Kl = { class: "docs-editor-pages flex flex-col items-center gap-10" }, Wl = ["data-page-index"], Gl = ["data-node-type", "data-from", "data-to"], Jl = ["innerHTML"], Zl = {
+  key: 1,
+  class: "docs-editor-page__block-fallback flex justify-between text-sm text-slate-700"
+}, Yl = { class: "docs-editor-page__block-type font-medium" }, Ql = { class: "docs-editor-page__block-range text-slate-500" }, nd = /* @__PURE__ */ le({
+  __name: "PageView",
+  props: {
+    pages: {},
+    editor: { default: null },
+    layoutOptions: { default: () => ({
+      pageWidth: 794,
+      pageHeight: 1123,
+      margins: { top: 96, bottom: 96, left: 96, right: 96 }
+    }) },
+    isPageless: { type: Boolean, default: !1 },
+    pageColor: { default: "#ffffff" }
+  },
+  setup(s) {
+    const p = s, o = w(0), a = () => {
+      o.value++;
+    };
+    ae(
+      () => p.editor,
+      (I, _) => {
+        _ && typeof _.off == "function" && _.off("update", a), I && typeof I.on == "function" && I.on("update", a);
+      },
+      { immediate: !0 }
+    ), Ae(() => {
+      p.editor && typeof p.editor.off == "function" && p.editor.off("update", a);
+    });
+    const c = F(() => {
+      var I, _;
+      return ((_ = (I = p.editor) == null ? void 0 : I.view) == null ? void 0 : _.dom) ?? null;
+    }), f = F(() => {
+      var I, _, h;
+      return {
+        pageHeight: ((I = p.layoutOptions) == null ? void 0 : I.pageHeight) ?? 1123,
+        pageWidth: ((_ = p.layoutOptions) == null ? void 0 : _.pageWidth) ?? 794,
+        margins: ((h = p.layoutOptions) == null ? void 0 : h.margins) ?? {
+          top: 96,
+          bottom: 96,
+          left: 96,
+          right: 96
+        },
+        maxCharsPerPage: 0
+      };
+    }), d = F(() => {
+      const { pageWidth: I, pageHeight: _, margins: h } = f.value;
+      return p.isPageless ? {
+        width: `${I}px`,
+        minHeight: "auto",
+        height: "auto",
+        paddingTop: `${h.top}px`,
+        paddingBottom: `${h.bottom}px`,
+        paddingLeft: `${h.left}px`,
+        paddingRight: `${h.right}px`,
+        backgroundColor: p.pageColor,
+        boxShadow: "none",
+        border: "none",
+        borderRadius: "0"
+      } : {
+        width: `${I}px`,
+        height: `${_}px`,
+        paddingTop: `${h.top}px`,
+        paddingBottom: `${h.bottom}px`,
+        paddingLeft: `${h.left}px`,
+        paddingRight: `${h.right}px`
+      };
+    }), k = () => c.value ? Array.from(c.value.children).filter(
+      (I) => I instanceof HTMLElement
+    ) : [], u = (I) => k().find((h) => {
+      const g = parseInt(h.getAttribute("data-from") ?? "-1", 10), b = parseInt(h.getAttribute("data-to") ?? "-1", 10);
+      return g >= 0 && b >= g && g <= I.from && b >= I.to;
+    }) ?? null, S = (I) => {
+      if (!p.editor || !c.value || !u(I)) return null;
+      try {
+        const h = p.editor.view, g = h.domAtPos(I.from), b = h.domAtPos(I.to);
+        if (!g || !b) return null;
+        const M = document.createRange();
+        M.setStart(g.node, g.offset), M.setEnd(b.node, b.offset);
+        const P = M.cloneContents(), B = document.createElement("div");
+        return B.appendChild(P), B.innerHTML;
+      } catch {
+        return null;
+      }
+    }, L = F(() => {
+      o.value;
+      const I = /* @__PURE__ */ new Map();
+      if (!p.editor || !c.value) return I;
+      for (const _ of p.pages)
+        for (const h of _.blocks) {
+          const g = `${h.from}-${h.to}-${h.nodeType}`;
+          if (I.has(g)) continue;
+          const b = S(h);
+          b !== null && I.set(g, b);
+        }
+      return I;
+    }), D = (I) => L.value.get(
+      `${I.from}-${I.to}-${I.nodeType}`
+    ) ?? null;
+    return (I, _) => (n(), r("div", Kl, [
+      (n(!0), r(q, null, K(s.pages, (h, g) => (n(), r("div", {
+        key: `${g}-${h.from}-${h.to}`,
+        class: z(["docs-editor-page tiptap ProseMirror relative box-border overflow-hidden text-slate-800 dark:text-[#e2e8f0]", s.isPageless ? "" : "editor-page-shadow rounded-lg border border-slate-200/70 bg-white dark:border-white/5 dark:bg-[#0a0f1e]"]),
+        "data-page-index": g,
+        style: me(d.value)
+      }, [
+        e("div", {
+          class: "docs-editor-page__blocks flex flex-col",
+          style: me(s.isPageless ? {} : { height: "100%", overflow: "hidden" })
+        }, [
+          (n(!0), r(q, null, K(h.blocks, (b) => (n(), r("div", {
+            key: `${b.from}-${b.to}`,
+            class: "docs-editor-page__block",
+            "data-node-type": b.nodeType,
+            "data-from": b.from,
+            "data-to": b.to
+          }, [
+            D(b) !== null ? (n(), r("div", {
+              key: 0,
+              class: "docs-editor-page__block-content",
+              innerHTML: D(b)
+            }, null, 8, Jl)) : (n(), r("div", Zl, [
+              e("span", Yl, l(b.nodeType), 1),
+              e("span", Ql, l(b.from) + "–" + l(b.to), 1)
+            ]))
+          ], 8, Gl))), 128))
+        ], 4)
+      ], 14, Wl))), 128))
+    ]));
+  }
+}), Xl = { class: "ai-sidebar flex h-full w-80 flex-shrink-0 flex-col border-l border-slate-200 bg-white/80 text-slate-800 backdrop-blur-xl transition-all dark:border-white/5 dark:bg-[#0a0f1e]/85 dark:text-slate-100" }, er = { class: "border-b border-slate-200 p-4 dark:border-white/5" }, tr = { class: "flex items-center gap-1.5 font-mono text-xs font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400" }, ar = { class: "mt-1.5 text-[10px] leading-relaxed text-slate-400 dark:text-slate-500" }, or = { class: "flex-1 space-y-4 overflow-y-auto p-4" }, nr = { class: "space-y-2" }, sr = { class: "block font-mono text-[10px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-500" }, lr = { class: "grid grid-cols-2 gap-2" }, rr = ["disabled", "onClick"], ir = { class: "space-y-1.5" }, dr = { class: "block font-mono text-[10px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-500" }, cr = { class: "relative flex min-h-[220px] flex-col justify-between rounded-xl border border-slate-200 bg-slate-50 p-3.5 text-xs text-slate-700 dark:border-white/10 dark:bg-[#02040a]/50 dark:text-slate-300" }, ur = {
+  key: 0,
+  class: "absolute inset-0 z-10 flex flex-col items-center justify-center space-y-3 rounded-xl bg-white/70 dark:bg-[#02040a]/80"
+}, pr = { class: "animate-pulse font-mono text-[10px] uppercase tracking-wider text-slate-400 dark:text-slate-500" }, hr = {
+  key: 1,
+  class: "space-y-4"
+}, br = { class: "prose prose-sm max-h-[300px] max-w-full overflow-x-auto overflow-y-auto whitespace-pre-wrap pr-1 leading-relaxed dark:prose-invert" }, mr = { class: "flex justify-end gap-2 border-t border-slate-200/60 pt-2.5 dark:border-white/5" }, gr = {
+  key: 2,
+  class: "flex flex-1 flex-col items-center justify-center p-4 text-center text-slate-400 dark:text-slate-500"
+}, fr = { class: "text-[10px]" }, vr = { class: "border-t border-slate-200 bg-slate-50 p-4 dark:border-white/5 dark:bg-[#0a0f1e]/80" }, xr = ["disabled", "placeholder"], kr = { class: "flex justify-end" }, yr = ["disabled"], sd = /* @__PURE__ */ le({
+  __name: "AISidebar",
+  props: {
+    documentContent: {}
+  },
+  emits: ["insert"],
+  setup(s, { emit: p }) {
+    const o = "", a = s, c = p, { t: f } = we(), d = w(""), k = w(""), u = w(!1), S = w(!1), L = w(!1);
+    async function D(g, b) {
+      u.value = !0, L.value = !1;
+      try {
+        const M = await fetch(`${o}/api/ai/copilot`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            prompt: b || d.value.trim(),
+            content: a.documentContent,
+            action: g || "custom"
+          })
+        }), P = await M.json();
+        M.ok && P.result ? k.value = P.result : P.error && (k.value = `❌ AI Helper Error:
+
+${P.error}`);
+      } catch (M) {
+        k.value = "❌ Network Failure: Could not connect to the AI backend.", console.error(M);
+      } finally {
+        u.value = !1, d.value = "";
+      }
+    }
+    function I() {
+      k.value && (navigator.clipboard.writeText(k.value), S.value = !0, setTimeout(() => S.value = !1, 2e3));
+    }
+    function _() {
+      k.value && (c("insert", k.value), L.value = !0, setTimeout(() => L.value = !1, 2e3));
+    }
+    const h = F(() => [
+      { label: f("sidebars.ai.summarize"), icon: bt, action: "summarize", color: "text-cyan-500" },
+      { label: f("sidebars.ai.fixGrammar"), icon: Ma, action: "correct", color: "text-emerald-500" },
+      { label: f("sidebars.ai.continue"), icon: bo, action: "continue", color: "text-amber-500" },
+      { label: f("sidebars.ai.toSpanish"), icon: za, action: void 0, prompt: "Translate the current document content cleanly into professional Spanish.", color: "text-cyan-500" }
+    ]);
+    return (g, b) => (n(), r("div", Xl, [
+      e("div", er, [
+        e("h3", tr, [
+          y(t(ht), { class: "h-4 w-4 animate-pulse text-cyan-400" }),
+          oe(" " + l(t(f)("sidebars.ai.title")), 1)
+        ]),
+        e("p", ar, l(t(f)("sidebars.ai.description")), 1)
+      ]),
+      e("div", or, [
+        e("div", nr, [
+          e("span", sr, l(t(f)("sidebars.ai.quickMacros")), 1),
+          e("div", lr, [
+            (n(!0), r(q, null, K(h.value, (M) => (n(), r("button", {
+              key: M.label,
+              type: "button",
+              disabled: u.value || !s.documentContent,
+              class: "flex items-center gap-1.5 rounded-lg border border-slate-200 bg-slate-50 px-2.5 py-1.5 text-left text-[11px] font-bold text-slate-700 transition-colors hover:border-cyan-500/50 disabled:opacity-40 dark:border-white/10 dark:bg-white/[0.02] dark:text-slate-300 dark:hover:border-cyan-500/30",
+              onClick: (P) => M.action ? D(M.action) : D(void 0, M.prompt)
+            }, [
+              (n(), he($e(M.icon), {
+                class: z(["h-3 w-3", M.color])
+              }, null, 8, ["class"])),
+              e("span", null, l(M.label), 1)
+            ], 8, rr))), 128))
+          ])
+        ]),
+        e("div", ir, [
+          e("span", dr, l(t(f)("sidebars.ai.generations")), 1),
+          e("div", cr, [
+            u.value ? (n(), r("div", ur, [
+              b[2] || (b[2] = e("div", { class: "h-6 w-6 animate-spin rounded-full border-2 border-cyan-500 border-t-transparent" }, null, -1)),
+              e("p", pr, l(t(f)("sidebars.ai.aiDrafting")), 1)
+            ])) : H("", !0),
+            k.value ? (n(), r("div", hr, [
+              e("div", br, l(k.value), 1),
+              e("div", mr, [
+                e("button", {
+                  type: "button",
+                  class: "flex items-center gap-1 rounded-lg border border-slate-200 bg-white px-2.5 py-1.5 text-[10px] font-semibold text-slate-600 transition-all hover:bg-slate-50 dark:border-white/10 dark:bg-white/[0.02] dark:text-slate-300 dark:hover:bg-white/5",
+                  onClick: I
+                }, [
+                  (n(), he($e(S.value ? t(St) : t(Da)), {
+                    class: z(["h-3 w-3", S.value ? "text-emerald-500" : ""])
+                  }, null, 8, ["class"])),
+                  e("span", null, l(S.value ? t(f)("sidebars.ai.copied") : t(f)("sidebars.ai.copy")), 1)
+                ]),
+                e("button", {
+                  type: "button",
+                  class: "flex items-center gap-1 rounded-lg bg-cyan-500 px-2.5 py-1.5 text-[10px] font-bold text-black shadow-cyan transition-all hover:bg-cyan-400",
+                  onClick: _
+                }, [
+                  (n(), he($e(L.value ? t(St) : t(Sa)), { class: "h-3 w-3" })),
+                  e("span", null, l(L.value ? t(f)("sidebars.ai.inserted") : t(f)("sidebars.ai.insert")), 1)
+                ])
+              ])
+            ])) : (n(), r("div", gr, [
+              y(t(ht), { class: "mb-2 h-6 w-6 text-cyan-500 opacity-30" }),
+              e("p", fr, l(t(f)("sidebars.ai.noDraft")), 1)
+            ]))
+          ])
+        ])
+      ]),
+      e("div", vr, [
+        e("form", {
+          class: "space-y-2",
+          onSubmit: b[1] || (b[1] = R((M) => d.value.trim() && D(), ["prevent"]))
+        }, [
+          de(e("textarea", {
+            "onUpdate:modelValue": b[0] || (b[0] = (M) => d.value = M),
+            rows: "2",
+            disabled: u.value,
+            placeholder: t(f)("sidebars.ai.promptPlaceholder"),
+            class: "w-full min-h-[55px] resize-none rounded-xl border border-slate-200 bg-white p-2.5 text-xs text-slate-800 transition-all focus:border-cyan-500/50 focus:shadow-cyan focus:outline-none disabled:opacity-60 dark:border-white/10 dark:bg-white/[0.02] dark:text-slate-100 dark:focus:border-cyan-500/30"
+          }, null, 8, xr), [
+            [ce, d.value]
+          ]),
+          e("div", kr, [
+            e("button", {
+              type: "submit",
+              disabled: u.value || !d.value.trim(),
+              class: "flex items-center gap-1 rounded-lg bg-cyan-500 px-3.5 py-2 text-xs font-bold text-black shadow-cyan transition-all hover:bg-cyan-400 disabled:opacity-40"
+            }, [
+              y(t(pt), { class: "h-3.5 w-3.5" }),
+              oe(" " + l(t(f)("sidebars.ai.promptAI")), 1)
+            ], 8, yr)
+          ])
+        ], 32)
+      ])
+    ]));
+  }
+}), wr = { class: "comments-sidebar flex h-full w-80 flex-shrink-0 flex-col border-l border-slate-200 bg-white/80 text-slate-800 backdrop-blur-xl transition-all dark:border-white/5 dark:bg-[#0a0f1e]/85 dark:text-slate-100" }, _r = { class: "border-b border-slate-200 p-4 dark:border-white/5" }, $r = { class: "mb-3 flex items-center justify-between" }, Sr = { class: "flex items-center gap-1.5 font-mono text-xs font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400" }, Cr = { class: "flex rounded-xl border border-slate-200 bg-slate-50 p-1 text-[11px] font-semibold dark:border-white/10 dark:bg-white/[0.02]" }, Mr = {
+  key: 0,
+  class: "mb-1 rounded-xl border border-cyan-500/25 bg-cyan-500/5 p-2.5 text-xs text-cyan-700 animate-fadeIn dark:border-cyan-500/15 dark:bg-cyan-500/10 dark:text-cyan-400"
+}, Tr = { class: "mb-1 font-mono text-[9px] font-bold uppercase tracking-wider" }, Ar = { class: "line-clamp-1 border-l-2 border-cyan-400 bg-cyan-500/10 py-0.5 pl-2.5 italic dark:bg-cyan-500/5" }, Pr = { class: "flex-1 space-y-4 overflow-y-auto p-4" }, Ir = { class: "flex items-start justify-between" }, Dr = { class: "flex items-center gap-2" }, Lr = { class: "text-xs font-bold text-slate-800 dark:text-slate-200" }, Hr = { class: "font-mono text-[9px] text-slate-400 dark:text-slate-500" }, zr = ["title", "onClick"], Br = {
+  key: 0,
+  class: "max-w-full truncate rounded-r-lg border-l-2 border-cyan-500/50 bg-slate-100 py-1 pl-2.5 text-[10px] italic text-slate-500 dark:border-cyan-500/40 dark:bg-white/5 dark:text-slate-400"
+}, jr = { class: "whitespace-pre-wrap break-words text-xs leading-relaxed text-slate-700 dark:text-slate-300" }, Fr = {
+  key: 1,
+  class: "space-y-2.5 border-l border-slate-200 pl-4 pt-1 dark:border-white/10"
+}, Er = { class: "flex items-center gap-1.5" }, Rr = { class: "text-[10px] font-bold text-slate-600 dark:text-slate-300" }, Nr = { class: "font-mono text-[8px] text-slate-400 dark:text-slate-500" }, Or = { class: "break-words pl-1 text-xs text-slate-600 dark:text-slate-400" }, Vr = {
+  key: 2,
+  class: "flex items-center justify-between border-t border-slate-100 pt-2 dark:border-white/5"
+}, qr = {
+  key: 0,
+  class: "flex w-full items-center gap-1.5"
+}, Ur = ["onUpdate:modelValue", "placeholder", "onKeydown"], Kr = ["onClick"], Wr = ["onClick"], Gr = {
+  key: 3,
+  class: "rounded-lg border border-green-100/40 bg-green-50/55 p-2 text-[10px] text-green-700 dark:border-green-500/10 dark:bg-green-950/10 dark:text-green-400"
+}, Jr = { key: 0 }, Zr = {
+  key: 0,
+  class: "py-12 text-center text-slate-400 dark:text-slate-500"
+}, Yr = { class: "text-xs" }, Qr = {
+  key: 0,
+  class: "border-t border-slate-200 bg-slate-50 p-4 dark:border-white/5 dark:bg-[#0a0f1e]/80"
+}, Xr = ["placeholder"], ei = { class: "flex items-center justify-between" }, ti = { class: "font-mono text-[9px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500" }, ai = ["disabled"], ld = /* @__PURE__ */ le({
+  __name: "CommentsSidebar",
+  props: {
+    comments: {},
+    selectedTextSnippet: {},
+    selectedTextIndex: {}
+  },
+  emits: ["add-comment", "add-reply", "resolve-comment"],
+  setup(s, { emit: p }) {
+    const o = s, a = p, { t: c } = we(), f = w(""), d = w({}), k = w(null), u = w("active"), S = F(
+      () => (o.comments ?? []).filter(
+        (_) => u.value === "resolved" ? _.resolved : !_.resolved
+      )
+    );
+    function L() {
+      f.value.trim() && (a(
+        "add-comment",
+        f.value.trim(),
+        o.selectedTextSnippet,
+        o.selectedTextIndex
+      ), f.value = "");
+    }
+    function D(_) {
+      const h = d.value[_] || "";
+      h.trim() && (a("add-reply", _, h.trim()), d.value = { ...d.value, [_]: "" }, k.value = null);
+    }
+    function I(_) {
+      return _.split(" ").map((h) => h[0]).join("").slice(0, 2).toUpperCase();
+    }
+    return (_, h) => (n(), r("div", wr, [
+      e("div", _r, [
+        e("div", $r, [
+          e("h3", Sr, [
+            y(t(Wt), { class: "h-4 w-4 text-cyan-400" }),
+            oe(" " + l(t(c)("sidebars.comments.title")), 1)
+          ]),
+          e("div", Cr, [
+            e("button", {
+              type: "button",
+              class: z([u.value === "active" ? "bg-cyan-500/15 text-cyan-600 dark:text-cyan-400 font-bold" : "text-slate-400 hover:text-slate-600", "rounded-lg px-2.5 py-1 transition-all"]),
+              onClick: h[0] || (h[0] = (g) => u.value = "active")
+            }, l(t(c)("sidebars.comments.active")), 3),
+            e("button", {
+              type: "button",
+              class: z([u.value === "resolved" ? "bg-cyan-500/15 text-cyan-600 dark:text-cyan-400 font-bold" : "text-slate-400 hover:text-slate-600", "rounded-lg px-2.5 py-1 transition-all"]),
+              onClick: h[1] || (h[1] = (g) => u.value = "resolved")
+            }, l(t(c)("sidebars.comments.resolved")), 3)
+          ])
+        ]),
+        s.selectedTextSnippet ? (n(), r("div", Mr, [
+          e("p", Tr, l(t(c)("sidebars.comments.creatingAnchored")), 1),
+          e("p", Ar, ' "' + l(s.selectedTextSnippet) + '" ', 1)
+        ])) : H("", !0)
+      ]),
+      e("div", Pr, [
+        (n(!0), r(q, null, K(S.value, (g) => (n(), r("div", {
+          key: g.id,
+          class: "relative space-y-3 rounded-2xl border border-slate-200/60 bg-slate-50/60 p-4 transition-all hover:border-cyan-500/30 hover:shadow-cyan dark:border-white/5 dark:bg-[#02040a]/40"
+        }, [
+          e("div", Ir, [
+            e("div", Dr, [
+              e("div", {
+                class: "flex h-6 w-6 items-center justify-center rounded-full text-[10px] font-bold text-white shadow-sm",
+                style: me({ backgroundColor: g.authorColor })
+              }, l(I(g.authorName)), 5),
+              e("div", null, [
+                e("h4", Lr, l(g.authorName), 1),
+                e("p", Hr, l(new Date(g.createdAt).toLocaleTimeString()), 1)
+              ])
+            ]),
+            g.resolved ? H("", !0) : (n(), r("button", {
+              key: 0,
+              type: "button",
+              class: "rounded-lg p-1.5 text-slate-400 transition-colors hover:bg-green-500/10 hover:text-green-500",
+              title: t(c)("sidebars.comments.resolve"),
+              onClick: (b) => a("resolve-comment", g.id)
+            }, [
+              y(t(Pa), { class: "h-4 w-4" })
+            ], 8, zr))
+          ]),
+          g.anchorText ? (n(), r("div", Br, l(t(c)("sidebars.comments.quote")) + ' "' + l(g.anchorText) + '" ', 1)) : H("", !0),
+          e("p", jr, l(g.content), 1),
+          g.replies.length > 0 ? (n(), r("div", Fr, [
+            (n(!0), r(q, null, K(g.replies, (b) => (n(), r("div", {
+              key: b.id,
+              class: "space-y-1"
+            }, [
+              e("div", Er, [
+                e("div", {
+                  class: "flex h-4.5 w-4.5 items-center justify-center rounded-full text-[8px] font-bold text-white shadow-sm",
+                  style: me({ backgroundColor: b.authorColor })
+                }, l(I(b.authorName)), 5),
+                e("span", Rr, l(b.authorName), 1),
+                e("span", Nr, l(new Date(b.createdAt).toLocaleTimeString()), 1)
+              ]),
+              e("p", Or, l(b.content), 1)
+            ]))), 128))
+          ])) : H("", !0),
+          g.resolved ? H("", !0) : (n(), r("div", Vr, [
+            k.value === g.id ? (n(), r("div", qr, [
+              de(e("input", {
+                "onUpdate:modelValue": (b) => d.value[g.id] = b,
+                type: "text",
+                placeholder: t(c)("sidebars.comments.reply"),
+                class: "flex-1 rounded-lg border border-slate-200 bg-white px-2.5 py-1.5 text-xs text-slate-800 focus:border-cyan-500/50 focus:outline-none dark:border-white/10 dark:bg-white/[0.02] dark:text-slate-100 dark:focus:border-cyan-500/30",
+                onKeydown: ot((b) => D(g.id), ["enter"])
+              }, null, 40, Ur), [
+                [ce, d.value[g.id]]
+              ]),
+              e("button", {
+                type: "button",
+                class: "rounded-lg bg-cyan-500 p-1.5 font-bold text-black shadow-cyan hover:bg-cyan-400",
+                onClick: (b) => D(g.id)
+              }, [
+                y(t(pt), { class: "h-3.5 w-3.5" })
+              ], 8, Kr)
+            ])) : (n(), r("button", {
+              key: 1,
+              type: "button",
+              class: "flex items-center gap-1 text-[10px] font-bold text-cyan-600 transition-all hover:text-cyan-500",
+              onClick: (b) => k.value = g.id
+            }, [
+              y(t(to), { class: "h-3 w-3" }),
+              oe(" " + l(t(c)("sidebars.comments.replyInThread")), 1)
+            ], 8, Wr))
+          ])),
+          g.resolved ? (n(), r("div", Gr, [
+            oe(l(t(c)("sidebars.comments.resolvedBy").replace("{user}", g.resolvedBy || "You")) + " ", 1),
+            g.resolvedAt ? (n(), r("span", Jr, "at " + l(new Date(g.resolvedAt).toLocaleTimeString()), 1)) : H("", !0)
+          ])) : H("", !0)
+        ]))), 128)),
+        S.value.length === 0 ? (n(), r("div", Zr, [
+          y(t(Wa), { class: "mx-auto mb-2 h-8 w-8 text-cyan-500 opacity-50" }),
+          e("p", Yr, l(t(c)("sidebars.comments.noComments").replace("{mode}", u.value)), 1)
+        ])) : H("", !0)
+      ]),
+      u.value === "active" ? (n(), r("div", Qr, [
+        e("form", {
+          class: "space-y-2",
+          onSubmit: R(L, ["prevent"])
+        }, [
+          de(e("textarea", {
+            "onUpdate:modelValue": h[2] || (h[2] = (g) => f.value = g),
+            rows: "2",
+            placeholder: s.selectedTextSnippet ? t(c)("sidebars.comments.commentOnSelection") : t(c)("sidebars.comments.generalComment"),
+            class: "w-full min-h-[60px] resize-none rounded-xl border border-slate-200 bg-white p-2.5 text-xs text-slate-800 transition-all focus:border-cyan-500/50 focus:shadow-cyan focus:outline-none dark:border-white/10 dark:bg-white/[0.02] dark:text-slate-100 dark:focus:border-cyan-500/30"
+          }, null, 8, Xr), [
+            [ce, f.value]
+          ]),
+          e("div", ei, [
+            e("span", ti, l(s.selectedTextSnippet ? t(c)("sidebars.comments.anchoredComment") : t(c)("sidebars.comments.general")), 1),
+            e("button", {
+              type: "submit",
+              disabled: !f.value.trim(),
+              class: "flex items-center gap-1 rounded-lg bg-cyan-500 px-3.5 py-2 text-xs font-bold text-black shadow-cyan transition-all hover:bg-cyan-400 disabled:opacity-50"
+            }, [
+              y(t(pt), { class: "h-3.5 w-3.5" }),
+              oe(" " + l(t(c)("sidebars.comments.post")), 1)
+            ], 8, ai)
+          ])
+        ], 32)
+      ])) : H("", !0)
+    ]));
+  }
+}), oi = { class: "history-sidebar flex h-full w-80 flex-shrink-0 flex-col border-l border-slate-200 bg-white/80 text-slate-800 backdrop-blur-xl transition-all dark:border-white/5 dark:bg-[#0a0f1e]/85 dark:text-slate-100" }, ni = { class: "border-b border-slate-200 p-4 dark:border-white/5" }, si = { class: "flex items-center gap-1.5 font-mono text-xs font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400" }, li = { class: "mt-1.5 text-[10px] leading-relaxed text-slate-400 dark:text-slate-500" }, ri = { class: "flex-1 space-y-3 overflow-y-auto p-4" }, ii = {
+  key: 0,
+  class: "space-y-2 rounded-2xl border border-amber-500/30 bg-amber-500/10 p-3.5 text-xs animate-fadeIn dark:border-amber-500/20"
+}, di = { class: "flex items-start gap-1.5 text-amber-700 dark:text-amber-400" }, ci = { class: "font-bold" }, ui = { class: "mt-0.5 text-[10px] leading-relaxed text-amber-600 dark:text-amber-500" }, pi = { class: "flex justify-end gap-2 pt-1" }, hi = { class: "space-y-2.5" }, bi = { class: "mb-1 flex items-center justify-between" }, mi = { class: "rounded-md bg-slate-200 px-1.5 py-0.5 font-mono text-[9px] font-bold text-slate-500 dark:bg-cyan-500/10 dark:text-cyan-400" }, gi = { class: "flex items-center gap-0.5 font-mono text-[9px] text-slate-400 dark:text-slate-500" }, fi = { class: "text-xs font-bold leading-snug text-slate-800 dark:text-slate-200" }, vi = { class: "flex items-center gap-1.5 text-[10px] text-slate-500" }, xi = { class: "font-semibold text-slate-600 dark:text-slate-300" }, ki = { class: "flex justify-end gap-2 border-t border-slate-200/50 pt-2 dark:border-white/5" }, yi = ["onClick"], wi = ["onClick"], _i = {
+  key: 0,
+  class: "py-6 text-center text-xs text-slate-400 dark:text-slate-500"
+}, $i = { class: "border-t border-slate-200 bg-slate-50 p-4 dark:border-white/5 dark:bg-[#0a0f1e]/85" }, Si = ["placeholder"], Ci = { class: "flex justify-end gap-2" }, Mi = {
+  type: "submit",
+  class: "rounded-lg bg-cyan-500 px-3.5 py-1.5 text-xs font-bold text-black shadow-cyan hover:bg-cyan-400"
+}, rd = /* @__PURE__ */ le({
+  __name: "HistorySidebar",
+  props: {
+    snapshots: {},
+    activePreviewIndex: {}
+  },
+  emits: ["save-snapshot", "restore-snapshot", "preview-snapshot"],
+  setup(s, { emit: p }) {
+    const o = s, a = p, { t: c } = we(), f = w(""), d = w(!1);
+    function k() {
+      f.value.trim() && (a("save-snapshot", f.value.trim()), f.value = "", d.value = !1);
+    }
+    const u = F(() => o.snapshots ?? []);
+    return (S, L) => (n(), r("div", oi, [
+      e("div", ni, [
+        e("h3", si, [
+          y(t(qt), { class: "h-4 w-4 text-cyan-400" }),
+          oe(" " + l(t(c)("sidebars.history.title")), 1)
+        ]),
+        e("p", li, l(t(c)("sidebars.history.empty")), 1)
+      ]),
+      e("div", ri, [
+        s.activePreviewIndex !== null ? (n(), r("div", ii, [
+          e("div", di, [
+            y(t(no), { class: "mt-0.5 h-4 w-4 flex-shrink-0 text-amber-500" }),
+            e("div", null, [
+              e("p", ci, l(t(c)("sidebars.history.viewingPreview")), 1),
+              e("p", ui, l(t(c)("sidebars.history.readOnlyPreview").replace("{index}", String(s.activePreviewIndex))), 1)
+            ])
+          ]),
+          e("div", pi, [
+            e("button", {
+              type: "button",
+              class: "rounded-lg px-2.5 py-1 text-[10px] font-semibold text-slate-500 hover:bg-white/5 hover:text-slate-700 dark:text-slate-400",
+              onClick: L[0] || (L[0] = (D) => a("preview-snapshot", null))
+            }, l(t(c)("sidebars.history.closePreview")), 1),
+            e("button", {
+              type: "button",
+              class: "flex items-center gap-1 rounded-lg bg-cyan-500 px-3 py-1 text-[10px] font-bold text-black shadow-cyan transition-all hover:bg-cyan-400",
+              onClick: L[1] || (L[1] = () => {
+                a("restore-snapshot", s.activePreviewIndex), a("preview-snapshot", null);
+              })
+            }, [
+              y(t(Ct), { class: "h-3 w-3" }),
+              oe(" " + l(t(c)("sidebars.history.restoreThis")), 1)
+            ])
+          ])
+        ])) : H("", !0),
+        e("div", hi, [
+          (n(!0), r(q, null, K(u.value, (D) => (n(), r("div", {
+            key: D.versionIndex,
+            class: z(["space-y-2.5 rounded-2xl border p-4 transition-all", s.activePreviewIndex === D.versionIndex ? "border-cyan-500/40 bg-cyan-500/5 shadow-cyan dark:border-cyan-500/30" : "border-slate-200/60 bg-slate-50/60 hover:border-cyan-500/30 dark:border-white/5 dark:bg-[#02040a]/40 dark:hover:border-white/10"])
+          }, [
+            e("div", null, [
+              e("div", bi, [
+                e("span", mi, l(t(c)("sidebars.history.version")) + " #" + l(D.versionIndex), 1),
+                e("span", gi, [
+                  y(t(Ta), { class: "h-2.5 w-2.5" }),
+                  oe(" " + l(new Date(D.timestamp).toLocaleDateString()) + " " + l(new Date(D.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })), 1)
+                ])
+              ]),
+              e("h4", fi, l(D.title), 1)
+            ]),
+            e("div", vi, [
+              y(t(ho), { class: "h-3.5 w-3.5" }),
+              e("span", null, [
+                oe(l(t(c)("sidebars.history.modifiedBy")) + " ", 1),
+                e("strong", xi, l(D.modifiedBy), 1)
+              ])
+            ]),
+            e("div", ki, [
+              s.activePreviewIndex !== D.versionIndex ? (n(), r("button", {
+                key: 0,
+                type: "button",
+                class: "flex items-center gap-1 text-[10px] font-bold text-slate-500 transition-colors hover:text-cyan-600 dark:text-slate-400 dark:hover:text-cyan-400",
+                onClick: (I) => a("preview-snapshot", D)
+              }, [
+                y(t(Ha), { class: "h-3 w-3" }),
+                oe(" " + l(t(c)("sidebars.history.preview")), 1)
+              ], 8, yi)) : H("", !0),
+              e("button", {
+                type: "button",
+                class: "flex items-center gap-1 text-[10px] font-bold text-cyan-600 transition-colors hover:text-cyan-500 dark:text-cyan-400 dark:hover:text-cyan-300",
+                onClick: (I) => a("restore-snapshot", D.versionIndex)
+              }, [
+                y(t(Ct), { class: "h-3 w-3" }),
+                oe(" " + l(t(c)("sidebars.history.restore")), 1)
+              ], 8, wi)
+            ])
+          ], 2))), 128)),
+          u.value.length === 0 ? (n(), r("p", _i, l(t(c)("sidebars.history.noSnapshots")), 1)) : H("", !0)
+        ])
+      ]),
+      e("div", $i, [
+        d.value ? (n(), r("form", {
+          key: 0,
+          class: "space-y-2 animate-fadeIn",
+          onSubmit: R(k, ["prevent"])
+        }, [
+          de(e("input", {
+            "onUpdate:modelValue": L[2] || (L[2] = (D) => f.value = D),
+            type: "text",
+            required: "",
+            placeholder: t(c)("sidebars.history.snapshotPlaceholder"),
+            class: "w-full rounded-xl border border-slate-200 bg-white px-2.5 py-1.5 text-xs text-slate-800 transition-all focus:border-cyan-500/50 focus:shadow-cyan focus:outline-none dark:border-white/10 dark:bg-white/[0.02] dark:text-slate-100 dark:focus:border-cyan-500/30"
+          }, null, 8, Si), [
+            [ce, f.value]
+          ]),
+          e("div", Ci, [
+            e("button", {
+              type: "button",
+              class: "rounded-lg px-2.5 py-1 text-[10px] text-slate-500 hover:bg-white/5 dark:text-slate-400",
+              onClick: L[3] || (L[3] = (D) => d.value = !1)
+            }, l(t(c)("sidebars.history.cancel")), 1),
+            e("button", Mi, l(t(c)("sidebars.history.save")), 1)
+          ])
+        ], 32)) : (n(), r("button", {
+          key: 1,
+          type: "button",
+          class: "flex w-full items-center justify-center gap-1.5 rounded-xl border border-dashed border-slate-300 py-2.5 text-xs font-bold text-slate-500 transition-all hover:border-cyan-500 hover:bg-cyan-500/5 hover:text-cyan-500 dark:border-white/10 dark:text-slate-400 dark:hover:border-cyan-400/50 dark:hover:text-cyan-400",
+          onClick: L[4] || (L[4] = (D) => d.value = !0)
+        }, [
+          y(t(ao), { class: "h-3.5 w-3.5 animate-pulse" }),
+          oe(" " + l(t(c)("sidebars.history.saveNamedSnapshot")), 1)
+        ]))
+      ])
+    ]));
+  }
+}), Ti = { class: "docs-editor-left-sidebar flex w-14 flex-shrink-0 flex-col items-center border-r border-slate-200 bg-slate-50/50 py-3 dark:border-slate-800 dark:bg-[#080d1a] md:w-64 md:items-stretch md:px-3" }, Ai = { class: "mb-4 flex items-center justify-between px-1" }, Pi = ["title"], Ii = { class: "hidden flex-col gap-4 md:flex" }, Di = { class: "flex items-center justify-between px-2" }, Li = { class: "text-xs font-semibold text-slate-500 dark:text-slate-400 uppercase tracking-wide" }, Hi = ["title"], zi = { class: "flex flex-col gap-1 pr-1" }, Bi = ["onClick"], ji = { class: "truncate" }, Fi = {
+  key: 1,
+  class: "flex flex-1 items-center gap-2 pr-6"
+}, Ei = ["onBlur", "onKeydown"], Ri = { class: "relative flex items-center" }, Ni = ["onClick"], Oi = {
+  key: 1,
+  class: "absolute right-0 top-6 z-50 w-28 rounded-lg border border-slate-200/80 bg-white py-1 shadow-lg dark:border-slate-700 dark:bg-slate-800 text-slate-700 dark:text-slate-200"
+}, Vi = ["onClick"], qi = ["disabled", "onClick"], Ui = { class: "flex flex-col gap-1.5 px-2" }, Ki = { class: "text-xs font-semibold text-slate-500 dark:text-slate-400 uppercase tracking-wide" }, Wi = {
+  key: 0,
+  class: "flex flex-col gap-1 mt-1"
+}, Gi = ["onClick"], Ji = {
+  key: 1,
+  class: "text-xs leading-relaxed text-slate-400 dark:text-slate-500 italic mt-1 font-sans"
+}, Zi = { class: "flex flex-col gap-2 md:hidden" }, Yi = ["title", "onClick"], id = /* @__PURE__ */ le({
+  __name: "DocumentTabsSidebar",
+  props: {
+    tabs: { default: () => [{ id: "tab-1", label: "Tab 1", active: !0 }] },
+    editor: { default: null },
+    backTitle: { default: "" }
+  },
+  emits: ["collapse", "add-tab", "select-tab", "delete-tab", "rename-tab"],
+  setup(s, { emit: p }) {
+    const { t: o } = we(), a = s, c = F(() => a.backTitle || o("common.cancel")), f = p, d = w(null), k = w(null), u = w(""), S = (P) => {
+      k.value = P.id, u.value = P.label, d.value = null;
+    }, L = (P) => {
+      u.value.trim() && f("rename-tab", { id: P, label: u.value.trim() }), k.value = null;
+    }, D = () => {
+      k.value = null;
+    }, I = (P) => {
+      f("delete-tab", P), d.value = null;
+    }, _ = (P) => {
+      d.value = d.value === P ? null : P;
+    }, h = w([]), g = () => {
+      if (!a.editor) return;
+      const P = [];
+      a.editor.state.doc.descendants((B, j) => {
+        if (B.type.name === "heading") {
+          const O = B.attrs.level;
+          (O === 1 || O === 2 || O === 3) && P.push({
+            id: `heading-${j}`,
+            text: B.textContent.trim() || o("documentTabs.untitledHeading").replace("{level}", String(O)),
+            level: O,
+            pos: j
+          });
+        }
+        return !0;
+      }), h.value = P;
+    };
+    let b = null;
+    ae(
+      () => a.editor,
+      (P) => {
+        if (b && (b(), b = null), !P) {
+          h.value = [];
+          return;
+        }
+        g();
+        const B = () => {
+          g();
+        };
+        P.on("update", B), b = () => {
+          P.off("update", B);
+        };
+      },
+      { immediate: !0 }
+    );
+    const M = (P) => {
+      a.editor && (a.editor.chain().focus().setTextSelection(P.pos).run(), setTimeout(() => {
+        var O;
+        const B = document.querySelector(".docs-editor-scroll");
+        if (!B) return;
+        const j = B.querySelectorAll(".ProseMirror h1, .ProseMirror h2, .ProseMirror h3");
+        for (const G of Array.from(j))
+          if (((O = G.textContent) == null ? void 0 : O.trim()) === P.text) {
+            G.scrollIntoView({ behavior: "smooth", block: "center" });
+            return;
+          }
+      }, 50));
+    };
+    return (P, B) => (n(), r("aside", Ti, [
+      e("div", Ai, [
+        e("button", {
+          type: "button",
+          class: "flex h-8 w-8 items-center justify-center rounded-full text-slate-500 transition-colors hover:bg-slate-200/80 dark:text-slate-400 dark:hover:bg-slate-800/80",
+          title: c.value,
+          onClick: B[0] || (B[0] = (j) => f("collapse"))
+        }, [
+          y(t(Ca), { class: "h-[18px] w-[18px]" })
+        ], 8, Pi)
+      ]),
+      e("div", Ii, [
+        e("div", Di, [
+          e("span", Li, l(t(o)("documentTabs.documentTabs")), 1),
+          e("button", {
+            type: "button",
+            class: "flex h-6 w-6 items-center justify-center rounded-full text-slate-600 hover:bg-slate-200 dark:text-slate-400 dark:hover:bg-slate-800 transition-colors",
+            title: t(o)("documentTabs.addTab"),
+            onClick: B[1] || (B[1] = (j) => f("add-tab"))
+          }, [
+            y(t(st), { class: "h-4 w-4" })
+          ], 8, Hi)
+        ]),
+        e("div", zi, [
+          (n(!0), r(q, null, K(s.tabs, (j) => (n(), r("div", {
+            key: j.id,
+            class: z(["group relative flex w-full items-center justify-between rounded-r-full py-1.5 pl-3 pr-2 text-left text-sm transition-all", [
+              j.active ? "bg-[#c2e7ff]/70 text-[#001d35] dark:bg-blue-950/40 dark:text-blue-200 font-medium" : "text-slate-700 hover:bg-slate-200/40 dark:text-slate-300 dark:hover:bg-slate-800/30"
+            ]])
+          }, [
+            k.value !== j.id ? (n(), r("button", {
+              key: 0,
+              type: "button",
+              class: "flex flex-1 items-center gap-2 truncate pr-6 text-left",
+              onClick: (O) => f("select-tab", j.id)
+            }, [
+              y(t(Ne), { class: "h-4 w-4 flex-shrink-0 opacity-70" }),
+              e("span", ji, l(j.label), 1)
+            ], 8, Bi)) : H("", !0),
+            k.value === j.id ? (n(), r("div", Fi, [
+              y(t(Ne), { class: "h-4 w-4 flex-shrink-0 opacity-70" }),
+              de(e("input", {
+                "onUpdate:modelValue": B[2] || (B[2] = (O) => u.value = O),
+                type: "text",
+                class: "flex-1 rounded border border-blue-400 bg-white px-1.5 py-0.5 text-xs text-slate-800 outline-none focus:ring-1 focus:ring-blue-400/50 dark:bg-slate-900 dark:text-slate-100",
+                onBlur: (O) => L(j.id),
+                onKeydown: [
+                  ot((O) => L(j.id), ["enter"]),
+                  ot(D, ["esc"])
+                ],
+                onClick: B[3] || (B[3] = R(() => {
+                }, ["stop"]))
+              }, null, 40, Ei), [
+                [ce, u.value]
+              ])
+            ])) : H("", !0),
+            e("div", Ri, [
+              k.value !== j.id ? (n(), r("button", {
+                key: 0,
+                type: "button",
+                class: z(["rounded-full p-1 text-slate-500 opacity-0 transition-opacity hover:bg-slate-200/70 group-hover:opacity-100 dark:hover:bg-slate-700/70", { "opacity-100": d.value === j.id }]),
+                onClick: R((O) => _(j.id), ["stop"])
+              }, [
+                y(t(Vt), { class: "h-3.5 w-3.5" })
+              ], 10, Ni)) : H("", !0),
+              d.value === j.id ? (n(), r("div", Oi, [
+                e("button", {
+                  type: "button",
+                  class: "flex w-full items-center px-3 py-1.5 text-xs hover:bg-slate-50 dark:hover:bg-slate-700/50",
+                  onClick: R((O) => S(j), ["stop"])
+                }, l(t(o)("documentTabs.rename")), 9, Vi),
+                e("button", {
+                  type: "button",
+                  class: "flex w-full items-center px-3 py-1.5 text-xs text-red-600 dark:text-red-400 hover:bg-slate-50 dark:hover:bg-slate-700/50 disabled:opacity-40",
+                  disabled: s.tabs.length <= 1,
+                  onClick: R((O) => I(j.id), ["stop"])
+                }, l(t(o)("documentTabs.delete")), 9, qi)
+              ])) : H("", !0)
+            ])
+          ], 2))), 128))
+        ]),
+        B[4] || (B[4] = e("div", { class: "h-px bg-slate-200/80 dark:bg-slate-800 mx-2" }, null, -1)),
+        e("div", Ui, [
+          e("span", Ki, l(t(o)("documentTabs.outline")), 1),
+          h.value.length > 0 ? (n(), r("div", Wi, [
+            (n(!0), r(q, null, K(h.value, (j) => (n(), r("button", {
+              key: j.id,
+              type: "button",
+              class: z(["w-full text-left text-xs text-slate-500 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 py-1 transition-colors truncate", [
+                j.level === 2 ? "pl-3" : "",
+                j.level === 3 ? "pl-6" : ""
+              ]]),
+              onClick: (O) => M(j)
+            }, l(j.text), 11, Gi))), 128))
+          ])) : (n(), r("p", Ji, l(t(o)("documentTabs.placeholder")), 1))
+        ])
+      ]),
+      e("div", Zi, [
+        (n(!0), r(q, null, K(a.tabs, (j) => (n(), r("button", {
+          key: j.id,
+          type: "button",
+          class: z(["flex h-8 w-8 items-center justify-center rounded-lg transition-colors", [
+            j.active ? "bg-blue-100 text-blue-600 dark:bg-blue-950/40 dark:text-blue-300" : "text-slate-500 hover:bg-slate-200 dark:text-slate-400 dark:hover:bg-slate-800"
+          ]]),
+          title: j.label,
+          onClick: (O) => f("select-tab", j.id)
+        }, [
+          y(t(Ne), { class: "h-4 w-4" })
+        ], 10, Yi))), 128))
+      ])
+    ]));
+  }
+}), Qi = ["value"], Xi = ["value"], dd = /* @__PURE__ */ le({
+  __name: "FontSizeSelect",
+  props: {
+    editor: {}
+  },
+  setup(s) {
+    const p = s, o = ["10px", "12px", "14px", "16px", "18px", "20px", "24px", "30px", "36px"], a = F(() => p.editor && p.editor.getAttributes("textStyle").fontSize || "16px");
+    function c(f, d) {
+      d.preventDefault(), p.editor && (f === "16px" ? p.editor.commands.unsetFontSize() : p.editor.commands.setFontSize(f), p.editor.commands.focus());
+    }
+    return (f, d) => s.editor ? (n(), r("select", {
+      key: 0,
+      class: "h-7 rounded border border-slate-200 bg-white px-2 text-xs text-slate-600 outline-none transition focus:border-cyan-400 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-300",
+      value: a.value,
+      onChange: d[0] || (d[0] = (k) => c(k.target.value, k))
+    }, [
+      (n(), r(q, null, K(o, (k) => e("option", {
+        key: k,
+        value: k
+      }, l(k), 9, Xi)), 64))
+    ], 40, Qi)) : H("", !0);
+  }
+});
+export {
+  sd as AISidebar,
+  Zn as BubbleMenu,
+  ld as CommentsSidebar,
+  od as DocsEditor,
+  id as DocumentTabsSidebar,
+  Un as EditorToolbar,
+  dd as FontSizeSelect,
+  Xo as HeaderBar,
+  rd as HistorySidebar,
+  nd as PageView,
+  xa as SlashMenu,
+  gs as StatusBar,
+  el as TOCSidebar,
+  Lt as ThemeToggle,
+  Ft as defaultLocale,
+  ca as getLocaleMessages,
+  ba as getLocaleName,
+  ma as getSupportedLocales,
+  ut as isLocale,
+  ct as messages,
+  ha as provideLocale,
+  ia as useEditor,
+  we as useLocale,
+  zt as useTheme
+};