@muhgholy/next-drive 4.23.7 → 4.23.10

package/dist/client/index.js

@@ -5,6 +5,7 @@ import React3__default, { createContext, useContext, useState, useCallback, useR
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { X, ChevronRight, Check, Circle, Loader2, Folder, FolderPlus, Menu, RotateCcw, Trash2, Group, Search, ArrowUpDown, Calendar, ArrowDownAZ, ArrowUpAZ, ArrowDown01, ArrowUp01, LayoutGrid, List, RefreshCw, Upload, CheckCircle2, Cloud, AlertCircle, Pencil, FileText, HardDrive, Database, ChevronsUpDown, Plus, Settings2, Trash, FolderOpen, Clock } from 'lucide-react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -12,7 +13,6 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import { useForm } from 'react-hook-form';
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, pointerWithin, closestCenter, useDroppable } from '@dnd-kit/core';
 import { sortableKeyboardCoordinates, arrayMove, SortableContext, rectSortingStrategy, useSortable } from '@dnd-kit/sortable';
-import * as ProgressPrimitive from '@radix-ui/react-progress';
 import { startOfWeek, subWeeks, isToday, isYesterday, isAfter } from 'date-fns';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { CSS } from '@dnd-kit/utilities';
@@ -66,9 +66,15 @@ var DriveProvider = (props) => {
         headers,
         credentials: withCredentials ? "include" : "same-origin"
       });
-      return await res.json();
+      try {
+        return await res.json();
+      } catch (parseErr) {
+        const detail = parseErr instanceof Error ? parseErr.message : String(parseErr);
+        return { status: res.status || 0, message: `Could not read the server response for "${action}" (${detail})` };
+      }
     } catch (err) {
-      return { status: 0, message: err instanceof Error ? err.message : "Network error \u2014 please check your connection" };
+      const detail = err instanceof Error ? err.message : String(err);
+      return { status: 0, message: `Network request failed for "${action}" (${detail})` };
     }
   }, [apiEndpoint, activeAccountId, withCredentials]);
   const fetchItems = useCallback(async () => {
@@ -290,7 +296,7 @@ var getChunkSize = (fileSize) => {
   if (fileSize < 1024 * 1024 * 1024) return 8 * 1024 * 1024;
   return 16 * 1024 * 1024;
 };
-var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUploadComplete) => {
+var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUploadComplete, unauthenticated = false) => {
   const [uploads, setUploads] = useState([]);
   const abortControllers = useRef(/* @__PURE__ */ new Map());
   const filesRef = useRef(/* @__PURE__ */ new Map());
@@ -343,9 +349,9 @@ var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUpload
       addLog(uploadId, "success", `Chunk uploaded successfully`);
       return [true, data.data, false];
     } catch (error) {
-      const errorMsg = error instanceof Error ? error.message : "Network error during upload";
-      addLog(uploadId, "error", `Network/Fetch error: ${errorMsg}`);
-      return [false, errorMsg, true];
+      const detail = error instanceof Error ? error.message : String(error);
+      addLog(uploadId, "error", `Network/Fetch error: ${detail}`);
+      return [false, `Upload connection failed: ${detail}`, true];
     }
   };
   const processItem = async (item, file, folderId) => {
@@ -374,6 +380,7 @@ var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUpload
         formData.append("fileType", file.type);
         formData.append("folderId", folderId || "root");
         if (driveId) formData.append("driveId", driveId);
+        if (unauthenticated) formData.append("unauthenticated", "true");
         let attempts = 0;
         let success = false;
         while (!success && attempts < 3 && !controller.signal.aborted) {
@@ -533,6 +540,39 @@ function Button({
     }
   );
 }
+function Progress({
+  className,
+  value,
+  indicatorClassName,
+  indeterminate = false,
+  ...props
+}) {
+  const isIndeterminate = indeterminate || value === void 0;
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Root,
+    {
+      "data-slot": "progress",
+      className: cn(
+        "nd:bg-primary/20 nd:relative nd:h-2 nd:w-full nd:overflow-hidden nd:rounded-full",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ProgressPrimitive.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: cn(
+            "nd:bg-primary nd:h-full nd:flex-1 nd:transition-all",
+            isIndeterminate && "nd:w-1/3 nd:animate-[indeterminate_1.5s_ease-in-out_infinite]",
+            !isIndeterminate && "nd:w-full",
+            indicatorClassName
+          ),
+          style: isIndeterminate ? void 0 : { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
 function Dialog2({ ...props }) {
   return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "dialog2", ...props });
 }
@@ -1031,7 +1071,7 @@ function Label2({
     }
   );
 }
-var DialogConfirmation = (props) => {
+var DriveConfirm = (props) => {
   const { title, description, onConfirm, disableEscapeKeyDown, inputs, onClose, open } = props;
   const [error, setError] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
@@ -1128,11 +1168,29 @@ var DialogConfirmation = (props) => {
           )
         ] }, input.id)) }),
         /* @__PURE__ */ jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleClose, disabled: isLoading, children: "Cancel" }),
           /* @__PURE__ */ jsx(
             Button,
             {
-              onClick: handleConfirm,
+              type: "button",
+              variant: "outline",
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                handleClose();
+              },
+              disabled: isLoading,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                void handleConfirm();
+              },
               disabled: isLoading || !isFormValid(),
               children: "Confirm"
             }
