@muhgholy/next-drive 1.3.0 → 1.4.0

package/dist/client/index.js

@@ -1,11 +1,23 @@
-// src/client/context.tsx
-import React, { createContext, useContext, useState, useCallback, useMemo } from "react";
+import * as React2 from 'react';
+import React2__default, { createContext, useState, useCallback, useMemo, useContext, useRef, useEffect } from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { ChevronRight, Check, Circle, X, Upload, Loader2, Cloud, AlertCircle, Menu, Folder, FolderPlus, RotateCcw, Trash2, Pencil, Group, ArrowUpDown, Calendar, ArrowDownAZ, ArrowUpAZ, ArrowDown01, ArrowUp01, LayoutGrid, List, Database, HardDrive, ChevronsUpDown, LogOut, Plus, FolderOpen, Image, Video, Music, FileText, FileArchive, FileCode, File, Clock, CheckCircle2 } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { startOfWeek, subWeeks, isToday, isYesterday, isAfter } from 'date-fns';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cva } from 'class-variance-authority';
+import { Slot } from '@radix-ui/react-slot';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter, useDroppable } from '@dnd-kit/core';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { sortableKeyboardCoordinates, SortableContext, rectSortingStrategy, arrayMove, useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { z } from 'zod';
 
-// src/client/utils.tsx
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-import { File, Folder, Image, Video, Music, FileText, FileCode, FileArchive } from "lucide-react";
-import { jsx } from "react/jsx-runtime";
+// src/client/context.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -67,9 +79,6 @@ var driveCreateSrcSet = (driveFile, apiEndpoint, format = "webp") => {
   const sizes = "(max-width: 320px) 200px, (max-width: 480px) 400px, (max-width: 768px) 800px, 1200px";
   return { srcSet, sizes };
 };
-
-// src/client/context.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
 var DriveContext = createContext(null);
 var DriveProvider = (props) => {
   const { children, apiEndpoint, initialActiveAccountId = null, initialSelectionMode = { type: "SINGLE" }, defaultSelectedFileIds = [] } = props;
@@ -91,7 +100,7 @@ var DriveProvider = (props) => {
     setPath([{ id: null, name: "Home" }]);
     setSearchResults([]);
   }, []);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     const stored = localStorage.getItem("drive_active_account");
     if (stored) setActiveAccountIdState(stored);
   }, []);
