diff --git a/.idea/material_theme_project_new.xml b/.idea/material_theme_project_new.xml
new file mode 100644
index 0000000..d772b85
--- /dev/null
+++ b/.idea/material_theme_project_new.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="MaterialThemeProjectNewConfig">
+    <option name="metadata">
+      <MTProjectMetadataState>
+        <option name="userId" value="-21b5d739:193cb136660:-7ff5" />
+      </MTProjectMetadataState>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/components/ActionDropdown.tsx b/components/ActionDropdown.tsx
index 8c4608b..862bfac 100644
--- a/components/ActionDropdown.tsx
+++ b/components/ActionDropdown.tsx
@@ -1,5 +1,4 @@
 "use client";
-
 import {
   Dialog,
   DialogContent,
@@ -7,6 +6,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
+
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -15,11 +15,11 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { useState } from "react";
+import React, { useState } from "react";
 import Image from "next/image";
+import Link from "next/link";
 import { Models } from "node-appwrite";
 import { actionsDropdownItems } from "@/constants";
-import Link from "next/link";
 import { constructDownloadUrl } from "@/lib/utils";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
@@ -29,24 +29,34 @@ import {
   updateFileUsers,
 } from "@/lib/actions/file.actions";
 import { usePathname } from "next/navigation";
+import { useToast } from "@/hooks/use-toast";
 import { FileDetails, ShareInput } from "@/components/ActionsModalContent";
 
-const ActionDropdown = ({ file }: { file: Models.Document }) => {
+const ActionDropDown = ({
+  file,
+  currentUserEmail,
+}: {
+  file: Models.Document;
+  currentUserEmail: string;
+}) => {
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const [action, setAction] = useState<ActionType | null>(null);
   const [name, setName] = useState(file.name);
   const [isLoading, setIsLoading] = useState(false);
   const [emails, setEmails] = useState<string[]>([]);
+  const [isAdmin, setIsAdmin] = useState(false);
 
   const path = usePathname();
+  const { toast } = useToast();
+  const { users: currentUsers, AdminUsers: currentAdminUsers } = file; // extracting user and admin emails
 
   const closeAllModals = () => {
     setIsModalOpen(false);
     setIsDropdownOpen(false);
     setAction(null);
     setName(file.name);
-    //   setEmails([]);
+    // setEmails([]);
   };
 
   const handleAction = async () => {
@@ -54,32 +64,80 @@ const ActionDropdown = ({ file }: { file: Models.Document }) => {
     setIsLoading(true);
     let success = false;
 
+    // Update the respective list based on admin status
+    const updatedUserEmails = isAdmin
+      ? currentUsers
+      : Array.from(new Set([...currentUsers, ...emails]));
+
+    const updatedAdminEmails = isAdmin
+      ? Array.from(new Set([...currentAdminUsers, ...emails]))
+      : currentAdminUsers;
+
     const actions = {
       rename: () =>
         renameFile({ fileId: file.$id, name, extension: file.extension, path }),
-      share: () => updateFileUsers({ fileId: file.$id, emails, path }),
+
+      share: () =>
+        updateFileUsers({
+          fileId: file.$id,
+          userEmails: updatedUserEmails,
+          adminEmails: updatedAdminEmails,
+          path,
+        }),
+
       delete: () =>
-        deleteFile({ fileId: file.$id, bucketFileId: file.bucketFileId, path }),
+        deleteFile({
+          fileId: file.$id,
+          bucketFileId: file.bucketFileId,
+          path,
+        }),
     };
 
     success = await actions[action.value as keyof typeof actions]();
 
-    if (success) closeAllModals();
-
+    if (success) {
+      closeAllModals();
+      toast({
+        description: (
+          <p className="body-2 text-white">{`${action.label} successfully done`}</p>
+        ),
+        className: "success-toast",
+      });
+    }
+    setIsAdmin(false);
     setIsLoading(false);
   };
 
   const handleRemoveUser = async (email: string) => {
-    const updatedEmails = emails.filter((e) => e !== email);
+    try {
+      // Extract current user and admin email lists
 
-    const success = await updateFileUsers({
-      fileId: file.$id,
-      emails: updatedEmails,
-      path,
-    });
+      // Determine the updated user and admin email lists
+      const updatedAdminEmails = currentAdminUsers.includes(email)
+        ? currentAdminUsers.filter((e: string) => e !== email)
+        : currentAdminUsers;
 
-    if (success) setEmails(updatedEmails);
-    closeAllModals();
+      const updatedUserEmails = currentUsers.includes(email)
+        ? currentUsers.filter((e: string) => e !== email)
+        : currentUsers;
+
+      // Update the file's user information
+      const isUpdated = await updateFileUsers({
+        fileId: file.$id,
+        userEmails: updatedUserEmails,
+        adminEmails: updatedAdminEmails,
+        path,
+      });
+
+      // Update the local state if the update was successful
+      if (isUpdated) {
+        setEmails((prevEmails) => prevEmails.filter((e) => e !== email));
+        // closeAllModals(); Uncomment if modal handling is needed
+      }
+    } catch (error) {
+      console.error("Failed to remove user:", error);
+      // Add any user-facing error handling or reporting logic here
+    }
   };
 
   const renderDialogContent = () => {
@@ -88,9 +146,9 @@ const ActionDropdown = ({ file }: { file: Models.Document }) => {
     const { value, label } = action;
 
     return (
-      <DialogContent className="shad-dialog button">
-        <DialogHeader className="flex flex-col gap-3">
-          <DialogTitle className="text-center text-light-100">
+      <DialogContent className={"shad-dialog button"}>
+        <DialogHeader className={"flex flex-col gap-3"}>
+          <DialogTitle className={"text-center text-light-100"}>
             {label}
           </DialogTitle>
           {value === "rename" && (
@@ -100,35 +158,41 @@ const ActionDropdown = ({ file }: { file: Models.Document }) => {
               onChange={(e) => setName(e.target.value)}
             />
           )}
+
           {value === "details" && <FileDetails file={file} />}
+
           {value === "share" && (
             <ShareInput
               file={file}
               onInputChange={setEmails}
               onRemove={handleRemoveUser}
+              currentUserEmail={currentUserEmail}
+              setIsAdmin={setIsAdmin}
             />
           )}
+
           {value === "delete" && (
-            <p className="delete-confirmation">
-              Are you sure you want to delete{` `}
-              <span className="delete-file-name">{file.name}</span>?
+            <p className={"delete-confirmation"}>
+              Are you sure you want to delete{" "}
+              <span className={"delete-file-name"}>{file.name}</span>?
             </p>
           )}
         </DialogHeader>
         {["rename", "delete", "share"].includes(value) && (
-          <DialogFooter className="flex flex-col gap-3 md:flex-row">
-            <Button onClick={closeAllModals} className="modal-cancel-button">
+          <DialogFooter className={"flex flex-col gap-3 md:flex-row"}>
+            <Button onClick={closeAllModals} className={"modal-cancel-button"}>
               Cancel
             </Button>
-            <Button onClick={handleAction} className="modal-submit-button">
-              <p className="capitalize">{value}</p>
+
+            <Button onClick={handleAction} className={"modal-submit-button"}>
+              <p className={"capitalize"}>{value}</p>
               {isLoading && (
                 <Image
-                  src="/assets/icons/loader.svg"
-                  alt="loader"
+                  src={"/assets/icons/loader.svg"}
+                  alt={"loader"}
                   width={24}
                   height={24}
-                  className="animate-spin"
+                  className={"animate-spin"}
                 />
               )}
             </Button>
@@ -141,62 +205,71 @@ const ActionDropdown = ({ file }: { file: Models.Document }) => {
   return (
     <Dialog open={isModalOpen} onOpenChange={setIsModalOpen}>
       <DropdownMenu open={isDropdownOpen} onOpenChange={setIsDropdownOpen}>
-        <DropdownMenuTrigger className="shad-no-focus">
+        <DropdownMenuTrigger className={"shad-no-focus"}>
           <Image
-            src="/assets/icons/dots.svg"
-            alt="dots"
+            src={"/assets/icons/dots.svg"}
+            alt={"dots"}
             width={34}
-            height={34}
+            height={24}
           />
         </DropdownMenuTrigger>
         <DropdownMenuContent>
-          <DropdownMenuLabel className="max-w-[200px] truncate">
+          <DropdownMenuLabel className={"max-w-[200px] truncate"}>
             {file.name}
           </DropdownMenuLabel>
           <DropdownMenuSeparator />
-          {actionsDropdownItems.map((actionItem) => (
-            <DropdownMenuItem
-              key={actionItem.value}
-              className="shad-dropdown-item"
-              onClick={() => {
-                setAction(actionItem);
-
-                if (
-                  ["rename", "share", "delete", "details"].includes(
-                    actionItem.value,
-                  )
-                ) {
-                  setIsModalOpen(true);
-                }
-              }}
-            >
-              {actionItem.value === "download" ? (
-                <Link
-                  href={constructDownloadUrl(file.bucketFileId)}
-                  download={file.name}
-                  className="flex items-center gap-2"
-                >
-                  <Image
-                    src={actionItem.icon}
-                    alt={actionItem.label}
-                    width={30}
-                    height={30}
-                  />
-                  {actionItem.label}
-                </Link>
-              ) : (
-                <div className="flex items-center gap-2">
-                  <Image
-                    src={actionItem.icon}
-                    alt={actionItem.label}
-                    width={30}
-                    height={30}
-                  />
-                  {actionItem.label}
-                </div>
-              )}
-            </DropdownMenuItem>
-          ))}
+          {actionsDropdownItems
+            .filter(
+              (actionItem) =>
+                (actionItem.value !== "delete" &&
+                  actionItem.value !== "rename") ||
+                file.owner.email === currentUserEmail ||
+                currentAdminUsers.includes(currentUserEmail),
+              // TODO: check if the currentUser has admin privileges
+            )
+            .map((actionItem) => (
+              <DropdownMenuItem
+                key={actionItem.value}
+                className={"shad-dropdown-item"}
+                onClick={() => {
+                  setAction(actionItem);
+
+                  if (
+                    ["rename", "share", "delete", "details"].includes(
+                      actionItem.value,
+                    )
+                  ) {
+                    setIsModalOpen(true);
+                  }
+                }}
+              >
+                {actionItem.value === "download" ? (
+                  <Link
+                    href={constructDownloadUrl(file.bucketFileId)}
+                    download={file.name}
+                    className="flex items-center gap-2"
+                  >
+                    <Image
+                      src={actionItem.icon}
+                      alt={actionItem.label}
+                      width={30}
+                      height={30}
+                    />
+                    {actionItem.label}
+                  </Link>
+                ) : (
+                  <div className="flex items-center gap-2">
+                    <Image
+                      src={actionItem.icon}
+                      alt={actionItem.label}
+                      width={30}
+                      height={30}
+                    />
+                    {actionItem.label}
+                  </div>
+                )}
+              </DropdownMenuItem>
+            ))}
         </DropdownMenuContent>
       </DropdownMenu>
 
@@ -204,4 +277,4 @@ const ActionDropdown = ({ file }: { file: Models.Document }) => {
     </Dialog>
   );
 };
-export default ActionDropdown;
+export default ActionDropDown;
diff --git a/components/ActionsModalContent.tsx b/components/ActionsModalContent.tsx
index 6954a15..a536d28 100644
--- a/components/ActionsModalContent.tsx
+++ b/components/ActionsModalContent.tsx
@@ -1,96 +1,161 @@
+// TODO: check if the currentUser has admin privileges
+
 import { Models } from "node-appwrite";
 import Thumbnail from "@/components/Thumbnail";
 import FormattedDateTime from "@/components/FormattedDateTime";
 import { convertFileSize, formatDateTime } from "@/lib/utils";
-import React from "react";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 import Image from "next/image";
+import { Switch } from "@/components/ui/switch";
 
 const ImageThumbnail = ({ file }: { file: Models.Document }) => (
-  <div className="file-details-thumbnail">
-    <Thumbnail type={file.type} extension={file.extension} url={file.url} />
-    <div className="flex flex-col">
-      <p className="subtitle-2 mb-1">{file.name}</p>
-      <FormattedDateTime date={file.$createdAt} className="caption" />
+    <div className={"file-details-thumbnail"}>
+        <Thumbnail type={file.type} extension={file.extension} url={file.url} />
+
+        <div className={"flex flex-col"}>
+            <p className={"subtitle-2 mb-1"}>{file.name}</p>
+            <FormattedDateTime date={file.$createdAt} className={"caption"} />
+        </div>
     </div>
-  </div>
 );
 
 const DetailRow = ({ label, value }: { label: string; value: string }) => (
-  <div className="flex">
-    <p className="file-details-label text-left">{label}</p>
-    <p className="file-details-value text-left">{value}</p>
-  </div>
+    <div className={"flex"}>
+        <p className={"file-details-label text-left"}>{label}</p>
+        <p className={"file-details-value text-left"}>{value}</p>
+    </div>
 );
-
 export const FileDetails = ({ file }: { file: Models.Document }) => {
-  return (
-    <>
-      <ImageThumbnail file={file} />
-      <div className="space-y-4 px-2 pt-2">
-        <DetailRow label="Format:" value={file.extension} />
-        <DetailRow label="Size:" value={convertFileSize(file.size)} />
-        <DetailRow label="Owner:" value={file.owner.fullName} />
-        <DetailRow label="Last edit:" value={formatDateTime(file.$updatedAt)} />
-      </div>
-    </>
-  );
+    return (
+        <>
+            <ImageThumbnail file={file} />
+            <div className={"space-y-4 px-2 pt-2"}>
+                <DetailRow label={"Format:"} value={file.extension} />
+                <DetailRow label={"Size:"} value={convertFileSize(file.size)} />
+                <DetailRow label={"Owner:"} value={file.owner.fullName} />
+                <DetailRow
+                    label={"Last edit:"}
+                    value={formatDateTime(file.$updatedAt)}
+                />
+            </div>
+        </>
+    );
 };
 
 interface Props {
-  file: Models.Document;
-  onInputChange: React.Dispatch<React.SetStateAction<string[]>>;
-  onRemove: (email: string) => void;
+    file: Models.Document;
+    onInputChange: React.Dispatch<React.SetStateAction<string[]>>;
+    onRemove: (email: string) => void;
+    currentUserEmail: string;
+    setIsAdmin: React.Dispatch<React.SetStateAction<boolean>>;
 }
 
-export const ShareInput = ({ file, onInputChange, onRemove }: Props) => {
-  return (
-    <>
-      <ImageThumbnail file={file} />
+export const ShareInput = ({
+                               file,
+                               onInputChange,
+                               onRemove,
+                               currentUserEmail,
+                               setIsAdmin,
+                           }: Props) => {
+    // console.log(isAdmin);
+    const totalSharedUser = file.users.length + file.AdminUsers.length;
+    return (
+        <>
+            <ImageThumbnail file={file} />
 
-      <div className="share-wrapper">
-        <p className="subtitle-2 pl-1 text-light-100">
-          Share file with other users
-        </p>
-        <Input
-          type="email"
-          placeholder="Enter email address"
-          onChange={(e) => onInputChange(e.target.value.trim().split(","))}
-          className="share-input-field"
-        />
-        <div className="pt-4">
-          <div className="flex justify-between">
-            <p className="subtitle-2 text-light-100">Shared with</p>
-            <p className="subtitle-2 text-light-200">
-              {file.users.length} users
-            </p>
-          </div>
+            <div className={"share-wrapper"}>
+                <p className={"subtitle-2 pl-1 text-light-100"}>
+                    Share file with other user
+                </p>
+                <Input
+                    type="email"
+                    placeholder="Enter email address"
+                    onChange={(e) => {
+                        const inputEmails = e.target.value.trim().split(",");
+                        onInputChange(inputEmails);
+                    }}
+                    className="share-input-field"
+                />
 
-          <ul className="pt-2">
-            {file.users.map((email: string) => (
-              <li
-                key={email}
-                className="flex items-center justify-between gap-2"
-              >
-                <p className="subtitle-2">{email}</p>
-                <Button
-                  onClick={() => onRemove(email)}
-                  className="share-remove-user"
-                >
-                  <Image
-                    src="/assets/icons/remove.svg"
-                    alt="Remove"
-                    width={24}
-                    height={24}
-                    className="remove-icon"
-                  />
-                </Button>
-              </li>
-            ))}
-          </ul>
-        </div>
-      </div>
-    </>
-  );
+                {file.owner.email === currentUserEmail && (
+                    <div className="my-2 flex gap-2">
+                        <Switch
+                            onCheckedChange={(checked) => setIsAdmin(checked)}
+                            className={"data-[state=checked]:bg-red"}
+                        />
+                        <div className="flex flex-col gap-2 text-left">
+                            <p className="subtitle-2 text-light-100">
+                                Provide Admin Privileges
+                            </p>
+                            <p className="subtitle-2 text-justify text-light-200">
+                                This includes allowing the user to rename, delete, and share
+                                files, ensuring that shared users do not receive admin
+                                privileges.
+                            </p>
+                        </div>
+                    </div>
+                )}
+
+                <div className={"pt-4"}>
+                    <div className={"flex justify-between"}>
+                        <p className={"subtitle-2 text-light-100"}>Shared with</p>
+                        <p className={"subtitle-2 text-light-200"}>
+                            {totalSharedUser} users
+                        </p>
+                    </div>
+
+                    <ul className={"pt-2 "}>
+                        {file.AdminUsers.map((email: string) => (
+                            <li
+                                key={email}
+                                className={"flex items-center justify-between gap-2 py-2"}
+                            >
+                                <p className={"subtitle-2"}>{email}</p>
+                                <p className={"subtitle-2 text-green"}>Admin</p>
+
+                                {currentUserEmail === file.owner.email && (
+                                    <Button
+                                        onClick={() => onRemove(email)}
+                                        className={"share-remove-user"}
+                                    >
+                                        <Image
+                                            src={"/assets/icons/remove.svg"}
+                                            alt={"Remove"}
+                                            width={24}
+                                            height={24}
+                                            className={"remove-icon"}
+                                        />
+                                    </Button>
+                                )}
+                            </li>
+                        ))}
+                        {file.users.map((email: string) => (
+                            <li
+                                key={email}
+                                className={"flex items-center justify-between gap-2 py-2"}
+                            >
+                                <p className={"subtitle-2"}>{email}</p>
+
+                                {currentUserEmail === file.owner.email && ( // TODO: check if current user is in admin email array
+                                    <Button
+                                        onClick={() => onRemove(email)}
+                                        className={"share-remove-user"}
+                                    >
+                                        <Image
+                                            src={"/assets/icons/remove.svg"}
+                                            alt={"Remove"}
+                                            width={24}
+                                            height={24}
+                                            className={"remove-icon"}
+                                        />
+                                    </Button>
+                                )}
+                            </li>
+                        ))}
+                    </ul>
+                </div>
+            </div>
+        </>
+    );
 };
diff --git a/components/ui/switch.tsx b/components/ui/switch.tsx
new file mode 100644
index 0000000..5f4117f
--- /dev/null
+++ b/components/ui/switch.tsx
@@ -0,0 +1,29 @@
+"use client"
+
+import * as React from "react"
+import * as SwitchPrimitives from "@radix-ui/react-switch"
+
+import { cn } from "@/lib/utils"
+
+const Switch = React.forwardRef<
+  React.ElementRef<typeof SwitchPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+  <SwitchPrimitives.Root
+    className={cn(
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    )}
+    {...props}
+    ref={ref}
+  >
+    <SwitchPrimitives.Thumb
+      className={cn(
+        "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+      )}
+    />
+  </SwitchPrimitives.Root>
+))
+Switch.displayName = SwitchPrimitives.Root.displayName
+
+export { Switch }
diff --git a/lib/actions/file.actions.ts b/lib/actions/file.actions.ts
index 765030d..008e432 100644
--- a/lib/actions/file.actions.ts
+++ b/lib/actions/file.actions.ts
@@ -72,6 +72,7 @@ const createQueries = (
     Query.or([
       Query.equal("owner", [currentUser.$id]),
       Query.contains("users", [currentUser.email]),
+      Query.contains("AdminUsers", [currentUser.email]),
     ]),
   ];
 
@@ -111,7 +112,7 @@ export const getFiles = async ({
       queries,
     );
 
-    console.log({ files });
+    // console.log({ files });
     return parseStringify(files);
   } catch (error) {
     handleError(error, "Failed to get files");
@@ -146,7 +147,8 @@ export const renameFile = async ({
 
 export const updateFileUsers = async ({
   fileId,
-  emails,
+  userEmails,
+  adminEmails,
   path,
 }: UpdateFileUsersProps) => {
   const { databases } = await createAdminClient();
@@ -157,7 +159,8 @@ export const updateFileUsers = async ({
       appwriteConfig.filesCollectionId,
       fileId,
       {
-        users: emails,
+        AdminUsers: adminEmails,
+        users: userEmails,
       },
     );
 
diff --git a/package-lock.json b/package-lock.json
index 16de3b2..2adeda3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,6 +17,7 @@
         "@radix-ui/react-select": "^2.1.2",
         "@radix-ui/react-separator": "^1.1.0",
         "@radix-ui/react-slot": "^1.1.0",
+        "@radix-ui/react-switch": "^1.1.2",
         "@radix-ui/react-toast": "^1.2.2",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.1",
@@ -1515,6 +1516,97 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-switch": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.1.2.tgz",
+      "integrity": "sha512-zGukiWHjEdBCRyXvKR6iXAQG6qXm2esuAD6kDOi9Cn+1X6ev3ASo4+CsYaD6Fov9r/AQFekqnD/7+V0Cs6/98g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
+      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-toast": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-toast/-/react-toast-1.2.2.tgz",
diff --git a/package.json b/package.json
index 71fc713..b6d90c7 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "@radix-ui/react-select": "^2.1.2",
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.2",
     "@radix-ui/react-toast": "^1.2.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
diff --git a/types/index.d.ts b/types/index.d.ts
index 55435ef..9f7eeaf 100644
--- a/types/index.d.ts
+++ b/types/index.d.ts
@@ -33,9 +33,11 @@ declare interface RenameFileProps {
 }
 declare interface UpdateFileUsersProps {
   fileId: string;
-  emails: string[];
+  userEmails: string[];
+  adminEmails: string[];
   path: string;
 }
+
 declare interface DeleteFileProps {
   fileId: string;
   bucketFileId: string;