@@ -1142,7 +1200,7 @@ var DialogConfirmation = (props) => {
     }
   ) });
 };
-var RenameAccountDialog = (props) => {
+var DriveAccountRename = (props) => {
   const { open, onClose, account, onConfirm } = props;
   const {
     register,
@@ -1203,52 +1261,65 @@ var RenameAccountDialog = (props) => {
           e.preventDefault();
         }
       },
-      children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(handleFormSubmit), children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsx(DialogTitle, { children: "Rename Account" }),
-          /* @__PURE__ */ jsx(DialogDescription, { children: "Enter a new display name for this storage account." })
-        ] }),
-        errors.name && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsx(AlertCircle, { className: "nd:h-4 nd:w-4" }),
-          /* @__PURE__ */ jsx(AlertTitle, { children: "Error" }),
-          /* @__PURE__ */ jsx(AlertDescription, { children: errors.name.message })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxs("div", { className: "nd:grid nd:gap-2", children: [
-          /* @__PURE__ */ jsx(Label2, { htmlFor: "rename-account-input", children: "Account name" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "rename-account-input",
-              ...register("name", {
-                required: "Account name is required",
-                validate: (value) => {
-                  const trimmed = value.trim();
-                  if (!trimmed) return "Account name cannot be empty";
-                  if (trimmed.length > 255)
-                    return "Account name is too long";
-                  return true;
+      children: /* @__PURE__ */ jsxs(
+        "form",
+        {
+          onSubmit: (e) => {
+            e.stopPropagation();
+            void handleSubmit(handleFormSubmit)(e);
+          },
+          children: [
+            /* @__PURE__ */ jsxs(DialogHeader, { children: [
+              /* @__PURE__ */ jsx(DialogTitle, { children: "Rename Account" }),
+              /* @__PURE__ */ jsx(DialogDescription, { children: "Enter a new display name for this storage account." })
+            ] }),
+            errors.name && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+              /* @__PURE__ */ jsx(AlertCircle, { className: "nd:h-4 nd:w-4" }),
+              /* @__PURE__ */ jsx(AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ jsx(AlertDescription, { children: errors.name.message })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxs("div", { className: "nd:grid nd:gap-2", children: [
+              /* @__PURE__ */ jsx(Label2, { htmlFor: "rename-account-input", children: "Account name" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "rename-account-input",
+                  ...register("name", {
+                    required: "Account name is required",
+                    validate: (value) => {
+                      const trimmed = value.trim();
+                      if (!trimmed) return "Account name cannot be empty";
+                      if (trimmed.length > 255)
+                        return "Account name is too long";
+                      return true;
+                    }
+                  }),
+                  placeholder: "Enter account name",
+                  disabled: isSubmitting,
+                  autoComplete: "off"
                 }
-              }),
-              placeholder: "Enter account name",
-              disabled: isSubmitting,
-              autoComplete: "off"
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: handleClose,
-              disabled: isSubmitting,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Saving..." : "Save" })
-        ] })
-      ] })
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxs(DialogFooter, { children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    handleClose();
+                  },
+                  disabled: isSubmitting,
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Saving..." : "Save" })
+            ] })
+          ]
+        }
+      )
     }
   ) });
 };
@@ -1325,39 +1396,6 @@ var DriveDndProvider = (props) => {
     }
   ) : children });
 };
