@muhgholy/next-drive 4.23.7 → 4.23.10

package/dist/client/index.cjs

@@ -6,6 +6,7 @@ var React3 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
+var ProgressPrimitive = require('@radix-ui/react-progress');
 var SheetPrimitive = require('@radix-ui/react-dialog');
 var lucideReact = require('lucide-react');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
@@ -13,7 +14,6 @@ var LabelPrimitive = require('@radix-ui/react-label');
 var reactHookForm = require('react-hook-form');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
-var ProgressPrimitive = require('@radix-ui/react-progress');
 var dateFns = require('date-fns');
 var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
 var utilities = require('@dnd-kit/utilities');
@@ -37,10 +37,10 @@ function _interopNamespace(e) {
 }
 
 var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
 var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
-var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
 var ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(ContextMenuPrimitive);
 
 var DriveContext = React3.createContext(null);
@@ -92,9 +92,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 = React3.useCallback(async () => {
@@ -316,7 +322,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] = React3.useState([]);
   const abortControllers = React3.useRef(/* @__PURE__ */ new Map());
   const filesRef = React3.useRef(/* @__PURE__ */ new Map());
@@ -369,9 +375,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) => {
@@ -400,6 +406,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) {
@@ -559,6 +566,39 @@ function Button({
     }
   );
 }
+function Progress({
+  className,
+  value,
+  indicatorClassName,
+  indeterminate = false,
+  ...props
+}) {
+  const isIndeterminate = indeterminate || value === void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ProgressPrimitive__namespace.Root,
+    {
+      "data-slot": "progress",
+      className: chunkHQTC3554_cjs.cn(
+        "nd:bg-primary/20 nd:relative nd:h-2 nd:w-full nd:overflow-hidden nd:rounded-full",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ProgressPrimitive__namespace.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: chunkHQTC3554_cjs.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__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { "data-slot": "dialog2", ...props });
 }
@@ -1057,7 +1097,7 @@ function Label2({
     }
   );
 }
-var DialogConfirmation = (props) => {
+var DriveConfirm = (props) => {
   const { title, description, onConfirm, disableEscapeKeyDown, inputs, onClose, open } = props;
   const [error, setError] = React3.useState(null);
   const [isLoading, setIsLoading] = React3.useState(false);
@@ -1154,11 +1194,29 @@ var DialogConfirmation = (props) => {
           )
         ] }, input.id)) }),
         /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: handleClose, disabled: isLoading, children: "Cancel" }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
-              onClick: handleConfirm,
+              type: "button",
+              variant: "outline",
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                handleClose();
+              },
+              disabled: isLoading,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: "button",
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                void handleConfirm();
+              },
               disabled: isLoading || !isFormValid(),
               children: "Confirm"
             }
@@ -1168,7 +1226,7 @@ var DialogConfirmation = (props) => {
     }
   ) });
 };
-var RenameAccountDialog = (props) => {
+var DriveAccountRename = (props) => {
   const { open, onClose, account, onConfirm } = props;
   const {
     register,
@@ -1229,52 +1287,65 @@ var RenameAccountDialog = (props) => {
           e.preventDefault();
         }
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit(handleFormSubmit), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Rename Account" }),
-          /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Enter a new display name for this storage account." })
-        ] }),
-        errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
-          /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "rename-account-input", children: "Account name" }),
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          onSubmit: (e) => {
+            e.stopPropagation();
+            void handleSubmit(handleFormSubmit)(e);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Rename Account" }),
+              /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Enter a new display name for this storage account." })
+            ] }),
+            errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "rename-account-input", children: "Account name" }),
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: handleClose,
-              disabled: isSubmitting,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Saving..." : "Save" })
-        ] })
-      ] })
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    handleClose();
+                  },
+                  disabled: isSubmitting,
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Saving..." : "Save" })
+            ] })
+          ]
+        }
+      )
     }
   ) });
 };
@@ -1351,39 +1422,6 @@ var DriveDndProvider = (props) => {
     }
   ) : children });
 };
