diff --git a/app/[user]/curations/page.tsx b/app/[user]/curations/page.tsx
new file mode 100644
index 0000000000..ae3575096d
--- /dev/null
+++ b/app/[user]/curations/page.tsx
@@ -0,0 +1,61 @@
+import { createUserTabPage } from "@/app/[user]/_lib/userTabPageFactory";
+import UserPageProfileWave from "@/components/user/waves/UserPageProfileWave";
+import type { ApiIdentity } from "@/generated/models/ApiIdentity";
+import {
+  USER_PAGE_TAB_IDS,
+  USER_PAGE_TAB_MAP,
+} from "@/components/user/layout/userTabs.config";
+import { redirect } from "next/navigation";
+
+const getProfileTabDestination = ({
+  profile,
+  query,
+}: {
+  readonly profile: ApiIdentity;
+  readonly query: Record<string, string | string[] | undefined>;
+}): string => {
+  const searchParams = new URLSearchParams();
+
+  for (const [key, value] of Object.entries(query)) {
+    if (key === "curation" || value === undefined) {
+      continue;
+    }
+
+    if (Array.isArray(value)) {
+      for (const entry of value) {
+        searchParams.append(key, entry);
+      }
+      continue;
+    }
+
+    searchParams.append(key, value);
+  }
+
+  const canonicalUser = profile.handle ?? profile.primary_wallet ?? "";
+  const basePath = canonicalUser ? `/${encodeURIComponent(canonicalUser)}` : "/";
+  const queryString = searchParams.toString();
+
+  return queryString ? `${basePath}?${queryString}` : basePath;
+};
+
+function WaveTab({ profile }: { readonly profile: ApiIdentity }) {
+  return <UserPageProfileWave profile={profile} />;
+}
+
+const TAB_CONFIG = USER_PAGE_TAB_MAP[USER_PAGE_TAB_IDS.WAVES];
+
+const { Page, generateMetadata } = createUserTabPage({
+  subroute: TAB_CONFIG.route,
+  metaLabel: TAB_CONFIG.metaLabel,
+  Tab: WaveTab,
+  getTabProps: async ({ profile, query }) => {
+    if (!profile.profile_wave_id) {
+      redirect(getProfileTabDestination({ profile, query }));
+    }
+
+    return {};
+  },
+});
+
+export default Page;
+export { generateMetadata };
diff --git a/app/[user]/waves/page.tsx b/app/[user]/waves/page.tsx
index d4e6ccbee9..5848889ae8 100644
--- a/app/[user]/waves/page.tsx
+++ b/app/[user]/waves/page.tsx
@@ -1,14 +1,77 @@
-import { notFound, redirect } from "next/navigation";
+import { redirect } from "next/navigation";
+import { getAppCommonHeaders } from "@/helpers/server.app.helpers";
+import { getUserProfile } from "@/helpers/server.helpers";
 