-function Progress({
-  className,
-  value,
-  indicatorClassName,
-  indeterminate = false,
-  ...props
-}) {
-  const isIndeterminate = indeterminate || value === void 0;
-  return /* @__PURE__ */ jsx(
-    ProgressPrimitive.Root,
-    {
-      "data-slot": "progress",
-      className: cn(
-        "nd:bg-primary/20 nd:relative nd:h-2 nd:w-full nd:overflow-hidden nd:rounded-full",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        ProgressPrimitive.Indicator,
-        {
-          "data-slot": "progress-indicator",
-          className: cn(
-            "nd:bg-primary nd:h-full nd:flex-1 nd:transition-all",
-            isIndeterminate && "nd:w-1/3 nd:animate-[indeterminate_1.5s_ease-in-out_infinite]",
-            !isIndeterminate && "nd:w-full",
-            indicatorClassName
-          ),
-          style: isIndeterminate ? void 0 : { transform: `translateX(-${100 - (value || 0)}%)` }
-        }
-      )
-    }
-  );
-}
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuSubTrigger = React3.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
@@ -1469,7 +1507,7 @@ var ContextMenuSeparator = React3.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-var CreateFolderDialog = (props) => {
+var DriveFolderCreate = (props) => {
   const { open, onClose, onConfirm } = props;
   const {
     register,
@@ -1521,56 +1559,69 @@ var CreateFolderDialog = (props) => {
           e.preventDefault();
         }
       },
-      children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(handleFormSubmit), children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsx(DialogTitle, { children: "Create New Folder" }),
-          /* @__PURE__ */ jsx(DialogDescription, { children: "Enter a name for the new folder" })
-        ] }),
-        errors.name && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsx(AlertCircle, { className: "nd:h-4 nd:w-4" }),
-          /* @__PURE__ */ jsx(AlertTitle, { children: "Error" }),
-          /* @__PURE__ */ jsx(AlertDescription, { children: errors.name.message })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxs("div", { className: "nd:grid nd:gap-2", children: [
-          /* @__PURE__ */ jsx(Label2, { htmlFor: "folder-name", children: "Folder name" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "folder-name",
-              ...register("name", {
-                required: "Folder name is required",
-                validate: (value) => {
-                  const trimmed = value.trim();
-                  if (!trimmed) return "Folder name cannot be empty";
-                  if (trimmed.length > 255)
-                    return "Folder name is too long";
-                  return true;
+      children: /* @__PURE__ */ jsxs(
+        "form",
+        {
+          onSubmit: (e) => {
+            e.stopPropagation();
+            void handleSubmit(handleFormSubmit)(e);
+          },
+          children: [
+            /* @__PURE__ */ jsxs(DialogHeader, { children: [
+              /* @__PURE__ */ jsx(DialogTitle, { children: "Create New Folder" }),
+              /* @__PURE__ */ jsx(DialogDescription, { children: "Enter a name for the new folder" })
+            ] }),
+            errors.name && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+              /* @__PURE__ */ jsx(AlertCircle, { className: "nd:h-4 nd:w-4" }),
+              /* @__PURE__ */ jsx(AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ jsx(AlertDescription, { children: errors.name.message })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxs("div", { className: "nd:grid nd:gap-2", children: [
+              /* @__PURE__ */ jsx(Label2, { htmlFor: "folder-name", children: "Folder name" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "folder-name",
+                  ...register("name", {
+                    required: "Folder name is required",
+                    validate: (value) => {
+                      const trimmed = value.trim();
+                      if (!trimmed) return "Folder name cannot be empty";
+                      if (trimmed.length > 255)
+                        return "Folder name is too long";
+                      return true;
+                    }
+                  }),
+                  placeholder: "Enter folder name",
+                  disabled: isSubmitting,
+                  autoComplete: "off"
                 }
-              }),
-              placeholder: "Enter folder name",
-              disabled: isSubmitting,
-              autoComplete: "off"
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: handleClose,
-              disabled: isSubmitting,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Creating..." : "Create" })
-        ] })
-      ] })
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxs(DialogFooter, { children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    handleClose();
+                  },
+                  disabled: isSubmitting,
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Creating..." : "Create" })
+            ] })
+          ]
+        }
+      )
     }
   ) });
 };