-function Progress({
-  className,
-  value,
-  indicatorClassName,
-  indeterminate = false,
-  ...props
-}) {
-  const isIndeterminate = indeterminate || value === void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ProgressPrimitive__namespace.Root,
-    {
-      "data-slot": "progress",
-      className: chunkHQTC3554_cjs.cn(
-        "nd:bg-primary/20 nd:relative nd:h-2 nd:w-full nd:overflow-hidden nd:rounded-full",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        ProgressPrimitive__namespace.Indicator,
-        {
-          "data-slot": "progress-indicator",
-          className: chunkHQTC3554_cjs.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__namespace.Root;
 var ContextMenuTrigger = ContextMenuPrimitive__namespace.Trigger;
 var ContextMenuSubTrigger = React3__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1495,7 +1533,7 @@ var ContextMenuSeparator = React3__namespace.forwardRef(({ className, ...props }
   }
 ));
 ContextMenuSeparator.displayName = ContextMenuPrimitive__namespace.Separator.displayName;
-var CreateFolderDialog = (props) => {
+var DriveFolderCreate = (props) => {
   const { open, onClose, onConfirm } = props;
   const {
     register,
@@ -1547,56 +1585,69 @@ var CreateFolderDialog = (props) => {
           e.preventDefault();
         }
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit(handleFormSubmit), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Create New Folder" }),
-          /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Enter a name for the new folder" })
-        ] }),
-        errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
-          /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "folder-name", children: "Folder name" }),
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          onSubmit: (e) => {
+            e.stopPropagation();
+            void handleSubmit(handleFormSubmit)(e);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Create New Folder" }),
+              /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Enter a name for the new folder" })
+            ] }),
+            errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "folder-name", children: "Folder name" }),
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: handleClose,
-              disabled: isSubmitting,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Creating..." : "Create" })
-        ] })
-      ] })
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    handleClose();
+                  },
+                  disabled: isSubmitting,
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Creating..." : "Create" })
+            ] })
+          ]
+        }
+      )
     }
   ) });
 };
-var RenameDialog = (props) => {
+var DriveItemRename = (props) => {
   const { open, onClose, item, onConfirm } = props;
   const {
     register,
@@ -1656,57 +1707,70 @@ var RenameDialog = (props) => {
           e.preventDefault();
         }
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit(handleFormSubmit), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle, { children: [
-            "Rename ",
-            itemType
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { children: [
-            "Enter a new name for this ",
-            itemType.toLowerCase()
-          ] })
-        ] }),
-        errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
-          /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "rename-input", children: "Name" }),
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          onSubmit: (e) => {
+            e.stopPropagation();
+            void handleSubmit(handleFormSubmit)(e);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle, { children: [
+                "Rename ",
+                itemType
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { children: [
+                "Enter a new name for this ",
+                itemType.toLowerCase()
+              ] })
+            ] }),
+            errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "rename-input", children: "Name" }),
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: handleClose,
-              disabled: isSubmitting,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Renaming..." : "Rename" })
-        ] })
-      ] })
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    handleClose();
+                  },
+                  disabled: isSubmitting,
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Renaming..." : "Rename" })
+            ] })
+          ]
+        }
+      )
     }
   ) });
 };
@@ -1988,7 +2052,7 @@ var DriveFileGrid = (props) => {
       hasMore && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: observerTarget, className: "nd:flex nd:justify-center nd:py-6", children: isLoadingMore && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "nd:size-6 nd:animate-spin nd:text-muted-foreground" }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      CreateFolderDialog,