-export default async function WavesPage({
+type UserRouteParams = { user: string };
+type UserSearchParams = Record<string, string | string[] | undefined>;
+
+const normalizeSearchParams = (
+  params?: UserSearchParams | URLSearchParams
+): URLSearchParams => {
+  const normalizedParams = new URLSearchParams();
+
+  if (!params) {
+    return normalizedParams;
+  }
+
+  if (params instanceof URLSearchParams) {
+    for (const [key, value] of params.entries()) {
+      normalizedParams.append(key, value);
+    }
+    return normalizedParams;
+  }
+
+  for (const [key, value] of Object.entries(params)) {
+    if (value === undefined) {
+      continue;
+    }
+
+    if (Array.isArray(value)) {
+      for (const entry of value) {
+        normalizedParams.append(key, entry);
+      }
+      continue;
+    }
+
+    normalizedParams.append(key, value);
+  }
+
+  return normalizedParams;
+};
+
+export default async function LegacyWavesPage({
   params,
+  searchParams,
 }: {
-  readonly params?: Promise<{ user: string }> | undefined;
+  readonly params?: Promise<UserRouteParams> | undefined;
+  readonly searchParams?: Promise<UserSearchParams> | undefined;
 }) {
   const resolvedParams = params ? await params : undefined;
+  const resolvedSearchParams = searchParams ? await searchParams : undefined;
   const user = resolvedParams?.user;
+
   if (!user) {
-    notFound();
+    redirect("/");
   }
-  redirect(`/${user}`);
+
+  const queryString = normalizeSearchParams(resolvedSearchParams).toString();
+  let basePath = `/${encodeURIComponent(user)}`;
+
+  try {
+    const profile = await getUserProfile({
+      user: user.toLowerCase(),
+      headers: await getAppCommonHeaders(),
+    });
+    const canonicalUser = profile.handle ?? profile.primary_wallet;
+
+    basePath = profile.profile_wave_id
+      ? `/${encodeURIComponent(canonicalUser)}/curations`
+      : `/${encodeURIComponent(canonicalUser)}`;
+  } catch {
+    basePath = `/${encodeURIComponent(user)}`;
+  }
+
+  const destination = queryString ? `${basePath}?${queryString}` : basePath;
+
+  redirect(destination);
 }
diff --git a/components/brain/my-stream/curations/CurationEmptyState.tsx b/components/brain/my-stream/curations/CurationEmptyState.tsx
new file mode 100644
index 0000000000..98d87d269e
--- /dev/null
+++ b/components/brain/my-stream/curations/CurationEmptyState.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+interface CurationEmptyStateProps {
+  readonly curationTitle: string;
+  readonly containerClassName?: string | undefined;
+  readonly description?: string | undefined;
+}
+
+const DEFAULT_CONTAINER_CLASS_NAME =
+  "tw-flex tw-min-h-[20rem] tw-items-center tw-justify-center tw-px-6";
+
+const DEFAULT_DESCRIPTION =
+  "This tab will show the drops added to this curation.";
+
+export default function CurationEmptyState({
+  curationTitle,
+  containerClassName = DEFAULT_CONTAINER_CLASS_NAME,
+  description = DEFAULT_DESCRIPTION,
+}: CurationEmptyStateProps) {
+  return (
+    <div className={containerClassName}>
+      <div className="tw-max-w-md tw-rounded-2xl tw-border tw-border-dashed tw-border-iron-700 tw-bg-iron-950/70 tw-px-6 tw-py-8 tw-text-center">
+        <p className="tw-mb-2 tw-text-base tw-font-semibold tw-text-iron-100">
+          {curationTitle} is empty
+        </p>
+        <p className="tw-mb-0 tw-text-sm tw-text-iron-400">{description}</p>
+      </div>
+    </div>
+  );
+}
diff --git a/components/brain/my-stream/curations/MyStreamWaveCurationContent.tsx b/components/brain/my-stream/curations/MyStreamWaveCurationContent.tsx
index 861ff4a944..249f7fe7c9 100644
--- a/components/brain/my-stream/curations/MyStreamWaveCurationContent.tsx
+++ b/components/brain/my-stream/curations/MyStreamWaveCurationContent.tsx
@@ -3,12 +3,13 @@
 import CircleLoader, {
   CircleLoaderSize,
 } from "@/components/distribution-plan-tool/common/CircleLoader";
+import CurationEmptyState from "@/components/brain/my-stream/curations/CurationEmptyState";
 import { Spinner } from "@/components/dotLoader/DotLoader";
 import CommonIntersectionElement from "@/components/utils/CommonIntersectionElement";
 import Drop, { DropLocation } from "@/components/waves/drops/Drop";
 import type { ExtendedDrop } from "@/helpers/waves/drop.helpers";
+import { useCurationManagementPermission } from "@/hooks/useCurationManagementPermission";
 import { useDropCurationMembershipMutation } from "@/hooks/drops/useDropCurationMembershipMutation";
-import { useDropCurations } from "@/hooks/drops/useDropCurations";
 import useDeviceInfo from "@/hooks/useDeviceInfo";
 import useIsTouchDevice from "@/hooks/useIsTouchDevice";
 import { useWaveDrops } from "@/hooks/useWaveDrops";
@@ -21,7 +22,8 @@ interface MyStreamWaveCurationContentProps {
   readonly wave: ApiWave;
   readonly curationId: string;
   readonly curationName?: string | null | undefined;
-  readonly onDropClick: (drop: ExtendedDrop) => void;
+  readonly onDropClick?: ((drop: ExtendedDrop) => void) | undefined;
+  readonly constrainToViewport?: boolean | undefined;
 }
 
 function MyStreamWaveCurationDropItem({
@@ -37,7 +39,7 @@ function MyStreamWaveCurationDropItem({
   readonly nextDrop: ExtendedDrop | null;
   readonly curationId: string;
   readonly canManageActiveCuration: boolean;
-  readonly onDropClick: (drop: ExtendedDrop) => void;
+  readonly onDropClick?: ((drop: ExtendedDrop) => void) | undefined;
 }) {
   const { hasTouchScreen, isApp } = useDeviceInfo();
   const isTouchDevice = useIsTouchDevice();
@@ -103,7 +105,8 @@ function MyStreamWaveCurationDropItem({
           }}
           disabled={isPending}
           aria-label="Remove drop from this curation"
-          className="tw-absolute tw-right-7 tw-top-4 tw-z-20 tw-inline-flex tw-h-8 tw-w-8 tw-items-center tw-justify-center tw-rounded-lg tw-border tw-border-solid tw-border-rose-500/25 tw-bg-rose-500/10 tw-p-0 tw-text-rose-400 tw-shadow-[0_10px_30px_rgba(0,0,0,0.32)] tw-backdrop-blur-sm tw-transition-all tw-duration-200 tw-ease-out active:tw-bg-rose-500/15 disabled:tw-cursor-not-allowed disabled:tw-opacity-60 desktop-hover:tw-pointer-events-none desktop-hover:tw-w-auto desktop-hover:tw-translate-y-1 desktop-hover:tw-gap-1.5 desktop-hover:tw-border-iron-700/80 desktop-hover:tw-bg-iron-950/90 desktop-hover:tw-px-2.5 desktop-hover:tw-text-xs desktop-hover:tw-font-medium desktop-hover:tw-text-iron-200 desktop-hover:tw-opacity-0 desktop-hover:group-hover:tw-pointer-events-auto desktop-hover:group-hover:tw-translate-y-0 desktop-hover:group-hover:tw-opacity-100 desktop-hover:hover:tw-border-iron-500 desktop-hover:hover:tw-bg-iron-900 desktop-hover:hover:tw-text-white"
+          title="Remove from wave"
+          className="tw-absolute tw-right-7 tw-top-4 tw-z-20 tw-inline-flex tw-h-8 tw-w-8 tw-items-center tw-justify-center tw-rounded-lg tw-border tw-border-solid tw-border-white/10 tw-bg-black/50 tw-p-0 tw-text-iron-400 tw-shadow-[0_10px_30px_rgba(0,0,0,0.32)] tw-backdrop-blur-sm tw-transition-all tw-duration-200 tw-ease-out hover:tw-border-rose-500/30 hover:tw-bg-rose-500/20 hover:tw-text-rose-300 active:tw-bg-rose-500/15 disabled:tw-cursor-not-allowed disabled:tw-opacity-60 desktop-hover:tw-pointer-events-none desktop-hover:tw-w-auto desktop-hover:tw-translate-y-1 desktop-hover:tw-gap-1.5 desktop-hover:tw-px-2.5 desktop-hover:tw-text-xs desktop-hover:tw-font-medium desktop-hover:tw-opacity-0 desktop-hover:group-hover:tw-pointer-events-auto desktop-hover:group-hover:tw-translate-y-0 desktop-hover:group-hover:tw-opacity-100"
         >
           {isPending ? (
             <>
@@ -129,6 +132,7 @@ export default function MyStreamWaveCurationContent({
   curationId,
   curationName,
   onDropClick,
+  constrainToViewport = true,
 }: MyStreamWaveCurationContentProps) {
   const { leaderboardViewStyle } = useLayout();
   const { drops, fetchNextPage, hasNextPage, isFetching, isFetchingNextPage } =
@@ -137,9 +141,9 @@ export default function MyStreamWaveCurationContent({
       curationId,
     });
   const permissionProbeDropId = drops[0]?.id ?? "";
-  const { data: permissionProbeCurations = [] } = useDropCurations({
-    dropId: permissionProbeDropId,
-    enabled: Boolean(permissionProbeDropId),
+  const canManageActiveCuration = useCurationManagementPermission({
+    curationId,
+    probeDropId: permissionProbeDropId,
   });
 
   const isInitialLoading = isFetching && drops.length === 0;
@@ -156,9 +160,6 @@ export default function MyStreamWaveCurationContent({
   );
 
   const curationTitle = curationName?.trim() ?? "Curation";
-  const canManageActiveCuration =
-    permissionProbeCurations.find((curation) => curation.id === curationId)
-      ?.authenticated_user_can_curate ?? false;
 
   const renderedDrops = useMemo(
     () =>
@@ -186,20 +187,18 @@ export default function MyStreamWaveCurationContent({
     );
   } else if (drops.length === 0) {
     content = (
-      <div className="tw-flex tw-flex-1 tw-items-center tw-justify-center tw-px-6">
-        <div className="tw-max-w-md tw-rounded-2xl tw-border tw-border-dashed tw-border-iron-700 tw-bg-iron-950/70 tw-px-6 tw-py-8 tw-text-center">
-          <p className="tw-mb-2 tw-text-base tw-font-semibold tw-text-iron-100">
-            {curationTitle} is empty
-          </p>
-          <p className="tw-mb-0 tw-text-sm tw-text-iron-400">
-            This tab will show the drops added to this curation.
-          </p>
-        </div>
-      </div>
+      <CurationEmptyState
+        curationTitle={curationTitle}
+        containerClassName={
+          constrainToViewport
+            ? "tw-flex tw-flex-1 tw-items-center tw-justify-center tw-px-6"
+            : undefined
+        }
+      />
     );
   } else {
     content = (
-      <div className="tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-py-4 md:tw-px-4">
+      <div className="tw-flex tw-min-h-0 tw-flex-1 tw-flex-col">
         {renderedDrops}
         {(hasNextPage || isFetchingNextPage) && (
           <div className="tw-py-4">
@@ -220,8 +219,12 @@ export default function MyStreamWaveCurationContent({
 
   return (
     <div
-      className="tw-flex tw-h-full tw-min-h-0 tw-w-full tw-min-w-0 tw-flex-grow tw-flex-col tw-overflow-y-auto tw-overflow-x-hidden tw-scrollbar-thin tw-scrollbar-track-iron-800 tw-scrollbar-thumb-iron-500 desktop-hover:hover:tw-scrollbar-thumb-iron-300"
-      style={leaderboardViewStyle}
+      className={
+        constrainToViewport
+          ? "tw-flex tw-h-full tw-min-h-0 tw-w-full tw-min-w-0 tw-flex-grow tw-flex-col tw-overflow-y-auto tw-overflow-x-hidden tw-scrollbar-thin tw-scrollbar-track-iron-800 tw-scrollbar-thumb-iron-500 desktop-hover:hover:tw-scrollbar-thumb-iron-300"
+          : "tw-flex tw-min-h-0 tw-w-full tw-min-w-0 tw-flex-col"
+      }
+      style={constrainToViewport ? leaderboardViewStyle : undefined}
     >
       {content}
     </div>
diff --git a/components/brain/my-stream/tabs/MyStreamWaveCreateCurationAction.tsx b/components/brain/my-stream/tabs/MyStreamWaveCreateCurationAction.tsx
index e88867e2a2..181dbf9106 100644
--- a/components/brain/my-stream/tabs/MyStreamWaveCreateCurationAction.tsx
+++ b/components/brain/my-stream/tabs/MyStreamWaveCreateCurationAction.tsx
@@ -35,7 +35,7 @@ export default function MyStreamWaveCreateCurationAction({
 
   return (
     <>
-      <div className="tw-flex tw-flex-shrink-0 tw-items-center tw-gap-2 tw-pr-2 sm:tw-pr-4">
+      <div className="tw-flex tw-flex-shrink-0 tw-items-center tw-gap-2">
         {showCreateFirstCurationCallout ? (
           <button
             type="button"
diff --git a/components/header/AppHeader.tsx b/components/header/AppHeader.tsx
index e4aafbe31d..ec9b1565e3 100644
--- a/components/header/AppHeader.tsx
+++ b/components/header/AppHeader.tsx
@@ -10,7 +10,7 @@ import {
 } from "@heroicons/react/24/outline";
 import Image from "next/image";
 import { useParams, usePathname } from "next/navigation";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState, type ReactNode } from "react";
 import { resolveIpfsUrlSync } from "@/components/ipfs/IPFSContext";
 import { DEFAULT_CONNECTED_PROFILE_FALLBACK_PFP } from "@/constants/constants";
 import { useNavigationHistoryContext } from "@/contexts/NavigationHistoryContext";
@@ -33,6 +33,7 @@ import { useWaveShareCopyAction } from "@/hooks/waves/useWaveShareCopyAction";
 import WaveDescriptionPopover from "@/components/waves/header/WaveDescriptionPopover";
 import WavePicture from "@/components/waves/WavePicture";
 import { getWaveDescriptionPreviewText } from "@/helpers/waves/waveDescriptionPreview";
+import type { ApiWave } from "@/generated/models/ApiWave";
 
 const COLLECTION_TITLES: Record<string, string> = {
   "the-memes": "The Memes",
@@ -42,6 +43,15 @@ const COLLECTION_TITLES: Record<string, string> = {
 };
 const PROFILE_DOUBLE_ACTIVATE_DELAY_MS = 280;
 
+interface HeaderConnectedAccount {
+  readonly address: string;
+  readonly isActive: boolean;
+}
+
+interface HeaderTimeoutRef {
+  current: ReturnType<typeof setTimeout> | null;
+}
+
 const sliceString = (str: string, length: number): string => {
   if (str.length <= length) return str;
   const half = Math.floor(length / 2);
@@ -88,6 +98,229 @@ const getDropForgeTitle = (pathSegments: string[]): string | null => {
   return null;
 };
 
+const getHeaderTitle = ({
+  pathname,
+  waveId,
+  wave,
+  isWaveResolving,
+  isWavesRoute,
+  isMessagesRoute,
+  basePath,
+  pageTitle,
+  pathSegments,
+}: {
+  readonly pathname: string;
+  readonly waveId: string | null;
+  readonly wave: { readonly name?: string | null } | null | undefined;
+  readonly isWaveResolving: boolean;
+  readonly isWavesRoute: boolean;
+  readonly isMessagesRoute: boolean;
+  readonly basePath: string;
+  readonly pageTitle: string;
+  readonly pathSegments: string[];
+}): ReactNode => {
+  if (pathname === "/waves/create") return "Waves";
+  if (pathname === "/messages/create") return "Messages";
+  if (isWavesRoute && !waveId) return "Waves";
+  if (isMessagesRoute && !waveId) return "Messages";
+  if (waveId) {
+    if (isWaveResolving) return <Spinner />;
+    return wave?.name;
+  }
+
+  const collectionTitle = getCollectionTitle(basePath, pageTitle);
+  if (collectionTitle) return collectionTitle;
+
+  const rememesTitle = getRememesTitle(pathSegments);
+  if (rememesTitle) return rememesTitle;
+
+  const dropForgeTitle = getDropForgeTitle(pathSegments);
+  if (dropForgeTitle) return dropForgeTitle;
+
+  return sliceString(capitalizeEveryWord(pageTitle), 20);
+};
+
+const HeaderTitleContent = ({
+  activeWave,
+  isWaveResolving,
+  isDm,
+  previewText,
+  finalTitle,
+}: {
+  readonly activeWave: ApiWave | null;
+  readonly isWaveResolving: boolean;
+  readonly isDm: boolean;
+  readonly previewText: string | null;
+  readonly finalTitle: ReactNode;
+}) => {
+  if (activeWave === null || isWaveResolving) {
+    return <span className="tw-text-sm tw-font-semibold">{finalTitle}</span>;
+  }
+
+  return (
+    <div className="tw-flex tw-min-w-0 tw-max-w-[min(62vw,28rem)] tw-items-center tw-gap-2">
+      <div className="tw-size-10 tw-flex-shrink-0 tw-overflow-hidden tw-rounded-full tw-ring-1 tw-ring-white/30">
+        <WavePicture
+          name={activeWave.name}
+          picture={activeWave.picture ?? null}
+          contributors={activeWave.contributors_overview.map((c) => ({
+            pfp: c.contributor_pfp,
+            identity: c.contributor_identity,
+          }))}
+        />
+      </div>
+      {!isDm && previewText !== null ? (
+        <WaveDescriptionPopover
+          wave={activeWave}
+          align="center"
+          ariaLabel="Show wave description"
+          triggerClassName="tw-flex tw-min-w-0 tw-flex-col tw-items-start tw-border-0 tw-bg-transparent tw-p-0 tw-text-left"
+        >
+          <span className="tw-w-full tw-truncate tw-text-sm tw-font-semibold">
+            {activeWave.name}
+          </span>
+          <span className="tw-w-full tw-truncate tw-text-xs tw-font-normal tw-text-iron-400">
+            {previewText}
+          </span>
+        </WaveDescriptionPopover>
+      ) : (
+        <span className="tw-min-w-0 tw-truncate tw-text-sm tw-font-semibold">
+          {activeWave.name}
+        </span>
+      )}
+    </div>
+  );
+};
+
+const HeaderGalleryToggle = ({
+  showGalleryToggle,
+  viewMode,
+  toggleViewMode,
+}: {
+  readonly showGalleryToggle: boolean;
+  readonly viewMode: "chat" | "gallery";
+  readonly toggleViewMode: () => void;
+}) => {
+  if (!showGalleryToggle) {
+    return null;
+  }
+
+  return (
+    <button
+      type="button"
+      onClick={toggleViewMode}
+      aria-label={
+        viewMode === "chat" ? "Switch to gallery view" : "Switch to chat view"
+      }
+      className="tw-flex tw-h-10 tw-w-10 tw-flex-shrink-0 tw-items-center tw-justify-center tw-rounded-lg tw-border tw-border-solid tw-border-iron-700 tw-bg-iron-900 tw-text-iron-300"
+    >
+      {viewMode === "chat" ? (
+        <Squares2X2Icon className="tw-h-5 tw-w-5" />
+      ) : (
+        <ChatBubbleLeftIcon className="tw-h-5 tw-w-5" />
+      )}
+    </button>
+  );
+};
+
+const HeaderWaveLinkAction = ({
+  showWaveLinkAction,
+  handleWaveLinkActionClick,
+  waveLinkActionLabel,
+  waveLinkActionMode,
+  waveLinkActionIconColor,
+  renderWaveLinkActionIcon,
+}: {
+  readonly showWaveLinkAction: boolean;
+  readonly handleWaveLinkActionClick: () => void;
+  readonly waveLinkActionLabel: string;
+  readonly waveLinkActionMode: string;
+  readonly waveLinkActionIconColor: string;
+  readonly renderWaveLinkActionIcon: () => ReactNode;
+}) => {
+  if (!showWaveLinkAction) {
+    return null;
+  }
+
+  return (
+    <button
+      type="button"
+      onClick={handleWaveLinkActionClick}
+      aria-label={waveLinkActionLabel}
+      title={waveLinkActionLabel}
+      data-wave-link-action-mode={waveLinkActionMode}
+      className={`tw-flex tw-h-10 tw-w-10 tw-flex-shrink-0 tw-items-center tw-justify-center tw-rounded-lg tw-border tw-border-solid tw-border-iron-700 tw-bg-iron-900 ${waveLinkActionIconColor}`}
+    >
+      {renderWaveLinkActionIcon()}
+    </button>
+  );
+};
+
+const switchToNextConnectedAccount = ({
+  connectedAccounts,
+  seizeSwitchConnectedAccount,
+  onFailure,
+}: {
+  readonly connectedAccounts: readonly HeaderConnectedAccount[];
+  readonly seizeSwitchConnectedAccount: (address: string) => void;
+  readonly onFailure: (error: unknown) => void;
+}): boolean => {
+  if (connectedAccounts.length < 2) {
+    return false;
+  }
+
+  const activeIndex = connectedAccounts.findIndex(
+    (account) => account.isActive
+  );
+  const currentIndex = Math.max(activeIndex, 0);
+  const nextAccount =
+    connectedAccounts[(currentIndex + 1) % connectedAccounts.length];
+
+  if (!nextAccount) {
+    return false;
+  }
+
+  try {
+    seizeSwitchConnectedAccount(nextAccount.address);
+    return true;
+  } catch (error) {
+    onFailure(error);
+    return false;
+  }
+};
+
+const handleProfileActivate = ({
+  address,
+  profileClickTimeoutRef,
+  openMenu,
+  switchConnectedAccount,
+}: {
+  readonly address: string | null | undefined;
+  readonly profileClickTimeoutRef: HeaderTimeoutRef;
+  readonly openMenu: () => void;
+  readonly switchConnectedAccount: () => boolean;
+}) => {
+  if (!address) {
+    openMenu();
+    return;
+  }
+
+  if (profileClickTimeoutRef.current) {
+    clearTimeout(profileClickTimeoutRef.current);
+    profileClickTimeoutRef.current = null;
+
+    if (!switchConnectedAccount()) {
+      openMenu();
+    }
+    return;
+  }
+
+  profileClickTimeoutRef.current = setTimeout(() => {
+    profileClickTimeoutRef.current = null;
+    openMenu();
+  }, PROFILE_DOUBLE_ACTIVATE_DELAY_MS);
+};
+
 export default function AppHeader() {
   const [menuOpen, setMenuOpen] = useState(false);
   const myStream = useMyStreamOptional();
@@ -139,13 +372,12 @@ export default function AppHeader() {
   );
 
   const pathSegments = pathname.split("/").filter(Boolean);
-  const basePath = pathSegments.length ? pathSegments[0] : "";
-  const pageTitle = pathSegments.length
-    ? pathSegments
-        .at(-1)
-        ?.replaceAll(/[-_]/g, " ")
-        .replace(/^./, (c) => c.toUpperCase())
-    : "Home";
+  const basePath = pathSegments[0] ?? "";
+  const pageTitle =
+    pathSegments
+      .at(-1)
+      ?.replaceAll(/[-_]/g, " ")
+      .replace(/^./, (c) => c.toUpperCase()) ?? "Home";
 
   const waveId = myStream?.activeWave.id ?? null;
   const { wave, isLoading, isFetching } = useWaveById(waveId);
@@ -234,76 +466,36 @@ export default function AppHeader() {
     <Bars3Icon className="tw-size-6 tw-flex-shrink-0" />
   );
   const hasMultipleConnectedAccounts = connectedAccounts.length > 1;
-
-  const switchToNextConnectedAccount = (): boolean => {
-    if (connectedAccounts.length < 2) {
-      return false;
-    }
-
-    const activeIndex = connectedAccounts.findIndex(
-      (account) => account.isActive
-    );
-    const currentIndex = Math.max(activeIndex, 0);
-    const nextAccount =
-      connectedAccounts[(currentIndex + 1) % connectedAccounts.length];
-    if (!nextAccount) {
-      return false;
-    }
-
-    try {
-      seizeSwitchConnectedAccount(nextAccount.address);
-      return true;
-    } catch (error) {
-      console.error("Failed to switch connected account from header", error);
-      setMenuOpen(true);
-      return false;
-    }
-  };
-
-  const onProfileActivate = () => {
-    if (!address) {
-      setMenuOpen(true);
-      return;
-    }
-
-    if (profileClickTimeoutRef.current) {
-      clearTimeout(profileClickTimeoutRef.current);
-      profileClickTimeoutRef.current = null;
-
-      const didSwitchAccount = switchToNextConnectedAccount();
-      if (!didSwitchAccount) {
-        setMenuOpen(true);
-      }
-      return;
-    }
-
-    profileClickTimeoutRef.current = setTimeout(() => {
-      profileClickTimeoutRef.current = null;
-      setMenuOpen(true);
-    }, PROFILE_DOUBLE_ACTIVATE_DELAY_MS);
-  };
-
-  const finalTitle: React.ReactNode = (() => {
-    if (pathname === "/waves/create") return "Waves";
-    if (pathname === "/messages/create") return "Messages";
-    if (isWavesRoute && !waveId) return "Waves";
-    if (isMessagesRoute && !waveId) return "Messages";
-    if (waveId) {
-      if (isWaveResolving) return <Spinner />;
-      return wave?.name;
-    }
-
-    const collectionTitle = getCollectionTitle(basePath!, pageTitle!);
-    if (collectionTitle) return collectionTitle;
-
-    const rememesTitle = getRememesTitle(pathSegments);
-    if (rememesTitle) return rememesTitle;
-
-    const dropForgeTitle = getDropForgeTitle(pathSegments);
-    if (dropForgeTitle) return dropForgeTitle;
-
-    return sliceString(capitalizeEveryWord(pageTitle!), 20);
-  })();
+  const openMenu = () => setMenuOpen(true);
+  const onProfileActivate = () =>
+    handleProfileActivate({
+      address,
+      profileClickTimeoutRef,
+      openMenu,
+      switchConnectedAccount: () =>
+        switchToNextConnectedAccount({
+          connectedAccounts,
+          seizeSwitchConnectedAccount,
+          onFailure: (error) => {
+            console.error(
+              "Failed to switch connected account from header",
+              error
+            );
+          },
+        }),
+    });
+
+  const finalTitle = getHeaderTitle({
+    pathname,
+    waveId,
+    wave,
+    isWaveResolving,
+    isWavesRoute,
+    isMessagesRoute,
+    basePath,
+    pageTitle,
+    pathSegments,
+  });
 
   return (
     <div className="tw-w-full tw-bg-black tw-pt-[env(safe-area-inset-top,0px)] tw-text-iron-50">
@@ -324,77 +516,32 @@ export default function AppHeader() {
           </button>
         )}
         <div className="tw-flex tw-min-w-0 tw-flex-1 tw-items-center tw-justify-center tw-gap-2">
-          {activeWave !== null && !isWaveResolving ? (
-            <div className="tw-flex tw-min-w-0 tw-max-w-[min(62vw,28rem)] tw-items-center tw-gap-2">
-              <div className="tw-size-10 tw-flex-shrink-0 tw-overflow-hidden tw-rounded-full tw-ring-1 tw-ring-white/30">
-                <WavePicture
-                  name={activeWave.name}
-                  picture={activeWave.picture ?? null}
-                  contributors={activeWave.contributors_overview.map((c) => ({
-                    pfp: c.contributor_pfp,
-                    identity: c.contributor_identity,
-                  }))}
-                />
-              </div>
-              {!isDm && previewText !== null ? (
-                <WaveDescriptionPopover
-                  wave={activeWave}
-                  align="center"
-                  ariaLabel="Show wave description"
-                  triggerClassName="tw-flex tw-min-w-0 tw-flex-col tw-items-start tw-border-0 tw-bg-transparent tw-p-0 tw-text-left"
-                >
-                  <span className="tw-w-full tw-truncate tw-text-sm tw-font-semibold">
-                    {activeWave.name}
-                  </span>
-                  <span className="tw-w-full tw-truncate tw-text-xs tw-font-normal tw-text-iron-400">
-                    {previewText}
-                  </span>
-                </WaveDescriptionPopover>
-              ) : (
-                <span className="tw-min-w-0 tw-truncate tw-text-sm tw-font-semibold">
-                  {activeWave.name}
-                </span>
-              )}
-            </div>
-          ) : (
-            <span className="tw-text-sm tw-font-semibold">{finalTitle}</span>
-          )}
+          <HeaderTitleContent
+            activeWave={activeWave}
+            isWaveResolving={isWaveResolving}
+            isDm={isDm}
+            previewText={previewText}
+            finalTitle={finalTitle}
+          />
         </div>
         <div className="tw-flex tw-flex-shrink-0 tw-items-center tw-justify-end tw-gap-x-1">
-          {showGalleryToggle && (
-            <button
-              type="button"
-              onClick={toggleViewMode}
-              aria-label={
-                viewMode === "chat"
-                  ? "Switch to gallery view"
-                  : "Switch to chat view"
-              }
-              className="tw-flex tw-h-10 tw-w-10 tw-flex-shrink-0 tw-items-center tw-justify-center tw-rounded-lg tw-border tw-border-solid tw-border-iron-700 tw-bg-iron-900 tw-text-iron-300"
-            >
-              {viewMode === "chat" ? (
-                <Squares2X2Icon className="tw-h-5 tw-w-5" />
-              ) : (
-                <ChatBubbleLeftIcon className="tw-h-5 tw-w-5" />
-              )}
-            </button>
-          )}
+          <HeaderGalleryToggle
+            showGalleryToggle={showGalleryToggle}
+            viewMode={viewMode}
+            toggleViewMode={toggleViewMode}
+          />
           <div className="tw-flex-shrink-0">
             <HeaderActionButtons />
           </div>
           {isHomeRoute && <NetworkHealthCTA className="md:tw-hidden" />}
-          {showWaveLinkAction && (
-            <button
-              type="button"
-              onClick={handleWaveLinkActionClick}
-              aria-label={waveLinkActionLabel}
-              title={waveLinkActionLabel}
-              data-wave-link-action-mode={waveLinkActionMode}
-              className={`tw-flex tw-h-10 tw-w-10 tw-flex-shrink-0 tw-items-center tw-justify-center tw-rounded-lg tw-border tw-border-solid tw-border-iron-700 tw-bg-iron-900 ${waveLinkActionIconColor}`}
-            >
-              {renderWaveLinkActionIcon()}
-            </button>
-          )}
+          <HeaderWaveLinkAction
+            showWaveLinkAction={showWaveLinkAction}
+            handleWaveLinkActionClick={handleWaveLinkActionClick}
+            waveLinkActionLabel={waveLinkActionLabel}
+            waveLinkActionMode={waveLinkActionMode}
+            waveLinkActionIconColor={waveLinkActionIconColor}
+            renderWaveLinkActionIcon={renderWaveLinkActionIcon}
+          />
           <div className="tw-flex-shrink-0">
             <HeaderSearchButton
               wave={
diff --git a/components/memes/drops/MemeParticipationDrop.tsx b/components/memes/drops/MemeParticipationDrop.tsx
index 884c48534e..34a7ed6770 100644
--- a/components/memes/drops/MemeParticipationDrop.tsx
+++ b/components/memes/drops/MemeParticipationDrop.tsx
@@ -27,6 +27,7 @@ interface MemeParticipationDropProps {
   readonly showReplyAndQuote: boolean;
   readonly location: DropLocation;
   readonly onReply: (param: DropInteractionParams) => void;
+  readonly showInteractions?: boolean | undefined;
 }
 
 // Border styling based on rank
@@ -62,6 +63,7 @@ export default function MemeParticipationDrop({
   showReplyAndQuote,
   location,
   onReply,
+  showInteractions = true,
 }: MemeParticipationDropProps) {
   const [isVotingModalOpen, setIsVotingModalOpen] = useState(false);
   const { canShowVote } = useDropInteractionRules(drop);
@@ -86,6 +88,37 @@ export default function MemeParticipationDrop({
     onReply({ drop, partId: drop.parts[0]?.part_id! });
   }, [onReply, drop]);
 
+  const content = (
+    <>
+      <div className="tw-p-4">
+        <MemeDropArtistInfo drop={drop} />
+        <div className="tw-mt-2 tw-flex tw-flex-col sm:tw-ml-[3.25rem] sm:tw-mt-1.5">
+          <MemeDropHeader title={title} />
+          <MemeDropDescription description={description} />
+        </div>
+      </div>
+      {artworkMedia && (
+        <div
+          className={`tw-flex tw-h-96 tw-justify-center ${
+            location === DropLocation.WAVE
+              ? "tw-bg-iron-800/30"
+              : "tw-bg-iron-900/40"
+          }`}
+        >
+          <DropListItemContentMedia
+            media_mime_type={artworkMedia.mime_type}
+            media_url={artworkMedia.url}
+            isCompetitionDrop={true}
+          />
+        </div>
+      )}
+
+      <div className="tw-px-4 tw-py-4">
+        <MemeDropTraits drop={drop} />
+      </div>
+    </>
+  );
+
   return (
     <div className="tw-w-full tw-@container">
       <div
@@ -100,40 +133,17 @@ export default function MemeParticipationDrop({
               : "tw-bg-iron-950"
           }`}
         >
-          <DropMobileMenuHandler
-            drop={drop}
-            showReplyAndQuote={showReplyAndQuote}
-            onReply={handleOnReply}
-          >
-            <>
-              <div className="tw-p-4">
-                <MemeDropArtistInfo drop={drop} />
-                <div className="tw-mt-2 tw-flex tw-flex-col sm:tw-ml-[3.25rem] sm:tw-mt-1.5">
-                  <MemeDropHeader title={title} />
-                  <MemeDropDescription description={description} />
-                </div>
-              </div>
-              {artworkMedia && (
-                <div
-                  className={`tw-flex tw-h-96 tw-justify-center ${
-                    location === DropLocation.WAVE
-                      ? "tw-bg-iron-800/30"
-                      : "tw-bg-iron-900/40"
-                  }`}
-                >
-                  <DropListItemContentMedia
-                    media_mime_type={artworkMedia.mime_type}
-                    media_url={artworkMedia.url}
-                    isCompetitionDrop={true}
-                  />
-                </div>
-              )}
-
-              <div className="tw-px-4 tw-py-4">
-                <MemeDropTraits drop={drop} />
-              </div>
-            </>
-          </DropMobileMenuHandler>
+          {showInteractions ? (
+            <DropMobileMenuHandler
+              drop={drop}
+              showReplyAndQuote={showReplyAndQuote}
+              onReply={handleOnReply}
+            >
+              {content}
+            </DropMobileMenuHandler>
+          ) : (
+            content
+          )}
           <div className="tw-flex tw-flex-col tw-justify-between tw-gap-3 tw-pb-4 @[700px]:tw-flex-row @[700px]:tw-items-center @[700px]:tw-gap-y-0 @[700px]:tw-px-4">
             <div className="tw-px-4 @[700px]:tw-px-0">
               <MemeDropVoteStats
@@ -146,7 +156,7 @@ export default function MemeParticipationDrop({
               />
             </div>
 
-            {canShowVote && (
+            {canShowVote && showInteractions && (
               <div className="tw-flex tw-w-full tw-justify-center tw-border-x-0 tw-border-b-0 tw-border-t tw-border-solid tw-border-iron-800 tw-px-6 tw-pt-4 @[700px]:tw-w-auto @[700px]:tw-border-none @[700px]:tw-px-0 @[700px]:tw-pt-0">
                 <div onClick={(e) => e.stopPropagation()}>
                   <VotingModalButton
@@ -158,33 +168,38 @@ export default function MemeParticipationDrop({
             )}
           </div>
 
-          <div className="tw-flex tw-w-full tw-flex-wrap tw-items-center tw-gap-x-2 tw-gap-y-1 tw-px-4 tw-pb-4">
-            <WaveDropReactions drop={drop} />
-          </div>
+          {showInteractions && (
+            <div className="tw-flex tw-w-full tw-flex-wrap tw-items-center tw-gap-x-2 tw-gap-y-1 tw-px-4 tw-pb-4">
+              <WaveDropReactions drop={drop} />
+            </div>
+          )}
+
+          {showInteractions && (
+            <div className="tw-absolute tw-right-4 tw-top-2">
+              <MemeDropActions
+                drop={drop}
+                isMobile={isMobile}
+                showReplyAndQuote={showReplyAndQuote}
+                onReply={handleOnReply}
+              />
+            </div>
+          )}
+        </div>
 
-          <div className="tw-absolute tw-right-4 tw-top-2">
-            <MemeDropActions
+        {showInteractions &&
+          (isMobileScreen ? (
+            <MobileVotingModal
               drop={drop}
-              isMobile={isMobile}
-              showReplyAndQuote={showReplyAndQuote}
-              onReply={handleOnReply}
+              isOpen={isVotingModalOpen}
+              onClose={() => setIsVotingModalOpen(false)}
             />
-          </div>
-        </div>
-
-        {isMobileScreen ? (
-          <MobileVotingModal
-            drop={drop}
-            isOpen={isVotingModalOpen}
-            onClose={() => setIsVotingModalOpen(false)}
-          />
-        ) : (
-          <VotingModal
-            drop={drop}
-            isOpen={isVotingModalOpen}
-            onClose={() => setIsVotingModalOpen(false)}
-          />
-        )}
+          ) : (
+            <VotingModal
+              drop={drop}
+              isOpen={isVotingModalOpen}
+              onClose={() => setIsVotingModalOpen(false)}
+            />
+          ))}
       </div>
     </div>
   );
diff --git a/components/memes/drops/MemeWinnerDrop.tsx b/components/memes/drops/MemeWinnerDrop.tsx
index e56ab0f3b2..e7d4cf7d2b 100644
--- a/components/memes/drops/MemeWinnerDrop.tsx
+++ b/components/memes/drops/MemeWinnerDrop.tsx
@@ -23,6 +23,7 @@ interface MemeWinnerDropProps {
   readonly drop: ExtendedDrop;
   readonly showReplyAndQuote: boolean;
   readonly onReply: (param: DropInteractionParams) => void;
+  readonly showInteractions?: boolean | undefined;
 }
 
 const getRankHoverClass = (rank: number | null): string => {
@@ -33,6 +34,7 @@ export default function MemeWinnerDrop({
   drop,
   showReplyAndQuote,
   onReply,
+  showInteractions = true,
 }: MemeWinnerDropProps) {
   const isMobile = useIsMobileDevice();
   const { location } = useDropContext();
@@ -53,6 +55,41 @@ export default function MemeWinnerDrop({
   }, [onReply, drop]);
   const effectiveRank = drop.winning_context?.place ?? drop.rank;
 
+  const content = (
+    <>
+      <div className="tw-border-x-0 tw-border-b tw-border-t-0 tw-border-solid tw-border-white/5 tw-bg-iron-900/30 tw-p-4 tw-pb-3">
+        <MemeWinnerArtistInfo drop={drop} />
+      </div>
+
+      <div className="tw-px-4 tw-pb-4 tw-pt-4">
+        <div className="tw-space-y-1">
+          <MemeWinnerHeader title={title} />
+          <MemeWinnerDescription description={description} />
+        </div>
+      </div>
+
+      <WaveWinnerIdentity
+        drop={drop}
+        variant="full"
+        className="tw-px-4 tw-pb-4"
+      />
+
+      {artworkMedia && (
+        <div className="tw-mx-0.5 tw-flex tw-h-96 tw-justify-center tw-bg-iron-950">
+          <DropListItemContentMedia
+            media_mime_type={artworkMedia.mime_type}
+            media_url={artworkMedia.url}
+            isCompetitionDrop={true}
+          />
+        </div>
+      )}
+
+      <div className="tw-mt-4 tw-hidden tw-border-x-0 tw-border-b-0 tw-border-t tw-border-solid tw-border-white/5 tw-bg-iron-900/30 tw-p-4 lg:tw-block">
+        <MemeDropTraits drop={drop} />
+      </div>
+    </>
+  );
+
   return (
     <div className="tw-mb-3 tw-w-full">
       <div
@@ -69,45 +106,18 @@ export default function MemeWinnerDrop({
               : "tw-bg-iron-950"
           } ${getRankHoverClass(effectiveRank)}`}
         >
-          <DropMobileMenuHandler
-            drop={drop}
-            showReplyAndQuote={showReplyAndQuote}
-            onReply={handleOnReply}
-          >
-            <>
-              <div className="tw-border-x-0 tw-border-b tw-border-t-0 tw-border-solid tw-border-white/5 tw-bg-iron-900/30 tw-p-4 tw-pb-3">
-                <MemeWinnerArtistInfo drop={drop} />
-              </div>
-
-              <div className="tw-px-4 tw-pb-4 tw-pt-4">
-                <div className="tw-space-y-1">
-                  <MemeWinnerHeader title={title} />
-                  <MemeWinnerDescription description={description} />
-                </div>
-              </div>
-
-              <WaveWinnerIdentity
-                drop={drop}
-                variant="full"
-                className="tw-px-4 tw-pb-4"
-              />
-
-              {artworkMedia && (
-                <div className="tw-mx-0.5 tw-flex tw-h-96 tw-justify-center tw-bg-iron-950">
-                  <DropListItemContentMedia
-                    media_mime_type={artworkMedia.mime_type}
-                    media_url={artworkMedia.url}
-                    isCompetitionDrop={true}
-                  />
-                </div>
-              )}
-
-              <div className="tw-mt-4 tw-hidden tw-border-x-0 tw-border-b-0 tw-border-t tw-border-solid tw-border-white/5 tw-bg-iron-900/30 tw-p-4 lg:tw-block">
-                <MemeDropTraits drop={drop} />
-              </div>
-            </>
-          </DropMobileMenuHandler>
-          {!isMobile && showReplyAndQuote && (
+          {showInteractions ? (
+            <DropMobileMenuHandler
+              drop={drop}
+              showReplyAndQuote={showReplyAndQuote}
+              onReply={handleOnReply}
+            >
+              {content}
+            </DropMobileMenuHandler>
+          ) : (
+            content
+          )}
+          {!isMobile && showInteractions && showReplyAndQuote && (
             <div className="tw-absolute tw-right-4 tw-top-2">
               <WaveDropActions
                 drop={drop}
diff --git a/components/user/layout/UserPageLayout.tsx b/components/user/layout/UserPageLayout.tsx
index 5f72c0e74e..0bff329cfc 100644
--- a/components/user/layout/UserPageLayout.tsx
+++ b/components/user/layout/UserPageLayout.tsx
@@ -19,20 +19,20 @@ export default function UserPageLayout({
     initialProfile?.primary_wallet ?? normalizedHandleOrWallet;
 
   return (
-    <main className="tw-flex tw-flex-col tw-min-h-[100dvh] tailwind-scope">
+    <main className="tailwind-scope tw-flex tw-min-h-[100dvh] tw-flex-col">
       <UserPageDropModal />
       <UserPageClientHydrator
         profile={initialProfile}
         handleOrWallet={normalizedHandleOrWallet}
       />
-      <div className="tw-flex-1 tw-bg-black tw-pb-16 lg:tw-pb-20 tw-border-r tw-border-iron-800 tw-border-solid tw-border-y-0 tw-border-l-0">
+      <div className="tw-flex-1 tw-border-y-0 tw-border-l-0 tw-border-r tw-border-solid tw-border-iron-800 tw-bg-black tw-pb-16 lg:tw-pb-20">
         <UserPageHeader
           profile={initialProfile}
           handleOrWallet={normalizedHandleOrWallet}
           fallbackMainAddress={mainAddress}
         />
-        <div className="tw-px-4 sm:tw-px-6 md:tw-px-8 tw-mx-auto">
-          <UserPageTabs />
+        <div className="tw-mx-auto tw-px-4 sm:tw-px-6 md:tw-px-8">
+          <UserPageTabs initialProfile={initialProfile} />
           <div className="tw-mt-6 lg:tw-mt-8">{children}</div>
         </div>
       </div>
diff --git a/components/user/layout/UserPageTabs.tsx b/components/user/layout/UserPageTabs.tsx
index 9049c25f1c..d61680c9aa 100644
--- a/components/user/layout/UserPageTabs.tsx
+++ b/components/user/layout/UserPageTabs.tsx
@@ -5,6 +5,8 @@ import { useCookieConsent } from "@/components/cookies/CookieConsentContext";
 import { useSeizeConnectContext } from "@/components/auth/SeizeConnectContext";
 import { isOwnProfileRoute } from "@/helpers/ProfileHelpers";
 import useCapacitor from "@/hooks/useCapacitor";
+import { useIdentity } from "@/hooks/useIdentity";
+import type { ApiIdentity } from "@/generated/models/ApiIdentity";
 import {
   faChevronLeft,
   faChevronRight,
@@ -33,9 +35,7 @@ import {
   type UserPageVisibilityContext,
   getUserPageTabByRoute,
 } from "./userTabs.config";
-import {
-  shouldHideSubscriptions,
-} from "./userPageVisibility";
+import { shouldHideSubscriptions } from "./userPageVisibility";
 import { shouldDelayUserPageBrainRedirect } from "./userPageBrainAccess";
 
 const DEFAULT_TAB = DEFAULT_USER_PAGE_TAB;
@@ -45,17 +45,20 @@ const getServerRenderSnapshot = () => false;
 
 const getVisibilityContext = ({
   showWaves,
+  hasProfileWave,
   capacitorIsIos,
   country,
   isOwnProfile,
 }: {
   readonly showWaves: boolean;
+  readonly hasProfileWave: boolean;
   readonly capacitorIsIos: boolean;
   readonly country: string | null | undefined;
   readonly isOwnProfile: boolean;
 }): UserPageVisibilityContext => {
   return {
     showWaves,
+    hasProfileWave,
     hideSubscriptions: shouldHideSubscriptions({
       capacitorIsIos,
       country,
@@ -71,7 +74,11 @@ const resolveTabFromPath = (pathname: string): UserPageTabKey => {
   return match?.id ?? DEFAULT_TAB;
 };
 
-export default function UserPageTabs() {
+export default function UserPageTabs({
+  initialProfile,
+}: {
+  readonly initialProfile: ApiIdentity;
+}) {
   const pathname = usePathname();
   const router = useRouter();
   const params = useParams();
@@ -82,6 +89,11 @@ export default function UserPageTabs() {
   const { country } = useCookieConsent();
   const { showWaves, connectedProfile, fetchingProfile } = useAuth();
   const { address, connectionState } = useSeizeConnectContext();
+  const { profile: viewedProfile } = useIdentity({
+    handleOrWallet,
+    initialProfile,
+  });
+  const resolvedViewedProfile = viewedProfile ?? initialProfile;
 
   const isOwnProfile = useMemo(() => {
     return isOwnProfileRoute({
@@ -90,15 +102,18 @@ export default function UserPageTabs() {
     });
   }, [connectedProfile, handleOrWallet]);
 
+  const hasProfileWave = Boolean(resolvedViewedProfile.profile_wave_id);
+
   const visibilityContext = useMemo(
     () =>
       getVisibilityContext({
         showWaves,
+        hasProfileWave,
         capacitorIsIos: capacitor.isIos,
         country,
         isOwnProfile,
       }),
-    [capacitor.isIos, country, isOwnProfile, showWaves]
+    [capacitor.isIos, country, hasProfileWave, isOwnProfile, showWaves]
   );
 
   const scrollContainerRef = useRef<HTMLDivElement>(null);
diff --git a/components/user/layout/userTabs.config.ts b/components/user/layout/userTabs.config.ts
index 80e1aa7f0b..e857240d08 100644
--- a/components/user/layout/userTabs.config.ts
+++ b/components/user/layout/userTabs.config.ts
@@ -1,5 +1,6 @@
 export type UserPageVisibilityContext = {
   readonly showWaves: boolean;
+  readonly hasProfileWave: boolean;
   readonly hideSubscriptions: boolean;
   readonly isOwnProfile: boolean;
 };
@@ -27,6 +28,13 @@ const TAB_DEFINITIONS = [
     route: "brain",
     isVisible: ({ showWaves }: UserPageVisibilityContext) => showWaves,
   },
+  {
+    id: "waves",
+    title: "Curation",
+    route: "curations",
+    isVisible: ({ hasProfileWave }: UserPageVisibilityContext) =>
+      hasProfileWave,
+  },
   {
     id: "collected",
     title: "Collected",
diff --git a/components/user/waves/UserPageProfileWave.tsx b/components/user/waves/UserPageProfileWave.tsx
new file mode 100644
index 0000000000..9caf94e84d
--- /dev/null
+++ b/components/user/waves/UserPageProfileWave.tsx
@@ -0,0 +1,576 @@
+"use client";
+
+import { useAuth } from "@/components/auth/Auth";
+import { Spinner } from "@/components/dotLoader/DotLoader";
+import CircleLoader from "@/components/distribution-plan-tool/common/CircleLoader";
+import SecondaryButton from "@/components/utils/button/SecondaryButton";
+import MyStreamWaveCurationContent from "@/components/brain/my-stream/curations/MyStreamWaveCurationContent";
+import UserPageProfileWaveMasonry from "@/components/user/waves/UserPageProfileWaveMasonry";
+import { TOOLTIP_STYLES } from "@/helpers/tooltip.helpers";
+import { useProfileCurationViewMode } from "@/hooks/useProfileCurationViewMode";
+import { useProfileWaveMutation } from "@/hooks/useProfileWaveMutation";
+import { useWaveById } from "@/hooks/useWaveById";
+import { useWaveCurations } from "@/hooks/waves/useWaveCurations";
+import { useIdentity } from "@/hooks/useIdentity";
+import type { ApiIdentity } from "@/generated/models/ApiIdentity";
+import type { ApiWaveCuration } from "@/generated/models/ApiWaveCuration";
+import { isOwnProfileRoute } from "@/helpers/ProfileHelpers";
+import { getWaveRoute } from "@/helpers/navigation.helpers";
+import { isWaveDirectMessage } from "@/helpers/waves/wave.helpers";
+import {
+  ArrowTopRightOnSquareIcon,
+  XMarkIcon,
+} from "@heroicons/react/24/outline";
+import {
+  useParams,
+  usePathname,
+  useRouter,
+  useSearchParams,
+} from "next/navigation";
+import { useCallback, useEffect, useMemo } from "react";
+import { Tooltip } from "react-tooltip";
+
+type ApiErrorLike = {
+  readonly status?: number | undefined;
+  readonly response?: {
+    readonly status?: number | undefined;
+  };
+};
+
+const getErrorStatus = (error: unknown): number | null => {
+  if (error === null || error === undefined || typeof error !== "object") {
+    return null;
+  }
+
+  const apiError = error as ApiErrorLike;
+  return apiError.status ?? apiError.response?.status ?? null;
+};
+
+const getErrorMessage = (error: unknown): string => {
+  if (typeof error === "string") {
+    return error;
+  }
+
+  if (error instanceof Error) {
+    return error.message;
+  }
+
+  return "";
+};
+
+const isUnavailableWaveError = (error: unknown): boolean => {
+  const status = getErrorStatus(error);
+  if (status === 403 || status === 404) {
+    return true;
+  }
+
+  return /not found|forbidden/i.test(getErrorMessage(error));
+};
+
+function UnavailableState({
+  canClear,
+  onClear,
+  isPending,
+}: {
+  readonly canClear: boolean;
+  readonly onClear: () => Promise<unknown>;
+  readonly isPending: boolean;
+}) {
+  return (
+    <section className="tw-rounded-2xl tw-border tw-border-solid tw-border-white/10 tw-bg-iron-950/70 tw-p-6 sm:tw-p-8">
+      <div className="tw-flex tw-flex-col tw-gap-5 sm:tw-flex-row sm:tw-items-start sm:tw-justify-between">
+        <div className="tw-max-w-xl">
+          <h2 className="tw-mb-0 tw-text-xl tw-font-semibold tw-text-iron-50">
+            Official wave unavailable
+          </h2>
+          <p className="tw-mb-0 tw-mt-3 tw-text-sm tw-leading-6 tw-text-iron-400">
+            The official wave behind this curation tab could not be loaded. It
+            may have been removed or is no longer accessible.
+          </p>
+        </div>
+        {canClear && (
+          <button
+            type="button"
+            onClick={onClear}
+            disabled={isPending}
+            className={`tw-flex tw-items-center tw-justify-center tw-gap-x-1.5 tw-whitespace-nowrap tw-rounded-lg tw-border tw-border-solid tw-bg-iron-950 tw-px-3 tw-py-2 tw-text-xs tw-font-semibold tw-shadow-sm tw-ring-1 tw-transition tw-duration-300 tw-ease-out focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-iron-700 ${
+              isPending
+                ? "tw-cursor-not-allowed tw-border-iron-950 tw-text-iron-600 tw-ring-iron-900"
+                : "tw-border-iron-950 tw-text-iron-300 tw-ring-iron-800 hover:tw-border-iron-800 hover:tw-bg-iron-800 hover:tw-ring-iron-700"
+            }`}
+          >
+            {isPending ? (
+              <CircleLoader />
+            ) : (
+              <XMarkIcon className="tw-h-4 tw-w-4 tw-flex-shrink-0" />
+            )}
+            <span>Clear official wave</span>
+          </button>
+        )}
+      </div>
+    </section>
+  );
+}
+
+function LoadErrorState({
+  description,
+  isRetrying,
+  onRetry,
+  title,
+}: {
+  readonly description: string;
+  readonly isRetrying: boolean;
+  readonly onRetry: () => void;
+  readonly title: string;
+}) {
+  return (
+    <section className="tw-rounded-2xl tw-border tw-border-solid tw-border-white/10 tw-bg-iron-950/70 tw-p-6 sm:tw-p-8">
+      <div className="tw-flex tw-flex-col tw-gap-5 sm:tw-flex-row sm:tw-items-start sm:tw-justify-between">
+        <div className="tw-max-w-xl">
+          <h2 className="tw-mb-0 tw-text-xl tw-font-semibold tw-text-iron-50">
+            {title}
+          </h2>
+          <p className="tw-mb-0 tw-mt-3 tw-text-sm tw-leading-6 tw-text-iron-400">
+            {description}
+          </p>
+        </div>
+        <SecondaryButton
+          onClicked={onRetry}
+          disabled={isRetrying}
+          size="sm"
+          className="tw-whitespace-nowrap"
+        >
+          {isRetrying ? <CircleLoader /> : "Retry"}
+        </SecondaryButton>
+      </div>
+    </section>
+  );
+}
+
+const resolveProfileCuration = (
+  curations: readonly ApiWaveCuration[]
+): ApiWaveCuration | null => {
+  let firstCreatedCuration: ApiWaveCuration | null = null;
+
+  for (const curation of curations) {
+    if (
+      !firstCreatedCuration ||
+      curation.created_at < firstCreatedCuration.created_at ||
+      (curation.created_at === firstCreatedCuration.created_at &&
+        curation.id.localeCompare(firstCreatedCuration.id) < 0)
+    ) {
+      firstCreatedCuration = curation;
+    }
+  }
+
+  return firstCreatedCuration;
+};
+
+const getProfilePageSearchString = (searchString: string): string => {
+  const params = new URLSearchParams(searchString);
+  params.delete("curation");
+  return params.toString();
+};
+
+function ProfileCurationViewToggle({
+  viewMode,
+  onChange,
+}: {
+  readonly viewMode: "masonry" | "list";
+  readonly onChange: (mode: "masonry" | "list") => void;
+}) {
+  const viewModes = [
+    {
+      mode: "list" as const,
+      label: "List view",
+      tooltipId: "profile-curation-view-toggle-list",
+      icon: (
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          aria-hidden="true"
+          viewBox="0 0 24 24"
+          strokeWidth="1.5"
+          stroke="currentColor"
+          className="tw-size-5 tw-flex-shrink-0"
+        >
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"
+          />
+        </svg>
+      ),
+    },
+    {
+      mode: "masonry" as const,
+      label: "Grid view",
+      tooltipId: "profile-curation-view-toggle-grid",
+      icon: (
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          aria-hidden="true"
+          viewBox="0 0 24 24"
+          strokeWidth="1.5"
+          stroke="currentColor"
+          className="tw-size-5 tw-flex-shrink-0"
+        >
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            d="M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z"
+          />
+        </svg>
+      ),
+    },
+  ];
+
+  const getViewModeTabClass = (mode: "masonry" | "list"): string => {
+    const baseClassName =
+      "tw-flex tw-h-7 tw-w-7 tw-items-center tw-justify-center tw-rounded-md tw-border tw-border-solid tw-border-transparent tw-transition-colors";
+
+    if (viewMode === mode) {
+      return `${baseClassName} tw-border-primary-500/50 tw-bg-primary-600/20 tw-text-primary-400`;
+    }
+
+    return `${baseClassName} tw-bg-transparent tw-text-iron-500 desktop-hover:hover:tw-bg-white/5 desktop-hover:hover:tw-text-iron-300`;
+  };
+
+  return (
+    <div
+      role="tablist"
+      aria-label="Profile curation view modes"
+      className="tw-flex tw-flex-shrink-0 tw-gap-0.5 tw-whitespace-nowrap tw-rounded-lg tw-border tw-border-solid tw-border-white/10 tw-bg-iron-950 tw-p-1"
+    >
+      {viewModes.map((mode) => (
+        <div key={mode.mode}>
+          <button
+            type="button"
+            role="tab"
+            aria-label={mode.label}
+            aria-selected={viewMode === mode.mode}
+            tabIndex={viewMode === mode.mode ? 0 : -1}
+            className={getViewModeTabClass(mode.mode)}
+            onClick={() => onChange(mode.mode)}
+            data-tooltip-id={mode.tooltipId}
+          >
+            {mode.icon}
+            <span className="tw-sr-only">{mode.label}</span>
+          </button>
+          <Tooltip
+            id={mode.tooltipId}
+            place="top"
+            offset={8}
+            opacity={1}
+            positionStrategy="fixed"
+            style={TOOLTIP_STYLES}
+          >
+            <span className="tw-text-xs">{mode.label}</span>
+          </Tooltip>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+const getProfileCurationTitle = (
+  profileCuration: ApiWaveCuration | null
+): string => {
+  const title = profileCuration?.name.trim() ?? "";
+  return title || "Curation";
+};
+
+function ProfileCurationBody({
+  areCurationsError,
+  areCurationsFetching,
+  areCurationsLoading,
+  hasLoadedCurations,
+  onRetryCurations,
+  profileCuration,
+  profileIdentity,
+  viewMode,
+  wave,
+}: {
+  readonly areCurationsError: boolean;
+  readonly areCurationsFetching: boolean;
+  readonly areCurationsLoading: boolean;
+  readonly hasLoadedCurations: boolean;
+  readonly onRetryCurations: () => void;
+  readonly profileCuration: ApiWaveCuration | null;
+  readonly profileIdentity: {
+    readonly id?: string | null | undefined;
+    readonly handle?: string | null | undefined;
+    readonly primary_address?: string | null | undefined;
+  };
+  readonly viewMode: "masonry" | "list";
+  readonly wave: NonNullable<ReturnType<typeof useWaveById>["wave"]>;
+}) {
+  if (areCurationsLoading) {
+    return (
+      <div className="tw-flex tw-min-h-32 tw-items-center tw-justify-center tw-text-sm tw-text-iron-400">
+        <Spinner dimension={18} />
+        <span className="tw-ml-3">Loading curation...</span>
+      </div>
+    );
+  }
+
+  if (areCurationsError && !hasLoadedCurations) {
+    return (
+      <LoadErrorState
+        title="Unable to load curations"
+        description="There was a temporary problem loading the curations in this official wave. Try again."
+        isRetrying={areCurationsFetching}
+        onRetry={onRetryCurations}
+      />
+    );
+  }
+
+  if (!profileCuration) {
+    return (
+      <div className="tw-p-6">
+        <h2 className="tw-mb-0 tw-text-lg tw-font-semibold tw-text-iron-50">
+          No curations yet
+        </h2>
+        <p className="tw-mb-0 tw-mt-2 tw-text-sm tw-leading-6 tw-text-iron-400">
+          This official wave does not have any curations to show yet.
+        </p>
+      </div>
+    );
+  }
+
+  if (viewMode === "masonry") {
+    return (
+      <UserPageProfileWaveMasonry
+        wave={wave}
+        curationId={profileCuration.id}
+        curationName={profileCuration.name}
+        showIdentity={false}
+        profileIdentity={profileIdentity}
+      />
+    );
+  }
+
+  return (
+    <MyStreamWaveCurationContent
+      wave={wave}
+      curationId={profileCuration.id}
+      curationName={profileCuration.name}
+      constrainToViewport={false}
+    />
+  );
+}
+
+export default function UserPageProfileWave({
+  profile: initialProfile,
+}: {
+  readonly profile: ApiIdentity;
+}) {
+  const params = useParams();
+  const pathname = usePathname();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const searchString = searchParams.toString();
+  const handleOrWallet = params["user"]?.toString() ?? "";
+  const { connectedProfile, activeProfileProxy } = useAuth();
+  const { profile } = useIdentity({
+    handleOrWallet,
+    initialProfile,
+  });
+  const resolvedProfile = profile ?? initialProfile;
+  const profileWaveId = resolvedProfile.profile_wave_id;
+  const { wave, isLoading, isError, error, refetch, isFetching } =
+    useWaveById(profileWaveId);
+  const {
+    data: curations,
+    isLoading: areCurationsLoading,
+    isError: areCurationsError,
+    isFetching: areCurationsFetching,
+    refetch: refetchCurations,
+  } = useWaveCurations({
+    waveId: wave?.id ?? "",
+    enabled: !!wave?.id,
+  });
+  const { clearSelectedProfileWave, isPending, pendingAction } =
+    useProfileWaveMutation(resolvedProfile);
+  const { viewMode, setViewMode } = useProfileCurationViewMode();
+  const isOwnProfile = isOwnProfileRoute({
+    connectedProfile,
+    handleOrWallet,
+  });
+  const canClear = isOwnProfile && !activeProfileProxy;
+  const hasUnavailableWaveError = isUnavailableWaveError(error);
+  const profileSearchString = useMemo(
+    () => getProfilePageSearchString(searchString),
+    [searchString]
+  );
+  const hasLoadedCurations = curations !== undefined;
+  const profileCuration = useMemo(
+    () => resolveProfileCuration(curations ?? []),
+    [curations]
+  );
+  const profileCurationTitle = useMemo(
+    () => getProfileCurationTitle(profileCuration),
+    [profileCuration]
+  );
+  const profileIdentityForMasonry = useMemo(
+    () => ({
+      id: resolvedProfile.id,
+      handle: resolvedProfile.handle,
+      primary_address: resolvedProfile.primary_wallet,
+    }),
+    [resolvedProfile.handle, resolvedProfile.id, resolvedProfile.primary_wallet]
+  );
+  const waveHref = useMemo(() => {
+    if (!wave) {
+      return null;
+    }
+
+    const baseWaveHref = getWaveRoute({
+      waveId: wave.id,
+      isDirectMessage: isWaveDirectMessage(wave.id, wave),
+      isApp: false,
+    });
+
+    if (!profileCuration) {
+      return baseWaveHref;
+    }
+
+    return `${baseWaveHref}?${new URLSearchParams({
+      curation: profileCuration.id,
+    }).toString()}`;
+  }, [profileCuration, wave]);
+
+  useEffect(() => {
+    if (profileSearchString === searchString) {
+      return;
+    }
+
+    const nextUrl = profileSearchString
+      ? `${pathname}?${profileSearchString}`
+      : pathname;
+    router.replace(nextUrl, { scroll: false });
+  }, [pathname, profileSearchString, router, searchString]);
+
+  const openWave = useCallback(() => {
+    if (!waveHref) {
+      return;
+    }
+
+    router.push(waveHref, { scroll: false });
+  }, [router, waveHref]);
+  const retryLoad = useCallback(async () => {
+    await refetch();
+  }, [refetch]);
+  const retryCurationsLoad = useCallback(async () => {
+    await refetchCurations();
+  }, [refetchCurations]);
+  const clearProfileWave = useCallback(async () => {
+    await clearSelectedProfileWave();
+  }, [clearSelectedProfileWave]);
+
+  if (!profileWaveId) {
+    return null;
+  }
+
+  if (isLoading) {
+    return (
+      <section
+        className="tw-flex tw-min-h-[16rem] tw-items-center tw-justify-center tw-rounded-2xl tw-border tw-border-solid tw-border-white/10 tw-bg-iron-950/70"
+        aria-label="Loading profile wave"
+      >
+        <div className="tw-flex tw-items-center tw-gap-3 tw-text-sm tw-text-iron-400">
+          <Spinner dimension={18} />
+          Loading profile wave...
+        </div>
+      </section>
+    );
+  }
+
+  if (hasUnavailableWaveError) {
+    return (
+      <UnavailableState
+        canClear={canClear}
+        isPending={isPending}
+        onClear={clearProfileWave}
+      />
+    );
+  }
+
+  if (isError || !wave) {
+    return (
+      <LoadErrorState
+        title="Unable to load official wave"
+        description="There was a temporary problem loading this profile curation. Try again."
+        isRetrying={isFetching}
+        onRetry={retryLoad}
+      />
+    );
+  }
+
+  return (
+    <section className="tw-rounded-2xl tw-border tw-border-solid tw-border-white/10 tw-bg-black tw-p-4 sm:tw-p-5">
+      <div className="tw-flex tw-flex-col tw-gap-5">
+        <div className="tw-flex tw-flex-col tw-gap-4 sm:tw-flex-row sm:tw-items-start sm:tw-justify-between">
+          <div className="tw-min-w-0">
+            <h2 className="tw-mb-1 tw-truncate tw-text-xl tw-font-semibold tw-text-iron-100">
+              {profileCurationTitle}
+            </h2>
+          </div>
+
+          <div className="tw-flex tw-flex-wrap tw-items-center tw-gap-3 sm:tw-justify-end">
+            {profileCuration && (
+              <ProfileCurationViewToggle
+                viewMode={viewMode}
+                onChange={setViewMode}
+              />
+            )}
+            <button
+              type="button"
+              onClick={openWave}
+              className="tw-flex tw-items-center tw-justify-center tw-gap-x-2 tw-whitespace-nowrap tw-rounded-lg tw-border tw-border-solid tw-border-white tw-bg-white tw-px-3 tw-py-2 tw-text-xs tw-font-semibold tw-text-iron-950 tw-shadow-sm tw-ring-1 tw-ring-white/15 tw-transition tw-duration-300 tw-ease-out hover:tw-border-iron-200 hover:tw-bg-iron-100 hover:tw-ring-white/10 focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-white"
+            >
+              <span>Open wave</span>
+              <ArrowTopRightOnSquareIcon className="tw-h-4 tw-w-4 tw-flex-shrink-0" />
+            </button>
+            {canClear && (
+              <button
+                type="button"
+                onClick={clearProfileWave}
+                disabled={isPending}
+                className={`tw-flex tw-items-center tw-justify-center tw-gap-x-1.5 tw-whitespace-nowrap tw-rounded-lg tw-border tw-border-solid tw-bg-iron-950 tw-px-3 tw-py-2 tw-text-xs tw-font-semibold tw-shadow-sm tw-ring-1 tw-transition tw-duration-300 tw-ease-out focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-iron-700 ${
+                  isPending
+                    ? "tw-cursor-not-allowed tw-border-iron-950 tw-text-iron-600 tw-ring-iron-900"
+                    : "tw-border-iron-950 tw-text-iron-300 tw-ring-iron-800 hover:tw-border-iron-800 hover:tw-bg-iron-800 hover:tw-ring-iron-700"
+                }`}
+              >
+                {isPending && pendingAction === "clear" ? (
+                  <CircleLoader />
+                ) : (
+                  <XMarkIcon className="-tw-ml-1.5 tw-h-4 tw-w-4 tw-flex-shrink-0" />
+                )}
+                <span>Clear official wave</span>
+              </button>
+            )}
+          </div>
+        </div>
+
+        <div className="tw-min-w-0 tw-flex-1">
+          <div className="tw-overflow-hidden tw-rounded-2xl">
+            <ProfileCurationBody
+              areCurationsError={areCurationsError}
+              areCurationsFetching={areCurationsFetching}
+              areCurationsLoading={areCurationsLoading}
+              hasLoadedCurations={hasLoadedCurations}
+              onRetryCurations={retryCurationsLoad}
+              profileCuration={profileCuration}
+              profileIdentity={profileIdentityForMasonry}
+              viewMode={viewMode}
+              wave={wave}
+            />
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/components/user/waves/UserPageProfileWaveMasonry.tsx b/components/user/waves/UserPageProfileWaveMasonry.tsx
new file mode 100644
index 0000000000..8527efafa1
--- /dev/null
+++ b/components/user/waves/UserPageProfileWaveMasonry.tsx
@@ -0,0 +1,441 @@
+"use client";
+
+import CurationEmptyState from "@/components/brain/my-stream/curations/CurationEmptyState";
+import CircleLoader, {
+  CircleLoaderSize,
+} from "@/components/distribution-plan-tool/common/CircleLoader";
+import { Spinner } from "@/components/dotLoader/DotLoader";
+import CommonIntersectionElement from "@/components/utils/CommonIntersectionElement";
+import type { ApiDrop } from "@/generated/models/ApiDrop";
+import { ApiDropType } from "@/generated/models/ApiDropType";
+import Drop, { DropLocation } from "@/components/waves/drops/Drop";
+import DropMinimalIdentityRow from "@/components/waves/drops/DropMinimalIdentityRow";
+import WaveDropContent from "@/components/waves/drops/WaveDropContent";
+import WaveDropAuthorPfp from "@/components/waves/drops/WaveDropAuthorPfp";
+import WaveDropMetadata from "@/components/waves/drops/WaveDropMetadata";
+import WaveDropReply from "@/components/waves/drops/WaveDropReply";
+import type { ApiWave } from "@/generated/models/ApiWave";
+import { ImageScale } from "@/helpers/image.helpers";
+import { areSameProfileIdentity } from "@/helpers/ProfileHelpers";
+import type { ExtendedDrop } from "@/helpers/waves/drop.helpers";
+import { useCurationManagementPermission } from "@/hooks/useCurationManagementPermission";
+import { useDropCurationMembershipMutation } from "@/hooks/drops/useDropCurationMembershipMutation";
+import useDeviceInfo from "@/hooks/useDeviceInfo";
+import useIsTouchDevice from "@/hooks/useIsTouchDevice";
+import { useWaveDrops } from "@/hooks/useWaveDrops";
+import { XMarkIcon } from "@heroicons/react/24/outline";
+import { Masonry } from "masonic";
+import { useCallback, useEffect, useMemo, useState } from "react";
+
+interface UserPageProfileWaveMasonryProps {
+  readonly wave: ApiWave;
+  readonly curationId: string;
+  readonly curationName?: string | null | undefined;
+  readonly showIdentity?: boolean | undefined;
+  readonly profileIdentity?: ProfileIdentitySummary | undefined;
+}
+
+const MASONRY_COLUMN_WIDTH = 300;
+const MASONRY_GUTTER = 16;
+
+type ProfileIdentitySummary = {
+  readonly id?: string | null | undefined;
+  readonly handle?: string | null | undefined;
+  readonly primary_address?: string | null | undefined;
+};
+
+type ProfileMasonryIdentityMode = "default" | "minimal" | "hidden";
+
+type ProfileMasonryCardLayout = {
+  readonly contentWrapperClassName: string;
+  readonly identityMode: ProfileMasonryIdentityMode;
+  readonly shouldUseInlineMinimalLayout: boolean;
+  readonly showMinimalIdentityRow: boolean;
+  readonly usesDefaultDropRenderer: boolean;
+};
+
+type ProfileMasonryItem = {
+  readonly drop: ExtendedDrop;
+  readonly curationId: string;
+  readonly canManageActiveCuration: boolean;
+  readonly showIdentity: boolean;
+  readonly profileIdentity: ProfileIdentitySummary | undefined;
+};
+
+const getProfileMasonryCardLayout = ({
+  activePart,
+  drop,
+  profileIdentity,
+  replyTo,
+  showIdentity,
+}: {
+  readonly activePart: ExtendedDrop["parts"][number] | undefined;
+  readonly drop: ExtendedDrop;
+  readonly profileIdentity: ProfileIdentitySummary | undefined;
+  readonly replyTo: ExtendedDrop["reply_to"];
+  readonly showIdentity: boolean;
+}): ProfileMasonryCardLayout => {
+  const isOwnProfileDrop = areSameProfileIdentity({
+    left: drop.author,
+    right: profileIdentity,
+  });
+  let identityMode: ProfileMasonryIdentityMode = "default";
+  if (!showIdentity) {
+    identityMode = isOwnProfileDrop ? "hidden" : "minimal";
+  }
+  const hasContentPadding =
+    Boolean(replyTo) ||
+    Boolean(activePart?.content?.trim()) ||
+    Boolean(activePart?.quoted_drop?.drop_id) ||
+    (activePart?.media.length ?? 0) === 0;
+  const showMinimalIdentityRow = identityMode === "minimal";
+  const shouldUseInlineMinimalLayout =
+    showMinimalIdentityRow &&
+    Boolean(activePart?.content?.trim()) &&
+    !replyTo &&
+    !activePart?.quoted_drop?.drop_id &&
+    (activePart?.media.length ?? 0) === 0;
+  let contentWrapperClassName = "tw-pt-2 tw-pb-2";
+  if (hasContentPadding) {
+    const topPaddingClass = showMinimalIdentityRow ? "tw-pt-2" : "tw-pt-4";
+    contentWrapperClassName = `tw-px-4 ${topPaddingClass} tw-pb-4`;
+  } else if (showMinimalIdentityRow) {
+    contentWrapperClassName = "tw-pt-1 tw-pb-2";
+  }
+
+  return {
+    contentWrapperClassName,
+    identityMode,
+    shouldUseInlineMinimalLayout,
+    showMinimalIdentityRow,
+    usesDefaultDropRenderer:
+      showIdentity || drop.drop_type !== ApiDropType.Chat,
+  };
+};
+
+function useProfileMasonryContainerWidth() {
+  const [container, setContainer] = useState<HTMLDivElement | null>(null);
+  const [containerWidth, setContainerWidth] = useState(0);
+
+  const containerRef = useCallback((node: HTMLDivElement | null) => {
+    setContainer(node);
+    setContainerWidth((currentWidth) => {
+      const nextWidth = node?.offsetWidth ?? 0;
+      return currentWidth === nextWidth ? currentWidth : nextWidth;
+    });
+  }, []);
+
+  useEffect(() => {
+    if (!container) {
+      return;
+    }
+
+    const updateWidth = () => {
+      const nextWidth = container.offsetWidth;
+      setContainerWidth((currentWidth) =>
+        currentWidth === nextWidth ? currentWidth : nextWidth
+      );
+    };
+
+    if (typeof ResizeObserver === "undefined") {
+      window.addEventListener("resize", updateWidth);
+      return () => {
+        window.removeEventListener("resize", updateWidth);
+      };
+    }
+
+    const observer = new ResizeObserver(() => {
+      updateWidth();
+    });
+
+    observer.observe(container);
+
+    return () => {
+      observer.disconnect();
+    };
+  }, [container]);
+
+  return { containerRef, containerWidth };
+}
+
+function CurationMasonryRemoveButton({
+  drop,
+  curationId,
+}: {
+  readonly drop: ExtendedDrop;
+  readonly curationId: string;
+}) {
+  const { hasTouchScreen, isApp } = useDeviceInfo();
+  const isTouchDevice = useIsTouchDevice();
+  const { updateMembership, isPending } = useDropCurationMembershipMutation({
+    dropId: drop.id,
+  });
+  const shouldAlwaysShow = isTouchDevice || (isApp && hasTouchScreen);
+
+  return (
+    <div
+      className={[
+        "tw-pointer-events-none tw-absolute tw-right-3 tw-top-3 tw-z-[1000] tw-transition-all tw-duration-300",
+        shouldAlwaysShow
+          ? "tw-translate-y-0 tw-opacity-100"
+          : "tw-translate-y-[-5px] tw-opacity-0 group-focus-within:tw-translate-y-0 group-focus-within:tw-opacity-100 group-hover:tw-translate-y-0 group-hover:tw-opacity-100",
+      ].join(" ")}
+    >
+      <button
+        type="button"
+        onClick={(event) => {
+          event.stopPropagation();
+          updateMembership(curationId, "remove");
+        }}
+        disabled={isPending}
+        aria-label="Remove drop from this curation"
+        title="Remove from wave"
+        className="tw-pointer-events-auto tw-relative tw-z-[1000] tw-flex tw-size-8 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-solid tw-border-white/10 tw-bg-black/50 tw-text-iron-400 tw-shadow-lg tw-backdrop-blur-md tw-transition-all tw-duration-200 hover:tw-border-rose-500/30 hover:tw-bg-rose-500/20 hover:tw-text-rose-300 focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-primary-400 disabled:tw-cursor-not-allowed disabled:tw-opacity-60"
+      >
+        {isPending ? (
+          <Spinner dimension={10} />
+        ) : (
+          <XMarkIcon className="tw-size-5 tw-flex-shrink-0" />
+        )}
+      </button>
+    </div>
+  );
+}
+
+function UserPageProfileWaveMasonryCard({
+  drop,
+  curationId,
+  canManageActiveCuration,
+  showIdentity,
+  profileIdentity,
+}: {
+  readonly drop: ExtendedDrop;
+  readonly curationId: string;
+  readonly canManageActiveCuration: boolean;
+  readonly showIdentity: boolean;
+  readonly profileIdentity: ProfileIdentitySummary | undefined;
+}) {
+  const [activePartIndex, setActivePartIndex] = useState(0);
+  const replyTo = drop.reply_to;
+  const activePart = drop.parts[activePartIndex] ?? drop.parts[0];
+  const layout = getProfileMasonryCardLayout({
+    activePart,
+    drop,
+    profileIdentity,
+    replyTo,
+    showIdentity,
+  });
+
+  const removeButton = canManageActiveCuration ? (
+    <CurationMasonryRemoveButton drop={drop} curationId={curationId} />
+  ) : null;
+  const dropContent = (
+    <WaveDropContent
+      drop={drop}
+      activePartIndex={activePartIndex}
+      setActivePartIndex={setActivePartIndex}
+      onQuoteClick={(_quotedDrop: ApiDrop) => {}}
+      onLongPress={() => {}}
+      setLongPressTriggered={(_triggered: boolean) => {}}
+      onDropContentClick={undefined}
+      mediaImageScale={ImageScale.AUTOx1080}
+      fullWidthMedia={true}
+    />
+  );
+
+  if (layout.usesDefaultDropRenderer) {
+    return (
+      <article className="tw-group tw-relative tw-isolate">
+        {removeButton}
+
+        <Drop
+          drop={drop}
+          previousDrop={null}
+          nextDrop={null}
+          showWaveInfo={false}
+          activeDrop={null}
+          showReplyAndQuote={false}
+          location={DropLocation.MY_STREAM}
+          dropViewDropId={null}
+          onReply={() => {}}
+          onReplyClick={() => {}}
+          onQuoteClick={() => {}}
+          identityMode={layout.identityMode}
+          showInteractions={false}
+        />
+      </article>
+    );
+  }
+
+  return (
+    <article className="tw-group tw-relative tw-isolate">
+      {removeButton}
+
+      <div className="tw-overflow-hidden tw-rounded-xl tw-bg-black/70 tw-ring-1 tw-ring-inset tw-ring-white/10">
+        {layout.shouldUseInlineMinimalLayout ? (
+          <div className="tw-flex tw-items-start tw-gap-x-3 tw-px-4 tw-pb-4 tw-pt-4">
+            <WaveDropAuthorPfp drop={drop} />
+            <div className="tw-min-w-0 tw-flex-1">
+              <DropMinimalIdentityRow drop={drop} />
+              <div className="tw-mt-2">{dropContent}</div>
+              {drop.metadata.length > 0 && (
+                <WaveDropMetadata metadata={drop.metadata} />
+              )}
+            </div>
+          </div>
+        ) : (
+          <>
+            {layout.showMinimalIdentityRow && (
+              <div className="tw-flex tw-items-start tw-gap-x-3 tw-px-4 tw-pt-4">
+                <WaveDropAuthorPfp drop={drop} />
+                <div className="tw-min-w-0 tw-flex-1">
+                  <DropMinimalIdentityRow drop={drop} />
+                </div>
+              </div>
+            )}
+
+            <div className={layout.contentWrapperClassName}>
+              {replyTo && (
+                <div className="tw-mb-3">
+                  <WaveDropReply
+                    dropId={replyTo.drop_id}
+                    dropPartId={replyTo.drop_part_id}
+                    maybeDrop={
+                      replyTo.drop ? { ...replyTo.drop, wave: drop.wave } : null
+                    }
+                    onReplyClick={(_serialNo: number) => {}}
+                  />
+                </div>
+              )}
+
+              {dropContent}
+            </div>
+
+            {drop.metadata.length > 0 && (
+              <div className="tw-flex tw-flex-wrap tw-items-center tw-gap-x-2 tw-gap-y-1 tw-px-4 tw-pb-4">
+                <WaveDropMetadata metadata={drop.metadata} />
+              </div>
+            )}
+          </>
+        )}
+      </div>
+    </article>
+  );
+}
+
+function UserPageProfileWaveMasonryRenderItem({
+  data,
+}: {
+  readonly data: ProfileMasonryItem;
+}) {
+  return (
+    <UserPageProfileWaveMasonryCard
+      drop={data.drop}
+      curationId={data.curationId}
+      canManageActiveCuration={data.canManageActiveCuration}
+      showIdentity={data.showIdentity}
+      profileIdentity={data.profileIdentity}
+    />
+  );
+}
+
+export default function UserPageProfileWaveMasonry({
+  wave,
+  curationId,
+  curationName,
+  showIdentity = false,
+  profileIdentity,
+}: UserPageProfileWaveMasonryProps) {
+  const { drops, fetchNextPage, hasNextPage, isFetching, isFetchingNextPage } =
+    useWaveDrops({
+      waveId: wave.id,
+      curationId,
+    });
+  const permissionProbeDropId = drops[0]?.id ?? "";
+  const canManageActiveCuration = useCurationManagementPermission({
+    curationId,
+    probeDropId: permissionProbeDropId,
+  });
+  const isInitialLoading = isFetching && drops.length === 0;
+  const curationTitle = curationName?.trim() ?? "Curation";
+  const { containerRef, containerWidth } = useProfileMasonryContainerWidth();
+  const masonryItems = useMemo(
+    () =>
+      drops.map((drop) => ({
+        drop,
+        curationId,
+        canManageActiveCuration,
+        showIdentity,
+        profileIdentity,
+      })),
+    [canManageActiveCuration, curationId, drops, profileIdentity, showIdentity]
+  );
+  const masonryTopItemsKey = useMemo(
+    () =>
+      drops
+        .slice(0, 8)
+        .map((drop) => drop.stableKey)
+        .join("|"),
+    [drops]
+  );
+  const masonryKey = `${curationId}-${containerWidth}-${masonryTopItemsKey}`;
+
+  const handleBottomIntersection = useCallback(
+    (isIntersecting: boolean) => {
+      if (!isIntersecting || !hasNextPage || isFetchingNextPage) {
+        return;
+      }
+
+      fetchNextPage().catch(() => undefined);
+    },
+    [fetchNextPage, hasNextPage, isFetchingNextPage]
+  );
+
+  if (isInitialLoading) {
+    return (
+      <div className="tw-flex tw-min-h-[20rem] tw-items-center tw-justify-center">
+        <CircleLoader size={CircleLoaderSize.XXLARGE} />
+      </div>
+    );
+  }
+
+  if (drops.length === 0) {
+    return <CurationEmptyState curationTitle={curationTitle} />;
+  }
+
+  return (
+    <div ref={containerRef} className="tw-px-1 tw-pb-2">
+      {containerWidth > 0 ? (
+        <Masonry
+          key={masonryKey}
+          items={masonryItems}
+          render={UserPageProfileWaveMasonryRenderItem}
+          itemKey={(item) => item.drop.stableKey}
+          itemHeightEstimate={420}
+          columnWidth={MASONRY_COLUMN_WIDTH}
+          columnGutter={MASONRY_GUTTER}
+          rowGutter={MASONRY_GUTTER}
+          overscanBy={2}
+          ssrWidth={containerWidth}
+          ssrHeight={900}
+        />
+      ) : (
+        <div className="tw-flex tw-min-h-[12rem] tw-items-center tw-justify-center">
+          <CircleLoader size={CircleLoaderSize.MEDIUM} />
+        </div>
+      )}
+
+      {(hasNextPage || isFetchingNextPage) && (
+        <div className="tw-flex tw-justify-center tw-py-6">
+          {isFetchingNextPage ? (
+            <CircleLoader size={CircleLoaderSize.MEDIUM} />
+          ) : (
+            <CommonIntersectionElement
+              onIntersection={handleBottomIntersection}
+            />
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/components/utils/button/SecondaryButton.tsx b/components/utils/button/SecondaryButton.tsx
index fdbe635fe5..6d0323d852 100644
--- a/components/utils/button/SecondaryButton.tsx
+++ b/components/utils/button/SecondaryButton.tsx
@@ -19,18 +19,20 @@ export default function SecondaryButton({
 }: SecondaryButtonProps) {
   const sizeClasses =
     size === "sm"
-      ? "tw-px-2.5 tw-py-1.5"
-      : "tw-px-3.5 tw-py-2.5";
+      ? "tw-px-3 tw-py-2 tw-text-xs"
+      : "tw-px-3.5 tw-py-2.5 tw-text-sm";
 
   return (
     <button
       type="button"
       disabled={disabled || loading}
-      className={`tw-border tw-border-solid ${disabled || loading
-          ? "tw-border-iron-900 tw-cursor-not-allowed"
-          : "tw-border-iron-800 hover:tw-ring-iron-650 hover:tw-bg-iron-700 hover:tw-border-iron-700"
-        } tw-ring-1 tw-ring-iron-700 tw-rounded-lg tw-bg-iron-800 ${sizeClasses} tw-text-sm tw-font-semibold ${disabled || loading ? "tw-text-iron-600" : "tw-text-iron-300"
-        } tw-flex tw-items-center tw-justify-center tw-gap-x-2 tw-shadow-sm focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-iron-700 tw-transition tw-duration-300 tw-ease-out ${className}`}
+      className={`tw-border tw-border-solid ${
+        disabled || loading
+          ? "tw-cursor-not-allowed tw-border-iron-900"
+          : "tw-border-iron-800 hover:tw-border-iron-700 hover:tw-bg-iron-700 hover:tw-ring-iron-650"
+      } tw-rounded-lg tw-bg-iron-800 tw-ring-1 tw-ring-iron-700 ${sizeClasses} tw-font-semibold ${
+        disabled || loading ? "tw-text-iron-600" : "tw-text-iron-300"
+      } tw-flex tw-items-center tw-justify-center tw-gap-x-2 tw-shadow-sm tw-transition tw-duration-300 tw-ease-out focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-iron-700 ${className}`}
       onClick={disabled || loading ? undefined : onClicked}
     >
       {loading && <CircleLoader />}
diff --git a/components/waves/drops/Drop.tsx b/components/waves/drops/Drop.tsx
index b6927bc8ba..7683614239 100644
--- a/components/waves/drops/Drop.tsx
+++ b/components/waves/drops/Drop.tsx
@@ -10,7 +10,11 @@ import { DropSize } from "@/helpers/waves/drop.helpers";
 import type { ActiveDropState } from "@/types/dropInteractionTypes";
 import { useMemo } from "react";
 import DropContext from "./DropContext";
-import type { DropInteractionParams, DropLocation } from "./drop.types";
+import type {
+  DropIdentityMode,
+  DropInteractionParams,
+  DropLocation,
+} from "./drop.types";
 import ParticipationDrop from "./participation/ParticipationDrop";
 import WaveDrop from "./WaveDrop";
 import WinnerDrop from "./winner/WinnerDrop";
@@ -32,6 +36,8 @@ interface DropProps {
   readonly onDropContentClick?: ((drop: ExtendedDrop) => void) | undefined;
   readonly parentContainerRef?: React.RefObject<HTMLElement | null> | undefined;
   readonly wrapContentOnly?: (content: React.ReactNode) => React.ReactNode;
+  readonly identityMode?: DropIdentityMode | undefined;
+  readonly showInteractions?: boolean | undefined;
 }
 
 export default function Drop({
@@ -49,6 +55,8 @@ export default function Drop({
   showReplyAndQuote,
   parentContainerRef,
   wrapContentOnly,
+  identityMode,
+  showInteractions = true,
 }: DropProps) {
   const components: Record<ApiDropType, React.ReactNode> = {
     [ApiDropType.Participatory]: (
@@ -62,6 +70,8 @@ export default function Drop({
         onDropContentClick={onDropContentClick}
         showReplyAndQuote={showReplyAndQuote}
         parentContainerRef={parentContainerRef}
+        identityMode={identityMode}
+        showInteractions={showInteractions}
       />
     ),
     [ApiDropType.Winner]: (
@@ -79,6 +89,8 @@ export default function Drop({
         onDropContentClick={onDropContentClick}
         showReplyAndQuote={showReplyAndQuote}
         parentContainerRef={parentContainerRef}
+        identityMode={identityMode}
+        showInteractions={showInteractions}
       />
     ),
     [ApiDropType.Chat]: (
@@ -98,6 +110,8 @@ export default function Drop({
         onDropContentClick={onDropContentClick}
         showReplyAndQuote={showReplyAndQuote}
         wrapContentOnly={wrapContentOnly}
+        identityMode={identityMode}
+        showInteractions={showInteractions}
       />
     ),
   };
diff --git a/components/waves/drops/DropMinimalIdentityRow.tsx b/components/waves/drops/DropMinimalIdentityRow.tsx
new file mode 100644
index 0000000000..6c6316a420
--- /dev/null
+++ b/components/waves/drops/DropMinimalIdentityRow.tsx
@@ -0,0 +1,50 @@
+"use client";
+
+import UserProfileTooltipWrapper from "@/components/utils/tooltip/UserProfileTooltipWrapper";
+import type { ApiDrop } from "@/generated/models/ApiDrop";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useCallback } from "react";
+import WaveDropTime from "./time/WaveDropTime";
+
+interface DropMinimalIdentityRowProps {
+  readonly drop: ApiDrop;
+}
+
+export default function DropMinimalIdentityRow({
+  drop,
+}: DropMinimalIdentityRowProps) {
+  const router = useRouter();
+
+  const handleNavigation = useCallback(
+    (event: React.MouseEvent, path: string) => {
+      event.preventDefault();
+      event.stopPropagation();
+      router.push(path);
+    },
+    [router]
+  );
+
+  return (
+    <div className="tw-flex tw-flex-wrap tw-items-center tw-gap-x-1.5 tw-gap-y-1">
+      <p className="tw-mb-0 tw-text-sm tw-font-semibold tw-leading-none">
+        <UserProfileTooltipWrapper user={drop.author.handle ?? drop.author.id}>
+          <Link
+            href={`/${drop.author.handle ?? drop.author.primary_address}`}
+            onClick={(event) =>
+              handleNavigation(
+                event,
+                `/${drop.author.handle ?? drop.author.primary_address}`
+              )
+            }
+            className="tw-text-iron-200 tw-no-underline tw-transition tw-duration-300 tw-ease-out desktop-hover:hover:tw-text-opacity-80 desktop-hover:hover:tw-underline"
+          >
+            {drop.author.handle ?? drop.author.primary_address}
+          </Link>
+        </UserProfileTooltipWrapper>
+      </p>
+      <div className="tw-size-[3px] tw-flex-shrink-0 tw-rounded-full tw-bg-iron-600" />
+      <WaveDropTime timestamp={drop.created_at} />
+    </div>
+  );
+}
diff --git a/components/waves/drops/WaveDrop.tsx b/components/waves/drops/WaveDrop.tsx
index 50232cab6a..bf8ee02f73 100644
--- a/components/waves/drops/WaveDrop.tsx
+++ b/components/waves/drops/WaveDrop.tsx
@@ -15,11 +15,12 @@ import type { ActiveDropState } from "@/types/dropInteractionTypes";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { createBreakpoint } from "react-use";
-import type { DropInteractionParams } from "./drop.types";
+import type { DropIdentityMode, DropInteractionParams } from "./drop.types";
 import { DropLocation } from "./drop.types";
 import { getRankHoverRingClass } from "./dropRankStyles";
 import type { BoostAnimationState } from "./DropBoostAnimation";
 import DropBoostAnimation from "./DropBoostAnimation";
+import DropMinimalIdentityRow from "./DropMinimalIdentityRow";
 import WaveDropActions from "./WaveDropActions";
 import WaveDropAuthorPfp from "./WaveDropAuthorPfp";
 import WaveDropContent from "./WaveDropContent";
@@ -122,6 +123,271 @@ const getDropClasses = (
   return `${baseClasses} ${groupingClass} ${locationClasses} ${rankClasses}`.trim();
 };
 
+const shouldShowAuthorInfo = ({
+  identityMode,
+  shouldGroupWithPreviousDrop,
+  isProfileView,
+}: {
+  readonly identityMode: DropIdentityMode;
+  readonly shouldGroupWithPreviousDrop: boolean;
+  readonly isProfileView: boolean;
+}): boolean =>
+  identityMode !== "hidden" &&
+  (!shouldGroupWithPreviousDrop || isProfileView || identityMode === "minimal");
+
+const getGroupingClass = ({
+  isProfileView,
+  shouldGroupWithPreviousDrop,
+  shouldGroupWithNextDrop,
+}: {
+  readonly isProfileView: boolean;
+  readonly shouldGroupWithPreviousDrop: boolean;
+  readonly shouldGroupWithNextDrop: boolean;
+}): string => {
+  if (isProfileView) return "tw-py-4";
+  if (shouldGroupWithPreviousDrop) return "tw-pt-1";
+  if (shouldGroupWithNextDrop) return "tw-pt-4 tw-pb-1";
+  return "tw-py-4";
+};
+
+const clearLongPressTimeout = ({
+  longPressTimeoutRef,
+}: {
+  readonly longPressTimeoutRef: React.RefObject<NodeJS.Timeout | null>;
+}) => {
+  if (longPressTimeoutRef.current) {
+    clearTimeout(longPressTimeoutRef.current);
+  }
+};
+
+const handleTouchStartInternal = ({
+  allowLongPress,
+  isEditing,
+  event,
+  touchStartPosition,
+  longPressTimeoutRef,
+  onLongPress,
+}: {
+  readonly allowLongPress: boolean;
+  readonly isEditing: boolean;
+  readonly event: React.TouchEvent;
+  readonly touchStartPosition: React.RefObject<{
+    x: number;
+    y: number;
+  } | null>;
+  readonly longPressTimeoutRef: React.RefObject<NodeJS.Timeout | null>;
+  readonly onLongPress: () => void;
+}) => {
+  if (!allowLongPress || isEditing) {
+    return;
+  }
+
+  const touch = event.touches[0];
+  touchStartPosition.current = { x: touch!.clientX, y: touch!.clientY };
+  longPressTimeoutRef.current = setTimeout(onLongPress, 500);
+};
+
+const handleTouchEndInternal = ({
+  longPressTimeoutRef,
+  touchStartPosition,
+}: {
+  readonly longPressTimeoutRef: React.RefObject<NodeJS.Timeout | null>;
+  readonly touchStartPosition: React.RefObject<{
+    x: number;
+    y: number;
+  } | null>;
+}) => {
+  clearLongPressTimeout({ longPressTimeoutRef });
+  touchStartPosition.current = null;
+};
+
+const handleTouchMoveInternal = ({
+  allowLongPress,
+  event,
+  touchStartPosition,
+  longPressTimeoutRef,
+}: {
+  readonly allowLongPress: boolean;
+  readonly event: React.TouchEvent;
+  readonly touchStartPosition: React.RefObject<{
+    x: number;
+    y: number;
+  } | null>;
+  readonly longPressTimeoutRef: React.RefObject<NodeJS.Timeout | null>;
+}) => {
+  if (!allowLongPress || !touchStartPosition.current) {
+    return;
+  }
+
+  const touch = event.touches[0];
+  const moveThreshold = 10;
+  const deltaX = Math.abs(touch!.clientX - touchStartPosition.current.x);
+  const deltaY = Math.abs(touch!.clientY - touchStartPosition.current.y);
+
+  if (deltaX > moveThreshold || deltaY > moveThreshold) {
+    clearLongPressTimeout({ longPressTimeoutRef });
+  }
+};
+
+const getAuthorHeader = ({
+  showAuthorInfo,
+  identityMode,
+  drop,
+  showWaveInfo,
+  isStorm,
+  activePartIndex,
+  showActionsButton,
+  handleOpenTouchActions,
+}: {
+  readonly showAuthorInfo: boolean;
+  readonly identityMode: DropIdentityMode;
+  readonly drop: ExtendedDrop;
+  readonly showWaveInfo: boolean;
+  readonly isStorm: boolean;
+  readonly activePartIndex: number;
+  readonly showActionsButton: boolean;
+  readonly handleOpenTouchActions: (
+    e: React.MouseEvent<HTMLButtonElement>
+  ) => void;
+}): React.ReactNode => {
+  if (!showAuthorInfo) {
+    return null;
+  }
+
+  if (identityMode === "default") {
+    return (
+      <WaveDropHeader
+        drop={drop}
+        showWaveInfo={showWaveInfo}
+        isStorm={isStorm}
+        currentPartIndex={activePartIndex}
+        partsCount={drop.parts.length}
+        showActionsButton={showActionsButton}
+        onOpenActions={handleOpenTouchActions}
+      />
+    );
+  }
+
+  return <DropMinimalIdentityRow drop={drop} />;
+};
+
+const getContentBlock = ({
+  shouldShowReplyHeader,
+  onReplyClick,
+  replyTo,
+  drop,
+  showAuthorInfo,
+  authorHeader,
+  shouldGroupWithPreviousDrop,
+  isProfileView,
+  activePartIndex,
+  setActivePartIndex,
+  handleLongPress,
+  onDropContentClick,
+  onQuoteClick,
+  setLongPressTriggered,
+  isEditing,
+  isSaving,
+  handleEditSave,
+  handleEditCancel,
+  allowLongPress,
+  handleLinkCardActionsActiveChange,
+  isMobile,
+  showInteractions,
+  showReplyAndQuote,
+  handleOnReply,
+  handleOnEdit,
+  hasActiveLinkCardActions,
+}: {
+  readonly shouldShowReplyHeader: boolean;
+  readonly onReplyClick: (serialNo: number) => void;
+  readonly replyTo: ExtendedDrop["reply_to"];
+  readonly drop: ExtendedDrop;
+  readonly showAuthorInfo: boolean;
+  readonly authorHeader: React.ReactNode;
+  readonly shouldGroupWithPreviousDrop: boolean;
+  readonly isProfileView: boolean;
+  readonly activePartIndex: number;
+  readonly setActivePartIndex: (index: number) => void;
+  readonly handleLongPress: () => void;
+  readonly onDropContentClick?: ((drop: ExtendedDrop) => void) | undefined;
+  readonly onQuoteClick: (drop: ApiDrop) => void;
+  readonly setLongPressTriggered: (triggered: boolean) => void;
+  readonly isEditing: boolean;
+  readonly isSaving: boolean;
+  readonly handleEditSave: (
+    newContent: string,
+    mentions?: ApiDropMentionedUser[],
+    mentionedWaves?: ApiMentionedWave[]
+  ) => void;
+  readonly handleEditCancel: () => void;
+  readonly allowLongPress: boolean;
+  readonly handleLinkCardActionsActiveChange: (
+    actionId: string,
+    active: boolean
+  ) => void;
+  readonly isMobile: boolean;
+  readonly showInteractions: boolean;
+  readonly showReplyAndQuote: boolean;
+  readonly handleOnReply: () => void;
+  readonly handleOnEdit: () => void;
+  readonly hasActiveLinkCardActions: boolean;
+}): React.ReactNode => (
+  <>
+    {shouldShowReplyHeader && replyTo && (
+      <WaveDropReply
+        onReplyClick={onReplyClick}
+        dropId={replyTo.drop_id}
+        dropPartId={replyTo.drop_part_id}
+        maybeDrop={replyTo.drop ? { ...replyTo.drop, wave: drop.wave } : null}
+      />
+    )}
+    <div className="tw-relative tw-z-10 tw-flex tw-w-full tw-gap-x-3 tw-border-0 tw-bg-transparent tw-text-left">
+      {showAuthorInfo && <WaveDropAuthorPfp drop={drop} />}
+      <div
+        className="tw-flex tw-w-full tw-flex-col"
+        style={{
+          maxWidth: showAuthorInfo ? "calc(100% - 3.5rem)" : "100%",
+        }}
+      >
+        {authorHeader}
+        <div
+          className={`tw-w-full ${showAuthorInfo ? "tw-mt-2" : ""}${
+            shouldGroupWithPreviousDrop && !isProfileView
+              ? "tw-pl-[3.25rem]"
+              : ""
+          }`}
+        >
+          <WaveDropContent
+            drop={drop}
+            activePartIndex={activePartIndex}
+            setActivePartIndex={setActivePartIndex}
+            onLongPress={handleLongPress}
+            onDropContentClick={onDropContentClick}
+            onQuoteClick={onQuoteClick}
+            setLongPressTriggered={setLongPressTriggered}
+            isEditing={isEditing}
+            isSaving={isSaving}
+            onSave={handleEditSave}
+            onCancel={handleEditCancel}
+            hasTouch={allowLongPress}
+            onLinkCardActionsActiveChange={handleLinkCardActionsActiveChange}
+          />
+        </div>
+      </div>
+    </div>
+    {!isMobile && showInteractions && showReplyAndQuote && !isEditing && (
+      <WaveDropActions
+        drop={drop}
+        activePartIndex={activePartIndex}
+        onReply={handleOnReply}
+        onEdit={handleOnEdit}
+        suppressed={hasActiveLinkCardActions}
+      />
+    )}
+  </>
+);
+
 interface WaveDropProps {
   readonly drop: ExtendedDrop;
   readonly previousDrop: ExtendedDrop | null;
@@ -138,6 +404,8 @@ interface WaveDropProps {
   readonly wrapContentOnly?:
     | ((content: React.ReactNode) => React.ReactNode)
     | undefined;
+  readonly identityMode?: DropIdentityMode | undefined;
+  readonly showInteractions?: boolean | undefined;
 }
 
 const WaveDrop = ({
@@ -154,6 +422,8 @@ const WaveDrop = ({
   onDropContentClick,
   showReplyAndQuote,
   wrapContentOnly,
+  identityMode = "default",
+  showInteractions = true,
 }: WaveDropProps) => {
   const [activePartIndex, setActivePartIndex] = useState<number>(0);
   const [isSlideUp, setIsSlideUp] = useState(false);
@@ -184,21 +454,27 @@ const WaveDrop = ({
   const hasTouch = useHasTouchInput() || isMobile;
   const breakpoint = useBreakpoint();
   const isMdUp = breakpoint === "MD";
-  const allowLongPress = hasTouch && !isMdUp;
+  const allowLongPress = showInteractions && hasTouch && !isMdUp;
   const compact = useCompactMode();
   const hasActiveLinkCardActions = activeLinkCardActionIds.length > 0;
 
   const isProfileView = location === DropLocation.PROFILE;
-  const showAuthorInfo = !shouldGroupWithPreviousDrop || isProfileView;
-
-  const getGroupingClass = () => {
-    if (isProfileView) return "tw-py-4";
-    if (shouldGroupWithPreviousDrop) return "tw-pt-1";
-    if (shouldGroupWithNextDrop) return "tw-pt-4 tw-pb-1";
-    return "tw-py-4";
-  };
-
-  const groupingClass = getGroupingClass();
+  const showAuthorInfo = shouldShowAuthorInfo({
+    identityMode,
+    shouldGroupWithPreviousDrop,
+    isProfileView,
+  });
+  const showActionsButton =
+    showInteractions &&
+    hasTouch &&
+    showReplyAndQuote &&
+    !isEditing &&
+    identityMode === "default";
+  const groupingClass = getGroupingClass({
+    isProfileView,
+    shouldGroupWithPreviousDrop,
+    shouldGroupWithNextDrop,
+  });
   const replyTo = drop.reply_to;
 
   const isGroupedReplyWithPrevious =
@@ -222,40 +498,33 @@ const WaveDrop = ({
 
   const handleTouchStart = useCallback(
     (e: React.TouchEvent) => {
-      if (!allowLongPress) return;
-      // Don't allow mobile menu when in edit mode
-      if (isEditing) return;
-      const touch = e.touches[0];
-      touchStartPosition.current = { x: touch!.clientX, y: touch!.clientY };
-      longPressTimeoutRef.current = setTimeout(handleLongPress, 500);
+      handleTouchStartInternal({
+        allowLongPress,
+        isEditing,
+        event: e,
+        touchStartPosition,
+        longPressTimeoutRef,
+        onLongPress: handleLongPress,
+      });
     },
     [allowLongPress, handleLongPress, isEditing]
   );
 
   const handleTouchEnd = useCallback(() => {
-    if (longPressTimeoutRef.current) {
-      clearTimeout(longPressTimeoutRef.current);
-    }
-    touchStartPosition.current = null;
+    handleTouchEndInternal({
+      longPressTimeoutRef,
+      touchStartPosition,
+    });
   }, []);
 
   const handleTouchMove = useCallback(
     (e: React.TouchEvent) => {
-      if (!allowLongPress) return;
-      if (!touchStartPosition.current) return;
-
-      const touch = e.touches[0];
-      const moveThreshold = 10; // pixels
-
-      const deltaX = Math.abs(touch!.clientX - touchStartPosition.current.x);
-      const deltaY = Math.abs(touch!.clientY - touchStartPosition.current.y);
-
-      if (
-        (deltaX > moveThreshold || deltaY > moveThreshold) &&
-        longPressTimeoutRef.current
-      ) {
-        clearTimeout(longPressTimeoutRef.current);
-      }
+      handleTouchMoveInternal({
+        allowLongPress,
+        event: e,
+        touchStartPosition,
+        longPressTimeoutRef,
+      });
     },
     [allowLongPress]
   );
@@ -286,6 +555,17 @@ const WaveDrop = ({
     []
   );
 
+  const authorHeader = getAuthorHeader({
+    showAuthorInfo,
+    identityMode,
+    drop,
+    showWaveInfo,
+    isStorm,
+    activePartIndex,
+    showActionsButton,
+    handleOpenTouchActions,
+  });
+
   const handleOnEdit = useCallback(() => {
     setIsSlideUp(false); // Close mobile menu when entering edit mode
     dispatch(setEditingDropId(drop.id));
@@ -383,9 +663,7 @@ const WaveDrop = ({
 
   useEffect(() => {
     return () => {
-      if (longPressTimeoutRef.current) {
-        clearTimeout(longPressTimeoutRef.current);
-      }
+      clearLongPressTimeout({ longPressTimeoutRef });
     };
   }, []);
 
@@ -400,73 +678,36 @@ const WaveDrop = ({
     isDrop
   );
 
-  const contentBlock = (
-    <>
-      {shouldShowReplyHeader && (
-        <WaveDropReply
-          onReplyClick={onReplyClick}
-          dropId={replyTo.drop_id}
-          dropPartId={replyTo.drop_part_id}
-          maybeDrop={replyTo.drop ? { ...replyTo.drop, wave: drop.wave } : null}
-        />
-      )}
-      <div className="tw-relative tw-z-10 tw-flex tw-w-full tw-gap-x-3 tw-border-0 tw-bg-transparent tw-text-left">
-        {showAuthorInfo && <WaveDropAuthorPfp drop={drop} />}
-        <div
-          className="tw-flex tw-w-full tw-flex-col"
-          style={{
-            maxWidth: showAuthorInfo ? "calc(100% - 3.5rem)" : "100%",
-          }}
-        >
-          {showAuthorInfo && (
-            <WaveDropHeader
-              drop={drop}
-              showWaveInfo={showWaveInfo}
-              isStorm={isStorm}
-              currentPartIndex={activePartIndex}
-              partsCount={drop.parts.length}
-              showActionsButton={hasTouch && showReplyAndQuote && !isEditing}
-              onOpenActions={handleOpenTouchActions}
-            />
-          )}
-          <div
-            className={`tw-w-full ${showAuthorInfo ? "tw-mt-2" : ""}${
-              shouldGroupWithPreviousDrop && !isProfileView
-                ? "tw-pl-[3.25rem]"
-                : ""
-            }`}
-          >
-            <WaveDropContent
-              drop={drop}
-              activePartIndex={activePartIndex}
-              setActivePartIndex={setActivePartIndex}
-              onLongPress={handleLongPress}
-              onDropContentClick={onDropContentClick}
-              onQuoteClick={onQuoteClick}
-              setLongPressTriggered={setLongPressTriggered}
-              isEditing={isEditing}
-              isSaving={dropUpdateMutation.isPending}
-              onSave={handleEditSave}
-              onCancel={handleEditCancel}
-              hasTouch={allowLongPress}
-              onLinkCardActionsActiveChange={handleLinkCardActionsActiveChange}
-            />
-          </div>
-        </div>
-      </div>
-      {!isMobile && showReplyAndQuote && !isEditing && (
-        <WaveDropActions
-          drop={drop}
-          activePartIndex={activePartIndex}
-          onReply={handleOnReply}
-          onEdit={handleOnEdit}
-          suppressed={hasActiveLinkCardActions}
-        />
-      )}
-    </>
-  );
-
-  const reactionsRow = (
+  const contentBlock = getContentBlock({
+    shouldShowReplyHeader,
+    onReplyClick,
+    replyTo,
+    drop,
+    showAuthorInfo,
+    authorHeader,
+    shouldGroupWithPreviousDrop,
+    isProfileView,
+    activePartIndex,
+    setActivePartIndex,
+    handleLongPress,
+    onDropContentClick,
+    onQuoteClick,
+    setLongPressTriggered,
+    isEditing,
+    isSaving: dropUpdateMutation.isPending,
+    handleEditSave,
+    handleEditCancel,
+    allowLongPress,
+    handleLinkCardActionsActiveChange,
+    isMobile,
+    showInteractions,
+    showReplyAndQuote,
+    handleOnReply,
+    handleOnEdit,
+    hasActiveLinkCardActions,
+  });
+
+  const reactionsRow = (drop.metadata.length > 0 || showInteractions) && (
     <div
       className={`tw-mx-2 tw-flex tw-flex-wrap tw-items-center tw-gap-x-2 tw-gap-y-1 ${
         compact
@@ -477,8 +718,10 @@ const WaveDrop = ({
       {drop.metadata.length > 0 && (
         <WaveDropMetadata metadata={drop.metadata} />
       )}
-      {!!drop.raters_count && <WaveDropRatings drop={drop} />}
-      <WaveDropReactions drop={drop} />
+      {showInteractions && !!drop.raters_count && (
+        <WaveDropRatings drop={drop} />
+      )}
+      {showInteractions && <WaveDropReactions drop={drop} />}
     </div>
   );
 
@@ -499,17 +742,19 @@ const WaveDrop = ({
       >
         {wrapContentOnly ? wrapContentOnly(contentBlock) : contentBlock}
         {reactionsRow}
-        <WaveDropMobileMenu
-          drop={drop}
-          isOpen={effectiveIsSlideUp}
-          longPressTriggered={longPressTriggered}
-          showReplyAndQuote={showReplyAndQuote}
-          setOpen={setIsSlideUp}
-          onReply={handleOnReply}
-          onAddReaction={handleOnAddReaction}
-          onEdit={handleOnEdit}
-          onBoostAnimation={handleMobileBoostAnimation}
-        />
+        {showInteractions && (
+          <WaveDropMobileMenu
+            drop={drop}
+            isOpen={effectiveIsSlideUp}
+            longPressTriggered={longPressTriggered}
+            showReplyAndQuote={showReplyAndQuote}
+            setOpen={setIsSlideUp}
+            onReply={handleOnReply}
+            onAddReaction={handleOnAddReaction}
+            onEdit={handleOnEdit}
+            onBoostAnimation={handleMobileBoostAnimation}
+          />
+        )}
         <DropBoostAnimation
           animation={boostAnimation}
           onComplete={handleBoostAnimationComplete}
diff --git a/components/waves/drops/WaveDropContent.tsx b/components/waves/drops/WaveDropContent.tsx
index 11785ee53b..38b2b6f7bf 100644
--- a/components/waves/drops/WaveDropContent.tsx
+++ b/components/waves/drops/WaveDropContent.tsx
@@ -27,6 +27,7 @@ interface WaveDropContentProps {
   readonly onCancel?: (() => void) | undefined;
   readonly isCompetitionDrop?: boolean | undefined;
   readonly mediaImageScale?: ImageScale | undefined;
+  readonly fullWidthMedia?: boolean | undefined;
   readonly hasTouch?: boolean | undefined;
   readonly onLinkCardActionsActiveChange?:
     | ((href: string, active: boolean) => void)
@@ -47,6 +48,7 @@ const WaveDropContent: React.FC<WaveDropContentProps> = ({
   onCancel,
   isCompetitionDrop = false,
   mediaImageScale = ImageScale.AUTOx450,
+  fullWidthMedia = false,
   hasTouch,
   onLinkCardActionsActiveChange,
 }) => {
@@ -68,6 +70,7 @@ const WaveDropContent: React.FC<WaveDropContentProps> = ({
       onCancel={onCancel}
       isCompetitionDrop={isCompetitionDrop}
       mediaImageScale={mediaImageScale}
+      fullWidthMedia={fullWidthMedia}
       hasTouch={effectiveHasTouch}
       onLinkCardActionsActiveChange={onLinkCardActionsActiveChange}
     />
diff --git a/components/waves/drops/WaveDropPart.tsx b/components/waves/drops/WaveDropPart.tsx
index eaf9498aa4..e094ae3aa5 100644
--- a/components/waves/drops/WaveDropPart.tsx
+++ b/components/waves/drops/WaveDropPart.tsx
@@ -28,6 +28,7 @@ interface WaveDropPartProps {
   readonly onCancel?: (() => void) | undefined;
   readonly isCompetitionDrop?: boolean | undefined;
   readonly mediaImageScale?: ImageScale | undefined;
+  readonly fullWidthMedia?: boolean | undefined;
   readonly hasTouch?: boolean | undefined;
   readonly onLinkCardActionsActiveChange?:
     | ((href: string, active: boolean) => void)
@@ -52,6 +53,7 @@ const WaveDropPart: React.FC<WaveDropPartProps> = memo(
     onCancel,
     isCompetitionDrop = false,
     mediaImageScale = ImageScale.AUTOx450,
+    fullWidthMedia = false,
     hasTouch = false,
     onLinkCardActionsActiveChange,
   }) => {
@@ -150,6 +152,7 @@ const WaveDropPart: React.FC<WaveDropPartProps> = memo(
             onCancel={onCancel}
             isCompetitionDrop={isCompetitionDrop}
             mediaImageScale={mediaImageScale}
+            fullWidthMedia={fullWidthMedia}
             onLinkCardActionsActiveChange={onLinkCardActionsActiveChange}
           />
         </div>
diff --git a/components/waves/drops/WaveDropPartContent.tsx b/components/waves/drops/WaveDropPartContent.tsx
index ff815da201..c11e8abfe0 100644
--- a/components/waves/drops/WaveDropPartContent.tsx
+++ b/components/waves/drops/WaveDropPartContent.tsx
@@ -36,6 +36,7 @@ interface WaveDropPartContentProps {
   readonly drop?: ApiDrop | undefined;
   readonly isCompetitionDrop?: boolean | undefined;
   readonly mediaImageScale?: ImageScale | undefined;
+  readonly fullWidthMedia?: boolean | undefined;
   readonly onLinkCardActionsActiveChange?:
     | ((href: string, active: boolean) => void)
     | undefined;
@@ -60,6 +61,7 @@ const WaveDropPartContent: React.FC<WaveDropPartContentProps> = ({
   drop,
   isCompetitionDrop = false,
   mediaImageScale = ImageScale.AUTOx450,
+  fullWidthMedia = false,
   onLinkCardActionsActiveChange,
 }) => {
   const contentRef = React.useRef<HTMLDivElement>(null);
@@ -158,6 +160,7 @@ const WaveDropPartContent: React.FC<WaveDropPartContentProps> = ({
               activePart={activePart}
               isCompetitionDrop={isCompetitionDrop}
               imageScale={mediaImageScale}
+              fullWidthMedia={fullWidthMedia}
             />
           )}
         </div>
diff --git a/components/waves/drops/WaveDropPartContentFullWidthImage.tsx b/components/waves/drops/WaveDropPartContentFullWidthImage.tsx
new file mode 100644
index 0000000000..6dfe462d3d
--- /dev/null
+++ b/components/waves/drops/WaveDropPartContentFullWidthImage.tsx
@@ -0,0 +1,296 @@
+"use client";
+
+import { fullScreenSupported } from "@/helpers/Helpers";
+import { getScaledImageUri, ImageScale } from "@/helpers/image.helpers";
+import useCapacitor from "@/hooks/useCapacitor";
+import { faExpand, faRotateLeft } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/outline";
+import Link from "next/link";
+import React, { useCallback, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { Tooltip } from "react-tooltip";
+import useKeyPressEvent from "react-use/lib/useKeyPressEvent";
+import { TransformComponent, TransformWrapper } from "react-zoom-pan-pinch";
+
+const tooltipProps = {
+  delayShow: 250,
+  place: "top" as const,
+  style: { backgroundColor: "#37373E", color: "white", zIndex: 1002 },
+};
+
+const modalButtonClasses =
+  "tw-flex tw-items-center tw-justify-center tw-border-0 tw-text-iron-50 tw-bg-iron-800 desktop-hover:hover:tw-bg-iron-700 tw-rounded-full tw-size-10 tw-flex-shrink-0 tw-backdrop-blur-sm tw-transition-all tw-duration-300 tw-ease-out";
+
+function NaturalHeightImage({
+  imgRef,
+  primarySrc,
+  fallbackSrc,
+  retryTick,
+  onLoad,
+  onFinalError,
+}: {
+  readonly imgRef: React.RefObject<HTMLImageElement | null>;
+  readonly primarySrc: string;
+  readonly fallbackSrc: string;
+  readonly retryTick: number;
+  readonly onLoad: () => void;
+  readonly onFinalError: () => void;
+}) {
+  const [currentSrc, setCurrentSrc] = useState(primarySrc);
+  const [usedFallback, setUsedFallback] = useState(false);
+
+  const handleError = useCallback(() => {
+    if (!usedFallback) {
+      setCurrentSrc(fallbackSrc);
+      setUsedFallback(true);
+      return;
+    }
+
+    onFinalError();
+  }, [fallbackSrc, onFinalError, usedFallback]);
+
+  return (
+    <img
+      key={retryTick}
+      ref={imgRef}
+      src={currentSrc}
+      alt="Drop media"
+      loading="lazy"
+      className="tw-block tw-h-auto tw-w-full tw-max-w-full tw-object-contain"
+      style={{ objectPosition: "center" }}
+      onLoad={onLoad}
+      onError={handleError}
+    />
+  );
+}
+
+export default function WaveDropPartContentFullWidthImage({
+  src,
+  imageScale = ImageScale.AUTOx450,
+}: {
+  readonly src: string;
+  readonly imageScale?: ImageScale | undefined;
+}) {
+  const [loaded, setLoaded] = useState(false);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [errorCount, setErrorCount] = useState(0);
+  const [retryTick, setRetryTick] = useState(0);
+  const [isZoomed, setIsZoomed] = useState(false);
+  const imgRef = useRef<HTMLImageElement>(null);
+  const modalImageRef = useRef<HTMLImageElement>(null);
+  const { isCapacitor } = useCapacitor();
+
+  const handleImageLoad = useCallback(() => {
+    setLoaded(true);
+  }, []);
+
+  const handleError = useCallback(() => {
+    setErrorCount(1);
+  }, []);
+
+  const manualRetry = useCallback(() => {
+    setLoaded(false);
+    setErrorCount(0);
+    setRetryTick((currentTick) => currentTick + 1);
+  }, []);
+
+  const handleOpenModal = useCallback(
+    (event: React.MouseEvent<HTMLButtonElement>) => {
+      event.stopPropagation();
+      setIsModalOpen(true);
+    },
+    []
+  );
+
+  const handleCloseModal = useCallback(() => {
+    setIsModalOpen(false);
+  }, []);
+
+  const handleFullScreen = useCallback(
+    (event: React.MouseEvent<HTMLButtonElement>) => {
+      event.stopPropagation();
+      const fullscreenTarget = modalImageRef.current ?? imgRef.current;
+      if (fullscreenTarget) {
+        fullscreenTarget.requestFullscreen().catch(() => undefined);
+      }
+    },
+    []
+  );
+
+  useKeyPressEvent("Escape", () => {
+    handleCloseModal();
+  });
+
+  const modalContent = (
+    <div className="tailwind-scope tw-relative tw-z-1000 tw-cursor-default">
+      <button
+        type="button"
+        aria-label="Close modal"
+        onClick={handleCloseModal}
+        className="tw-fixed tw-inset-0 tw-z-1000 tw-border-0 tw-bg-black/80 tw-p-0"
+      />
+      <TransformWrapper
+        panning={{ disabled: true }}
+        limitToBounds={!isZoomed}
+        smooth
+        onZoom={(event) => setIsZoomed(event.state.scale > 1)}
+      >
+        {({ resetTransform }) => (
+          <div className="tw-pointer-events-none tw-fixed tw-inset-0 tw-z-[1001] tw-flex tw-items-center tw-justify-center tw-overflow-hidden">
+            <div className="tw-pointer-events-auto tw-relative tw-flex tw-max-h-[90vh] tw-max-w-[95vw] tw-flex-col lg:tw-flex-row">
+              <div className="tw-flex tw-min-h-0 tw-min-w-0 tw-flex-1 tw-flex-col tw-items-center tw-justify-center">
+                <TransformComponent
+                  wrapperClass="tw-w-full tw-h-full tw-flex tw-items-center tw-justify-center"
+                  contentClass="tw-w-full tw-h-full tw-flex tw-items-center tw-justify-center"
+                >
+                  <img
+                    ref={modalImageRef}
+                    src={src}
+                    alt="Full size drop media"
+                    style={{ pointerEvents: "auto" }}
+                    className="tw-max-h-[75vh] tw-max-w-full tw-object-contain lg:tw-max-h-[90vh]"
+                  />
+                </TransformComponent>
+              </div>
+
+              <div className="tw-fixed tw-right-4 tw-top-2 tw-z-[1001] tw-flex tw-flex-row tw-gap-x-4 tw-pt-[env(safe-area-inset-top,0px)] lg:tw-relative lg:tw-right-auto lg:tw-top-0 lg:tw-ml-4 lg:tw-flex-col-reverse lg:tw-gap-x-0 lg:tw-gap-y-2 lg:tw-self-start lg:tw-pt-0">
+                {isZoomed && (
+                  <button
+                    type="button"
+                    onClick={(event) => {
+                      event.stopPropagation();
+                      resetTransform();
+                      setIsZoomed(false);
+                    }}
+                    data-tooltip-id={`reset-zoom-${src}`}
+                    className={modalButtonClasses}
+                    aria-label="Reset"
+                  >
+                    <FontAwesomeIcon
+                      icon={faRotateLeft}
+                      className="tw-size-4"
+                    />
+                  </button>
+                )}
+
+                <Link
+                  href={src}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  data-tooltip-id={`open-browser-${src}`}
+                  className={modalButtonClasses}
+                  aria-label="Open image in new tab"
+                >
+                  <ArrowTopRightOnSquareIcon className="tw-h-5 tw-w-5 tw-flex-shrink-0" />
+                </Link>
+
+                {fullScreenSupported() && !isCapacitor && (
+                  <button
+                    type="button"
+                    onClick={handleFullScreen}
+                    data-tooltip-id={`full-screen-${src}`}
+                    className={modalButtonClasses}
+                    aria-label="Full screen"
+                  >
+                    <FontAwesomeIcon icon={faExpand} className="tw-size-4" />
+                  </button>
+                )}
+
+                <button
+                  type="button"
+                  onClick={handleCloseModal}
+                  data-tooltip-id={`close-modal-${src}`}
+                  className={modalButtonClasses}
+                  aria-label="Close modal"
+                >
+                  <svg
+                    className="tw-h-5 tw-w-5 tw-flex-shrink-0"
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                    aria-hidden="true"
+                  >
+                    <path
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      strokeWidth={2}
+                      d="M6 18L18 6M6 6l12 12"
+                    />
+                  </svg>
+                </button>
+              </div>
+            </div>
+          </div>
+        )}
+      </TransformWrapper>
+
+      {!isCapacitor && (
+        <>
+          <Tooltip id={`open-browser-${src}`} {...tooltipProps}>
+            <span className="tw-text-xs">Open in Browser</span>
+          </Tooltip>
+
+          <Tooltip id={`full-screen-${src}`} {...tooltipProps}>
+            <span className="tw-text-xs">Full screen</span>
+          </Tooltip>
+
+          <Tooltip id={`reset-zoom-${src}`} {...tooltipProps}>
+            <span className="tw-text-xs">Reset zoom</span>
+          </Tooltip>
+
+          <Tooltip id={`close-modal-${src}`} {...tooltipProps}>
+            <span className="tw-text-xs">Close</span>
+          </Tooltip>
+        </>
+      )}
+    </div>
+  );
+
+  if (errorCount > 0) {
+    return (
+      <div className="tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-2 tw-px-4 tw-py-8">
+        <span className="tw-text-sm tw-text-iron-400">
+          Couldn’t load image.
+        </span>
+        <button
+          type="button"
+          onClick={manualRetry}
+          className="tw-rounded-md tw-bg-iron-700 tw-px-3 tw-py-1 tw-text-xs tw-text-white hover:tw-bg-iron-600"
+        >
+          Retry
+        </button>
+      </div>
+    );
+  }
+
+  return (
+    <>
+      <button
+        type="button"
+        onClick={handleOpenModal}
+        aria-label="Open drop media"
+        className="tw-block tw-w-full tw-cursor-pointer tw-border-0 tw-bg-transparent tw-p-0"
+      >
+        <NaturalHeightImage
+          key={retryTick}
+          imgRef={imgRef}
+          primarySrc={getScaledImageUri(src, imageScale)}
+          fallbackSrc={src}
+          retryTick={retryTick}
+          onLoad={handleImageLoad}
+          onFinalError={handleError}
+        />
+      </button>
+
+      {!loaded && (
+        <div className="tw-sr-only" aria-live="polite">
+          Loading image
+        </div>
+      )}
+
+      {isModalOpen && createPortal(modalContent, document.body)}
+    </>
+  );
+}
diff --git a/components/waves/drops/WaveDropPartContentMedias.tsx b/components/waves/drops/WaveDropPartContentMedias.tsx
index f6b2516e3d..6df87a8148 100644
--- a/components/waves/drops/WaveDropPartContentMedias.tsx
+++ b/components/waves/drops/WaveDropPartContentMedias.tsx
@@ -1,14 +1,17 @@
 import React from "react";
+import clsx from "clsx";
 import type { ApiDropPart } from "@/generated/models/ApiDropPart";
 import MediaDisplay from "@/components/drops/view/item/content/media/MediaDisplay";
 import DropListItemContentMedia from "@/components/drops/view/item/content/media/DropListItemContentMedia";
 import { ImageScale } from "@/helpers/image.helpers";
+import WaveDropPartContentFullWidthImage from "./WaveDropPartContentFullWidthImage";
 
 interface WaveDropPartContentMediasProps {
   readonly activePart: ApiDropPart;
   readonly disableMediaInteraction?: boolean | undefined;
   readonly isCompetitionDrop?: boolean | undefined;
   readonly imageScale?: ImageScale | undefined;
+  readonly fullWidthMedia?: boolean | undefined;
 }
 
 const WaveDropPartContentMedias: React.FC<WaveDropPartContentMediasProps> = ({
@@ -16,37 +19,77 @@ const WaveDropPartContentMedias: React.FC<WaveDropPartContentMediasProps> = ({
   disableMediaInteraction = false,
   isCompetitionDrop = false,
   imageScale = ImageScale.AUTOx450,
+  fullWidthMedia = false,
 }) => {
   if (!activePart.media.length) {
     return null;
   }
 
+  const hasContentBeforeMedia =
+    Boolean(activePart.content?.trim()) ||
+    Boolean(activePart.quoted_drop?.drop_id);
+  let topSpacingClassName = "tw-mt-1";
+
+  if (hasContentBeforeMedia) {
+    topSpacingClassName = "tw-mt-4";
+  } else if (fullWidthMedia) {
+    topSpacingClassName = "tw-mt-0";
+  }
+
+  const mediaStackClassName = clsx(
+    topSpacingClassName,
+    "tw-space-y-3"
+  );
+
   return (
-    <div
-      className={`${activePart.content ? "tw-mt-3" : "tw-mt-1"} tw-space-y-3`}
-    >
-      {activePart.media.map((media, i) => (
-        <div
-          key={`part-${i}-media-${media.url}`}
-          className="tw-flex tw-h-64"
-        >
-          {disableMediaInteraction ? (
+    <div className={mediaStackClassName}>
+      {activePart.media.map((media, i) => {
+        const useNaturalHeightImage =
+          fullWidthMedia && media.mime_type.includes("image");
+        const mediaContainerClassName = useNaturalHeightImage
+          ? "tw-w-full"
+          : clsx(
+              "tw-flex tw-h-64 tw-items-center tw-justify-center",
+              fullWidthMedia && "tw-w-full"
+            );
+        let mediaContent;
+
+        if (disableMediaInteraction) {
+          mediaContent = (
             <MediaDisplay
               media_mime_type={media.mime_type}
               media_url={media.url}
               disableMediaInteraction={disableMediaInteraction}
               imageScale={imageScale}
             />
-          ) : (
+          );
+        } else if (useNaturalHeightImage) {
+          mediaContent = (
+            <WaveDropPartContentFullWidthImage
+              src={media.url}
+              imageScale={imageScale}
+            />
+          );
+        } else {
+          mediaContent = (
             <DropListItemContentMedia
               media_mime_type={media.mime_type}
               media_url={media.url}
               isCompetitionDrop={isCompetitionDrop}
               imageScale={imageScale}
             />
-          )}
-        </div>
-      ))}
+          );
+        }
+
+        return (
+          <div
+            key={`part-${i}-media-${media.url}`}
+            className={mediaContainerClassName}
+          >
+            {mediaContent}
+          </div>
+        );
+      })}
     </div>
   );
 };
diff --git a/components/waves/drops/WaveDropPartDrop.tsx b/components/waves/drops/WaveDropPartDrop.tsx
index b4049f1f4d..c91af6d9c3 100644
--- a/components/waves/drops/WaveDropPartDrop.tsx
+++ b/components/waves/drops/WaveDropPartDrop.tsx
@@ -28,6 +28,7 @@ interface WaveDropPartDropProps {
   readonly onCancel?: (() => void) | undefined;
   isCompetitionDrop?: boolean | undefined;
   mediaImageScale?: ImageScale | undefined;
+  fullWidthMedia?: boolean | undefined;
   readonly onLinkCardActionsActiveChange?:
     | ((href: string, active: boolean) => void)
     | undefined;
@@ -48,6 +49,7 @@ const WaveDropPartDrop: React.FC<WaveDropPartDropProps> = ({
   onCancel,
   isCompetitionDrop = false,
   mediaImageScale = ImageScale.AUTOx450,
+  fullWidthMedia = false,
   onLinkCardActionsActiveChange,
 }) => {
   return (
@@ -74,6 +76,7 @@ const WaveDropPartDrop: React.FC<WaveDropPartDropProps> = ({
             drop={drop}
             isCompetitionDrop={isCompetitionDrop}
             mediaImageScale={mediaImageScale}
+            fullWidthMedia={fullWidthMedia}
             onLinkCardActionsActiveChange={onLinkCardActionsActiveChange}
           />
         </div>
diff --git a/components/waves/drops/drop.types.ts b/components/waves/drops/drop.types.ts
index 1038ed209f..3e1721246c 100644
--- a/components/waves/drops/drop.types.ts
+++ b/components/waves/drops/drop.types.ts
@@ -5,6 +5,8 @@ export interface DropInteractionParams {
   partId: number;
 }
 
+export type DropIdentityMode = "default" | "minimal" | "hidden";
+
 export enum DropLocation {
   MY_STREAM = "MY_STREAM",
   WAVE = "WAVE",
diff --git a/components/waves/drops/participation/DefaultParticipationDrop.tsx b/components/waves/drops/participation/DefaultParticipationDrop.tsx
index 32501a7101..b276b09058 100644
--- a/components/waves/drops/participation/DefaultParticipationDrop.tsx
+++ b/components/waves/drops/participation/DefaultParticipationDrop.tsx
@@ -5,7 +5,11 @@ import React from "react";
 import { useDropInteractionRules } from "@/hooks/drops/useDropInteractionRules";
 import OngoingParticipationDrop from "./OngoingParticipationDrop";
 import EndedParticipationDrop from "./EndedParticipationDrop";
-import type { DropInteractionParams, DropLocation } from "../drop.types";
+import type {
+  DropIdentityMode,
+  DropInteractionParams,
+  DropLocation,
+} from "../drop.types";
 
 interface DefaultParticipationDropProps {
   readonly drop: ExtendedDrop;
@@ -17,6 +21,8 @@ interface DefaultParticipationDropProps {
   readonly onQuoteClick: (drop: ApiDrop) => void;
   readonly onDropContentClick?: ((drop: ExtendedDrop) => void) | undefined;
   readonly parentContainerRef?: React.RefObject<HTMLElement | null> | undefined;
+  readonly identityMode?: DropIdentityMode | undefined;
+  readonly showInteractions?: boolean | undefined;
 }
 
 export default function ParticipationDrop(
diff --git a/components/waves/drops/participation/EndedParticipationDrop.tsx b/components/waves/drops/participation/EndedParticipationDrop.tsx
index 24f310ebf7..5c8dd19c5c 100644
--- a/components/waves/drops/participation/EndedParticipationDrop.tsx
+++ b/components/waves/drops/participation/EndedParticipationDrop.tsx
@@ -15,6 +15,7 @@ import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useCallback, useState } from "react";
 import DropCurationButton from "../DropCurationButton";
+import DropMinimalIdentityRow from "../DropMinimalIdentityRow";
 import WaveDropActions from "../WaveDropActions";
 import WaveDropAuthorPfp from "../WaveDropAuthorPfp";
 import WaveDropContent from "../WaveDropContent";
@@ -26,7 +27,7 @@ import {
   getParticipationIdentityProfile,
   getParticipationVisibleMetadata,
 } from "./participationIdentityProfile.helpers";
-import type { DropInteractionParams } from "../drop.types";
+import type { DropIdentityMode, DropInteractionParams } from "../drop.types";
 import { DropLocation } from "../drop.types";
 
 interface EndedParticipationDropProps {
@@ -38,6 +39,8 @@ interface EndedParticipationDropProps {
   readonly onReply: (param: DropInteractionParams) => void;
   readonly onQuoteClick: (drop: ApiDrop) => void;
   readonly onDropContentClick?: ((drop: ExtendedDrop) => void) | undefined;
+  readonly identityMode?: DropIdentityMode | undefined;
+  readonly showInteractions?: boolean | undefined;
 }
 
 export default function EndedParticipationDrop({
@@ -49,6 +52,8 @@ export default function EndedParticipationDrop({
   onReply,
   onQuoteClick,
   onDropContentClick,
+  identityMode = "default",
+  showInteractions = true,
 }: EndedParticipationDropProps) {
   const isActiveDrop = activeDrop?.drop.id === drop.id;
   const router = useRouter();
@@ -72,6 +77,7 @@ export default function EndedParticipationDrop({
   const [isSlideUp, setIsSlideUp] = useState(false);
   const isMobile = useIsMobileDevice();
   const hasTouch = useIsTouchDevice() || isMobile;
+  const showIdentity = identityMode !== "hidden";
 
   const handleNavigation = (e: React.MouseEvent, path: string) => {
     e.preventDefault();
@@ -80,10 +86,10 @@ export default function EndedParticipationDrop({
   };
 
   const handleLongPress = useCallback(() => {
-    if (!hasTouch) return;
+    if (!showInteractions || !hasTouch) return;
     setLongPressTriggered(true);
     setIsSlideUp(true);
-  }, [hasTouch]);
+  }, [hasTouch, showInteractions]);
 
   const handleOnReply = useCallback(() => {
     setIsSlideUp(false);
@@ -111,7 +117,7 @@ export default function EndedParticipationDrop({
       <div
         className={`tw-group tw-relative tw-flex tw-w-full tw-flex-col tw-overflow-hidden tw-rounded-xl tw-px-4 tw-py-3 tw-transition-colors tw-duration-200 tw-ease-linear ${dropBackgroundClass}`}
       >
-        {!isMobile && showReplyAndQuote && (
+        {!isMobile && showInteractions && showReplyAndQuote && (
           <WaveDropActions
             drop={drop}
             activePartIndex={activePartIndex}
@@ -121,43 +127,49 @@ export default function EndedParticipationDrop({
         )}
 
         <div className="tw-flex tw-w-full tw-gap-x-3 tw-border-0 tw-bg-transparent tw-text-left">
-          <WaveDropAuthorPfp drop={drop} />
+          {showIdentity && <WaveDropAuthorPfp drop={drop} />}
 
           <div className="tw-flex tw-w-full tw-flex-col tw-gap-y-2">
-            <div className="tw-flex tw-flex-col tw-gap-y-2">
-              <div className="tw-flex tw-items-center tw-gap-x-2">
-                <UserCICAndLevel
-                  level={drop.author.level}
-                  size={UserCICAndLevelSize.SMALL}
-                />
-
-                <p className="tw-mb-0 tw-text-md tw-font-semibold tw-leading-none">
-                  <Link
-                    onClick={(e) =>
-                      handleNavigation(
-                        e,
-                        `/${drop.author.handle ?? drop.author.primary_address}`
-                      )
-                    }
-                    href={`/${drop.author.handle ?? drop.author.primary_address}`}
-                    className="tw-text-iron-200 tw-no-underline tw-transition tw-duration-300 tw-ease-out hover:tw-text-iron-500"
-                  >
-                    {drop.author.handle ?? drop.author.primary_address}
-                  </Link>
-                </p>
+            {showIdentity &&
+              (identityMode === "minimal" ? (
+                <DropMinimalIdentityRow drop={drop} />
+              ) : (
+                <div className="tw-flex tw-flex-col tw-gap-y-2">
+                  <div className="tw-flex tw-items-center tw-gap-x-2">
+                    <UserCICAndLevel
+                      level={drop.author.level}
+                      size={UserCICAndLevelSize.SMALL}
+                    />
+
+                    <p className="tw-mb-0 tw-text-md tw-font-semibold tw-leading-none">
+                      <Link
+                        onClick={(e) =>
+                          handleNavigation(
+                            e,
+                            `/${drop.author.handle ?? drop.author.primary_address}`
+                          )
+                        }
+                        href={`/${drop.author.handle ?? drop.author.primary_address}`}
+                        className="tw-text-iron-200 tw-no-underline tw-transition tw-duration-300 tw-ease-out hover:tw-text-iron-500"
+                      >
+                        {drop.author.handle ?? drop.author.primary_address}
+                      </Link>
+                    </p>
 
-                <div className="tw-size-[3px] tw-flex-shrink-0 tw-rounded-full tw-bg-iron-600"></div>
+                    <div className="tw-size-[3px] tw-flex-shrink-0 tw-rounded-full tw-bg-iron-600"></div>
 
-                <p className="tw-mb-0 tw-whitespace-nowrap tw-text-xs tw-font-normal tw-leading-none tw-text-iron-500">
-                  {getTimeAgoShort(drop.created_at)}
-                </p>
-              </div>
-              <div className="tw-flex tw-w-fit tw-items-center tw-whitespace-nowrap tw-rounded-md tw-border tw-border-solid tw-border-iron-500/25 tw-bg-iron-600/10 tw-px-2 tw-py-0.5 tw-font-medium tw-text-iron-500">
-                <span className="tw-text-xs">Participant</span>
-              </div>
-            </div>
+                    <p className="tw-mb-0 tw-whitespace-nowrap tw-text-xs tw-font-normal tw-leading-none tw-text-iron-500">
+                      {getTimeAgoShort(drop.created_at)}
+                    </p>
+                  </div>
+                  <div className="tw-flex tw-w-fit tw-items-center tw-whitespace-nowrap tw-rounded-md tw-border tw-border-solid tw-border-iron-500/25 tw-bg-iron-600/10 tw-px-2 tw-py-0.5 tw-font-medium tw-text-iron-500">
+                    <span className="tw-text-xs">Participant</span>
+                  </div>
+                </div>
+              ))}
 
-            {showWaveInfo &&
+            {identityMode === "default" &&
+              showWaveInfo &&
               (() => {
                 const waveMeta = (
                   drop.wave as unknown as {
@@ -207,7 +219,7 @@ export default function EndedParticipationDrop({
         </div>
 
         {identityProfile && (
-          <div className="tw-ml-[3.25rem]">
+          <div className={showIdentity ? "tw-ml-[3.25rem]" : ""}>
             <ParticipationIdentityProfileCard
               profile={identityProfile}
               contextId={drop.id}
@@ -222,25 +234,29 @@ export default function EndedParticipationDrop({
             <WaveDropMetadata metadata={visibleMetadata} />
           </div>
         )}
-        <div className="tw-flex tw-w-full tw-flex-wrap tw-items-center tw-gap-x-2 tw-gap-y-1">
-          <DropCurationButton
-            dropId={drop.id}
-            waveId={drop.wave.id}
-            isCuratable={drop.context_profile_context?.curatable ?? false}
-            isCurated={drop.context_profile_context?.curated ?? false}
-          />
-          <WaveDropReactions drop={drop} />
-        </div>
+        {showInteractions && (
+          <div className="tw-flex tw-w-full tw-flex-wrap tw-items-center tw-gap-x-2 tw-gap-y-1">
+            <DropCurationButton
+              dropId={drop.id}
+              waveId={drop.wave.id}
+              isCuratable={drop.context_profile_context?.curatable ?? false}
+              isCurated={drop.context_profile_context?.curated ?? false}
+            />
+            <WaveDropReactions drop={drop} />
+          </div>
+        )}
 
-        <WaveDropMobileMenu
-          drop={drop}
-          isOpen={isSlideUp}
-          longPressTriggered={longPressTriggered}
-          showReplyAndQuote={showReplyAndQuote}
-          setOpen={setIsSlideUp}
-          onReply={handleOnReply}
-          onAddReaction={handleOnAddReaction}
-        />
+        {showInteractions && (
+          <WaveDropMobileMenu
+            drop={drop}
+            isOpen={isSlideUp}
+            longPressTriggered={longPressTriggered}
+            showReplyAndQuote={showReplyAndQuote}
+            setOpen={setIsSlideUp}
+            onReply={handleOnReply}
+            onAddReaction={handleOnAddReaction}
+          />
+        )}
       </div>
     </div>
   );
diff --git a/components/waves/drops/participation/OngoingParticipationDrop.tsx b/components/waves/drops/participation/OngoingParticipationDrop.tsx
index bd872e3893..b7ed507d10 100644
--- a/components/waves/drops/participation/OngoingParticipationDrop.tsx
+++ b/components/waves/drops/participation/OngoingParticipationDrop.tsx
@@ -13,6 +13,7 @@ import useIsMobileScreen from "@/hooks/isMobileScreen";
 import WaveDropActions from "../WaveDropActions";
 import WaveDropMobileMenu from "../WaveDropMobileMenu";
 import WaveDropAuthorPfp from "../WaveDropAuthorPfp";
+import DropMinimalIdentityRow from "../DropMinimalIdentityRow";
 import ParticipationDropContainer from "./ParticipationDropContainer";
 import ParticipationDropHeader from "./ParticipationDropHeader";
 import ParticipationDropContent from "./ParticipationDropContent";
@@ -24,7 +25,11 @@ import {
   getParticipationIdentityProfile,
   getParticipationVisibleMetadata,
 } from "./participationIdentityProfile.helpers";
-import type { DropInteractionParams, DropLocation } from "../drop.types";
+import type {
+  DropIdentityMode,
+  DropInteractionParams,
+  DropLocation,
+} from "../drop.types";
 
 interface OngoingParticipationDropProps {
   readonly drop: ExtendedDrop;
@@ -35,6 +40,8 @@ interface OngoingParticipationDropProps {
   readonly onReply: (param: DropInteractionParams) => void;
   readonly onQuoteClick: (drop: ApiDrop) => void;
   readonly onDropContentClick?: ((drop: ExtendedDrop) => void) | undefined;
+  readonly identityMode?: DropIdentityMode | undefined;
+  readonly showInteractions?: boolean | undefined;
 }
 
 export default function OngoingParticipationDrop({
@@ -46,6 +53,8 @@ export default function OngoingParticipationDrop({
   onReply,
   onQuoteClick,
   onDropContentClick,
+  identityMode = "default",
+  showInteractions = true,
 }: OngoingParticipationDropProps) {
   const isActiveDrop = activeDrop?.drop.id === drop.id;
   const { canShowVote } = useDropInteractionRules(drop);
@@ -66,6 +75,7 @@ export default function OngoingParticipationDrop({
         right: identityProfile,
       })
     : false;
+  const showIdentity = identityMode !== "hidden";
 
   const [activePartIndex, setActivePartIndex] = useState(0);
   const [longPressTriggered, setLongPressTriggered] = useState(false);
@@ -73,10 +83,10 @@ export default function OngoingParticipationDrop({
   const [isVotingModalOpen, setIsVotingModalOpen] = useState(false);
 
   const handleLongPress = useCallback(() => {
-    if (!hasTouch) return;
+    if (!showInteractions || !hasTouch) return;
     setLongPressTriggered(true);
     setIsSlideUp(true);
-  }, [hasTouch]);
+  }, [hasTouch, showInteractions]);
 
   const handleOnReply = useCallback(() => {
     setIsSlideUp(false);
@@ -87,9 +97,13 @@ export default function OngoingParticipationDrop({
     setIsSlideUp(false);
   }, []);
 
-  const voteAction = canShowVote ? (
-    <VotingModalButton drop={drop} onClick={() => setIsVotingModalOpen(true)} />
-  ) : null;
+  const voteAction =
+    canShowVote && showInteractions ? (
+      <VotingModalButton
+        drop={drop}
+        onClick={() => setIsVotingModalOpen(true)}
+      />
+    ) : null;
 
   return (
     <ParticipationDropContainer
@@ -97,7 +111,7 @@ export default function OngoingParticipationDrop({
       isActiveDrop={isActiveDrop}
       location={location}
     >
-      {!isMobile && showReplyAndQuote && (
+      {!isMobile && showInteractions && showReplyAndQuote && (
         <WaveDropActions
           drop={drop}
           activePartIndex={activePartIndex}
@@ -106,9 +120,17 @@ export default function OngoingParticipationDrop({
         />
       )}
       <div className="tw-relative tw-z-10 tw-flex tw-w-full tw-gap-x-3 tw-border-0 tw-bg-transparent tw-px-4 tw-pt-4 tw-text-left">
-        <WaveDropAuthorPfp drop={drop} />
+        {showIdentity && <WaveDropAuthorPfp drop={drop} />}
         <div className="tw-flex tw-w-full tw-flex-col">
-          <ParticipationDropHeader drop={drop} showWaveInfo={showWaveInfo} />
+          {showIdentity &&
+            (identityMode === "minimal" ? (
+              <DropMinimalIdentityRow drop={drop} />
+            ) : (
+              <ParticipationDropHeader
+                drop={drop}
+                showWaveInfo={showWaveInfo}
+              />
+            ))}
           <ParticipationDropContent
             drop={drop}
             activePartIndex={activePartIndex}
@@ -124,7 +146,7 @@ export default function OngoingParticipationDrop({
 
       <div className="tw-flex tw-w-full tw-flex-col">
         {identityProfile && (
-          <div className="tw-ml-[3.25rem] tw-px-4">
+          <div className={`${showIdentity ? "tw-ml-[3.25rem]" : ""} tw-px-4`}>
             <ParticipationIdentityProfileCard
               profile={identityProfile}
               contextId={drop.id}
@@ -137,33 +159,39 @@ export default function OngoingParticipationDrop({
           metadata={visibleMetadata}
           contextId={drop.id}
         />
-        <ParticipationDropFooter drop={drop} voteAction={voteAction} />
-      </div>
-
-      {isMobileScreen ? (
-        <MobileVotingModal
+        <ParticipationDropFooter
           drop={drop}
-          isOpen={isVotingModalOpen}
-          onClose={() => setIsVotingModalOpen(false)}
+          voteAction={voteAction}
+          showInteractions={showInteractions}
         />
-      ) : (
-        <VotingModal
+      </div>
+
+      {showInteractions &&
+        (isMobileScreen ? (
+          <MobileVotingModal
+            drop={drop}
+            isOpen={isVotingModalOpen}
+            onClose={() => setIsVotingModalOpen(false)}
+          />
+        ) : (
+          <VotingModal
+            drop={drop}
+            isOpen={isVotingModalOpen}
+            onClose={() => setIsVotingModalOpen(false)}
+          />
+        ))}
+
+      {showInteractions && (
+        <WaveDropMobileMenu
           drop={drop}
-          isOpen={isVotingModalOpen}
-          onClose={() => setIsVotingModalOpen(false)}
+          isOpen={isSlideUp}
+          longPressTriggered={longPressTriggered}
+          showReplyAndQuote={showReplyAndQuote}
+          setOpen={setIsSlideUp}
+          onReply={handleOnReply}
+          onAddReaction={handleOnAddReaction}
         />
       )}
-
-      {/* Mobile menu */}
-      <WaveDropMobileMenu
-        drop={drop}
-        isOpen={isSlideUp}
-        longPressTriggered={longPressTriggered}
-        showReplyAndQuote={showReplyAndQuote}
-        setOpen={setIsSlideUp}
-        onReply={handleOnReply}
-        onAddReaction={handleOnAddReaction}
-      />
     </ParticipationDropContainer>
   );
 }
diff --git a/components/waves/drops/participation/ParticipationDrop.tsx b/components/waves/drops/participation/ParticipationDrop.tsx
index 49bd24a073..1127ddc5f6 100644
--- a/components/waves/drops/participation/ParticipationDrop.tsx
+++ b/components/waves/drops/participation/ParticipationDrop.tsx
@@ -5,7 +5,11 @@ import React from "react";
 import DefaultParticipationDrop from "./DefaultParticipationDrop";
 import MemeParticipationDrop from "@/components/memes/drops/MemeParticipationDrop";
 import { useSeizeSettings } from "@/contexts/SeizeSettingsContext";
-import type { DropInteractionParams, DropLocation } from "../drop.types";
+import type {
+  DropIdentityMode,
+  DropInteractionParams,
+  DropLocation,
+} from "../drop.types";
 
 interface ParticipationDropProps {
   readonly drop: ExtendedDrop;
@@ -17,6 +21,8 @@ interface ParticipationDropProps {
   readonly onQuoteClick: (drop: ApiDrop) => void;
   readonly onDropContentClick?: ((drop: ExtendedDrop) => void) | undefined;
   readonly parentContainerRef?: React.RefObject<HTMLElement | null> | undefined;
+  readonly identityMode?: DropIdentityMode | undefined;
+  readonly showInteractions?: boolean | undefined;
 }
 
 export default function ParticipationDrop(props: ParticipationDropProps) {
diff --git a/components/waves/drops/participation/ParticipationDropFooter.tsx b/components/waves/drops/participation/ParticipationDropFooter.tsx
index b080cc71b3..4cfb403807 100644
--- a/components/waves/drops/participation/ParticipationDropFooter.tsx
+++ b/components/waves/drops/participation/ParticipationDropFooter.tsx
@@ -10,11 +10,13 @@ import { ParticipationDropRatings } from "./ParticipationDropRatings";
 interface ParticipationDropFooterProps {
   readonly drop: ExtendedDrop;
   readonly voteAction?: ReactNode;
+  readonly showInteractions?: boolean | undefined;
 }
 
 export default function ParticipationDropFooter({
   drop,
   voteAction,
+  showInteractions = true,
 }: ParticipationDropFooterProps) {
   const { canShowVote } = useDropInteractionRules(drop);
   const canShowCuration = drop.context_profile_context?.curatable ?? false;
@@ -28,6 +30,10 @@ export default function ParticipationDropFooter({
   const shouldShowReactionsFooter =
     hasReactions || (!canShowVote && canShowCuration);
 
+  if (!showInteractions) {
+    return <div className="tw-pb-4" />;
+  }
+
   return (
     <>
       {shouldShowVoteFooter && (
diff --git a/components/waves/drops/winner/DefaultWinnerDrop.tsx b/components/waves/drops/winner/DefaultWinnerDrop.tsx
index d528722ea8..ec32acb954 100644
--- a/components/waves/drops/winner/DefaultWinnerDrop.tsx
+++ b/components/waves/drops/winner/DefaultWinnerDrop.tsx
@@ -8,12 +8,13 @@ import useIsTouchDevice from "@/hooks/useIsTouchDevice";
 import type { ActiveDropState } from "@/types/dropInteractionTypes";
 import Link from "next/link";
 import { memo, useCallback, useState } from "react";
-import type { DropInteractionParams } from "../drop.types";
+import type { DropIdentityMode, DropInteractionParams } from "../drop.types";
 import { DropLocation } from "../drop.types";
 import {
   getRankHoverBorderClass,
   getRankStaticBorderClass,
 } from "../dropRankStyles";
+import DropMinimalIdentityRow from "../DropMinimalIdentityRow";
 import WaveDropActions from "../WaveDropActions";
 import WaveDropAuthorPfp from "../WaveDropAuthorPfp";
 import WaveDropContent from "../WaveDropContent";
@@ -54,6 +55,8 @@ interface DefautWinnerDropProps {
   readonly onReplyClick: (serialNo: number) => void;
   readonly onQuoteClick: (drop: ApiDrop) => void;
   readonly onDropContentClick?: ((drop: ExtendedDrop) => void) | undefined;
+  readonly identityMode?: DropIdentityMode | undefined;
+  readonly showInteractions?: boolean | undefined;
 }
 
 const DefaultWinnerDrop = ({
@@ -67,6 +70,8 @@ const DefaultWinnerDrop = ({
   onQuoteClick,
   onDropContentClick,
   showReplyAndQuote,
+  identityMode = "default",
+  showInteractions = true,
 }: DefautWinnerDropProps) => {
   const [activePartIndex, setActivePartIndex] = useState<number>(0);
   const [isSlideUp, setIsSlideUp] = useState(false);
@@ -80,6 +85,7 @@ const DefaultWinnerDrop = ({
   const effectiveRank = drop.winning_context?.place ?? drop.rank;
 
   const decisionTime = drop.winning_context?.decision_time;
+  const showIdentity = identityMode !== "hidden";
 
   const visibleMetadata = getWinnerVisibleMetadata({
     wave: drop.wave,
@@ -93,10 +99,10 @@ const DefaultWinnerDrop = ({
     : getBackgroundColorClass(location);
 
   const handleLongPress = useCallback(() => {
-    if (!hasTouch) return;
+    if (!showInteractions || !hasTouch) return;
     setLongPressTriggered(true);
     setIsSlideUp(true);
-  }, [hasTouch]);
+  }, [hasTouch, showInteractions]);
 
   const handleOnReply = useCallback(() => {
     setIsSlideUp(false);
@@ -136,23 +142,29 @@ const DefaultWinnerDrop = ({
         )}
 
         <div className="tw-relative tw-z-10 tw-flex tw-w-full tw-gap-x-3 tw-border-0 tw-bg-transparent tw-text-left">
-          <WaveDropAuthorPfp drop={drop} />
+          {showIdentity && <WaveDropAuthorPfp drop={drop} />}
           <div className="tw-flex tw-w-full tw-flex-col">
             <div className="tw-flex tw-flex-col tw-items-start">
-              <WaveDropHeader
-                drop={drop}
-                showWaveInfo={false}
-                isStorm={isStorm}
-                currentPartIndex={activePartIndex}
-                partsCount={drop.parts.length}
-                badge={
-                  <WinnerDropBadge
-                    rank={effectiveRank}
-                    decisionTime={decisionTime ?? null}
+              {showIdentity &&
+                (identityMode === "minimal" ? (
+                  <DropMinimalIdentityRow drop={drop} />
+                ) : (
+                  <WaveDropHeader
+                    drop={drop}
+                    showWaveInfo={false}
+                    isStorm={isStorm}
+                    currentPartIndex={activePartIndex}
+                    partsCount={drop.parts.length}
+                    badge={
+                      <WinnerDropBadge
+                        rank={effectiveRank}
+                        decisionTime={decisionTime ?? null}
+                      />
+                    }
                   />
-                }
-              />
-              {showWaveInfo &&
+                ))}
+              {identityMode === "default" &&
+                showWaveInfo &&
                 (() => {
                   const waveDetails = drop.wave as unknown as {
                     chat?:
@@ -187,7 +199,7 @@ const DefaultWinnerDrop = ({
                   );
                 })()}
             </div>
-            <div className="tw-mt-2">
+            <div className={showIdentity ? "tw-mt-2" : ""}>
               <WaveDropContent
                 drop={drop}
                 activePartIndex={activePartIndex}
@@ -202,7 +214,7 @@ const DefaultWinnerDrop = ({
             </div>
           </div>
         </div>
-        {!isMobile && showReplyAndQuote && (
+        {!isMobile && showInteractions && showReplyAndQuote && (
           <div className="tw-absolute tw-right-0 tw-top-1">
             <WaveDropActions
               drop={drop}
@@ -211,26 +223,32 @@ const DefaultWinnerDrop = ({
             />
           </div>
         )}
-        <div className="tw-ml-[3.25rem] tw-flex tw-flex-col tw-gap-2">
+        <div
+          className={`${showIdentity ? "tw-ml-[3.25rem]" : ""} tw-flex tw-flex-col tw-gap-2`}
+        >
           <WaveWinnerIdentity drop={drop} variant="full" cardVariant="chat" />
           {visibleMetadata.length > 0 && (
             <WaveDropMetadata metadata={visibleMetadata} />
           )}
-          <div className="tw-flex tw-w-full tw-flex-wrap tw-items-center tw-gap-x-2 tw-gap-y-1">
-            {!!drop.raters_count && <WaveDropRatings drop={drop} />}
-            <WaveDropReactions drop={drop} />
-          </div>
+          {showInteractions && (
+            <div className="tw-flex tw-w-full tw-flex-wrap tw-items-center tw-gap-x-2 tw-gap-y-1">
+              {!!drop.raters_count && <WaveDropRatings drop={drop} />}
+              <WaveDropReactions drop={drop} />
+            </div>
+          )}
         </div>
       </div>
-      <WaveDropMobileMenu
-        drop={drop}
-        isOpen={isSlideUp}
-        longPressTriggered={longPressTriggered}
-        showReplyAndQuote={showReplyAndQuote}
-        setOpen={setIsSlideUp}
-        onReply={handleOnReply}
-        onAddReaction={handleOnAddReaction}
-      />
+      {showInteractions && (
+        <WaveDropMobileMenu
+          drop={drop}
+          isOpen={isSlideUp}
+          longPressTriggered={longPressTriggered}
+          showReplyAndQuote={showReplyAndQuote}
+          setOpen={setIsSlideUp}
+          onReply={handleOnReply}
+          onAddReaction={handleOnAddReaction}
+        />
+      )}
     </div>
   );
 };
diff --git a/components/waves/drops/winner/WinnerDrop.tsx b/components/waves/drops/winner/WinnerDrop.tsx
index 5f3ca6d62d..2a9bc54799 100644
--- a/components/waves/drops/winner/WinnerDrop.tsx
+++ b/components/waves/drops/winner/WinnerDrop.tsx
@@ -5,7 +5,11 @@ import type { ApiDrop } from "@/generated/models/ApiDrop";
 import MemeWinnerDrop from "@/components/memes/drops/MemeWinnerDrop";
 import DefaultWinnerDrop from "./DefaultWinnerDrop";
 import { useSeizeSettings } from "@/contexts/SeizeSettingsContext";
-import type { DropInteractionParams, DropLocation } from "../drop.types";
+import type {
+  DropIdentityMode,
+  DropInteractionParams,
+  DropLocation,
+} from "../drop.types";
 
 interface WinnerDropProps {
   readonly drop: ExtendedDrop;
@@ -21,6 +25,8 @@ interface WinnerDropProps {
   readonly onQuoteClick: (drop: ApiDrop) => void;
   readonly onDropContentClick?: ((drop: ExtendedDrop) => void) | undefined;
   readonly parentContainerRef?: React.RefObject<HTMLElement | null> | undefined;
+  readonly identityMode?: DropIdentityMode | undefined;
+  readonly showInteractions?: boolean | undefined;
 }
 
 const WinnerDrop = (props: WinnerDropProps) => {
diff --git a/components/waves/header/options/WaveHeaderOptions.tsx b/components/waves/header/options/WaveHeaderOptions.tsx
index 5f30b18549..bad4513a42 100644
--- a/components/waves/header/options/WaveHeaderOptions.tsx
+++ b/components/waves/header/options/WaveHeaderOptions.tsx
@@ -1,11 +1,11 @@
 "use client";
 
+import CommonDropdownItemsDefaultWrapper from "@/components/utils/select/dropdown/CommonDropdownItemsDefaultWrapper";
 import type { ApiWave } from "@/generated/models/ApiWave";
-import { AnimatePresence, motion } from "framer-motion";
 import { useRef, useState } from "react";
-import { useClickAway, useKeyPressEvent } from "react-use";
 import WaveDelete from "./delete/WaveDelete";
 import WaveMute from "./mute/WaveMute";
+import WaveProfileWaveAction from "./profile-wave/WaveProfileWaveAction";
 
 export default function WaveHeaderOptions({
   wave,
@@ -13,50 +13,48 @@ export default function WaveHeaderOptions({
   readonly wave: ApiWave;
 }) {
   const [isOptionsOpen, setIsOptionsOpen] = useState(false);
-  const listRef = useRef<HTMLDivElement>(null);
+  const buttonRef = useRef<HTMLButtonElement>(null);
 
-  useClickAway(listRef, () => setIsOptionsOpen(false));
-  useKeyPressEvent("Escape", () => setIsOptionsOpen(false));
   return (
-    <div className="tw-relative tw-z-20" ref={listRef}>
+    <div className="tw-relative tw-z-20">
       <button
+        ref={buttonRef}
         type="button"
-        className="tw-bg-transparent tw-flex tw-items-center tw-justify-center tw-rounded-lg tw-size-8 tw-border-0 tw-text-iron-300 hover:tw-bg-iron-800 desktop-hover:hover:tw-text-iron-300 desktop-hover:hover:tw-ring-1 desktop-hover:hover:tw-ring-iron-700 desktop-hover:hover:tw-ring-inset tw-transition tw-duration-300 tw-ease-out"
+        className="tw-flex tw-size-8 tw-items-center tw-justify-center tw-rounded-lg tw-border-0 tw-bg-transparent tw-text-iron-300 tw-transition tw-duration-300 tw-ease-out hover:tw-bg-iron-800 desktop-hover:hover:tw-text-iron-300 desktop-hover:hover:tw-ring-1 desktop-hover:hover:tw-ring-inset desktop-hover:hover:tw-ring-iron-700"
         id="options-menu-0-button"
-        aria-expanded="false"
+        aria-expanded={isOptionsOpen}
         aria-haspopup="true"
         onClick={(e) => {
           e.stopPropagation();
-          setIsOptionsOpen(!isOptionsOpen);
-        }}>
+          setIsOptionsOpen((open) => !open);
+        }}
+      >
         <span className="tw-sr-only">Open options</span>
         <svg
           className="tw-size-5 tw-flex-shrink-0"
           viewBox="0 0 20 20"
           fill="currentColor"
-          aria-hidden="true">
+          aria-hidden="true"
+        >
           <path d="M10 3a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM10 8.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM11.5 15.5a1.5 1.5 0 10-3 0 1.5 1.5 0 003 0z" />
         </svg>
       </button>
-      <AnimatePresence mode="wait" initial={false}>
-        {isOptionsOpen && (
-          <motion.div
-            className="tw-absolute tw-right-0 tw-z-10 tw-mt-2 tw-w-40 tw-origin-top-right tw-rounded-lg tw-bg-iron-900 tw-py-2 tw-shadow-lg tw-ring-1 tw-ring-white/10 tw-focus:tw-outline-none"
-            role="menu"
-            aria-orientation="vertical"
-            aria-labelledby="options-menu-0-button"
-            tabIndex={-1}
-            initial={{ opacity: 0, y: -20 }}
-            animate={{ opacity: 1, y: 0 }}
-            exit={{ opacity: 0, y: -20 }}
-            transition={{ duration: 0.2 }}>
-            <div>
-              <WaveMute wave={wave} onSuccess={() => setIsOptionsOpen(false)} />
-              <WaveDelete wave={wave} />
-            </div>
-          </motion.div>
-        )}
-      </AnimatePresence>
+      <CommonDropdownItemsDefaultWrapper
+        isOpen={isOptionsOpen}
+        setOpen={setIsOptionsOpen}
+        buttonRef={buttonRef}
+      >
+        <li className="tw-list-none">
+          <div className="tw-flex tw-flex-col tw-gap-y-0.5 tw-py-1">
+            <WaveProfileWaveAction
+              wave={wave}
+              onSuccess={() => setIsOptionsOpen(false)}
+            />
+            <WaveMute wave={wave} onSuccess={() => setIsOptionsOpen(false)} />
+            <WaveDelete wave={wave} />
+          </div>
+        </li>
+      </CommonDropdownItemsDefaultWrapper>
     </div>
   );
 }
diff --git a/components/waves/header/options/profile-wave/WaveProfileWaveAction.tsx b/components/waves/header/options/profile-wave/WaveProfileWaveAction.tsx
new file mode 100644
index 0000000000..b858cea3cf
--- /dev/null
+++ b/components/waves/header/options/profile-wave/WaveProfileWaveAction.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+import { Spinner } from "@/components/dotLoader/DotLoader";
+import { useAuth } from "@/components/auth/Auth";
+import { useProfileWaveMutation } from "@/hooks/useProfileWaveMutation";
+import type { ApiWave } from "@/generated/models/ApiWave";
+import { areSameProfileIdentity } from "@/helpers/ProfileHelpers";
+import { isPublicNonDirectMessageWave } from "@/helpers/waves/wave.helpers";
+import { useCallback } from "react";
+
+export default function WaveProfileWaveAction({
+  wave,
+  onSuccess,
+}: {
+  readonly wave: ApiWave;
+  readonly onSuccess?: (() => void) | undefined;
+}) {
+  const { connectedProfile, activeProfileProxy } = useAuth();
+  const { updateProfileWave, clearSelectedProfileWave, isPending } =
+    useProfileWaveMutation(connectedProfile);
+
+  const isSelectedProfileWave = connectedProfile?.profile_wave_id === wave.id;
+  const canManageProfileWave =
+    Boolean(connectedProfile) &&
+    !activeProfileProxy &&
+    areSameProfileIdentity({
+      left: connectedProfile
+        ? {
+            id: connectedProfile.id,
+            handle: connectedProfile.handle,
+            primary_address: connectedProfile.primary_wallet,
+          }
+        : null,
+      right: wave.author,
+    }) &&
+    isPublicNonDirectMessageWave(wave);
+
+  const handleClick = useCallback(async () => {
+    if (isPending) {
+      return;
+    }
+
+    const updatedProfile = isSelectedProfileWave
+      ? await clearSelectedProfileWave()
+      : await updateProfileWave(wave.id);
+
+    if (updatedProfile) {
+      onSuccess?.();
+    }
+  }, [
+    clearSelectedProfileWave,
+    isPending,
+    isSelectedProfileWave,
+    onSuccess,
+    updateProfileWave,
+    wave.id,
+  ]);
+
+  const buttonLabel = (() => {
+    if (isPending) {
+      return isSelectedProfileWave ? "Clearing wave" : "Saving wave";
+    }
+
+    return isSelectedProfileWave ? "Clear profile wave" : "Set as profile wave";
+  })();
+
+  if (!canManageProfileWave) {
+    return null;
+  }
+
+  return (
+    <button
+      type="button"
+      disabled={isPending}
+      onClick={async (event) => {
+        event.stopPropagation();
+        await handleClick();
+      }}
+      className="tw-flex tw-w-full tw-items-center tw-gap-2 tw-border-none tw-bg-transparent tw-px-3 tw-py-1 tw-text-left tw-text-sm tw-leading-6 tw-text-iron-300 tw-transition tw-duration-300 tw-ease-out hover:tw-bg-iron-800"
+      role="menuitem"
+      tabIndex={-1}
+    >
+      {isPending && <Spinner dimension={14} />}
+      {buttonLabel}
+    </button>
+  );
+}
diff --git a/helpers/waves/wave.helpers.ts b/helpers/waves/wave.helpers.ts
index c0da5ea9f3..5cd7b73aad 100644
--- a/helpers/waves/wave.helpers.ts
+++ b/helpers/waves/wave.helpers.ts
@@ -7,8 +7,23 @@ interface WaveDetailsLike {
                 | {
                     readonly is_direct_message?: boolean | undefined;
                   }
+                | null
                 | undefined;
             }
+          | null
+          | undefined;
+      }
+    | undefined;
+  readonly visibility?:
+    | {
+        readonly scope?:
+          | {
+              readonly group?:
+                | { readonly id?: string | undefined }
+                | null
+                | undefined;
+            }
+          | null
           | undefined;
       }
     | undefined;
@@ -36,3 +51,12 @@ export const isWaveDirectMessage = (
 
   return waveDetails?.chat?.scope?.group?.is_direct_message ?? false;
 };
+
+export const isPublicNonDirectMessageWave = (
+  wave?: WaveDetailsLike | null
+): boolean =>
+  Boolean(
+    wave &&
+    !wave.chat?.scope?.group?.is_direct_message &&
+    !wave.visibility?.scope?.group?.id
+  );
diff --git a/hooks/useCurationManagementPermission.ts b/hooks/useCurationManagementPermission.ts
new file mode 100644
index 0000000000..dbbc0123ec
--- /dev/null
+++ b/hooks/useCurationManagementPermission.ts
@@ -0,0 +1,21 @@
+"use client";
+
+import { useDropCurations } from "@/hooks/drops/useDropCurations";
+
+export function useCurationManagementPermission({
+  curationId,
+  probeDropId,
+}: {
+  readonly curationId: string;
+  readonly probeDropId: string;
+}) {
+  const { data: probeCurations = [] } = useDropCurations({
+    dropId: probeDropId,
+    enabled: Boolean(probeDropId),
+  });
+
+  return (
+    probeCurations.find((curation) => curation.id === curationId)
+      ?.authenticated_user_can_curate ?? false
+  );
+}
diff --git a/hooks/useProfileCurationViewMode.ts b/hooks/useProfileCurationViewMode.ts
new file mode 100644
index 0000000000..f8f7543da1
--- /dev/null
+++ b/hooks/useProfileCurationViewMode.ts
@@ -0,0 +1,15 @@
+"use client";
+
+import { useCallback, useState } from "react";
+
+type ProfileCurationViewMode = "masonry" | "list";
+
+export function useProfileCurationViewMode() {
+  const [viewMode, setViewMode] = useState<ProfileCurationViewMode>("masonry");
+
+  const toggleViewMode = useCallback(() => {
+    setViewMode(viewMode === "masonry" ? "list" : "masonry");
+  }, [setViewMode, viewMode]);
+
+  return { viewMode, setViewMode, toggleViewMode };
+}
diff --git a/hooks/useProfileWaveMutation.ts b/hooks/useProfileWaveMutation.ts
new file mode 100644
index 0000000000..620d5e98d3
--- /dev/null
+++ b/hooks/useProfileWaveMutation.ts
@@ -0,0 +1,105 @@
+"use client";
+
+import { useAuth } from "@/components/auth/Auth";
+import { ReactQueryWrapperContext } from "@/components/react-query-wrapper/ReactQueryWrapper";
+import type { ApiIdentity } from "@/generated/models/ApiIdentity";
+import {
+  clearProfileWave,
+  setProfileWave,
+} from "@/services/api/profile-wave-api";
+import { useMutation } from "@tanstack/react-query";
+import { useContext } from "react";
+
+type ProfileWaveAction =
+  | { readonly type: "set"; readonly waveId: string }
+  | { readonly type: "clear" };
+
+const getProfileIdentityKey = (profile: ApiIdentity | null): string | null =>
+  profile?.query ??
+  profile?.handle ??
+  profile?.primary_wallet ??
+  profile?.id ??
+  null;
+
+export function useProfileWaveMutation(profile: ApiIdentity | null) {
+  const { requestAuth, setToast } = useAuth();
+  const { onProfileEdit } = useContext(ReactQueryWrapperContext);
+
+  const mutation = useMutation({
+    mutationFn: async (action: ProfileWaveAction) => {
+      const identity = getProfileIdentityKey(profile);
+      if (!identity) {
+        throw new Error("Unable to determine the profile identity.");
+      }
+
+      if (action.type === "set") {
+        return await setProfileWave({
+          identity,
+          waveId: action.waveId,
+        });
+      }
+
+      return await clearProfileWave({ identity });
+    },
+    onSuccess: (updatedProfile, action) => {
+      onProfileEdit({
+        profile: updatedProfile,
+        previousProfile: profile,
+      });
+      setToast({
+        message:
+          action.type === "set"
+            ? "Profile wave updated."
+            : "Profile wave cleared.",
+        type: "success",
+      });
+    },
+    onError: (error: unknown, action) => {
+      const fallbackMessage =
+        action.type === "set"
+          ? "Unable to update profile wave."
+          : "Unable to clear profile wave.";
+      setToast({
+        message: error instanceof Error ? error.message : fallbackMessage,
+        type: "error",
+      });
+    },
+  });
+
+  const ensureAuthenticated = async (): Promise<boolean> => {
+    const { success } = await requestAuth();
+    return success;
+  };
+
+  const runProfileWaveMutation = async (
+    action: ProfileWaveAction
+  ): Promise<ApiIdentity | null> => {
+    if (!(await ensureAuthenticated())) {
+      return null;
+    }
+
+    try {
+      return await mutation.mutateAsync(action);
+    } catch {
+      return null;
+    }
+  };
+
+  const updateProfileWave = async (waveId: string) =>
+    await runProfileWaveMutation({
+      type: "set",
+      waveId,
+    });
+
+  const clearSelectedProfileWave = async () =>
+    await runProfileWaveMutation({
+      type: "clear",
+    });
+
+  return {
+    updateProfileWave,
+    clearSelectedProfileWave,
+    isPending: mutation.isPending,
+    pendingAction: mutation.variables?.type ?? null,
+  };
+}
diff --git a/package.json b/package.json
index 9e8522f91a..28c9cfad1f 100644
--- a/package.json
+++ b/package.json
@@ -133,6 +133,7 @@
     "jwt-decode": "4.0.0",
     "lexical": "0.14.5",
     "lodash": "4.17.23",
+    "masonic": "4.1.0",
     "mixpanel-browser": "2.76.0",
     "next": "16.2.1",
     "next-redux-wrapper": "8.1.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8018b3b3e5..0c574766a5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -212,6 +212,9 @@ importers:
       lodash:
         specifier: 4.17.23
         version: 4.17.23
+      masonic:
+        specifier: 4.1.0
+        version: 4.1.0(react@19.2.4)
       mixpanel-browser:
         specifier: 2.76.0
         version: 2.76.0
@@ -1170,6 +1173,18 @@ packages:
     resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@essentials/memoize-one@1.1.0':
+    resolution: {integrity: sha512-HMkuIkKNe0EWSUpZhlaq9+5Yp47YhrMhxLMnXTRnEyE5N4xKLspAvMGjUFdi794VnEF1EcOZFS8rdROeujrgag==}
+
+  '@essentials/one-key-map@1.2.0':
+    resolution: {integrity: sha512-C2H7zHVcsoipDv4VKY5uUcv5ilsK+uEgEj+WeOdN5oz/Qj1/OZIzCdle90gDzj0xnGQrmZ9qDujwD7AkBb5k9A==}
+
+  '@essentials/raf@1.2.0':
+    resolution: {integrity: sha512-AWJvpprE2o7ATMb7HBYMVUVmPJBCt2wZp2rY7d+rAcNSMvzLbDepy9KFeqqrPZh+s9aIpbw1LgmuAW7kuRFgrQ==}
+
+  '@essentials/request-timeout@1.3.0':
+    resolution: {integrity: sha512-lKZPhKScNFnR1MBnk4+sxshk46fpvdN+Uh1LlKWFO5g1ocuz4EcknNIL7tm/rsCAs/+xMWiBTwbDUvm+pDNlXw==}
+
   '@ethereumjs/common@3.2.0':
     resolution: {integrity: sha512-pksvzI0VyLgmuEF2FA/JR/4/y6hcPq8OUail3/AvycBaW1d5VSauOZzqGvJ3RTmR4MU35lWE8KseKOsEhrFRBA==}
 
@@ -2687,6 +2702,41 @@ packages:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@react-hook/debounce@3.0.0':
+    resolution: {integrity: sha512-ir/kPrSfAzY12Gre0sOHkZ2rkEmM4fS5M5zFxCi4BnCeXh2nvx9Ujd+U4IGpKCuPA+EQD0pg1eK2NGLvfWejag==}
+    peerDependencies:
+      react: '>=16.8'
+
+  '@react-hook/event@1.2.6':
+    resolution: {integrity: sha512-JUL5IluaOdn5w5Afpe/puPa1rj8X6udMlQ9dt4hvMuKmTrBS1Ya6sb4sVgvfe2eU4yDuOfAhik8xhbcCekbg9Q==}
+    peerDependencies:
+      react: '>=16.8'
+
+  '@react-hook/latest@1.0.3':
+    resolution: {integrity: sha512-dy6duzl+JnAZcDbNTfmaP3xHiKtbXYOaz3G51MGVljh548Y8MWzTr+PHLOfvpypEVW9zwvl+VyKjbWKEVbV1Rg==}
+    peerDependencies:
+      react: '>=16.8'
+
+  '@react-hook/passive-layout-effect@1.2.1':
+    resolution: {integrity: sha512-IwEphTD75liO8g+6taS+4oqz+nnroocNfWVHWz7j+N+ZO2vYrc6PV1q7GQhuahL0IOR7JccFTsFKQ/mb6iZWAg==}
+    peerDependencies:
+      react: '>=16.8'
+
+  '@react-hook/throttle@2.2.0':
+    resolution: {integrity: sha512-LJ5eg+yMV8lXtqK3lR+OtOZ2WH/EfWvuiEEu0M3bhR7dZRfTyEJKxH1oK9uyBxiXPtWXiQggWbZirMCXam51tg==}
+    peerDependencies:
+      react: '>=16.8'
+
+  '@react-hook/window-scroll@1.3.0':
+    resolution: {integrity: sha512-LdYnCL22pFI+LTs85Fi2OQHSKWkzIuHFgv8lA+wwuaPxLOEhWR5bzJ21iygUH9X4meeLVRZKEbfpYi3OWWD4GQ==}
+    peerDependencies:
+      react: '>=16.8'
+
+  '@react-hook/window-size@3.1.1':
+    resolution: {integrity: sha512-yWnVS5LKnOUIrEsI44oz3bIIUYqflamPL27n+k/PC//PsX/YeWBky09oPeAoc9As6jSH16Wgo8plI+ECZaHk3g==}
+    peerDependencies:
+      react: '>=16.8'
+
   '@react-stately/flags@3.1.2':
     resolution: {integrity: sha512-2HjFcZx1MyQXoPqcBGALwWWmgFVUk2TuKVIQxCbRq7fPyWXIl6VHcakCLurdtYC2Iks7zizvz0Idv48MQ38DWg==}
 
@@ -6789,6 +6839,11 @@ packages:
   markdown-table@3.0.4:
     resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
 
+  masonic@4.1.0:
+    resolution: {integrity: sha512-3RNbAG5qLve7qNtGp1UM/u7vI39jO73ZFHDBAg3xl8AVh7A6Ikx7I7mBeC0NY0h1r1jJn2Wqeol1QMa09MQbyQ==}
+    peerDependencies:
+      react: '>=16.8'
+
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
@@ -7737,6 +7792,9 @@ packages:
   radix3@1.1.2:
     resolution: {integrity: sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==}
 
+  raf-schd@4.0.3:
+    resolution: {integrity: sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ==}
+
   react-bootstrap@2.10.10:
     resolution: {integrity: sha512-gMckKUqn8aK/vCnfwoBpBVFUGT9SVQxwsYrp9yDHt0arXMamxALerliKBxr1TPbntirK/HGrUAHYbAeQTa9GHQ==}
     peerDependencies:
@@ -8561,6 +8619,9 @@ packages:
     resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
     hasBin: true
 
+  trie-memoize@1.2.0:
+    resolution: {integrity: sha512-hEDLVEP1FCgaRtt0oZDJdz2lK9uK7WlB7ASswt9U9cqruSNueVigtRGxI97hevKlViqhAcRgNgzuY/m8FCCMcg==}
+
   trim-lines@3.0.1:
     resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
 
@@ -9910,6 +9971,16 @@ snapshots:
       '@eslint/core': 0.17.0
       levn: 0.4.1
 
+  '@essentials/memoize-one@1.1.0': {}
+
+  '@essentials/one-key-map@1.2.0': {}
+
+  '@essentials/raf@1.2.0': {}
+
+  '@essentials/request-timeout@1.3.0':
+    dependencies:
+      '@essentials/raf': 1.2.0
+
   '@ethereumjs/common@3.2.0':
     dependencies:
       '@ethereumjs/util': 8.1.0
@@ -11563,6 +11634,41 @@ snapshots:
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
 
+  '@react-hook/debounce@3.0.0(react@19.2.4)':
+    dependencies:
+      '@react-hook/latest': 1.0.3(react@19.2.4)
+      react: 19.2.4
+
+  '@react-hook/event@1.2.6(react@19.2.4)':
+    dependencies:
+      react: 19.2.4
+
+  '@react-hook/latest@1.0.3(react@19.2.4)':
+    dependencies:
+      react: 19.2.4
+
+  '@react-hook/passive-layout-effect@1.2.1(react@19.2.4)':
+    dependencies:
+      react: 19.2.4
+
+  '@react-hook/throttle@2.2.0(react@19.2.4)':
+    dependencies:
+      '@react-hook/latest': 1.0.3(react@19.2.4)
+      react: 19.2.4
+
+  '@react-hook/window-scroll@1.3.0(react@19.2.4)':
+    dependencies:
+      '@react-hook/event': 1.2.6(react@19.2.4)
+      '@react-hook/throttle': 2.2.0(react@19.2.4)
+      react: 19.2.4
+
+  '@react-hook/window-size@3.1.1(react@19.2.4)':
+    dependencies:
+      '@react-hook/debounce': 3.0.0(react@19.2.4)
+      '@react-hook/event': 1.2.6(react@19.2.4)
+      '@react-hook/throttle': 2.2.0(react@19.2.4)
+      react: 19.2.4
+
   '@react-stately/flags@3.1.2':
     dependencies:
       '@swc/helpers': 0.5.19
@@ -17620,6 +17726,21 @@ snapshots:
 
   markdown-table@3.0.4: {}
 
+  masonic@4.1.0(react@19.2.4):
+    dependencies:
+      '@essentials/memoize-one': 1.1.0
+      '@essentials/one-key-map': 1.2.0
+      '@essentials/request-timeout': 1.3.0
+      '@react-hook/event': 1.2.6(react@19.2.4)
+      '@react-hook/latest': 1.0.3(react@19.2.4)
+      '@react-hook/passive-layout-effect': 1.2.1(react@19.2.4)
+      '@react-hook/throttle': 2.2.0(react@19.2.4)
+      '@react-hook/window-scroll': 1.3.0(react@19.2.4)
+      '@react-hook/window-size': 3.1.1(react@19.2.4)
+      raf-schd: 4.0.3
+      react: 19.2.4
+      trie-memoize: 1.2.0
+
   math-intrinsics@1.1.0: {}
 
   md5@2.3.0:
@@ -18875,6 +18996,8 @@ snapshots:
 
   radix3@1.1.2: {}
 
+  raf-schd@4.0.3: {}
+
   react-bootstrap@2.10.10(@types/react@19.2.3)(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
       '@babel/runtime': 7.29.2
@@ -19873,6 +19996,8 @@ snapshots:
 
   tree-kill@1.2.2: {}
 
+  trie-memoize@1.2.0: {}
+
   trim-lines@3.0.1: {}
 
   trough@2.2.0: {}
diff --git a/services/api/profile-wave-api.ts b/services/api/profile-wave-api.ts
new file mode 100644
index 0000000000..d4c2c38616
--- /dev/null
+++ b/services/api/profile-wave-api.ts
@@ -0,0 +1,83 @@
+import { publicEnv } from "@/config/env";
+import type { ApiIdentity } from "@/generated/models/ApiIdentity";
+import { commonApiPost } from "@/services/api/common-api";
+import { getAuthJwt, getStagingAuth } from "@/services/auth/auth.utils";
+
+const buildProfileWaveUrl = (identity: string): string =>
+  `${publicEnv.API_ENDPOINT}/api/profiles/${encodeURIComponent(identity)}/wave`;
+
+const buildProfileWaveHeaders = (): HeadersInit => {
+  const apiAuth = getStagingAuth();
+  const walletAuth = getAuthJwt();
+
+  return {
+    ...(apiAuth ? { "x-6529-auth": apiAuth } : {}),
+    ...(walletAuth ? { Authorization: `Bearer ${walletAuth}` } : {}),
+  };
+};
+
+const parseApiErrorMessage = async (response: Response): Promise<string> => {
+  const fallbackMessage = response.statusText || "Something went wrong";
+
+  try {
+    const rawContent = await response.text();
+    if (!rawContent) {
+      return fallbackMessage;
+    }
+
+    try {
+      const parsedBody = JSON.parse(rawContent) as {
+        error?: unknown;
+        message?: unknown;
+      } | null;
+
+      if (typeof parsedBody?.error === "string") {
+        return parsedBody.error;
+      }
+
+      if (typeof parsedBody?.message === "string") {
+        return parsedBody.message;
+      }
+    } catch {
+      return rawContent;
+    }
+
+    return rawContent;
+  } catch {
+    return fallbackMessage;
+  }
+};
+
+const parseProfileResponse = async (response: Response): Promise<ApiIdentity> =>
+  (await response.json()) as ApiIdentity;
+
+export const setProfileWave = async ({
+  identity,
+  waveId,
+}: {
+  readonly identity: string;
+  readonly waveId: string;
+}): Promise<ApiIdentity> =>
+  await commonApiPost<{ wave_id: string }, ApiIdentity>({
+    endpoint: `profiles/${encodeURIComponent(identity)}/wave`,
+    body: {
+      wave_id: waveId,
+    },
+  });
+
+export const clearProfileWave = async ({
+  identity,
+}: {
+  readonly identity: string;
+}): Promise<ApiIdentity> => {
+  const response = await fetch(buildProfileWaveUrl(identity), {
+    method: "DELETE",
+    headers: buildProfileWaveHeaders(),
+  });
+
+  if (!response.ok) {
+    throw new Error(await parseApiErrorMessage(response));
+  }
+
+  return await parseProfileResponse(response);
+};