-var RenameDialog = (props) => {
+var DriveItemRename = (props) => {
   const { open, onClose, item, onConfirm } = props;
   const {
     register,
@@ -1630,57 +1681,70 @@ var RenameDialog = (props) => {
           e.preventDefault();
         }
       },
-      children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(handleFormSubmit), children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxs(DialogTitle, { children: [
-            "Rename ",
-            itemType
-          ] }),
-          /* @__PURE__ */ jsxs(DialogDescription, { children: [
-            "Enter a new name for this ",
-            itemType.toLowerCase()
-          ] })
-        ] }),
-        errors.name && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsx(AlertCircle, { className: "nd:h-4 nd:w-4" }),
-          /* @__PURE__ */ jsx(AlertTitle, { children: "Error" }),
-          /* @__PURE__ */ jsx(AlertDescription, { children: errors.name.message })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxs("div", { className: "nd:grid nd:gap-2", children: [
-          /* @__PURE__ */ jsx(Label2, { htmlFor: "rename-input", children: "Name" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "rename-input",
-              ...register("name", {
-                required: "Name is required",
-                validate: (value) => {
-                  const trimmed = value.trim();
-                  if (!trimmed) return "Name cannot be empty";
-                  if (trimmed.length > 255) return "Name is too long";
-                  return true;
+      children: /* @__PURE__ */ jsxs(
+        "form",
+        {
+          onSubmit: (e) => {
+            e.stopPropagation();
+            void handleSubmit(handleFormSubmit)(e);
+          },
+          children: [
+            /* @__PURE__ */ jsxs(DialogHeader, { children: [
+              /* @__PURE__ */ jsxs(DialogTitle, { children: [
+                "Rename ",
+                itemType
+              ] }),
+              /* @__PURE__ */ jsxs(DialogDescription, { children: [
+                "Enter a new name for this ",
+                itemType.toLowerCase()
+              ] })
+            ] }),
+            errors.name && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+              /* @__PURE__ */ jsx(AlertCircle, { className: "nd:h-4 nd:w-4" }),
+              /* @__PURE__ */ jsx(AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ jsx(AlertDescription, { children: errors.name.message })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxs("div", { className: "nd:grid nd:gap-2", children: [
+              /* @__PURE__ */ jsx(Label2, { htmlFor: "rename-input", children: "Name" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "rename-input",
+                  ...register("name", {
+                    required: "Name is required",
+                    validate: (value) => {
+                      const trimmed = value.trim();
+                      if (!trimmed) return "Name cannot be empty";
+                      if (trimmed.length > 255) return "Name is too long";
+                      return true;
+                    }
+                  }),
+                  placeholder: "Enter name",
+                  disabled: isSubmitting,
+                  autoComplete: "off"
                 }
-              }),
-              placeholder: "Enter name",
-              disabled: isSubmitting,
-              autoComplete: "off"
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: handleClose,
-              disabled: isSubmitting,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Renaming..." : "Rename" })
-        ] })
-      ] })
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxs(DialogFooter, { children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    handleClose();
+                  },
+                  disabled: isSubmitting,
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Renaming..." : "Rename" })
+            ] })
+          ]
+        }
+      )
     }
   ) });
 };