@@ -276,13 +285,13 @@ var DriveProvider = (props) => {
       }
     }
   }, [callAPI, activeCacheKey, currentView]);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     refreshItems();
   }, [currentFolderId, currentView, refreshItems, activeAccountId]);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     refreshQuota();
   }, [refreshQuota, activeAccountId]);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     refreshAccounts();
   }, [refreshAccounts]);
   const createUrl = useCallback((driveFile, options) => {
@@ -291,7 +300,7 @@ var DriveProvider = (props) => {
   const createSrcSet = useCallback((driveFile, format) => {
     return driveCreateSrcSet(driveFile, apiEndpoint, format);
   }, [apiEndpoint]);
-  return /* @__PURE__ */ jsx2(DriveContext.Provider, { value: {
+  return /* @__PURE__ */ jsx(DriveContext.Provider, { value: {
     apiEndpoint,
     currentFolderId,
     path,
@@ -340,9 +349,6 @@ var useDrive = () => {
   if (!context) throw new Error("useDrive must be used within a DriveProvider");
   return context;
 };
-
-// src/client/hooks/useUpload.ts
-import { useState as useState2, useCallback as useCallback2, useRef, useEffect } from "react";
 var MAX_CONCURRENT_UPLOADS = 2;
 var getChunkSize = (fileSize) => {
   if (fileSize < 50 * 1024 * 1024) return 2 * 1024 * 1024;
@@ -351,11 +357,11 @@ var getChunkSize = (fileSize) => {
   return 16 * 1024 * 1024;
 };
 var useUpload = (apiEndpoint, activeAccountId, onUploadComplete) => {
-  const [uploads, setUploads] = useState2([]);
+  const [uploads, setUploads] = useState([]);
   const abortControllers = useRef(/* @__PURE__ */ new Map());
   const filesRef = useRef(/* @__PURE__ */ new Map());
   const metaRef = useRef(/* @__PURE__ */ new Map());
-  const updateUpload = useCallback2((id, updates) => {
+  const updateUpload = useCallback((id, updates) => {
     setUploads((prev) => prev.map((u) => u.id === id ? { ...u, ...updates } : u));
   }, []);
   const uploadChunk = async (formData) => {
@@ -436,7 +442,7 @@ var useUpload = (apiEndpoint, activeAccountId, onUploadComplete) => {
       abortControllers.current.delete(item.id);
     }
   };
-  const uploadFiles = useCallback2(async (files, folderId) => {
+  const uploadFiles = useCallback(async (files, folderId) => {
     const newUploads = [];
     files.forEach((file) => {
       const id = `upload_${Date.now()}_${Math.random().toString(36).slice(2)}`;
@@ -454,7 +460,7 @@ var useUpload = (apiEndpoint, activeAccountId, onUploadComplete) => {
     });
     setUploads((prev) => [...prev, ...newUploads]);
   }, []);
-  const cancelUpload = useCallback2(async (id) => {
+  const cancelUpload = useCallback(async (id) => {
     const controller = abortControllers.current.get(id);
     if (controller) {
       controller.abort();
@@ -467,7 +473,7 @@ var useUpload = (apiEndpoint, activeAccountId, onUploadComplete) => {
       });
     }
   }, [apiEndpoint, updateUpload, uploads]);
-  const cancelAllUploads = useCallback2(async () => {
+  const cancelAllUploads = useCallback(async () => {
     uploads.forEach((u) => {
       if (["queued", "uploading", "pending"].includes(u.status)) {
         cancelUpload(u.id);
@@ -488,20 +494,6 @@ var useUpload = (apiEndpoint, activeAccountId, onUploadComplete) => {
   }, [uploads]);
   return { uploads, uploadFiles, cancelUpload, cancelAllUploads };
 };
-
-// src/client/file-chooser.tsx
-import { useState as useState6, useCallback as useCallback4, useMemo as useMemo3, useEffect as useEffect5 } from "react";
-
-// src/client/components/drive/explorer.tsx
-import React7, { useMemo as useMemo2, useEffect as useEffect4, useRef as useRef3 } from "react";
-import { Folder as Folder2, Loader2 as Loader22, RotateCcw, ChevronRight as ChevronRight3 } from "lucide-react";
-import { isToday, isYesterday, startOfWeek, subWeeks, isAfter } from "date-fns";
-
-// src/client/components/ui/context-menu.tsx
-import * as React2 from "react";
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import { Check, ChevronRight, Circle } from "lucide-react";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuSubTrigger = React2.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
@@ -516,12 +508,12 @@ var ContextMenuSubTrigger = React2.forwardRef(({ className, inset, children, ...
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx3(ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+var ContextMenuSubContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -533,7 +525,7 @@ var ContextMenuSubContent = React2.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx3(
+var ContextMenuContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -545,7 +537,7 @@ var ContextMenuContent = React2.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React2.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx3(
+var ContextMenuItem = React2.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -569,7 +561,7 @@ var ContextMenuCheckboxItem = React2.forwardRef(({ className, children, checked,
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx3("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx3(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx3(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -585,13 +577,13 @@ var ContextMenuRadioItem = React2.forwardRef(({ className, children, ...props },
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx3("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx3(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx3(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React2.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx3(
+var ContextMenuLabel = React2.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -604,7 +596,7 @@ var ContextMenuLabel = React2.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+var ContextMenuSeparator = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -613,30 +605,6 @@ var ContextMenuSeparator = React2.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-var ContextMenuShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx3(
-    "span",
-    {
-      className: cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-};
-ContextMenuShortcut.displayName = "ContextMenuShortcut";
-
-// src/client/components/dialog.tsx
-import { useEffect as useEffect2, useState as useState3 } from "react";
-import { AlertCircle } from "lucide-react";
-
-// src/client/components/ui/alert.tsx
-import { cva } from "class-variance-authority";
-import { jsx as jsx4 } from "react/jsx-runtime";
 var alertVariants = cva(
   "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
@@ -656,7 +624,7 @@ function Alert({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "alert",
@@ -667,7 +635,7 @@ function Alert({
   );
 }
 function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "alert-title",
@@ -683,7 +651,7 @@ function AlertDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "alert-description",
@@ -695,12 +663,7 @@ function AlertDescription({
     }
   );
 }
-
-// src/client/components/ui/button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var buttonVariants = cva2(
+var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -735,7 +698,7 @@ function Button({
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx(
     Comp,
     {
       "data-slot": "button",
@@ -744,27 +707,22 @@ function Button({
     }
   );
 }
-
-// src/client/components/ui/dialog.tsx
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { X } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
-    DialogPrimitive.Overlay,
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
       className: cn(
@@ -781,10 +739,10 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx6(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs2(
-      DialogPrimitive.Content,
+  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      SheetPrimitive.Content,
       {
         "data-slot": "dialog-content",
         className: cn(
@@ -794,14 +752,14 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs2(
-            DialogPrimitive.Close,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            SheetPrimitive.Close,
             {
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx6(X, { className: "size-4" }),
-                /* @__PURE__ */ jsx6("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx(X, { className: "size-4" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -811,7 +769,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "dialog-header",
@@ -821,7 +779,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -837,8 +795,8 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
-    DialogPrimitive.Title,
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Title,
     {
       "data-slot": "dialog-title",
       className: cn("text-lg leading-none font-semibold", className),
@@ -850,8 +808,8 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
-    DialogPrimitive.Description,
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Description,
     {
       "data-slot": "dialog-description",
       className: cn("text-muted-foreground text-sm", className),
@@ -859,11 +817,8 @@ function DialogDescription({
     }
   );
 }
-
-// src/client/components/ui/input.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx(
     "input",
     {
       type,
@@ -878,15 +833,11 @@ function Input({ className, type, ...props }) {
     }
   );
 }
-
-// src/client/components/ui/label.tsx
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { jsx as jsx8 } from "react/jsx-runtime";
 function Label2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -898,14 +849,11 @@ function Label2({
     }
   );
 }
-
-// src/client/components/dialog.tsx
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var DialogConfirmation = (props) => {
   const { title, description, onConfirm, disableEscapeKeyDown, inputs, onClose, open } = props;
-  const [error, setError] = useState3(null);
-  const [isLoading, setIsLoading] = useState3(false);
-  const [inputsValue, setInputsValue] = useState3(
+  const [error, setError] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [inputsValue, setInputsValue] = useState(
     () => inputs?.reduce((acc, input) => ({
       ...acc,
       [input.id]: input.default ?? ""
@@ -948,7 +896,7 @@ var DialogConfirmation = (props) => {
       (input) => !input.required || inputsValue[input.id] && inputsValue[input.id].trim() !== ""
     );
   };
-  useEffect2(() => {
+  useEffect(() => {
     setInputsValue(
       inputs?.reduce((acc, input) => ({
         ...acc,
@@ -957,7 +905,7 @@ var DialogConfirmation = (props) => {
     );
     setError(null);
   }, [inputs]);
-  return /* @__PURE__ */ jsx9(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(
     DialogContent,
     {
       onInteractOutside: (e) => {
@@ -971,18 +919,18 @@ var DialogConfirmation = (props) => {
         }
       },
       children: [
-        /* @__PURE__ */ jsxs3(DialogHeader, { children: [
-          /* @__PURE__ */ jsx9(DialogTitle, { children: title }),
-          /* @__PURE__ */ jsx9(DialogDescription, { children: description })
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: description })
         ] }),
-        error && /* @__PURE__ */ jsxs3(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsx9(AlertCircle, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx9(AlertTitle, { children: "Error" }),
-          /* @__PURE__ */ jsx9(AlertDescription, { children: error })
+        error && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+          /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx(AlertTitle, { children: "Error" }),
+          /* @__PURE__ */ jsx(AlertDescription, { children: error })
         ] }),
-        inputs && inputs.length > 0 && /* @__PURE__ */ jsx9("div", { className: "grid gap-4 py-4", children: inputs.map((input, index) => /* @__PURE__ */ jsxs3("div", { className: "grid gap-2", children: [
-          /* @__PURE__ */ jsx9(Label2, { htmlFor: input.id, children: input.name }),
-          /* @__PURE__ */ jsx9(
+        inputs && inputs.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid gap-4 py-4", children: inputs.map((input, index) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label2, { htmlFor: input.id, children: input.name }),
+          /* @__PURE__ */ jsx(
             Input,
             {
               id: input.id,
@@ -993,9 +941,9 @@ var DialogConfirmation = (props) => {
             }
           )
         ] }, input.id)) }),
-        /* @__PURE__ */ jsxs3(DialogFooter, { children: [
-          /* @__PURE__ */ jsx9(Button, { variant: "outline", onClick: handleClose, disabled: isLoading, children: "Cancel" }),
-          /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleClose, disabled: isLoading, children: "Cancel" }),
+          /* @__PURE__ */ jsx(
             Button,
             {
               onClick: handleConfirm,
@@ -1008,13 +956,6 @@ var DialogConfirmation = (props) => {
     }
   ) });
 };
-
-// src/client/components/drive/explorer.tsx
-import { Pencil, Trash2 as Trash22, FolderPlus } from "lucide-react";
-
-// src/client/components/drive/path-bar.tsx
-import { useDroppable } from "@dnd-kit/core";
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var DroppablePathItem = (props) => {
   const { id, name, isLast, onClick } = props;
   const { currentFolderId } = useDrive();
@@ -1025,7 +966,7 @@ var DroppablePathItem = (props) => {
   });
   const isCurrentFolder = id === currentFolderId;
   if (isLast) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx(
       "span",
       {
         ref: setNodeRef,
@@ -1039,7 +980,7 @@ var DroppablePathItem = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx(
     Button,
     {
       ref: setNodeRef,
@@ -1058,11 +999,11 @@ var DroppablePathItem = (props) => {
 };
 var DrivePathBar = () => {
   const { path, navigateToFolder } = useDrive();
-  return /* @__PURE__ */ jsx10("ol", { className: "flex items-center gap-1 sm:gap-1.5 text-sm text-muted-foreground bg-muted/30 px-2 sm:px-3 py-1.5 sm:py-2 rounded-md border w-full overflow-x-auto flex-nowrap min-w-0", "aria-label": "Breadcrumb", role: "navigation", children: path.map((item, index) => {
+  return /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-1 sm:gap-1.5 text-sm text-muted-foreground bg-muted/30 px-2 sm:px-3 py-1.5 sm:py-2 rounded-md border w-full overflow-x-auto flex-nowrap min-w-0", "aria-label": "Breadcrumb", role: "navigation", children: path.map((item, index) => {
     const isLast = index === path.length - 1;
-    return /* @__PURE__ */ jsxs4("li", { className: "flex items-center gap-1 sm:gap-1.5 shrink-0", children: [
-      index > 0 && /* @__PURE__ */ jsx10("span", { className: "text-muted-foreground/50 text-xs", "aria-hidden": "true", children: "/" }),
-      /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1 sm:gap-1.5 shrink-0", children: [
+      index > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50 text-xs", "aria-hidden": "true", children: "/" }),
+      /* @__PURE__ */ jsx(
         DroppablePathItem,
         {
           id: item.id,
@@ -1074,21 +1015,13 @@ var DrivePathBar = () => {
     ] }, item.id ?? "root");
   }) });
 };
-
-// src/client/components/drive/upload.tsx
-import React3, { useState as useState4, useRef as useRef2, useCallback as useCallback3 } from "react";
-import { Upload as UploadIcon, X as X2, Loader2, CheckCircle2, AlertCircle as AlertCircle2, Clock } from "lucide-react";
-
-// src/client/components/ui/progress.tsx
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx11 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
   indicatorClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -1097,7 +1030,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx11(
+      children: /* @__PURE__ */ jsx(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -1108,34 +1041,31 @@ function Progress({
     }
   );
 }
-
-// src/client/components/drive/upload.tsx
-import { Fragment, jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var UploadStatusIcon = ({ status }) => {
   switch (status) {
     case "complete":
-      return /* @__PURE__ */ jsx12(CheckCircle2, { className: "size-4 text-emerald-500" });
+      return /* @__PURE__ */ jsx(CheckCircle2, { className: "size-4 text-emerald-500" });
     case "error":
-      return /* @__PURE__ */ jsx12(AlertCircle2, { className: "size-4 text-destructive" });
+      return /* @__PURE__ */ jsx(AlertCircle, { className: "size-4 text-destructive" });
     case "cancelled":
-      return /* @__PURE__ */ jsx12(X2, { className: "size-4 text-muted-foreground" });
+      return /* @__PURE__ */ jsx(X, { className: "size-4 text-muted-foreground" });
     case "uploading":
-      return /* @__PURE__ */ jsx12(Loader2, { className: "size-4 text-primary animate-spin" });
+      return /* @__PURE__ */ jsx(Loader2, { className: "size-4 text-primary animate-spin" });
     default:
-      return /* @__PURE__ */ jsx12(Clock, { className: "size-4 text-muted-foreground" });
+      return /* @__PURE__ */ jsx(Clock, { className: "size-4 text-muted-foreground" });
   }
 };
 var DriveUpload = (props) => {
   const { compact = false, onComplete } = props;
-  const [isDragging, setIsDragging] = useState4(false);
-  const [showUploadsDialog, setShowUploadsDialog] = useState4(false);
-  const inputRef = useRef2(null);
+  const [isDragging, setIsDragging] = useState(false);
+  const [showUploadsDialog, setShowUploadsDialog] = useState(false);
+  const inputRef = useRef(null);
   const { currentFolderId, refreshItems, apiEndpoint, activeAccountId } = useDrive();
   const { uploads, uploadFiles, cancelUpload, cancelAllUploads } = useUpload(apiEndpoint, activeAccountId, () => {
     refreshItems();
     onComplete?.(null);
   });
-  React3.useEffect(() => {
+  React2__default.useEffect(() => {
     if (!showUploadsDialog || uploads.length === 0) return;
     const allFinished = uploads.every(
       (u) => ["complete", "error", "cancelled"].includes(u.status)
@@ -1147,17 +1077,17 @@ var DriveUpload = (props) => {
       return () => clearTimeout(timer);
     }
   }, [uploads, showUploadsDialog]);
-  const handleFiles = useCallback3((files) => {
+  const handleFiles = useCallback((files) => {
     if (!files || files.length === 0) return;
     uploadFiles(Array.from(files), currentFolderId);
     setShowUploadsDialog(true);
   }, [uploadFiles, currentFolderId, refreshItems, onComplete]);
-  const handleDrag = useCallback3((e, dragging) => {
+  const handleDrag = useCallback((e, dragging) => {
     e.preventDefault();
     e.stopPropagation();
     setIsDragging(dragging);
   }, []);
-  const handleDrop = useCallback3((e) => {
+  const handleDrop = useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     setIsDragging(false);
@@ -1165,10 +1095,10 @@ var DriveUpload = (props) => {
   }, [handleFiles]);
   const hasUploadsInProgress = uploads.some((u) => ["uploading", "queued", "pending"].includes(u.status));
   const activeUploads = uploads.filter((u) => ["uploading", "queued", "pending"].includes(u.status));
-  const renderDialog = () => /* @__PURE__ */ jsx12(Dialog, { open: showUploadsDialog, onOpenChange: setShowUploadsDialog, children: /* @__PURE__ */ jsxs5(DialogContent, { className: "sm:max-w-md p-0 gap-0", children: [
-    /* @__PURE__ */ jsxs5(DialogHeader, { className: "px-4 py-3 border-b flex-row items-center justify-between space-y-0", children: [
-      /* @__PURE__ */ jsx12(DialogTitle, { className: "text-base", children: "Upload Status" }),
-      hasUploadsInProgress && /* @__PURE__ */ jsx12(
+  const renderDialog = () => /* @__PURE__ */ jsx(Dialog, { open: showUploadsDialog, onOpenChange: setShowUploadsDialog, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md p-0 gap-0", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "px-4 py-3 border-b flex-row items-center justify-between space-y-0", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { className: "text-base", children: "Upload Status" }),
+      hasUploadsInProgress && /* @__PURE__ */ jsx(
         Button,
         {
           type: "button",
@@ -1180,16 +1110,16 @@ var DriveUpload = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "divide-y max-h-80 overflow-y-auto", children: [
-      uploads.length === 0 && /* @__PURE__ */ jsx12("div", { className: "p-4 text-center text-sm text-muted-foreground", children: "No uploads" }),
+    /* @__PURE__ */ jsxs("div", { className: "divide-y max-h-80 overflow-y-auto", children: [
+      uploads.length === 0 && /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-sm text-muted-foreground", children: "No uploads" }),
       uploads.map((upload) => {
         const percent = upload.status === "complete" ? 100 : upload.status === "error" || !upload.totalChunks ? 0 : Math.round(upload.currentChunk / upload.totalChunks * 100);
-        return /* @__PURE__ */ jsxs5("div", { className: "px-4 py-2.5", children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-2 mb-1.5", children: [
-            /* @__PURE__ */ jsx12(UploadStatusIcon, { status: upload.status }),
-            /* @__PURE__ */ jsxs5("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx12("p", { className: "text-sm font-medium truncate", children: upload.name }),
-              /* @__PURE__ */ jsxs5("p", { className: cn(
+        return /* @__PURE__ */ jsxs("div", { className: "px-4 py-2.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 mb-1.5", children: [
+            /* @__PURE__ */ jsx(UploadStatusIcon, { status: upload.status }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: upload.name }),
+              /* @__PURE__ */ jsxs("p", { className: cn(
                 "text-xs",
                 upload.status === "error" ? "text-destructive" : "text-muted-foreground"
               ), children: [
@@ -1201,7 +1131,7 @@ var DriveUpload = (props) => {
                 upload.status === "cancelled" && "Upload cancelled"
               ] })
             ] }),
-            ["uploading", "queued", "pending"].includes(upload.status) && /* @__PURE__ */ jsx12(
+            ["uploading", "queued", "pending"].includes(upload.status) && /* @__PURE__ */ jsx(
               Button,
               {
                 type: "button",
@@ -1209,13 +1139,13 @@ var DriveUpload = (props) => {
                 variant: "ghost",
                 className: "shrink-0 text-muted-foreground hover:text-destructive",
                 onClick: () => cancelUpload(upload.id),
-                children: /* @__PURE__ */ jsx12(X2, { className: "size-3.5" })
+                children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
               }
             )
           ] }),
-          upload.status === "uploading" && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 pl-6", children: [
-            /* @__PURE__ */ jsx12(Progress, { value: percent, className: "flex-1" }),
-            /* @__PURE__ */ jsxs5("span", { className: "text-xs tabular-nums text-muted-foreground w-8", children: [
+          upload.status === "uploading" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pl-6", children: [
+            /* @__PURE__ */ jsx(Progress, { value: percent, className: "flex-1" }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs tabular-nums text-muted-foreground w-8", children: [
               percent,
               "%"
             ] })
@@ -1225,13 +1155,13 @@ var DriveUpload = (props) => {
     ] })
   ] }) });
   if (compact) {
-    return /* @__PURE__ */ jsxs5(Fragment, { children: [
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx12("input", { ref: inputRef, type: "file", multiple: true, onChange: (e) => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("input", { ref: inputRef, type: "file", multiple: true, onChange: (e) => {
           handleFiles(e.target.files);
           e.target.value = "";
         }, className: "hidden", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsxs(
           Button,
           {
             onClick: () => inputRef.current?.click(),
@@ -1239,12 +1169,12 @@ var DriveUpload = (props) => {
             size: "sm",
             disabled: hasUploadsInProgress,
             children: [
-              /* @__PURE__ */ jsx12(UploadIcon, { className: "size-4 mr-1.5" }),
+              /* @__PURE__ */ jsx(Upload, { className: "size-4 mr-1.5" }),
               " Upload Files"
             ]
           }
         ),
-        uploads.length > 0 && /* @__PURE__ */ jsxs5(
+        uploads.length > 0 && /* @__PURE__ */ jsxs(
           Button,
           {
             type: "button",
@@ -1252,7 +1182,7 @@ var DriveUpload = (props) => {
             size: "sm",
             onClick: () => setShowUploadsDialog(true),
             children: [
-              activeUploads.length > 0 && /* @__PURE__ */ jsx12(Loader2, { className: "size-3.5 mr-1.5 animate-spin" }),
+              activeUploads.length > 0 && /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 mr-1.5 animate-spin" }),
               activeUploads.length > 0 ? `Uploading (${activeUploads.length})` : "Upload Status"
             ]
           }
@@ -1261,8 +1191,8 @@ var DriveUpload = (props) => {
       renderDialog()
     ] });
   }
-  return /* @__PURE__ */ jsxs5("div", { className: "w-full", children: [
-    /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ jsxs(
       "div",
       {
         className: cn(
@@ -1278,44 +1208,25 @@ var DriveUpload = (props) => {
         tabIndex: 0,
         onKeyDown: (e) => e.key === "Enter" && inputRef.current?.click(),
         children: [
-          /* @__PURE__ */ jsx12("input", { ref: inputRef, type: "file", multiple: true, onChange: (e) => {
+          /* @__PURE__ */ jsx("input", { ref: inputRef, type: "file", multiple: true, onChange: (e) => {
             handleFiles(e.target.files);
             e.target.value = "";
           }, className: "hidden", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-            /* @__PURE__ */ jsx12("div", { className: "p-3 rounded-full bg-background border shadow-sm", children: /* @__PURE__ */ jsx12(UploadIcon, { className: "size-6 text-muted-foreground" }) }),
-            /* @__PURE__ */ jsx12("div", { className: "text-sm font-medium text-foreground", children: isDragging ? "Drop files here" : "Click or drag files to upload" })
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "p-3 rounded-full bg-background border shadow-sm", children: /* @__PURE__ */ jsx(Upload, { className: "size-6 text-muted-foreground" }) }),
+            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: isDragging ? "Drop files here" : "Click or drag files to upload" })
           ] })
         ]
       }
     ),
-    hasUploadsInProgress && /* @__PURE__ */ jsx12("div", { className: "mt-4 text-center", children: /* @__PURE__ */ jsx12(Button, { variant: "link", onClick: () => setShowUploadsDialog(true), children: "View Upload Progress" }) }),
+    hasUploadsInProgress && /* @__PURE__ */ jsx("div", { className: "mt-4 text-center", children: /* @__PURE__ */ jsx(Button, { variant: "link", onClick: () => setShowUploadsDialog(true), children: "View Upload Progress" }) }),
     renderDialog()
   ] });
 };
-
-// src/client/components/drive/sidebar.tsx
-import {
-  Database,
-  HardDrive,
-  Plus,
-  LogOut,
-  Check as Check3,
-  ChevronsUpDown,
-  FolderOpen,
-  Trash2,
-  Menu
-} from "lucide-react";
-
-// src/client/components/ui/dropdown-menu.tsx
-import * as React4 from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Check as Check2, ChevronRight as ChevronRight2, Circle as Circle2 } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
-var DropdownMenuSubTrigger = React4.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
+var DropdownMenuSubTrigger = React2.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1327,12 +1238,12 @@ var DropdownMenuSubTrigger = React4.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx13(ChevronRight2, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DropdownMenuSubContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1344,7 +1255,7 @@ var DropdownMenuSubContent = React4.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(
+var DropdownMenuContent = React2.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -1357,7 +1268,7 @@ var DropdownMenuContent = React4.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React4.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DropdownMenuItem = React2.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -1370,7 +1281,7 @@ var DropdownMenuItem = React4.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React4.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs6(
+var DropdownMenuCheckboxItem = React2.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1381,13 +1292,13 @@ var DropdownMenuCheckboxItem = React4.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
+var DropdownMenuRadioItem = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -1397,13 +1308,13 @@ var DropdownMenuRadioItem = React4.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React4.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DropdownMenuLabel = React2.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -1416,7 +1327,7 @@ var DropdownMenuLabel = React4.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DropdownMenuSeparator = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -1425,30 +1336,10 @@ var DropdownMenuSeparator = React4.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx13(
-    "span",
-    {
-      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
-      ...props
-    }
-  );
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-
-// src/client/components/ui/sheet.tsx
-import * as React5 from "react";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { cva as cva3 } from "class-variance-authority";
-import { X as X3 } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var SheetOverlay = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -1460,7 +1351,7 @@ var SheetOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-var sheetVariants = cva3(
+var sheetVariants = cva(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
@@ -1476,9 +1367,9 @@ var sheetVariants = cva3(
     }
   }
 );
-var SheetContent = React5.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(SheetPortal, { children: [
-  /* @__PURE__ */ jsx14(SheetOverlay, {}),
-  /* @__PURE__ */ jsxs7(
+var SheetContent = React2.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs(
     SheetPrimitive.Content,
     {
       ref,
@@ -1486,44 +1377,16 @@ var SheetContent = React5.forwardRef(({ side = "right", className, children, ...
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs7(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsx14(X3, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx14(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
-SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx14(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var SheetTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SheetPrimitive.Title,
   {
     ref,
@@ -1532,7 +1395,7 @@ var SheetTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var SheetDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SheetPrimitive.Description,
   {
     ref,
@@ -1541,15 +1404,10 @@ var SheetDescription = React5.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
-
-// src/client/components/drive/storage/indicator.tsx
-import { useEffect as useEffect3 } from "react";
-import { Cloud, AlertCircle as AlertCircle3 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var DriveStorageIndicator = (props) => {
   const { compact = false, className } = props;
   const { quota, refreshQuota } = useDrive();
-  useEffect3(() => {
+  useEffect(() => {
     refreshQuota();
   }, []);
   if (!quota) return null;
@@ -1557,33 +1415,32 @@ var DriveStorageIndicator = (props) => {
   const isNearFull = percentage >= 90;
   const isFull = percentage >= 100;
   const stateColor = isFull ? "text-destructive" : isNearFull ? "text-yellow-600 dark:text-yellow-500" : "text-primary";
-  const solidColor = isFull ? "bg-destructive" : isNearFull ? "bg-yellow-500" : "bg-primary";
   if (compact) {
-    return /* @__PURE__ */ jsxs8("div", { className: cn("flex items-center gap-3 text-xs font-medium text-muted-foreground", className), children: [
-      /* @__PURE__ */ jsxs8("span", { className: "shrink-0 flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx15(Cloud, { className: "size-3.5" }),
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3 text-xs font-medium text-muted-foreground", className), children: [
+      /* @__PURE__ */ jsxs("span", { className: "shrink-0 flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(Cloud, { className: "size-3.5" }),
         "Storage"
       ] }),
-      /* @__PURE__ */ jsx15(Progress, { value: percentage, indicatorClassName: cn("bg-gradient-to-r from-blue-500 to-cyan-500", isNearFull && "from-yellow-500 to-orange-500", isFull && "bg-destructive"), className: "w-24 sm:w-32" }),
-      /* @__PURE__ */ jsxs8("span", { className: "shrink-0 whitespace-nowrap", children: [
+      /* @__PURE__ */ jsx(Progress, { value: percentage, indicatorClassName: cn("bg-gradient-to-r from-blue-500 to-cyan-500", isNearFull && "from-yellow-500 to-orange-500", isFull && "bg-destructive"), className: "w-24 sm:w-32" }),
+      /* @__PURE__ */ jsxs("span", { className: "shrink-0 whitespace-nowrap", children: [
         formatBytes(usedInBytes),
         " / ",
         formatBytes(totalInBytes)
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between gap-2 mb-2", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx15(Cloud, { className: cn("size-4", stateColor) }),
-        /* @__PURE__ */ jsx15("span", { className: "text-xs font-medium text-muted-foreground", children: "Storage" })
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 mb-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Cloud, { className: cn("size-4", stateColor) }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Storage" })
       ] }),
-      /* @__PURE__ */ jsxs8("span", { className: "text-xs font-semibold tabular-nums", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold tabular-nums", children: [
         percentage,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx(
       Progress,
       {
         value: percentage,
@@ -1594,22 +1451,19 @@ var DriveStorageIndicator = (props) => {
         )
       }
     ),
-    /* @__PURE__ */ jsxs8("div", { className: "flex justify-between items-center mt-1.5", children: [
-      /* @__PURE__ */ jsx15("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: formatBytes(usedInBytes) }),
-      /* @__PURE__ */ jsx15("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: formatBytes(totalInBytes) })
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mt-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: formatBytes(usedInBytes) }),
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: formatBytes(totalInBytes) })
     ] }),
-    isNearFull && /* @__PURE__ */ jsxs8("div", { className: cn(
+    isNearFull && /* @__PURE__ */ jsxs("div", { className: cn(
       "flex items-center gap-1.5 text-[10px] font-medium px-2 py-1 rounded-md mt-2",
       isFull ? "bg-destructive/10 text-destructive" : "bg-yellow-500/10 text-yellow-600 dark:text-yellow-500"
     ), children: [
-      /* @__PURE__ */ jsx15(AlertCircle3, { className: "size-3 shrink-0" }),
-      /* @__PURE__ */ jsx15("span", { children: isFull ? "Storage full" : "Almost full" })
+      /* @__PURE__ */ jsx(AlertCircle, { className: "size-3 shrink-0" }),
+      /* @__PURE__ */ jsx("span", { children: isFull ? "Storage full" : "Almost full" })
     ] })
   ] });
 };
-
-// src/client/components/drive/sidebar.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var SidebarContent = () => {
   const {
     accounts,
@@ -1622,33 +1476,33 @@ var SidebarContent = () => {
   } = useDrive();
   const currentAccountName = activeAccountId ? accounts.find((a) => a.id === activeAccountId)?.name || "Unknown Account" : "Local Storage";
   const currentAccountEmail = activeAccountId ? accounts.find((a) => a.id === activeAccountId)?.email : "On this device";
-  return /* @__PURE__ */ jsxs9("div", { className: "w-full h-full flex flex-col bg-muted/10 border-r", children: [
-    /* @__PURE__ */ jsx16("div", { className: "p-3 border-b", children: /* @__PURE__ */ jsxs9(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx16(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(Button, { variant: "ghost", className: "w-full justify-between px-2 h-auto min-h-12 py-2 hover:bg-muted/50", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 sm:gap-3 text-left min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx16("div", { className: "size-8 sm:size-9 rounded-md bg-primary/10 flex items-center justify-center shrink-0", children: activeAccountId ? /* @__PURE__ */ jsx16(Database, { className: "size-4" }) : /* @__PURE__ */ jsx16(HardDrive, { className: "size-4" }) }),
-          /* @__PURE__ */ jsxs9("div", { className: "flex flex-col truncate min-w-0", children: [
-            /* @__PURE__ */ jsx16("span", { className: "text-sm font-semibold truncate", children: currentAccountName }),
-            /* @__PURE__ */ jsx16("span", { className: "text-xs text-muted-foreground truncate font-normal", children: currentAccountEmail })
+  return /* @__PURE__ */ jsxs("div", { className: "w-full h-full flex flex-col bg-muted/10 border-r", children: [
+    /* @__PURE__ */ jsx("div", { className: "p-3 border-b", children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "w-full justify-between px-2 h-auto min-h-12 py-2 hover:bg-muted/50", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 sm:gap-3 text-left min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "size-8 sm:size-9 rounded-md bg-primary/10 flex items-center justify-center shrink-0", children: activeAccountId ? /* @__PURE__ */ jsx(Database, { className: "size-4" }) : /* @__PURE__ */ jsx(HardDrive, { className: "size-4" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col truncate min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold truncate", children: currentAccountName }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground truncate font-normal", children: currentAccountEmail })
           ] })
         ] }),
-        /* @__PURE__ */ jsx16(ChevronsUpDown, { className: "size-4 text-muted-foreground shrink-0 opacity-50 ml-1" })
+        /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 text-muted-foreground shrink-0 opacity-50 ml-1" })
       ] }) }),
-      /* @__PURE__ */ jsxs9(DropdownMenuContent, { className: "w-60", align: "start", children: [
-        /* @__PURE__ */ jsx16(DropdownMenuLabel, { className: "text-xs font-normal text-muted-foreground", children: "Switch Account" }),
-        /* @__PURE__ */ jsxs9(DropdownMenuItem, { onClick: () => setActiveAccountId(null), className: "gap-2", children: [
-          /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center size-6 rounded bg-muted", children: /* @__PURE__ */ jsx16(HardDrive, { className: "size-3.5" }) }),
-          /* @__PURE__ */ jsx16("div", { className: "flex flex-col flex-1", children: /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium", children: "Local Storage" }) }),
-          activeAccountId === null && /* @__PURE__ */ jsx16(Check3, { className: "size-3.5 text-primary" })
+      /* @__PURE__ */ jsxs(DropdownMenuContent, { className: "w-60", align: "start", children: [
+        /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-xs font-normal text-muted-foreground", children: "Switch Account" }),
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setActiveAccountId(null), className: "gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center size-6 rounded bg-muted", children: /* @__PURE__ */ jsx(HardDrive, { className: "size-3.5" }) }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col flex-1", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Local Storage" }) }),
+          activeAccountId === null && /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-primary" })
         ] }),
-        accounts.length > 0 && /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
-        accounts.map((account) => /* @__PURE__ */ jsxs9(DropdownMenuItem, { onClick: () => setActiveAccountId(account.id), className: "gap-2 group", children: [
-          /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center size-6 rounded bg-muted", children: /* @__PURE__ */ jsx16(Database, { className: "size-3.5" }) }),
-          /* @__PURE__ */ jsxs9("div", { className: "flex flex-col flex-1 overflow-hidden", children: [
-            /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium truncate", children: account.name }),
-            /* @__PURE__ */ jsx16("span", { className: "text-xs text-muted-foreground truncate", children: account.email })
+        accounts.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        accounts.map((account) => /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setActiveAccountId(account.id), className: "gap-2 group", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center size-6 rounded bg-muted", children: /* @__PURE__ */ jsx(Database, { className: "size-3.5" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 overflow-hidden", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: account.name }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground truncate", children: account.email })
           ] }),
-          activeAccountId === account.id ? /* @__PURE__ */ jsx16(Check3, { className: "size-3.5 text-primary" }) : /* @__PURE__ */ jsx16(
+          activeAccountId === account.id ? /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-primary" }) : /* @__PURE__ */ jsx(
             LogOut,
             {
               className: "size-3.5 text-destructive transition-opacity hover:bg-destructive/10 rounded-sm",
@@ -1663,13 +1517,13 @@ var SidebarContent = () => {
             }
           )
         ] }, account.id)),
-        /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsxs9(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsxs9(DropdownMenuSubTrigger, { className: "gap-2 text-primary focus:text-primary", children: [
-            /* @__PURE__ */ jsx16(Plus, { className: "size-4" }),
-            /* @__PURE__ */ jsx16("span", { className: "font-medium", children: "Add Storage Account" })
+        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+          /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { className: "gap-2 text-primary focus:text-primary", children: [
+            /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Add Storage Account" })
           ] }),
-          /* @__PURE__ */ jsx16(DropdownMenuSubContent, { children: /* @__PURE__ */ jsx16(DropdownMenuItem, { onClick: async () => {
+          /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: async () => {
             const res = await callAPI("getAuthUrl", { query: { provider: "GOOGLE" } });
             if (res.status !== 200 || !res.data?.url) {
               alert(res.message || "Failed to initialize account connection");
@@ -1697,72 +1551,53 @@ var SidebarContent = () => {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs9("div", { className: "flex-1 px-3 py-2 space-y-1", children: [
-      /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 px-3 py-2 space-y-1", children: [
+      /* @__PURE__ */ jsxs(
         Button,
         {
           variant: currentView !== "TRASH" ? "secondary" : "ghost",
           className: cn("w-full justify-start gap-3", currentView !== "TRASH" && "bg-primary/10 text-primary hover:bg-primary/15"),
           onClick: () => setCurrentView("BROWSE"),
           children: [
-            /* @__PURE__ */ jsx16(FolderOpen, { className: "size-4" }),
+            /* @__PURE__ */ jsx(FolderOpen, { className: "size-4" }),
             "My Files"
           ]
         }
       ),
-      /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsxs(
         Button,
         {
           variant: currentView === "TRASH" ? "secondary" : "ghost",
           className: cn("w-full justify-start gap-3", currentView === "TRASH" && "bg-destructive/10 text-destructive hover:bg-destructive/15"),
           onClick: () => setCurrentView("TRASH"),
           children: [
-            /* @__PURE__ */ jsx16(Trash2, { className: "size-4" }),
+            /* @__PURE__ */ jsx(Trash2, { className: "size-4" }),
             "Trash"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx16("div", { className: "px-3 py-2.5 mt-auto border-t bg-background/50", children: /* @__PURE__ */ jsx16(DriveStorageIndicator, {}) })
+    /* @__PURE__ */ jsx("div", { className: "px-3 py-2.5 mt-auto border-t bg-background/50", children: /* @__PURE__ */ jsx(DriveStorageIndicator, {}) })
   ] });
 };
 var DriveSidebar = () => {
-  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
-    /* @__PURE__ */ jsx16("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxs9(Sheet, { children: [
-      /* @__PURE__ */ jsx16(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxs(Sheet, { children: [
+      /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
         Button,
         {
           variant: "ghost",
           size: "icon",
           className: "h-9 w-9",
           "aria-label": "Open menu",
-          children: /* @__PURE__ */ jsx16(Menu, { className: "h-5 w-5" })
+          children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
         }
       ) }),
-      /* @__PURE__ */ jsx16(SheetContent, { side: "left", className: "w-70 sm:w-80 p-0", children: /* @__PURE__ */ jsx16(SidebarContent, {}) })
+      /* @__PURE__ */ jsx(SheetContent, { side: "left", className: "w-70 sm:w-80 p-0", children: /* @__PURE__ */ jsx(SidebarContent, {}) })
     ] }) }),
-    /* @__PURE__ */ jsx16("div", { className: "hidden lg:flex w-full h-full", children: /* @__PURE__ */ jsx16(SidebarContent, {}) })
+    /* @__PURE__ */ jsx("div", { className: "hidden lg:flex w-full h-full", children: /* @__PURE__ */ jsx(SidebarContent, {}) })
   ] });
 };
-
-// src/client/components/drive/explorer.tsx
-import {
-  DndContext,
-  closestCenter,
-  KeyboardSensor,
-  PointerSensor,
-  useSensor,
-  useSensors
-} from "@dnd-kit/core";
-import {
-  arrayMove,
-  SortableContext,
-  sortableKeyboardCoordinates,
-  rectSortingStrategy,
-  useSortable
-} from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 var SortableItem = ({ id, children, disabled, isDragOverTarget }) => {
   const {
     attributes,
@@ -1779,7 +1614,7 @@ var SortableItem = ({ id, children, disabled, isDragOverTarget }) => {
     zIndex: isDragging ? 50 : "auto",
     position: "relative"
   };
-  return /* @__PURE__ */ jsx17("div", { ref: setNodeRef, style, ...attributes, ...listeners, children });
+  return /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, ...attributes, ...listeners, children });
 };
 var DriveExplorer = (props) => {
   const { onItemClick, onItemDoubleClick, mimeFilter, className, selectableFolders = false } = props;
@@ -1807,15 +1642,15 @@ var DriveExplorer = (props) => {
     moveItem,
     deleteItems
   } = useDrive();
-  const [dialogs, setDialogs] = React7.useState({
+  const [dialogs, setDialogs] = React2__default.useState({
     newFolder: false,
     rename: false,
     delete: false
   });
-  const [itemToDelete, setItemToDelete] = React7.useState(null);
-  const [renameItem, setRenameItem] = React7.useState(null);
-  const [dragOverFolderId, setDragOverFolderId] = React7.useState(null);
-  const [draggingItemId, setDraggingItemId] = React7.useState(null);
+  const [itemToDelete, setItemToDelete] = React2__default.useState(null);
+  const [renameItem, setRenameItem] = React2__default.useState(null);
+  const [dragOverFolderId, setDragOverFolderId] = React2__default.useState(null);
+  const [draggingItemId, setDraggingItemId] = React2__default.useState(null);
   const sensors = useSensors(
     useSensor(PointerSensor, { activationConstraint: { distance: 8 } }),
     // Prevent drag on simple click
@@ -1872,7 +1707,7 @@ var DriveExplorer = (props) => {
       body: JSON.stringify({ ids: newOrderIds })
     });
   };
-  const processedItems = useMemo2(() => {
+  const processedItems = useMemo(() => {
     let filtered = items;
     if (mimeFilter) {
       filtered = filtered.filter((item) => matchesMimeFilter(item.information.type === "FILE" ? item.information.mime : "", item.information.type === "FOLDER", mimeFilter));
@@ -1901,7 +1736,7 @@ var DriveExplorer = (props) => {
       return 0;
     });
   }, [items, mimeFilter, sortBy]);
-  const groupedItems = useMemo2(() => {
+  const groupedItems = useMemo(() => {
     if (groupBy === "NONE") return { "All": processedItems };
     const groups = {
       "Today": [],
@@ -1923,8 +1758,8 @@ var DriveExplorer = (props) => {
     });
     return Object.fromEntries(Object.entries(groups).filter(([_, items2]) => items2.length > 0));
   }, [processedItems, groupBy]);
-  const observerTarget = useRef3(null);
-  useEffect4(() => {
+  const observerTarget = useRef(null);
+  useEffect(() => {
     const observer = new IntersectionObserver((entries) => {
       if (entries[0].isIntersecting && hasMore && !isLoadingMore) loadMore();
     }, { threshold: 0.1 });
@@ -1933,9 +1768,9 @@ var DriveExplorer = (props) => {
       if (observerTarget.current) observer.unobserve(observerTarget.current);
     };
   }, [hasMore, isLoadingMore, loadMore]);
-  const lastTapTime = useRef3(0);
-  const lastTapItemId = useRef3(null);
-  const tapTimeout = useRef3(null);
+  const lastTapTime = useRef(0);
+  const lastTapItemId = useRef(null);
+  const tapTimeout = useRef(null);
   const handleItemClick = (e, item) => {
     const isTouchEvent = e.type === "touchend";
     if (isTouchEvent) {
@@ -2000,7 +1835,7 @@ var DriveExplorer = (props) => {
       if (currentView === "BROWSE") navigateToFolder(item);
     } else onItemDoubleClick?.(item);
   };
-  useEffect4(() => {
+  useEffect(() => {
     return () => {
       if (tapTimeout.current) clearTimeout(tapTimeout.current);
     };
@@ -2008,57 +1843,57 @@ var DriveExplorer = (props) => {
   const enableDrag = currentView === "BROWSE";
   const stateContent = (() => {
     if (isLoading && items.length === 0) {
-      return /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center py-12 flex-1", children: /* @__PURE__ */ jsx17(Loader22, { className: "size-6 animate-spin text-muted-foreground" }) });
+      return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12 flex-1", children: /* @__PURE__ */ jsx(Loader2, { className: "size-6 animate-spin text-muted-foreground" }) });
     }
     if (error) {
-      return /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center p-12 text-destructive bg-destructive/10 rounded-lg flex-1", children: error });
+      return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-12 text-destructive bg-destructive/10 rounded-lg flex-1", children: error });
     }
     if (processedItems.length === 0) {
-      return /* @__PURE__ */ jsxs10(ContextMenu, { children: [
-        /* @__PURE__ */ jsx17(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10("div", { className: cn("flex flex-col items-center justify-center py-12 text-center flex-1", className), children: [
-          /* @__PURE__ */ jsx17("div", { className: "size-12 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ jsx17(Folder2, { className: "size-6 text-muted-foreground" }) }),
-          /* @__PURE__ */ jsx17("p", { className: "text-sm text-muted-foreground", children: currentView === "SEARCH" ? "No files match your search" : currentView === "TRASH" ? "Trash is empty" : "No files found" }),
-          currentView === "BROWSE" && /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground/60 mt-1", children: "Right-click to create a folder" })
+      return /* @__PURE__ */ jsxs(ContextMenu, { children: [
+        /* @__PURE__ */ jsx(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center justify-center py-12 text-center flex-1", className), children: [
+          /* @__PURE__ */ jsx("div", { className: "size-12 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ jsx(Folder, { className: "size-6 text-muted-foreground" }) }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: currentView === "SEARCH" ? "No files match your search" : currentView === "TRASH" ? "Trash is empty" : "No files found" }),
+          currentView === "BROWSE" && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/60 mt-1", children: "Right-click to create a folder" })
         ] }) }),
-        /* @__PURE__ */ jsx17(ContextMenuContent, { children: currentView === "BROWSE" ? /* @__PURE__ */ jsxs10(ContextMenuItem, { onClick: () => setDialogs((prev) => ({ ...prev, newFolder: true })), children: [
-          /* @__PURE__ */ jsx17(FolderPlus, { className: "mr-2 size-4" }),
+        /* @__PURE__ */ jsx(ContextMenuContent, { children: currentView === "BROWSE" ? /* @__PURE__ */ jsxs(ContextMenuItem, { onClick: () => setDialogs((prev) => ({ ...prev, newFolder: true })), children: [
+          /* @__PURE__ */ jsx(FolderPlus, { className: "mr-2 size-4" }),
           " New Folder"
-        ] }) : /* @__PURE__ */ jsx17("div", { className: "px-2 py-6 text-center", children: /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground", children: "No actions available" }) }) })
+        ] }) : /* @__PURE__ */ jsx("div", { className: "px-2 py-6 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No actions available" }) }) })
       ] });
     }
     return null;
   })();
-  return /* @__PURE__ */ jsx17(DndContext, { sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col h-full w-full overflow-hidden bg-background/50", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "h-14 px-3 sm:px-4 border-b bg-background/95 backdrop-blur-sm shrink-0 flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx17("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx17(DriveSidebar, {}) }),
-      /* @__PURE__ */ jsx17("div", { className: "hidden lg:flex flex-1 min-w-0", children: /* @__PURE__ */ jsx17(DrivePathBar, {}) }),
-      /* @__PURE__ */ jsx17(DriveUpload, { compact: true, onComplete: () => refreshItems() })
+  return /* @__PURE__ */ jsx(DndContext, { sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full w-full overflow-hidden bg-background/50", children: [
+    /* @__PURE__ */ jsxs("div", { className: "h-14 px-3 sm:px-4 border-b bg-background/95 backdrop-blur-sm shrink-0 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(DriveSidebar, {}) }),
+      /* @__PURE__ */ jsx("div", { className: "hidden lg:flex flex-1 min-w-0", children: /* @__PURE__ */ jsx(DrivePathBar, {}) }),
+      /* @__PURE__ */ jsx(DriveUpload, { compact: true, onComplete: () => refreshItems() })
     ] }),
-    /* @__PURE__ */ jsx17("div", { className: "lg:hidden px-3 py-2 border-b bg-background/95 backdrop-blur-sm shrink-0", children: /* @__PURE__ */ jsx17(DrivePathBar, {}) }),
-    stateContent || /* @__PURE__ */ jsxs10(ContextMenu, { children: [
-      /* @__PURE__ */ jsx17(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10("div", { className: cn("flex-1 overflow-y-auto min-h-0 container mx-auto p-2 sm:p-3 md:p-4", className), children: [
-        /* @__PURE__ */ jsx17("div", { className: "space-y-4 sm:space-y-6 pb-8 sm:pb-12", children: Object.entries(groupedItems).map(([groupName, groupItems]) => /* @__PURE__ */ jsxs10("div", { className: "space-y-3", children: [
-          groupBy !== "NONE" && /* @__PURE__ */ jsxs10("h3", { className: "text-sm font-medium text-muted-foreground flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "lg:hidden px-3 py-2 border-b bg-background/95 backdrop-blur-sm shrink-0", children: /* @__PURE__ */ jsx(DrivePathBar, {}) }),
+    stateContent || /* @__PURE__ */ jsxs(ContextMenu, { children: [
+      /* @__PURE__ */ jsx(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: cn("flex-1 overflow-y-auto min-h-0 container mx-auto p-2 sm:p-3 md:p-4", className), children: [
+        /* @__PURE__ */ jsx("div", { className: "space-y-4 sm:space-y-6 pb-8 sm:pb-12", children: Object.entries(groupedItems).map(([groupName, groupItems]) => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          groupBy !== "NONE" && /* @__PURE__ */ jsxs("h3", { className: "text-sm font-medium text-muted-foreground flex items-center gap-2", children: [
             groupName,
             " ",
-            /* @__PURE__ */ jsxs10("span", { className: "text-xs opacity-50", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-xs opacity-50", children: [
               "(",
               groupItems.length,
               ")"
             ] })
           ] }),
-          /* @__PURE__ */ jsx17(SortableContext, { items: groupItems.map((i) => i.id), strategy: rectSortingStrategy, disabled: !enableDrag, children: /* @__PURE__ */ jsx17("div", { className: cn(
+          /* @__PURE__ */ jsx(SortableContext, { items: groupItems.map((i) => i.id), strategy: rectSortingStrategy, disabled: !enableDrag, children: /* @__PURE__ */ jsx("div", { className: cn(
             viewMode === "GRID" ? "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 2xl:grid-cols-7 gap-2 sm:gap-3 md:gap-4" : "flex flex-col gap-1"
           ), children: groupItems.map((item) => {
             const isSelected = selectedFileIds.includes(item.id);
             const isFolder = item.information.type === "FOLDER";
             const isDragOver = isFolder && dragOverFolderId === item.id;
             const tokenParam = item.token ? `&token=${item.token}` : "";
-            const fileUrl = `${apiEndpoint}?action=serve&id=${item.id}${tokenParam}`;
+            `${apiEndpoint}?action=serve&id=${item.id}${tokenParam}`;
             const thumbnailUrl = `${apiEndpoint}?action=thumbnail&id=${item.id}&size=${viewMode === "GRID" ? "medium" : "small"}${tokenParam}`;
             const isThumbnailable = !isFolder && item.information.type === "FILE" && (item.information.mime.startsWith("image/") || item.information.mime.startsWith("video/"));
-            return /* @__PURE__ */ jsx17(SortableItem, { id: item.id, disabled: !enableDrag, isDragOverTarget: isDragOver, children: /* @__PURE__ */ jsxs10(ContextMenu, { children: [
-              /* @__PURE__ */ jsx17(ContextMenuTrigger, { children: /* @__PURE__ */ jsx17(
+            return /* @__PURE__ */ jsx(SortableItem, { id: item.id, disabled: !enableDrag, isDragOverTarget: isDragOver, children: /* @__PURE__ */ jsxs(ContextMenu, { children: [
+              /* @__PURE__ */ jsx(ContextMenuTrigger, { children: /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: cn(
@@ -2075,65 +1910,65 @@ var DriveExplorer = (props) => {
                   onDoubleClick: (e) => handleItemDoubleClick(e, item),
                   role: "button",
                   tabIndex: 0,
-                  children: viewMode === "GRID" ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
-                    /* @__PURE__ */ jsxs10("div", { className: "aspect-square w-full bg-muted/20 flex items-center justify-center overflow-hidden relative", children: [
-                      isThumbnailable ? /* @__PURE__ */ jsx17("img", { src: thumbnailUrl, alt: item.name, className: "size-full object-contain transition-transform group-hover:scale-105 duration-300", loading: "lazy" }) : /* @__PURE__ */ jsx17("div", { className: "transition-transform group-hover:scale-110 duration-200", children: getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "size-10 text-muted-foreground/70") }),
-                      isSelected && /* @__PURE__ */ jsx17("div", { className: "absolute top-2 right-2 size-5 bg-primary rounded-full flex items-center justify-center shadow-sm animate-in zoom-in-50", children: /* @__PURE__ */ jsx17("div", { className: "size-2 bg-primary-foreground rounded-full" }) }),
-                      isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsx17("div", { className: "absolute bottom-2 right-2 lg:hidden size-6 bg-primary/90 rounded-full flex items-center justify-center shadow-md", children: /* @__PURE__ */ jsx17(ChevronRight3, { className: "size-3.5 text-primary-foreground" }) })
+                  children: viewMode === "GRID" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsxs("div", { className: "aspect-square w-full bg-muted/20 flex items-center justify-center overflow-hidden relative", children: [
+                      isThumbnailable ? /* @__PURE__ */ jsx("img", { src: thumbnailUrl, alt: item.name, className: "size-full object-contain transition-transform group-hover:scale-105 duration-300", loading: "lazy" }) : /* @__PURE__ */ jsx("div", { className: "transition-transform group-hover:scale-110 duration-200", children: getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "size-10 text-muted-foreground/70") }),
+                      isSelected && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 size-5 bg-primary rounded-full flex items-center justify-center shadow-sm animate-in zoom-in-50", children: /* @__PURE__ */ jsx("div", { className: "size-2 bg-primary-foreground rounded-full" }) }),
+                      isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsx("div", { className: "absolute bottom-2 right-2 lg:hidden size-6 bg-primary/90 rounded-full flex items-center justify-center shadow-md", children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 text-primary-foreground" }) })
                     ] }),
-                    /* @__PURE__ */ jsxs10("div", { className: "p-3", children: [
-                      /* @__PURE__ */ jsx17("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium truncate w-full text-card-foreground", title: item.name, children: item.name }) }),
-                      /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-between mt-1 text-xs text-muted-foreground", children: /* @__PURE__ */ jsx17("span", { children: isFolder ? "Folder" : formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) }) })
+                    /* @__PURE__ */ jsxs("div", { className: "p-3", children: [
+                      /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate w-full text-card-foreground", title: item.name, children: item.name }) }),
+                      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between mt-1 text-xs text-muted-foreground", children: /* @__PURE__ */ jsx("span", { children: isFolder ? "Folder" : formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) }) })
                     ] })
-                  ] }) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
-                    /* @__PURE__ */ jsx17("div", { className: "size-9 shrink-0 rounded-md overflow-hidden bg-muted/40 flex items-center justify-center border", children: isThumbnailable ? /* @__PURE__ */ jsx17("img", { src: thumbnailUrl, alt: item.name, className: "size-full object-contain", loading: "lazy" }) : getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "size-4 text-muted-foreground") }),
-                    /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium truncate flex-1 text-card-foreground", title: item.name, children: item.name }),
-                    /* @__PURE__ */ jsx17("span", { className: "text-xs text-muted-foreground w-20 text-right", children: isFolder ? "-" : formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) }),
-                    isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsx17(ChevronRight3, { className: "size-4 text-muted-foreground lg:hidden shrink-0" })
+                  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("div", { className: "size-9 shrink-0 rounded-md overflow-hidden bg-muted/40 flex items-center justify-center border", children: isThumbnailable ? /* @__PURE__ */ jsx("img", { src: thumbnailUrl, alt: item.name, className: "size-full object-contain", loading: "lazy" }) : getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "size-4 text-muted-foreground") }),
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate flex-1 text-card-foreground", title: item.name, children: item.name }),
+                    /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground w-20 text-right", children: isFolder ? "-" : formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) }),
+                    isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-muted-foreground lg:hidden shrink-0" })
                   ] })
                 }
               ) }),
-              /* @__PURE__ */ jsx17(ContextMenuContent, { children: currentView === "TRASH" ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
-                /* @__PURE__ */ jsxs10(ContextMenuItem, { onClick: async () => {
+              /* @__PURE__ */ jsx(ContextMenuContent, { children: currentView === "TRASH" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs(ContextMenuItem, { onClick: async () => {
                   await callAPI("restore", { method: "POST", query: { id: item.id } });
                   await refreshItems();
                 }, children: [
-                  /* @__PURE__ */ jsx17(RotateCcw, { className: "mr-2 size-4" }),
+                  /* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 size-4" }),
                   " Restore"
                 ] }),
-                /* @__PURE__ */ jsx17(ContextMenuSeparator, {}),
-                /* @__PURE__ */ jsxs10(ContextMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => {
+                /* @__PURE__ */ jsx(ContextMenuSeparator, {}),
+                /* @__PURE__ */ jsxs(ContextMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => {
                   setItemToDelete(item);
                   setDialogs((prev) => ({ ...prev, delete: true }));
                 }, children: [
-                  /* @__PURE__ */ jsx17(Trash22, { className: "mr-2 size-4" }),
+                  /* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }),
                   " Delete Forever"
                 ] })
-              ] }) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
-                /* @__PURE__ */ jsxs10(ContextMenuItem, { onClick: () => {
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs(ContextMenuItem, { onClick: () => {
                   setRenameItem(item);
                   setDialogs((prev) => ({ ...prev, rename: true }));
                 }, children: [
-                  /* @__PURE__ */ jsx17(Pencil, { className: "mr-2 size-4" }),
+                  /* @__PURE__ */ jsx(Pencil, { className: "mr-2 size-4" }),
                   " Rename"
                 ] }),
-                /* @__PURE__ */ jsx17(ContextMenuSeparator, {}),
-                /* @__PURE__ */ jsxs10(ContextMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => {
+                /* @__PURE__ */ jsx(ContextMenuSeparator, {}),
+                /* @__PURE__ */ jsxs(ContextMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => {
                   setItemToDelete(item);
                   setDialogs((prev) => ({ ...prev, delete: true }));
                 }, children: [
-                  /* @__PURE__ */ jsx17(Trash22, { className: "mr-2 size-4" }),
+                  /* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }),
                   " Delete"
                 ] })
               ] }) })
             ] }) }, item.id);
           }) }) })
         ] }, groupName)) }),
-        hasMore && /* @__PURE__ */ jsxs10("div", { ref: observerTarget, className: "flex justify-center py-4", children: [
-          isLoadingMore && /* @__PURE__ */ jsx17(Loader22, { className: "size-6 animate-spin text-muted-foreground" }),
-          !isLoadingMore && /* @__PURE__ */ jsx17("div", { className: "h-4 w-full" })
+        hasMore && /* @__PURE__ */ jsxs("div", { ref: observerTarget, className: "flex justify-center py-4", children: [
+          isLoadingMore && /* @__PURE__ */ jsx(Loader2, { className: "size-6 animate-spin text-muted-foreground" }),
+          !isLoadingMore && /* @__PURE__ */ jsx("div", { className: "h-4 w-full" })
         ] }),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx(
           DialogConfirmation,
           {
             open: dialogs.newFolder,
@@ -2155,7 +1990,7 @@ var DriveExplorer = (props) => {
             }
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx(
           DialogConfirmation,
           {
             open: dialogs.rename,
@@ -2183,7 +2018,7 @@ var DriveExplorer = (props) => {
             }
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx(
           DialogConfirmation,
           {
             open: dialogs.delete,
@@ -2207,32 +2042,13 @@ var DriveExplorer = (props) => {
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsx17(ContextMenuContent, { children: currentView === "BROWSE" ? /* @__PURE__ */ jsxs10(ContextMenuItem, { onClick: () => setDialogs((prev) => ({ ...prev, newFolder: true })), children: [
-        /* @__PURE__ */ jsx17(FolderPlus, { className: "mr-2 size-4" }),
+      /* @__PURE__ */ jsx(ContextMenuContent, { children: currentView === "BROWSE" ? /* @__PURE__ */ jsxs(ContextMenuItem, { onClick: () => setDialogs((prev) => ({ ...prev, newFolder: true })), children: [
+        /* @__PURE__ */ jsx(FolderPlus, { className: "mr-2 size-4" }),
         " New Folder"
-      ] }) : /* @__PURE__ */ jsx17("div", { className: "px-2 py-6 text-center", children: /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground", children: "No actions available" }) }) })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "px-2 py-6 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No actions available" }) }) })
     ] })
   ] }) });
 };
-
-// src/client/components/drive/header.tsx
-import { useState as useState5 } from "react";
-import {
-  Trash2 as Trash23,
-  ArrowUpDown,
-  LayoutGrid,
-  List,
-  Group as Group3,
-  Calendar,
-  ArrowDownAZ,
-  ArrowUpAZ,
-  ArrowDown01,
-  ArrowUp01,
-  Check as Check4,
-  RotateCcw as RotateCcw2,
-  Menu as Menu2
-} from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 var DriveHeader = () => {
   const {
     viewMode,
@@ -2254,21 +2070,21 @@ var DriveHeader = () => {
     searchScope,
     setSearchScope
   } = useDrive();
-  const [dialogs, setDialogs] = useState5({ delete: false, emptyTrash: false });
-  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center gap-2 border-b bg-muted/30 p-2", children: [
-    (selectedFileIds.length > 0 || currentView === "TRASH") && /* @__PURE__ */ jsxs11(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx18(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx18(
+  const [dialogs, setDialogs] = useState({ delete: false, emptyTrash: false });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b bg-muted/30 p-2", children: [
+    (selectedFileIds.length > 0 || currentView === "TRASH") && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
         Button,
         {
           type: "button",
           variant: "outline",
           size: "sm",
           className: "gap-1.5",
-          children: /* @__PURE__ */ jsx18(Menu2, { className: "size-4" })
+          children: /* @__PURE__ */ jsx(Menu, { className: "size-4" })
         }
       ) }),
-      /* @__PURE__ */ jsxs11(DropdownMenuContent, { align: "start", children: [
-        selectedFileIds.length > 0 && currentView === "TRASH" && /* @__PURE__ */ jsxs11(
+      /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", children: [
+        selectedFileIds.length > 0 && currentView === "TRASH" && /* @__PURE__ */ jsxs(
           DropdownMenuItem,
           {
             onClick: async () => {
@@ -2283,20 +2099,20 @@ var DriveHeader = () => {
               }
             },
             children: [
-              /* @__PURE__ */ jsx18(RotateCcw2, { className: "size-3.5 mr-2" }),
+              /* @__PURE__ */ jsx(RotateCcw, { className: "size-3.5 mr-2" }),
               "Restore (",
               selectedFileIds.length,
               ")"
             ]
           }
         ),
-        selectedFileIds.length > 0 && /* @__PURE__ */ jsxs11(
+        selectedFileIds.length > 0 && /* @__PURE__ */ jsxs(
           DropdownMenuItem,
           {
             onClick: () => setDialogs((prev) => ({ ...prev, delete: true })),
             className: "text-destructive focus:text-destructive",
             children: [
-              /* @__PURE__ */ jsx18(Trash23, { className: "size-3.5 mr-2" }),
+              /* @__PURE__ */ jsx(Trash2, { className: "size-3.5 mr-2" }),
               currentView === "TRASH" ? "Delete Forever" : "Delete",
               " (",
               selectedFileIds.length,
@@ -2304,21 +2120,21 @@ var DriveHeader = () => {
             ]
           }
         ),
-        currentView === "TRASH" && selectedFileIds.length === 0 && /* @__PURE__ */ jsxs11(
+        currentView === "TRASH" && selectedFileIds.length === 0 && /* @__PURE__ */ jsxs(
           DropdownMenuItem,
           {
             onClick: () => setDialogs((prev) => ({ ...prev, emptyTrash: true })),
             className: "text-destructive focus:text-destructive",
             children: [
-              /* @__PURE__ */ jsx18(Trash23, { className: "size-3.5 mr-2" }),
+              /* @__PURE__ */ jsx(Trash2, { className: "size-3.5 mr-2" }),
               "Empty Trash"
             ]
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs11(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx18(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
         Button,
         {
           type: "button",
@@ -2326,24 +2142,24 @@ var DriveHeader = () => {
           size: "sm",
           className: "gap-1.5",
           children: [
-            /* @__PURE__ */ jsx18(Group3, { className: "size-3.5" }),
-            /* @__PURE__ */ jsx18("span", { className: "hidden sm:inline", children: groupBy === "NONE" ? "Group" : "Grouped" })
+            /* @__PURE__ */ jsx(Group, { className: "size-3.5" }),
+            /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: groupBy === "NONE" ? "Group" : "Grouped" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs11(DropdownMenuContent, { align: "start", children: [
-        /* @__PURE__ */ jsxs11(DropdownMenuItem, { onClick: () => setGroupBy("NONE"), children: [
-          groupBy === "NONE" && /* @__PURE__ */ jsx18(Check4, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsx18("span", { className: cn(groupBy !== "NONE" && "pl-5.5"), children: "No Grouping" })
+      /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", children: [
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setGroupBy("NONE"), children: [
+          groupBy === "NONE" && /* @__PURE__ */ jsx(Check, { className: "size-3.5 mr-2" }),
+          /* @__PURE__ */ jsx("span", { className: cn(groupBy !== "NONE" && "pl-5.5"), children: "No Grouping" })
         ] }),
-        /* @__PURE__ */ jsxs11(DropdownMenuItem, { onClick: () => setGroupBy("CREATED_AT"), children: [
-          groupBy === "CREATED_AT" && /* @__PURE__ */ jsx18(Check4, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsx18("span", { className: cn(groupBy !== "CREATED_AT" && "pl-5.5"), children: "Created Date" })
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setGroupBy("CREATED_AT"), children: [
+          groupBy === "CREATED_AT" && /* @__PURE__ */ jsx(Check, { className: "size-3.5 mr-2" }),
+          /* @__PURE__ */ jsx("span", { className: cn(groupBy !== "CREATED_AT" && "pl-5.5"), children: "Created Date" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0 sm:min-w-50 relative", children: [
-      /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 sm:min-w-50 relative", children: [
+      /* @__PURE__ */ jsx(
         Input,
         {
           type: "text",
@@ -2364,11 +2180,11 @@ var DriveHeader = () => {
           }
         }
       ),
-      /* @__PURE__ */ jsx18("div", { className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: /* @__PURE__ */ jsxs11("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-search", children: [
-        /* @__PURE__ */ jsx18("circle", { cx: "11", cy: "11", r: "8" }),
-        /* @__PURE__ */ jsx18("path", { d: "m21 21-4.3-4.3" })
+      /* @__PURE__ */ jsx("div", { className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-search", children: [
+        /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
       ] }) }),
-      searchQuery && /* @__PURE__ */ jsx18(
+      searchQuery && /* @__PURE__ */ jsx(
         Button,
         {
           type: "button",
@@ -2379,65 +2195,65 @@ var DriveHeader = () => {
             setSearchQuery("");
             setCurrentView(searchScope === "TRASH" ? "TRASH" : "BROWSE");
           },
-          children: /* @__PURE__ */ jsxs11("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-x", children: [
-            /* @__PURE__ */ jsx18("path", { d: "M18 6 6 18" }),
-            /* @__PURE__ */ jsx18("path", { d: "m6 6 12 12" })
+          children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-x", children: [
+            /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+            /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
           ] })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs11(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx18(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(Button, { type: "button", variant: "ghost", size: "sm", className: "gap-1.5", children: [
-        /* @__PURE__ */ jsx18(ArrowUpDown, { className: "size-3.5" }),
-        /* @__PURE__ */ jsx18("span", { className: "hidden sm:inline max-w-24 truncate", children: sortBy.field === "id" ? "Default" : sortBy.field === "order" ? "Custom" : sortBy.field === "createdAt" ? sortBy.order === -1 ? "Date: Newest" : "Date: Oldest" : sortBy.field === "name" ? sortBy.order === 1 ? "Name: A to Z" : "Name: Z to A" : sortBy.field === "size" ? sortBy.order === -1 ? "Size: Large" : "Size: Small" : "Sort" })
+    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "gap-1.5", children: [
+        /* @__PURE__ */ jsx(ArrowUpDown, { className: "size-3.5" }),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline max-w-24 truncate", children: sortBy.field === "id" ? "Default" : sortBy.field === "order" ? "Custom" : sortBy.field === "createdAt" ? sortBy.order === -1 ? "Date: Newest" : "Date: Oldest" : sortBy.field === "name" ? sortBy.order === 1 ? "Name: A to Z" : "Name: Z to A" : sortBy.field === "size" ? sortBy.order === -1 ? "Size: Large" : "Size: Small" : "Sort" })
       ] }) }),
-      /* @__PURE__ */ jsxs11(DropdownMenuContent, { align: "end", children: [
-        /* @__PURE__ */ jsxs11(DropdownMenuItem, { onClick: () => setSortBy({ field: "order", order: 1 }), children: [
-          sortBy.field === "order" && /* @__PURE__ */ jsx18(Check4, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsx18("span", { className: cn(sortBy.field !== "order" && "pl-5.5"), children: "Custom Order" })
+      /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "order", order: 1 }), children: [
+          sortBy.field === "order" && /* @__PURE__ */ jsx(Check, { className: "size-3.5 mr-2" }),
+          /* @__PURE__ */ jsx("span", { className: cn(sortBy.field !== "order" && "pl-5.5"), children: "Custom Order" })
         ] }),
-        /* @__PURE__ */ jsxs11(DropdownMenuItem, { onClick: () => setSortBy({ field: "id", order: 1 }), children: [
-          sortBy.field === "id" && /* @__PURE__ */ jsx18(Check4, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsx18("span", { className: cn(sortBy.field !== "id" && "pl-5.5"), children: "Default" })
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "id", order: 1 }), children: [
+          sortBy.field === "id" && /* @__PURE__ */ jsx(Check, { className: "size-3.5 mr-2" }),
+          /* @__PURE__ */ jsx("span", { className: cn(sortBy.field !== "id" && "pl-5.5"), children: "Default" })
         ] }),
-        /* @__PURE__ */ jsx18(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsxs11(DropdownMenuItem, { onClick: () => setSortBy({ field: "createdAt", order: -1 }), children: [
-          sortBy.field === "createdAt" && sortBy.order === -1 && /* @__PURE__ */ jsx18(Check4, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsx18(Calendar, { className: cn("size-3.5 mr-2", sortBy.field === "createdAt" && sortBy.order === -1 ? "" : "ml-5.5") }),
+        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "createdAt", order: -1 }), children: [
+          sortBy.field === "createdAt" && sortBy.order === -1 && /* @__PURE__ */ jsx(Check, { className: "size-3.5 mr-2" }),
+          /* @__PURE__ */ jsx(Calendar, { className: cn("size-3.5 mr-2", sortBy.field === "createdAt" && sortBy.order === -1 ? "" : "ml-5.5") }),
           "Date: Newest"
         ] }),
-        /* @__PURE__ */ jsxs11(DropdownMenuItem, { onClick: () => setSortBy({ field: "createdAt", order: 1 }), children: [
-          sortBy.field === "createdAt" && sortBy.order === 1 && /* @__PURE__ */ jsx18(Check4, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsx18(Calendar, { className: cn("size-3.5 mr-2", sortBy.field === "createdAt" && sortBy.order === 1 ? "" : "ml-5.5") }),
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "createdAt", order: 1 }), children: [
+          sortBy.field === "createdAt" && sortBy.order === 1 && /* @__PURE__ */ jsx(Check, { className: "size-3.5 mr-2" }),
+          /* @__PURE__ */ jsx(Calendar, { className: cn("size-3.5 mr-2", sortBy.field === "createdAt" && sortBy.order === 1 ? "" : "ml-5.5") }),
           "Date: Oldest"
         ] }),
-        /* @__PURE__ */ jsx18(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsxs11(DropdownMenuItem, { onClick: () => setSortBy({ field: "name", order: 1 }), children: [
-          sortBy.field === "name" && sortBy.order === 1 && /* @__PURE__ */ jsx18(Check4, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsx18(ArrowDownAZ, { className: cn("size-3.5 mr-2", sortBy.field === "name" && sortBy.order === 1 ? "" : "ml-5.5") }),
+        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "name", order: 1 }), children: [
+          sortBy.field === "name" && sortBy.order === 1 && /* @__PURE__ */ jsx(Check, { className: "size-3.5 mr-2" }),
+          /* @__PURE__ */ jsx(ArrowDownAZ, { className: cn("size-3.5 mr-2", sortBy.field === "name" && sortBy.order === 1 ? "" : "ml-5.5") }),
           "Name: A to Z"
         ] }),
-        /* @__PURE__ */ jsxs11(DropdownMenuItem, { onClick: () => setSortBy({ field: "name", order: -1 }), children: [
-          sortBy.field === "name" && sortBy.order === -1 && /* @__PURE__ */ jsx18(Check4, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsx18(ArrowUpAZ, { className: cn("size-3.5 mr-2", sortBy.field === "name" && sortBy.order === -1 ? "" : "ml-5.5") }),
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "name", order: -1 }), children: [
+          sortBy.field === "name" && sortBy.order === -1 && /* @__PURE__ */ jsx(Check, { className: "size-3.5 mr-2" }),
+          /* @__PURE__ */ jsx(ArrowUpAZ, { className: cn("size-3.5 mr-2", sortBy.field === "name" && sortBy.order === -1 ? "" : "ml-5.5") }),
           "Name: Z to A"
         ] }),
-        /* @__PURE__ */ jsx18(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsxs11(DropdownMenuItem, { onClick: () => setSortBy({ field: "size", order: -1 }), children: [
-          sortBy.field === "size" && sortBy.order === -1 && /* @__PURE__ */ jsx18(Check4, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsx18(ArrowDown01, { className: cn("size-3.5 mr-2", sortBy.field === "size" && sortBy.order === -1 ? "" : "ml-5.5") }),
+        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "size", order: -1 }), children: [
+          sortBy.field === "size" && sortBy.order === -1 && /* @__PURE__ */ jsx(Check, { className: "size-3.5 mr-2" }),
+          /* @__PURE__ */ jsx(ArrowDown01, { className: cn("size-3.5 mr-2", sortBy.field === "size" && sortBy.order === -1 ? "" : "ml-5.5") }),
           "Size: Large"
         ] }),
-        /* @__PURE__ */ jsxs11(DropdownMenuItem, { onClick: () => setSortBy({ field: "size", order: 1 }), children: [
-          sortBy.field === "size" && sortBy.order === 1 && /* @__PURE__ */ jsx18(Check4, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsx18(ArrowUp01, { className: cn("size-3.5 mr-2", sortBy.field === "size" && sortBy.order === 1 ? "" : "ml-5.5") }),
+        /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "size", order: 1 }), children: [
+          sortBy.field === "size" && sortBy.order === 1 && /* @__PURE__ */ jsx(Check, { className: "size-3.5 mr-2" }),
+          /* @__PURE__ */ jsx(ArrowUp01, { className: cn("size-3.5 mr-2", sortBy.field === "size" && sortBy.order === 1 ? "" : "ml-5.5") }),
           "Size: Small"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx18("div", { className: "w-px h-5 bg-border" }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex bg-muted rounded-md p-0.5 gap-0.5", children: [
-      /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx("div", { className: "w-px h-5 bg-border" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex bg-muted rounded-md p-0.5 gap-0.5", children: [
+      /* @__PURE__ */ jsx(
         Button,
         {
           type: "button",
@@ -2447,10 +2263,10 @@ var DriveHeader = () => {
           onClick: () => setViewMode("GRID"),
           "aria-label": "Grid View",
           "aria-pressed": viewMode === "GRID",
-          children: /* @__PURE__ */ jsx18(LayoutGrid, { className: "size-4" })
+          children: /* @__PURE__ */ jsx(LayoutGrid, { className: "size-4" })
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx(
         Button,
         {
           type: "button",
@@ -2460,11 +2276,11 @@ var DriveHeader = () => {
           onClick: () => setViewMode("LIST"),
           "aria-label": "List View",
           "aria-pressed": viewMode === "LIST",
-          children: /* @__PURE__ */ jsx18(List, { className: "size-4" })
+          children: /* @__PURE__ */ jsx(List, { className: "size-4" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx(
       DialogConfirmation,
       {
         open: dialogs.delete,
@@ -2501,7 +2317,7 @@ var DriveHeader = () => {
         }
       }
     ),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx(
       DialogConfirmation,
       {
         open: dialogs.emptyTrash,
@@ -2521,10 +2337,6 @@ var DriveHeader = () => {
     )
   ] });
 };
-
-// src/client/file-chooser.tsx
-import { Upload as UploadIcon2, X as X4 } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 var DriveFileChooser = (props) => {
   const {
     value,
@@ -2544,15 +2356,15 @@ var DriveFileChooser = (props) => {
     ...props
   };
   const { items, selectedFileIds, setSelectedFileIds, createUrl } = useDrive();
-  const [isOpen, setIsOpen] = useState6(false);
-  useEffect5(() => {
+  const [isOpen, setIsOpen] = useState(false);
+  useEffect(() => {
     if (isOpen) {
       if (!value) setSelectedFileIds([]);
       else if (Array.isArray(value)) setSelectedFileIds(value.map((f) => f.id));
       else setSelectedFileIds([value.id]);
     }
   }, [isOpen, value, setSelectedFileIds]);
-  const handleConfirm = useCallback4(() => {
+  const handleConfirm = useCallback(() => {
     const selectedItems = items.filter((item) => selectedFileIds.includes(item.id));
     const files = selectedItems.map((item) => ({
       id: item.id,
@@ -2569,13 +2381,13 @@ var DriveFileChooser = (props) => {
     }
   };
   const hasSelection = value && (Array.isArray(value) ? value.length > 0 : true);
-  const displayFiles = useMemo3(() => {
+  const displayFiles = useMemo(() => {
     if (!value) return [];
     return Array.isArray(value) ? value : [value];
   }, [value]);
   const isSingle = !multiple;
-  return /* @__PURE__ */ jsxs12("div", { className: cn("space-y-1.5", className), children: [
-    !hasSelection && /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-1.5", className), children: [
+    !hasSelection && /* @__PURE__ */ jsxs(
       Button,
       {
         type: "button",
@@ -2587,23 +2399,23 @@ var DriveFileChooser = (props) => {
           error && "border-destructive"
         ),
         children: [
-          /* @__PURE__ */ jsx19("div", { className: cn(
+          /* @__PURE__ */ jsx("div", { className: cn(
             "flex items-center justify-center size-9 rounded-md bg-muted",
             error && "bg-destructive/10"
-          ), children: /* @__PURE__ */ jsx19(UploadIcon2, { className: cn("size-4", error ? "text-destructive" : "text-muted-foreground") }) }),
-          /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx19("p", { className: cn("text-sm font-medium", error && "text-destructive"), children: isSingle ? "Select a file" : "Select files" }),
-            /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: placeholder })
+          ), children: /* @__PURE__ */ jsx(Upload, { className: cn("size-4", error ? "text-destructive" : "text-muted-foreground") }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: cn("text-sm font-medium", error && "text-destructive"), children: isSingle ? "Select a file" : "Select files" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: placeholder })
           ] })
         ]
       }
     ),
-    hasSelection && isSingle && displayFiles[0] && /* @__PURE__ */ jsxs12("div", { className: cn(
+    hasSelection && isSingle && displayFiles[0] && /* @__PURE__ */ jsxs("div", { className: cn(
       "flex items-center gap-2.5 px-2.5 py-2 rounded-md border bg-muted/30",
       error && "border-destructive",
       disabled && "opacity-50"
     ), children: [
-      /* @__PURE__ */ jsx19("div", { className: "size-10 shrink-0 rounded overflow-hidden bg-muted flex items-center justify-center", children: displayFiles[0].file.mime.startsWith("image/") ? /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx("div", { className: "size-10 shrink-0 rounded overflow-hidden bg-muted flex items-center justify-center", children: displayFiles[0].file.mime.startsWith("image/") ? /* @__PURE__ */ jsx(
         "img",
         {
           src: createUrl({ id: displayFiles[0].id, file: displayFiles[0].file }, { quality: "low", format: "webp" }),
@@ -2611,12 +2423,12 @@ var DriveFileChooser = (props) => {
           className: "size-full object-cover"
         }
       ) : getFileIcon(displayFiles[0].file.mime, false, "size-5 text-muted-foreground") }),
-      /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx19("p", { className: "text-sm font-medium truncate", children: displayFiles[0].file.name }),
-        /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground truncate", children: displayFiles[0].file.mime })
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: displayFiles[0].file.name }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: displayFiles[0].file.mime })
       ] }),
-      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1 shrink-0", children: [
-        /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+        /* @__PURE__ */ jsx(
           Button,
           {
             type: "button",
@@ -2627,30 +2439,30 @@ var DriveFileChooser = (props) => {
             children: "Change"
           }
         ),
-        !disabled && /* @__PURE__ */ jsx19(
+        !disabled && /* @__PURE__ */ jsx(
           Button,
           {
             type: "button",
             variant: "ghost",
             size: "icon",
             onClick: () => handleRemove(displayFiles[0].id),
-            children: /* @__PURE__ */ jsx19(X4, { className: "size-3.5" })
+            children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
           }
         )
       ] })
     ] }),
-    hasSelection && !isSingle && /* @__PURE__ */ jsxs12("div", { className: cn(
+    hasSelection && !isSingle && /* @__PURE__ */ jsxs("div", { className: cn(
       "rounded-md border",
       error && "border-destructive",
       disabled && "opacity-50"
     ), children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between px-2.5 py-1.5 border-b bg-muted/30", children: [
-        /* @__PURE__ */ jsxs12("span", { className: "text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2.5 py-1.5 border-b bg-muted/30", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
           displayFiles.length,
           " files selected"
         ] }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
             Button,
             {
               type: "button",
@@ -2661,7 +2473,7 @@ var DriveFileChooser = (props) => {
               children: "Add more"
             }
           ),
-          !disabled && /* @__PURE__ */ jsx19(
+          !disabled && /* @__PURE__ */ jsx(
             Button,
             {
               type: "button",
@@ -2673,8 +2485,8 @@ var DriveFileChooser = (props) => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx19("div", { className: "divide-y max-h-40 overflow-y-auto", children: displayFiles.map((file) => /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 px-2.5 py-1.5 hover:bg-muted/30", children: [
-        /* @__PURE__ */ jsx19("div", { className: "size-7 shrink-0 rounded overflow-hidden bg-muted flex items-center justify-center", children: file.file.mime.startsWith("image/") ? /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx("div", { className: "divide-y max-h-40 overflow-y-auto", children: displayFiles.map((file) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2.5 py-1.5 hover:bg-muted/30", children: [
+        /* @__PURE__ */ jsx("div", { className: "size-7 shrink-0 rounded overflow-hidden bg-muted flex items-center justify-center", children: file.file.mime.startsWith("image/") ? /* @__PURE__ */ jsx(
           "img",
           {
             src: createUrl({ id: file.id, file: file.file }, { quality: "ultralow", format: "webp" }),
@@ -2682,27 +2494,27 @@ var DriveFileChooser = (props) => {
             className: "size-full object-cover"
           }
         ) : getFileIcon(file.file.mime, false, "size-3.5 text-muted-foreground") }),
-        /* @__PURE__ */ jsx19("span", { className: "flex-1 text-sm truncate", children: file.file.name }),
-        !disabled && /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm truncate", children: file.file.name }),
+        !disabled && /* @__PURE__ */ jsx(
           Button,
           {
             type: "button",
             variant: "ghost",
             size: "icon",
             onClick: () => handleRemove(file.id),
-            children: /* @__PURE__ */ jsx19(X4, { className: "size-3" })
+            children: /* @__PURE__ */ jsx(X, { className: "size-3" })
           }
         )
       ] }, file.id)) })
     ] }),
-    error && helperText && /* @__PURE__ */ jsx19("p", { className: "text-xs text-destructive", children: helperText }),
-    /* @__PURE__ */ jsx19(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxs12(DialogContent, { className: "sm:max-w-5xl max-h-[85vh] w-[95vw] flex flex-col gap-0 p-0", children: [
-      /* @__PURE__ */ jsx19(DialogHeader, { className: "px-0 py-0 border-b shrink-0 flex flex-col gap-0", children: /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-between px-3 sm:px-4 py-3 border-b", children: /* @__PURE__ */ jsx19(DialogTitle, { className: "text-sm sm:text-base", children: "File Explorer" }) }) }),
-      /* @__PURE__ */ jsxs12("div", { className: "flex-1 overflow-hidden flex min-h-0 bg-muted/5", children: [
-        /* @__PURE__ */ jsx19("div", { className: "hidden md:flex w-48 lg:w-52 border-r bg-background/50 flex-col", children: /* @__PURE__ */ jsx19(DriveSidebar, {}) }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex-1 flex flex-col min-w-0", children: [
-          /* @__PURE__ */ jsx19(DriveHeader, {}),
-          /* @__PURE__ */ jsx19(
+    error && helperText && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: helperText }),
+    /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-5xl max-h-[85vh] w-[95vw] flex flex-col gap-0 p-0", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { className: "px-0 py-0 border-b shrink-0 flex flex-col gap-0", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-3 sm:px-4 py-3 border-b", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-sm sm:text-base", children: "File Explorer" }) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-hidden flex min-h-0 bg-muted/5", children: [
+        /* @__PURE__ */ jsx("div", { className: "hidden md:flex w-48 lg:w-52 border-r bg-background/50 flex-col", children: /* @__PURE__ */ jsx(DriveSidebar, {}) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-w-0", children: [
+          /* @__PURE__ */ jsx(DriveHeader, {}),
+          /* @__PURE__ */ jsx(
             DriveExplorer,
             {
               mimeFilter: accept
@@ -2710,9 +2522,9 @@ var DriveFileChooser = (props) => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs12(DialogFooter, { className: "px-3 sm:px-4 py-3 border-t bg-background shrink-0 gap-2 flex-row justify-end", children: [
-        /* @__PURE__ */ jsx19(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setIsOpen(false), children: "Cancel" }),
-        /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs(DialogFooter, { className: "px-3 sm:px-4 py-3 border-t bg-background shrink-0 gap-2 flex-row justify-end", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setIsOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsxs(
           Button,
           {
             type: "button",
@@ -2729,9 +2541,6 @@ var DriveFileChooser = (props) => {
     ] }) })
   ] });
 };
-
-// src/schemas.ts
-import { z } from "zod";
 var driveFileSchemaZod = z.object({
   id: z.string(),
   file: z.object({
@@ -2740,17 +2549,7 @@ var driveFileSchemaZod = z.object({
     size: z.number()
   })
 });
-export {
-  DriveExplorer,
-  DriveFileChooser,
-  DriveHeader,
-  DrivePathBar,
-  DriveProvider,
-  DriveSidebar,
-  DriveStorageIndicator,
-  DriveUpload,
-  driveFileSchemaZod,
-  useDrive,
-  useUpload
-};
+
+export { DriveExplorer, DriveFileChooser, DriveHeader, DrivePathBar, DriveProvider, DriveSidebar, DriveStorageIndicator, DriveUpload, driveFileSchemaZod, useDrive, useUpload };
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map