cognova 0.2.2 → 0.2.3

package/.output/server/chunks/build/docs-ChGwOPg5.mjs

@@ -0,0 +1,2204 @@
+import { _ as _sfc_main$1$1, a as _sfc_main$5 } from './DashboardNavbar-Cpq8yKA0.mjs';
+import { _ as _sfc_main$9 } from './Input-CV2hlBHo.mjs';
+import { _ as _sfc_main$a } from './Separator-CYbxFNTe.mjs';
+import { _ as _sfc_main$1$2, a as _sfc_main$b } from './Tree-DUhXKd8y.mjs';
+import { Q as useRoute, g as _sfc_main$d, _ as _sfc_main$8, b as useLocale, e as useAppConfig, t as tv, i as useToast, z as __nuxt_component_3$1 } from './server.mjs';
+import { _ as _sfc_main$c } from './Modal-Z_SoWhh-.mjs';
+import { _ as _sfc_main$e } from './Card-G40WAFiH.mjs';
+import { defineComponent, mergeProps, withCtx, createVNode, unref, createBlock, createCommentVNode, openBlock, createTextVNode, ref, computed, isRef, toDisplayString, withKeys, withAsyncContext, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrRenderClass, ssrInterpolate } from 'vue/server-renderer';
+import { useForwardProps } from 'reka-ui';
+import { useDebounceFn, reactiveOmit } from '@vueuse/core';
+import { u as useDashboard } from './DashboardSidebarToggle-Chnqv04k.mjs';
+import { _ as _sfc_main$6 } from './ColorModeButton-CiS8E1tc.mjs';
+import { _ as _sfc_main$7 } from './Drawer-zOHju6ul.mjs';
+import { _ as _sfc_main$f } from './Switch-GWdksmY6.mjs';
+import { _ as _sfc_main$h } from './FormField-Caux_FCv.mjs';
+import { _ as _sfc_main$i } from './SelectMenu-DPssg6zD.mjs';
+import { _ as _sfc_main$j } from './InputTags-VS4G6txn.mjs';
+import { _ as _sfc_main$1$3, a as _sfc_main$g } from './EditorToolbar-DIfb5arC.mjs';
+import { _ as __nuxt_component_5, u as useCopyToClipboard } from './useCopyToClipboard-vi6FYyyZ.mjs';
+import { ah as isMarkdownFile, ai as detectLanguage } from '../nitro/nitro.mjs';
+import { u as useFetch } from './fetch-BB7Qzkwe.mjs';
+import { u as usePreferences } from './usePreferences-DH1QjxOj.mjs';
+import 'reka-ui/namespaced';
+import './Kbd-Daq7k0fm.mjs';
+import './virtualizer-rkZfhL1t.mjs';
+import 'vue-router';
+import 'tailwindcss/colors';
+import '@iconify/vue';
+import 'tailwind-variants';
+import '@iconify/utils/lib/css/icon';
+import 'perfect-debounce';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/plugins';
+import 'unhead/utils';
+import './cookie-C_iulBi6.mjs';
+import './ssr-Bqnw2a-w.mjs';
+import 'vaul-vue';
+import '@tiptap/core';
+import '@tiptap/extension-horizontal-rule';
+import '@tiptap/extension-image';
+import '@tiptap/extension-mention';
+import '@tiptap/extension-placeholder';
+import '@tiptap/markdown';
+import '@tiptap/starter-kit';
+import '@tiptap/vue-3';
+import '@tiptap/vue-3/menus';
+import './DropdownMenu-BBrV9nXz.mjs';
+import './Tooltip-TRyl6dje.mjs';
+import '@anthropic-ai/claude-agent-sdk';
+import 'crypto';
+import 'module';
+import 'path';
+import 'os';
+import 'node:http';
+import 'node:https';
+import 'node:crypto';
+import 'stream';
+import 'events';
+import 'http';
+import 'buffer';
+import 'zlib';
+import 'https';
+import 'net';
+import 'tls';
+import 'url';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'fs';
+import 'drizzle-orm/postgres-js/migrator';
+import 'drizzle-orm';
+import 'drizzle-orm/postgres-js';
+import 'postgres';
+import 'drizzle-orm/pg-core';
+import 'better-auth';
+import 'better-auth/adapters/drizzle';
+import 'chokidar';
+import 'fs/promises';
+import 'gray-matter';
+import 'cron';
+import 'node:url';
+import '@iconify/utils';
+import 'consola';
+import '@vue/shared';
+
+function useFileTree() {
+  const items = ref([]);
+  const selectedFile = ref(null);
+  const loading = ref(false);
+  const error = ref(null);
+  const searchQuery = ref("");
+  function fileEntryToTreeItem(entry, expandRoot = false) {
+    const icon = entry.type === "directory" ? void 0 : getFileIcon(entry.name);
+    return {
+      id: entry.path,
+      label: entry.name,
+      icon,
+      path: entry.path,
+      type: entry.type,
+      defaultExpanded: expandRoot,
+      children: entry.children?.map((child) => fileEntryToTreeItem(child))
+    };
+  }
+  function getFileIcon(filename) {
+    const ext = filename.split(".").pop()?.toLowerCase();
+    switch (ext) {
+      case "md":
+        return "i-lucide-file-text";
+      case "ts":
+      case "tsx":
+        return "i-lucide-file-code";
+      case "js":
+      case "jsx":
+        return "i-lucide-file-code";
+      case "vue":
+        return "i-lucide-file-code";
+      case "json":
+        return "i-lucide-file-json";
+      case "css":
+      case "scss":
+        return "i-lucide-file-code";
+      case "png":
+      case "jpg":
+      case "jpeg":
+      case "gif":
+      case "svg":
+        return "i-lucide-file-image";
+      default:
+        return "i-lucide-file";
+    }
+  }
+  async function loadTree(path = "/") {
+    loading.value = true;
+    error.value = null;
+    try {
+      const response = await $fetch("/api/fs/list", {
+        query: { path, recursive: "true" }
+      });
+      items.value = response.data.map((entry) => fileEntryToTreeItem(entry, true));
+    } catch (e) {
+      error.value = "Failed to load file tree";
+      console.error("Failed to load file tree:", e);
+    } finally {
+      loading.value = false;
+    }
+  }
+  async function readFile(path) {
+    try {
+      const response = await $fetch("/api/fs/read", {
+        method: "POST",
+        body: { path }
+      });
+      return response.data;
+    } catch (e) {
+      console.error("Failed to read file:", e);
+      throw e;
+    }
+  }
+  async function writeFile(path, content) {
+    try {
+      const response = await $fetch("/api/fs/write", {
+        method: "POST",
+        body: { path, content }
+      });
+      return response.data;
+    } catch (e) {
+      console.error("Failed to write file:", e);
+      throw e;
+    }
+  }
+  async function createFile(parentPath, filename) {
+    const path = parentPath === "/" ? `/${filename}` : `${parentPath}/${filename}`;
+    await writeFile(path, "");
+    await loadTree();
+    return path;
+  }
+  async function createFolder(parentPath, foldername) {
+    const path = parentPath === "/" ? `/${foldername}` : `${parentPath}/${foldername}`;
+    try {
+      await $fetch("/api/fs/mkdir", {
+        method: "POST",
+        body: { path }
+      });
+      await loadTree();
+      return path;
+    } catch (e) {
+      console.error("Failed to create folder:", e);
+      throw e;
+    }
+  }
+  async function renameItem(oldPath, newName) {
+    const parts = oldPath.split("/");
+    parts.pop();
+    const newPath = [...parts, newName].join("/");
+    try {
+      await $fetch("/api/fs/rename", {
+        method: "POST",
+        body: { oldPath, newPath }
+      });
+      await loadTree();
+      return newPath;
+    } catch (e) {
+      console.error("Failed to rename:", e);
+      throw e;
+    }
+  }
+  async function deleteItem(path) {
+    try {
+      await $fetch("/api/fs/delete", {
+        method: "POST",
+        body: { path }
+      });
+      if (selectedFile.value === path) {
+        selectedFile.value = null;
+      }
+      await loadTree();
+    } catch (e) {
+      console.error("Failed to delete:", e);
+      throw e;
+    }
+  }
+  async function moveItem(sourcePath, destinationPath) {
+    try {
+      const response = await $fetch("/api/fs/move", {
+        method: "POST",
+        body: { sourcePath, destinationPath }
+      });
+      await loadTree();
+      return response.data.newPath;
+    } catch (e) {
+      console.error("Failed to move:", e);
+      throw e;
+    }
+  }
+  const filteredItems = computed(() => {
+    if (!searchQuery.value) return items.value;
+    const query = searchQuery.value.toLowerCase();
+    function filterTree(items2) {
+      return items2.reduce((acc, item) => {
+        const matches = item.label.toLowerCase().includes(query);
+        const filteredChildren = item.children ? filterTree(item.children) : [];
+        if (matches || filteredChildren.length > 0) {
+          acc.push({
+            ...item,
+            children: filteredChildren.length > 0 ? filteredChildren : item.children,
+            defaultExpanded: filteredChildren.length > 0 || matches
+          });
+        }
+        return acc;
+      }, []);
+    }
+    return filterTree(items.value);
+  });
+  return {
+    items,
+    filteredItems,
+    selectedFile,
+    loading,
+    error,
+    searchQuery,
+    loadTree,
+    readFile,
+    writeFile,
+    createFile,
+    createFolder,
+    renameItem,
+    deleteItem,
+    moveItem
+  };
+}
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "FileTree",
+  __ssrInlineRender: true,
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const {
+      filteredItems,
+      selectedFile,
+      loading,
+      searchQuery,
+      createFile,
+      createFolder,
+      renameItem,
+      deleteItem,
+      moveItem
+    } = useFileTree();
+    const draggedItem = ref(null);
+    const dropTarget = ref(null);
+    function handleDragStart(event, item) {
+      draggedItem.value = item;
+      if (event.dataTransfer) {
+        event.dataTransfer.effectAllowed = "move";
+        event.dataTransfer.setData("text/plain", item.path);
+      }
+    }
+    function handleDragOver(event, item) {
+      if (!draggedItem.value) return;
+      if (item.type !== "directory") return;
+      if (draggedItem.value.path === item.path) return;
+      if (item.path.startsWith(draggedItem.value.path + "/")) return;
+      event.preventDefault();
+      dropTarget.value = item;
+    }
+    function handleDragLeave() {
+      dropTarget.value = null;
+    }
+    function handleDragEnd() {
+      draggedItem.value = null;
+      dropTarget.value = null;
+    }
+    async function handleDrop(event, item) {
+      event.preventDefault();
+      if (!draggedItem.value || item.type !== "directory") return;
+      try {
+        await moveItem(draggedItem.value.path, item.path);
+      } catch {
+      }
+      draggedItem.value = null;
+      dropTarget.value = null;
+    }
+    const contextMenuTarget = ref(null);
+    const showNewFileModal = ref(false);
+    const showNewFolderModal = ref(false);
+    const showRenameModal = ref(false);
+    const showDeleteConfirm = ref(false);
+    const newItemName = ref("");
+    const contextMenuItems = computed(() => [
+      [{
+        label: "New File",
+        icon: "i-lucide-file-plus",
+        onSelect: () => {
+          newItemName.value = "";
+          showNewFileModal.value = true;
+        }
+      }, {
+        label: "New Folder",
+        icon: "i-lucide-folder-plus",
+        onSelect: () => {
+          newItemName.value = "";
+          showNewFolderModal.value = true;
+        }
+      }],
+      [{
+        label: "Rename",
+        icon: "i-lucide-pencil",
+        onSelect: () => {
+          if (contextMenuTarget.value) {
+            newItemName.value = contextMenuTarget.value.label;
+            showRenameModal.value = true;
+          }
+        }
+      }, {
+        label: "Delete",
+        icon: "i-lucide-trash-2",
+        color: "error",
+        onSelect: () => {
+          showDeleteConfirm.value = true;
+        }
+      }]
+    ]);
+    function handleSelect(item) {
+      if (item.type === "file") {
+        selectedFile.value = item.path;
+        emit("select", item.path);
+      }
+    }
+    async function handleCreateFile() {
+      if (!newItemName.value.trim()) return;
+      const parentPath = contextMenuTarget.value?.type === "directory" ? contextMenuTarget.value.path : "/";
+      let filename = newItemName.value.trim();
+      if (!filename.includes(".")) {
+        filename += ".md";
+      }
+      try {
+        const path = await createFile(parentPath, filename);
+        selectedFile.value = path;
+        emit("select", path);
+      } catch {
+      }
+      showNewFileModal.value = false;
+      newItemName.value = "";
+    }
+    async function handleCreateFolder() {
+      if (!newItemName.value.trim()) return;
+      const parentPath = contextMenuTarget.value?.type === "directory" ? contextMenuTarget.value.path : "/";
+      try {
+        await createFolder(parentPath, newItemName.value.trim());
+      } catch {
+      }
+      showNewFolderModal.value = false;
+      newItemName.value = "";
+    }
+    async function handleRename() {
+      if (!contextMenuTarget.value || !newItemName.value.trim()) return;
+      try {
+        await renameItem(contextMenuTarget.value.path, newItemName.value.trim());
+      } catch {
+      }
+      showRenameModal.value = false;
+      newItemName.value = "";
+    }
+    async function handleDelete() {
+      if (!contextMenuTarget.value) return;
+      try {
+        await deleteItem(contextMenuTarget.value.path);
+      } catch {
+      }
+      showDeleteConfirm.value = false;
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UInput = _sfc_main$9;
+      const _component_USeparator = _sfc_main$a;
+      const _component_UContextMenu = _sfc_main$1$2;
+      const _component_UIcon = _sfc_main$d;
+      const _component_UTree = _sfc_main$b;
+      const _component_UModal = _sfc_main$c;
+      const _component_UCard = _sfc_main$e;
+      const _component_UButton = _sfc_main$8;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "h-full flex flex-col" }, _attrs))}><div class="-mt-1 pb-2">`);
+      _push(ssrRenderComponent(_component_UInput, {
+        modelValue: unref(searchQuery),
+        "onUpdate:modelValue": ($event) => isRef(searchQuery) ? searchQuery.value = $event : null,
+        placeholder: "Search files...",
+        icon: "i-lucide-search",
+        size: "sm",
+        class: "w-full"
+      }, null, _parent));
+      _push(`</div>`);
+      _push(ssrRenderComponent(_component_USeparator, { class: "mt-2" }, null, _parent));
+      _push(ssrRenderComponent(_component_UContextMenu, {
+        items: unref(contextMenuItems),
+        class: "flex-1 h-full overflow-auto p-2",
+        onContextmenu: ($event) => contextMenuTarget.value = null
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(loading)) {
+              _push2(`<div class="flex items-center justify-center py-8"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-loader-2",
+                class: "size-6 animate-spin text-dimmed"
+              }, null, _parent2, _scopeId));
+              _push2(`</div>`);
+            } else if (unref(filteredItems).length === 0) {
+              _push2(`<div class="h-full min-h-32 flex flex-col items-center justify-center text-dimmed text-sm"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-folder-open",
+                class: "size-8 mx-auto mb-2 opacity-50"
+              }, null, _parent2, _scopeId));
+              _push2(`<p${_scopeId}>No files found</p><p class="text-xs mt-1"${_scopeId}> Right-click to create a file </p></div>`);
+            } else {
+              _push2(ssrRenderComponent(_component_UTree, {
+                items: unref(filteredItems),
+                "get-key": (item) => item.id,
+                color: "primary",
+                "expanded-icon": "i-lucide-folder-open",
+                "collapsed-icon": "i-lucide-folder",
+                onSelect: (_e, item) => handleSelect(item)
+              }, {
+                item: withCtx(({ item, expanded }, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<div class="${ssrRenderClass([{
+                      "bg-primary/10 rounded": unref(dropTarget)?.path === item.path
+                    }, "flex items-center gap-2 w-full"])}" draggable="true"${_scopeId2}>`);
+                    if (item.children?.length) {
+                      _push3(ssrRenderComponent(_component_UIcon, {
+                        name: expanded ? "i-lucide-folder-open" : "i-lucide-folder",
+                        class: "size-4 shrink-0 text-dimmed"
+                      }, null, _parent3, _scopeId2));
+                    } else if (item.icon) {
+                      _push3(ssrRenderComponent(_component_UIcon, {
+                        name: item.icon,
+                        class: "size-4 shrink-0 text-dimmed"
+                      }, null, _parent3, _scopeId2));
+                    } else {
+                      _push3(ssrRenderComponent(_component_UIcon, {
+                        name: "i-lucide-file",
+                        class: "size-4 shrink-0 text-dimmed"
+                      }, null, _parent3, _scopeId2));
+                    }
+                    _push3(`<span class="truncate"${_scopeId2}>${ssrInterpolate(item.label)}</span></div>`);
+                  } else {
+                    return [
+                      createVNode("div", {
+                        class: ["flex items-center gap-2 w-full", {
+                          "bg-primary/10 rounded": unref(dropTarget)?.path === item.path
+                        }],
+                        draggable: "true",
+                        onContextmenu: ($event) => contextMenuTarget.value = item,
+                        onDragstart: ($event) => handleDragStart($event, item),
+                        onDragover: ($event) => handleDragOver($event, item),
+                        onDragleave: handleDragLeave,
+                        onDragend: handleDragEnd,
+                        onDrop: ($event) => handleDrop($event, item)
+                      }, [
+                        item.children?.length ? (openBlock(), createBlock(_component_UIcon, {
+                          key: 0,
+                          name: expanded ? "i-lucide-folder-open" : "i-lucide-folder",
+                          class: "size-4 shrink-0 text-dimmed"
+                        }, null, 8, ["name"])) : item.icon ? (openBlock(), createBlock(_component_UIcon, {
+                          key: 1,
+                          name: item.icon,
+                          class: "size-4 shrink-0 text-dimmed"
+                        }, null, 8, ["name"])) : (openBlock(), createBlock(_component_UIcon, {
+                          key: 2,
+                          name: "i-lucide-file",
+                          class: "size-4 shrink-0 text-dimmed"
+                        })),
+                        createVNode("span", { class: "truncate" }, toDisplayString(item.label), 1)
+                      ], 42, ["onContextmenu", "onDragstart", "onDragover", "onDrop"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            }
+          } else {
+            return [
+              unref(loading) ? (openBlock(), createBlock("div", {
+                key: 0,
+                class: "flex items-center justify-center py-8"
+              }, [
+                createVNode(_component_UIcon, {
+                  name: "i-lucide-loader-2",
+                  class: "size-6 animate-spin text-dimmed"
+                })
+              ])) : unref(filteredItems).length === 0 ? (openBlock(), createBlock("div", {
+                key: 1,
+                class: "h-full min-h-32 flex flex-col items-center justify-center text-dimmed text-sm"
+              }, [
+                createVNode(_component_UIcon, {
+                  name: "i-lucide-folder-open",
+                  class: "size-8 mx-auto mb-2 opacity-50"
+                }),
+                createVNode("p", null, "No files found"),
+                createVNode("p", { class: "text-xs mt-1" }, " Right-click to create a file ")
+              ])) : (openBlock(), createBlock(_component_UTree, {
+                key: 2,
+                items: unref(filteredItems),
+                "get-key": (item) => item.id,
+                color: "primary",
+                "expanded-icon": "i-lucide-folder-open",
+                "collapsed-icon": "i-lucide-folder",
+                onSelect: (_e, item) => handleSelect(item)
+              }, {
+                item: withCtx(({ item, expanded }) => [
+                  createVNode("div", {
+                    class: ["flex items-center gap-2 w-full", {
+                      "bg-primary/10 rounded": unref(dropTarget)?.path === item.path
+                    }],
+                    draggable: "true",
+                    onContextmenu: ($event) => contextMenuTarget.value = item,
+                    onDragstart: ($event) => handleDragStart($event, item),
+                    onDragover: ($event) => handleDragOver($event, item),
+                    onDragleave: handleDragLeave,
+                    onDragend: handleDragEnd,
+                    onDrop: ($event) => handleDrop($event, item)
+                  }, [
+                    item.children?.length ? (openBlock(), createBlock(_component_UIcon, {
+                      key: 0,
+                      name: expanded ? "i-lucide-folder-open" : "i-lucide-folder",
+                      class: "size-4 shrink-0 text-dimmed"
+                    }, null, 8, ["name"])) : item.icon ? (openBlock(), createBlock(_component_UIcon, {
+                      key: 1,
+                      name: item.icon,
+                      class: "size-4 shrink-0 text-dimmed"
+                    }, null, 8, ["name"])) : (openBlock(), createBlock(_component_UIcon, {
+                      key: 2,
+                      name: "i-lucide-file",
+                      class: "size-4 shrink-0 text-dimmed"
+                    })),
+                    createVNode("span", { class: "truncate" }, toDisplayString(item.label), 1)
+                  ], 42, ["onContextmenu", "onDragstart", "onDragover", "onDrop"])
+                ]),
+                _: 1
+              }, 8, ["items", "get-key", "onSelect"]))
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_UModal, {
+        open: unref(showNewFileModal),
+        "onUpdate:open": ($event) => isRef(showNewFileModal) ? showNewFileModal.value = $event : null
+      }, {
+        content: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UCard, null, {
+              header: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex items-center gap-2"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UIcon, {
+                    name: "i-lucide-file-plus",
+                    class: "size-5"
+                  }, null, _parent3, _scopeId2));
+                  _push3(`<span class="font-semibold"${_scopeId2}>New File</span></div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex items-center gap-2" }, [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-file-plus",
+                        class: "size-5"
+                      }),
+                      createVNode("span", { class: "font-semibold" }, "New File")
+                    ])
+                  ];
+                }
+              }),
+              footer: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex justify-end gap-2"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    color: "neutral",
+                    variant: "ghost",
+                    onClick: ($event) => showNewFileModal.value = false
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Cancel `);
+                      } else {
+                        return [
+                          createTextVNode(" Cancel ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_UButton, { onClick: handleCreateFile }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Create `);
+                      } else {
+                        return [
+                          createTextVNode(" Create ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(`</div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex justify-end gap-2" }, [
+                      createVNode(_component_UButton, {
+                        color: "neutral",
+                        variant: "ghost",
+                        onClick: ($event) => showNewFileModal.value = false
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Cancel ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      createVNode(_component_UButton, { onClick: handleCreateFile }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Create ")
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ];
+                }
+              }),
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UInput, {
+                    modelValue: unref(newItemName),
+                    "onUpdate:modelValue": ($event) => isRef(newItemName) ? newItemName.value = $event : null,
+                    placeholder: "filename.md",
+                    autofocus: "",
+                    onKeyup: handleCreateFile
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UInput, {
+                      modelValue: unref(newItemName),
+                      "onUpdate:modelValue": ($event) => isRef(newItemName) ? newItemName.value = $event : null,
+                      placeholder: "filename.md",
+                      autofocus: "",
+                      onKeyup: withKeys(handleCreateFile, ["enter"])
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UCard, null, {
+                header: withCtx(() => [
+                  createVNode("div", { class: "flex items-center gap-2" }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-file-plus",
+                      class: "size-5"
+                    }),
+                    createVNode("span", { class: "font-semibold" }, "New File")
+                  ])
+                ]),
+                footer: withCtx(() => [
+                  createVNode("div", { class: "flex justify-end gap-2" }, [
+                    createVNode(_component_UButton, {
+                      color: "neutral",
+                      variant: "ghost",
+                      onClick: ($event) => showNewFileModal.value = false
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Cancel ")
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    createVNode(_component_UButton, { onClick: handleCreateFile }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Create ")
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                default: withCtx(() => [
+                  createVNode(_component_UInput, {
+                    modelValue: unref(newItemName),
+                    "onUpdate:modelValue": ($event) => isRef(newItemName) ? newItemName.value = $event : null,
+                    placeholder: "filename.md",
+                    autofocus: "",
+                    onKeyup: withKeys(handleCreateFile, ["enter"])
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_UModal, {
+        open: unref(showNewFolderModal),
+        "onUpdate:open": ($event) => isRef(showNewFolderModal) ? showNewFolderModal.value = $event : null
+      }, {
+        content: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UCard, null, {
+              header: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex items-center gap-2"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UIcon, {
+                    name: "i-lucide-folder-plus",
+                    class: "size-5"
+                  }, null, _parent3, _scopeId2));
+                  _push3(`<span class="font-semibold"${_scopeId2}>New Folder</span></div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex items-center gap-2" }, [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-folder-plus",
+                        class: "size-5"
+                      }),
+                      createVNode("span", { class: "font-semibold" }, "New Folder")
+                    ])
+                  ];
+                }
+              }),
+              footer: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex justify-end gap-2"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    color: "neutral",
+                    variant: "ghost",
+                    onClick: ($event) => showNewFolderModal.value = false
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Cancel `);
+                      } else {
+                        return [
+                          createTextVNode(" Cancel ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_UButton, { onClick: handleCreateFolder }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Create `);
+                      } else {
+                        return [
+                          createTextVNode(" Create ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(`</div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex justify-end gap-2" }, [
+                      createVNode(_component_UButton, {
+                        color: "neutral",
+                        variant: "ghost",
+                        onClick: ($event) => showNewFolderModal.value = false
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Cancel ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      createVNode(_component_UButton, { onClick: handleCreateFolder }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Create ")
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ];
+                }
+              }),
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UInput, {
+                    modelValue: unref(newItemName),
+                    "onUpdate:modelValue": ($event) => isRef(newItemName) ? newItemName.value = $event : null,
+                    placeholder: "folder-name",
+                    autofocus: "",
+                    onKeyup: handleCreateFolder
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UInput, {
+                      modelValue: unref(newItemName),
+                      "onUpdate:modelValue": ($event) => isRef(newItemName) ? newItemName.value = $event : null,
+                      placeholder: "folder-name",
+                      autofocus: "",
+                      onKeyup: withKeys(handleCreateFolder, ["enter"])
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UCard, null, {
+                header: withCtx(() => [
+                  createVNode("div", { class: "flex items-center gap-2" }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-folder-plus",
+                      class: "size-5"
+                    }),
+                    createVNode("span", { class: "font-semibold" }, "New Folder")
+                  ])
+                ]),
+                footer: withCtx(() => [
+                  createVNode("div", { class: "flex justify-end gap-2" }, [
+                    createVNode(_component_UButton, {
+                      color: "neutral",
+                      variant: "ghost",
+                      onClick: ($event) => showNewFolderModal.value = false
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Cancel ")
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    createVNode(_component_UButton, { onClick: handleCreateFolder }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Create ")
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                default: withCtx(() => [
+                  createVNode(_component_UInput, {
+                    modelValue: unref(newItemName),
+                    "onUpdate:modelValue": ($event) => isRef(newItemName) ? newItemName.value = $event : null,
+                    placeholder: "folder-name",
+                    autofocus: "",
+                    onKeyup: withKeys(handleCreateFolder, ["enter"])
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_UModal, {
+        open: unref(showRenameModal),
+        "onUpdate:open": ($event) => isRef(showRenameModal) ? showRenameModal.value = $event : null
+      }, {
+        content: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UCard, null, {
+              header: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex items-center gap-2"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UIcon, {
+                    name: "i-lucide-pencil",
+                    class: "size-5"
+                  }, null, _parent3, _scopeId2));
+                  _push3(`<span class="font-semibold"${_scopeId2}>Rename</span></div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex items-center gap-2" }, [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-pencil",
+                        class: "size-5"
+                      }),
+                      createVNode("span", { class: "font-semibold" }, "Rename")
+                    ])
+                  ];
+                }
+              }),
+              footer: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex justify-end gap-2"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    color: "neutral",
+                    variant: "ghost",
+                    onClick: ($event) => showRenameModal.value = false
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Cancel `);
+                      } else {
+                        return [
+                          createTextVNode(" Cancel ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_UButton, { onClick: handleRename }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Rename `);
+                      } else {
+                        return [
+                          createTextVNode(" Rename ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(`</div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex justify-end gap-2" }, [
+                      createVNode(_component_UButton, {
+                        color: "neutral",
+                        variant: "ghost",
+                        onClick: ($event) => showRenameModal.value = false
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Cancel ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      createVNode(_component_UButton, { onClick: handleRename }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Rename ")
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ];
+                }
+              }),
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UInput, {
+                    modelValue: unref(newItemName),
+                    "onUpdate:modelValue": ($event) => isRef(newItemName) ? newItemName.value = $event : null,
+                    placeholder: "new-name",
+                    autofocus: "",
+                    onKeyup: handleRename
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UInput, {
+                      modelValue: unref(newItemName),
+                      "onUpdate:modelValue": ($event) => isRef(newItemName) ? newItemName.value = $event : null,
+                      placeholder: "new-name",
+                      autofocus: "",
+                      onKeyup: withKeys(handleRename, ["enter"])
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UCard, null, {
+                header: withCtx(() => [
+                  createVNode("div", { class: "flex items-center gap-2" }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-pencil",
+                      class: "size-5"
+                    }),
+                    createVNode("span", { class: "font-semibold" }, "Rename")
+                  ])
+                ]),
+                footer: withCtx(() => [
+                  createVNode("div", { class: "flex justify-end gap-2" }, [
+                    createVNode(_component_UButton, {
+                      color: "neutral",
+                      variant: "ghost",
+                      onClick: ($event) => showRenameModal.value = false
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Cancel ")
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    createVNode(_component_UButton, { onClick: handleRename }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Rename ")
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                default: withCtx(() => [
+                  createVNode(_component_UInput, {
+                    modelValue: unref(newItemName),
+                    "onUpdate:modelValue": ($event) => isRef(newItemName) ? newItemName.value = $event : null,
+                    placeholder: "new-name",
+                    autofocus: "",
+                    onKeyup: withKeys(handleRename, ["enter"])
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_UModal, {
+        open: unref(showDeleteConfirm),
+        "onUpdate:open": ($event) => isRef(showDeleteConfirm) ? showDeleteConfirm.value = $event : null
+      }, {
+        content: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UCard, null, {
+              header: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex items-center gap-2 text-error"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UIcon, {
+                    name: "i-lucide-trash-2",
+                    class: "size-5"
+                  }, null, _parent3, _scopeId2));
+                  _push3(`<span class="font-semibold"${_scopeId2}>Delete</span></div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex items-center gap-2 text-error" }, [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-trash-2",
+                        class: "size-5"
+                      }),
+                      createVNode("span", { class: "font-semibold" }, "Delete")
+                    ])
+                  ];
+                }
+              }),
+              footer: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex justify-end gap-2"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    color: "neutral",
+                    variant: "ghost",
+                    onClick: ($event) => showDeleteConfirm.value = false
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Cancel `);
+                      } else {
+                        return [
+                          createTextVNode(" Cancel ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    color: "error",
+                    onClick: handleDelete
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Delete `);
+                      } else {
+                        return [
+                          createTextVNode(" Delete ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(`</div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex justify-end gap-2" }, [
+                      createVNode(_component_UButton, {
+                        color: "neutral",
+                        variant: "ghost",
+                        onClick: ($event) => showDeleteConfirm.value = false
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Cancel ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      createVNode(_component_UButton, {
+                        color: "error",
+                        onClick: handleDelete
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Delete ")
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ];
+                }
+              }),
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<p${_scopeId2}> Are you sure you want to delete <strong${_scopeId2}>${ssrInterpolate(unref(contextMenuTarget)?.label)}</strong>? </p>`);
+                  if (unref(contextMenuTarget)?.type === "directory") {
+                    _push3(`<p class="text-sm text-dimmed mt-1"${_scopeId2}> This will delete all files and folders inside. </p>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                } else {
+                  return [
+                    createVNode("p", null, [
+                      createTextVNode(" Are you sure you want to delete "),
+                      createVNode("strong", null, toDisplayString(unref(contextMenuTarget)?.label), 1),
+                      createTextVNode("? ")
+                    ]),
+                    unref(contextMenuTarget)?.type === "directory" ? (openBlock(), createBlock("p", {
+                      key: 0,
+                      class: "text-sm text-dimmed mt-1"
+                    }, " This will delete all files and folders inside. ")) : createCommentVNode("", true)
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UCard, null, {
+                header: withCtx(() => [
+                  createVNode("div", { class: "flex items-center gap-2 text-error" }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-trash-2",
+                      class: "size-5"
+                    }),
+                    createVNode("span", { class: "font-semibold" }, "Delete")
+                  ])
+                ]),
+                footer: withCtx(() => [
+                  createVNode("div", { class: "flex justify-end gap-2" }, [
+                    createVNode(_component_UButton, {
+                      color: "neutral",
+                      variant: "ghost",
+                      onClick: ($event) => showDeleteConfirm.value = false
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Cancel ")
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    createVNode(_component_UButton, {
+                      color: "error",
+                      onClick: handleDelete
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Delete ")
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                default: withCtx(() => [
+                  createVNode("p", null, [
+                    createTextVNode(" Are you sure you want to delete "),
+                    createVNode("strong", null, toDisplayString(unref(contextMenuTarget)?.label), 1),
+                    createTextVNode("? ")
+                  ]),
+                  unref(contextMenuTarget)?.type === "directory" ? (openBlock(), createBlock("p", {
+                    key: 0,
+                    class: "text-sm text-dimmed mt-1"
+                  }, " This will delete all files and folders inside. ")) : createCommentVNode("", true)
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/files/FileTree.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const __nuxt_component_1 = Object.assign(_sfc_main$4, { __name: "FilesFileTree" });
+const theme = {
+  "base": "hidden lg:flex",
+  "variants": {
+    "side": {
+      "left": "",
+      "right": ""
+    }
+  }
+};
+const _sfc_main$3 = {
+  __name: "UDashboardSidebarCollapse",
+  __ssrInlineRender: true,
+  props: {
+    color: { type: null, required: false, default: "neutral" },
+    variant: { type: null, required: false, default: "ghost" },
+    side: { type: String, required: false, default: "left" },
+    label: { type: String, required: false },
+    activeColor: { type: null, required: false },
+    activeVariant: { type: null, required: false },
+    size: { type: null, required: false },
+    square: { type: Boolean, required: false },
+    block: { type: Boolean, required: false },
+    loadingAuto: { type: Boolean, required: false },
+    onClick: { type: [Function, Array], required: false },
+    class: { type: null, required: false },
+    ui: { type: null, required: false },
+    icon: { type: null, required: false },
+    avatar: { type: Object, required: false },
+    leading: { type: Boolean, required: false },
+    leadingIcon: { type: null, required: false },
+    trailing: { type: Boolean, required: false },
+    trailingIcon: { type: null, required: false },
+    loading: { type: Boolean, required: false },
+    loadingIcon: { type: null, required: false },
+    as: { type: null, required: false },
+    type: { type: null, required: false },
+    disabled: { type: Boolean, required: false },
+    exactActiveClass: { type: String, required: false },
+    viewTransition: { type: Boolean, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const buttonProps = useForwardProps(reactiveOmit(props, "icon", "side", "class"));
+    const { t } = useLocale();
+    const appConfig = useAppConfig();
+    const { sidebarCollapsed, collapseSidebar } = useDashboard({ sidebarCollapsed: ref(false), collapseSidebar: () => {
+    } });
+    const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.dashboardSidebarCollapse || {} }));
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(_sfc_main$8, mergeProps({
+        ...unref(buttonProps),
+        "icon": props.icon || (unref(sidebarCollapsed) ? unref(appConfig).ui.icons.panelOpen : unref(appConfig).ui.icons.panelClose),
+        "aria-label": unref(sidebarCollapsed) ? unref(t)("dashboardSidebarCollapse.expand") : unref(t)("dashboardSidebarCollapse.collapse"),
+        ..._ctx.$attrs
+      }, {
+        class: ui.value({ class: props.class, side: props.side }),
+        onClick: ($event) => unref(collapseSidebar)?.(!unref(sidebarCollapsed))
+      }, _attrs), null, _parent));
+    };
+  }
+};
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../node_modules/.pnpm/@nuxt+ui@4.3.0_2329ed002e1dfb3a5ad728629f2842a0/node_modules/@nuxt/ui/dist/runtime/components/DashboardSidebarCollapse.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "DocumentMetadata",
+  __ssrInlineRender: true,
+  props: {
+    metadata: {},
+    projects: {}
+  },
+  emits: ["update:metadata"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visibilityOptions = [
+      {
+        label: "Hidden",
+        value: "hidden",
+        icon: "i-lucide-lock",
+        description: "Hidden behind authentication and never viewable by the public"
+      },
+      {
+        label: "Private",
+        value: "private",
+        icon: "i-lucide-eye-off",
+        description: "Viewable by anyone with the link, but will not be indexed by search engines"
+      },
+      {
+        label: "Public",
+        value: "public",
+        icon: "i-lucide-eye",
+        description: "Viewable to the public and indexed by search engines"
+      }
+    ];
+    const visibility = computed(() => {
+      if (!props.metadata.shared) return "hidden";
+      return props.metadata.shareType || "private";
+    });
+    const selectedVisibility = computed(
+      () => visibilityOptions.find((o) => o.value === visibility.value)
+    );
+    const localTags = computed({
+      get: () => props.metadata.tags || [],
+      set: (value) => emit("update:metadata", { tags: value })
+    });
+    function handleProjectChange(projectId) {
+      emit("update:metadata", { projectId: projectId || void 0 });
+    }
+    function handleVisibilityChange(value) {
+      if (value === "hidden") {
+        emit("update:metadata", { shared: false, shareType: void 0 });
+      } else {
+        emit("update:metadata", { shared: true, shareType: value });
+      }
+    }
+    const projectOptions = computed(() => [
+      { label: "None", value: void 0 },
+      ...props.projects.map((p) => ({ label: p.name, value: p.id }))
+    ]);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UFormField = _sfc_main$h;
+      const _component_USelectMenu = _sfc_main$i;
+      const _component_UIcon = _sfc_main$d;
+      const _component_UInputTags = _sfc_main$j;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "border-b border-default px-4 py-3 bg-elevated/50" }, _attrs))}><div class="flex flex-wrap items-start gap-3">`);
+      _push(ssrRenderComponent(_component_UFormField, {
+        label: "Project",
+        class: "w-40"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_USelectMenu, {
+              "model-value": __props.metadata.projectId,
+              items: unref(projectOptions),
+              "value-key": "value",
+              placeholder: "None",
+              class: "w-full",
+              "search-input": false,
+              "onUpdate:modelValue": handleProjectChange
+            }, null, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_USelectMenu, {
+                "model-value": __props.metadata.projectId,
+                items: unref(projectOptions),
+                "value-key": "value",
+                placeholder: "None",
+                class: "w-full",
+                "search-input": false,
+                "onUpdate:modelValue": handleProjectChange
+              }, null, 8, ["model-value", "items"])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_UFormField, {
+        label: "Visibility",
+        class: "w-44"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_USelectMenu, {
+              "model-value": unref(visibility),
+              items: visibilityOptions,
+              "value-key": "value",
+              class: "w-full",
+              "search-input": false,
+              "onUpdate:modelValue": handleVisibilityChange
+            }, {
+              leading: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  if (unref(selectedVisibility)) {
+                    _push3(ssrRenderComponent(_component_UIcon, {
+                      name: unref(selectedVisibility).icon,
+                      class: "size-4 text-dimmed"
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                } else {
+                  return [
+                    unref(selectedVisibility) ? (openBlock(), createBlock(_component_UIcon, {
+                      key: 0,
+                      name: unref(selectedVisibility).icon,
+                      class: "size-4 text-dimmed"
+                    }, null, 8, ["name"])) : createCommentVNode("", true)
+                  ];
+                }
+              }),
+              item: withCtx(({ item }, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex items-start gap-2 py-0.5"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UIcon, {
+                    name: item.icon,
+                    class: "size-4 mt-0.5 shrink-0"
+                  }, null, _parent3, _scopeId2));
+                  _push3(`<div class="min-w-0"${_scopeId2}><div class="font-medium"${_scopeId2}>${ssrInterpolate(item.label)}</div><div class="text-xs text-dimmed truncate"${_scopeId2}>${ssrInterpolate(item.description)}</div></div></div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex items-start gap-2 py-0.5" }, [
+                      createVNode(_component_UIcon, {
+                        name: item.icon,
+                        class: "size-4 mt-0.5 shrink-0"
+                      }, null, 8, ["name"]),
+                      createVNode("div", { class: "min-w-0" }, [
+                        createVNode("div", { class: "font-medium" }, toDisplayString(item.label), 1),
+                        createVNode("div", { class: "text-xs text-dimmed truncate" }, toDisplayString(item.description), 1)
+                      ])
+                    ])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_USelectMenu, {
+                "model-value": unref(visibility),
+                items: visibilityOptions,
+                "value-key": "value",
+                class: "w-full",
+                "search-input": false,
+                "onUpdate:modelValue": handleVisibilityChange
+              }, {
+                leading: withCtx(() => [
+                  unref(selectedVisibility) ? (openBlock(), createBlock(_component_UIcon, {
+                    key: 0,
+                    name: unref(selectedVisibility).icon,
+                    class: "size-4 text-dimmed"
+                  }, null, 8, ["name"])) : createCommentVNode("", true)
+                ]),
+                item: withCtx(({ item }) => [
+                  createVNode("div", { class: "flex items-start gap-2 py-0.5" }, [
+                    createVNode(_component_UIcon, {
+                      name: item.icon,
+                      class: "size-4 mt-0.5 shrink-0"
+                    }, null, 8, ["name"]),
+                    createVNode("div", { class: "min-w-0" }, [
+                      createVNode("div", { class: "font-medium" }, toDisplayString(item.label), 1),
+                      createVNode("div", { class: "text-xs text-dimmed truncate" }, toDisplayString(item.description), 1)
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["model-value"])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_UFormField, {
+        label: "Tags",
+        class: "flex-1 min-w-48"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UInputTags, {
+              modelValue: unref(localTags),
+              "onUpdate:modelValue": ($event) => isRef(localTags) ? localTags.value = $event : null,
+              placeholder: "Add tags...",
+              class: "w-full"
+            }, null, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UInputTags, {
+                modelValue: unref(localTags),
+                "onUpdate:modelValue": ($event) => isRef(localTags) ? localTags.value = $event : null,
+                placeholder: "Add tags...",
+                class: "w-full"
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div></div>`);
+    };
+  }
+});
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/editor/DocumentMetadata.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const __nuxt_component_3 = Object.assign(_sfc_main$2, { __name: "EditorDocumentMetadata" });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "DocumentEditor",
+  __ssrInlineRender: true,
+  props: {
+    document: {},
+    body: {},
+    metadata: {},
+    filePath: {},
+    saveStatus: {},
+    isDirty: { type: Boolean },
+    metadataDirty: { type: Boolean }
+  },
+  emits: ["update:body", "update:metadata", "save"],
+  async setup(__props, { emit: __emit }) {
+    let __temp, __restore;
+    const props = __props;
+    const emit = __emit;
+    const { data: projectsData } = ([__temp, __restore] = withAsyncContext(() => useFetch("/api/projects", "$c96-63t_ij")), __temp = await __temp, __restore(), __temp);
+    const projects = computed(() => projectsData.value?.data || []);
+    const showMetadata = ref(true);
+    const { editorMode } = usePreferences();
+    const isEditorMode = computed({
+      get: () => editorMode.value === "editor",
+      set: (v) => editorMode.value = v ? "editor" : "code"
+    });
+    const isMarkdown = computed(
+      () => props.document.fileType === "markdown" || isMarkdownFile(props.filePath)
+    );
+    computed(() => detectLanguage(props.filePath));
+    const showModeToggle = computed(() => isMarkdown.value);
+    const toolbarItems = [
+      [
+        { kind: "heading", level: 1, icon: "i-lucide-heading-1" },
+        { kind: "heading", level: 2, icon: "i-lucide-heading-2" },
+        { kind: "heading", level: 3, icon: "i-lucide-heading-3" }
+      ],
+      [
+        { kind: "mark", mark: "bold", icon: "i-lucide-bold" },
+        { kind: "mark", mark: "italic", icon: "i-lucide-italic" },
+        { kind: "mark", mark: "code", icon: "i-lucide-code" }
+      ],
+      [
+        { kind: "bulletList", icon: "i-lucide-list" },
+        { kind: "orderedList", icon: "i-lucide-list-ordered" },
+        { kind: "blockquote", icon: "i-lucide-quote" }
+      ],
+      [
+        { kind: "link", icon: "i-lucide-link" },
+        { kind: "codeBlock", icon: "i-lucide-file-code" },
+        { kind: "horizontalRule", icon: "i-lucide-minus" }
+      ],
+      [
+        { kind: "undo", icon: "i-lucide-undo" },
+        { kind: "redo", icon: "i-lucide-redo" }
+      ]
+    ];
+    const saveStatusIcon = computed(() => {
+      switch (props.saveStatus) {
+        case "saving":
+          return "i-lucide-loader-2";
+        case "saved":
+          return "i-lucide-check";
+        case "error":
+          return "i-lucide-alert-circle";
+        default:
+          return props.isDirty || props.metadataDirty ? "i-lucide-circle-dot" : null;
+      }
+    });
+    const saveStatusText = computed(() => {
+      switch (props.saveStatus) {
+        case "saving":
+          return "Saving...";
+        case "saved":
+          return "Saved";
+        case "error":
+          return "Error saving";
+        default:
+          return props.isDirty || props.metadataDirty ? "Unsaved changes" : "";
+      }
+    });
+    const editorContent = computed(() => props.body || void 0);
+    function handleBodyUpdate(value) {
+      emit("update:body", value);
+    }
+    function handleMetadataUpdate(updates) {
+      emit("update:metadata", updates);
+    }
+    const toast = useToast();
+    const shareUrl = computed(() => {
+      if (!props.document?.id) return "";
+      return `${(void 0).location.origin}/view/${props.document.id}`;
+    });
+    const linkCopied = ref(false);
+    const showShareModal = ref(false);
+    function handleShareClick() {
+      if (props.metadata.shared) {
+        copyShareLink();
+      } else {
+        showShareModal.value = true;
+      }
+    }
+    const { copy } = useCopyToClipboard();
+    async function copyShareLink() {
+      const ok = await copy(shareUrl.value);
+      if (ok) {
+        linkCopied.value = true;
+        toast.add({ title: "Link copied!", icon: "i-lucide-check", color: "success" });
+        setTimeout(() => {
+          linkCopied.value = false;
+        }, 2e3);
+      } else {
+        toast.add({ title: "Failed to copy link", icon: "i-lucide-x", color: "error" });
+      }
+    }
+    function setVisibility(shared, shareType) {
+      emit("update:metadata", { shared, shareType: shareType ?? void 0 });
+      showShareModal.value = false;
+      if (shared) {
+        setTimeout(() => copyShareLink(), 100);
+      }
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UIcon = _sfc_main$d;
+      const _component_USwitch = _sfc_main$f;
+      const _component_UButton = _sfc_main$8;
+      const _component_EditorDocumentMetadata = __nuxt_component_3;
+      const _component_UEditor = _sfc_main$1$3;
+      const _component_UEditorToolbar = _sfc_main$g;
+      const _component_ClientOnly = __nuxt_component_3$1;
+      const _component_EditorCodeEditorFallback = __nuxt_component_5;
+      const _component_UModal = _sfc_main$c;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "h-full flex flex-col" }, _attrs))}><div class="border-b border-default py-2 flex items-center justify-between"><div class="flex items-center gap-2 text-sm text-dimmed min-w-0">`);
+      _push(ssrRenderComponent(_component_UIcon, {
+        name: "i-lucide-file-text",
+        class: "size-4 shrink-0"
+      }, null, _parent));
+      _push(`<span class="truncate">${ssrInterpolate(__props.filePath)}</span></div>`);
+      if (unref(showModeToggle)) {
+        _push(`<div class="w-40">`);
+        _push(ssrRenderComponent(_component_USwitch, {
+          modelValue: unref(isEditorMode),
+          "onUpdate:modelValue": ($event) => isRef(isEditorMode) ? isEditorMode.value = $event : null,
+          "unchecked-icon": "i-lucide-code",
+          "checked-icon": "i-lucide-pencil",
+          label: unref(isEditorMode) ? "Editor Mode" : "Code Mode",
+          ui: { base: "data-[state=unchecked]:bg-info", icon: "group-data-[state=unchecked]:text-info" }
+        }, null, _parent));
+        _push(`</div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`<div class="flex items-center gap-3">`);
+      _push(ssrRenderComponent(_component_UButton, {
+        icon: unref(linkCopied) ? "i-lucide-check" : "i-lucide-share",
+        size: "xs",
+        variant: "ghost",
+        class: "rounded-full",
+        onClick: handleShareClick
+      }, null, _parent));
+      _push(ssrRenderComponent(_component_UButton, {
+        icon: unref(showMetadata) ? "i-lucide-panel-top-close" : "i-lucide-panel-top-open",
+        size: "xs",
+        variant: "ghost",
+        class: "rounded-full",
+        onClick: ($event) => showMetadata.value = !unref(showMetadata)
+      }, null, _parent));
+      if (unref(saveStatusIcon)) {
+        _push(`<div class="flex items-center gap-1 text-sm text-dimmed">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: unref(saveStatusIcon),
+          class: [
+            "size-4",
+            __props.saveStatus === "saving" && "animate-spin",
+            __props.saveStatus === "error" && "text-error"
+          ]
+        }, null, _parent));
+        _push(`<span>${ssrInterpolate(unref(saveStatusText))}</span></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div></div>`);
+      if (unref(showMetadata)) {
+        _push(ssrRenderComponent(_component_EditorDocumentMetadata, {
+          metadata: __props.metadata,
+          projects: unref(projects),
+          "onUpdate:metadata": handleMetadataUpdate
+        }, null, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      if (unref(isMarkdown) && unref(isEditorMode)) {
+        _push(ssrRenderComponent(_component_UEditor, {
+          "model-value": unref(editorContent),
+          "content-type": "markdown",
+          placeholder: "Start writing...",
+          class: "markdown-editor w-full min-h-64 flex-1",
+          "onUpdate:modelValue": handleBodyUpdate
+        }, {
+          default: withCtx(({ editor }, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(_component_UEditorToolbar, {
+                editor,
+                items: toolbarItems,
+                class: "border-b border-default"
+              }, null, _parent2, _scopeId));
+            } else {
+              return [
+                createVNode(_component_UEditorToolbar, {
+                  editor,
+                  items: toolbarItems,
+                  class: "border-b border-default"
+                }, null, 8, ["editor"])
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+      } else {
+        _push(ssrRenderComponent(_component_ClientOnly, null, {
+          fallback: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(_component_EditorCodeEditorFallback, { class: "flex-1" }, null, _parent2, _scopeId));
+            } else {
+              return [
+                createVNode(_component_EditorCodeEditorFallback, { class: "flex-1" })
+              ];
+            }
+          })
+        }, _parent));
+      }
+      _push(ssrRenderComponent(_component_UModal, {
+        open: unref(showShareModal),
+        "onUpdate:open": ($event) => isRef(showShareModal) ? showShareModal.value = $event : null,
+        title: "Share Document",
+        description: "Choose how you want to share this document"
+      }, {
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-4"${_scopeId}><div class="${ssrRenderClass([{ "border-primary bg-elevated": !__props.metadata.shared }, "p-4 border border-default rounded-lg cursor-pointer hover:bg-elevated transition-colors"])}"${_scopeId}><div class="flex items-center gap-3"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UIcon, {
+              name: "i-lucide-eye-off",
+              class: "size-5 text-dimmed"
+            }, null, _parent2, _scopeId));
+            _push2(`<div${_scopeId}><div class="font-medium"${_scopeId}> Hidden </div><div class="text-sm text-dimmed"${_scopeId}> Only you can view this document. Not accessible via link. </div></div></div></div><div class="${ssrRenderClass([{ "border-primary bg-elevated": __props.metadata.shared && __props.metadata.shareType === "private" }, "p-4 border border-default rounded-lg cursor-pointer hover:bg-elevated transition-colors"])}"${_scopeId}><div class="flex items-center gap-3"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UIcon, {
+              name: "i-lucide-link",
+              class: "size-5 text-dimmed"
+            }, null, _parent2, _scopeId));
+            _push2(`<div${_scopeId}><div class="font-medium"${_scopeId}> Private (Link Only) </div><div class="text-sm text-dimmed"${_scopeId}> Anyone with the link can view. Not indexed by search engines. </div></div></div></div><div class="${ssrRenderClass([{ "border-primary bg-elevated": __props.metadata.shared && __props.metadata.shareType === "public" }, "p-4 border border-default rounded-lg cursor-pointer hover:bg-elevated transition-colors"])}"${_scopeId}><div class="flex items-center gap-3"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UIcon, {
+              name: "i-lucide-globe",
+              class: "size-5 text-dimmed"
+            }, null, _parent2, _scopeId));
+            _push2(`<div${_scopeId}><div class="font-medium"${_scopeId}> Public </div><div class="text-sm text-dimmed"${_scopeId}> Visible to everyone. Indexed by search engines. </div></div></div></div></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-4" }, [
+                createVNode("div", {
+                  class: ["p-4 border border-default rounded-lg cursor-pointer hover:bg-elevated transition-colors", { "border-primary bg-elevated": !__props.metadata.shared }],
+                  onClick: ($event) => setVisibility(false, null)
+                }, [
+                  createVNode("div", { class: "flex items-center gap-3" }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-eye-off",
+                      class: "size-5 text-dimmed"
+                    }),
+                    createVNode("div", null, [
+                      createVNode("div", { class: "font-medium" }, " Hidden "),
+                      createVNode("div", { class: "text-sm text-dimmed" }, " Only you can view this document. Not accessible via link. ")
+                    ])
+                  ])
+                ], 10, ["onClick"]),
+                createVNode("div", {
+                  class: ["p-4 border border-default rounded-lg cursor-pointer hover:bg-elevated transition-colors", { "border-primary bg-elevated": __props.metadata.shared && __props.metadata.shareType === "private" }],
+                  onClick: ($event) => setVisibility(true, "private")
+                }, [
+                  createVNode("div", { class: "flex items-center gap-3" }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-link",
+                      class: "size-5 text-dimmed"
+                    }),
+                    createVNode("div", null, [
+                      createVNode("div", { class: "font-medium" }, " Private (Link Only) "),
+                      createVNode("div", { class: "text-sm text-dimmed" }, " Anyone with the link can view. Not indexed by search engines. ")
+                    ])
+                  ])
+                ], 10, ["onClick"]),
+                createVNode("div", {
+                  class: ["p-4 border border-default rounded-lg cursor-pointer hover:bg-elevated transition-colors", { "border-primary bg-elevated": __props.metadata.shared && __props.metadata.shareType === "public" }],
+                  onClick: ($event) => setVisibility(true, "public")
+                }, [
+                  createVNode("div", { class: "flex items-center gap-3" }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-globe",
+                      class: "size-5 text-dimmed"
+                    }),
+                    createVNode("div", null, [
+                      createVNode("div", { class: "font-medium" }, " Public "),
+                      createVNode("div", { class: "text-sm text-dimmed" }, " Visible to everyone. Indexed by search engines. ")
+                    ])
+                  ])
+                ], 10, ["onClick"])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/editor/DocumentEditor.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_8 = Object.assign(_sfc_main$1, { __name: "EditorDocumentEditor" });
+function useDocument() {
+  const document = ref(null);
+  const metadata = ref(null);
+  const body = ref("");
+  const filePath = ref(null);
+  const loading = ref(false);
+  const saveStatus = ref("idle");
+  const isDirty = ref(false);
+  const metadataDirty = ref(false);
+  const debouncedSaveBody = useDebounceFn(async () => {
+    if (!document.value || !isDirty.value) return;
+    await saveDocument({ body: body.value });
+  }, 2e3);
+  const debouncedSaveMetadata = useDebounceFn(async () => {
+    if (!document.value || !metadataDirty.value) return;
+    await saveDocument();
+  }, 500);
+  async function loadDocument(path) {
+    loading.value = true;
+    filePath.value = path;
+    isDirty.value = false;
+    metadataDirty.value = false;
+    saveStatus.value = "idle";
+    try {
+      const response = await $fetch("/api/documents/by-path", {
+        method: "POST",
+        body: { path }
+      });
+      document.value = response.data.document;
+      metadata.value = response.data.metadata;
+      body.value = response.data.body || "";
+    } catch (e) {
+      console.error("Failed to load document:", e);
+      document.value = null;
+      metadata.value = null;
+      body.value = "";
+    } finally {
+      loading.value = false;
+    }
+  }
+  function updateBody(newBody) {
+    if (body.value !== newBody) {
+      body.value = newBody;
+      isDirty.value = true;
+      debouncedSaveBody();
+    }
+  }
+  function updateMetadata(updates) {
+    if (!metadata.value) return;
+    metadata.value = { ...metadata.value, ...updates };
+    metadataDirty.value = true;
+    debouncedSaveMetadata();
+  }
+  async function saveDocument(updates = {}) {
+    if (!document.value) return;
+    saveStatus.value = "saving";
+    try {
+      const payload = { ...updates };
+      if (metadataDirty.value && metadata.value) {
+        payload.title = metadata.value.title;
+        payload.tags = metadata.value.tags;
+        payload.projectId = metadata.value.projectId;
+        payload.shared = metadata.value.shared;
+        payload.shareType = metadata.value.shareType;
+      }
+      if (isDirty.value && updates.body === void 0)
+        payload.body = body.value;
+      const response = await $fetch(`/api/documents/${document.value.id}`, {
+        method: "PUT",
+        body: payload
+      });
+      document.value = response.data.document;
+      metadata.value = response.data.metadata;
+      body.value = response.data.body || "";
+      isDirty.value = false;
+      metadataDirty.value = false;
+      saveStatus.value = "saved";
+      setTimeout(() => {
+        if (saveStatus.value === "saved")
+          saveStatus.value = "idle";
+      }, 2e3);
+    } catch (e) {
+      console.error("Failed to save document:", e);
+      saveStatus.value = "error";
+    }
+  }
+  async function saveNow() {
+    if (!isDirty.value && !metadataDirty.value) return;
+    await saveDocument({ body: body.value });
+  }
+  function closeDocument() {
+    document.value = null;
+    metadata.value = null;
+    body.value = "";
+    filePath.value = null;
+    isDirty.value = false;
+    metadataDirty.value = false;
+    saveStatus.value = "idle";
+  }
+  return {
+    document,
+    metadata,
+    body,
+    filePath,
+    loading,
+    saveStatus,
+    isDirty,
+    metadataDirty,
+    loadDocument,
+    updateBody,
+    updateMetadata,
+    saveDocument,
+    saveNow,
+    closeDocument
+  };
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "docs",
+  __ssrInlineRender: true,
+  setup(__props) {
+    useRoute();
+    const {
+      document,
+      metadata,
+      body,
+      filePath,
+      loading,
+      saveStatus,
+      isDirty,
+      metadataDirty,
+      loadDocument,
+      updateBody,
+      updateMetadata,
+      saveNow
+    } = useDocument();
+    const { lastDocumentPath } = usePreferences();
+    async function handleFileSelect(path) {
+      await loadDocument(path);
+      lastDocumentPath.value = path;
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UDashboardPanel = _sfc_main$1$1;
+      const _component_FilesFileTree = __nuxt_component_1;
+      const _component_UDashboardNavbar = _sfc_main$5;
+      const _component_UDashboardSidebarCollapse = _sfc_main$3;
+      const _component_UColorModeButton = _sfc_main$6;
+      const _component_UDrawer = _sfc_main$7;
+      const _component_UButton = _sfc_main$8;
+      const _component_UIcon = _sfc_main$d;
+      const _component_EditorDocumentEditor = __nuxt_component_8;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex flex-1 min-w-0" }, _attrs))}>`);
+      _push(ssrRenderComponent(_component_UDashboardPanel, {
+        id: "docs-filetree",
+        collapsible: "",
+        resizable: "",
+        "min-size": 12,
+        "default-size": 16,
+        "max-size": 24,
+        class: "hidden lg:flex"
+      }, {
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_FilesFileTree, {
+              class: "h-full",
+              onSelect: handleFileSelect
+            }, null, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_FilesFileTree, {
+                class: "h-full",
+                onSelect: handleFileSelect
+              })
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_UDashboardPanel, {
+        id: "docs-editor",
+        grow: "",
+        ui: { body: "sm:py-0" }
+      }, {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UDashboardNavbar, null, {
+              title: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UDashboardSidebarCollapse, null, null, _parent3, _scopeId2));
+                  _push3(` Editor `);
+                } else {
+                  return [
+                    createVNode(_component_UDashboardSidebarCollapse),
+                    createTextVNode(" Editor ")
+                  ];
+                }
+              }),
+              right: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UColorModeButton, null, null, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_UDrawer, null, {
+                    content: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(ssrRenderComponent(_component_FilesFileTree, {
+                          class: "h-full",
+                          onSelect: handleFileSelect
+                        }, null, _parent4, _scopeId3));
+                      } else {
+                        return [
+                          createVNode(_component_FilesFileTree, {
+                            class: "h-full",
+                            onSelect: handleFileSelect
+                          })
+                        ];
+                      }
+                    }),
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(ssrRenderComponent(_component_UButton, {
+                          icon: "i-lucide-folder-tree",
+                          class: "block lg:hidden"
+                        }, null, _parent4, _scopeId3));
+                      } else {
+                        return [
+                          createVNode(_component_UButton, {
+                            icon: "i-lucide-folder-tree",
+                            class: "block lg:hidden"
+                          })
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UColorModeButton),
+                    createVNode(_component_UDrawer, null, {
+                      content: withCtx(() => [
+                        createVNode(_component_FilesFileTree, {
+                          class: "h-full",
+                          onSelect: handleFileSelect
+                        })
+                      ]),
+                      default: withCtx(() => [
+                        createVNode(_component_UButton, {
+                          icon: "i-lucide-folder-tree",
+                          class: "block lg:hidden"
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UDashboardNavbar, null, {
+                title: withCtx(() => [
+                  createVNode(_component_UDashboardSidebarCollapse),
+                  createTextVNode(" Editor ")
+                ]),
+                right: withCtx(() => [
+                  createVNode(_component_UColorModeButton),
+                  createVNode(_component_UDrawer, null, {
+                    content: withCtx(() => [
+                      createVNode(_component_FilesFileTree, {
+                        class: "h-full",
+                        onSelect: handleFileSelect
+                      })
+                    ]),
+                    default: withCtx(() => [
+                      createVNode(_component_UButton, {
+                        icon: "i-lucide-folder-tree",
+                        class: "block lg:hidden"
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(loading)) {
+              _push2(`<div class="flex-1 flex items-center justify-center h-full"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-loader-2",
+                class: "size-6 animate-spin text-dimmed"
+              }, null, _parent2, _scopeId));
+              _push2(`</div>`);
+            } else if (!unref(filePath)) {
+              _push2(`<div class="flex-1 flex items-center justify-center h-full text-dimmed"${_scopeId}><div class="text-center"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-file-text",
+                class: "size-32 mx-auto mb-4 opacity-50"
+              }, null, _parent2, _scopeId));
+              _push2(`<p${_scopeId}>Select a file to edit</p></div></div>`);
+            } else if (unref(metadata) && unref(document)) {
+              _push2(ssrRenderComponent(_component_EditorDocumentEditor, {
+                key: unref(filePath),
+                document: unref(document),
+                body: unref(body),
+                metadata: unref(metadata),
+                "file-path": unref(filePath),
+                "save-status": unref(saveStatus),
+                "is-dirty": unref(isDirty),
+                "metadata-dirty": unref(metadataDirty),
+                class: "h-full",
+                "onUpdate:body": unref(updateBody),
+                "onUpdate:metadata": unref(updateMetadata),
+                onSave: unref(saveNow)
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+          } else {
+            return [
+              unref(loading) ? (openBlock(), createBlock("div", {
+                key: 0,
+                class: "flex-1 flex items-center justify-center h-full"
+              }, [
+                createVNode(_component_UIcon, {
+                  name: "i-lucide-loader-2",
+                  class: "size-6 animate-spin text-dimmed"
+                })
+              ])) : !unref(filePath) ? (openBlock(), createBlock("div", {
+                key: 1,
+                class: "flex-1 flex items-center justify-center h-full text-dimmed"
+              }, [
+                createVNode("div", { class: "text-center" }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-file-text",
+                    class: "size-32 mx-auto mb-4 opacity-50"
+                  }),
+                  createVNode("p", null, "Select a file to edit")
+                ])
+              ])) : unref(metadata) && unref(document) ? (openBlock(), createBlock(_component_EditorDocumentEditor, {
+                key: unref(filePath),
+                document: unref(document),
+                body: unref(body),
+                metadata: unref(metadata),
+                "file-path": unref(filePath),
+                "save-status": unref(saveStatus),
+                "is-dirty": unref(isDirty),
+                "metadata-dirty": unref(metadataDirty),
+                class: "h-full",
+                "onUpdate:body": unref(updateBody),
+                "onUpdate:metadata": unref(updateMetadata),
+                onSave: unref(saveNow)
+              }, null, 8, ["document", "body", "metadata", "file-path", "save-status", "is-dirty", "metadata-dirty", "onUpdate:body", "onUpdate:metadata", "onSave"])) : createCommentVNode("", true)
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/docs.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=docs-ChGwOPg5.mjs.map