@@ -1962,7 +2026,7 @@ var DriveFileGrid = (props) => {
       hasMore && /* @__PURE__ */ jsx("div", { ref: observerTarget, className: "nd:flex nd:justify-center nd:py-6", children: isLoadingMore && /* @__PURE__ */ jsx(Loader2, { className: "nd:size-6 nd:animate-spin nd:text-muted-foreground" }) })
     ] }),
     /* @__PURE__ */ jsx(
-      CreateFolderDialog,
+      DriveFolderCreate,
       {
         open: dialogs.newFolder,
         onClose: () => setDialogs((prev) => ({ ...prev, newFolder: false })),
@@ -1972,7 +2036,7 @@ var DriveFileGrid = (props) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      RenameDialog,
+      DriveItemRename,
       {
         open: dialogs.rename,
         onClose: () => {
@@ -1987,7 +2051,7 @@ var DriveFileGrid = (props) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: dialogs.delete,
         onClose: () => {
@@ -2248,7 +2312,7 @@ var DriveHeader = ({ className }) => {
       )
     ] }),
     /* @__PURE__ */ jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: dialogs.delete,
         onClose: () => setDialogs((prev) => ({ ...prev, delete: false })),
@@ -2264,7 +2328,7 @@ var DriveHeader = ({ className }) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: dialogs.emptyTrash,
         onClose: () => setDialogs((prev) => ({ ...prev, emptyTrash: false })),
@@ -2278,7 +2342,7 @@ var DriveHeader = ({ className }) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      CreateFolderDialog,
+      DriveFolderCreate,
       {
         open: dialogs.newFolder,
         onClose: () => setDialogs((prev) => ({ ...prev, newFolder: false })),
@@ -2988,7 +3052,7 @@ var ChooserSidebar = (props) => {
     ] }),
     /* @__PURE__ */ jsx("div", { className: "nd:p-2.5 nd:border-t nd:border-border/50 nd:bg-background/50 nd:dark:bg-background/30", children: /* @__PURE__ */ jsx(DriveStorageIndicator, {}) }),
     /* @__PURE__ */ jsx(
-      RenameAccountDialog,
+      DriveAccountRename,
       {
         open: renameDialog.open,
         onClose: () => setRenameDialog({ open: false, account: null }),
@@ -2997,7 +3061,7 @@ var ChooserSidebar = (props) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: deleteDialog.open,
         onClose: () => setDeleteDialog({ open: false, account: null }),
@@ -3037,11 +3101,46 @@ var DriveFileChooser = (props) => {
     className,
     disabled = false,
     error,
-    helperText
+    helperText,
+    allowUnauthenticated = false
   } = props;
-  const { items, selectedFileIds, setSelectedFileIds, createUrl, triggerFetch } = useDrive();
+  const { items, selectedFileIds, setSelectedFileIds, createUrl, triggerFetch, apiEndpoint, activeAccountId, withCredentials, callAPI } = useDrive();
   useStyleInjector();
   const [isOpen, setIsOpen] = useState(false);
+  const fileInputRef = useRef(null);
+  const valueRef = useRef(value);
+  valueRef.current = value;
+  const [authed, setAuthed] = useState(allowUnauthenticated ? null : true);
+  useEffect(() => {
+    if (!allowUnauthenticated) return;
+    callAPI("information").then((res) => setAuthed(res.status === 200 ? !!res.data?.authenticated : false));
+  }, [allowUnauthenticated, callAPI]);
+  const unauthenticatedMode = allowUnauthenticated && authed === false;
+  const handleUploaded = useCallback((item) => {
+    const isFile = item?.information?.type === "FILE";
+    const uploaded = {
+      id: item.id,
+      file: { name: item.name, mime: isFile ? item.information.mime : "", size: isFile ? item.information.sizeInBytes : 0 }
+    };
+    const current = valueRef.current;
+    if (multiple) {
+      const arr = Array.isArray(current) ? current : current ? [current] : [];
+      onChange([...arr, uploaded]);
+    } else {
+      onChange(uploaded);
+    }
+  }, [multiple, onChange]);
+  const { uploads, uploadFiles } = useUpload(apiEndpoint, activeAccountId, withCredentials, handleUploaded, unauthenticatedMode);
+  const openPicker = useCallback(() => {
+    if (unauthenticatedMode) fileInputRef.current?.click();
+    else setIsOpen(true);
+  }, [unauthenticatedMode]);
+  const handleFilePick = useCallback((e) => {
+    const picked = Array.from(e.target.files ?? []);
+    if (picked.length) uploadFiles(multiple ? picked : [picked[0]], null);
+    e.target.value = "";
+  }, [uploadFiles, multiple]);
+  const activeUploads = unauthenticatedMode ? uploads.filter((u) => ["queued", "uploading", "error"].includes(u.status)) : [];
   useEffect(() => {
     if (isOpen) {
       triggerFetch();
@@ -3075,8 +3174,8 @@ var DriveFileChooser = (props) => {
       {
         type: "button",
         variant: "outline",
-        onClick: () => setIsOpen(true),
-        disabled,
+        onClick: openPicker,
+        disabled: disabled || allowUnauthenticated && authed === null,
         className: cn(
           "nd:w-full nd:h-auto nd:justify-start nd:gap-3 nd:px-3 nd:py-2.5 nd:border-dashed",
           error && "nd:border-destructive"
@@ -3105,7 +3204,7 @@ var DriveFileChooser = (props) => {
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "nd:flex nd:items-center nd:gap-1 nd:shrink-0", children: [
-            /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setIsOpen(true), disabled, children: "Change" }),
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: openPicker, disabled, children: "Change" }),
             !disabled && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "nd:size-8", onClick: () => handleRemove(displayFiles[0].id), children: /* @__PURE__ */ jsx(X, { className: "nd:size-4" }) })
           ] })
         ] }),
