diff --git a/apps/web/app/api/assets/[assetId]/route.ts b/apps/web/app/api/assets/[assetId]/route.ts
deleted file mode 100644
index 20bd30c..0000000
--- a/apps/web/app/api/assets/[assetId]/route.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { createContextFromRequest } from "@/server/api/client";
-import { and, eq } from "drizzle-orm";
-
-import { assets } from "@lifetracker/db/schema";
-import { readAsset } from "@lifetracker/shared/assetdb";
-
-export const dynamic = "force-dynamic";
-export async function GET(
-  request: Request,
-  { params }: { params: { assetId: string } },
-) {
-  const ctx = await createContextFromRequest(request);
-  if (!ctx.user) {
-    return Response.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const assetDb = await ctx.db.query.assets.findFirst({
-    where: and(eq(assets.id, params.assetId), eq(assets.userId, ctx.user.id)),
-  });
-
-  if (!assetDb) {
-    return Response.json({ error: "Asset not found" }, { status: 404 });
-  }
-
-  const { asset, metadata } = await readAsset({
-    userId: ctx.user.id,
-    assetId: params.assetId,
-  });
-
-  const range = request.headers.get("Range");
-  if (range) {
-    const parts = range.replace(/bytes=/, "").split("-");
-    const start = parseInt(parts[0], 10);
-    const end = parts[1] ? parseInt(parts[1], 10) : asset.length - 1;
-
-    // TODO: Don't read the whole asset into memory in the first place
-    const chunk = asset.subarray(start, end + 1);
-    return new Response(chunk, {
-      status: 206, // Partial Content
-      headers: {
-        "Content-Range": `bytes ${start}-${end}/${asset.length}`,
-        "Accept-Ranges": "bytes",
-        "Content-Length": chunk.length.toString(),
-        "Content-type": metadata.contentType,
-      },
-    });
-  } else {
-    return new Response(asset, {
-      status: 200,
-      headers: {
-        "Content-Length": asset.length.toString(),
-        "Content-type": metadata.contentType,
-      },
-    });
-  }
-}
diff --git a/apps/web/app/api/assets/route.ts b/apps/web/app/api/assets/route.ts
deleted file mode 100644
index 28f8142..0000000
--- a/apps/web/app/api/assets/route.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { createContextFromRequest } from "@/server/api/client";
-import { TRPCError } from "@trpc/server";
-
-import type { ZUploadResponse } from "@lifetracker/shared/types/uploads";
-import { assets, AssetTypes } from "@lifetracker/db/schema";
-import {
-  newAssetId,
-  saveAsset,
-  SUPPORTED_UPLOAD_ASSET_TYPES,
-} from "@lifetracker/shared/assetdb";
-import serverConfig from "@lifetracker/shared/config";
-
-const MAX_UPLOAD_SIZE_BYTES = serverConfig.maxAssetSizeMb * 1024 * 1024;
-
-export const dynamic = "force-dynamic";
-export async function POST(request: Request) {
-  const ctx = await createContextFromRequest(request);
-  if (!ctx.user) {
-    return Response.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  if (serverConfig.demoMode) {
-    throw new TRPCError({
-      message: "Mutations are not allowed in demo mode",
-      code: "FORBIDDEN",
-    });
-  }
-  const formData = await request.formData();
-  const data = formData.get("file") ?? formData.get("image");
-  let buffer;
-  let contentType;
-  if (data instanceof File) {
-    contentType = data.type;
-    if (!SUPPORTED_UPLOAD_ASSET_TYPES.has(contentType)) {
-      return Response.json(
-        { error: "Unsupported asset type" },
-        { status: 400 },
-      );
-    }
-    if (data.size > MAX_UPLOAD_SIZE_BYTES) {
-      return Response.json({ error: "Asset is too big" }, { status: 413 });
-    }
-    buffer = Buffer.from(await data.arrayBuffer());
-  } else {
-    return Response.json({ error: "Bad request" }, { status: 400 });
-  }
-
-  const fileName = data.name;
-  const [assetDb] = await ctx.db
-    .insert(assets)
-    .values({
-      id: newAssetId(),
-      // Initially, uploads are uploaded for unknown purpose
-      // And without an attached bookmark.
-      assetType: AssetTypes.UNKNOWN,
-      bookmarkId: null,
-      userId: ctx.user.id,
-      contentType,
-      size: data.size,
-      fileName,
-    })
-    .returning();
-  const assetId = assetDb.id;
-
-  await saveAsset({
-    userId: ctx.user.id,
-    assetId,
-    metadata: { contentType, fileName },
-    asset: buffer,
-  });
-
-  return Response.json({
-    assetId,
-    contentType,
-    size: buffer.byteLength,
-    fileName,
-  } satisfies ZUploadResponse);
-}
diff --git a/apps/web/app/api/bookmarks/export/route.tsx b/apps/web/app/api/bookmarks/export/route.tsx
deleted file mode 100644
index 7ae46c5..0000000
--- a/apps/web/app/api/bookmarks/export/route.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { toExportFormat, zExportSchema } from "@/lib/exportBookmarks";
-import { api, createContextFromRequest } from "@/server/api/client";
-import { z } from "zod";
-
-import { MAX_NUM_BOOKMARKS_PER_PAGE } from "@hoarder/shared/types/bookmarks";
-
-export const dynamic = "force-dynamic";
-export async function GET(request: Request) {
-  const ctx = await createContextFromRequest(request);
-  if (!ctx.user) {
-    return Response.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const req = {
-    limit: MAX_NUM_BOOKMARKS_PER_PAGE,
-    useCursorV2: true,
-  };
-
-  let resp = await api.bookmarks.getBookmarks(req);
-  let results = resp.bookmarks.map(toExportFormat);
-
-  while (resp.nextCursor) {
-    resp = await api.bookmarks.getBookmarks({
-      ...request,
-      cursor: resp.nextCursor,
-    });
-    results = [...results, ...resp.bookmarks.map(toExportFormat)];
-  }
-
-  const exportData: z.infer<typeof zExportSchema> = {
-    bookmarks: results.filter((b) => b.content !== null),
-  };
-
-  return new Response(JSON.stringify(exportData), {
-    status: 200,
-    headers: {
-      "Content-type": "application/json",
-      "Content-disposition": `attachment; filename="hoarder-export-${new Date().toISOString()}.json"`,
-    },
-  });
-}
diff --git a/apps/web/app/api/v1/bookmarks/[bookmarkId]/lists/route.ts b/apps/web/app/api/v1/bookmarks/[bookmarkId]/lists/route.ts
deleted file mode 100644
index ad3052c..0000000
--- a/apps/web/app/api/v1/bookmarks/[bookmarkId]/lists/route.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { NextRequest } from "next/server";
-import { buildHandler } from "@/app/api/v1/utils/handler";
-
-export const dynamic = "force-dynamic";
-
-export const GET = (
-  req: NextRequest,
-  params: { params: { bookmarkId: string } },
-) =>
-  buildHandler({
-    req,
-    handler: async ({ api }) => {
-      const resp = await api.lists.getListsOfBookmark({
-        bookmarkId: params.params.bookmarkId,
-      });
-      return { status: 200, resp };
-    },
-  });
diff --git a/apps/web/app/api/v1/bookmarks/[bookmarkId]/route.ts b/apps/web/app/api/v1/bookmarks/[bookmarkId]/route.ts
deleted file mode 100644
index 8fe4d9f..0000000
--- a/apps/web/app/api/v1/bookmarks/[bookmarkId]/route.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { NextRequest } from "next/server";
-import { buildHandler } from "@/app/api/v1/utils/handler";
-
-import { zUpdateBookmarksRequestSchema } from "@hoarder/shared/types/bookmarks";
-
-export const dynamic = "force-dynamic";
-
-export const GET = (
-  req: NextRequest,
-  { params }: { params: { bookmarkId: string } },
-) =>
-  buildHandler({
-    req,
-    handler: async ({ api }) => {
-      const bookmark = await api.bookmarks.getBookmark({
-        bookmarkId: params.bookmarkId,
-      });
-      return { status: 200, resp: bookmark };
-    },
-  });
-
-export const PATCH = (
-  req: NextRequest,
-  { params }: { params: { bookmarkId: string } },
-) =>
-  buildHandler({
-    req,
-    bodySchema: zUpdateBookmarksRequestSchema.omit({ bookmarkId: true }),
-    handler: async ({ api, body }) => {
-      const bookmark = await api.bookmarks.updateBookmark({
-        bookmarkId: params.bookmarkId,
-        ...body!,
-      });
-      return { status: 200, resp: bookmark };
-    },
-  });
-
-export const DELETE = (
-  req: NextRequest,
-  { params }: { params: { bookmarkId: string } },
-) =>
-  buildHandler({
-    req,
-    handler: async ({ api }) => {
-      await api.bookmarks.deleteBookmark({
-        bookmarkId: params.bookmarkId,
-      });
-      return { status: 204 };
-    },
-  });
diff --git a/apps/web/app/api/v1/bookmarks/[bookmarkId]/tags/route.ts b/apps/web/app/api/v1/bookmarks/[bookmarkId]/tags/route.ts
deleted file mode 100644
index df46461..0000000
--- a/apps/web/app/api/v1/bookmarks/[bookmarkId]/tags/route.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { NextRequest } from "next/server";
-import { buildHandler } from "@/app/api/v1/utils/handler";
-import { z } from "zod";
-
-import { zManipulatedTagSchema } from "@hoarder/shared/types/bookmarks";
-
-export const dynamic = "force-dynamic";
-
-export const POST = (
-  req: NextRequest,
-  params: { params: { bookmarkId: string } },
-) =>
-  buildHandler({
-    req,
-    bodySchema: z.object({
-      tags: z.array(zManipulatedTagSchema),
-    }),
-    handler: async ({ api, body }) => {
-      const resp = await api.bookmarks.updateTags({
-        bookmarkId: params.params.bookmarkId,
-        attach: body!.tags,
-        detach: [],
-      });
-      return { status: 200, resp: { attached: resp.attached } };
-    },
-  });
-
-export const DELETE = (
-  req: NextRequest,
-  params: { params: { bookmarkId: string } },
-) =>
-  buildHandler({
-    req,
-    bodySchema: z.object({
-      tags: z.array(zManipulatedTagSchema),
-    }),
-    handler: async ({ api, body }) => {
-      const resp = await api.bookmarks.updateTags({
-        bookmarkId: params.params.bookmarkId,
-        detach: body!.tags,
-        attach: [],
-      });
-      return { status: 200, resp: { detached: resp.detached } };
-    },
-  });
diff --git a/apps/web/app/api/v1/bookmarks/route.ts b/apps/web/app/api/v1/bookmarks/route.ts
deleted file mode 100644
index 1342f07..0000000
--- a/apps/web/app/api/v1/bookmarks/route.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { NextRequest } from "next/server";
-import { z } from "zod";
-
-import { zNewBookmarkRequestSchema } from "@hoarder/shared/types/bookmarks";
-
-import { buildHandler } from "../utils/handler";
-import { adaptPagination, zPagination } from "../utils/pagination";
-import { zStringBool } from "../utils/types";
-
-export const dynamic = "force-dynamic";
-
-export const GET = (req: NextRequest) =>
-  buildHandler({
-    req,
-    searchParamsSchema: z
-      .object({
-        favourited: zStringBool.optional(),
-        archived: zStringBool.optional(),
-      })
-      .and(zPagination),
-    handler: async ({ api, searchParams }) => {
-      const bookmarks = await api.bookmarks.getBookmarks({
-        ...searchParams,
-      });
-      return { status: 200, resp: adaptPagination(bookmarks) };
-    },
-  });
-
-export const POST = (req: NextRequest) =>
-  buildHandler({
-    req,
-    bodySchema: zNewBookmarkRequestSchema,
-    handler: async ({ api, body }) => {
-      const bookmark = await api.bookmarks.createBookmark(body!);
-      return { status: 201, resp: bookmark };
-    },
-  });
diff --git a/apps/web/app/api/v1/lists/[listId]/bookmarks/[bookmarkId]/route.ts b/apps/web/app/api/v1/lists/[listId]/bookmarks/[bookmarkId]/route.ts
deleted file mode 100644
index 6efe205..0000000
--- a/apps/web/app/api/v1/lists/[listId]/bookmarks/[bookmarkId]/route.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { NextRequest } from "next/server";
-import { buildHandler } from "@/app/api/v1/utils/handler";
-
-export const dynamic = "force-dynamic";
-
-export const PUT = (
-  req: NextRequest,
-  { params }: { params: { listId: string; bookmarkId: string } },
-) =>
-  buildHandler({
-    req,
-    handler: async ({ api }) => {
-      // TODO: PUT is supposed to be idempotent, but we currently fail if the bookmark is already in the list.
-      await api.lists.addToList({
-        listId: params.listId,
-        bookmarkId: params.bookmarkId,
-      });
-      return { status: 204 };
-    },
-  });
-
-export const DELETE = (
-  req: NextRequest,
-  { params }: { params: { listId: string; bookmarkId: string } },
-) =>
-  buildHandler({
-    req,
-    handler: async ({ api }) => {
-      await api.lists.removeFromList({
-        listId: params.listId,
-        bookmarkId: params.bookmarkId,
-      });
-      return { status: 204 };
-    },
-  });
diff --git a/apps/web/app/api/v1/lists/[listId]/bookmarks/route.ts b/apps/web/app/api/v1/lists/[listId]/bookmarks/route.ts
deleted file mode 100644
index 72d4aa5..0000000
--- a/apps/web/app/api/v1/lists/[listId]/bookmarks/route.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { NextRequest } from "next/server";
-import { buildHandler } from "@/app/api/v1/utils/handler";
-import { adaptPagination, zPagination } from "@/app/api/v1/utils/pagination";
-
-export const dynamic = "force-dynamic";
-
-export const GET = (req: NextRequest, params: { params: { listId: string } }) =>
-  buildHandler({
-    req,
-    searchParamsSchema: zPagination,
-    handler: async ({ api, searchParams }) => {
-      const bookmarks = await api.bookmarks.getBookmarks({
-        listId: params.params.listId,
-        ...searchParams,
-      });
-      return { status: 200, resp: adaptPagination(bookmarks) };
-    },
-  });
diff --git a/apps/web/app/api/v1/lists/[listId]/route.ts b/apps/web/app/api/v1/lists/[listId]/route.ts
deleted file mode 100644
index 69c99fd..0000000
--- a/apps/web/app/api/v1/lists/[listId]/route.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { NextRequest } from "next/server";
-import { buildHandler } from "@/app/api/v1/utils/handler";
-
-import { zNewBookmarkListSchema } from "@hoarder/shared/types/lists";
-
-export const dynamic = "force-dynamic";
-
-export const GET = (
-  req: NextRequest,
-  { params }: { params: { listId: string } },
-) =>
-  buildHandler({
-    req,
-    handler: async ({ api }) => {
-      const list = await api.lists.get({
-        listId: params.listId,
-      });
-      return {
-        status: 200,
-        resp: list,
-      };
-    },
-  });
-
-export const PATCH = (
-  req: NextRequest,
-  { params }: { params: { listId: string } },
-) =>
-  buildHandler({
-    req,
-    bodySchema: zNewBookmarkListSchema.partial(),
-    handler: async ({ api, body }) => {
-      const list = await api.lists.edit({
-        listId: params.listId,
-        ...body!,
-      });
-      return { status: 200, resp: list };
-    },
-  });
-
-export const DELETE = (
-  req: NextRequest,
-  { params }: { params: { listId: string } },
-) =>
-  buildHandler({
-    req,
-    handler: async ({ api }) => {
-      await api.lists.delete({
-        listId: params.listId,
-      });
-      return {
-        status: 204,
-      };
-    },
-  });
diff --git a/apps/web/app/api/v1/lists/route.ts b/apps/web/app/api/v1/lists/route.ts
deleted file mode 100644
index 724fadf..0000000
--- a/apps/web/app/api/v1/lists/route.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { NextRequest } from "next/server";
-
-import { zNewBookmarkListSchema } from "@hoarder/shared/types/lists";
-
-import { buildHandler } from "../utils/handler";
-
-export const dynamic = "force-dynamic";
-
-export const GET = (req: NextRequest) =>
-  buildHandler({
-    req,
-    handler: async ({ api }) => {
-      const lists = await api.lists.list();
-      return { status: 200, resp: lists };
-    },
-  });
-
-export const POST = (req: NextRequest) =>
-  buildHandler({
-    req,
-    bodySchema: zNewBookmarkListSchema,
-    handler: async ({ api, body }) => {
-      const list = await api.lists.create(body!);
-      return { status: 201, resp: list };
-    },
-  });
diff --git a/apps/web/app/api/v1/tags/[tagId]/bookmarks/route.ts b/apps/web/app/api/v1/tags/[tagId]/bookmarks/route.ts
deleted file mode 100644
index 98133ec..0000000
--- a/apps/web/app/api/v1/tags/[tagId]/bookmarks/route.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { NextRequest } from "next/server";
-import { buildHandler } from "@/app/api/v1/utils/handler";
-import { adaptPagination, zPagination } from "@/app/api/v1/utils/pagination";
-
-export const dynamic = "force-dynamic";
-
-export const GET = (
-  req: NextRequest,
-  { params }: { params: { tagId: string } },
-) =>
-  buildHandler({
-    req,
-    searchParamsSchema: zPagination,
-    handler: async ({ api, searchParams }) => {
-      const bookmarks = await api.bookmarks.getBookmarks({
-        tagId: params.tagId,
-        limit: searchParams.limit,
-        cursor: searchParams.cursor,
-      });
-      return {
-        status: 200,
-        resp: adaptPagination(bookmarks),
-      };
-    },
-  });
diff --git a/apps/web/app/api/v1/tags/[tagId]/route.ts b/apps/web/app/api/v1/tags/[tagId]/route.ts
deleted file mode 100644
index 29b2721..0000000
--- a/apps/web/app/api/v1/tags/[tagId]/route.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { NextRequest } from "next/server";
-import { buildHandler } from "@/app/api/v1/utils/handler";
-
-import { zUpdateTagRequestSchema } from "@hoarder/shared/types/tags";
-
-export const dynamic = "force-dynamic";
-
-export const GET = (
-  req: NextRequest,
-  { params }: { params: { tagId: string } },
-) =>
-  buildHandler({
-    req,
-    handler: async ({ api }) => {
-      const tag = await api.tags.get({
-        tagId: params.tagId,
-      });
-      return {
-        status: 200,
-        resp: tag,
-      };
-    },
-  });
-
-export const PATCH = (
-  req: NextRequest,
-  { params }: { params: { tagId: string } },
-) =>
-  buildHandler({
-    req,
-    bodySchema: zUpdateTagRequestSchema.omit({ tagId: true }),
-    handler: async ({ api, body }) => {
-      const tag = await api.tags.update({
-        tagId: params.tagId,
-        ...body!,
-      });
-      return { status: 200, resp: tag };
-    },
-  });
-
-export const DELETE = (
-  req: NextRequest,
-  { params }: { params: { tagId: string } },
-) =>
-  buildHandler({
-    req,
-    handler: async ({ api }) => {
-      await api.tags.delete({
-        tagId: params.tagId,
-      });
-      return {
-        status: 204,
-      };
-    },
-  });
diff --git a/apps/web/app/api/v1/tags/route.ts b/apps/web/app/api/v1/tags/route.ts
deleted file mode 100644
index 9625820..0000000
--- a/apps/web/app/api/v1/tags/route.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { NextRequest } from "next/server";
-
-import { buildHandler } from "../utils/handler";
-
-export const dynamic = "force-dynamic";
-
-export const GET = (req: NextRequest) =>
-  buildHandler({
-    req,
-    handler: async ({ api }) => {
-      const tags = await api.tags.list();
-      return { status: 200, resp: tags };
-    },
-  });
diff --git a/apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx b/apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx
deleted file mode 100644
index 432e7a6..0000000
--- a/apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { useRouter } from "next/navigation";
-import BookmarkPreview from "@/components/dashboard/preview/BookmarkPreview";
-import { Dialog, DialogContent } from "@/components/ui/dialog";
-
-export default function BookmarkPreviewPage({
-  params,
-}: {
-  params: { bookmarkId: string };
-}) {
-  const router = useRouter();
-
-  const [open, setOpen] = useState(true);
-
-  const setOpenWithRouter = (value: boolean) => {
-    setOpen(value);
-    if (!value) {
-      router.back();
-    }
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={setOpenWithRouter}>
-      <DialogContent
-        className="h-[90%] max-w-[90%] overflow-hidden p-0"
-        hideCloseBtn={true}
-        onOpenAutoFocus={(e) => e.preventDefault()}
-      >
-        <BookmarkPreview bookmarkId={params.bookmarkId} />
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/web/app/dashboard/@modal/[...catchAll]/page.tsx b/apps/web/app/dashboard/@modal/[...catchAll]/page.tsx
deleted file mode 100644
index 1fd97c2..0000000
--- a/apps/web/app/dashboard/@modal/[...catchAll]/page.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function CatchAll() {
-  return null;
-}
diff --git a/apps/web/app/dashboard/@modal/default.tsx b/apps/web/app/dashboard/@modal/default.tsx
deleted file mode 100644
index 6ddf1b7..0000000
--- a/apps/web/app/dashboard/@modal/default.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function Default() {
-  return null;
-}
diff --git a/apps/web/app/dashboard/archive/page.tsx b/apps/web/app/dashboard/archive/page.tsx
deleted file mode 100644
index becb6a5..0000000
--- a/apps/web/app/dashboard/archive/page.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import Bookmarks from "@/components/dashboard/bookmarks/Bookmarks";
-import InfoTooltip from "@/components/ui/info-tooltip";
-
-function header() {
-  return (
-    <div className="flex gap-2">
-      <p className="text-2xl">🗄️ Archive</p>
-      <InfoTooltip size={17} className="my-auto" variant="explain">
-        <p>Archived bookmarks won&apos;t appear in the homepage</p>
-      </InfoTooltip>
-    </div>
-  );
-}
-
-export default async function ArchivedBookmarkPage() {
-  return (
-    <Bookmarks
-      header={header()}
-      query={{ archived: true }}
-      showDivider={true}
-      showEditorCard={true}
-    />
-  );
-}
diff --git a/apps/web/app/dashboard/categories/[categoryId]/page.tsx b/apps/web/app/dashboard/categories/[categoryId]/page.tsx
deleted file mode 100644
index f6e02a6..0000000
--- a/apps/web/app/dashboard/categories/[categoryId]/page.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { notFound } from "next/navigation";
-import Bookmarks from "@/components/dashboard/bookmarks/Bookmarks";
-import EditableTagName from "@/components/dashboard/tags/EditableTagName";
-import { TagOptions } from "@/components/dashboard/tags/TagOptions";
-import { Button } from "@/components/ui/button";
-import { api } from "@/server/api/client";
-import { TRPCError } from "@trpc/server";
-import { MoreHorizontal } from "lucide-react";
-
-export default async function TagPage({
-  params,
-}: {
-  params: { tagId: string };
-}) {
-  let tag;
-  try {
-    tag = await api.tags.get({ tagId: params.tagId });
-  } catch (e) {
-    if (e instanceof TRPCError) {
-      if (e.code == "NOT_FOUND") {
-        notFound();
-      }
-    }
-    throw e;
-  }
-
-  return (
-    <Bookmarks
-      header={
-        <div className="flex justify-between">
-          <EditableTagName
-            tag={{ id: tag.id, name: tag.name }}
-            className="text-2xl"
-          />
-
-          <TagOptions tag={tag}>
-            <Button variant="ghost">
-              <MoreHorizontal />
-            </Button>
-          </TagOptions>
-        </div>
-      }
-      query={{ tagId: tag.id }}
-      showEditorCard={true}
-    />
-  );
-}
diff --git a/apps/web/app/dashboard/cleanups/page.tsx b/apps/web/app/dashboard/cleanups/page.tsx
deleted file mode 100644
index ca9187e..0000000
--- a/apps/web/app/dashboard/cleanups/page.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { TagDuplicationDetection } from "@/components/dashboard/cleanups/TagDuplicationDetention";
-import { Separator } from "@/components/ui/separator";
-import { Paintbrush, Tags } from "lucide-react";
-
-export default function Cleanups() {
-  return (
-    <div className="flex flex-col gap-y-4 rounded-md border bg-background p-4">
-      <span className="flex items-center gap-1 text-2xl">
-        <Paintbrush />
-        Cleanups
-      </span>
-      <Separator />
-      <span className="flex items-center gap-1 text-xl">
-        <Tags />
-        Duplicate Tags
-      </span>
-      <Separator />
-      <TagDuplicationDetection />
-    </div>
-  );
-}
diff --git a/apps/web/app/dashboard/favourites/page.tsx b/apps/web/app/dashboard/favourites/page.tsx
deleted file mode 100644
index be20bd2..0000000
--- a/apps/web/app/dashboard/favourites/page.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import Bookmarks from "@/components/dashboard/bookmarks/Bookmarks";
-
-export default async function FavouritesBookmarkPage() {
-  return (
-    <Bookmarks
-      header={
-        <div className="flex items-center justify-between">
-          <p className="text-2xl">⭐️ Favourites</p>
-        </div>
-      }
-      query={{ favourited: true }}
-      showDivider={true}
-      showEditorCard={true}
-    />
-  );
-}
diff --git a/apps/web/app/dashboard/feeds/[feedId]/page.tsx b/apps/web/app/dashboard/feeds/[feedId]/page.tsx
deleted file mode 100644
index ed5f9e4..0000000
--- a/apps/web/app/dashboard/feeds/[feedId]/page.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { notFound } from "next/navigation";
-import Bookmarks from "@/components/dashboard/bookmarks/Bookmarks";
-import { api } from "@/server/api/client";
-import { TRPCError } from "@trpc/server";
-
-export default async function FeedPage({
-  params,
-}: {
-  params: { feedId: string };
-}) {
-  let feed;
-  try {
-    feed = await api.feeds.get({ feedId: params.feedId });
-  } catch (e) {
-    if (e instanceof TRPCError) {
-      if (e.code == "NOT_FOUND") {
-        notFound();
-      }
-    }
-    throw e;
-  }
-
-  return (
-    <Bookmarks
-      query={{ rssFeedId: feed.id }}
-      showDivider={true}
-      showEditorCard={false}
-      header={<div className="text-2xl">{feed.name}</div>}
-    />
-  );
-}
diff --git a/apps/web/app/dashboard/lists/[listId]/page.tsx b/apps/web/app/dashboard/lists/[listId]/page.tsx
deleted file mode 100644
index f8c5e0b..0000000
--- a/apps/web/app/dashboard/lists/[listId]/page.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { notFound } from "next/navigation";
-import Bookmarks from "@/components/dashboard/bookmarks/Bookmarks";
-import ListHeader from "@/components/dashboard/lists/ListHeader";
-import { api } from "@/server/api/client";
-import { TRPCError } from "@trpc/server";
-
-export default async function ListPage({
-  params,
-}: {
-  params: { listId: string };
-}) {
-  let list;
-  try {
-    list = await api.lists.get({ listId: params.listId });
-  } catch (e) {
-    if (e instanceof TRPCError) {
-      if (e.code == "NOT_FOUND") {
-        notFound();
-      }
-    }
-    throw e;
-  }
-
-  return (
-    <Bookmarks
-      query={{ listId: list.id }}
-      showDivider={true}
-      showEditorCard={true}
-      header={<ListHeader initialData={list} />}
-    />
-  );
-}
diff --git a/apps/web/app/dashboard/lists/page.tsx b/apps/web/app/dashboard/lists/page.tsx
deleted file mode 100644
index 1c22ac3..0000000
--- a/apps/web/app/dashboard/lists/page.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import AllListsView from "@/components/dashboard/lists/AllListsView";
-import { Separator } from "@/components/ui/separator";
-import { api } from "@/server/api/client";
-
-export default async function ListsPage() {
-  const lists = await api.lists.list();
-
-  return (
-    <div className="flex flex-col gap-3 rounded-md border bg-background p-4">
-      <p className="text-2xl">📋 All Lists</p>
-      <Separator />
-      <AllListsView initialData={lists.lists} />
-    </div>
-  );
-}
diff --git a/apps/web/app/dashboard/preview/[bookmarkId]/page.tsx b/apps/web/app/dashboard/preview/[bookmarkId]/page.tsx
deleted file mode 100644
index 236f544..0000000
--- a/apps/web/app/dashboard/preview/[bookmarkId]/page.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { notFound } from "next/navigation";
-import BookmarkPreview from "@/components/dashboard/preview/BookmarkPreview";
-import { api } from "@/server/api/client";
-import { TRPCError } from "@trpc/server";
-
-export default async function BookmarkPreviewPage({
-  params,
-}: {
-  params: { bookmarkId: string };
-}) {
-  let bookmark;
-  try {
-    bookmark = await api.bookmarks.getBookmark({
-      bookmarkId: params.bookmarkId,
-    });
-  } catch (e) {
-    if (e instanceof TRPCError) {
-      if (e.code === "NOT_FOUND") {
-        notFound();
-      }
-    }
-    throw e;
-  }
-
-  return (
-    <div className="max-h-screen">
-      <BookmarkPreview bookmarkId={bookmark.id} initialData={bookmark} />
-    </div>
-  );
-}
diff --git a/apps/web/app/dashboard/search/page.tsx b/apps/web/app/dashboard/search/page.tsx
deleted file mode 100644
index a239550..0000000
--- a/apps/web/app/dashboard/search/page.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-"use client";
-
-import { Suspense } from "react";
-import BookmarksGrid from "@/components/dashboard/bookmarks/BookmarksGrid";
-import { FullPageSpinner } from "@/components/ui/full-page-spinner";
-import { useBookmarkSearch } from "@/lib/hooks/bookmark-search";
-
-function SearchComp() {
-  const { data } = useBookmarkSearch();
-
-  return (
-    <div className="flex flex-col gap-3">
-      {data ? (
-        <BookmarksGrid bookmarks={data.bookmarks} />
-      ) : (
-        <FullPageSpinner />
-      )}
-    </div>
-  );
-}
-
-export default function SearchPage() {
-  return (
-    <Suspense>
-      <SearchComp />
-    </Suspense>
-  );
-}
diff --git a/apps/web/app/settings/ai/page.tsx b/apps/web/app/settings/ai/page.tsx
deleted file mode 100644
index 2b3d7a8..0000000
--- a/apps/web/app/settings/ai/page.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import AISettings from "@/components/settings/AISettings";
-
-export default function AISettingsPage() {
-  return <AISettings />;
-}
diff --git a/apps/web/app/settings/feeds/page.tsx b/apps/web/app/settings/feeds/page.tsx
deleted file mode 100644
index d2d1f18..0000000
--- a/apps/web/app/settings/feeds/page.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import FeedSettings from "@/components/settings/FeedSettings";
-
-export default function FeedSettingsPage() {
-  return <FeedSettings />;
-}
diff --git a/apps/web/app/settings/import/page.tsx b/apps/web/app/settings/import/page.tsx
deleted file mode 100644
index e27aa9a..0000000
--- a/apps/web/app/settings/import/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import ImportExport from "@/components/settings/ImportExport";
-
-export default function ImportSettingsPage() {
-  return (
-    <div className="rounded-md border bg-background p-4">
-      <ImportExport />
-    </div>
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/AssetCard.tsx b/apps/web/components/dashboard/bookmarks/AssetCard.tsx
deleted file mode 100644
index 61b3bc8..0000000
--- a/apps/web/components/dashboard/bookmarks/AssetCard.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-"use client";
-
-import Image from "next/image";
-import Link from "next/link";
-
-import type { ZBookmarkTypeAsset } from "@hoarder/shared/types/bookmarks";
-import { getAssetUrl } from "@hoarder/shared-react/utils/assetUtils";
-import { getSourceUrl } from "@hoarder/shared-react/utils/bookmarkUtils";
-
-import { BookmarkLayoutAdaptingCard } from "./BookmarkLayoutAdaptingCard";
-import FooterLinkURL from "./FooterLinkURL";
-
-function AssetImage({
-  bookmark,
-  className,
-}: {
-  bookmark: ZBookmarkTypeAsset;
-  className?: string;
-}) {
-  const bookmarkedAsset = bookmark.content;
-  switch (bookmarkedAsset.assetType) {
-    case "image": {
-      return (
-        <Link href={`/dashboard/preview/${bookmark.id}`}>
-          <Image
-            alt="asset"
-            src={getAssetUrl(bookmarkedAsset.assetId)}
-            fill={true}
-            className={className}
-          />
-        </Link>
-      );
-    }
-    case "pdf": {
-      return (
-        <iframe
-          title={bookmarkedAsset.assetId}
-          className={className}
-          src={getAssetUrl(bookmarkedAsset.assetId)}
-        />
-      );
-    }
-    default: {
-      const _exhaustiveCheck: never = bookmarkedAsset.assetType;
-      return <span />;
-    }
-  }
-}
-
-export default function AssetCard({
-  bookmark: bookmarkedAsset,
-  className,
-}: {
-  bookmark: ZBookmarkTypeAsset;
-  className?: string;
-}) {
-  return (
-    <BookmarkLayoutAdaptingCard
-      title={bookmarkedAsset.title ?? bookmarkedAsset.content.fileName}
-      footer={
-        getSourceUrl(bookmarkedAsset) && (
-          <FooterLinkURL url={getSourceUrl(bookmarkedAsset)} />
-        )
-      }
-      bookmark={bookmarkedAsset}
-      className={className}
-      wrapTags={true}
-      image={(_layout, className) => (
-        <div className="relative size-full flex-1">
-          <AssetImage bookmark={bookmarkedAsset} className={className} />
-        </div>
-      )}
-    />
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/BookmarkActionBar.tsx b/apps/web/components/dashboard/bookmarks/BookmarkActionBar.tsx
deleted file mode 100644
index 299f47e..0000000
--- a/apps/web/components/dashboard/bookmarks/BookmarkActionBar.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import Link from "next/link";
-import { buttonVariants } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-import { Maximize2 } from "lucide-react";
-
-import type { ZBookmark } from "@hoarder/shared/types/bookmarks";
-
-import BookmarkOptions from "./BookmarkOptions";
-import { FavouritedActionIcon } from "./icons";
-
-export default function BookmarkActionBar({
-  bookmark,
-}: {
-  bookmark: ZBookmark;
-}) {
-  return (
-    <div className="flex text-gray-500">
-      {bookmark.favourited && (
-        <FavouritedActionIcon className="m-1 size-8 rounded p-1" favourited />
-      )}
-      <Link
-        href={`/dashboard/preview/${bookmark.id}`}
-        className={cn(buttonVariants({ variant: "ghost" }), "px-2")}
-      >
-        <Maximize2 size={16} />
-      </Link>
-      <BookmarkOptions bookmark={bookmark} />
-    </div>
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/BookmarkCard.tsx b/apps/web/components/dashboard/bookmarks/BookmarkCard.tsx
deleted file mode 100644
index ec0d406..0000000
--- a/apps/web/components/dashboard/bookmarks/BookmarkCard.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { api } from "@/lib/trpc";
-
-import { isBookmarkStillLoading } from "@hoarder/shared-react/utils/bookmarkUtils";
-import { BookmarkTypes, ZBookmark } from "@hoarder/shared/types/bookmarks";
-
-import AssetCard from "./AssetCard";
-import LinkCard from "./LinkCard";
-import TextCard from "./TextCard";
-
-export default function BookmarkCard({
-  bookmark: initialData,
-  className,
-}: {
-  bookmark: ZBookmark;
-  className?: string;
-}) {
-  const { data: bookmark } = api.bookmarks.getBookmark.useQuery(
-    {
-      bookmarkId: initialData.id,
-    },
-    {
-      initialData,
-      refetchInterval: (query) => {
-        const data = query.state.data;
-        if (!data) {
-          return false;
-        }
-        if (isBookmarkStillLoading(data)) {
-          return 1000;
-        }
-        return false;
-      },
-    },
-  );
-
-  switch (bookmark.content.type) {
-    case BookmarkTypes.LINK:
-      return (
-        <LinkCard
-          className={className}
-          bookmark={{ ...bookmark, content: bookmark.content }}
-        />
-      );
-    case BookmarkTypes.TEXT:
-      return (
-        <TextCard
-          className={className}
-          bookmark={{ ...bookmark, content: bookmark.content }}
-        />
-      );
-    case BookmarkTypes.ASSET:
-      return (
-        <AssetCard
-          className={className}
-          bookmark={{ ...bookmark, content: bookmark.content }}
-        />
-      );
-  }
-}
diff --git a/apps/web/components/dashboard/bookmarks/BookmarkLayoutAdaptingCard.tsx b/apps/web/components/dashboard/bookmarks/BookmarkLayoutAdaptingCard.tsx
deleted file mode 100644
index 1df0c19..0000000
--- a/apps/web/components/dashboard/bookmarks/BookmarkLayoutAdaptingCard.tsx
+++ /dev/null
@@ -1,253 +0,0 @@
-import type { BookmarksLayoutTypes } from "@/lib/userLocalSettings/types";
-import React, { useEffect, useState } from "react";
-import Image from "next/image";
-import Link from "next/link";
-import useBulkActionsStore from "@/lib/bulkActions";
-import {
-  bookmarkLayoutSwitch,
-  useBookmarkLayout,
-} from "@/lib/userLocalSettings/bookmarksLayout";
-import { cn } from "@/lib/utils";
-import dayjs from "dayjs";
-import { Check, Image as ImageIcon, NotebookPen } from "lucide-react";
-import { useTheme } from "next-themes";
-
-import type { ZBookmark } from "@hoarder/shared/types/bookmarks";
-import { isBookmarkStillTagging } from "@hoarder/shared-react/utils/bookmarkUtils";
-import { BookmarkTypes } from "@hoarder/shared/types/bookmarks";
-
-import BookmarkActionBar from "./BookmarkActionBar";
-import TagList from "./TagList";
-
-interface Props {
-  bookmark: ZBookmark;
-  image: (layout: BookmarksLayoutTypes, className: string) => React.ReactNode;
-  title?: React.ReactNode;
-  content?: React.ReactNode;
-  footer?: React.ReactNode;
-  className?: string;
-  fitHeight?: boolean;
-  wrapTags: boolean;
-}
-
-function BottomRow({
-  footer,
-  bookmark,
-}: {
-  footer?: React.ReactNode;
-  bookmark: ZBookmark;
-}) {
-  return (
-    <div className="justify flex w-full shrink-0 justify-between text-gray-500">
-      <div className="flex items-center gap-2 overflow-hidden text-nowrap">
-        {footer && <>{footer}•</>}
-        <Link
-          href={`/dashboard/preview/${bookmark.id}`}
-          suppressHydrationWarning
-        >
-          {dayjs(bookmark.createdAt).format("MMM DD")}
-        </Link>
-      </div>
-      <BookmarkActionBar bookmark={bookmark} />
-    </div>
-  );
-}
-
-function MultiBookmarkSelector({ bookmark }: { bookmark: ZBookmark }) {
-  const { selectedBookmarks, isBulkEditEnabled } = useBulkActionsStore();
-  const toggleBookmark = useBulkActionsStore((state) => state.toggleBookmark);
-  const [isSelected, setIsSelected] = useState(false);
-  const { theme } = useTheme();
-
-  useEffect(() => {
-    setIsSelected(selectedBookmarks.some((item) => item.id === bookmark.id));
-  }, [selectedBookmarks]);
-
-  if (!isBulkEditEnabled) return null;
-
-  const getIconColor = () => {
-    if (theme === "dark") {
-      return isSelected ? "black" : "white";
-    }
-    return isSelected ? "white" : "black";
-  };
-
-  const getIconBackgroundColor = () => {
-    if (theme === "dark") {
-      return isSelected ? "bg-white" : "bg-white bg-opacity-10";
-    }
-    return isSelected ? "bg-black" : "bg-white bg-opacity-40";
-  };
-
-  return (
-    <button
-      className={cn(
-        "absolute left-0 top-0 z-50 h-full w-full bg-opacity-0",
-        {
-          "bg-opacity-10": isSelected,
-        },
-        theme === "dark" ? "bg-white" : "bg-black",
-      )}
-      onClick={() => toggleBookmark(bookmark)}
-    >
-      <div className="absolute right-2 top-2 z-50 opacity-100">
-        <div
-          className={cn(
-            "flex h-4 w-4 items-center justify-center rounded-full border border-gray-600",
-            getIconBackgroundColor(),
-          )}
-        >
-          <Check size={12} color={getIconColor()} />
-        </div>
-      </div>
-    </button>
-  );
-}
-
-function ListView({
-  bookmark,
-  image,
-  title,
-  content,
-  footer,
-  className,
-}: Props) {
-  return (
-    <div
-      className={cn(
-        "relative flex max-h-96 gap-4 overflow-hidden rounded-lg p-2 shadow-md",
-        className,
-      )}
-    >
-      <MultiBookmarkSelector bookmark={bookmark} />
-      <div className="flex size-32 items-center justify-center overflow-hidden">
-        {image("list", "object-cover rounded-lg size-32")}
-      </div>
-      <div className="flex h-full flex-1 flex-col justify-between gap-2 overflow-hidden">
-        <div className="flex flex-col gap-2 overflow-hidden">
-          {title && (
-            <div className="line-clamp-2 flex-none shrink-0 overflow-hidden text-ellipsis break-words text-lg">
-              {title}
-            </div>
-          )}
-          {content && <div className="shrink-1 overflow-hidden">{content}</div>}
-          <div className="flex shrink-0 flex-wrap gap-1 overflow-hidden">
-            <TagList
-              bookmark={bookmark}
-              loading={isBookmarkStillTagging(bookmark)}
-            />
-          </div>
-        </div>
-        <BottomRow footer={footer} bookmark={bookmark} />
-      </div>
-    </div>
-  );
-}
-
-function GridView({
-  bookmark,
-  image,
-  title,
-  content,
-  footer,
-  className,
-  wrapTags,
-  layout,
-  fitHeight = false,
-}: Props & { layout: BookmarksLayoutTypes }) {
-  const img = image("grid", "h-56 min-h-56 w-full object-cover rounded-t-lg");
-
-  return (
-    <div
-      className={cn(
-        "relative flex flex-col overflow-hidden rounded-lg shadow-md",
-        className,
-        fitHeight && layout != "grid" ? "max-h-96" : "h-96",
-      )}
-    >
-      <MultiBookmarkSelector bookmark={bookmark} />
-      {img && <div className="h-56 w-full shrink-0 overflow-hidden">{img}</div>}
-      <div className="flex h-full flex-col justify-between gap-2 overflow-hidden p-2">
-        <div className="grow-1 flex flex-col gap-2 overflow-hidden">
-          {title && (
-            <div className="line-clamp-2 flex-none shrink-0 overflow-hidden text-ellipsis break-words text-lg">
-              {title}
-            </div>
-          )}
-          {content && <div className="shrink-1 overflow-hidden">{content}</div>}
-          <div className="flex shrink-0 flex-wrap gap-1 overflow-hidden">
-            <TagList
-              className={wrapTags ? undefined : "h-full"}
-              bookmark={bookmark}
-              loading={isBookmarkStillTagging(bookmark)}
-            />
-          </div>
-        </div>
-        <BottomRow footer={footer} bookmark={bookmark} />
-      </div>
-    </div>
-  );
-}
-
-function CompactView({ bookmark, title, footer, className }: Props) {
-  return (
-    <div
-      className={cn(
-        "relative flex flex-col overflow-hidden rounded-lg shadow-md",
-        className,
-        "max-h-96",
-      )}
-    >
-      <MultiBookmarkSelector bookmark={bookmark} />
-      <div className="flex h-full justify-between gap-2 overflow-hidden p-2">
-        <div className="flex items-center gap-2">
-          {bookmark.content.type === BookmarkTypes.LINK &&
-            bookmark.content.favicon && (
-              <Image
-                src={bookmark.content.favicon}
-                alt="favicon"
-                width={5}
-                unoptimized
-                height={5}
-                className="size-5"
-              />
-            )}
-          {bookmark.content.type === BookmarkTypes.TEXT && (
-            <NotebookPen className="size-5" />
-          )}
-          {bookmark.content.type === BookmarkTypes.ASSET && (
-            <ImageIcon className="size-5" />
-          )}
-          {
-            <div className="shrink-1 text-md line-clamp-1 overflow-hidden text-ellipsis break-words">
-              {title ?? "Untitled"}
-            </div>
-          }
-          {footer && (
-            <p className="flex shrink-0 gap-2 text-gray-500">•{footer}</p>
-          )}
-          <p className="text-gray-500">•</p>
-          <Link
-            href={`/dashboard/preview/${bookmark.id}`}
-            suppressHydrationWarning
-            className="shrink-0 gap-2 text-gray-500"
-          >
-            {dayjs(bookmark.createdAt).format("MMM DD")}
-          </Link>
-        </div>
-        <BookmarkActionBar bookmark={bookmark} />
-      </div>
-    </div>
-  );
-}
-
-export function BookmarkLayoutAdaptingCard(props: Props) {
-  const layout = useBookmarkLayout();
-
-  return bookmarkLayoutSwitch(layout, {
-    masonry: <GridView layout={layout} {...props} />,
-    grid: <GridView layout={layout} {...props} />,
-    list: <ListView {...props} />,
-    compact: <CompactView {...props} />,
-  });
-}
diff --git a/apps/web/components/dashboard/bookmarks/BookmarkOptions.tsx b/apps/web/components/dashboard/bookmarks/BookmarkOptions.tsx
deleted file mode 100644
index c09d2e5..0000000
--- a/apps/web/components/dashboard/bookmarks/BookmarkOptions.tsx
+++ /dev/null
@@ -1,245 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { useToast } from "@/components/ui/use-toast";
-import { useClientConfig } from "@/lib/clientConfig";
-import {
-  FileDown,
-  Link,
-  List,
-  ListX,
-  MoreHorizontal,
-  Pencil,
-  RotateCw,
-  Tags,
-  Trash2,
-} from "lucide-react";
-
-import type {
-  ZBookmark,
-  ZBookmarkedLink,
-} from "@hoarder/shared/types/bookmarks";
-import {
-  useDeleteBookmark,
-  useRecrawlBookmark,
-  useUpdateBookmark,
-} from "@hoarder/shared-react/hooks//bookmarks";
-import { useRemoveBookmarkFromList } from "@hoarder/shared-react/hooks//lists";
-import { useBookmarkGridContext } from "@hoarder/shared-react/hooks/bookmark-grid-context";
-import { BookmarkTypes } from "@hoarder/shared/types/bookmarks";
-
-import { BookmarkedTextEditor } from "./BookmarkedTextEditor";
-import { ArchivedActionIcon, FavouritedActionIcon } from "./icons";
-import { useManageListsModal } from "./ManageListsModal";
-import { useTagModel } from "./TagModal";
-
-export default function BookmarkOptions({ bookmark }: { bookmark: ZBookmark }) {
-  const { toast } = useToast();
-  const linkId = bookmark.id;
-
-  const demoMode = !!useClientConfig().demoMode;
-
-  const { setOpen: setTagModalIsOpen, content: tagModal } =
-    useTagModel(bookmark);
-  const { setOpen: setManageListsModalOpen, content: manageListsModal } =
-    useManageListsModal(bookmark.id);
-
-  const [isTextEditorOpen, setTextEditorOpen] = useState(false);
-
-  const { listId } = useBookmarkGridContext() ?? {};
-
-  const onError = () => {
-    toast({
-      variant: "destructive",
-      title: "Something went wrong",
-      description: "There was a problem with your request.",
-    });
-  };
-  const deleteBookmarkMutator = useDeleteBookmark({
-    onSuccess: () => {
-      toast({
-        description: "The bookmark has been deleted!",
-      });
-    },
-    onError,
-  });
-
-  const updateBookmarkMutator = useUpdateBookmark({
-    onSuccess: () => {
-      toast({
-        description: "The bookmark has been updated!",
-      });
-    },
-    onError,
-  });
-
-  const crawlBookmarkMutator = useRecrawlBookmark({
-    onSuccess: () => {
-      toast({
-        description: "Re-fetch has been enqueued!",
-      });
-    },
-    onError,
-  });
-
-  const fullPageArchiveBookmarkMutator = useRecrawlBookmark({
-    onSuccess: () => {
-      toast({
-        description: "Full Page Archive creation has been triggered",
-      });
-    },
-    onError,
-  });
-
-  const removeFromListMutator = useRemoveBookmarkFromList({
-    onSuccess: () => {
-      toast({
-        description: "The bookmark has been deleted from the list",
-      });
-    },
-    onError,
-  });
-
-  return (
-    <>
-      {tagModal}
-      {manageListsModal}
-      <BookmarkedTextEditor
-        bookmark={bookmark}
-        open={isTextEditorOpen}
-        setOpen={setTextEditorOpen}
-      />
-      <DropdownMenu>
-        <DropdownMenuTrigger asChild>
-          <Button
-            variant="ghost"
-            className="px-1 focus-visible:ring-0 focus-visible:ring-offset-0"
-          >
-            <MoreHorizontal />
-          </Button>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent className="w-fit">
-          {bookmark.content.type === BookmarkTypes.TEXT && (
-            <DropdownMenuItem onClick={() => setTextEditorOpen(true)}>
-              <Pencil className="mr-2 size-4" />
-              <span>Edit</span>
-            </DropdownMenuItem>
-          )}
-          <DropdownMenuItem
-            disabled={demoMode}
-            onClick={() =>
-              updateBookmarkMutator.mutate({
-                bookmarkId: linkId,
-                favourited: !bookmark.favourited,
-              })
-            }
-          >
-            <FavouritedActionIcon
-              className="mr-2 size-4"
-              favourited={bookmark.favourited}
-            />
-            <span>{bookmark.favourited ? "Un-favourite" : "Favourite"}</span>
-          </DropdownMenuItem>
-          <DropdownMenuItem
-            disabled={demoMode}
-            onClick={() =>
-              updateBookmarkMutator.mutate({
-                bookmarkId: linkId,
-                archived: !bookmark.archived,
-              })
-            }
-          >
-            <ArchivedActionIcon
-              className="mr-2 size-4"
-              archived={bookmark.archived}
-            />
-            <span>{bookmark.archived ? "Un-archive" : "Archive"}</span>
-          </DropdownMenuItem>
-
-          {bookmark.content.type === BookmarkTypes.LINK && (
-            <DropdownMenuItem
-              onClick={() => {
-                fullPageArchiveBookmarkMutator.mutate({
-                  bookmarkId: bookmark.id,
-                  archiveFullPage: true,
-                });
-              }}
-            >
-              <FileDown className="mr-2 size-4" />
-              <span>Download Full Page Archive</span>
-            </DropdownMenuItem>
-          )}
-
-          {bookmark.content.type === BookmarkTypes.LINK && (
-            <DropdownMenuItem
-              onClick={() => {
-                navigator.clipboard.writeText(
-                  (bookmark.content as ZBookmarkedLink).url,
-                );
-                toast({
-                  description: "Link was added to your clipboard!",
-                });
-              }}
-            >
-              <Link className="mr-2 size-4" />
-              <span>Copy Link</span>
-            </DropdownMenuItem>
-          )}
-          <DropdownMenuItem onClick={() => setTagModalIsOpen(true)}>
-            <Tags className="mr-2 size-4" />
-            <span>Edit Tags</span>
-          </DropdownMenuItem>
-
-          <DropdownMenuItem onClick={() => setManageListsModalOpen(true)}>
-            <List className="mr-2 size-4" />
-            <span>Manage Lists</span>
-          </DropdownMenuItem>
-
-          {listId && (
-            <DropdownMenuItem
-              disabled={demoMode}
-              onClick={() =>
-                removeFromListMutator.mutate({
-                  listId,
-                  bookmarkId: bookmark.id,
-                })
-              }
-            >
-              <ListX className="mr-2 size-4" />
-              <span>Remove from List</span>
-            </DropdownMenuItem>
-          )}
-
-          {bookmark.content.type === BookmarkTypes.LINK && (
-            <DropdownMenuItem
-              disabled={demoMode}
-              onClick={() =>
-                crawlBookmarkMutator.mutate({ bookmarkId: bookmark.id })
-              }
-            >
-              <RotateCw className="mr-2 size-4" />
-              <span>Refresh</span>
-            </DropdownMenuItem>
-          )}
-          <DropdownMenuItem
-            disabled={demoMode}
-            className="text-destructive"
-            onClick={() =>
-              deleteBookmarkMutator.mutate({ bookmarkId: bookmark.id })
-            }
-          >
-            <Trash2 className="mr-2 size-4" />
-            <span>Delete</span>
-          </DropdownMenuItem>
-        </DropdownMenuContent>
-      </DropdownMenu>
-    </>
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/BookmarkTagsEditor.tsx b/apps/web/components/dashboard/bookmarks/BookmarkTagsEditor.tsx
deleted file mode 100644
index d6d60d2..0000000
--- a/apps/web/components/dashboard/bookmarks/BookmarkTagsEditor.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { toast } from "@/components/ui/use-toast";
-
-import type { ZBookmark } from "@hoarder/shared/types/bookmarks";
-import { useUpdateBookmarkTags } from "@hoarder/shared-react/hooks/bookmarks";
-
-import { TagsEditor } from "./TagsEditor";
-
-export function BookmarkTagsEditor({ bookmark }: { bookmark: ZBookmark }) {
-  const { mutate } = useUpdateBookmarkTags({
-    onSuccess: () => {
-      toast({
-        description: "Tags has been updated!",
-      });
-    },
-    onError: () => {
-      toast({
-        variant: "destructive",
-        title: "Something went wrong",
-        description: "There was a problem with your request.",
-      });
-    },
-  });
-
-  return (
-    <TagsEditor
-      tags={bookmark.tags}
-      onAttach={({ tagName, tagId }) => {
-        mutate({
-          bookmarkId: bookmark.id,
-          attach: [
-            {
-              tagName,
-              tagId,
-            },
-          ],
-          detach: [],
-        });
-      }}
-      onDetach={({ tagId }) => {
-        mutate({
-          bookmarkId: bookmark.id,
-          attach: [],
-          detach: [{ tagId }],
-        });
-      }}
-    />
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/BookmarkedTextEditor.tsx b/apps/web/components/dashboard/bookmarks/BookmarkedTextEditor.tsx
deleted file mode 100644
index e043494..0000000
--- a/apps/web/components/dashboard/bookmarks/BookmarkedTextEditor.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { useState } from "react";
-import { ActionButton } from "@/components/ui/action-button";
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Textarea } from "@/components/ui/textarea";
-import { toast } from "@/components/ui/use-toast";
-
-import { useUpdateBookmarkText } from "@hoarder/shared-react/hooks/bookmarks";
-import { BookmarkTypes, ZBookmark } from "@hoarder/shared/types/bookmarks";
-
-export function BookmarkedTextEditor({
-  bookmark,
-  open,
-  setOpen,
-}: {
-  bookmark: ZBookmark;
-  open: boolean;
-  setOpen: (open: boolean) => void;
-}) {
-  const isNewBookmark = bookmark === undefined;
-  const [noteText, setNoteText] = useState(
-    bookmark && bookmark.content.type == BookmarkTypes.TEXT
-      ? bookmark.content.text
-      : "",
-  );
-
-  const { mutate: updateBookmarkMutator, isPending } = useUpdateBookmarkText({
-    onSuccess: () => {
-      toast({
-        description: "Note updated!",
-      });
-      setOpen(false);
-    },
-    onError: () => {
-      toast({ description: "Something went wrong", variant: "destructive" });
-    },
-  });
-
-  const onSave = () => {
-    updateBookmarkMutator({
-      bookmarkId: bookmark.id,
-      text: noteText,
-    });
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogContent>
-        <DialogHeader>
-          <DialogTitle>{isNewBookmark ? "New Note" : "Edit Note"}</DialogTitle>
-          <DialogDescription>
-            Write your note with markdown support
-          </DialogDescription>
-        </DialogHeader>
-        <Textarea
-          value={noteText}
-          onChange={(e) => setNoteText(e.target.value)}
-          className="h-52 grow"
-        />
-        <DialogFooter className="flex-shrink gap-1 sm:justify-end">
-          <DialogClose asChild>
-            <Button type="button" variant="secondary">
-              Close
-            </Button>
-          </DialogClose>
-          <ActionButton type="button" loading={isPending} onClick={onSave}>
-            Save
-          </ActionButton>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/Bookmarks.tsx b/apps/web/components/dashboard/bookmarks/Bookmarks.tsx
deleted file mode 100644
index 5729e84..0000000
--- a/apps/web/components/dashboard/bookmarks/Bookmarks.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { redirect } from "next/navigation";
-import { Separator } from "@/components/ui/separator";
-import { api } from "@/server/api/client";
-import { getServerAuthSession } from "@/server/auth";
-
-import type { ZGetBookmarksRequest } from "@hoarder/shared/types/bookmarks";
-
-import UpdatableBookmarksGrid from "./UpdatableBookmarksGrid";
-
-export default async function Bookmarks({
-  query,
-  header,
-  showDivider,
-  showEditorCard = false,
-}: {
-  query: ZGetBookmarksRequest;
-  header?: React.ReactNode;
-  showDivider?: boolean;
-  showEditorCard?: boolean;
-}) {
-  const session = await getServerAuthSession();
-  if (!session) {
-    redirect("/");
-  }
-
-  const bookmarks = await api.bookmarks.getBookmarks(query);
-
-  return (
-    <div className="flex flex-col gap-3">
-      {header}
-      {showDivider && <Separator />}
-      <UpdatableBookmarksGrid
-        query={query}
-        bookmarks={bookmarks}
-        showEditorCard={showEditorCard}
-      />
-    </div>
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx b/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx
deleted file mode 100644
index bb3222a..0000000
--- a/apps/web/components/dashboard/bookmarks/BookmarksGrid.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import { useEffect, useMemo } from "react";
-import { ActionButton } from "@/components/ui/action-button";
-import useBulkActionsStore from "@/lib/bulkActions";
-import {
-  bookmarkLayoutSwitch,
-  useBookmarkLayout,
-} from "@/lib/userLocalSettings/bookmarksLayout";
-import tailwindConfig from "@/tailwind.config";
-import { Slot } from "@radix-ui/react-slot";
-import { useInView } from "react-intersection-observer";
-import Masonry from "react-masonry-css";
-import resolveConfig from "tailwindcss/resolveConfig";
-
-import type { ZBookmark } from "@hoarder/shared/types/bookmarks";
-
-import BookmarkCard from "./BookmarkCard";
-import EditorCard from "./EditorCard";
-
-function StyledBookmarkCard({ children }: { children: React.ReactNode }) {
-  return (
-    <Slot className="mb-4 border border-border bg-card duration-300 ease-in hover:shadow-lg hover:transition-all">
-      {children}
-    </Slot>
-  );
-}
-
-function getBreakpointConfig() {
-  const fullConfig = resolveConfig(tailwindConfig);
-
-  const breakpointColumnsObj: { [key: number]: number; default: number } = {
-    default: 3,
-  };
-  breakpointColumnsObj[parseInt(fullConfig.theme.screens.lg)] = 2;
-  breakpointColumnsObj[parseInt(fullConfig.theme.screens.md)] = 1;
-  breakpointColumnsObj[parseInt(fullConfig.theme.screens.sm)] = 1;
-  return breakpointColumnsObj;
-}
-
-export default function BookmarksGrid({
-  bookmarks,
-  hasNextPage = false,
-  fetchNextPage = () => ({}),
-  isFetchingNextPage = false,
-  showEditorCard = false,
-}: {
-  bookmarks: ZBookmark[];
-  showEditorCard?: boolean;
-  hasNextPage?: boolean;
-  isFetchingNextPage?: boolean;
-  fetchNextPage?: () => void;
-}) {
-  const layout = useBookmarkLayout();
-  const bulkActionsStore = useBulkActionsStore();
-  const breakpointConfig = useMemo(() => getBreakpointConfig(), []);
-  const { ref: loadMoreRef, inView: loadMoreButtonInView } = useInView();
-
-  useEffect(() => {
-    bulkActionsStore.setVisibleBookmarks(bookmarks);
-    return () => {
-      bulkActionsStore.setVisibleBookmarks([]);
-    };
-  }, [bookmarks]);
-
-  useEffect(() => {
-    if (loadMoreButtonInView && hasNextPage && !isFetchingNextPage) {
-      fetchNextPage();
-    }
-  }, [loadMoreButtonInView]);
-
-  if (bookmarks.length == 0 && !showEditorCard) {
-    return <p>No bookmarks</p>;
-  }
-
-  const children = [
-    showEditorCard && (
-      <StyledBookmarkCard key={"editor"}>
-        <EditorCard />
-      </StyledBookmarkCard>
-    ),
-    ...bookmarks.map((b) => (
-      <StyledBookmarkCard key={b.id}>
-        <BookmarkCard bookmark={b} />
-      </StyledBookmarkCard>
-    )),
-  ];
-  return (
-    <>
-      {bookmarkLayoutSwitch(layout, {
-        masonry: (
-          <Masonry className="flex gap-4" breakpointCols={breakpointConfig}>
-            {children}
-          </Masonry>
-        ),
-        grid: (
-          <Masonry className="flex gap-4" breakpointCols={breakpointConfig}>
-            {children}
-          </Masonry>
-        ),
-        list: <div className="grid grid-cols-1">{children}</div>,
-        compact: <div className="grid grid-cols-1">{children}</div>,
-      })}
-      {hasNextPage && (
-        <div className="flex justify-center">
-          <ActionButton
-            ref={loadMoreRef}
-            ignoreDemoMode={true}
-            loading={isFetchingNextPage}
-            onClick={() => fetchNextPage()}
-            variant="ghost"
-          >
-            Load More
-          </ActionButton>
-        </div>
-      )}
-    </>
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/BulkManageListsModal.tsx b/apps/web/components/dashboard/bookmarks/BulkManageListsModal.tsx
deleted file mode 100644
index 9c1f05d..0000000
--- a/apps/web/components/dashboard/bookmarks/BulkManageListsModal.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import { ActionButton } from "@/components/ui/action-button";
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormMessage,
-} from "@/components/ui/form";
-import { toast } from "@/components/ui/use-toast";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useForm } from "react-hook-form";
-import { z } from "zod";
-
-import { useAddBookmarkToList } from "@hoarder/shared-react/hooks/lists";
-
-import { BookmarkListSelector } from "../lists/BookmarkListSelector";
-
-export default function BulkManageListsModal({
-  bookmarkIds,
-  open,
-  setOpen,
-}: {
-  bookmarkIds: string[];
-  open: boolean;
-  setOpen: (open: boolean) => void;
-}) {
-  const formSchema = z.object({
-    listId: z.string({
-      required_error: "Please select a list",
-    }),
-  });
-  const form = useForm<z.infer<typeof formSchema>>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      listId: undefined,
-    },
-  });
-
-  const { mutateAsync: addToList, isPending: isAddingToListPending } =
-    useAddBookmarkToList({
-      onSettled: () => {
-        form.resetField("listId");
-      },
-      onError: (e) => {
-        if (e.data?.code == "BAD_REQUEST") {
-          toast({
-            variant: "destructive",
-            description: e.message,
-          });
-        } else {
-          toast({
-            variant: "destructive",
-            title: "Something went wrong",
-          });
-        }
-      },
-    });
-
-  const onSubmit = async (value: z.infer<typeof formSchema>) => {
-    const results = await Promise.allSettled(
-      bookmarkIds.map((bookmarkId) =>
-        addToList({
-          bookmarkId,
-          listId: value.listId,
-        }),
-      ),
-    );
-
-    const successes = results.filter((r) => r.status == "fulfilled").length;
-    if (successes > 0) {
-      toast({
-        description: `${successes} bookmarks have been added to the list!`,
-      });
-    }
-
-    setOpen(false);
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogContent>
-        <Form {...form}>
-          <form
-            className="flex w-full flex-col gap-4"
-            onSubmit={form.handleSubmit(onSubmit)}
-          >
-            <DialogHeader>
-              <DialogTitle>
-                Add {bookmarkIds.length} bookmarks to List
-              </DialogTitle>
-            </DialogHeader>
-
-            <FormField
-              control={form.control}
-              name="listId"
-              render={({ field }) => {
-                return (
-                  <FormItem>
-                    <FormControl>
-                      <BookmarkListSelector
-                        value={field.value}
-                        onChange={field.onChange}
-                      />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                );
-              }}
-            />
-            <DialogFooter className="sm:justify-end">
-              <DialogClose asChild>
-                <Button type="button" variant="secondary">
-                  Close
-                </Button>
-              </DialogClose>
-              <ActionButton
-                type="submit"
-                loading={isAddingToListPending}
-                disabled={isAddingToListPending}
-              >
-                Add
-              </ActionButton>
-            </DialogFooter>
-          </form>
-        </Form>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/BulkTagModal.tsx b/apps/web/components/dashboard/bookmarks/BulkTagModal.tsx
deleted file mode 100644
index 3c8e75e..0000000
--- a/apps/web/components/dashboard/bookmarks/BulkTagModal.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { toast } from "@/components/ui/use-toast";
-
-import { useUpdateBookmarkTags } from "@hoarder/shared-react/hooks/bookmarks";
-import { api } from "@hoarder/shared-react/trpc";
-import { ZBookmark } from "@hoarder/shared/types/bookmarks";
-
-import { TagsEditor } from "./TagsEditor";
-
-export default function BulkTagModal({
-  bookmarkIds,
-  open,
-  setOpen,
-}: {
-  bookmarkIds: string[];
-  open: boolean;
-  setOpen: (open: boolean) => void;
-}) {
-  const results = api.useQueries((t) =>
-    bookmarkIds.map((id) => t.bookmarks.getBookmark({ bookmarkId: id })),
-  );
-
-  const bookmarks = results
-    .map((r) => r.data)
-    .filter((b): b is ZBookmark => !!b);
-
-  const { mutateAsync } = useUpdateBookmarkTags({
-    onError: (err) => {
-      if (err.data?.code == "BAD_REQUEST") {
-        if (err.data.zodError) {
-          toast({
-            variant: "destructive",
-            description: Object.values(err.data.zodError.fieldErrors)
-              .flat()
-              .join("\n"),
-          });
-        } else {
-          toast({
-            variant: "destructive",
-            description: err.message,
-          });
-        }
-      } else {
-        toast({
-          variant: "destructive",
-          title: "Something went wrong",
-        });
-      }
-    },
-  });
-
-  const onAttach = async (tag: { tagName: string; tagId?: string }) => {
-    const results = await Promise.allSettled(
-      bookmarkIds.map((id) =>
-        mutateAsync({
-          bookmarkId: id,
-          attach: [tag],
-          detach: [],
-        }),
-      ),
-    );
-    const successes = results.filter((r) => r.status == "fulfilled").length;
-    toast({
-      description: `Tag "${tag.tagName}" has been added to ${successes} bookmarks!`,
-    });
-  };
-
-  const onDetach = async ({
-    tagId,
-    tagName,
-  }: {
-    tagId: string;
-    tagName: string;
-  }) => {
-    const results = await Promise.allSettled(
-      bookmarkIds.map((id) =>
-        mutateAsync({
-          bookmarkId: id,
-          attach: [],
-          detach: [{ tagId }],
-        }),
-      ),
-    );
-    const successes = results.filter((r) => r.status == "fulfilled").length;
-    toast({
-      description: `Tag "${tagName}" has been removed from ${successes} bookmarks!`,
-    });
-  };
-
-  // Get all the tags that are attached to all the bookmarks
-  let tags = bookmarks
-    .flatMap((b) => b.tags)
-    .filter((tag) =>
-      bookmarks.every((b) => b.tags.some((t) => tag.id == t.id)),
-    );
-  // Filter duplicates
-  tags = tags.filter(
-    (tag, index, self) => index === self.findIndex((t) => t.id == tag.id),
-  );
-
-  return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogContent>
-        <DialogHeader>
-          <DialogTitle>Edit Tags of {bookmarks.length} Bookmarks</DialogTitle>
-        </DialogHeader>
-        <TagsEditor tags={tags} onAttach={onAttach} onDetach={onDetach} />
-        <DialogFooter className="sm:justify-end">
-          <DialogClose asChild>
-            <Button type="button" variant="secondary">
-              Close
-            </Button>
-          </DialogClose>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/EditorCard.tsx b/apps/web/components/dashboard/bookmarks/EditorCard.tsx
deleted file mode 100644
index 4d851d1..0000000
--- a/apps/web/components/dashboard/bookmarks/EditorCard.tsx
+++ /dev/null
@@ -1,279 +0,0 @@
-import type { SubmitErrorHandler, SubmitHandler } from "react-hook-form";
-import React, { useEffect, useImperativeHandle, useRef } from "react";
-import { ActionButton } from "@/components/ui/action-button";
-import { Form, FormControl, FormItem } from "@/components/ui/form";
-import InfoTooltip from "@/components/ui/info-tooltip";
-import MultipleChoiceDialog from "@/components/ui/multiple-choice-dialog";
-import { Separator } from "@/components/ui/separator";
-import { Textarea } from "@/components/ui/textarea";
-import { toast } from "@/components/ui/use-toast";
-import BookmarkAlreadyExistsToast from "@/components/utils/BookmarkAlreadyExistsToast";
-import { useClientConfig } from "@/lib/clientConfig";
-import {
-  useBookmarkLayout,
-  useBookmarkLayoutSwitch,
-} from "@/lib/userLocalSettings/bookmarksLayout";
-import { cn, getOS } from "@/lib/utils";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useForm } from "react-hook-form";
-import { z } from "zod";
-
-import { useCreateBookmarkWithPostHook } from "@hoarder/shared-react/hooks/bookmarks";
-import { BookmarkTypes } from "@hoarder/shared/types/bookmarks";
-
-import { useUploadAsset } from "../UploadDropzone";
-
-function useFocusOnKeyPress(inputRef: React.RefObject<HTMLTextAreaElement>) {
-  useEffect(() => {
-    function handleKeyPress(e: KeyboardEvent) {
-      if (!inputRef.current) {
-        return;
-      }
-      if ((e.metaKey || e.ctrlKey) && e.code === "KeyE") {
-        inputRef.current.focus();
-        e.preventDefault();
-      }
-    }
-
-    document.addEventListener("keydown", handleKeyPress);
-    return () => {
-      document.removeEventListener("keydown", handleKeyPress);
-    };
-  }, [inputRef]);
-}
-
-interface MultiUrlImportState {
-  urls: URL[];
-  text: string;
-}
-
-export default function EditorCard({ className }: { className?: string }) {
-  const inputRef = useRef<HTMLTextAreaElement>(null);
-
-  const [multiUrlImportState, setMultiUrlImportState] =
-    React.useState<MultiUrlImportState | null>(null);
-
-  const demoMode = !!useClientConfig().demoMode;
-  const bookmarkLayout = useBookmarkLayout();
-  const formSchema = z.object({
-    text: z.string(),
-  });
-  const form = useForm<z.infer<typeof formSchema>>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      text: "",
-    },
-  });
-  const { ref, ...textFieldProps } = form.register("text");
-  useImperativeHandle(ref, () => inputRef.current);
-  useFocusOnKeyPress(inputRef);
-
-  const { mutate, isPending } = useCreateBookmarkWithPostHook({
-    onSuccess: (resp) => {
-      if (resp.alreadyExists) {
-        toast({
-          description: <BookmarkAlreadyExistsToast bookmarkId={resp.id} />,
-          variant: "default",
-        });
-      }
-      form.reset();
-      // if the list layout is used, we reset the size of the editor card to the original size after submitting
-      if (bookmarkLayout === "list" && inputRef?.current?.style) {
-        inputRef.current.style.height = "auto";
-      }
-    },
-    onError: (e) => {
-      toast({ description: e.message, variant: "destructive" });
-    },
-  });
-
-  const uploadAsset = useUploadAsset();
-
-  function tryToImportUrls(text: string): void {
-    const lines = text.split("\n");
-    const urls: URL[] = [];
-    for (const line of lines) {
-      // parsing can also throw an exception, but will be caught outside
-      const url = new URL(line);
-      if (url.protocol != "http:" && url.protocol != "https:") {
-        throw new Error("Invalid URL");
-      }
-      urls.push(url);
-    }
-
-    if (urls.length === 1) {
-      // Only 1 url in the textfield --> simply import it
-      mutate({ type: BookmarkTypes.LINK, url: text });
-      return;
-    }
-    // multiple urls found --> ask the user if it should be imported as multiple URLs or as a text bookmark
-    setMultiUrlImportState({ urls, text });
-  }
-
-  const onInput = (e: React.FormEvent<HTMLTextAreaElement>) => {
-    // Expand the textarea to a max of half the screen size in the list layout only
-    if (bookmarkLayout === "list") {
-      const target = e.target as HTMLTextAreaElement;
-      const maxHeight = window.innerHeight * 0.5;
-      target.style.height = "auto";
-
-      if (target.scrollHeight <= maxHeight) {
-        target.style.height = `${target.scrollHeight}px`;
-      } else {
-        target.style.height = `${maxHeight}px`;
-      }
-    }
-  };
-
-  const onSubmit: SubmitHandler<z.infer<typeof formSchema>> = (data) => {
-    const text = data.text.trim();
-    if (!text.length) return;
-    try {
-      tryToImportUrls(text);
-    } catch (e) {
-      // Not a URL
-      mutate({ type: BookmarkTypes.TEXT, text });
-    }
-  };
-
-  const onError: SubmitErrorHandler<z.infer<typeof formSchema>> = (errors) => {
-    toast({
-      description: Object.values(errors)
-        .map((v) => v.message)
-        .join("\n"),
-      variant: "destructive",
-    });
-  };
-  const cardHeight = useBookmarkLayoutSwitch({
-    grid: "h-96",
-    masonry: "h-96",
-    list: undefined,
-    compact: undefined,
-  });
-
-  const handlePaste = async (
-    event: React.ClipboardEvent<HTMLTextAreaElement>,
-  ) => {
-    if (event?.clipboardData?.items) {
-      await Promise.all(
-        Array.from(event.clipboardData.items)
-          .filter((item) => item?.type?.startsWith("image"))
-          .map((item) => {
-            const blob = item.getAsFile();
-            if (blob) {
-              return uploadAsset(blob);
-            }
-          }),
-      );
-    }
-  };
-
-  const OS = getOS();
-
-  return (
-    <Form {...form}>
-      <form
-        className={cn(
-          className,
-          "relative flex flex-col gap-2 rounded-xl bg-card p-4",
-          cardHeight,
-        )}
-        onSubmit={form.handleSubmit(onSubmit, onError)}
-      >
-        <div className="flex justify-between">
-          <p className="text-sm">NEW ITEM</p>
-          <InfoTooltip size={15}>
-            <p className="text-center">
-              You can quickly focus on this field by pressing ⌘ + E
-            </p>
-          </InfoTooltip>
-        </div>
-        <Separator />
-        <FormItem className="flex-1">
-          <FormControl>
-            <Textarea
-              ref={inputRef}
-              disabled={isPending}
-              className={cn(
-                "h-full w-full border-none p-0 text-lg focus-visible:ring-0",
-                { "resize-none": bookmarkLayout !== "list" },
-              )}
-              placeholder={
-                "Paste a link or an image, write a note or drag and drop an image in here ..."
-              }
-              onKeyDown={(e) => {
-                if (demoMode) {
-                  return;
-                }
-                if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
-                  form.handleSubmit(onSubmit, onError)();
-                }
-              }}
-              onPaste={(e) => {
-                if (demoMode) {
-                  return;
-                }
-                handlePaste(e);
-              }}
-              onInput={onInput}
-              {...textFieldProps}
-            />
-          </FormControl>
-        </FormItem>
-        <ActionButton loading={isPending} type="submit" variant="default">
-          {form.formState.dirtyFields.text
-            ? demoMode
-              ? "Submissions are disabled"
-              : `Save (${OS === "macos" ? "⌘" : "Ctrl"} + Enter)`
-            : "Save"}
-        </ActionButton>
-
-        {multiUrlImportState && (
-          <MultipleChoiceDialog
-            open={true}
-            title={`Import URLs as separate Bookmarks?`}
-            description={`The input contains multiple URLs on separate lines. Do you want to import them as separate bookmarks?`}
-            onOpenChange={(open) => {
-              if (!open) {
-                setMultiUrlImportState(null);
-              }
-            }}
-            actionButtons={[
-              () => (
-                <ActionButton
-                  type="button"
-                  variant="secondary"
-                  loading={isPending}
-                  onClick={() => {
-                    mutate({
-                      type: BookmarkTypes.TEXT,
-                      text: multiUrlImportState.text,
-                    });
-                    setMultiUrlImportState(null);
-                  }}
-                >
-                  Import as Text Bookmark
-                </ActionButton>
-              ),
-              () => (
-                <ActionButton
-                  type="button"
-                  variant="destructive"
-                  loading={isPending}
-                  onClick={() => {
-                    multiUrlImportState.urls.forEach((url) =>
-                      mutate({ type: BookmarkTypes.LINK, url: url.toString() }),
-                    );
-                    setMultiUrlImportState(null);
-                  }}
-                >
-                  Import as separate Bookmarks
-                </ActionButton>
-              ),
-            ]}
-          ></MultipleChoiceDialog>
-        )}
-      </form>
-    </Form>
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/FooterLinkURL.tsx b/apps/web/components/dashboard/bookmarks/FooterLinkURL.tsx
deleted file mode 100644
index cc91a7e..0000000
--- a/apps/web/components/dashboard/bookmarks/FooterLinkURL.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import Link from "next/link";
-
-export default function FooterLinkURL({ url }: { url: string | null }) {
-  if (!url) {
-    return null;
-  }
-  const parsedUrl = new URL(url);
-  return (
-    <Link
-      className="line-clamp-1 hover:text-foreground"
-      href={url}
-      target="_blank"
-      rel="noreferrer"
-    >
-      {parsedUrl.host}
-    </Link>
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/LinkCard.tsx b/apps/web/components/dashboard/bookmarks/LinkCard.tsx
deleted file mode 100644
index 86eed9e..0000000
--- a/apps/web/components/dashboard/bookmarks/LinkCard.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-"use client";
-
-import Image from "next/image";
-import Link from "next/link";
-
-import type { ZBookmarkTypeLink } from "@hoarder/shared/types/bookmarks";
-import {
-  getBookmarkLinkImageUrl,
-  getSourceUrl,
-  isBookmarkStillCrawling,
-} from "@hoarder/shared-react/utils/bookmarkUtils";
-
-import { BookmarkLayoutAdaptingCard } from "./BookmarkLayoutAdaptingCard";
-import FooterLinkURL from "./FooterLinkURL";
-
-function LinkTitle({ bookmark }: { bookmark: ZBookmarkTypeLink }) {
-  const link = bookmark.content;
-  const parsedUrl = new URL(link.url);
-  return (
-    <Link href={link.url} target="_blank" rel="noreferrer">
-      {bookmark.title ?? link?.title ?? parsedUrl.host}
-    </Link>
-  );
-}
-
-function LinkImage({
-  bookmark,
-  className,
-}: {
-  bookmark: ZBookmarkTypeLink;
-  className?: string;
-}) {
-  const link = bookmark.content;
-
-  const imgComponent = (url: string, unoptimized: boolean) => (
-    <Image
-      unoptimized={unoptimized}
-      className={className}
-      alt="card banner"
-      fill={true}
-      src={url}
-    />
-  );
-
-  const imageDetails = getBookmarkLinkImageUrl(link);
-
-  let img: React.ReactNode;
-  if (isBookmarkStillCrawling(bookmark)) {
-    img = imgComponent("/blur.avif", false);
-  } else if (imageDetails) {
-    img = imgComponent(imageDetails.url, !imageDetails.localAsset);
-  } else {
-    // No image found
-    // A dummy white pixel for when there's no image.
-    img = imgComponent(
-      "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+P///38ACfsD/QVDRcoAAAAASUVORK5CYII=",
-      true,
-    );
-  }
-
-  return (
-    <Link
-      href={link.url}
-      target="_blank"
-      rel="noreferrer"
-      className={className}
-    >
-      <div className="relative size-full flex-1">{img}</div>
-    </Link>
-  );
-}
-
-export default function LinkCard({
-  bookmark: bookmarkLink,
-  className,
-}: {
-  bookmark: ZBookmarkTypeLink;
-  className?: string;
-}) {
-  return (
-    <BookmarkLayoutAdaptingCard
-      title={<LinkTitle bookmark={bookmarkLink} />}
-      footer={<FooterLinkURL url={getSourceUrl(bookmarkLink)} />}
-      bookmark={bookmarkLink}
-      wrapTags={false}
-      image={(_layout, className) => (
-        <LinkImage className={className} bookmark={bookmarkLink} />
-      )}
-      className={className}
-    />
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/ManageListsModal.tsx b/apps/web/components/dashboard/bookmarks/ManageListsModal.tsx
deleted file mode 100644
index c1a75a4..0000000
--- a/apps/web/components/dashboard/bookmarks/ManageListsModal.tsx
+++ /dev/null
@@ -1,226 +0,0 @@
-import { useState } from "react";
-import { ActionButton } from "@/components/ui/action-button";
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormMessage,
-} from "@/components/ui/form";
-import LoadingSpinner from "@/components/ui/spinner";
-import { toast } from "@/components/ui/use-toast";
-import { api } from "@/lib/trpc";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Archive, X } from "lucide-react";
-import { useForm } from "react-hook-form";
-import { z } from "zod";
-
-import {
-  useAddBookmarkToList,
-  useBookmarkLists,
-  useRemoveBookmarkFromList,
-} from "@hoarder/shared-react/hooks/lists";
-
-import { BookmarkListSelector } from "../lists/BookmarkListSelector";
-import ArchiveBookmarkButton from "./action-buttons/ArchiveBookmarkButton";
-
-export default function ManageListsModal({
-  bookmarkId,
-  open,
-  setOpen,
-}: {
-  bookmarkId: string;
-  open: boolean;
-  setOpen: (open: boolean) => void;
-}) {
-  const formSchema = z.object({
-    listId: z.string({
-      required_error: "Please select a list",
-    }),
-  });
-  const form = useForm<z.infer<typeof formSchema>>({
-    resolver: zodResolver(formSchema),
-    defaultValues: {
-      listId: undefined,
-    },
-  });
-
-  const { data: allLists, isPending: isAllListsPending } = useBookmarkLists(
-    undefined,
-    { enabled: open },
-  );
-
-  const { data: alreadyInList, isPending: isAlreadyInListPending } =
-    api.lists.getListsOfBookmark.useQuery(
-      {
-        bookmarkId,
-      },
-      { enabled: open },
-    );
-
-  const isLoading = isAllListsPending || isAlreadyInListPending;
-
-  const { mutate: addToList, isPending: isAddingToListPending } =
-    useAddBookmarkToList({
-      onSuccess: () => {
-        toast({
-          description: "List has been updated!",
-        });
-        form.resetField("listId");
-      },
-      onError: (e) => {
-        if (e.data?.code == "BAD_REQUEST") {
-          toast({
-            variant: "destructive",
-            description: e.message,
-          });
-        } else {
-          toast({
-            variant: "destructive",
-            title: "Something went wrong",
-          });
-        }
-      },
-    });
-
-  const { mutate: deleteFromList, isPending: isDeleteFromListPending } =
-    useRemoveBookmarkFromList({
-      onSuccess: () => {
-        toast({
-          description: "List has been updated!",
-        });
-        form.resetField("listId");
-      },
-      onError: (e) => {
-        if (e.data?.code == "BAD_REQUEST") {
-          toast({
-            variant: "destructive",
-            description: e.message,
-          });
-        } else {
-          toast({
-            variant: "destructive",
-            title: "Something went wrong",
-          });
-        }
-      },
-    });
-
-  return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogContent>
-        <Form {...form}>
-          <form
-            onSubmit={form.handleSubmit((value) => {
-              addToList({
-                bookmarkId: bookmarkId,
-                listId: value.listId,
-              });
-            })}
-          >
-            <DialogHeader>
-              <DialogTitle>Manage Lists</DialogTitle>
-            </DialogHeader>
-            {isLoading ? (
-              <LoadingSpinner className="my-4" />
-            ) : (
-              allLists && (
-                <ul className="flex flex-col gap-2 pb-2 pt-4">
-                  {alreadyInList?.lists.map((list) => (
-                    <li
-                      key={list.id}
-                      className="flex items-center justify-between rounded-lg border border-border bg-background px-2 py-1 text-foreground"
-                    >
-                      <p>
-                        {allLists
-                          .getPathById(list.id)!
-                          .map((l) => `${l.icon} ${l.name}`)
-                          .join(" / ")}
-                      </p>
-                      <ActionButton
-                        type="button"
-                        variant="ghost"
-                        size="sm"
-                        loading={isDeleteFromListPending}
-                        onClick={() =>
-                          deleteFromList({ bookmarkId, listId: list.id })
-                        }
-                      >
-                        <X className="size-4" />
-                      </ActionButton>
-                    </li>
-                  ))}
-                </ul>
-              )
-            )}
-
-            <div className="pb-4">
-              <FormField
-                control={form.control}
-                name="listId"
-                render={({ field }) => {
-                  return (
-                    <FormItem>
-                      <FormControl>
-                        <BookmarkListSelector
-                          value={field.value}
-                          hideBookmarkIds={alreadyInList?.lists.map(
-                            (l) => l.id,
-                          )}
-                          onChange={field.onChange}
-                        />
-                      </FormControl>
-                      <FormMessage />
-                    </FormItem>
-                  );
-                }}
-              />
-            </div>
-            <DialogFooter className="sm:justify-end">
-              <DialogClose asChild>
-                <Button type="button" variant="secondary">
-                  Close
-                </Button>
-              </DialogClose>
-              <ArchiveBookmarkButton
-                type="button"
-                bookmarkId={bookmarkId}
-                onDone={() => setOpen(false)}
-              >
-                <Archive className="mr-2 size-4" /> Archive
-              </ArchiveBookmarkButton>
-              <ActionButton
-                type="submit"
-                loading={isAddingToListPending}
-                disabled={isAddingToListPending}
-              >
-                Add
-              </ActionButton>
-            </DialogFooter>
-          </form>
-        </Form>
-      </DialogContent>
-    </Dialog>
-  );
-}
-
-export function useManageListsModal(bookmarkId: string) {
-  const [open, setOpen] = useState(false);
-
-  return {
-    open,
-    setOpen,
-    content: open && (
-      <ManageListsModal bookmarkId={bookmarkId} open={open} setOpen={setOpen} />
-    ),
-  };
-}
diff --git a/apps/web/components/dashboard/bookmarks/SummarizeBookmarkArea.tsx b/apps/web/components/dashboard/bookmarks/SummarizeBookmarkArea.tsx
deleted file mode 100644
index 5dfa316..0000000
--- a/apps/web/components/dashboard/bookmarks/SummarizeBookmarkArea.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-import React from "react";
-import { ActionButton } from "@/components/ui/action-button";
-import LoadingSpinner from "@/components/ui/spinner";
-import { toast } from "@/components/ui/use-toast";
-import { cn } from "@/lib/utils";
-import { ChevronUp, RefreshCw, Sparkles, Trash2 } from "lucide-react";
-
-import {
-  useSummarizeBookmark,
-  useUpdateBookmark,
-} from "@hoarder/shared-react/hooks/bookmarks";
-import { BookmarkTypes, ZBookmark } from "@hoarder/shared/types/bookmarks";
-
-function AISummary({
-  bookmarkId,
-  summary,
-}: {
-  bookmarkId: string;
-  summary: string;
-}) {
-  const [isExpanded, setIsExpanded] = React.useState(false);
-  const { mutate: resummarize, isPending: isResummarizing } =
-    useSummarizeBookmark({
-      onError: () => {
-        toast({
-          description: "Something went wrong",
-          variant: "destructive",
-        });
-      },
-    });
-  const { mutate: updateBookmark, isPending: isUpdatingBookmark } =
-    useUpdateBookmark({
-      onError: () => {
-        toast({
-          description: "Something went wrong",
-          variant: "destructive",
-        });
-      },
-    });
-  return (
-    <div className="w-full p-1">
-      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}
-      <div
-        className={`
-          relative overflow-hidden rounded-lg p-4
-          transition-all duration-300 ease-in-out
-          ${isExpanded ? "h-auto" : "cursor-pointer"}
-          bg-gradient-to-r from-purple-400 via-pink-500 to-red-500 p-[2px]
-        `}
-        onClick={() => !isExpanded && setIsExpanded(true)}
-      >
-        <div className="h-full rounded-lg bg-accent p-2">
-          <p
-            className={`text-sm text-gray-700 dark:text-gray-300 ${!isExpanded && "line-clamp-3"}`}
-          >
-            {summary}
-          </p>
-          {isExpanded && (
-            <span className="flex justify-end gap-2 pt-2">
-              <ActionButton
-                variant="none"
-                size="none"
-                spinner={<LoadingSpinner className="size-4" />}
-                className="rounded-full bg-gray-200 p-1 text-gray-600 dark:bg-gray-700 dark:text-gray-400"
-                aria-label={isExpanded ? "Collapse" : "Expand"}
-                loading={isResummarizing}
-                onClick={() => resummarize({ bookmarkId })}
-              >
-                <RefreshCw size={16} />
-              </ActionButton>
-              <ActionButton
-                size="none"
-                variant="none"
-                spinner={<LoadingSpinner className="size-4" />}
-                className="rounded-full bg-gray-200 p-1 text-gray-600 dark:bg-gray-700 dark:text-gray-400"
-                aria-label={isExpanded ? "Collapse" : "Expand"}
-                loading={isUpdatingBookmark}
-                onClick={() => updateBookmark({ bookmarkId, summary: null })}
-              >
-                <Trash2 size={16} />
-              </ActionButton>
-              <button
-                className="rounded-full bg-gray-200 p-1 text-gray-600 dark:bg-gray-700 dark:text-gray-400"
-                aria-label="Collapse"
-                onClick={() => setIsExpanded(false)}
-              >
-                <ChevronUp size={16} />
-              </button>
-            </span>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default function SummarizeBookmarkArea({
-  bookmark,
-}: {
-  bookmark: ZBookmark;
-}) {
-  const { mutate, isPending } = useSummarizeBookmark({
-    onError: () => {
-      toast({
-        description: "Something went wrong",
-        variant: "destructive",
-      });
-    },
-  });
-
-  if (bookmark.content.type !== BookmarkTypes.LINK) {
-    return null;
-  }
-
-  if (bookmark.summary) {
-    return <AISummary bookmarkId={bookmark.id} summary={bookmark.summary} />;
-  } else {
-    return (
-      <div className="flex w-full items-center gap-4">
-        <ActionButton
-          onClick={() => mutate({ bookmarkId: bookmark.id })}
-          className={cn(
-            `relative w-full overflow-hidden bg-opacity-30 bg-gradient-to-r from-blue-400 via-purple-500 to-pink-500 transition-all duration-300`,
-            isPending ? "text-transparent" : "text-gray-50",
-          )}
-          loading={isPending}
-        >
-          {isPending && (
-            <div className="absolute inset-0 flex items-center justify-center">
-              <div className="h-full w-full bg-gradient-to-r from-blue-400 via-purple-500 to-pink-500"></div>
-              <LoadingSpinner className="absolute h-5 w-5 text-white" />
-            </div>
-          )}
-          <span className="relative z-10 flex items-center gap-1.5">
-            Summarize with AI
-            <Sparkles className="size-4" />
-          </span>
-        </ActionButton>
-      </div>
-    );
-  }
-}
diff --git a/apps/web/components/dashboard/bookmarks/TagList.tsx b/apps/web/components/dashboard/bookmarks/TagList.tsx
deleted file mode 100644
index ccf3bf0..0000000
--- a/apps/web/components/dashboard/bookmarks/TagList.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import Link from "next/link";
-import { badgeVariants } from "@/components/ui/badge";
-import { Skeleton } from "@/components/ui/skeleton";
-import { cn } from "@/lib/utils";
-
-import type { ZBookmark } from "@hoarder/shared/types/bookmarks";
-
-export default function TagList({
-  bookmark,
-  loading,
-  className,
-}: {
-  bookmark: ZBookmark;
-  loading?: boolean;
-  className?: string;
-}) {
-  if (loading) {
-    return (
-      <div className="flex w-full flex-col justify-end space-y-2 p-2">
-        <Skeleton className="h-4 w-full" />
-        <Skeleton className="h-4 w-full" />
-      </div>
-    );
-  }
-  return (
-    <>
-      {bookmark.tags.map((t) => (
-        <div key={t.id} className={className}>
-          <Link
-            key={t.id}
-            className={cn(
-              badgeVariants({ variant: "outline" }),
-              "text-nowrap font-normal hover:bg-foreground hover:text-secondary",
-            )}
-            href={`/dashboard/tags/${t.id}`}
-          >
-            {t.name}
-          </Link>
-        </div>
-      ))}
-    </>
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/TagModal.tsx b/apps/web/components/dashboard/bookmarks/TagModal.tsx
deleted file mode 100644
index c2f081b..0000000
--- a/apps/web/components/dashboard/bookmarks/TagModal.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { useState } from "react";
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-
-import type { ZBookmark } from "@hoarder/shared/types/bookmarks";
-
-import { BookmarkTagsEditor } from "./BookmarkTagsEditor";
-
-export default function TagModal({
-  bookmark,
-  open,
-  setOpen,
-}: {
-  bookmark: ZBookmark;
-  open: boolean;
-  setOpen: (open: boolean) => void;
-}) {
-  return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogContent>
-        <DialogHeader>
-          <DialogTitle>Edit Tags</DialogTitle>
-        </DialogHeader>
-        <BookmarkTagsEditor bookmark={bookmark} />
-        <DialogFooter className="sm:justify-end">
-          <DialogClose asChild>
-            <Button type="button" variant="secondary">
-              Close
-            </Button>
-          </DialogClose>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}
-
-export function useTagModel(bookmark: ZBookmark) {
-  const [open, setOpen] = useState(false);
-
-  return {
-    open,
-    setOpen,
-    content: (
-      <TagModal
-        key={bookmark.id}
-        bookmark={bookmark}
-        open={open}
-        setOpen={setOpen}
-      />
-    ),
-  };
-}
diff --git a/apps/web/components/dashboard/bookmarks/TagsEditor.tsx b/apps/web/components/dashboard/bookmarks/TagsEditor.tsx
deleted file mode 100644
index 8db9322..0000000
--- a/apps/web/components/dashboard/bookmarks/TagsEditor.tsx
+++ /dev/null
@@ -1,191 +0,0 @@
-import type { ActionMeta } from "react-select";
-import { useState } from "react";
-import { useClientConfig } from "@/lib/clientConfig";
-import { api } from "@/lib/trpc";
-import { cn } from "@/lib/utils";
-import { Sparkles } from "lucide-react";
-import CreateableSelect from "react-select/creatable";
-
-import type {
-  ZAttachedByEnum,
-  ZBookmarkTags,
-} from "@hoarder/shared/types/tags";
-
-interface EditableTag {
-  attachedBy: ZAttachedByEnum;
-  value?: string;
-  label: string;
-}
-
-export function TagsEditor({
-  tags: _tags,
-  onAttach,
-  onDetach,
-}: {
-  tags: ZBookmarkTags[];
-  onAttach: (tag: { tagName: string; tagId?: string }) => void;
-  onDetach: (tag: { tagName: string; tagId: string }) => void;
-}) {
-  const demoMode = !!useClientConfig().demoMode;
-
-  const [optimisticTags, setOptimisticTags] = useState<ZBookmarkTags[]>(_tags);
-
-  const { data: existingTags, isLoading: isExistingTagsLoading } =
-    api.tags.list.useQuery();
-
-  existingTags?.tags.sort((a, b) => a.name.localeCompare(b.name));
-
-  const onChange = (
-    _option: readonly EditableTag[],
-    actionMeta: ActionMeta<EditableTag>,
-  ) => {
-    switch (actionMeta.action) {
-      case "pop-value":
-      case "remove-value": {
-        if (actionMeta.removedValue.value) {
-          setOptimisticTags((prev) =>
-            prev.filter((t) => t.id != actionMeta.removedValue.value),
-          );
-          onDetach({
-            tagId: actionMeta.removedValue.value,
-            tagName: actionMeta.removedValue.label,
-          });
-        }
-        break;
-      }
-      case "create-option": {
-        setOptimisticTags((prev) => [
-          ...prev,
-          {
-            id: "",
-            name: actionMeta.option.label,
-            attachedBy: "human" as const,
-          },
-        ]);
-        onAttach({ tagName: actionMeta.option.label });
-        break;
-      }
-      case "select-option": {
-        if (actionMeta.option) {
-          setOptimisticTags((prev) => [
-            ...prev,
-            {
-              id: actionMeta.option?.value ?? "",
-              name: actionMeta.option!.label,
-              attachedBy: "human" as const,
-            },
-          ]);
-          onAttach({
-            tagName: actionMeta.option.label,
-            tagId: actionMeta.option?.value,
-          });
-        }
-        break;
-      }
-    }
-  };
-
-  return (
-    <CreateableSelect
-      isDisabled={demoMode}
-      onChange={onChange}
-      options={
-        existingTags?.tags.map((t) => ({
-          label: t.name,
-          value: t.id,
-          attachedBy: "human" as const,
-        })) ?? []
-      }
-      value={optimisticTags.map((t) => ({
-        label: t.name,
-        value: t.id,
-        attachedBy: t.attachedBy,
-      }))}
-      isMulti
-      closeMenuOnSelect={false}
-      isClearable={false}
-      isLoading={isExistingTagsLoading}
-      theme={(theme) => ({
-        ...theme,
-        // This color scheme doesn't support disabled options.
-        colors: {
-          ...theme.colors,
-          primary: "hsl(var(--accent))",
-          primary50: "hsl(var(--accent))",
-          primary75: "hsl(var(--accent))",
-          primary25: "hsl(var(--accent))",
-        },
-      })}
-      styles={{
-        multiValueRemove: () => ({
-          backgroundColor: "transparent",
-        }),
-        valueContainer: (styles) => ({
-          ...styles,
-          padding: "0.5rem",
-          maxHeight: "14rem",
-          overflowY: "auto",
-          scrollbarWidth: "thin",
-        }),
-        container: (styles) => ({
-          ...styles,
-          width: "100%",
-        }),
-        control: (styles) => ({
-          ...styles,
-          overflow: "hidden",
-          backgroundColor: "hsl(var(--background))",
-          borderColor: "hsl(var(--border))",
-          ":hover": {
-            borderColor: "hsl(var(--border))",
-          },
-        }),
-        input: (styles) => ({
-          ...styles,
-          color: "rgb(156 163 175)",
-        }),
-        menu: (styles) => ({
-          ...styles,
-          overflow: "hidden",
-          color: "rgb(156 163 175)",
-        }),
-        placeholder: (styles) => ({
-          ...styles,
-          color: "hsl(var(--muted-foreground))",
-        }),
-      }}
-      components={{
-        MultiValueContainer: ({ children, data }) => (
-          <div
-            className={cn(
-              "flex min-h-8 space-x-1 rounded px-2",
-              (data as { attachedBy: string }).attachedBy == "ai"
-                ? "bg-gradient-to-tr from-purple-500 to-purple-400 text-white"
-                : "bg-accent",
-            )}
-          >
-            {children}
-          </div>
-        ),
-        MultiValueLabel: ({ children, data }) => (
-          <div className="m-auto flex gap-2">
-            {(data as { attachedBy: string }).attachedBy == "ai" && (
-              <Sparkles className="m-auto size-4" />
-            )}
-            {children}
-          </div>
-        ),
-        DropdownIndicator: () => <span />,
-        IndicatorSeparator: () => <span />,
-      }}
-      classNames={{
-        multiValueRemove: () => "my-auto",
-        valueContainer: () => "gap-2 bg-background text-sm",
-        menu: () => "dark:text-gray-300",
-        menuList: () => "bg-background text-sm",
-        option: () => "text-red-500",
-        input: () => "dark:text-gray-300",
-      }}
-    />
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/TextCard.tsx b/apps/web/components/dashboard/bookmarks/TextCard.tsx
deleted file mode 100644
index 14a4f90..0000000
--- a/apps/web/components/dashboard/bookmarks/TextCard.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-"use client";
-
-import Image from "next/image";
-import Link from "next/link";
-import { MarkdownComponent } from "@/components/ui/markdown-component";
-import { bookmarkLayoutSwitch } from "@/lib/userLocalSettings/bookmarksLayout";
-import { cn } from "@/lib/utils";
-
-import type { ZBookmarkTypeText } from "@hoarder/shared/types/bookmarks";
-import { getAssetUrl } from "@hoarder/shared-react/utils/assetUtils";
-import { getSourceUrl } from "@hoarder/shared-react/utils/bookmarkUtils";
-
-import { BookmarkLayoutAdaptingCard } from "./BookmarkLayoutAdaptingCard";
-import FooterLinkURL from "./FooterLinkURL";
-
-export default function TextCard({
-  bookmark,
-  className,
-}: {
-  bookmark: ZBookmarkTypeText;
-  className?: string;
-}) {
-  const bookmarkedText = bookmark.content;
-
-  const banner = bookmark.assets.find((a) => a.assetType == "bannerImage");
-
-  return (
-    <>
-      <BookmarkLayoutAdaptingCard
-        title={bookmark.title}
-        content={<MarkdownComponent>{bookmarkedText.text}</MarkdownComponent>}
-        footer={
-          getSourceUrl(bookmark) && (
-            <FooterLinkURL url={getSourceUrl(bookmark)} />
-          )
-        }
-        wrapTags={true}
-        bookmark={bookmark}
-        className={className}
-        fitHeight={true}
-        image={(layout, className) =>
-          bookmarkLayoutSwitch(layout, {
-            grid: null,
-            masonry: null,
-            compact: null,
-            list: banner ? (
-              <div className="relative size-full flex-1">
-                <Link href={`/dashboard/preview/${bookmark.id}`}>
-                  <Image
-                    alt="card banner"
-                    fill={true}
-                    className={cn("flex-1", className)}
-                    src={getAssetUrl(banner.id)}
-                  />
-                </Link>
-              </div>
-            ) : (
-              <div
-                className={cn(
-                  "flex size-full items-center justify-center bg-accent text-center",
-                  className,
-                )}
-              >
-                Note
-              </div>
-            ),
-          })
-        }
-      />
-    </>
-  );
-}
diff --git a/apps/web/components/dashboard/bookmarks/action-buttons/ArchiveBookmarkButton.tsx b/apps/web/components/dashboard/bookmarks/action-buttons/ArchiveBookmarkButton.tsx
deleted file mode 100644
index 671c9bb..0000000
--- a/apps/web/components/dashboard/bookmarks/action-buttons/ArchiveBookmarkButton.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import React from "react";
-import { ActionButton, ActionButtonProps } from "@/components/ui/action-button";
-import { toast } from "@/components/ui/use-toast";
-import { api } from "@/lib/trpc";
-
-import { useUpdateBookmark } from "@hoarder/shared-react/hooks/bookmarks";
-
-interface ArchiveBookmarkButtonProps
-  extends Omit<ActionButtonProps, "loading" | "disabled"> {
-  bookmarkId: string;
-  onDone?: () => void;
-}
-
-const ArchiveBookmarkButton = React.forwardRef<
-  HTMLButtonElement,
-  ArchiveBookmarkButtonProps
->(({ bookmarkId, onDone, ...props }, ref) => {
-  const { data } = api.bookmarks.getBookmark.useQuery({ bookmarkId });
-
-  const { mutate: updateBookmark, isPending: isArchivingBookmark } =
-    useUpdateBookmark({
-      onSuccess: () => {
-        toast({
-          description: "Bookmark has been archived!",
-        });
-        onDone?.();
-      },
-      onError: (e) => {
-        if (e.data?.code == "BAD_REQUEST") {
-          toast({
-            variant: "destructive",
-            description: e.message,
-          });
-        } else {
-          toast({
-            variant: "destructive",
-            title: "Something went wrong",
-          });
-        }
-      },
-    });
-
-  if (!data) {
-    return <span />;
-  }
-
-  return (
-    <ActionButton
-      ref={ref}
-      loading={isArchivingBookmark}
-      disabled={data.archived}
-      onClick={() =>
-        updateBookmark({
-          bookmarkId,
-          archived: !data.archived,
-        })
-      }
-      {...props}
-    />
-  );
-});
-
-ArchiveBookmarkButton.displayName = "ArchiveBookmarkButton";
-export default ArchiveBookmarkButton;
diff --git a/apps/web/components/dashboard/bookmarks/icons.tsx b/apps/web/components/dashboard/bookmarks/icons.tsx
deleted file mode 100644
index 04e3ff3..0000000
--- a/apps/web/components/dashboard/bookmarks/icons.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Archive, ArchiveRestore, Star } from "lucide-react";
-
-export function FavouritedActionIcon({
-  favourited,
-  className,
-  size,
-}: {
-  favourited: boolean;
-  className?: string;
-  size?: number;
-}) {
-  return favourited ? (
-    <Star size={size} className={className} color="#ebb434" fill="#ebb434" />
-  ) : (
-    <Star size={size} className={className} />
-  );
-}
-
-export function ArchivedActionIcon({
-  archived,
-  className,
-  size,
-}: {
-  archived: boolean;
-  className?: string;
-  size?: number;
-}) {
-  return archived ? (
-    <ArchiveRestore size={size} className={className} />
-  ) : (
-    <Archive size={size} className={className} />
-  );
-}
diff --git a/apps/web/components/dashboard/cleanups/TagDuplicationDetention.tsx b/apps/web/components/dashboard/cleanups/TagDuplicationDetention.tsx
deleted file mode 100644
index f5139fb..0000000
--- a/apps/web/components/dashboard/cleanups/TagDuplicationDetention.tsx
+++ /dev/null
@@ -1,280 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import Link from "next/link";
-import { ActionButton } from "@/components/ui/action-button";
-import ActionConfirmingDialog from "@/components/ui/action-confirming-dialog";
-import { badgeVariants } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible";
-import LoadingSpinner from "@/components/ui/spinner";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table";
-import { toast } from "@/components/ui/use-toast";
-import { api } from "@/lib/trpc";
-import { cn } from "@/lib/utils";
-import { distance } from "fastest-levenshtein";
-import { Check, Combine, X } from "lucide-react";
-
-import { useMergeTag } from "@lifetracker/shared-react/hooks/tags";
-
-interface Suggestion {
-  mergeIntoId: string;
-  tags: { id: string; name: string }[];
-}
-
-function normalizeTag(tag: string) {
-  return tag.toLocaleLowerCase().replace(/[ -_]/g, "");
-}
-
-const useSuggestions = () => {
-  const [suggestions, setSuggestions] = useState<Suggestion[]>([]);
-
-  function updateMergeInto(suggestion: Suggestion, newMergeIntoId: string) {
-    setSuggestions((prev) =>
-      prev.map((s) =>
-        s === suggestion ? { ...s, mergeIntoId: newMergeIntoId } : s,
-      ),
-    );
-  }
-
-  function deleteSuggestion(suggestion: Suggestion) {
-    setSuggestions((prev) => prev.filter((s) => s !== suggestion));
-  }
-
-  return { suggestions, updateMergeInto, deleteSuggestion, setSuggestions };
-};
-
-function ApplyAllButton({ suggestions }: { suggestions: Suggestion[] }) {
-  const [applying, setApplying] = useState(false);
-  const { mutateAsync } = useMergeTag({
-    onError: (e) => {
-      toast({
-        description: e.message,
-        variant: "destructive",
-      });
-    },
-  });
-
-  const applyAll = async (setDialogOpen: (open: boolean) => void) => {
-    const promises = suggestions.map((suggestion) =>
-      mutateAsync({
-        intoTagId: suggestion.mergeIntoId,
-        fromTagIds: suggestion.tags
-          .filter((t) => t.id != suggestion.mergeIntoId)
-          .map((t) => t.id),
-      }),
-    );
-    setApplying(true);
-    await Promise.all(promises)
-      .then(() => {
-        toast({
-          description: "All suggestions has been applied!",
-        });
-      })
-      .catch(() => ({}))
-      .finally(() => {
-        setApplying(false);
-        setDialogOpen(false);
-      });
-  };
-
-  return (
-    <ActionConfirmingDialog
-      title="Merge all suggestions?"
-      description={`Are you sure you want to apply all ${suggestions.length} suggestions?`}
-      actionButton={(setDialogOpen) => (
-        <ActionButton
-          loading={applying}
-          variant="destructive"
-          onClick={() => applyAll(setDialogOpen)}
-        >
-          <Check className="mr-2 size-4" />
-          Apply All
-        </ActionButton>
-      )}
-    >
-      <Button variant="destructive">
-        <Check className="mr-2 size-4" />
-        Apply All
-      </Button>
-    </ActionConfirmingDialog>
-  );
-}
-
-function SuggestionRow({
-  suggestion,
-  updateMergeInto,
-  deleteSuggestion,
-}: {
-  suggestion: Suggestion;
-  updateMergeInto: (suggestion: Suggestion, newMergeIntoId: string) => void;
-  deleteSuggestion: (suggestion: Suggestion) => void;
-}) {
-  const { mutate, isPending } = useMergeTag({
-    onSuccess: () => {
-      toast({
-        description: "Tags have been merged!",
-      });
-    },
-    onError: (e) => {
-      toast({
-        description: e.message,
-        variant: "destructive",
-      });
-    },
-  });
-  return (
-    <TableRow key={suggestion.mergeIntoId}>
-      <TableCell className="flex flex-wrap gap-1">
-        {suggestion.tags.map((tag, idx) => {
-          const selected = suggestion.mergeIntoId == tag.id;
-          return (
-            <div key={idx} className="group relative">
-              <Link
-                href={`/dashboard/tags/${tag.id}`}
-                className={cn(
-                  badgeVariants({ variant: "outline" }),
-                  "text-sm",
-                  selected
-                    ? "border border-blue-500 dark:border-blue-900"
-                    : null,
-                )}
-              >
-                {tag.name}
-              </Link>
-              <Button
-                size="none"
-                className={cn(
-                  "-translate-1/2 absolute -right-1.5 -top-1.5 rounded-full p-0.5",
-                  selected ? null : "hidden group-hover:block",
-                )}
-                onClick={() => updateMergeInto(suggestion, tag.id)}
-              >
-                <Check className="size-3" />
-              </Button>
-            </div>
-          );
-        })}
-      </TableCell>
-      <TableCell className="space-x-1 space-y-1 text-center">
-        <ActionButton
-          loading={isPending}
-          onClick={() =>
-            mutate({
-              intoTagId: suggestion.mergeIntoId,
-              fromTagIds: suggestion.tags
-                .filter((t) => t.id != suggestion.mergeIntoId)
-                .map((t) => t.id),
-            })
-          }
-        >
-          <Combine className="mr-2 size-4" />
-          Merge
-        </ActionButton>
-
-        <Button
-          variant={"secondary"}
-          onClick={() => deleteSuggestion(suggestion)}
-        >
-          <X className="mr-2 size-4" />
-          Ignore
-        </Button>
-      </TableCell>
-    </TableRow>
-  );
-}
-
-export function TagDuplicationDetection() {
-  const [expanded, setExpanded] = useState(false);
-  let { data: allTags } = api.tags.list.useQuery(undefined, {
-    refetchOnWindowFocus: false,
-  });
-
-  const { suggestions, updateMergeInto, setSuggestions, deleteSuggestion } =
-    useSuggestions();
-
-  useEffect(() => {
-    allTags = allTags ?? { tags: [] };
-    const sortedTags = allTags.tags.sort((a, b) =>
-      normalizeTag(a.name).localeCompare(normalizeTag(b.name)),
-    );
-
-    const initialSuggestions: Suggestion[] = [];
-    for (let i = 0; i < sortedTags.length; i++) {
-      const currentName = normalizeTag(sortedTags[i].name);
-      const suggestion = [sortedTags[i]];
-      for (let j = i + 1; j < sortedTags.length; j++) {
-        const nextName = normalizeTag(sortedTags[j].name);
-        if (distance(currentName, nextName) <= 1) {
-          suggestion.push(sortedTags[j]);
-        } else {
-          break;
-        }
-      }
-      if (suggestion.length > 1) {
-        initialSuggestions.push({
-          mergeIntoId: suggestion[0].id,
-          tags: suggestion,
-        });
-        i += suggestion.length - 1;
-      }
-    }
-    setSuggestions(initialSuggestions);
-  }, [allTags]);
-
-  if (!allTags) {
-    return <LoadingSpinner />;
-  }
-
-  return (
-    <Collapsible open={expanded} onOpenChange={setExpanded}>
-      You have {suggestions.length} suggestions for tag merging.
-      {suggestions.length > 0 && (
-        <CollapsibleTrigger asChild>
-          <Button variant="link" size="sm">
-            {expanded ? "Hide All" : "Show All"}
-          </Button>
-        </CollapsibleTrigger>
-      )}
-      <CollapsibleContent>
-        <p className="text-sm italic text-muted-foreground">
-          For every suggestion, select the tag that you want to keep and other
-          tags will be merged into it.
-        </p>
-        {suggestions.length > 0 && (
-          <Table>
-            <TableHeader>
-              <TableRow>
-                <TableHead>Tags</TableHead>
-                <TableHead className="text-center">
-                  <ApplyAllButton suggestions={suggestions} />
-                </TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {suggestions.map((suggestion) => (
-                <SuggestionRow
-                  key={suggestion.mergeIntoId}
-                  suggestion={suggestion}
-                  updateMergeInto={updateMergeInto}
-                  deleteSuggestion={deleteSuggestion}
-                />
-              ))}
-            </TableBody>
-          </Table>
-        )}
-      </CollapsibleContent>
-    </Collapsible>
-  );
-}
diff --git a/apps/web/components/dashboard/header/Header.tsx b/apps/web/components/dashboard/header/Header.tsx
index e254a2e..786bc87 100644
--- a/apps/web/components/dashboard/header/Header.tsx
+++ b/apps/web/components/dashboard/header/Header.tsx
@@ -2,7 +2,6 @@ import Link from "next/link";
 import { redirect } from "next/navigation";
 import GlobalActions from "@/components/dashboard/GlobalActions";
 import ProfileOptions from "@/components/dashboard/header/ProfileOptions";
-import { SearchInput } from "@/components/dashboard/search/SearchInput";
 import HoarderLogo from "@/components/HoarderIcon";
 import { getServerAuthSession } from "@/server/auth";
 
@@ -20,7 +19,6 @@ export default async function Header() {
         </Link>
       </div>
       <div className="flex flex-1 gap-2">
-        <SearchInput className="min-w-40 bg-muted" />
         <GlobalActions />
       </div>
       <div className="flex items-center">
diff --git a/apps/web/components/dashboard/hours/EditableHour.tsx b/apps/web/components/dashboard/hours/EditableHour.tsx
index 14d103a..3329632 100644
--- a/apps/web/components/dashboard/hours/EditableHour.tsx
+++ b/apps/web/components/dashboard/hours/EditableHour.tsx
@@ -100,7 +100,7 @@ export default function EditableHour({
     const tzOffset = spacetime().offset() / 60;
 
 
-    const localDateTime = (h) => {
+    const localDateTime = (h: ZHour): string => {
         return spacetime(h.date).add(h.time + tzOffset, "hour").format('{hour} {ampm}');
     }
     hour.datetime = localDateTime(hour);
@@ -111,14 +111,6 @@ export default function EditableHour({
         // console.log(hour.categoryDesc);
     }, [hour]);
 
-
-    function isActiveHour(hour: ZHour) {
-        const now = new TZDate();
-        const isCurrentHour = ((now.getHours() - localDateTime.hour()) == 0);
-        const isToday = (localDateTime.format("iso-short") == format(now, "yyyy-MM-dd"));
-        return isToday && isCurrentHour;
-    }
-
     function reload(newHour: ZHour) {
         setHour(newHour);
     }
@@ -130,7 +122,8 @@ export default function EditableHour({
             )}
             style={{
                 background: hour.background!, color: hour.foreground!, fontFamily: "inherit",
-                gridTemplateColumns: window.innerWidth > 640 ? "50px 100px 3fr 2fr" : "50px 100px 1fr", // Known issue: This won't work if the screen is resized, only on reload
+                // gridTemplateColumns: window.innerWidth > 640 ? "50px 100px 3fr 2fr" : "50px 100px 1fr", // Known issue: This won't work if the screen is resized, only on reload
+                gridTemplateColumns: "50px 100px 3fr 2fr"
             }}
         >
             <span className="text-right hover:cursor-default">
@@ -154,7 +147,7 @@ export default function EditableHour({
                     i={i}
                 />
             </div>
-            <span className="hidden sm:block">
+            <span className="block">
                 {hour.categoryCode != undefined ?
                     <EditableHourComment
                         originalText={hour.comment ?? hour.categoryName}
@@ -164,7 +157,7 @@ export default function EditableHour({
                     />
                     : ""}
             </span>
-            <span className="block sm:hidden">
+            <span className="hidden">
                 <div className="w-full text-left edit-hour-comment"
                     style={{
                         background: hour.background ?? "inherit", color: hour.foreground ?? "inherit", fontFamily: "inherit",
@@ -172,7 +165,7 @@ export default function EditableHour({
                     {hour.categoryName}
                 </div>
             </span>
-            <div className="hidden sm:flex items-center justify-end">
+            <div className="flex items-center justify-end">
 
                 {hour.categoryCode != undefined ?
 
diff --git a/apps/web/components/dashboard/preview/ActionBar.tsx b/apps/web/components/dashboard/preview/ActionBar.tsx
deleted file mode 100644
index 3505d0a..0000000
--- a/apps/web/components/dashboard/preview/ActionBar.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import { useRouter } from "next/navigation";
-import { ActionButton } from "@/components/ui/action-button";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { toast } from "@/components/ui/use-toast";
-import { Trash2 } from "lucide-react";
-
-import type { ZBookmark } from "@hoarder/shared/types/bookmarks";
-import {
-  useDeleteBookmark,
-  useUpdateBookmark,
-} from "@hoarder/shared-react/hooks/bookmarks";
-
-import { ArchivedActionIcon, FavouritedActionIcon } from "../bookmarks/icons";
-
-export default function ActionBar({ bookmark }: { bookmark: ZBookmark }) {
-  const router = useRouter();
-  const onError = () => {
-    toast({
-      variant: "destructive",
-      title: "Something went wrong",
-      description: "There was a problem with your request.",
-    });
-  };
-  const { mutate: favBookmark, isPending: pendingFav } = useUpdateBookmark({
-    onSuccess: () => {
-      toast({
-        description: "The bookmark has been updated!",
-      });
-    },
-    onError,
-  });
-  const { mutate: archiveBookmark, isPending: pendingArchive } =
-    useUpdateBookmark({
-      onSuccess: (resp) => {
-        toast({
-          description: `The bookmark has been ${resp.archived ? "Archived" : "Un-archived"}!`,
-        });
-      },
-      onError,
-    });
-  const { mutate: deleteBookmark, isPending: pendingDeletion } =
-    useDeleteBookmark({
-      onSuccess: () => {
-        toast({
-          description: "The bookmark has been deleted!",
-        });
-        router.back();
-      },
-      onError,
-    });
-
-  return (
-    <div className="flex items-center justify-center gap-3">
-      <Tooltip delayDuration={0}>
-        <TooltipTrigger asChild>
-          <ActionButton
-            variant="none"
-            className="size-14 rounded-full bg-background"
-            loading={pendingFav}
-            onClick={() => {
-              favBookmark({
-                bookmarkId: bookmark.id,
-                favourited: !bookmark.favourited,
-              });
-            }}
-          >
-            <FavouritedActionIcon favourited={bookmark.favourited} />
-          </ActionButton>
-        </TooltipTrigger>
-        <TooltipContent side="bottom">
-          {bookmark.favourited ? "Un-favourite" : "Favourite"}
-        </TooltipContent>
-      </Tooltip>
-      <Tooltip delayDuration={0}>
-        <TooltipTrigger asChild>
-          <ActionButton
-            variant="none"
-            loading={pendingArchive}
-            className="size-14 rounded-full bg-background"
-            onClick={() => {
-              archiveBookmark({
-                bookmarkId: bookmark.id,
-                archived: !bookmark.archived,
-              });
-            }}
-          >
-            <ArchivedActionIcon archived={bookmark.archived} />
-          </ActionButton>
-        </TooltipTrigger>
-        <TooltipContent side="bottom">
-          {bookmark.archived ? "Un-archive" : "Archive"}
-        </TooltipContent>
-      </Tooltip>
-      <Tooltip delayDuration={0}>
-        <TooltipTrigger asChild>
-          <ActionButton
-            loading={pendingDeletion}
-            className="size-14 rounded-full bg-background"
-            variant="none"
-            onClick={() => {
-              deleteBookmark({ bookmarkId: bookmark.id });
-            }}
-          >
-            <Trash2 />
-          </ActionButton>
-        </TooltipTrigger>
-        <TooltipContent side="bottom">Delete</TooltipContent>
-      </Tooltip>
-    </div>
-  );
-}
diff --git a/apps/web/components/dashboard/preview/AssetContentSection.tsx b/apps/web/components/dashboard/preview/AssetContentSection.tsx
deleted file mode 100644
index 03ab8a4..0000000
--- a/apps/web/components/dashboard/preview/AssetContentSection.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import Image from "next/image";
-import Link from "next/link";
-
-import { BookmarkTypes, ZBookmark } from "@hoarder/shared/types/bookmarks";
-
-export function AssetContentSection({ bookmark }: { bookmark: ZBookmark }) {
-  if (bookmark.content.type != BookmarkTypes.ASSET) {
-    throw new Error("Invalid content type");
-  }
-
-  switch (bookmark.content.assetType) {
-    case "image": {
-      return (
-        <div className="relative h-full min-w-full">
-          <Link
-            href={`/api/assets/${bookmark.content.assetId}`}
-            target="_blank"
-          >
-            <Image
-              alt="asset"
-              fill={true}
-              className="object-contain"
-              src={`/api/assets/${bookmark.content.assetId}`}
-            />
-          </Link>
-        </div>
-      );
-    }
-    case "pdf": {
-      return (
-        <iframe
-          title={bookmark.content.assetId}
-          className="h-full w-full"
-          src={`/api/assets/${bookmark.content.assetId}`}
-        />
-      );
-    }
-    default: {
-      return <div>Unsupported asset type</div>;
-    }
-  }
-}
diff --git a/apps/web/components/dashboard/preview/AttachmentBox.tsx b/apps/web/components/dashboard/preview/AttachmentBox.tsx
deleted file mode 100644
index d631f4d..0000000
--- a/apps/web/components/dashboard/preview/AttachmentBox.tsx
+++ /dev/null
@@ -1,219 +0,0 @@
-import Link from "next/link";
-import { ActionButton } from "@/components/ui/action-button";
-import ActionConfirmingDialog from "@/components/ui/action-confirming-dialog";
-import { Button } from "@/components/ui/button";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible";
-import FilePickerButton from "@/components/ui/file-picker-button";
-import { toast } from "@/components/ui/use-toast";
-import useUpload from "@/lib/hooks/upload-file";
-import {
-  Archive,
-  Camera,
-  ChevronsDownUp,
-  Download,
-  Image,
-  Paperclip,
-  Pencil,
-  Plus,
-  Trash2,
-  Video,
-} from "lucide-react";
-
-import {
-  useAttachBookmarkAsset,
-  useDetachBookmarkAsset,
-  useReplaceBookmarkAsset,
-} from "@hoarder/shared-react/hooks/bookmarks";
-import { getAssetUrl } from "@hoarder/shared-react/utils/assetUtils";
-import {
-  BookmarkTypes,
-  ZAssetType,
-  ZBookmark,
-} from "@hoarder/shared/types/bookmarks";
-import {
-  humanFriendlyNameForAssertType,
-  isAllowedToAttachAsset,
-  isAllowedToDetachAsset,
-} from "@hoarder/trpc/lib/attachments";
-
-export default function AttachmentBox({ bookmark }: { bookmark: ZBookmark }) {
-  const typeToIcon: Record<ZAssetType, React.ReactNode> = {
-    screenshot: <Camera className="size-4" />,
-    fullPageArchive: <Archive className="size-4" />,
-    bannerImage: <Image className="size-4" />,
-    video: <Video className="size-4" />,
-    bookmarkAsset: <Paperclip className="size-4" />,
-    unknown: <Paperclip className="size-4" />,
-  };
-
-  const { mutate: attachAsset, isPending: isAttaching } =
-    useAttachBookmarkAsset({
-      onSuccess: () => {
-        toast({
-          description: "Attachment has been attached!",
-        });
-      },
-      onError: (e) => {
-        toast({
-          description: e.message,
-          variant: "destructive",
-        });
-      },
-    });
-
-  const { mutate: replaceAsset, isPending: isReplacing } =
-    useReplaceBookmarkAsset({
-      onSuccess: () => {
-        toast({
-          description: "Attachment has been replaced!",
-        });
-      },
-      onError: (e) => {
-        toast({
-          description: e.message,
-          variant: "destructive",
-        });
-      },
-    });
-
-  const { mutate: detachAsset, isPending: isDetaching } =
-    useDetachBookmarkAsset({
-      onSuccess: () => {
-        toast({
-          description: "Attachment has been detached!",
-        });
-      },
-      onError: (e) => {
-        toast({
-          description: e.message,
-          variant: "destructive",
-        });
-      },
-    });
-
-  const { mutate: uploadAsset } = useUpload({
-    onError: (e) => {
-      toast({
-        description: e.error,
-        variant: "destructive",
-      });
-    },
-  });
-
-  bookmark.assets.sort((a, b) => a.assetType.localeCompare(b.assetType));
-
-  return (
-    <Collapsible>
-      <CollapsibleTrigger className="flex w-full items-center justify-between gap-2 text-sm text-gray-400">
-        Attachments
-        <ChevronsDownUp className="size-4" />
-      </CollapsibleTrigger>
-      <CollapsibleContent className="flex flex-col gap-1 py-2 text-sm">
-        {bookmark.assets.map((asset) => (
-          <div key={asset.id} className="flex items-center justify-between">
-            <Link
-              target="_blank"
-              href={getAssetUrl(asset.id)}
-              className="flex items-center gap-1"
-            >
-              {typeToIcon[asset.assetType]}
-              <p>{humanFriendlyNameForAssertType(asset.assetType)}</p>
-            </Link>
-            <div className="flex gap-2">
-              <Link
-                title="Download"
-                target="_blank"
-                href={getAssetUrl(asset.id)}
-                className="flex items-center gap-1"
-                download={humanFriendlyNameForAssertType(asset.assetType)}
-              >
-                <Download className="size-4" />
-              </Link>
-              {isAllowedToAttachAsset(asset.assetType) && (
-                <FilePickerButton
-                  title="Replace"
-                  loading={isReplacing}
-                  accept=".jgp,.JPG,.jpeg,.png,.webp"
-                  multiple={false}
-                  variant="none"
-                  size="none"
-                  className="flex items-center gap-2"
-                  onFileSelect={(file) =>
-                    uploadAsset(file, {
-                      onSuccess: (resp) => {
-                        replaceAsset({
-                          bookmarkId: bookmark.id,
-                          oldAssetId: asset.id,
-                          newAssetId: resp.assetId,
-                        });
-                      },
-                    })
-                  }
-                >
-                  <Pencil className="size-4" />
-                </FilePickerButton>
-              )}
-              {isAllowedToDetachAsset(asset.assetType) && (
-                <ActionConfirmingDialog
-                  title="Delete Attachment?"
-                  description={`Are you sure you want to delete the attachment of the bookmark?`}
-                  actionButton={(setDialogOpen) => (
-                    <ActionButton
-                      loading={isDetaching}
-                      variant="destructive"
-                      onClick={() =>
-                        detachAsset(
-                          { bookmarkId: bookmark.id, assetId: asset.id },
-                          { onSettled: () => setDialogOpen(false) },
-                        )
-                      }
-                    >
-                      <Trash2 className="mr-2 size-4" />
-                      Delete
-                    </ActionButton>
-                  )}
-                >
-                  <Button variant="none" size="none" title="Delete">
-                    <Trash2 className="size-4" />
-                  </Button>
-                </ActionConfirmingDialog>
-              )}
-            </div>
-          </div>
-        ))}
-        {!bookmark.assets.some((asset) => asset.assetType == "bannerImage") &&
-          bookmark.content.type != BookmarkTypes.ASSET && (
-            <FilePickerButton
-              title="Attach a Banner"
-              loading={isAttaching}
-              accept=".jgp,.JPG,.jpeg,.png,.webp"
-              multiple={false}
-              variant="ghost"
-              size="none"
-              className="flex w-full items-center justify-center gap-2"
-              onFileSelect={(file) =>
-                uploadAsset(file, {
-                  onSuccess: (resp) => {
-                    attachAsset({
-                      bookmarkId: bookmark.id,
-                      asset: {
-                        id: resp.assetId,
-                        assetType: "bannerImage",
-                      },
-                    });
-                  },
-                })
-              }
-            >
-              <Plus className="size-4" />
-              Attach a Banner
-            </FilePickerButton>
-          )}
-      </CollapsibleContent>
-    </Collapsible>
-  );
-}
diff --git a/apps/web/components/dashboard/preview/BookmarkPreview.tsx b/apps/web/components/dashboard/preview/BookmarkPreview.tsx
deleted file mode 100644
index e37c4b8..0000000
--- a/apps/web/components/dashboard/preview/BookmarkPreview.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import Link from "next/link";
-import { BookmarkTagsEditor } from "@/components/dashboard/bookmarks/BookmarkTagsEditor";
-import { FullPageSpinner } from "@/components/ui/full-page-spinner";
-import { Separator } from "@/components/ui/separator";
-import { Skeleton } from "@/components/ui/skeleton";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipPortal,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { api } from "@/lib/trpc";
-import dayjs from "dayjs";
-import relativeTime from "dayjs/plugin/relativeTime";
-import { CalendarDays, ExternalLink } from "lucide-react";
-
-import {
-  getSourceUrl,
-  isBookmarkStillCrawling,
-  isBookmarkStillLoading,
-} from "@hoarder/shared-react/utils/bookmarkUtils";
-import { BookmarkTypes, ZBookmark } from "@hoarder/shared/types/bookmarks";
-
-import SummarizeBookmarkArea from "../bookmarks/SummarizeBookmarkArea";
-import ActionBar from "./ActionBar";
-import { AssetContentSection } from "./AssetContentSection";
-import AttachmentBox from "./AttachmentBox";
-import { EditableTitle } from "./EditableTitle";
-import LinkContentSection from "./LinkContentSection";
-import { NoteEditor } from "./NoteEditor";
-import { TextContentSection } from "./TextContentSection";
-
-dayjs.extend(relativeTime);
-
-function ContentLoading() {
-  return (
-    <div className="flex w-full flex-col gap-2">
-      <Skeleton className="h-4" />
-      <Skeleton className="h-4" />
-      <Skeleton className="h-4" />
-    </div>
-  );
-}
-
-function CreationTime({ createdAt }: { createdAt: Date }) {
-  const [fromNow, setFromNow] = useState("");
-  const [localCreatedAt, setLocalCreatedAt] = useState("");
-
-  // This is to avoid hydration errors when server and clients are in different timezones
-  useEffect(() => {
-    setFromNow(dayjs(createdAt).fromNow());
-    setLocalCreatedAt(createdAt.toLocaleString());
-  }, [createdAt]);
-  return (
-    <Tooltip delayDuration={0}>
-      <TooltipTrigger asChild>
-        <span className="flex w-fit gap-2">
-          <CalendarDays /> {fromNow}
-        </span>
-      </TooltipTrigger>
-      <TooltipPortal>
-        <TooltipContent>{localCreatedAt}</TooltipContent>
-      </TooltipPortal>
-    </Tooltip>
-  );
-}
-
-export default function BookmarkPreview({
-  bookmarkId,
-  initialData,
-}: {
-  bookmarkId: string;
-  initialData?: ZBookmark;
-}) {
-  const { data: bookmark } = api.bookmarks.getBookmark.useQuery(
-    {
-      bookmarkId,
-    },
-    {
-      initialData,
-      refetchInterval: (query) => {
-        const data = query.state.data;
-        if (!data) {
-          return false;
-        }
-        // If the link is not crawled or not tagged
-        if (isBookmarkStillLoading(data)) {
-          return 1000;
-        }
-        return false;
-      },
-    },
-  );
-
-  if (!bookmark) {
-    return <FullPageSpinner />;
-  }
-
-  let content;
-  switch (bookmark.content.type) {
-    case BookmarkTypes.LINK: {
-      content = <LinkContentSection bookmark={bookmark} />;
-      break;
-    }
-    case BookmarkTypes.TEXT: {
-      content = <TextContentSection bookmark={bookmark} />;
-      break;
-    }
-    case BookmarkTypes.ASSET: {
-      content = <AssetContentSection bookmark={bookmark} />;
-      break;
-    }
-  }
-
-  const sourceUrl = getSourceUrl(bookmark);
-
-  return (
-    <div className="grid h-full grid-rows-3 gap-2 overflow-hidden bg-background lg:grid-cols-3 lg:grid-rows-none">
-      <div className="row-span-2 h-full w-full overflow-auto p-2 md:col-span-2 lg:row-auto">
-        {isBookmarkStillCrawling(bookmark) ? <ContentLoading /> : content}
-      </div>
-      <div className="lg:col-span1 row-span-1 flex flex-col gap-4 overflow-auto bg-accent p-4 lg:row-auto">
-        <div className="flex w-full flex-col items-center justify-center gap-y-2">
-          <EditableTitle bookmark={bookmark} />
-          {sourceUrl && (
-            <Link
-              href={sourceUrl}
-              className="flex items-center gap-2 text-gray-400"
-            >
-              <span>View Original</span>
-              <ExternalLink />
-            </Link>
-          )}
-          <Separator />
-        </div>
-
-        <CreationTime createdAt={bookmark.createdAt} />
-        <SummarizeBookmarkArea bookmark={bookmark} />
-        <div className="flex items-center gap-4">
-          <p className="text-sm text-gray-400">Tags</p>
-          <BookmarkTagsEditor bookmark={bookmark} />
-        </div>
-        <div className="flex gap-4">
-          <p className="pt-2 text-sm text-gray-400">Note</p>
-          <NoteEditor bookmark={bookmark} />
-        </div>
-        <AttachmentBox bookmark={bookmark} />
-        <ActionBar bookmark={bookmark} />
-      </div>
-    </div>
-  );
-}
diff --git a/apps/web/components/dashboard/preview/EditableTitle.tsx b/apps/web/components/dashboard/preview/EditableTitle.tsx
deleted file mode 100644
index 03b95e7..0000000
--- a/apps/web/components/dashboard/preview/EditableTitle.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { toast } from "@/components/ui/use-toast";
-
-import { useUpdateBookmark } from "@hoarder/shared-react/hooks/bookmarks";
-import { BookmarkTypes, ZBookmark } from "@hoarder/shared/types/bookmarks";
-
-import { EditableText } from "../EditableText";
-
-export function EditableTitle({ bookmark }: { bookmark: ZBookmark }) {
-  const { mutate: updateBookmark, isPending } = useUpdateBookmark({
-    onSuccess: () => {
-      toast({
-        description: "Title updated!",
-      });
-    },
-  });
-
-  let title: string | null = null;
-  switch (bookmark.content.type) {
-    case BookmarkTypes.LINK:
-      title = bookmark.content.title ?? bookmark.content.url;
-      break;
-    case BookmarkTypes.TEXT:
-      title = null;
-      break;
-    case BookmarkTypes.ASSET:
-      title = bookmark.content.fileName ?? null;
-      break;
-  }
-
-  title = bookmark.title ?? title;
-  if (title == "") {
-    title = null;
-  }
-
-  return (
-    <EditableText
-      originalText={title}
-      editClassName="p-2 text-lg break-all"
-      viewClassName="break-words line-clamp-2 text-lg text-ellipsis"
-      untitledClassName="text-lg italic text-gray-600"
-      onSave={(newTitle) => {
-        updateBookmark(
-          {
-            bookmarkId: bookmark.id,
-            title: newTitle,
-          },
-          {
-            onError: () => {
-              toast({
-                description: "Something went wrong",
-                variant: "destructive",
-              });
-            },
-          },
-        );
-      }}
-      isSaving={isPending}
-    />
-  );
-}
diff --git a/apps/web/components/dashboard/preview/LinkContentSection.tsx b/apps/web/components/dashboard/preview/LinkContentSection.tsx
deleted file mode 100644
index bf0d8f9..0000000
--- a/apps/web/components/dashboard/preview/LinkContentSection.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-import { useState } from "react";
-import Image from "next/image";
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { ScrollArea } from "@radix-ui/react-scroll-area";
-
-import {
-  BookmarkTypes,
-  ZBookmark,
-  ZBookmarkedLink,
-} from "@hoarder/shared/types/bookmarks";
-
-function FullPageArchiveSection({ link }: { link: ZBookmarkedLink }) {
-  return (
-    <iframe
-      title={link.url}
-      src={`/api/assets/${link.fullPageArchiveAssetId}`}
-      className="relative h-full min-w-full"
-    />
-  );
-}
-
-function ScreenshotSection({ link }: { link: ZBookmarkedLink }) {
-  return (
-    <div className="relative h-full min-w-full">
-      <Image
-        alt="screenshot"
-        src={`/api/assets/${link.screenshotAssetId}`}
-        width={0}
-        height={0}
-        sizes="100vw"
-        style={{ width: "100%", height: "auto" }}
-      />
-    </div>
-  );
-}
-
-function CachedContentSection({ link }: { link: ZBookmarkedLink }) {
-  let content;
-  if (!link.htmlContent) {
-    content = (
-      <div className="text-destructive">Failed to fetch link content ...</div>
-    );
-  } else {
-    content = (
-      <div
-        dangerouslySetInnerHTML={{
-          __html: link.htmlContent || "",
-        }}
-        className="prose mx-auto dark:prose-invert"
-      />
-    );
-  }
-  return <ScrollArea className="h-full">{content}</ScrollArea>;
-}
-
-function VideoSection({ link }: { link: ZBookmarkedLink }) {
-  return (
-    <div className="relative h-full w-full overflow-hidden">
-      <div className="absolute inset-0 h-full w-full">
-        {/* eslint-disable-next-line jsx-a11y/media-has-caption -- captions not (yet) available */}
-        <video className="m-auto max-h-full max-w-full" controls>
-          <source src={`/api/assets/${link.videoAssetId}`} />
-          Not supported by your browser
-        </video>
-      </div>
-    </div>
-  );
-}
-
-export default function LinkContentSection({
-  bookmark,
-}: {
-  bookmark: ZBookmark;
-}) {
-  const [section, setSection] = useState<string>("cached");
-
-  if (bookmark.content.type != BookmarkTypes.LINK) {
-    throw new Error("Invalid content type");
-  }
-
-  let content;
-  if (section === "cached") {
-    content = <CachedContentSection link={bookmark.content} />;
-  } else if (section === "archive") {
-    content = <FullPageArchiveSection link={bookmark.content} />;
-  } else if (section === "video") {
-    content = <VideoSection link={bookmark.content} />;
-  } else {
-    content = <ScreenshotSection link={bookmark.content} />;
-  }
-
-  return (
-    <div className="flex h-full flex-col items-center gap-2">
-      <Select onValueChange={setSection} value={section}>
-        <SelectTrigger className="w-fit">
-          <SelectValue />
-        </SelectTrigger>
-        <SelectContent>
-          <SelectGroup>
-            <SelectItem value="cached">Cached Content</SelectItem>
-            <SelectItem
-              value="screenshot"
-              disabled={!bookmark.content.screenshotAssetId}
-            >
-              Screenshot
-            </SelectItem>
-            <SelectItem
-              value="archive"
-              disabled={!bookmark.content.fullPageArchiveAssetId}
-            >
-              Archive
-            </SelectItem>
-            <SelectItem value="video" disabled={!bookmark.content.videoAssetId}>
-              Video
-            </SelectItem>
-          </SelectGroup>
-        </SelectContent>
-      </Select>
-      {content}
-    </div>
-  );
-}
diff --git a/apps/web/components/dashboard/preview/NoteEditor.tsx b/apps/web/components/dashboard/preview/NoteEditor.tsx
deleted file mode 100644
index 67da40c..0000000
--- a/apps/web/components/dashboard/preview/NoteEditor.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Textarea } from "@/components/ui/textarea";
-import { toast } from "@/components/ui/use-toast";
-import { useClientConfig } from "@/lib/clientConfig";
-
-import type { ZBookmark } from "@hoarder/shared/types/bookmarks";
-import { useUpdateBookmark } from "@hoarder/shared-react/hooks/bookmarks";
-
-export function NoteEditor({ bookmark }: { bookmark: ZBookmark }) {
-  const demoMode = !!useClientConfig().demoMode;
-
-  const updateBookmarkMutator = useUpdateBookmark({
-    onSuccess: () => {
-      toast({
-        description: "The bookmark has been updated!",
-      });
-    },
-    onError: () => {
-      toast({
-        description: "Something went wrong while saving the note",
-        variant: "destructive",
-      });
-    },
-  });
-
-  return (
-    <Textarea
-      className="h-44 w-full overflow-auto rounded bg-background p-2 text-sm text-gray-400 dark:text-gray-300"
-      defaultValue={bookmark.note ?? ""}
-      disabled={demoMode}
-      placeholder="Write some notes ..."
-      onBlur={(e) => {
-        if (e.currentTarget.value == bookmark.note) {
-          return;
-        }
-        updateBookmarkMutator.mutate({
-          bookmarkId: bookmark.id,
-          note: e.currentTarget.value,
-        });
-      }}
-    />
-  );
-}
diff --git a/apps/web/components/dashboard/preview/TextContentSection.tsx b/apps/web/components/dashboard/preview/TextContentSection.tsx
deleted file mode 100644
index 327436c..0000000
--- a/apps/web/components/dashboard/preview/TextContentSection.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import Image from "next/image";
-import { MarkdownComponent } from "@/components/ui/markdown-component";
-import { ScrollArea } from "@radix-ui/react-scroll-area";
-
-import { getAssetUrl } from "@hoarder/shared-react/utils/assetUtils";
-import { BookmarkTypes, ZBookmark } from "@hoarder/shared/types/bookmarks";
-
-export function TextContentSection({ bookmark }: { bookmark: ZBookmark }) {
-  if (bookmark.content.type != BookmarkTypes.TEXT) {
-    throw new Error("Invalid content type");
-  }
-  const banner = bookmark.assets.find(
-    (asset) => asset.assetType == "bannerImage",
-  );
-
-  return (
-    <ScrollArea className="h-full">
-      {banner && (
-        <div className="relative h-52 min-w-full">
-          <Image
-            alt="banner"
-            src={getAssetUrl(banner.id)}
-            width={0}
-            height={0}
-            layout="fill"
-            objectFit="cover"
-          />
-        </div>
-      )}
-      <MarkdownComponent>{bookmark.content.text}</MarkdownComponent>
-    </ScrollArea>
-  );
-}
diff --git a/apps/web/components/dashboard/search/SearchInput.tsx b/apps/web/components/dashboard/search/SearchInput.tsx
deleted file mode 100644
index a7caf44..0000000
--- a/apps/web/components/dashboard/search/SearchInput.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-"use client";
-
-import React, { useEffect, useImperativeHandle, useRef } from "react";
-import { Input } from "@/components/ui/input";
-import { useDoBookmarkSearch } from "@/lib/hooks/bookmark-search";
-
-function useFocusSearchOnKeyPress(
-  inputRef: React.RefObject<HTMLInputElement>,
-  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void,
-) {
-  useEffect(() => {
-    function handleKeyPress(e: KeyboardEvent) {
-      if (!inputRef.current) {
-        return;
-      }
-      if ((e.metaKey || e.ctrlKey) && e.code === "KeyK") {
-        e.preventDefault();
-        inputRef.current.focus();
-        // Move the cursor to the end of the input field, so you can continue typing
-        const length = inputRef.current.value.length;
-        inputRef.current.setSelectionRange(length, length);
-      }
-      if (
-        e.code === "Escape" &&
-        e.target == inputRef.current &&
-        inputRef.current.value !== ""
-      ) {
-        e.preventDefault();
-        inputRef.current.blur();
-        inputRef.current.value = "";
-        onChange({
-          target: inputRef.current,
-        } as React.ChangeEvent<HTMLInputElement>);
-      }
-    }
-
-    document.addEventListener("keydown", handleKeyPress);
-    return () => {
-      document.removeEventListener("keydown", handleKeyPress);
-    };
-  }, [inputRef, onChange]);
-}
-
-const SearchInput = React.forwardRef<
-  HTMLInputElement,
-  React.HTMLAttributes<HTMLInputElement> & { loading?: boolean }
->(({ className, ...props }, ref) => {
-  const { debounceSearch, searchQuery, isInSearchPage } = useDoBookmarkSearch();
-
-  const [value, setValue] = React.useState(searchQuery);
-
-  const inputRef = useRef<HTMLInputElement>(null);
-  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setValue(e.target.value);
-    debounceSearch(e.target.value);
-  };
-
-  useFocusSearchOnKeyPress(inputRef, onChange);
-  useImperativeHandle(ref, () => inputRef.current!);
-
-  useEffect(() => {
-    if (!isInSearchPage) {
-      setValue("");
-    }
-  }, [isInSearchPage]);
-
-  return (
-    <Input
-      ref={inputRef}
-      value={value}
-      onChange={onChange}
-      placeholder="Search"
-      className={className}
-      {...props}
-    />
-  );
-});
-SearchInput.displayName = "SearchInput";
-
-export { SearchInput };
diff --git a/apps/web/package.json b/apps/web/package.json
index 7548e13..b8c24b6 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -55,7 +55,7 @@
     "dayjs": "^1.11.10",
     "drizzle-orm": "^0.33.0",
     "fastest-levenshtein": "^1.0.16",
-    "lucide-react": "^0.330.0",
+    "lucide-react": "latest",
     "next": "latest",
     "next-auth": "^4.24.5",
     "next-pwa": "^5.6.0",
diff --git a/apps/web/public/sw.js b/apps/web/public/sw.js
new file mode 100644
index 0000000..79db2c4
--- /dev/null
+++ b/apps/web/public/sw.js
@@ -0,0 +1 @@
+if(!self.define){let e,n={};const s=(s,i)=>(s=new URL(s+".js",i).href,n[s]||new Promise((n=>{if("document"in self){const e=document.createElement("script");e.src=s,e.onload=n,document.head.appendChild(e)}else e=s,importScripts(s),n()})).then((()=>{let e=n[s];if(!e)throw new Error(`Module ${s} didn’t register its module`);return e})));self.define=(i,a)=>{const t=e||("document"in self?document.currentScript.src:"")||location.href;if(n[t])return;let u={};const c=e=>s(e,t),r={module:{uri:t},exports:u,require:c};n[t]=Promise.all(i.map((e=>r[e]||c(e)))).then((e=>(a(...e),u)))}}define(["./workbox-01fd22c6"],(function(e){"use strict";importScripts(),self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"/_next/app-build-manifest.json",revision:"c896ae2ce4746ae29a6b3d44a1adceb4"},{url:"/_next/static/84EuupUp4qnK5mnuiJSM9/_buildManifest.js",revision:"bc3a3ea1418035231ef7dcc4ae31f2c4"},{url:"/_next/static/84EuupUp4qnK5mnuiJSM9/_ssgManifest.js",revision:"b6652df95db52feb4daf4eca35380933"},{url:"/_next/static/chunks/112-3896b4c5da37081c.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/334-4ca845535978c25d.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/355-b0484ef7ed7587c8.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/420-cb296f2c2540d988.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/48a55697-54a0f084edc64f80.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/539-63eddf60729cee5e.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/565-56de9415c62a0cfe.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/583-309b90b740372f43.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/690-952c36bbd581db34.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/720-9e109c5fe4289e60.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/736-61fc5fbdd2a567cc.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/765-b914e2ac5bdcd4cd.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/809-397aae2b09bda43a.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/83-1a7a82417443604f.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/842-0af3c92c1a39e786.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/862-9b0948f6a492b473.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/874-7df68caed845efb2.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/897-5c5363d71f2f382f.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/927-fb97569bd0507f8d.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/928-5f3808421ddaae7e.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/967-41c22e48b2661482.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/_not-found/page-2d78ffdb77fb1ad6.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/api/auth/%5B...nextauth%5D/route-b3664948804b7054.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/api/health/route-d14806ae7c285863.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/api/trpc/%5Btrpc%5D/route-fd871f1925786e6f.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/dashboard/admin/page-2ce806163f6d83a5.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/dashboard/categories/page-ce27fc06f9abf43f.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/dashboard/day/%5BdateQuery%5D/page-f3488ed64f807575.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/dashboard/day/page-5613ccd12b77f645.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/dashboard/error-77f90c1e2feed4cc.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/dashboard/layout-90288bfcb970a981.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/dashboard/metrics/page-378015bb5d09efbe.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/dashboard/not-found-755c9a89a09dbd60.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/dashboard/timeline/page-2b248bb40496aae5.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/layout-78145d633f9c99a9.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/page-fdcd3a32be380da8.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/settings/api-keys/page-c73d1d47d662570c.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/settings/app/page-9ff790b0a73293f2.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/settings/colors/page-34ac6cedde57ddef.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/settings/info/page-dc8c7ea0dbc6deb1.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/settings/layout-3f0bd1d48f01c925.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/settings/page-3e2b10bce2f21f3b.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/app/signin/page-62d6c882c309f850.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/framework-9adb083686e94c4e.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/main-58b7665c8e4fd83f.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/main-app-7e2bff1688ff4191.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/pages/_app-7486b486666c0829.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/pages/_error-dd760f50b13086bf.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/chunks/polyfills-42372ed130431b0a.js",revision:"846118c33b2c0e922d7b3a7676f81f6f"},{url:"/_next/static/chunks/webpack-ae2a795241142997.js",revision:"84EuupUp4qnK5mnuiJSM9"},{url:"/_next/static/css/c5ccd7e138025fa2.css",revision:"c5ccd7e138025fa2"},{url:"/_next/static/media/26a46d62cd723877-s.woff2",revision:"befd9c0fdfa3d8a645d5f95717ed6420"},{url:"/_next/static/media/55c55f0601d81cf3-s.woff2",revision:"43828e14271c77b87e3ed582dbff9f74"},{url:"/_next/static/media/581909926a08bbc8-s.woff2",revision:"f0b86e7c24f455280b8df606b89af891"},{url:"/_next/static/media/6d93bde91c0c2823-s.woff2",revision:"621a07228c8ccbfd647918f1021b4868"},{url:"/_next/static/media/97e0cb1ae144a2a9-s.woff2",revision:"e360c61c5bd8d90639fd4503c829c2dc"},{url:"/_next/static/media/a34f9d1faa5f3315-s.p.woff2",revision:"d4fe31e6a2aebc06b8d6e558c9141119"},{url:"/_next/static/media/df0a9ae256c0569c-s.woff2",revision:"d54db44de5ccb18886ece2fda72bdfe0"},{url:"/blur.avif",revision:"39fa4c532f5f840a29197d53a4e72fe1"},{url:"/icons/logo-128.png",revision:"547f30628d92a5cafdc1d8713cf995bc"},{url:"/icons/logo-16.png",revision:"bb2bd28d2a3e8df4abc71818d0185a5e"},{url:"/icons/logo-48.png",revision:"7a2e7ee8e48d2b20fa9974530d4cac5d"},{url:"/icons/logo-full.svg",revision:"a9d0c720d0ca4aa295a1c3e28b61f224"},{url:"/icons/logo-icon.svg",revision:"ca869c6318fde3ff221aa33b283221eb"},{url:"/icons/logo-text.svg",revision:"4a3938661457c886f109541646e6ac58"},{url:"/manifest.json",revision:"8063bef3057655e31117b32add245dbd"}],{ignoreURLParametersMatching:[]}),e.cleanupOutdatedCaches(),e.registerRoute("/",new e.NetworkFirst({cacheName:"start-url",plugins:[{cacheWillUpdate:async({request:e,response:n,event:s,state:i})=>n&&"opaqueredirect"===n.type?new Response(n.body,{status:200,statusText:"OK",headers:n.headers}):n}]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:gstatic)\.com\/.*/i,new e.CacheFirst({cacheName:"google-fonts-webfonts",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:31536e3})]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:googleapis)\.com\/.*/i,new e.StaleWhileRevalidate({cacheName:"google-fonts-stylesheets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:eot|otf|ttc|ttf|woff|woff2|font.css)$/i,new e.StaleWhileRevalidate({cacheName:"static-font-assets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i,new e.StaleWhileRevalidate({cacheName:"static-image-assets",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/image\?url=.+$/i,new e.StaleWhileRevalidate({cacheName:"next-image",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp3|wav|ogg)$/i,new e.CacheFirst({cacheName:"static-audio-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp4)$/i,new e.CacheFirst({cacheName:"static-video-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:js)$/i,new e.StaleWhileRevalidate({cacheName:"static-js-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:css|less)$/i,new e.StaleWhileRevalidate({cacheName:"static-style-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/data\/.+\/.+\.json$/i,new e.StaleWhileRevalidate({cacheName:"next-data",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:json|xml|csv)$/i,new e.NetworkFirst({cacheName:"static-data-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>{if(!(self.origin===e.origin))return!1;const n=e.pathname;return!n.startsWith("/api/auth/")&&!!n.startsWith("/api/")}),new e.NetworkFirst({cacheName:"apis",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:16,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>{if(!(self.origin===e.origin))return!1;return!e.pathname.startsWith("/api/")}),new e.NetworkFirst({cacheName:"others",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>!(self.origin===e.origin)),new e.NetworkFirst({cacheName:"cross-origin",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:3600})]}),"GET")}));
diff --git a/apps/web/public/workbox-01fd22c6.js b/apps/web/public/workbox-01fd22c6.js
new file mode 100644
index 0000000..5cd8247
--- /dev/null
+++ b/apps/web/public/workbox-01fd22c6.js
@@ -0,0 +1 @@
+define(["exports"],(function(t){"use strict";try{self["workbox:core:6.5.4"]&&_()}catch(t){}const e=(t,...e)=>{let s=t;return e.length>0&&(s+=` :: ${JSON.stringify(e)}`),s};class s extends Error{constructor(t,s){super(e(t,s)),this.name=t,this.details=s}}try{self["workbox:routing:6.5.4"]&&_()}catch(t){}const n=t=>t&&"object"==typeof t?t:{handle:t};class r{constructor(t,e,s="GET"){this.handler=n(e),this.match=t,this.method=s}setCatchHandler(t){this.catchHandler=n(t)}}class i extends r{constructor(t,e,s){super((({url:e})=>{const s=t.exec(e.href);if(s&&(e.origin===location.origin||0===s.index))return s.slice(1)}),e,s)}}class a{constructor(){this.t=new Map,this.i=new Map}get routes(){return this.t}addFetchListener(){self.addEventListener("fetch",(t=>{const{request:e}=t,s=this.handleRequest({request:e,event:t});s&&t.respondWith(s)}))}addCacheListener(){self.addEventListener("message",(t=>{if(t.data&&"CACHE_URLS"===t.data.type){const{payload:e}=t.data,s=Promise.all(e.urlsToCache.map((e=>{"string"==typeof e&&(e=[e]);const s=new Request(...e);return this.handleRequest({request:s,event:t})})));t.waitUntil(s),t.ports&&t.ports[0]&&s.then((()=>t.ports[0].postMessage(!0)))}}))}handleRequest({request:t,event:e}){const s=new URL(t.url,location.href);if(!s.protocol.startsWith("http"))return;const n=s.origin===location.origin,{params:r,route:i}=this.findMatchingRoute({event:e,request:t,sameOrigin:n,url:s});let a=i&&i.handler;const o=t.method;if(!a&&this.i.has(o)&&(a=this.i.get(o)),!a)return;let c;try{c=a.handle({url:s,request:t,event:e,params:r})}catch(t){c=Promise.reject(t)}const h=i&&i.catchHandler;return c instanceof Promise&&(this.o||h)&&(c=c.catch((async n=>{if(h)try{return await h.handle({url:s,request:t,event:e,params:r})}catch(t){t instanceof Error&&(n=t)}if(this.o)return this.o.handle({url:s,request:t,event:e});throw n}))),c}findMatchingRoute({url:t,sameOrigin:e,request:s,event:n}){const r=this.t.get(s.method)||[];for(const i of r){let r;const a=i.match({url:t,sameOrigin:e,request:s,event:n});if(a)return r=a,(Array.isArray(r)&&0===r.length||a.constructor===Object&&0===Object.keys(a).length||"boolean"==typeof a)&&(r=void 0),{route:i,params:r}}return{}}setDefaultHandler(t,e="GET"){this.i.set(e,n(t))}setCatchHandler(t){this.o=n(t)}registerRoute(t){this.t.has(t.method)||this.t.set(t.method,[]),this.t.get(t.method).push(t)}unregisterRoute(t){if(!this.t.has(t.method))throw new s("unregister-route-but-not-found-with-method",{method:t.method});const e=this.t.get(t.method).indexOf(t);if(!(e>-1))throw new s("unregister-route-route-not-registered");this.t.get(t.method).splice(e,1)}}let o;const c=()=>(o||(o=new a,o.addFetchListener(),o.addCacheListener()),o);function h(t,e,n){let a;if("string"==typeof t){const s=new URL(t,location.href);a=new r((({url:t})=>t.href===s.href),e,n)}else if(t instanceof RegExp)a=new i(t,e,n);else if("function"==typeof t)a=new r(t,e,n);else{if(!(t instanceof r))throw new s("unsupported-route-type",{moduleName:"workbox-routing",funcName:"registerRoute",paramName:"capture"});a=t}return c().registerRoute(a),a}try{self["workbox:strategies:6.5.4"]&&_()}catch(t){}const u={cacheWillUpdate:async({response:t})=>200===t.status||0===t.status?t:null},l={googleAnalytics:"googleAnalytics",precache:"precache-v2",prefix:"workbox",runtime:"runtime",suffix:"undefined"!=typeof registration?registration.scope:""},f=t=>[l.prefix,t,l.suffix].filter((t=>t&&t.length>0)).join("-"),w=t=>t||f(l.precache),d=t=>t||f(l.runtime);function p(t,e){const s=new URL(t);for(const t of e)s.searchParams.delete(t);return s.href}class y{constructor(){this.promise=new Promise(((t,e)=>{this.resolve=t,this.reject=e}))}}const g=new Set;function m(t){return"string"==typeof t?new Request(t):t}class v{constructor(t,e){this.h={},Object.assign(this,e),this.event=e.event,this.u=t,this.l=new y,this.p=[],this.m=[...t.plugins],this.v=new Map;for(const t of this.m)this.v.set(t,{});this.event.waitUntil(this.l.promise)}async fetch(t){const{event:e}=this;let n=m(t);if("navigate"===n.mode&&e instanceof FetchEvent&&e.preloadResponse){const t=await e.preloadResponse;if(t)return t}const r=this.hasCallback("fetchDidFail")?n.clone():null;try{for(const t of this.iterateCallbacks("requestWillFetch"))n=await t({request:n.clone(),event:e})}catch(t){if(t instanceof Error)throw new s("plugin-error-request-will-fetch",{thrownErrorMessage:t.message})}const i=n.clone();try{let t;t=await fetch(n,"navigate"===n.mode?void 0:this.u.fetchOptions);for(const s of this.iterateCallbacks("fetchDidSucceed"))t=await s({event:e,request:i,response:t});return t}catch(t){throw r&&await this.runCallbacks("fetchDidFail",{error:t,event:e,originalRequest:r.clone(),request:i.clone()}),t}}async fetchAndCachePut(t){const e=await this.fetch(t),s=e.clone();return this.waitUntil(this.cachePut(t,s)),e}async cacheMatch(t){const e=m(t);let s;const{cacheName:n,matchOptions:r}=this.u,i=await this.getCacheKey(e,"read"),a=Object.assign(Object.assign({},r),{cacheName:n});s=await caches.match(i,a);for(const t of this.iterateCallbacks("cachedResponseWillBeUsed"))s=await t({cacheName:n,matchOptions:r,cachedResponse:s,request:i,event:this.event})||void 0;return s}async cachePut(t,e){const n=m(t);var r;await(r=0,new Promise((t=>setTimeout(t,r))));const i=await this.getCacheKey(n,"write");if(!e)throw new s("cache-put-with-no-response",{url:(a=i.url,new URL(String(a),location.href).href.replace(new RegExp(`^${location.origin}`),""))});var a;const o=await this.R(e);if(!o)return!1;const{cacheName:c,matchOptions:h}=this.u,u=await self.caches.open(c),l=this.hasCallback("cacheDidUpdate"),f=l?await async function(t,e,s,n){const r=p(e.url,s);if(e.url===r)return t.match(e,n);const i=Object.assign(Object.assign({},n),{ignoreSearch:!0}),a=await t.keys(e,i);for(const e of a)if(r===p(e.url,s))return t.match(e,n)}(u,i.clone(),["__WB_REVISION__"],h):null;try{await u.put(i,l?o.clone():o)}catch(t){if(t instanceof Error)throw"QuotaExceededError"===t.name&&await async function(){for(const t of g)await t()}(),t}for(const t of this.iterateCallbacks("cacheDidUpdate"))await t({cacheName:c,oldResponse:f,newResponse:o.clone(),request:i,event:this.event});return!0}async getCacheKey(t,e){const s=`${t.url} | ${e}`;if(!this.h[s]){let n=t;for(const t of this.iterateCallbacks("cacheKeyWillBeUsed"))n=m(await t({mode:e,request:n,event:this.event,params:this.params}));this.h[s]=n}return this.h[s]}hasCallback(t){for(const e of this.u.plugins)if(t in e)return!0;return!1}async runCallbacks(t,e){for(const s of this.iterateCallbacks(t))await s(e)}*iterateCallbacks(t){for(const e of this.u.plugins)if("function"==typeof e[t]){const s=this.v.get(e),n=n=>{const r=Object.assign(Object.assign({},n),{state:s});return e[t](r)};yield n}}waitUntil(t){return this.p.push(t),t}async doneWaiting(){let t;for(;t=this.p.shift();)await t}destroy(){this.l.resolve(null)}async R(t){let e=t,s=!1;for(const t of this.iterateCallbacks("cacheWillUpdate"))if(e=await t({request:this.request,response:e,event:this.event})||void 0,s=!0,!e)break;return s||e&&200!==e.status&&(e=void 0),e}}class R{constructor(t={}){this.cacheName=d(t.cacheName),this.plugins=t.plugins||[],this.fetchOptions=t.fetchOptions,this.matchOptions=t.matchOptions}handle(t){const[e]=this.handleAll(t);return e}handleAll(t){t instanceof FetchEvent&&(t={event:t,request:t.request});const e=t.event,s="string"==typeof t.request?new Request(t.request):t.request,n="params"in t?t.params:void 0,r=new v(this,{event:e,request:s,params:n}),i=this.q(r,s,e);return[i,this.D(i,r,s,e)]}async q(t,e,n){let r;await t.runCallbacks("handlerWillStart",{event:n,request:e});try{if(r=await this.U(e,t),!r||"error"===r.type)throw new s("no-response",{url:e.url})}catch(s){if(s instanceof Error)for(const i of t.iterateCallbacks("handlerDidError"))if(r=await i({error:s,event:n,request:e}),r)break;if(!r)throw s}for(const s of t.iterateCallbacks("handlerWillRespond"))r=await s({event:n,request:e,response:r});return r}async D(t,e,s,n){let r,i;try{r=await t}catch(i){}try{await e.runCallbacks("handlerDidRespond",{event:n,request:s,response:r}),await e.doneWaiting()}catch(t){t instanceof Error&&(i=t)}if(await e.runCallbacks("handlerDidComplete",{event:n,request:s,response:r,error:i}),e.destroy(),i)throw i}}function b(t){t.then((()=>{}))}function q(){return q=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var s=arguments[e];for(var n in s)({}).hasOwnProperty.call(s,n)&&(t[n]=s[n])}return t},q.apply(null,arguments)}let D,U;const x=new WeakMap,L=new WeakMap,I=new WeakMap,C=new WeakMap,E=new WeakMap;let N={get(t,e,s){if(t instanceof IDBTransaction){if("done"===e)return L.get(t);if("objectStoreNames"===e)return t.objectStoreNames||I.get(t);if("store"===e)return s.objectStoreNames[1]?void 0:s.objectStore(s.objectStoreNames[0])}return k(t[e])},set:(t,e,s)=>(t[e]=s,!0),has:(t,e)=>t instanceof IDBTransaction&&("done"===e||"store"===e)||e in t};function O(t){return t!==IDBDatabase.prototype.transaction||"objectStoreNames"in IDBTransaction.prototype?(U||(U=[IDBCursor.prototype.advance,IDBCursor.prototype.continue,IDBCursor.prototype.continuePrimaryKey])).includes(t)?function(...e){return t.apply(B(this),e),k(x.get(this))}:function(...e){return k(t.apply(B(this),e))}:function(e,...s){const n=t.call(B(this),e,...s);return I.set(n,e.sort?e.sort():[e]),k(n)}}function T(t){return"function"==typeof t?O(t):(t instanceof IDBTransaction&&function(t){if(L.has(t))return;const e=new Promise(((e,s)=>{const n=()=>{t.removeEventListener("complete",r),t.removeEventListener("error",i),t.removeEventListener("abort",i)},r=()=>{e(),n()},i=()=>{s(t.error||new DOMException("AbortError","AbortError")),n()};t.addEventListener("complete",r),t.addEventListener("error",i),t.addEventListener("abort",i)}));L.set(t,e)}(t),e=t,(D||(D=[IDBDatabase,IDBObjectStore,IDBIndex,IDBCursor,IDBTransaction])).some((t=>e instanceof t))?new Proxy(t,N):t);var e}function k(t){if(t instanceof IDBRequest)return function(t){const e=new Promise(((e,s)=>{const n=()=>{t.removeEventListener("success",r),t.removeEventListener("error",i)},r=()=>{e(k(t.result)),n()},i=()=>{s(t.error),n()};t.addEventListener("success",r),t.addEventListener("error",i)}));return e.then((e=>{e instanceof IDBCursor&&x.set(e,t)})).catch((()=>{})),E.set(e,t),e}(t);if(C.has(t))return C.get(t);const e=T(t);return e!==t&&(C.set(t,e),E.set(e,t)),e}const B=t=>E.get(t);const P=["get","getKey","getAll","getAllKeys","count"],M=["put","add","delete","clear"],W=new Map;function j(t,e){if(!(t instanceof IDBDatabase)||e in t||"string"!=typeof e)return;if(W.get(e))return W.get(e);const s=e.replace(/FromIndex$/,""),n=e!==s,r=M.includes(s);if(!(s in(n?IDBIndex:IDBObjectStore).prototype)||!r&&!P.includes(s))return;const i=async function(t,...e){const i=this.transaction(t,r?"readwrite":"readonly");let a=i.store;return n&&(a=a.index(e.shift())),(await Promise.all([a[s](...e),r&&i.done]))[0]};return W.set(e,i),i}N=(t=>q({},t,{get:(e,s,n)=>j(e,s)||t.get(e,s,n),has:(e,s)=>!!j(e,s)||t.has(e,s)}))(N);try{self["workbox:expiration:6.5.4"]&&_()}catch(t){}const S="cache-entries",K=t=>{const e=new URL(t,location.href);return e.hash="",e.href};class A{constructor(t){this._=null,this.L=t}I(t){const e=t.createObjectStore(S,{keyPath:"id"});e.createIndex("cacheName","cacheName",{unique:!1}),e.createIndex("timestamp","timestamp",{unique:!1})}C(t){this.I(t),this.L&&function(t,{blocked:e}={}){const s=indexedDB.deleteDatabase(t);e&&s.addEventListener("blocked",(t=>e(t.oldVersion,t))),k(s).then((()=>{}))}(this.L)}async setTimestamp(t,e){const s={url:t=K(t),timestamp:e,cacheName:this.L,id:this.N(t)},n=(await this.getDb()).transaction(S,"readwrite",{durability:"relaxed"});await n.store.put(s),await n.done}async getTimestamp(t){const e=await this.getDb(),s=await e.get(S,this.N(t));return null==s?void 0:s.timestamp}async expireEntries(t,e){const s=await this.getDb();let n=await s.transaction(S).store.index("timestamp").openCursor(null,"prev");const r=[];let i=0;for(;n;){const s=n.value;s.cacheName===this.L&&(t&&s.timestamp<t||e&&i>=e?r.push(n.value):i++),n=await n.continue()}const a=[];for(const t of r)await s.delete(S,t.id),a.push(t.url);return a}N(t){return this.L+"|"+K(t)}async getDb(){return this._||(this._=await function(t,e,{blocked:s,upgrade:n,blocking:r,terminated:i}={}){const a=indexedDB.open(t,e),o=k(a);return n&&a.addEventListener("upgradeneeded",(t=>{n(k(a.result),t.oldVersion,t.newVersion,k(a.transaction),t)})),s&&a.addEventListener("blocked",(t=>s(t.oldVersion,t.newVersion,t))),o.then((t=>{i&&t.addEventListener("close",(()=>i())),r&&t.addEventListener("versionchange",(t=>r(t.oldVersion,t.newVersion,t)))})).catch((()=>{})),o}("workbox-expiration",1,{upgrade:this.C.bind(this)})),this._}}class F{constructor(t,e={}){this.O=!1,this.T=!1,this.k=e.maxEntries,this.B=e.maxAgeSeconds,this.P=e.matchOptions,this.L=t,this.M=new A(t)}async expireEntries(){if(this.O)return void(this.T=!0);this.O=!0;const t=this.B?Date.now()-1e3*this.B:0,e=await this.M.expireEntries(t,this.k),s=await self.caches.open(this.L);for(const t of e)await s.delete(t,this.P);this.O=!1,this.T&&(this.T=!1,b(this.expireEntries()))}async updateTimestamp(t){await this.M.setTimestamp(t,Date.now())}async isURLExpired(t){if(this.B){const e=await this.M.getTimestamp(t),s=Date.now()-1e3*this.B;return void 0===e||e<s}return!1}async delete(){this.T=!1,await this.M.expireEntries(1/0)}}try{self["workbox:range-requests:6.5.4"]&&_()}catch(t){}async function H(t,e){try{if(206===e.status)return e;const n=t.headers.get("range");if(!n)throw new s("no-range-header");const r=function(t){const e=t.trim().toLowerCase();if(!e.startsWith("bytes="))throw new s("unit-must-be-bytes",{normalizedRangeHeader:e});if(e.includes(","))throw new s("single-range-only",{normalizedRangeHeader:e});const n=/(\d*)-(\d*)/.exec(e);if(!n||!n[1]&&!n[2])throw new s("invalid-range-values",{normalizedRangeHeader:e});return{start:""===n[1]?void 0:Number(n[1]),end:""===n[2]?void 0:Number(n[2])}}(n),i=await e.blob(),a=function(t,e,n){const r=t.size;if(n&&n>r||e&&e<0)throw new s("range-not-satisfiable",{size:r,end:n,start:e});let i,a;return void 0!==e&&void 0!==n?(i=e,a=n+1):void 0!==e&&void 0===n?(i=e,a=r):void 0!==n&&void 0===e&&(i=r-n,a=r),{start:i,end:a}}(i,r.start,r.end),o=i.slice(a.start,a.end),c=o.size,h=new Response(o,{status:206,statusText:"Partial Content",headers:e.headers});return h.headers.set("Content-Length",String(c)),h.headers.set("Content-Range",`bytes ${a.start}-${a.end-1}/${i.size}`),h}catch(t){return new Response("",{status:416,statusText:"Range Not Satisfiable"})}}function $(t,e){const s=e();return t.waitUntil(s),s}try{self["workbox:precaching:6.5.4"]&&_()}catch(t){}function z(t){if(!t)throw new s("add-to-cache-list-unexpected-type",{entry:t});if("string"==typeof t){const e=new URL(t,location.href);return{cacheKey:e.href,url:e.href}}const{revision:e,url:n}=t;if(!n)throw new s("add-to-cache-list-unexpected-type",{entry:t});if(!e){const t=new URL(n,location.href);return{cacheKey:t.href,url:t.href}}const r=new URL(n,location.href),i=new URL(n,location.href);return r.searchParams.set("__WB_REVISION__",e),{cacheKey:r.href,url:i.href}}class G{constructor(){this.updatedURLs=[],this.notUpdatedURLs=[],this.handlerWillStart=async({request:t,state:e})=>{e&&(e.originalRequest=t)},this.cachedResponseWillBeUsed=async({event:t,state:e,cachedResponse:s})=>{if("install"===t.type&&e&&e.originalRequest&&e.originalRequest instanceof Request){const t=e.originalRequest.url;s?this.notUpdatedURLs.push(t):this.updatedURLs.push(t)}return s}}}class V{constructor({precacheController:t}){this.cacheKeyWillBeUsed=async({request:t,params:e})=>{const s=(null==e?void 0:e.cacheKey)||this.W.getCacheKeyForURL(t.url);return s?new Request(s,{headers:t.headers}):t},this.W=t}}let J,Q;async function X(t,e){let n=null;if(t.url){n=new URL(t.url).origin}if(n!==self.location.origin)throw new s("cross-origin-copy-response",{origin:n});const r=t.clone(),i={headers:new Headers(r.headers),status:r.status,statusText:r.statusText},a=e?e(i):i,o=function(){if(void 0===J){const t=new Response("");if("body"in t)try{new Response(t.body),J=!0}catch(t){J=!1}J=!1}return J}()?r.body:await r.blob();return new Response(o,a)}class Y extends R{constructor(t={}){t.cacheName=w(t.cacheName),super(t),this.j=!1!==t.fallbackToNetwork,this.plugins.push(Y.copyRedirectedCacheableResponsesPlugin)}async U(t,e){const s=await e.cacheMatch(t);return s||(e.event&&"install"===e.event.type?await this.S(t,e):await this.K(t,e))}async K(t,e){let n;const r=e.params||{};if(!this.j)throw new s("missing-precache-entry",{cacheName:this.cacheName,url:t.url});{const s=r.integrity,i=t.integrity,a=!i||i===s;n=await e.fetch(new Request(t,{integrity:"no-cors"!==t.mode?i||s:void 0})),s&&a&&"no-cors"!==t.mode&&(this.A(),await e.cachePut(t,n.clone()))}return n}async S(t,e){this.A();const n=await e.fetch(t);if(!await e.cachePut(t,n.clone()))throw new s("bad-precaching-response",{url:t.url,status:n.status});return n}A(){let t=null,e=0;for(const[s,n]of this.plugins.entries())n!==Y.copyRedirectedCacheableResponsesPlugin&&(n===Y.defaultPrecacheCacheabilityPlugin&&(t=s),n.cacheWillUpdate&&e++);0===e?this.plugins.push(Y.defaultPrecacheCacheabilityPlugin):e>1&&null!==t&&this.plugins.splice(t,1)}}Y.defaultPrecacheCacheabilityPlugin={cacheWillUpdate:async({response:t})=>!t||t.status>=400?null:t},Y.copyRedirectedCacheableResponsesPlugin={cacheWillUpdate:async({response:t})=>t.redirected?await X(t):t};class Z{constructor({cacheName:t,plugins:e=[],fallbackToNetwork:s=!0}={}){this.F=new Map,this.H=new Map,this.$=new Map,this.u=new Y({cacheName:w(t),plugins:[...e,new V({precacheController:this})],fallbackToNetwork:s}),this.install=this.install.bind(this),this.activate=this.activate.bind(this)}get strategy(){return this.u}precache(t){this.addToCacheList(t),this.G||(self.addEventListener("install",this.install),self.addEventListener("activate",this.activate),this.G=!0)}addToCacheList(t){const e=[];for(const n of t){"string"==typeof n?e.push(n):n&&void 0===n.revision&&e.push(n.url);const{cacheKey:t,url:r}=z(n),i="string"!=typeof n&&n.revision?"reload":"default";if(this.F.has(r)&&this.F.get(r)!==t)throw new s("add-to-cache-list-conflicting-entries",{firstEntry:this.F.get(r),secondEntry:t});if("string"!=typeof n&&n.integrity){if(this.$.has(t)&&this.$.get(t)!==n.integrity)throw new s("add-to-cache-list-conflicting-integrities",{url:r});this.$.set(t,n.integrity)}if(this.F.set(r,t),this.H.set(r,i),e.length>0){const t=`Workbox is precaching URLs without revision info: ${e.join(", ")}\nThis is generally NOT safe. Learn more at https://bit.ly/wb-precache`;console.warn(t)}}}install(t){return $(t,(async()=>{const e=new G;this.strategy.plugins.push(e);for(const[e,s]of this.F){const n=this.$.get(s),r=this.H.get(e),i=new Request(e,{integrity:n,cache:r,credentials:"same-origin"});await Promise.all(this.strategy.handleAll({params:{cacheKey:s},request:i,event:t}))}const{updatedURLs:s,notUpdatedURLs:n}=e;return{updatedURLs:s,notUpdatedURLs:n}}))}activate(t){return $(t,(async()=>{const t=await self.caches.open(this.strategy.cacheName),e=await t.keys(),s=new Set(this.F.values()),n=[];for(const r of e)s.has(r.url)||(await t.delete(r),n.push(r.url));return{deletedURLs:n}}))}getURLsToCacheKeys(){return this.F}getCachedURLs(){return[...this.F.keys()]}getCacheKeyForURL(t){const e=new URL(t,location.href);return this.F.get(e.href)}getIntegrityForCacheKey(t){return this.$.get(t)}async matchPrecache(t){const e=t instanceof Request?t.url:t,s=this.getCacheKeyForURL(e);if(s){return(await self.caches.open(this.strategy.cacheName)).match(s)}}createHandlerBoundToURL(t){const e=this.getCacheKeyForURL(t);if(!e)throw new s("non-precached-url",{url:t});return s=>(s.request=new Request(t),s.params=Object.assign({cacheKey:e},s.params),this.strategy.handle(s))}}const tt=()=>(Q||(Q=new Z),Q);class et extends r{constructor(t,e){super((({request:s})=>{const n=t.getURLsToCacheKeys();for(const r of function*(t,{ignoreURLParametersMatching:e=[/^utm_/,/^fbclid$/],directoryIndex:s="index.html",cleanURLs:n=!0,urlManipulation:r}={}){const i=new URL(t,location.href);i.hash="",yield i.href;const a=function(t,e=[]){for(const s of[...t.searchParams.keys()])e.some((t=>t.test(s)))&&t.searchParams.delete(s);return t}(i,e);if(yield a.href,s&&a.pathname.endsWith("/")){const t=new URL(a.href);t.pathname+=s,yield t.href}if(n){const t=new URL(a.href);t.pathname+=".html",yield t.href}if(r){const t=r({url:i});for(const e of t)yield e.href}}(s.url,e)){const e=n.get(r);if(e){return{cacheKey:e,integrity:t.getIntegrityForCacheKey(e)}}}}),t.strategy)}}t.CacheFirst=class extends R{async U(t,e){let n,r=await e.cacheMatch(t);if(!r)try{r=await e.fetchAndCachePut(t)}catch(t){t instanceof Error&&(n=t)}if(!r)throw new s("no-response",{url:t.url,error:n});return r}},t.ExpirationPlugin=class{constructor(t={}){this.cachedResponseWillBeUsed=async({event:t,request:e,cacheName:s,cachedResponse:n})=>{if(!n)return null;const r=this.V(n),i=this.J(s);b(i.expireEntries());const a=i.updateTimestamp(e.url);if(t)try{t.waitUntil(a)}catch(t){}return r?n:null},this.cacheDidUpdate=async({cacheName:t,request:e})=>{const s=this.J(t);await s.updateTimestamp(e.url),await s.expireEntries()},this.X=t,this.B=t.maxAgeSeconds,this.Y=new Map,t.purgeOnQuotaError&&function(t){g.add(t)}((()=>this.deleteCacheAndMetadata()))}J(t){if(t===d())throw new s("expire-custom-caches-only");let e=this.Y.get(t);return e||(e=new F(t,this.X),this.Y.set(t,e)),e}V(t){if(!this.B)return!0;const e=this.Z(t);if(null===e)return!0;return e>=Date.now()-1e3*this.B}Z(t){if(!t.headers.has("date"))return null;const e=t.headers.get("date"),s=new Date(e).getTime();return isNaN(s)?null:s}async deleteCacheAndMetadata(){for(const[t,e]of this.Y)await self.caches.delete(t),await e.delete();this.Y=new Map}},t.NetworkFirst=class extends R{constructor(t={}){super(t),this.plugins.some((t=>"cacheWillUpdate"in t))||this.plugins.unshift(u),this.tt=t.networkTimeoutSeconds||0}async U(t,e){const n=[],r=[];let i;if(this.tt){const{id:s,promise:a}=this.et({request:t,logs:n,handler:e});i=s,r.push(a)}const a=this.st({timeoutId:i,request:t,logs:n,handler:e});r.push(a);const o=await e.waitUntil((async()=>await e.waitUntil(Promise.race(r))||await a)());if(!o)throw new s("no-response",{url:t.url});return o}et({request:t,logs:e,handler:s}){let n;return{promise:new Promise((e=>{n=setTimeout((async()=>{e(await s.cacheMatch(t))}),1e3*this.tt)})),id:n}}async st({timeoutId:t,request:e,logs:s,handler:n}){let r,i;try{i=await n.fetchAndCachePut(e)}catch(t){t instanceof Error&&(r=t)}return t&&clearTimeout(t),!r&&i||(i=await n.cacheMatch(e)),i}},t.RangeRequestsPlugin=class{constructor(){this.cachedResponseWillBeUsed=async({request:t,cachedResponse:e})=>e&&t.headers.has("range")?await H(t,e):e}},t.StaleWhileRevalidate=class extends R{constructor(t={}){super(t),this.plugins.some((t=>"cacheWillUpdate"in t))||this.plugins.unshift(u)}async U(t,e){const n=e.fetchAndCachePut(t).catch((()=>{}));e.waitUntil(n);let r,i=await e.cacheMatch(t);if(i);else try{i=await n}catch(t){t instanceof Error&&(r=t)}if(!i)throw new s("no-response",{url:t.url,error:r});return i}},t.cleanupOutdatedCaches=function(){self.addEventListener("activate",(t=>{const e=w();t.waitUntil((async(t,e="-precache-")=>{const s=(await self.caches.keys()).filter((s=>s.includes(e)&&s.includes(self.registration.scope)&&s!==t));return await Promise.all(s.map((t=>self.caches.delete(t)))),s})(e).then((t=>{})))}))},t.clientsClaim=function(){self.addEventListener("activate",(()=>self.clients.claim()))},t.precacheAndRoute=function(t,e){!function(t){tt().precache(t)}(t),function(t){const e=tt();h(new et(e,t))}(e)},t.registerRoute=h}));
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2b6a7ca..a8911c0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -272,8 +272,8 @@ importers:
         specifier: ^1.0.16
         version: 1.0.16
       lucide-react:
-        specifier: ^0.330.0
-        version: 0.330.0(react@18.3.1)
+        specifier: latest
+        version: 0.468.0(react@18.3.1)
       next:
         specifier: latest
         version: 15.0.3(@babel/core@7.26.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -8330,10 +8330,10 @@ packages:
     resolution: {integrity: sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==}
     engines: {node: '>=12'}
 
-  lucide-react@0.330.0:
-    resolution: {integrity: sha512-CQwY+Fpbt2kxCoVhuN0RCZDCYlbYnqB870Bl/vIQf3ER/cnDDQ6moLmEkguRyruAUGd4j3Lc4mtnJosXnqHheA==}
+  lucide-react@0.468.0:
+    resolution: {integrity: sha512-6koYRhnM2N0GGZIdXzSeiNwguv1gt/FAjZOiPl76roBi3xKEXa4WmfpxgQwTTL4KipXjefrnf3oV4IsYhi4JFA==}
     peerDependencies:
-      react: ^16.5.1 || ^17.0.0 || ^18.0.0
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc
 
   magic-string@0.25.9:
     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
@@ -20050,7 +20050,7 @@ snapshots:
       eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
       eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.1.0(eslint@8.57.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0(eslint@8.57.0))(eslint@8.57.0)
-      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@7.1.0(eslint@8.57.0)(typescript@5.3.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@7.1.0(eslint@8.57.0)(typescript@5.3.3))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.1.0(eslint@8.57.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0)
       eslint-plugin-jsx-a11y: 6.8.0(eslint@8.57.0)
       eslint-plugin-react: 7.33.2(eslint@8.57.0)
       eslint-plugin-react-hooks: 4.6.0(eslint@8.57.0)
@@ -20104,7 +20104,7 @@ snapshots:
       enhanced-resolve: 5.15.0
       eslint: 8.57.0
       eslint-module-utils: 2.8.0(@typescript-eslint/parser@7.1.0(eslint@8.57.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.1.0(eslint@8.57.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0)
-      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@7.1.0(eslint@8.57.0)(typescript@5.3.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@7.1.0(eslint@8.57.0)(typescript@5.3.3))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.1.0(eslint@8.57.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0)
       fast-glob: 3.3.1
       get-tsconfig: 4.7.2
       is-core-module: 2.13.1
@@ -20143,7 +20143,7 @@ snapshots:
       eslint: 8.57.0
       ignore: 5.3.1
 
-  eslint-plugin-import@2.29.0(@typescript-eslint/parser@7.1.0(eslint@8.57.0)(typescript@5.3.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
+  eslint-plugin-import@2.29.0(@typescript-eslint/parser@7.1.0(eslint@8.57.0)(typescript@5.3.3))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.1.0(eslint@8.57.0)(typescript@5.3.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.0(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0):
     dependencies:
       array-includes: 3.1.7
       array.prototype.findlastindex: 1.2.3
@@ -22405,7 +22405,7 @@ snapshots:
 
   lru-cache@7.18.3: {}
 
-  lucide-react@0.330.0(react@18.3.1):
+  lucide-react@0.468.0(react@18.3.1):
     dependencies:
       react: 18.3.1