cognova 0.2.13 → 0.2.15

package/.output/server/chunks/build/{docs-ChGwOPg5.mjs → docs-Bwucwp0r.mjs}

@@ -1,24 +1,24 @@
-import { _ as _sfc_main$1$1, a as _sfc_main$5 } from './DashboardNavbar-Cpq8yKA0.mjs';
+import { _ as _sfc_main$1$1, a as _sfc_main$6 } 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 { z as useRoute, g as _sfc_main$d, _ as _sfc_main$8$1, b as useLocale, e as useAppConfig, t as tv, i as useToast, W as __nuxt_component_3$1 } from './server.mjs';
+import { _ as _sfc_main$f } from './Modal-Z_SoWhh-.mjs';
+import { _ as _sfc_main$g } from './Card-G40WAFiH.mjs';
+import { defineComponent, mergeProps, withCtx, createVNode, unref, createBlock, createCommentVNode, openBlock, createTextVNode, ref, computed, isRef, toDisplayString, withAsyncContext, mergeModels, useModel, watch, withKeys, 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$7 } from './ColorModeButton-CiS8E1tc.mjs';
+import { _ as _sfc_main$8 } from './Drawer-zOHju6ul.mjs';
+import { _ as _sfc_main$c } 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 { aq as isMarkdownFile, ar as detectLanguage } from '../nitro/nitro.mjs';
+import { _ as _sfc_main$1$3, a as _sfc_main$e } from './EditorToolbar-B9OwSI5e.mjs';
+import { _ as __nuxt_component_5$1, u as useCopyToClipboard } from './useCopyToClipboard-vi6FYyyZ.mjs';
+import { ar as isMarkdownFile, as 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';
@@ -90,506 +90,72 @@ 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",
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "FileTreeModals",
   __ssrInlineRender: true,
-  emits: ["select"],
+  props: /* @__PURE__ */ mergeModels({
+    contextTarget: {}
+  }, {
+    "showNewFile": { type: Boolean, ...{ required: true } },
+    "showNewFileModifiers": {},
+    "showNewFolder": { type: Boolean, ...{ required: true } },
+    "showNewFolderModifiers": {},
+    "showRename": { type: Boolean, ...{ required: true } },
+    "showRenameModifiers": {},
+    "showDelete": { type: Boolean, ...{ required: true } },
+    "showDeleteModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["createFile", "createFolder", "rename", "delete"], ["update:showNewFile", "update:showNewFolder", "update:showRename", "update:showDelete"]),
   setup(__props, { emit: __emit }) {
+    const showNewFile = useModel(__props, "showNewFile");
+    const showNewFolder = useModel(__props, "showNewFolder");
+    const showRename = useModel(__props, "showRename");
+    const showDelete = useModel(__props, "showDelete");
+    const props = __props;
     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;
+    const newItemName = ref("");
+    watch(showRename, (open) => {
+      if (open && props.contextTarget)
+        newItemName.value = props.contextTarget.label;
+    });
+    watch(showNewFile, (open) => {
+      if (open) newItemName.value = "";
+    });
+    watch(showNewFolder, (open) => {
+      if (open) newItemName.value = "";
+    });
+    function handleCreateFile() {
+      if (!newItemName.value.trim()) return;
+      emit("createFile", newItemName.value.trim());
+      showNewFile.value = false;
+      newItemName.value = "";
     }
-    function handleDragLeave() {
-      dropTarget.value = null;
+    function handleCreateFolder() {
+      if (!newItemName.value.trim()) return;
+      emit("createFolder", newItemName.value.trim());
+      showNewFolder.value = false;
+      newItemName.value = "";
     }
-    function handleDragEnd() {
-      draggedItem.value = null;
-      dropTarget.value = null;
+    function handleRename() {
+      if (!newItemName.value.trim()) return;
+      emit("rename", newItemName.value.trim());
+      showRename.value = false;
+      newItemName.value = "";
     }
-    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;
+    function handleDelete() {
+      emit("delete");
+      showDelete.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_UModal = _sfc_main$f;
+      const _component_UCard = _sfc_main$g;
       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));
+      const _component_UInput = _sfc_main$9;
+      const _component_UButton = _sfc_main$8$1;
+      _push(`<!--[-->`);
       _push(ssrRenderComponent(_component_UModal, {
-        open: unref(showNewFileModal),
-        "onUpdate:open": ($event) => isRef(showNewFileModal) ? showNewFileModal.value = $event : null
+        open: showNewFile.value,
+        "onUpdate:open": ($event) => showNewFile.value = $event
       }, {
         content: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
@@ -620,7 +186,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   _push3(ssrRenderComponent(_component_UButton, {
                     color: "neutral",
                     variant: "ghost",
-                    onClick: ($event) => showNewFileModal.value = false
+                    onClick: ($event) => showNewFile.value = false
                   }, {
                     default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                       if (_push4) {
@@ -652,7 +218,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                       createVNode(_component_UButton, {
                         color: "neutral",
                         variant: "ghost",
-                        onClick: ($event) => showNewFileModal.value = false
+                        onClick: ($event) => showNewFile.value = false
                       }, {
                         default: withCtx(() => [
                           createTextVNode(" Cancel ")
@@ -709,7 +275,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     createVNode(_component_UButton, {
                       color: "neutral",
                       variant: "ghost",
-                      onClick: ($event) => showNewFileModal.value = false
+                      onClick: ($event) => showNewFile.value = false
                     }, {
                       default: withCtx(() => [
                         createTextVNode(" Cancel ")
@@ -741,8 +307,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         _: 1
       }, _parent));
       _push(ssrRenderComponent(_component_UModal, {
-        open: unref(showNewFolderModal),
-        "onUpdate:open": ($event) => isRef(showNewFolderModal) ? showNewFolderModal.value = $event : null
+        open: showNewFolder.value,
+        "onUpdate:open": ($event) => showNewFolder.value = $event
       }, {
         content: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
@@ -773,7 +339,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   _push3(ssrRenderComponent(_component_UButton, {
                     color: "neutral",
                     variant: "ghost",
-                    onClick: ($event) => showNewFolderModal.value = false
+                    onClick: ($event) => showNewFolder.value = false
                   }, {
                     default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                       if (_push4) {
@@ -805,7 +371,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                       createVNode(_component_UButton, {
                         color: "neutral",
                         variant: "ghost",
-                        onClick: ($event) => showNewFolderModal.value = false
+                        onClick: ($event) => showNewFolder.value = false
                       }, {
                         default: withCtx(() => [
                           createTextVNode(" Cancel ")
@@ -862,7 +428,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     createVNode(_component_UButton, {
                       color: "neutral",
                       variant: "ghost",
-                      onClick: ($event) => showNewFolderModal.value = false
+                      onClick: ($event) => showNewFolder.value = false
                     }, {
                       default: withCtx(() => [
                         createTextVNode(" Cancel ")
@@ -894,8 +460,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         _: 1
       }, _parent));
       _push(ssrRenderComponent(_component_UModal, {
-        open: unref(showRenameModal),
-        "onUpdate:open": ($event) => isRef(showRenameModal) ? showRenameModal.value = $event : null
+        open: showRename.value,
+        "onUpdate:open": ($event) => showRename.value = $event
       }, {
         content: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
@@ -926,7 +492,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   _push3(ssrRenderComponent(_component_UButton, {
                     color: "neutral",
                     variant: "ghost",
-                    onClick: ($event) => showRenameModal.value = false
+                    onClick: ($event) => showRename.value = false
                   }, {
                     default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                       if (_push4) {
@@ -958,7 +524,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                       createVNode(_component_UButton, {
                         color: "neutral",
                         variant: "ghost",
-                        onClick: ($event) => showRenameModal.value = false
+                        onClick: ($event) => showRename.value = false
                       }, {
                         default: withCtx(() => [
                           createTextVNode(" Cancel ")
@@ -1015,7 +581,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     createVNode(_component_UButton, {
                       color: "neutral",
                       variant: "ghost",
-                      onClick: ($event) => showRenameModal.value = false
+                      onClick: ($event) => showRename.value = false
                     }, {
                       default: withCtx(() => [
                         createTextVNode(" Cancel ")
@@ -1047,8 +613,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         _: 1
       }, _parent));
       _push(ssrRenderComponent(_component_UModal, {
-        open: unref(showDeleteConfirm),
-        "onUpdate:open": ($event) => isRef(showDeleteConfirm) ? showDeleteConfirm.value = $event : null
+        open: showDelete.value,
+        "onUpdate:open": ($event) => showDelete.value = $event
       }, {
         content: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
@@ -1079,7 +645,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   _push3(ssrRenderComponent(_component_UButton, {
                     color: "neutral",
                     variant: "ghost",
-                    onClick: ($event) => showDeleteConfirm.value = false
+                    onClick: ($event) => showDelete.value = false
                   }, {
                     default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                       if (_push4) {
@@ -1114,7 +680,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                       createVNode(_component_UButton, {
                         color: "neutral",
                         variant: "ghost",
-                        onClick: ($event) => showDeleteConfirm.value = false
+                        onClick: ($event) => showDelete.value = false
                       }, {
                         default: withCtx(() => [
                           createTextVNode(" Cancel ")
@@ -1136,81 +702,587 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               }),
               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${_scopeId2}> Are you sure you want to delete <strong${_scopeId2}>${ssrInterpolate(__props.contextTarget?.label)}</strong>? </p>`);
+                  if (__props.contextTarget?.type === "directory") {
                     _push3(`<p class="text-sm text-dimmed mt-1"${_scopeId2}> This will delete all files and folders inside. </p>`);
                   } else {
-                    _push3(`<!---->`);
+                    _push3(`<!---->`);
+                  }
+                } else {
+                  return [
+                    createVNode("p", null, [
+                      createTextVNode(" Are you sure you want to delete "),
+                      createVNode("strong", null, toDisplayString(__props.contextTarget?.label), 1),
+                      createTextVNode("? ")
+                    ]),
+                    __props.contextTarget?.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) => showDelete.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(__props.contextTarget?.label), 1),
+                    createTextVNode("? ")
+                  ]),
+                  __props.contextTarget?.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(`<!--]-->`);
+    };
+  }
+});
+const _sfc_setup$5 = _sfc_main$5.setup;
+_sfc_main$5.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/files/FileTreeModals.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+const __nuxt_component_5 = Object.assign(_sfc_main$5, { __name: "FilesFileTreeModals" });
+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 contextMenuItems = computed(() => [
+      [{
+        label: "New File",
+        icon: "i-lucide-file-plus",
+        onSelect: () => {
+          showNewFileModal.value = true;
+        }
+      }, {
+        label: "New Folder",
+        icon: "i-lucide-folder-plus",
+        onSelect: () => {
+          showNewFolderModal.value = true;
+        }
+      }],
+      [{
+        label: "Rename",
+        icon: "i-lucide-pencil",
+        onSelect: () => {
+          if (contextMenuTarget.value)
+            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(name) {
+      const parentPath = contextMenuTarget.value?.type === "directory" ? contextMenuTarget.value.path : "/";
+      let filename = name;
+      if (!filename.includes("."))
+        filename += ".md";
+      try {
+        const path = await createFile(parentPath, filename);
+        selectedFile.value = path;
+        emit("select", path);
+      } catch {
+      }
+    }
+    async function handleCreateFolder(name) {
+      const parentPath = contextMenuTarget.value?.type === "directory" ? contextMenuTarget.value.path : "/";
+      try {
+        await createFolder(parentPath, name);
+      } catch {
+      }
+    }
+    async function handleRename(name) {
+      if (!contextMenuTarget.value) return;
+      try {
+        await renameItem(contextMenuTarget.value.path, name);
+      } catch {
+      }
+    }
+    async function handleDelete() {
+      if (!contextMenuTarget.value) return;
+      try {
+        await deleteItem(contextMenuTarget.value.path);
+      } catch {
+      }
+    }
+    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_FilesFileTreeModals = __nuxt_component_5;
+      _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"])
+                    ];
                   }
-                } 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));
+                }),
+                _: 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)
+              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_FilesFileTreeModals, {
+        "show-new-file": unref(showNewFileModal),
+        "onUpdate:showNewFile": ($event) => isRef(showNewFileModal) ? showNewFileModal.value = $event : null,
+        "show-new-folder": unref(showNewFolderModal),
+        "onUpdate:showNewFolder": ($event) => isRef(showNewFolderModal) ? showNewFolderModal.value = $event : null,
+        "show-rename": unref(showRenameModal),
+        "onUpdate:showRename": ($event) => isRef(showRenameModal) ? showRenameModal.value = $event : null,
+        "show-delete": unref(showDeleteConfirm),
+        "onUpdate:showDelete": ($event) => isRef(showDeleteConfirm) ? showDeleteConfirm.value = $event : null,
+        "context-target": unref(contextMenuTarget),
+        onCreateFile: handleCreateFile,
+        onCreateFolder: handleCreateFolder,
+        onRename: handleRename,
+        onDelete: handleDelete
+      }, null, _parent));
       _push(`</div>`);
     };
   }
@@ -1271,7 +1343,7 @@ const _sfc_main$3 = {
     } });
     const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.dashboardSidebarCollapse || {} }));
     return (_ctx, _push, _parent, _attrs) => {
-      _push(ssrRenderComponent(_sfc_main$8, mergeProps({
+      _push(ssrRenderComponent(_sfc_main$8$1, 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"),
@@ -1636,14 +1708,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     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_USwitch = _sfc_main$c;
+      const _component_UButton = _sfc_main$8$1;
       const _component_EditorDocumentMetadata = __nuxt_component_3;
       const _component_UEditor = _sfc_main$1$3;
-      const _component_UEditorToolbar = _sfc_main$g;
+      const _component_UEditorToolbar = _sfc_main$e;
       const _component_ClientOnly = __nuxt_component_3$1;
-      const _component_EditorCodeEditorFallback = __nuxt_component_5;
-      const _component_UModal = _sfc_main$c;
+      const _component_EditorCodeEditorFallback = __nuxt_component_5$1;
+      const _component_UModal = _sfc_main$f;
       _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",
@@ -1975,11 +2047,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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_UDashboardNavbar = _sfc_main$6;
       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_UColorModeButton = _sfc_main$7;
+      const _component_UDrawer = _sfc_main$8;
+      const _component_UButton = _sfc_main$8$1;
       const _component_UIcon = _sfc_main$d;
       const _component_EditorDocumentEditor = __nuxt_component_8;
       _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex flex-1 min-w-0" }, _attrs))}>`);
@@ -2203,4 +2275,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=docs-ChGwOPg5.mjs.map
+//# sourceMappingURL=docs-Bwucwp0r.mjs.map