@@ -3118,7 +3217,7 @@ var DriveFileChooser = (props) => {
               " selected"
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "nd:flex nd:items-center nd:gap-1", children: [
-              /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "nd:h-7 nd:text-xs", onClick: () => setIsOpen(true), disabled, children: "Add more" }),
+              /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "nd:h-7 nd:text-xs", onClick: openPicker, disabled, children: "Add more" }),
               !disabled && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "nd:h-7 nd:text-xs nd:text-muted-foreground", onClick: () => onChange([]), children: "Clear" })
             ] })
           ] }),
@@ -3137,6 +3236,16 @@ var DriveFileChooser = (props) => {
       ] })
     ),
     error && helperText && /* @__PURE__ */ jsx("p", { className: "nd:text-xs nd:text-destructive nd:mt-1.5", children: helperText }),
+    unauthenticatedMode && /* @__PURE__ */ jsx("input", { ref: fileInputRef, type: "file", accept, multiple, className: "nd:hidden", onChange: handleFilePick }),
+    activeUploads.length > 0 && /* @__PURE__ */ jsx("div", { className: "nd:mt-2 nd:space-y-2", children: activeUploads.map((u) => /* @__PURE__ */ jsxs("div", { className: "nd:rounded-lg nd:border nd:px-3 nd:py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nd:flex nd:items-center nd:gap-2", children: [
+        u.status === "error" ? /* @__PURE__ */ jsx(X, { className: "nd:size-4 nd:text-destructive nd:shrink-0" }) : /* @__PURE__ */ jsx(Loader2, { className: "nd:size-4 nd:animate-spin nd:text-muted-foreground nd:shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "nd:text-sm nd:truncate nd:flex-1", children: u.name }),
+        /* @__PURE__ */ jsx("span", { className: "nd:text-xs nd:text-muted-foreground nd:shrink-0", children: u.status === "error" ? "Failed" : `${Math.round(u.currentChunk / Math.max(1, u.totalChunks) * 100)}%` })
+      ] }),
+      u.status !== "error" && /* @__PURE__ */ jsx(Progress, { value: Math.round(u.currentChunk / Math.max(1, u.totalChunks) * 100), className: "nd:mt-1.5" }),
+      u.status === "error" && u.error && /* @__PURE__ */ jsx("p", { className: "nd:text-xs nd:text-destructive nd:mt-1", children: u.error })
+    ] }, u.id)) }),
     /* @__PURE__ */ jsx(Dialog2, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxs(Dialog2Content, { showCloseButton: false, className: "nd-drive-root", children: [
       /* @__PURE__ */ jsxs(Dialog2Header, { className: "nd:gap-2", children: [
         /* @__PURE__ */ jsx(MobileSidebarSheet, {}),
@@ -3425,7 +3534,7 @@ var SidebarContent = (props) => {
     ] }),
     /* @__PURE__ */ jsx("div", { className: "nd:p-2.5 nd:border-t nd:border-border/50 nd:bg-background/50 nd:dark:bg-background/30", children: /* @__PURE__ */ jsx(DriveStorageIndicator, {}) }),
     /* @__PURE__ */ jsx(
-      RenameAccountDialog,
+      DriveAccountRename,
       {
         open: renameDialog.open,
         onClose: () => setRenameDialog({ open: false, account: null }),
@@ -3434,7 +3543,7 @@ var SidebarContent = (props) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: deleteDialog.open,
         onClose: () => setDeleteDialog({ open: false, account: null }),
@@ -3794,7 +3903,7 @@ var DriveExplorer = (props) => {
       ] }) : /* @__PURE__ */ jsx("div", { className: "nd:px-2 nd:py-6 nd:text-center", children: /* @__PURE__ */ jsx("p", { className: "nd:text-xs nd:text-muted-foreground", children: "No actions available" }) }) })
     ] }),
     /* @__PURE__ */ jsx(
-      CreateFolderDialog,
+      DriveFolderCreate,
       {
         open: dialogs.newFolder,
         onClose: () => setDialogs((prev) => ({ ...prev, newFolder: false })),
@@ -3804,7 +3913,7 @@ var DriveExplorer = (props) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      RenameDialog,
+      DriveItemRename,
       {
         open: dialogs.rename,
         onClose: () => {
@@ -3819,7 +3928,7 @@ var DriveExplorer = (props) => {
       }
     ),
     /* @__PURE__ */ jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: dialogs.delete,
         onClose: () => {