+      DriveFolderCreate,
       {
         open: dialogs.newFolder,
         onClose: () => setDialogs((prev) => ({ ...prev, newFolder: false })),
@@ -1998,7 +2062,7 @@ var DriveFileGrid = (props) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      RenameDialog,
+      DriveItemRename,
       {
         open: dialogs.rename,
         onClose: () => {
@@ -2013,7 +2077,7 @@ var DriveFileGrid = (props) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: dialogs.delete,
         onClose: () => {
@@ -2274,7 +2338,7 @@ var DriveHeader = ({ className }) => {
       )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: dialogs.delete,
         onClose: () => setDialogs((prev) => ({ ...prev, delete: false })),
@@ -2290,7 +2354,7 @@ var DriveHeader = ({ className }) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: dialogs.emptyTrash,
         onClose: () => setDialogs((prev) => ({ ...prev, emptyTrash: false })),
@@ -2304,7 +2368,7 @@ var DriveHeader = ({ className }) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      CreateFolderDialog,
+      DriveFolderCreate,
       {
         open: dialogs.newFolder,
         onClose: () => setDialogs((prev) => ({ ...prev, newFolder: false })),
@@ -3014,7 +3078,7 @@ var ChooserSidebar = (props) => {
     ] }),
     /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(DriveStorageIndicator, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      RenameAccountDialog,
+      DriveAccountRename,
       {
         open: renameDialog.open,
         onClose: () => setRenameDialog({ open: false, account: null }),
@@ -3023,7 +3087,7 @@ var ChooserSidebar = (props) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: deleteDialog.open,
         onClose: () => setDeleteDialog({ open: false, account: null }),
@@ -3063,11 +3127,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] = React3.useState(false);
+  const fileInputRef = React3.useRef(null);
+  const valueRef = React3.useRef(value);
+  valueRef.current = value;
+  const [authed, setAuthed] = React3.useState(allowUnauthenticated ? null : true);
+  React3.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 = React3.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 = React3.useCallback(() => {
+    if (unauthenticatedMode) fileInputRef.current?.click();
+    else setIsOpen(true);
+  }, [unauthenticatedMode]);
+  const handleFilePick = React3.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)) : [];
   React3.useEffect(() => {
     if (isOpen) {
       triggerFetch();
@@ -3101,8 +3200,8 @@ var DriveFileChooser = (props) => {
       {
         type: "button",
         variant: "outline",
-        onClick: () => setIsOpen(true),
-        disabled,
+        onClick: openPicker,
+        disabled: disabled || allowUnauthenticated && authed === null,
         className: chunkHQTC3554_cjs.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"
@@ -3131,7 +3230,7 @@ var DriveFileChooser = (props) => {
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-1 nd:shrink-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setIsOpen(true), disabled, children: "Change" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: openPicker, disabled, children: "Change" }),
             !disabled && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "nd:size-8", onClick: () => handleRemove(displayFiles[0].id), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nd:size-4" }) })
           ] })
         ] }),
@@ -3144,7 +3243,7 @@ var DriveFileChooser = (props) => {
               " selected"
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "nd:h-7 nd:text-xs", onClick: () => setIsOpen(true), disabled, children: "Add more" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "nd:h-7 nd:text-xs", onClick: openPicker, disabled, children: "Add more" }),
               !disabled && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "nd:h-7 nd:text-xs nd:text-muted-foreground", onClick: () => onChange([]), children: "Clear" })
             ] })
           ] }),
@@ -3163,6 +3262,16 @@ var DriveFileChooser = (props) => {
       ] })
     ),
     error && helperText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-destructive nd:mt-1.5", children: helperText }),
+    unauthenticatedMode && /* @__PURE__ */ jsxRuntime.jsx("input", { ref: fileInputRef, type: "file", accept, multiple, className: "nd:hidden", onChange: handleFilePick }),
+    activeUploads.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:mt-2 nd:space-y-2", children: activeUploads.map((u) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:rounded-lg nd:border nd:px-3 nd:py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-2", children: [
+        u.status === "error" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nd:size-4 nd:text-destructive nd:shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "nd:size-4 nd:animate-spin nd:text-muted-foreground nd:shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-sm nd:truncate nd:flex-1", children: u.name }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Progress, { value: Math.round(u.currentChunk / Math.max(1, u.totalChunks) * 100), className: "nd:mt-1.5" }),
+      u.status === "error" && u.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-destructive nd:mt-1", children: u.error })
+    ] }, u.id)) }),
     /* @__PURE__ */ jsxRuntime.jsx(Dialog2, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(Dialog2Content, { showCloseButton: false, className: "nd-drive-root", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Dialog2Header, { className: "nd:gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(MobileSidebarSheet, {}),
@@ -3451,7 +3560,7 @@ var SidebarContent = (props) => {
     ] }),
     /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(DriveStorageIndicator, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      RenameAccountDialog,
+      DriveAccountRename,
       {
         open: renameDialog.open,
         onClose: () => setRenameDialog({ open: false, account: null }),
@@ -3460,7 +3569,7 @@ var SidebarContent = (props) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: deleteDialog.open,
         onClose: () => setDeleteDialog({ open: false, account: null }),
@@ -3820,7 +3929,7 @@ var DriveExplorer = (props) => {
       ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:px-2 nd:py-6 nd:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-muted-foreground", children: "No actions available" }) }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      CreateFolderDialog,
+      DriveFolderCreate,
       {
         open: dialogs.newFolder,
         onClose: () => setDialogs((prev) => ({ ...prev, newFolder: false })),
@@ -3830,7 +3939,7 @@ var DriveExplorer = (props) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      RenameDialog,
+      DriveItemRename,
       {
         open: dialogs.rename,
         onClose: () => {
@@ -3845,7 +3954,7 @@ var DriveExplorer = (props) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: dialogs.delete,
         onClose: () => {