diff --git a/bun.lockb b/bun.lockb
index bc210180..5503a05f 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 3007ae65..36e95e94 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,8 @@
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.4",
+    "@radix-ui/react-toggle": "^1.1.9",
+    "@radix-ui/react-toggle-group": "^1.1.10",
     "@radix-ui/react-tooltip": "^1.0.6",
     "@react-hook/media-query": "^1.1.1",
     "@tabler/icons-react": "^2.30.0",
@@ -47,6 +49,7 @@
     "eslint": "8.44.0",
     "eslint-config-next": "13.4.12",
     "fast-xml-parser": "^4.2.6",
+    "lucide-react": "^0.522.0",
     "mysql2": "^3.10.1",
     "next": "^14.2.3",
     "next-themes": "^0.2.1",
diff --git a/src/components/cards/boolean-card.tsx b/src/components/cards/boolean-card.tsx
index 7741bfdb..45aed75f 100644
--- a/src/components/cards/boolean-card.tsx
+++ b/src/components/cards/boolean-card.tsx
@@ -5,6 +5,7 @@ import type { ItemData, MuseumItem } from "@/types/items";
 import { Dispatch, SetStateAction } from "react";
 
 import { usePlayers } from "@/contexts/players-context";
+import { useMultiSelect } from "@/contexts/multi-select-context";
 
 import { NewItemBadge } from "@/components/new-item-badge";
 import {
@@ -66,6 +67,7 @@ export const BooleanCard = ({
   handleStatusChange,
 }: BooleanCardProps) => {
   const { activePlayer, patchPlayer } = usePlayers();
+  const { isMultiSelectMode, selectedItems, toggleItem } = useMultiSelect();
   // let itemType = "O"; //Todo add item types to object data files, and use them here to hotswap data source
   // let dataSource = objects;
   let iconURL: string;
@@ -137,6 +139,8 @@ export const BooleanCard = ({
     await patchPlayer(patch);
   }
 
+  const isSelected = selectedItems.has(item.itemID.toString());
+
   return (
     <ContextMenu>
       <ContextMenuTrigger asChild>
@@ -146,8 +150,13 @@ export const BooleanCard = ({
             completed
               ? "border-green-900 bg-green-500/20 hover:bg-green-500/30 dark:bg-green-500/10 hover:dark:bg-green-500/20"
               : "border-neutral-200 bg-white hover:bg-neutral-100 dark:border-neutral-800 dark:bg-neutral-950 dark:hover:bg-neutral-800",
+            isMultiSelectMode && isSelected && "ring-primary ring-2",
           )}
           onClick={() => {
+            if (isMultiSelectMode) {
+              toggleItem(item.itemID.toString());
+              return;
+            }
             if (minVersion === "1.6.0" && !show && !completed) {
               setPromptOpen?.(true);
               return;
diff --git a/src/components/cards/dialog-card.tsx b/src/components/cards/dialog-card.tsx
index 96644e6b..08e57558 100644
--- a/src/components/cards/dialog-card.tsx
+++ b/src/components/cards/dialog-card.tsx
@@ -28,6 +28,7 @@ import {
 
 import { Stardrop } from "@/lib/parsers/general";
 import { ChevronRightIcon } from "@radix-ui/react-icons";
+import { useMultiSelect } from "@/contexts/multi-select-context";
 
 interface Props {
   title: string;
@@ -65,6 +66,7 @@ export const DialogCard = ({
 }: Props) => {
   const { activePlayer, patchPlayer } = usePlayers();
   const [open, setOpen] = useState(false);
+  const { isMultiSelectMode, selectedItems, toggleItem } = useMultiSelect();
 
   const minVersion = _type === "power" ? powersData[_id].minVersion : "1.5.0";
 
@@ -72,6 +74,10 @@ export const DialogCard = ({
     ? "border-green-900 bg-green-500/20 hover:bg-green-500/30 dark:bg-green-500/10 hover:dark:bg-green-500/20"
     : "border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-950 hover:bg-neutral-100 dark:hover:bg-neutral-800";
 
+  if (isMultiSelectMode && selectedItems.has(_id)) {
+    checkedClass += " ring-2 ring-primary";
+  }
+
   async function handleStatusChange(status: boolean) {
     if (!activePlayer) return;
 
@@ -156,6 +162,10 @@ export const DialogCard = ({
           checkedClass,
         )}
         onClick={(e) => {
+          if (isMultiSelectMode) {
+            toggleItem(_id);
+            return;
+          }
           if (minVersion === "1.6.0" && !show && !completed) {
             e.preventDefault();
             setPromptOpen?.(true);
diff --git a/src/components/cards/recipe-card.tsx b/src/components/cards/recipe-card.tsx
index 0d72f76f..6ad66582 100644
--- a/src/components/cards/recipe-card.tsx
+++ b/src/components/cards/recipe-card.tsx
@@ -6,9 +6,10 @@ import objects from "@/data/objects.json";
 import type { CraftingRecipe, Recipe } from "@/types/recipe";
 
 import { cn } from "@/lib/utils";
-import { Dispatch, SetStateAction } from "react";
+import { Dispatch, SetStateAction, useRef } from "react";
 
 import { usePlayers } from "@/contexts/players-context";
+import { useMultiSelect } from "@/contexts/multi-select-context";
 
 import { NewItemBadge } from "@/components/new-item-badge";
 import {
@@ -41,6 +42,9 @@ interface Props<T extends Recipe> {
    * @memberof Props
    */
   setPromptOpen?: Dispatch<SetStateAction<boolean>>;
+
+  index: number;
+  allRecipes: T[];
 }
 
 export const RecipeCard = <T extends Recipe>({
@@ -50,8 +54,14 @@ export const RecipeCard = <T extends Recipe>({
   setObject,
   setPromptOpen,
   show,
+  index,
+  allRecipes,
 }: Props<T>) => {
   const { activePlayer, patchPlayer } = usePlayers();
+  const { isMultiSelectMode, selectedItems, toggleItem, addItems } =
+    useMultiSelect();
+  const lastSelectedIndex = useRef<number | null>(null);
+
   let colorClass = "";
   switch (status) {
     case 1:
@@ -110,6 +120,34 @@ export const RecipeCard = <T extends Recipe>({
     await patchPlayer(patch);
   }
 
+  const isSelected = selectedItems.has(recipe.itemID.toString());
+
+  const handleClick = (e: React.MouseEvent) => {
+    if (isMultiSelectMode) {
+      if (e.shiftKey && lastSelectedIndex.current !== null) {
+        // Select range of items
+        const start = Math.min(lastSelectedIndex.current, index);
+        const end = Math.max(lastSelectedIndex.current, index);
+        const itemsToSelect = allRecipes
+          .slice(start, end + 1)
+          .map((r) => r.itemID.toString());
+        addItems(itemsToSelect);
+      } else {
+        // Single item selection
+        toggleItem(recipe.itemID.toString());
+        lastSelectedIndex.current = index;
+      }
+      return;
+    }
+
+    if (recipe.minVersion === "1.6.0" && !show && status < 1) {
+      setPromptOpen?.(true);
+      return;
+    }
+    setObject(recipe);
+    setIsOpen(true);
+  };
+
   return (
     <ContextMenu>
       <ContextMenuTrigger asChild>
@@ -117,17 +155,13 @@ export const RecipeCard = <T extends Recipe>({
           className={cn(
             "relative flex select-none items-center justify-between rounded-lg border px-5 py-4 text-neutral-950 shadow-sm transition-colors hover:cursor-pointer dark:text-neutral-50",
             colorClass,
+            isMultiSelectMode && isSelected && "ring-2 ring-blue-500",
           )}
-          onClick={() => {
-            if (recipe.minVersion === "1.6.0" && !show && status < 1) {
-              setPromptOpen?.(true);
-              return;
-            }
-            setObject(recipe);
-            setIsOpen(true);
-          }}
+          onClick={handleClick}
         >
-          {recipe.minVersion === "1.6.0" && <NewItemBadge version={recipe.minVersion}/>}
+          {recipe.minVersion === "1.6.0" && (
+            <NewItemBadge version={recipe.minVersion} />
+          )}
           <div
             className={cn(
               "flex items-center space-x-3 truncate text-left",
@@ -150,7 +184,9 @@ export const RecipeCard = <T extends Recipe>({
               </p>
             </div>
           </div>
-          <IconChevronRight className="h-5 w-5 flex-shrink-0 text-neutral-500 dark:text-neutral-400" />
+          {!isMultiSelectMode && (
+            <IconChevronRight className="h-5 w-5 flex-shrink-0 text-neutral-500 dark:text-neutral-400" />
+          )}
         </button>
       </ContextMenuTrigger>
       <ContextMenuContent className="w-48">
diff --git a/src/components/dialogs/bulk-action-dialog.tsx b/src/components/dialogs/bulk-action-dialog.tsx
new file mode 100644
index 00000000..93b86117
--- /dev/null
+++ b/src/components/dialogs/bulk-action-dialog.tsx
@@ -0,0 +1,160 @@
+import { usePlayers } from "@/contexts/players-context";
+import { useMultiSelect } from "@/contexts/multi-select-context";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+
+interface Props {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  type: "cooking" | "crafting" | "shipping" | "museum";
+  onBulkAction?: (
+    status: number | null,
+    selectedItems: Set<string>,
+    close: () => void,
+  ) => void;
+}
+
+export const BulkActionDialog = ({
+  open,
+  setOpen,
+  type,
+  onBulkAction,
+}: Props) => {
+  const { selectedItems, clearSelection } = useMultiSelect();
+  const { activePlayer, patchPlayer } = usePlayers();
+
+  const close = () => {
+    clearSelection();
+    setOpen(false);
+  };
+
+  const handleBulkAction = async (status: number | null) => {
+    if (onBulkAction) {
+      onBulkAction(status, selectedItems, close);
+      return;
+    }
+    if (!activePlayer) return;
+
+    const patch: any = {};
+    const items = Array.from(selectedItems);
+
+    switch (type) {
+      case "cooking":
+        patch.cooking = {
+          recipes: Object.fromEntries(items.map((id) => [id, status])),
+        };
+        break;
+      case "crafting":
+        patch.crafting = {
+          recipes: Object.fromEntries(items.map((id) => [id, status])),
+        };
+        break;
+      case "shipping":
+        patch.shipping = {
+          shipped: Object.fromEntries(items.map((id) => [id, status])),
+        };
+        break;
+      case "museum":
+        patch.museum = {
+          donated: Object.fromEntries(items.map((id) => [id, status])),
+        };
+        break;
+    }
+
+    await patchPlayer(patch);
+    close();
+  };
+
+  let foundLabel = "Set All Selected as Completed";
+  let notFoundLabel = "Set All Selected as Incomplete";
+  if (type === "museum") {
+    foundLabel = "Set All Selected as Found";
+    notFoundLabel = "Set All Selected as Not Found";
+  } else if (type === "shipping") {
+    foundLabel = "Set All Selected as Shipped";
+    notFoundLabel = "Set All Selected as Unshipped";
+  }
+
+  if (
+    type === "museum" ||
+    type === "shipping" ||
+    type === "cooking" ||
+    type === "crafting"
+  ) {
+    return (
+      <Dialog open={open} onOpenChange={setOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Bulk Action</DialogTitle>
+          </DialogHeader>
+          <div className="flex flex-col gap-2">
+            <Button
+              variant="secondary"
+              onClick={() => handleBulkAction(2)}
+              disabled={selectedItems.size === 0}
+            >
+              {foundLabel}
+            </Button>
+            <Button
+              variant="secondary"
+              onClick={() => handleBulkAction(0)}
+              disabled={selectedItems.size === 0}
+            >
+              {notFoundLabel}
+            </Button>
+          </div>
+        </DialogContent>
+      </Dialog>
+    );
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>Bulk Action</DialogTitle>
+          <DialogDescription>
+            {selectedItems.size} items selected
+          </DialogDescription>
+        </DialogHeader>
+        <div className="grid gap-4 py-4">
+          <div className="grid grid-cols-1 gap-2">
+            <Button
+              variant="outline"
+              onClick={() => handleBulkAction(null)}
+              disabled={!activePlayer}
+            >
+              Set Unknown
+            </Button>
+            <Button
+              variant="outline"
+              onClick={() => handleBulkAction(1)}
+              disabled={!activePlayer}
+            >
+              Set Known
+            </Button>
+            <Button
+              variant="outline"
+              onClick={() => handleBulkAction(2)}
+              disabled={!activePlayer}
+            >
+              Set Completed
+            </Button>
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant="secondary" onClick={() => setOpen(false)}>
+            Cancel
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+};
diff --git a/src/components/filter-btn.tsx b/src/components/filter-btn.tsx
index 3782f163..8bf3508e 100644
--- a/src/components/filter-btn.tsx
+++ b/src/components/filter-btn.tsx
@@ -25,6 +25,7 @@ interface ButtonProps {
   target: string;
   _filter: string;
   setFilter: Dispatch<SetStateAction<string>>;
+  className?: string;
 }
 
 interface DataItem {
@@ -51,6 +52,7 @@ export const FilterButton = ({
   target,
   _filter,
   setFilter,
+  className,
 }: ButtonProps) => {
   const { activePlayer } = useContext(PlayersContext);
 
@@ -66,8 +68,9 @@ export const FilterButton = ({
   return (
     <button
       className={cn(
-        "flex items-center space-x-2 rounded-lg border border-neutral-200 bg-white p-2 pr-3 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 text-neutral-950 dark:text-neutral-50 hover:bg-neutral-100 hover:dark:bg-neutral-800 hover:cursor-pointer disabled:hover:cursor-not-allowed disabled:hover:bg-white disabled:hover:dark:bg-neutral-950",
-        _filter === target ? "bg-neutral-100 dark:bg-neutral-800" : ""
+        "flex items-center space-x-2 rounded-lg border border-neutral-200 bg-white p-2 pr-3 text-neutral-950 shadow-sm hover:cursor-pointer hover:bg-neutral-100 disabled:hover:cursor-not-allowed disabled:hover:bg-white dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50 hover:dark:bg-neutral-800 disabled:hover:dark:bg-neutral-950",
+        _filter === target ? "bg-neutral-100 dark:bg-neutral-800" : "",
+        className,
       )}
       onClick={() => handleClick()}
       disabled={!activePlayer}
@@ -96,11 +99,11 @@ export const FilterSearch = ({
       <PopoverTrigger asChild>
         <div
           aria-expanded={open}
-          className="flex items-center border justify-between rounded-md space-x-3 px-3 py-2.5 text-sm outline-none text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50 dark:text-neutral-400 dark:border-neutral-800 hover:cursor-pointer hover:bg-neutral-100 dark:hover:bg-neutral-800"
+          className="flex h-9 items-center justify-between space-x-3 rounded-md border px-4 py-2 text-sm text-neutral-500 outline-none hover:cursor-pointer hover:bg-neutral-100 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-800 dark:text-neutral-400 dark:hover:bg-neutral-800"
         >
           <div className="flex items-center gap-2">
             <Icon className="h-4 w-4 shrink-0 opacity-50" />
-            <p className="text-sm whitespace-nowrap	">
+            <p className="whitespace-nowrap text-sm	">
               {_filter === "all" || _filter === "both" || _filter === "name"
                 ? title
                 : data.find((item) => item.value === _filter)?.label}
@@ -127,7 +130,7 @@ export const FilterSearch = ({
                 <CheckIcon
                   className={cn(
                     "mr-2 h-4 w-4",
-                    _filter === item.value ? "opacity-100" : "opacity-0"
+                    _filter === item.value ? "opacity-100" : "opacity-0",
                   )}
                 />
                 {item.label}
diff --git a/src/components/sheets/fish-sheet.tsx b/src/components/sheets/fish-sheet.tsx
index ad54db9b..4b9235d8 100644
--- a/src/components/sheets/fish-sheet.tsx
+++ b/src/components/sheets/fish-sheet.tsx
@@ -28,6 +28,7 @@ import {
   SheetHeader,
   SheetTitle,
 } from "../ui/sheet";
+import { useMultiSelect } from "@/contexts/multi-select-context";
 
 interface Props {
   open: boolean;
@@ -37,6 +38,7 @@ interface Props {
 
 export const FishSheet = ({ open, setIsOpen, fish }: Props) => {
   const { activePlayer, patchPlayer } = useContext(PlayersContext);
+  const { selectedItems, clearSelection } = useMultiSelect();
   const isDesktop = useMediaQuery("(min-width: 768px)");
 
   const fishCaught = useMemo(() => {
@@ -62,8 +64,8 @@ export const FishSheet = ({ open, setIsOpen, fish }: Props) => {
   async function handleStatusChange(status: number) {
     if (!activePlayer || !fish) return;
 
-    if (status === 2) fishCaught.add(fish.itemID);
-    if (status === 0) fishCaught.delete(fish.itemID);
+    if (status === 2) fishCaught.add(fish.itemID.toString());
+    if (status === 0) fishCaught.delete(fish.itemID.toString());
 
     const patch = {
       fishing: {
@@ -75,6 +77,161 @@ export const FishSheet = ({ open, setIsOpen, fish }: Props) => {
     setIsOpen(false);
   }
 
+  async function handleBulkStatusChange(status: number) {
+    if (!activePlayer || selectedItems.size === 0) return;
+
+    const newFishCaught = new Set(fishCaught);
+    selectedItems.forEach((itemId) => {
+      if (status === 2) newFishCaught.add(itemId.toString());
+      if (status === 0) newFishCaught.delete(itemId.toString());
+    });
+
+    const patch = {
+      fishing: {
+        fishCaught: Array.from(newFishCaught),
+      },
+    };
+
+    await patchPlayer(patch);
+    clearSelection();
+    setIsOpen(false);
+  }
+
+  const content = (
+    <>
+      <div className="mt-4 space-y-6">
+        <section className="space-y-2">
+          <div className="grid grid-cols-1 gap-2">
+            {selectedItems.size > 0 ? (
+              <>
+                <Button
+                  variant="secondary"
+                  data-umami-event="Bulk set completed"
+                  onClick={() => handleBulkStatusChange(2)}
+                >
+                  Set All Selected as Caught
+                </Button>
+                <Button
+                  variant="secondary"
+                  data-umami-event="Bulk set incompleted"
+                  onClick={() => handleBulkStatusChange(0)}
+                >
+                  Set All Selected as Uncaught
+                </Button>
+              </>
+            ) : (
+              <>
+                {fishCaught.has(fish?.itemID?.toString() ?? "0") ? (
+                  <Button
+                    variant="secondary"
+                    disabled={
+                      !activePlayer ||
+                      !fishCaught.has(fish?.itemID?.toString() ?? "0")
+                    }
+                    data-umami-event="Set incompleted"
+                    onClick={() => {
+                      handleStatusChange(0);
+                    }}
+                  >
+                    Set Uncaught
+                  </Button>
+                ) : (
+                  <Button
+                    variant="secondary"
+                    disabled={
+                      !activePlayer ||
+                      fishCaught.has(fish?.itemID?.toString() ?? "0")
+                    }
+                    data-umami-event="Set completed"
+                    onClick={() => {
+                      handleStatusChange(2);
+                    }}
+                  >
+                    Set Caught
+                  </Button>
+                )}
+              </>
+            )}
+            {!activePlayer && <CreatePlayerRedirect />}
+            {name && (
+              <Button variant="outline" data-umami-event="Visit wiki" asChild>
+                <a
+                  className="flex items-center"
+                  target="_blank"
+                  rel="noreferrer"
+                  href={`https://stardewvalleywiki.com/${name.replaceAll(
+                    " ",
+                    "_",
+                  )}`}
+                >
+                  Visit Wiki Page
+                  <IconExternalLink className="h-4"></IconExternalLink>
+                </a>
+              </Button>
+            )}
+          </div>
+        </section>
+        {fish && (
+          <>
+            <section className="space-y-2">
+              <h3 className="font-semibold">Location</h3>
+              <Separator />
+              <ul className="list-inside list-disc">
+                {fish.locations.map((location) => (
+                  <li
+                    key={location}
+                    className="mt-1 text-sm text-neutral-500 dark:text-neutral-400"
+                  >
+                    {location}
+                  </li>
+                ))}
+              </ul>
+            </section>
+            {!fish.trapFish && (
+              <>
+                <section className="space-y-2">
+                  <h3 className="font-semibold">Season</h3>
+                  <Separator />
+                  <ul className="list-inside list-disc">
+                    {fish.seasons.map((season) => (
+                      <li
+                        key={season}
+                        className="mt-1 text-sm text-neutral-500 dark:text-neutral-400"
+                      >
+                        {season}
+                      </li>
+                    ))}
+                  </ul>
+                </section>
+                <section className="space-y-2">
+                  <h3 className="font-semibold">Time</h3>
+                  <Separator />
+                  <p className="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
+                    {fish.time}
+                  </p>
+                </section>
+                <section className="space-y-2">
+                  <h3 className="font-semibold">Weather</h3>
+                  <Separator />
+                  <p className="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
+                    {fish.weather}
+                  </p>
+                </section>
+                <section className="space-y-2">
+                  <h3 className="font-semibold">Difficulty</h3>
+                  <Separator />
+                  <p className="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
+                    {fish.difficulty}
+                  </p>
+                </section>
+              </>
+            )}
+          </>
+        )}
+      </div>
+    </>
+  );
+
   if (isDesktop) {
     return (
       <Sheet open={open} onOpenChange={setIsOpen}>
@@ -95,111 +252,7 @@ export const FishSheet = ({ open, setIsOpen, fish }: Props) => {
               {description ? description : "No Description Found"}
             </SheetDescription>
           </SheetHeader>
-          {fish && (
-            <div className="mt-4 space-y-6">
-              <section className="space-y-2">
-                <div className="grid grid-cols-1 gap-2">
-                  {fishCaught.has(fish.itemID) ? (
-                    <Button
-                      variant="secondary"
-                      disabled={!activePlayer || !fishCaught.has(fish.itemID)}
-                      data-umami-event="Set incompleted"
-                      onClick={() => {
-                        handleStatusChange(0);
-                      }}
-                    >
-                      Set Uncaught
-                    </Button>
-                  ) : (
-                    <Button
-                      variant="secondary"
-                      disabled={!activePlayer || fishCaught.has(fish.itemID)}
-                      data-umami-event="Set completed"
-                      onClick={() => {
-                        handleStatusChange(2);
-                      }}
-                    >
-                      Set Caught
-                    </Button>
-                  )}
-                  {!activePlayer && <CreatePlayerRedirect />}
-                  {name && (
-                    <Button
-                      variant="outline"
-                      data-umami-event="Visit wiki"
-                      asChild
-                    >
-                      <a
-                        className="flex items-center"
-                        target="_blank"
-                        rel="noreferrer"
-                        href={`https://stardewvalleywiki.com/${name.replaceAll(
-                          " ",
-                          "_",
-                        )}`}
-                      >
-                        Visit Wiki Page
-                        <IconExternalLink className="h-4"></IconExternalLink>
-                      </a>
-                    </Button>
-                  )}
-                </div>
-              </section>
-              <section className="space-y-2">
-                <h3 className="font-semibold">Location</h3>
-                <Separator />
-                <ul className="list-inside list-disc">
-                  {fish.locations.map((location) => (
-                    <li
-                      key={location}
-                      className="mt-1 text-sm text-neutral-500 dark:text-neutral-400"
-                    >
-                      {location}
-                    </li>
-                  ))}
-                </ul>
-              </section>
-              {!fish.trapFish && (
-                <>
-                  <section className="space-y-2">
-                    <h3 className="font-semibold">Season</h3>
-                    <Separator />
-                    <ul className="list-inside list-disc">
-                      {fish.seasons.map((season) => (
-                        <li
-                          key={season}
-                          className="mt-1 text-sm text-neutral-500 dark:text-neutral-400"
-                        >
-                          {season}
-                        </li>
-                      ))}
-                    </ul>
-                  </section>
-                  <section className="space-y-2">
-                    <h3 className="font-semibold">Time</h3>
-                    <Separator />
-                    <p className="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
-                      {fish.time}
-                    </p>
-                  </section>
-                  <section className="space-y-2">
-                    <h3 className="font-semibold">Weather</h3>
-                    <Separator />
-                    <p className="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
-                      {fish.weather}
-                    </p>
-                  </section>
-                  <section className="space-y-2">
-                    <h3 className="font-semibold">Difficulty</h3>
-                    <Separator />
-                    <p className="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
-                      {fish.difficulty}
-                    </p>
-                  </section>
-                </>
-              )}
-            </div>
-          )}
+          {content}
         </SheetContent>
       </Sheet>
     );
@@ -225,111 +278,7 @@ export const FishSheet = ({ open, setIsOpen, fish }: Props) => {
               {description ? description : "No Description Found"}
             </DrawerDescription>
           </DrawerHeader>
-          {fish && (
-            <div className="space-y-6 p-6">
-              <section className="space-y-2">
-                <div className="grid grid-cols-1 gap-2">
-                  {fishCaught.has(fish.itemID) ? (
-                    <Button
-                      variant="secondary"
-                      disabled={!activePlayer || !fishCaught.has(fish.itemID)}
-                      data-umami-event="Set incompleted"
-                      onClick={() => {
-                        handleStatusChange(0);
-                      }}
-                    >
-                      Set Uncaught
-                    </Button>
-                  ) : (
-                    <Button
-                      variant="secondary"
-                      disabled={!activePlayer || fishCaught.has(fish.itemID)}
-                      data-umami-event="Set completed"
-                      onClick={() => {
-                        handleStatusChange(2);
-                      }}
-                    >
-                      Set Caught
-                    </Button>
-                  )}
-                  {!activePlayer && <CreatePlayerRedirect />}
-                  {name && (
-                    <Button
-                      variant="outline"
-                      data-umami-event="Visit wiki"
-                      asChild
-                    >
-                      <a
-                        className="flex items-center"
-                        target="_blank"
-                        rel="noreferrer"
-                        href={`https://stardewvalleywiki.com/${name.replaceAll(
-                          " ",
-                          "_",
-                        )}`}
-                      >
-                        Visit Wiki Page
-                        <IconExternalLink className="h-4"></IconExternalLink>
-                      </a>
-                    </Button>
-                  )}
-                </div>
-              </section>
-              <section className="space-y-2">
-                <h3 className="font-semibold">Location</h3>
-                <Separator />
-                <ul className="list-inside list-disc">
-                  {fish.locations.map((location) => (
-                    <li
-                      key={location}
-                      className="mt-1 text-sm text-neutral-500 dark:text-neutral-400"
-                    >
-                      {location}
-                    </li>
-                  ))}
-                </ul>
-              </section>
-              {!fish.trapFish && (
-                <>
-                  <section className="space-y-2">
-                    <h3 className="font-semibold">Season</h3>
-                    <Separator />
-                    <ul className="list-inside list-disc">
-                      {fish.seasons.map((season) => (
-                        <li
-                          key={season}
-                          className="mt-1 text-sm text-neutral-500 dark:text-neutral-400"
-                        >
-                          {season}
-                        </li>
-                      ))}
-                    </ul>
-                  </section>
-                  <section className="space-y-2">
-                    <h3 className="font-semibold">Time</h3>
-                    <Separator />
-                    <p className="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
-                      {fish.time}
-                    </p>
-                  </section>
-                  <section className="space-y-2">
-                    <h3 className="font-semibold">Weather</h3>
-                    <Separator />
-                    <p className="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
-                      {fish.weather}
-                    </p>
-                  </section>
-                  <section className="space-y-2">
-                    <h3 className="font-semibold">Difficulty</h3>
-                    <Separator />
-                    <p className="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
-                      {fish.difficulty}
-                    </p>
-                  </section>
-                </>
-              )}
-            </div>
-          )}
+          <div className="space-y-6 p-6">{content}</div>
         </ScrollArea>
       </DrawerContent>
     </Drawer>
diff --git a/src/components/ui/toggle-group.tsx b/src/components/ui/toggle-group.tsx
new file mode 100644
index 00000000..afe5da62
--- /dev/null
+++ b/src/components/ui/toggle-group.tsx
@@ -0,0 +1,59 @@
+import * as React from "react"
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
+import { type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { toggleVariants } from "@/components/ui/toggle"
+
+const ToggleGroupContext = React.createContext<
+  VariantProps<typeof toggleVariants>
+>({
+  size: "default",
+  variant: "default",
+})
+
+const ToggleGroup = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &
+    VariantProps<typeof toggleVariants>
+>(({ className, variant, size, children, ...props }, ref) => (
+  <ToggleGroupPrimitive.Root
+    ref={ref}
+    className={cn("flex items-center justify-center gap-1", className)}
+    {...props}
+  >
+    <ToggleGroupContext.Provider value={{ variant, size }}>
+      {children}
+    </ToggleGroupContext.Provider>
+  </ToggleGroupPrimitive.Root>
+))
+
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName
+
+const ToggleGroupItem = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &
+    VariantProps<typeof toggleVariants>
+>(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext)
+
+  return (
+    <ToggleGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size,
+        }),
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </ToggleGroupPrimitive.Item>
+  )
+})
+
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName
+
+export { ToggleGroup, ToggleGroupItem }
diff --git a/src/components/ui/toggle.tsx b/src/components/ui/toggle.tsx
new file mode 100644
index 00000000..9c930a48
--- /dev/null
+++ b/src/components/ui/toggle.tsx
@@ -0,0 +1,45 @@
+"use client"
+
+import * as React from "react"
+import * as TogglePrimitive from "@radix-ui/react-toggle"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-neutral-100 data-[state=on]:text-neutral-900 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:hover:bg-neutral-800 dark:hover:text-neutral-400 dark:focus-visible:ring-neutral-300 dark:data-[state=on]:bg-neutral-800 dark:data-[state=on]:text-neutral-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline:
+          "border border-neutral-200 bg-transparent shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:hover:bg-neutral-800 dark:hover:text-neutral-50",
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+const Toggle = React.forwardRef<
+  React.ElementRef<typeof TogglePrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &
+    VariantProps<typeof toggleVariants>
+>(({ className, variant, size, ...props }, ref) => (
+  <TogglePrimitive.Root
+    ref={ref}
+    className={cn(toggleVariants({ variant, size, className }))}
+    {...props}
+  />
+))
+
+Toggle.displayName = TogglePrimitive.Root.displayName
+
+export { Toggle, toggleVariants }
diff --git a/src/contexts/multi-select-context.tsx b/src/contexts/multi-select-context.tsx
new file mode 100644
index 00000000..d42d263c
--- /dev/null
+++ b/src/contexts/multi-select-context.tsx
@@ -0,0 +1,83 @@
+import { createContext, useContext, useState, ReactNode } from "react";
+
+interface MultiSelectContextType {
+  isMultiSelectMode: boolean;
+  toggleMultiSelectMode: () => void;
+  selectedItems: Set<string>;
+  toggleItem: (id: string) => void;
+  clearSelection: () => void;
+  addItems: (ids: string[]) => void;
+  removeItems: (ids: string[]) => void;
+}
+
+const MultiSelectContext = createContext<MultiSelectContextType | undefined>(
+  undefined,
+);
+
+export function MultiSelectProvider({ children }: { children: ReactNode }) {
+  const [isMultiSelectMode, setIsMultiSelectMode] = useState(false);
+  const [selectedItems, setSelectedItems] = useState<Set<string>>(new Set());
+
+  const toggleMultiSelectMode = () => {
+    setIsMultiSelectMode(!isMultiSelectMode);
+    if (isMultiSelectMode) {
+      clearSelection();
+    }
+  };
+
+  const toggleItem = (id: string) => {
+    setSelectedItems((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(id)) {
+        newSet.delete(id);
+      } else {
+        newSet.add(id);
+      }
+      return newSet;
+    });
+  };
+
+  const clearSelection = () => {
+    setSelectedItems(new Set());
+  };
+
+  const addItems = (ids: string[]) => {
+    setSelectedItems((prev) => {
+      const newSet = new Set(prev);
+      ids.forEach((id) => newSet.add(id));
+      return newSet;
+    });
+  };
+
+  const removeItems = (ids: string[]) => {
+    setSelectedItems((prev) => {
+      const newSet = new Set(prev);
+      ids.forEach((id) => newSet.delete(id));
+      return newSet;
+    });
+  };
+
+  return (
+    <MultiSelectContext.Provider
+      value={{
+        isMultiSelectMode,
+        toggleMultiSelectMode,
+        selectedItems,
+        toggleItem,
+        clearSelection,
+        addItems,
+        removeItems,
+      }}
+    >
+      {children}
+    </MultiSelectContext.Provider>
+  );
+}
+
+export function useMultiSelect() {
+  const context = useContext(MultiSelectContext);
+  if (context === undefined) {
+    throw new Error("useMultiSelect must be used within a MultiSelectProvider");
+  }
+  return context;
+}
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 19eca8ab..42cbf912 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -9,6 +9,7 @@ import { Toaster } from "sonner";
 import { ThemeProvider } from "@/components/theme-provider";
 import { PlayersProvider } from "@/contexts/players-context";
 import { PreferencesProvider } from "@/contexts/preferences-context";
+import { MultiSelectProvider } from "@/contexts/multi-select-context";
 
 import { useEffect, useState } from "react";
 import useSWR from "swr";
@@ -28,20 +29,22 @@ export default function App({ Component, pageProps }: AppProps) {
     <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
       <PlayersProvider>
         <PreferencesProvider>
-          <div className={`${inter.className}`}>
-            <div className="sticky top-0 z-10 dark:bg-neutral-950">
-              <Topbar />
-            </div>
-            <div>
-              <Sidebar className="hidden max-h-[calc(100vh-65px)] min-h-[calc(100vh-65px)] overflow-y-auto overflow-x-clip md:fixed md:flex md:w-72 md:flex-col" />
-              <div className="md:pl-72">
-                <ErrorBoundary>
-                  <Component {...pageProps} />
-                </ErrorBoundary>
-                <Toaster richColors />
+          <MultiSelectProvider>
+            <div className={`${inter.className}`}>
+              <div className="sticky top-0 z-10 dark:bg-neutral-950">
+                <Topbar />
+              </div>
+              <div>
+                <Sidebar className="hidden max-h-[calc(100vh-65px)] min-h-[calc(100vh-65px)] overflow-y-auto overflow-x-clip md:fixed md:flex md:w-72 md:flex-col" />
+                <div className="md:pl-72">
+                  <ErrorBoundary>
+                    <Component {...pageProps} />
+                  </ErrorBoundary>
+                  <Toaster richColors />
+                </div>
               </div>
             </div>
-          </div>
+          </MultiSelectProvider>
         </PreferencesProvider>
       </PlayersProvider>
     </ThemeProvider>
diff --git a/src/pages/cooking.tsx b/src/pages/cooking.tsx
index 89b27a22..4ec400fc 100644
--- a/src/pages/cooking.tsx
+++ b/src/pages/cooking.tsx
@@ -1,4 +1,5 @@
 import Head from "next/head";
+import { X } from "lucide-react";
 
 import achievements from "@/data/achievements.json";
 import recipes from "@/data/cooking.json";
@@ -8,11 +9,13 @@ import type { Recipe } from "@/types/recipe";
 
 import { usePlayers } from "@/contexts/players-context";
 import { usePreferences } from "@/contexts/preferences-context";
+import { useMultiSelect } from "@/contexts/multi-select-context";
 import { useEffect, useMemo, useState } from "react";
 
 import { AchievementCard } from "@/components/cards/achievement-card";
 import { RecipeCard } from "@/components/cards/recipe-card";
 import { UnblurDialog } from "@/components/dialogs/unblur-dialog";
+import { BulkActionDialog } from "@/components/dialogs/bulk-action-dialog";
 import { FilterButton } from "@/components/filter-btn";
 import { RecipeSheet } from "@/components/sheets/recipe-sheet";
 import {
@@ -21,7 +24,10 @@ import {
   AccordionItem,
   AccordionTrigger,
 } from "@/components/ui/accordion";
+import { Button } from "@/components/ui/button";
 import { Command, CommandInput } from "@/components/ui/command";
+import { cn } from "@/lib/utils";
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
 
 const semverGte = require("semver/functions/gte");
 
@@ -31,6 +37,12 @@ const reqs: Record<string, number> = {
   "Gourmet Chef": Object.keys(recipes).length, // 1.6 default
 };
 
+const bubbleColors: Record<string, string> = {
+  "0": "border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-950", // unknown or not completed
+  "1": "border-yellow-900 bg-yellow-500/20", // known, but not completed
+  "2": "border-green-900 bg-green-500/20", // completed
+};
+
 export default function Cooking() {
   const [open, setIsOpen] = useState(false);
   const [recipe, setRecipe] = useState<Recipe | null>(null);
@@ -42,11 +54,18 @@ export default function Cooking() {
 
   const [search, setSearch] = useState("");
   const [_filter, setFilter] = useState("all");
+  const [bulkActionOpen, setBulkActionOpen] = useState(false);
 
   const [showPrompt, setPromptOpen] = useState(false);
 
   const { activePlayer } = usePlayers();
   const { show, toggleShow } = usePreferences();
+  const {
+    isMultiSelectMode,
+    toggleMultiSelectMode,
+    selectedItems,
+    clearSelection,
+  } = useMultiSelect();
 
   useEffect(() => {
     if (activePlayer) {
@@ -163,31 +182,83 @@ export default function Cooking() {
             <h3 className="ml-1 text-xl font-semibold text-gray-900 dark:text-white">
               All Recipes
             </h3>
-            {/* Filters */}
-            <div className="grid grid-cols-1 justify-between gap-2 lg:flex">
-              <div className="grid grid-cols-2 gap-2 sm:flex sm:gap-3">
-                <FilterButton
-                  target={"0"}
-                  _filter={_filter}
-                  title={`Unknown (${
-                    reqs["Gourmet Chef"] - (knownCount + cookedCount)
-                  })`}
-                  setFilter={setFilter}
-                />
-                <FilterButton
-                  target={"1"}
-                  _filter={_filter}
-                  title={`Known (${knownCount})`}
-                  setFilter={setFilter}
-                />
-                <FilterButton
-                  target={"2"}
-                  _filter={_filter}
-                  title={`Cooked (${cookedCount})`}
-                  setFilter={setFilter}
-                />
+            {/* Filters and Actions Row */}
+            <div className="flex w-full flex-row items-center justify-between">
+              <ToggleGroup
+                variant="outline"
+                type="single"
+                value={_filter}
+                onValueChange={(val) =>
+                  setFilter(val === _filter ? "all" : val)
+                }
+                className="gap-2"
+              >
+                <ToggleGroupItem value="0" aria-label="Show Unknown">
+                  <span
+                    className={cn(
+                      "inline-block h-4 w-4 rounded-full border align-middle",
+                      bubbleColors["0"],
+                    )}
+                  />
+                  <span className="align-middle">
+                    Unknown ({reqs["Gourmet Chef"] - (knownCount + cookedCount)}
+                    )
+                  </span>
+                </ToggleGroupItem>
+                <ToggleGroupItem value="1" aria-label="Show Known">
+                  <span
+                    className={cn(
+                      "inline-block h-4 w-4 rounded-full border align-middle",
+                      bubbleColors["1"],
+                    )}
+                  />
+                  <span className="align-middle">Known ({knownCount})</span>
+                </ToggleGroupItem>
+                <ToggleGroupItem value="2" aria-label="Show Cooked">
+                  <span
+                    className={cn(
+                      "inline-block h-4 w-4 rounded-full border align-middle",
+                      bubbleColors["2"],
+                    )}
+                  />
+                  <span className="align-middle">Cooked ({cookedCount})</span>
+                </ToggleGroupItem>
+              </ToggleGroup>
+              <div className="flex flex-row items-center gap-2">
+                <Button
+                  variant={isMultiSelectMode ? "default" : "outline"}
+                  onClick={() => {
+                    if (isMultiSelectMode) {
+                      setBulkActionOpen(true);
+                    } else {
+                      toggleMultiSelectMode();
+                    }
+                  }}
+                  disabled={isMultiSelectMode && selectedItems.size === 0}
+                >
+                  {isMultiSelectMode
+                    ? `Bulk Action (${selectedItems.size})`
+                    : "Select Multiple"}
+                </Button>
+                {isMultiSelectMode && (
+                  <Button
+                    variant="outline"
+                    size="icon"
+                    className="ml-1"
+                    onClick={() => {
+                      clearSelection();
+                      toggleMultiSelectMode();
+                    }}
+                    aria-label="Cancel Multi-Select"
+                  >
+                    <X className="h-4 w-4" />
+                  </Button>
+                )}
               </div>
-              <Command className="max-w-xs border border-b-0 dark:border-neutral-800">
+            </div>
+            {/* Search Bar Row */}
+            <div className="mt-2 w-full">
+              <Command className="w-full border border-b-0 dark:border-neutral-800">
                 <CommandInput
                   onValueChange={(v) => setSearch(v)}
                   placeholder="Search Recipes"
@@ -221,7 +292,7 @@ export default function Cooking() {
                     );
                   } else return true; // all recipes
                 })
-                .map((f) => (
+                .map((f, index, filteredRecipes) => (
                   <RecipeCard
                     key={f.itemID}
                     recipe={f}
@@ -232,6 +303,8 @@ export default function Cooking() {
                     setObject={setRecipe}
                     setPromptOpen={setPromptOpen}
                     show={show}
+                    index={index}
+                    allRecipes={filteredRecipes}
                   />
                 ))}
             </div>
@@ -243,6 +316,11 @@ export default function Cooking() {
           setOpen={setPromptOpen}
           toggleShow={toggleShow}
         />
+        <BulkActionDialog
+          open={bulkActionOpen}
+          setOpen={setBulkActionOpen}
+          type="cooking"
+        />
       </main>
     </>
   );
diff --git a/src/pages/crafting.tsx b/src/pages/crafting.tsx
index c134d7fd..eaec035c 100644
--- a/src/pages/crafting.tsx
+++ b/src/pages/crafting.tsx
@@ -10,6 +10,7 @@ import type { CraftingRecipe } from "@/types/recipe";
 import { usePlayers } from "@/contexts/players-context";
 import { usePreferences } from "@/contexts/preferences-context";
 import { useEffect, useMemo, useState } from "react";
+import { useMultiSelect } from "@/contexts/multi-select-context";
 
 import { AchievementCard } from "@/components/cards/achievement-card";
 import { RecipeCard } from "@/components/cards/recipe-card";
@@ -23,6 +24,11 @@ import {
   AccordionTrigger,
 } from "@/components/ui/accordion";
 import { Command, CommandInput } from "@/components/ui/command";
+import { Button } from "@/components/ui/button";
+import { X } from "lucide-react";
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+import { cn } from "@/lib/utils";
+import { BulkActionDialog } from "@/components/dialogs/bulk-action-dialog";
 
 const semverGte = require("semver/functions/gte");
 
@@ -32,6 +38,12 @@ const reqs: Record<string, number> = {
   "Craft Master": Object.keys(recipes).length,
 };
 
+const bubbleColors: Record<string, string> = {
+  "0": "border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-950", // unknown or not completed
+  "1": "border-yellow-900 bg-yellow-500/20", // known, but not completed
+  "2": "border-green-900 bg-green-500/20", // completed
+};
+
 export default function Crafting() {
   const [open, setIsOpen] = useState(false);
   const [recipe, setRecipe] = useState<CraftingRecipe | null>(null);
@@ -48,6 +60,14 @@ export default function Crafting() {
 
   const { activePlayer } = usePlayers();
   const { show, toggleShow } = usePreferences();
+  const {
+    isMultiSelectMode,
+    toggleMultiSelectMode,
+    selectedItems,
+    clearSelection,
+  } = useMultiSelect();
+
+  const [bulkActionOpen, setBulkActionOpen] = useState(false);
 
   useEffect(() => {
     if (activePlayer) {
@@ -174,31 +194,83 @@ export default function Crafting() {
             <h3 className="ml-1 text-xl font-semibold text-gray-900 dark:text-white">
               All Recipes
             </h3>
-            {/* Filters */}
-            <div className="grid grid-cols-1 justify-between gap-2 lg:flex">
-              <div className="grid grid-cols-2 gap-2 sm:flex sm:gap-3">
-                <FilterButton
-                  target={"0"}
-                  _filter={_filter}
-                  title={`Unknown (${
-                    reqs["Craft Master"] - (knownCount + craftedCount)
-                  })`}
-                  setFilter={setFilter}
-                />
-                <FilterButton
-                  target={"1"}
-                  _filter={_filter}
-                  title={`Known (${knownCount})`}
-                  setFilter={setFilter}
-                />
-                <FilterButton
-                  target={"2"}
-                  _filter={_filter}
-                  title={`Crafted (${craftedCount})`}
-                  setFilter={setFilter}
-                />
+            {/* Filters and Actions Row */}
+            <div className="flex w-full flex-row items-center justify-between">
+              <ToggleGroup
+                variant="outline"
+                type="single"
+                value={_filter}
+                onValueChange={(val) =>
+                  setFilter(val === _filter ? "all" : val)
+                }
+                className="gap-2"
+              >
+                <ToggleGroupItem value="0" aria-label="Show Unknown">
+                  <span
+                    className={cn(
+                      "inline-block h-4 w-4 rounded-full border align-middle",
+                      bubbleColors["0"],
+                    )}
+                  />
+                  <span className="align-middle">
+                    Unknown (
+                    {reqs["Craft Master"] - (knownCount + craftedCount)})
+                  </span>
+                </ToggleGroupItem>
+                <ToggleGroupItem value="1" aria-label="Show Known">
+                  <span
+                    className={cn(
+                      "inline-block h-4 w-4 rounded-full border align-middle",
+                      bubbleColors["1"],
+                    )}
+                  />
+                  <span className="align-middle">Known ({knownCount})</span>
+                </ToggleGroupItem>
+                <ToggleGroupItem value="2" aria-label="Show Crafted">
+                  <span
+                    className={cn(
+                      "inline-block h-4 w-4 rounded-full border align-middle",
+                      bubbleColors["2"],
+                    )}
+                  />
+                  <span className="align-middle">Crafted ({craftedCount})</span>
+                </ToggleGroupItem>
+              </ToggleGroup>
+              <div className="flex flex-row items-center gap-2">
+                <Button
+                  variant={isMultiSelectMode ? "default" : "outline"}
+                  onClick={() => {
+                    if (isMultiSelectMode) {
+                      setBulkActionOpen(true);
+                    } else {
+                      toggleMultiSelectMode();
+                    }
+                  }}
+                  disabled={isMultiSelectMode && selectedItems.size === 0}
+                >
+                  {isMultiSelectMode
+                    ? `Bulk Action (${selectedItems.size})`
+                    : "Select Multiple"}
+                </Button>
+                {isMultiSelectMode && (
+                  <Button
+                    variant="outline"
+                    size="icon"
+                    className="ml-1"
+                    onClick={() => {
+                      clearSelection();
+                      toggleMultiSelectMode();
+                    }}
+                    aria-label="Cancel Multi-Select"
+                  >
+                    <X className="h-4 w-4" />
+                  </Button>
+                )}
               </div>
-              <Command className="max-w-xs border border-b-0 dark:border-neutral-800">
+            </div>
+            {/* Search Bar Row */}
+            <div className="mt-2 w-full">
+              <Command className="w-full border border-b-0 dark:border-neutral-800">
                 <CommandInput
                   onValueChange={(v) => setSearch(v)}
                   placeholder="Search Recipes"
@@ -232,8 +304,8 @@ export default function Crafting() {
                     );
                   } else return true; // all recipes
                 })
-                .map((f) => (
-                  <RecipeCard
+                .map((f, index, filteredRecipes) => (
+                  <RecipeCard<CraftingRecipe>
                     key={f.itemID}
                     recipe={f}
                     status={
@@ -243,6 +315,8 @@ export default function Crafting() {
                     setObject={setRecipe}
                     setPromptOpen={setPromptOpen}
                     show={show}
+                    index={index}
+                    allRecipes={filteredRecipes as CraftingRecipe[]}
                   />
                 ))}
             </div>
@@ -254,6 +328,11 @@ export default function Crafting() {
           setOpen={setPromptOpen}
           toggleShow={toggleShow}
         />
+        <BulkActionDialog
+          open={bulkActionOpen}
+          setOpen={setBulkActionOpen}
+          type="crafting"
+        />
       </main>
     </>
   );
diff --git a/src/pages/fishing.tsx b/src/pages/fishing.tsx
index 8786b79f..3aea9bb4 100644
--- a/src/pages/fishing.tsx
+++ b/src/pages/fishing.tsx
@@ -22,6 +22,12 @@ import {
   AccordionTrigger,
 } from "@/components/ui/accordion";
 import { Command, CommandInput } from "@/components/ui/command";
+import { Button } from "@/components/ui/button";
+import { X } from "lucide-react";
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+import { cn } from "@/lib/utils";
+import { useMultiSelect } from "@/contexts/multi-select-context";
+import { BulkActionDialog } from "@/components/dialogs/bulk-action-dialog";
 
 import { IconClock, IconCloud } from "@tabler/icons-react";
 
@@ -72,6 +78,11 @@ const seasons = [
   },
 ];
 
+const bubbleColors: Record<string, string> = {
+  "0": "border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-950", // incomplete
+  "2": "border-green-900 bg-green-500/20", // completed
+};
+
 export default function Fishing() {
   const [open, setIsOpen] = useState(false);
   const [fish, setFish] = useState<FishType | null>(null);
@@ -87,9 +98,17 @@ export default function Fishing() {
 
   const [gameVersion, setGameVersion] = useState("1.6.0");
 
-  const { activePlayer } = usePlayers();
+  const { activePlayer, patchPlayer } = usePlayers();
   const { show, toggleShow } = usePreferences();
 
+  const {
+    isMultiSelectMode,
+    toggleMultiSelectMode,
+    selectedItems,
+    clearSelection,
+  } = useMultiSelect();
+  const [bulkActionOpen, setBulkActionOpen] = useState(false);
+
   useEffect(() => {
     if (activePlayer) {
       setFishCaught(new Set(activePlayer?.fishing?.fishCaught ?? []));
@@ -127,6 +146,24 @@ export default function Fishing() {
     return { completed, additionalDescription };
   };
 
+  // Custom bulk action handler for fishing
+  const handleFishingBulkAction = async (
+    status: number | null,
+    selectedItems: Set<string>,
+    close: () => void,
+  ) => {
+    if (!activePlayer) return;
+    const current = new Set(activePlayer.fishing?.fishCaught ?? []);
+    selectedItems.forEach((id) => {
+      if (status === 2) current.add(id);
+      if (status === 0) current.delete(id);
+    });
+    await patchPlayer({
+      fishing: { fishCaught: Array.from(current) },
+    });
+    close();
+  };
+
   return (
     <>
       <Head>
@@ -193,50 +230,96 @@ export default function Fishing() {
             <h2 className="ml-1 text-xl font-semibold text-gray-900 dark:text-white">
               All Fish
             </h2>
-            {/* Filters */}
-            <div className="grid grid-cols-1 justify-between gap-2 lg:flex">
-              <div className="grid grid-cols-2 gap-2 sm:flex sm:gap-3">
-                <FilterButton
-                  target={"0"}
-                  _filter={_filter}
-                  title={`Incomplete (${
-                    reqs["Master Angler"] - fishCaught.size
-                  })`}
-                  setFilter={setFilter}
+            {/* Filters and Actions Row */}
+            <div className="flex w-full flex-col gap-2 md:flex-row md:items-center md:justify-between">
+              <div className="flex flex-row items-center gap-2">
+                <ToggleGroup
+                  variant="outline"
+                  type="single"
+                  value={_filter}
+                  onValueChange={(val) =>
+                    setFilter(val === _filter ? "all" : val)
+                  }
+                  className="gap-2"
+                >
+                  <ToggleGroupItem value="0" aria-label="Show Uncaught">
+                    <span
+                      className={cn(
+                        "inline-block h-4 w-4 rounded-full border align-middle",
+                        bubbleColors["0"],
+                      )}
+                    />
+                    <span className="align-middle">
+                      Uncaught ({reqs["Master Angler"] - fishCaught.size})
+                    </span>
+                  </ToggleGroupItem>
+                  <ToggleGroupItem value="2" aria-label="Show Caught">
+                    <span
+                      className={cn(
+                        "inline-block h-4 w-4 rounded-full border align-middle",
+                        bubbleColors["2"],
+                      )}
+                    />
+                    <span className="align-middle">
+                      Caught ({fishCaught.size})
+                    </span>
+                  </ToggleGroupItem>
+                </ToggleGroup>
+              </div>
+              <div className="flex flex-row items-center gap-2">
+                <FilterSearch
+                  title="Weather"
+                  _filter={_weatherFilter}
+                  data={weather}
+                  icon={IconCloud}
+                  setFilter={setWeatherFilter}
                 />
-                <FilterButton
-                  target={"2"}
-                  _filter={_filter}
-                  title={`Completed (${fishCaught.size})`}
-                  setFilter={setFilter}
+                <FilterSearch
+                  title="Season"
+                  _filter={_seasonFilter}
+                  data={seasons}
+                  icon={IconClock}
+                  setFilter={setSeasonFilter}
                 />
+                <Button
+                  variant={isMultiSelectMode ? "default" : "outline"}
+                  onClick={() => {
+                    if (isMultiSelectMode) {
+                      setBulkActionOpen(true);
+                    } else {
+                      toggleMultiSelectMode();
+                    }
+                  }}
+                  disabled={isMultiSelectMode && selectedItems.size === 0}
+                >
+                  {isMultiSelectMode
+                    ? `Bulk Action (${selectedItems.size})`
+                    : "Select Multiple"}
+                </Button>
+                {isMultiSelectMode && (
+                  <Button
+                    variant="outline"
+                    size="icon"
+                    className="ml-1"
+                    onClick={() => {
+                      clearSelection();
+                      toggleMultiSelectMode();
+                    }}
+                    aria-label="Cancel Multi-Select"
+                  >
+                    <X className="h-4 w-4" />
+                  </Button>
+                )}
               </div>
-              <div className="grid grid-cols-1 items-stretch gap-2 sm:flex">
-                <div className="grid grid-cols-1 gap-2 sm:flex  sm:gap-3">
-                  <FilterSearch
-                    _filter={_seasonFilter}
-                    title={"Seasons"}
-                    data={seasons}
-                    setFilter={setSeasonFilter}
-                    icon={IconClock}
-                  />
-                  <FilterSearch
-                    _filter={_weatherFilter}
-                    title={"Weather"}
-                    data={weather}
-                    setFilter={setWeatherFilter}
-                    icon={IconCloud}
-                  />
-                </div>
-                <div className="flex">
-                  <Command className="border border-b-0 dark:border-neutral-800">
-                    <CommandInput
-                      onValueChange={(v) => setSearch(v)}
-                      placeholder="Search Fish"
-                    />
-                  </Command>
-                </div>
-              </div>
+            </div>
+            {/* Search Bar Row */}
+            <div className="mt-2 w-full">
+              <Command className="w-full border border-b-0 dark:border-neutral-800">
+                <CommandInput
+                  onValueChange={(v) => setSearch(v)}
+                  placeholder="Search Fish"
+                />
+              </Command>
             </div>
             {/* Fish Cards */}
             <div className="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4">
@@ -249,9 +332,9 @@ export default function Fishing() {
                 })
                 .filter((f) => {
                   if (_filter === "0") {
-                    return !fishCaught.has(f.itemID); // incompleted
+                    return !fishCaught.has(f.itemID.toString()); // uncaught
                   } else if (_filter === "2") {
-                    return fishCaught.has(f.itemID); // completed
+                    return fishCaught.has(f.itemID.toString()); // caught
                   } else return true; // all
                 })
                 .filter((f) => {
@@ -280,7 +363,7 @@ export default function Fishing() {
                   <BooleanCard
                     key={f.itemID}
                     item={f as FishType}
-                    completed={fishCaught.has(f.itemID)}
+                    completed={fishCaught.has(f.itemID.toString())}
                     setIsOpen={setIsOpen}
                     setObject={setFish}
                     type="fish"
@@ -297,6 +380,12 @@ export default function Fishing() {
           setOpen={setPromptOpen}
           toggleShow={toggleShow}
         />
+        <BulkActionDialog
+          open={bulkActionOpen}
+          setOpen={setBulkActionOpen}
+          type="shipping"
+          onBulkAction={handleFishingBulkAction}
+        />
       </main>
     </>
   );
diff --git a/src/pages/island/walnuts.tsx b/src/pages/island/walnuts.tsx
index 91a8a3a5..4c8c4410 100644
--- a/src/pages/island/walnuts.tsx
+++ b/src/pages/island/walnuts.tsx
@@ -14,6 +14,12 @@ import { FilterButton, FilterSearch } from "@/components/filter-btn";
 import { Command, CommandInput } from "@/components/ui/command";
 
 import { IconMapPin } from "@tabler/icons-react";
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+import { cn } from "@/lib/utils";
+import { useMultiSelect } from "@/contexts/multi-select-context";
+import { BulkActionDialog } from "@/components/dialogs/bulk-action-dialog";
+import { Button } from "@/components/ui/button";
+import { X } from "lucide-react";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -51,8 +57,14 @@ const type = [
     label: "Volcano",
   },
 ];
+
+const bubbleColors: Record<string, string> = {
+  "0": "border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-950", // unfound
+  "2": "border-green-900 bg-green-500/20", // found
+};
+
 export default function IslandWalnuts() {
-  const { activePlayer } = usePlayers();
+  const { activePlayer, patchPlayer } = usePlayers();
   const [walnutsFound, setWalnutsFound] = useState<Set<string>>(new Set());
 
   const [_filter, setFilter] = useState("all");
@@ -60,6 +72,14 @@ export default function IslandWalnuts() {
 
   const [search, setSearch] = useState("");
 
+  const {
+    isMultiSelectMode,
+    toggleMultiSelectMode,
+    selectedItems,
+    clearSelection,
+  } = useMultiSelect();
+  const [bulkActionOpen, setBulkActionOpen] = useState(false);
+
   useEffect(() => {
     if (activePlayer && activePlayer.walnuts?.found) {
       // take the walnut IDs in walnutFound and add them to a set
@@ -87,6 +107,24 @@ export default function IslandWalnuts() {
     });
   }, [walnutsFound, _filter]);
 
+  // Custom bulk action handler for walnuts
+  const handleWalnutBulkAction = async (
+    status: number | null,
+    selectedItems: Set<string>,
+    close: () => void,
+  ) => {
+    if (!activePlayer) return;
+    const current = { ...activePlayer.walnuts?.found };
+    selectedItems.forEach((id) => {
+      if (status === 2) current[id] = walnuts[id].count;
+      if (status === 0) current[id] = 0;
+    });
+    await patchPlayer({
+      walnuts: { found: current },
+    });
+    close();
+  };
+
   return (
     <>
       <Head>
@@ -116,33 +154,54 @@ export default function IslandWalnuts() {
           <h1 className="ml-1 text-2xl font-semibold text-gray-900 dark:text-white">
             Golden Walnut Tracker
           </h1>
-          <div className="grid grid-cols-1 justify-between gap-2 lg:flex">
-            <div className="grid grid-cols-2 gap-2 sm:flex sm:gap-3">
-              <FilterButton
-                target={"0"}
-                _filter={_filter}
-                title={`Unfound (${
-                  130 -
-                    Object.entries(activePlayer?.walnuts?.found ?? {}).reduce(
+          {/* Filters and Actions Row */}
+          <div className="flex w-full flex-col gap-2 md:flex-row md:items-center md:justify-between">
+            <div className="flex flex-row items-center gap-2">
+              <ToggleGroup
+                variant="outline"
+                type="single"
+                value={_filter}
+                onValueChange={(val) =>
+                  setFilter(val === _filter ? "all" : val)
+                }
+                className="gap-2"
+              >
+                <ToggleGroupItem value="0" aria-label="Show Unfound">
+                  <span
+                    className={cn(
+                      "inline-block h-4 w-4 rounded-full border align-middle",
+                      bubbleColors["0"],
+                    )}
+                  />
+                  <span className="align-middle">
+                    Unfound (
+                    {130 -
+                      Object.entries(activePlayer?.walnuts?.found ?? {}).reduce(
+                        (a, b) => a + b[1],
+                        0,
+                      )}
+                    )
+                  </span>
+                </ToggleGroupItem>
+                <ToggleGroupItem value="2" aria-label="Show Found">
+                  <span
+                    className={cn(
+                      "inline-block h-4 w-4 rounded-full border align-middle",
+                      bubbleColors["2"],
+                    )}
+                  />
+                  <span className="align-middle">
+                    Found (
+                    {Object.entries(activePlayer?.walnuts?.found ?? {}).reduce(
                       (a, b) => a + b[1],
                       0,
-                    ) ?? 0
-                })`}
-                setFilter={setFilter}
-              />
-              <FilterButton
-                target={"2"}
-                _filter={_filter}
-                title={`Found (${
-                  Object.entries(activePlayer?.walnuts?.found ?? {}).reduce(
-                    (a, b) => a + b[1],
-                    0,
-                  ) ?? 0
-                })`}
-                setFilter={setFilter}
-              />
+                    )}
+                    )
+                  </span>
+                </ToggleGroupItem>
+              </ToggleGroup>
             </div>
-            <div className="flex gap-2">
+            <div className="flex flex-row items-center gap-2">
               <FilterSearch
                 _filter={_locationFilter}
                 title={"Location"}
@@ -150,14 +209,46 @@ export default function IslandWalnuts() {
                 setFilter={setLocationFilter}
                 icon={IconMapPin}
               />
-              <Command className="max-w-xs border border-b-0 dark:border-neutral-800">
-                <CommandInput
-                  onValueChange={(v) => setSearch(v)}
-                  placeholder="Search Walnuts"
-                />
-              </Command>
+              <Button
+                variant={isMultiSelectMode ? "default" : "outline"}
+                onClick={() => {
+                  if (isMultiSelectMode) {
+                    setBulkActionOpen(true);
+                  } else {
+                    toggleMultiSelectMode();
+                  }
+                }}
+                disabled={isMultiSelectMode && selectedItems.size === 0}
+              >
+                {isMultiSelectMode
+                  ? `Bulk Action (${selectedItems.size})`
+                  : "Select Multiple"}
+              </Button>
+              {isMultiSelectMode && (
+                <Button
+                  variant="outline"
+                  size="icon"
+                  className="ml-1"
+                  onClick={() => {
+                    clearSelection();
+                    toggleMultiSelectMode();
+                  }}
+                  aria-label="Cancel Multi-Select"
+                >
+                  <X className="h-4 w-4" />
+                </Button>
+              )}
             </div>
           </div>
+          {/* Search Bar Row */}
+          <div className="mt-2 w-full">
+            <Command className="w-full border border-b-0 dark:border-neutral-800">
+              <CommandInput
+                onValueChange={(v) => setSearch(v)}
+                placeholder="Search Walnuts"
+              />
+            </Command>
+          </div>
           <div className="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4">
             {displayedWalnuts
               .filter((f) => {
@@ -194,6 +285,12 @@ export default function IslandWalnuts() {
               })}
           </div>
         </div>
+        <BulkActionDialog
+          open={bulkActionOpen}
+          setOpen={setBulkActionOpen}
+          type="museum"
+          onBulkAction={handleWalnutBulkAction}
+        />
       </main>
     </>
   );
diff --git a/src/pages/museum.tsx b/src/pages/museum.tsx
index 131d43bc..bc8ecbb3 100644
--- a/src/pages/museum.tsx
+++ b/src/pages/museum.tsx
@@ -2,6 +2,7 @@ import Head from "next/head";
 
 import achievements from "@/data/achievements.json";
 import museum from "@/data/museum.json";
+import objects from "@/data/objects.json";
 
 import { MuseumItem } from "@/types/items";
 import { useState, useMemo } from "react";
@@ -19,6 +20,13 @@ import {
 } from "@/components/ui/accordion";
 import { usePlayers } from "@/contexts/players-context";
 import { usePreferences } from "@/contexts/preferences-context";
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+import { cn } from "@/lib/utils";
+import { useMultiSelect } from "@/contexts/multi-select-context";
+import { BulkActionDialog } from "@/components/dialogs/bulk-action-dialog";
+import { Button } from "@/components/ui/button";
+import { X } from "lucide-react";
+import { Command, CommandInput } from "@/components/ui/command";
 
 const reqs: Record<string, number> = {
   "A Complete Collection": Object.values(museum).flatMap((item) =>
@@ -27,6 +35,11 @@ const reqs: Record<string, number> = {
   "Treasure Trove": 40,
 };
 
+const bubbleColors: Record<string, string> = {
+  "0": "border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-950", // not donated
+  "2": "border-green-900 bg-green-500/20", // donated
+};
+
 export default function Museum() {
   const [open, setIsOpen] = useState(false);
   const [museumArtifact, setMuseumArtifact] = useState<MuseumItem | null>(null);
@@ -48,13 +61,25 @@ export default function Museum() {
     [activePlayer],
   );
 
+  const {
+    isMultiSelectMode,
+    toggleMultiSelectMode,
+    selectedItems,
+    clearSelection,
+  } = useMultiSelect();
+  const [bulkActionOpen, setBulkActionOpen] = useState(false);
+  const [bulkType, setBulkType] = useState<"artifact" | "mineral">("artifact");
+
+  const [artifactSearch, setArtifactSearch] = useState("");
+  const [mineralSearch, setMineralSearch] = useState("");
+
   const getAchievementProgress = (name: string) => {
     let completed = false;
     let additionalDescription = "";
 
     if (!activePlayer || !activePlayer.museum)
       return { completed, additionalDescription };
-    
+
     const collection =
       museumArtifactCollected.size + museumMineralCollected.size;
 
@@ -75,6 +100,39 @@ export default function Museum() {
       Object.values(museum.minerals).length - museumMineralCollected.size,
   };
 
+  // Calculate donatedCount for artifacts based on filtered items
+  const donatedArtifactCount = Object.values(museum.artifacts).filter((f) =>
+    museumArtifactCollected.has(f.itemID),
+  ).length;
+
+  // Custom bulk action handler for museum
+  const { patchPlayer } = usePlayers();
+  const handleMuseumBulkAction = async (
+    status: number | null,
+    selectedItems: Set<string>,
+    close: () => void,
+  ) => {
+    if (!activePlayer) return;
+    const patch: any = { museum: {} };
+    if (bulkType === "artifact") {
+      const current = new Set(activePlayer.museum?.artifacts ?? []);
+      selectedItems.forEach((id) => {
+        if (status === 2) current.add(id);
+        if (status === 0) current.delete(id);
+      });
+      patch.museum.artifacts = Array.from(current);
+    } else {
+      const current = new Set(activePlayer.museum?.minerals ?? []);
+      selectedItems.forEach((id) => {
+        if (status === 2) current.add(id);
+        if (status === 0) current.delete(id);
+      });
+      patch.museum.minerals = Array.from(current);
+    }
+    await patchPlayer(patch);
+    close();
+  };
+
   return (
     <>
       <Head>
@@ -145,22 +203,101 @@ export default function Museum() {
                 </AccordionTrigger>
                 <AccordionContent>
                   <div className="space-y-3">
-                    <div className="flex space-x-4">
-                      <FilterButton
-                        target={"0"}
-                        _filter={_artifactFilter}
-                        title={`Not Donated (${remainingDonations.artifacts})`}
-                        setFilter={setArtifactFilter}
-                      />
-                      <FilterButton
-                        target={"2"}
-                        _filter={_artifactFilter}
-                        title={`Donated (${museumArtifactCollected.size})`}
-                        setFilter={setArtifactFilter}
-                      />
+                    <div className="flex w-full flex-col gap-2 md:flex-row md:items-center md:justify-between">
+                      <div className="flex flex-row items-center gap-2">
+                        <ToggleGroup
+                          variant="outline"
+                          type="single"
+                          value={_artifactFilter}
+                          onValueChange={(val) =>
+                            setArtifactFilter(
+                              val === _artifactFilter ? "all" : val,
+                            )
+                          }
+                          className="gap-2"
+                        >
+                          <ToggleGroupItem
+                            value="0"
+                            aria-label="Show Not Donated"
+                          >
+                            <span
+                              className={cn(
+                                "inline-block h-4 w-4 rounded-full border align-middle",
+                                bubbleColors["0"],
+                              )}
+                            />
+                            <span className="align-middle">
+                              Not Donated ({remainingDonations.artifacts})
+                            </span>
+                          </ToggleGroupItem>
+                          <ToggleGroupItem value="2" aria-label="Show Donated">
+                            <span
+                              className={cn(
+                                "inline-block h-4 w-4 rounded-full border align-middle",
+                                bubbleColors["2"],
+                              )}
+                            />
+                            <span className="align-middle">
+                              Donated ({donatedArtifactCount})
+                            </span>
+                          </ToggleGroupItem>
+                        </ToggleGroup>
+                      </div>
+                      <div className="flex flex-row items-center gap-2">
+                        <Button
+                          variant={isMultiSelectMode ? "default" : "outline"}
+                          onClick={() => {
+                            setBulkType("artifact");
+                            if (isMultiSelectMode) {
+                              setBulkActionOpen(true);
+                            } else {
+                              toggleMultiSelectMode();
+                            }
+                          }}
+                          disabled={
+                            isMultiSelectMode && selectedItems.size === 0
+                          }
+                        >
+                          {isMultiSelectMode
+                            ? `Bulk Action (${selectedItems.size})`
+                            : "Select Multiple"}
+                        </Button>
+                        {isMultiSelectMode && (
+                          <Button
+                            variant="outline"
+                            size="icon"
+                            className="ml-1"
+                            onClick={() => {
+                              clearSelection();
+                              toggleMultiSelectMode();
+                            }}
+                            aria-label="Cancel Multi-Select"
+                          >
+                            <X className="h-4 w-4" />
+                          </Button>
+                        )}
+                      </div>
+                    </div>
+                    {/* Search Bar Row */}
+                    <div className="mt-2 w-full">
+                      <Command className="w-full border border-b-0 dark:border-neutral-800">
+                        <CommandInput
+                          onValueChange={(v) => setArtifactSearch(v)}
+                          placeholder="Search Artifacts"
+                        />
+                      </Command>
                     </div>
                     <div className="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4">
                       {Object.values(museum.artifacts)
+                        .filter((f) => {
+                          if (!artifactSearch) return true;
+                          const name =
+                            objects[f.itemID as keyof typeof objects]?.name ||
+                            "";
+                          return name
+                            .toLowerCase()
+                            .includes(artifactSearch.toLowerCase());
+                        })
                         .filter((f) => {
                           if (_artifactFilter === "0") {
                             return !museumArtifactCollected.has(f.itemID); // incompleted
@@ -190,22 +327,93 @@ export default function Museum() {
             <h2 className="ml-1 text-xl font-semibold text-gray-900 dark:text-white">
               All Minerals
             </h2>
-            <div className="flex space-x-4">
-              <FilterButton
-                target={"0"}
-                _filter={_mineralFilter}
-                title={`Not Donated (${remainingDonations.minerals})`}
-                setFilter={setMineralFilter}
-              />
-              <FilterButton
-                target={"2"}
-                _filter={_mineralFilter}
-                title={`Donated (${museumMineralCollected.size})`}
-                setFilter={setMineralFilter}
-              />
+            <div className="flex w-full flex-col gap-2 md:flex-row md:items-center md:justify-between">
+              <div className="flex flex-row items-center gap-2">
+                <ToggleGroup
+                  variant="outline"
+                  type="single"
+                  value={_mineralFilter}
+                  onValueChange={(val) =>
+                    setMineralFilter(val === _mineralFilter ? "all" : val)
+                  }
+                  className="gap-2"
+                >
+                  <ToggleGroupItem value="0" aria-label="Show Not Donated">
+                    <span
+                      className={cn(
+                        "inline-block h-4 w-4 rounded-full border align-middle",
+                        bubbleColors["0"],
+                      )}
+                    />
+                    <span className="align-middle">
+                      Not Donated ({remainingDonations.minerals})
+                    </span>
+                  </ToggleGroupItem>
+                  <ToggleGroupItem value="2" aria-label="Show Donated">
+                    <span
+                      className={cn(
+                        "inline-block h-4 w-4 rounded-full border align-middle",
+                        bubbleColors["2"],
+                      )}
+                    />
+                    <span className="align-middle">
+                      Donated ({museumMineralCollected.size})
+                    </span>
+                  </ToggleGroupItem>
+                </ToggleGroup>
+              </div>
+              <div className="flex flex-row items-center gap-2">
+                <Button
+                  variant={isMultiSelectMode ? "default" : "outline"}
+                  onClick={() => {
+                    setBulkType("mineral");
+                    if (isMultiSelectMode) {
+                      setBulkActionOpen(true);
+                    } else {
+                      toggleMultiSelectMode();
+                    }
+                  }}
+                  disabled={isMultiSelectMode && selectedItems.size === 0}
+                >
+                  {isMultiSelectMode
+                    ? `Bulk Action (${selectedItems.size})`
+                    : "Select Multiple"}
+                </Button>
+                {isMultiSelectMode && (
+                  <Button
+                    variant="outline"
+                    size="icon"
+                    className="ml-1"
+                    onClick={() => {
+                      clearSelection();
+                      toggleMultiSelectMode();
+                    }}
+                    aria-label="Cancel Multi-Select"
+                  >
+                    <X className="h-4 w-4" />
+                  </Button>
+                )}
+              </div>
+            </div>
+            {/* Search Bar Row */}
+            <div className="mt-2 w-full">
+              <Command className="w-full border border-b-0 dark:border-neutral-800">
+                <CommandInput
+                  onValueChange={(v) => setMineralSearch(v)}
+                  placeholder="Search Minerals"
+                />
+              </Command>
             </div>
             <div className="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4">
               {Object.values(museum.minerals)
+                .filter((f) => {
+                  if (!mineralSearch) return true;
+                  const name =
+                    objects[f.itemID as keyof typeof objects]?.name || "";
+                  return name
+                    .toLowerCase()
+                    .includes(mineralSearch.toLowerCase());
+                })
                 .filter((f) => {
                   if (_mineralFilter === "0") {
                     return !museumMineralCollected.has(f.itemID); // incompleted
@@ -237,6 +445,12 @@ export default function Museum() {
           setOpen={setPromptOpen}
           toggleShow={toggleShow}
         />
+        <BulkActionDialog
+          open={bulkActionOpen}
+          setOpen={setBulkActionOpen}
+          type="museum"
+          onBulkAction={handleMuseumBulkAction}
+        />
       </main>
     </>
   );
diff --git a/src/pages/relationships.tsx b/src/pages/relationships.tsx
index a94dd1eb..03ca090d 100644
--- a/src/pages/relationships.tsx
+++ b/src/pages/relationships.tsx
@@ -20,6 +20,8 @@ import {
   AccordionTrigger,
 } from "@/components/ui/accordion";
 import { Command, CommandInput } from "@/components/ui/command";
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+import { cn } from "@/lib/utils";
 
 import { HeartIcon, HomeIcon, UsersIcon } from "@heroicons/react/24/solid";
 import { IconBabyCarriage, IconAdjustments } from "@tabler/icons-react";
@@ -40,6 +42,11 @@ const sort_filters = [
   { value: "hearts", label: "Hearts" },
 ];
 
+const bubbleColors: Record<string, string> = {
+  "0": "border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-950", // incomplete
+  "2": "border-green-900 bg-green-500/20", // completed
+};
+
 export default function Relationships() {
   const { activePlayer } = usePlayers();
 
@@ -269,19 +276,35 @@ export default function Relationships() {
               All Villagers
             </h2>
             <div className="grid grid-cols-1 justify-between gap-2 lg:flex">
-              <div className="grid grid-cols-2 gap-2 sm:flex sm:gap-3">
-                <FilterButton
-                  target={"0"}
-                  _filter={_filter}
-                  title={"Incomplete"}
-                  setFilter={setFilter}
-                />
-                <FilterButton
-                  target={"2"}
-                  _filter={_filter}
-                  title="Completed"
-                  setFilter={setFilter}
-                />
+              <div className="flex flex-row items-center gap-2">
+                <ToggleGroup
+                  variant="outline"
+                  type="single"
+                  value={_filter}
+                  onValueChange={(val) =>
+                    setFilter(val === _filter ? "all" : val)
+                  }
+                  className="gap-2"
+                >
+                  <ToggleGroupItem value="0" aria-label="Show Incomplete">
+                    <span
+                      className={cn(
+                        "inline-block h-4 w-4 rounded-full border align-middle",
+                        bubbleColors["0"],
+                      )}
+                    />
+                    <span className="align-middle">Incomplete</span>
+                  </ToggleGroupItem>
+                  <ToggleGroupItem value="2" aria-label="Show Completed">
+                    <span
+                      className={cn(
+                        "inline-block h-4 w-4 rounded-full border align-middle",
+                        bubbleColors["2"],
+                      )}
+                    />
+                    <span className="align-middle">Completed</span>
+                  </ToggleGroupItem>
+                </ToggleGroup>
               </div>
               <div className="grid grid-cols-1 items-stretch gap-2 sm:flex">
                 <FilterSearch
@@ -291,14 +314,17 @@ export default function Relationships() {
                   setFilter={setSort}
                   icon={IconAdjustments}
                 />
-                <Command className="max-w-xs border border-b-0 dark:border-neutral-800">
-                  <CommandInput
-                    onValueChange={(v) => setSearch(v)}
-                    placeholder="Search Villagers"
-                  />
-                </Command>
               </div>
             </div>
+            {/* Search Bar Row */}
+            <div className="mt-2 w-full">
+              <Command className="w-full border border-b-0 dark:border-neutral-800">
+                <CommandInput
+                  onValueChange={(v) => setSearch(v)}
+                  placeholder="Search Villagers"
+                />
+              </Command>
+            </div>
             <div className="grid grid-cols-1 gap-4 xl:grid-cols-4">
               {Object.values(villagers)
                 .filter((v) => {
diff --git a/src/pages/shipping.tsx b/src/pages/shipping.tsx
index ba1e6cbf..bccda6c4 100644
--- a/src/pages/shipping.tsx
+++ b/src/pages/shipping.tsx
@@ -22,6 +22,8 @@ import {
   AccordionTrigger,
 } from "@/components/ui/accordion";
 import { Command, CommandInput } from "@/components/ui/command";
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+import { cn } from "@/lib/utils";
 
 import { IconClock } from "@tabler/icons-react";
 
@@ -56,9 +58,15 @@ const seasons = [
   },
 ];
 
+const bubbleColors: Record<string, string> = {
+  "0": "border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-950", // unshipped
+  "1": "border-green-900 bg-green-500/20", // shipped
+  "2": "border-blue-900 bg-blue-500/20", // polyculture
+};
+
 export default function Shipping() {
   const [search, setSearch] = useState("");
-  const [_filter, setFilter] = useState("all");
+  const [filter, setFilter] = useState("all");
   const [_seasonFilter, setSeasonFilter] = useState("all");
 
   const [showPrompt, setPromptOpen] = useState(false);
@@ -102,13 +110,19 @@ export default function Shipping() {
         if (semverGte(gameVersion, "1.6.0") && key === "372") return; // Clam and Smoked Fish is excluded in 1.6
 
         // Polyculture calculation
-        if (shipping_items[key as keyof typeof shipping_items].polyculture) {
+        if (
+          shipping_items[key as keyof typeof shipping_items] &&
+          shipping_items[key as keyof typeof shipping_items].polyculture
+        ) {
           if ((activePlayer.shipping?.shipped[key] ?? 0) >= 15)
             polycultureCount++;
         }
 
         // Monoculture calculation
-        if (shipping_items[key as keyof typeof shipping_items].monoculture) {
+        if (
+          shipping_items[key as keyof typeof shipping_items] &&
+          shipping_items[key as keyof typeof shipping_items].monoculture
+        ) {
           if ((activePlayer.shipping?.shipped[key] ?? 0) >= 300)
             monocultureAchieved = true;
         }
@@ -146,6 +160,20 @@ export default function Shipping() {
     return { completed, additionalDescription };
   };
 
+  // Calculate completedCount based on filtered items
+  const completedCount = Object.values(typedShippingItems)
+    .filter((i) => {
+      // Clam is excluded in 1.6, so we won't show it
+      if (i.itemID === "372") return !semverGte(gameVersion, "1.6.0");
+      return true;
+    })
+    .filter((i) => semverGte(gameVersion, i.minVersion))
+    .filter((i) => {
+      if (_seasonFilter === "all") return true;
+      return i.seasons.includes(_seasonFilter);
+    })
+    .filter((i) => i.itemID in basicShipped).length;
+
   return (
     <>
       <Head>
@@ -212,31 +240,52 @@ export default function Shipping() {
             <h2 className="ml-1 text-xl font-semibold text-gray-900 dark:text-white">
               All Items
             </h2>
-            {/* Filters */}
-            <div className="grid grid-cols-1 justify-between gap-2 xl:flex">
-              <div className="grid grid-cols-2 gap-2 sm:flex sm:gap-3">
-                <FilterButton
-                  target={"0"}
-                  _filter={_filter}
-                  title={`Unshipped (${
-                    reqs["Full Shipment"] - basicShippedCount
-                  })`}
-                  setFilter={setFilter}
-                />
-                <FilterButton
-                  target={"1"}
-                  _filter={_filter}
-                  title={`Polyculture (${
-                    reqs["Polyculture"] - polycultureCount
-                  })`}
-                  setFilter={setFilter}
-                />
-                <FilterButton
-                  target={"2"}
-                  _filter={_filter}
-                  title={`Completed (${basicShippedCount})`}
-                  setFilter={setFilter}
-                />
+            {/* Filters and Actions Row */}
+            <div className="flex w-full flex-col gap-2 md:flex-row md:items-center md:justify-between">
+              <div className="flex flex-row items-center gap-2">
+                <ToggleGroup
+                  variant="outline"
+                  type="single"
+                  value={filter}
+                  onValueChange={(val) =>
+                    setFilter(val === filter ? "all" : val)
+                  }
+                  className="gap-2"
+                >
+                  <ToggleGroupItem value="0" aria-label="Show Unshipped">
+                    <span
+                      className={cn(
+                        "inline-block h-4 w-4 rounded-full border align-middle",
+                        bubbleColors["0"],
+                      )}
+                    />
+                    <span className="align-middle">
+                      Unshipped ({reqs["Full Shipment"] - basicShippedCount})
+                    </span>
+                  </ToggleGroupItem>
+                  <ToggleGroupItem value="1" aria-label="Show Polyculture">
+                    <span
+                      className={cn(
+                        "inline-block h-4 w-4 rounded-full border align-middle",
+                        bubbleColors["2"],
+                      )}
+                    />
+                    <span className="align-middle">
+                      Polyculture ({reqs["Polyculture"] - polycultureCount})
+                    </span>
+                  </ToggleGroupItem>
+                  <ToggleGroupItem value="2" aria-label="Show Completed">
+                    <span
+                      className={cn(
+                        "inline-block h-4 w-4 rounded-full border align-middle",
+                        bubbleColors["1"],
+                      )}
+                    />
+                    <span className="align-middle">
+                      Completed ({completedCount})
+                    </span>
+                  </ToggleGroupItem>
+                </ToggleGroup>
               </div>
               <div className="flex gap-2">
                 <FilterSearch
@@ -246,14 +295,17 @@ export default function Shipping() {
                   setFilter={setSeasonFilter}
                   icon={IconClock}
                 />
-                <Command className="max-w-xs border border-b-0 dark:border-neutral-800">
-                  <CommandInput
-                    onValueChange={(v) => setSearch(v)}
-                    placeholder="Search Items"
-                  />
-                </Command>
               </div>
             </div>
+            {/* Search Bar Row */}
+            <div className="mt-2 w-full">
+              <Command className="w-full border border-b-0 dark:border-neutral-800">
+                <CommandInput
+                  onValueChange={(v) => setSearch(v)}
+                  placeholder="Search Items"
+                />
+              </Command>
+            </div>
             {/* Items */}
             <div className="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4">
               {Object.values(typedShippingItems)
@@ -270,24 +322,20 @@ export default function Shipping() {
                   return name.toLowerCase().includes(search.toLowerCase());
                 })
                 .filter((i) => {
-                  if (_filter === "0") {
-                    // Item not shipped
+                  if (filter === "0") {
+                    // Unshipped
                     return !(i.itemID in basicShipped);
-                  } else if (_filter === "1") {
-                    // Polyculture crops that need completing
+                  } else if (filter === "1") {
+                    // Polyculture in progress
                     return (
                       i.itemID in shipping_items &&
                       shipping_items[i.itemID as keyof typeof shipping_items]
                         .polyculture &&
                       (!basicShipped[i.itemID] || basicShipped[i.itemID]! < 15)
                     );
-                  } else if (_filter === "2") {
-                    // Shipped/Completed (we won't check for monoculture here)
-                    return i.itemID in basicShipped &&
-                      shipping_items[i.itemID as keyof typeof shipping_items]
-                        .polyculture
-                      ? basicShipped[i.itemID]! >= 15
-                      : basicShipped[i.itemID]! >= 1;
+                  } else if (filter === "2") {
+                    // Completed (all shipped)
+                    return i.itemID in basicShipped;
                   } else return true; // all recipes
                 })
                 .filter((i) => {