diff --git a/__tests__/components/user/brain/UserPageBrainSidebar.test.tsx b/__tests__/components/user/brain/UserPageBrainSidebar.test.tsx
new file mode 100644
index 0000000000..d8ccc1a6f3
--- /dev/null
+++ b/__tests__/components/user/brain/UserPageBrainSidebar.test.tsx
@@ -0,0 +1,323 @@
+import { fireEvent, render, screen, within } from "@testing-library/react";
+import UserPageBrainSidebar from "@/components/user/brain/UserPageBrainSidebar";
+import { useFavouriteWavesOfIdentity } from "@/hooks/useFavouriteWavesOfIdentity";
+import { useWaves } from "@/hooks/useWaves";
+
+jest.mock("next/image", () => ({
+  __esModule: true,
+  default: ({ alt, fill, unoptimized, ...props }: any) => (
+    <img alt={alt ?? ""} {...props} />
+  ),
+}));
+jest.mock("next/link", () => ({
+  __esModule: true,
+  default: ({ children, href, prefetch, ...props }: any) => (
+    <a href={href} {...props}>
+      {children}
+    </a>
+  ),
+}));
+jest.mock("@/hooks/useWaves", () => ({
+  useWaves: jest.fn(),
+}));
+jest.mock("@/hooks/useFavouriteWavesOfIdentity", () => ({
+  useFavouriteWavesOfIdentity: jest.fn(),
+}));
+jest.mock("@/components/waves/drops/WaveCreatorPreviewModal", () => ({
+  WaveCreatorPreviewModal: ({ isOpen, user }: any) =>
+    isOpen ? (
+      <div
+        data-testid="wave-creator-preview-modal"
+        data-user-primary-address={user.primary_address}
+      />
+    ) : null,
+}));
+
+const mockedUseWaves = useWaves as jest.MockedFunction<typeof useWaves>;
+const mockedUseFavouriteWavesOfIdentity =
+  useFavouriteWavesOfIdentity as jest.MockedFunction<
+    typeof useFavouriteWavesOfIdentity
+  >;
+
+const baseProfile = {
+  handle: "kanetix",
+  display: "Kanetix",
+  primary_wallet: "0xabc",
+} as any;
+
+const makeWave = (overrides: Record<string, unknown> = {}) =>
+  ({
+    id: "wave-1",
+    name: "TDH Name Vote",
+    picture: null,
+    contributors_overview: [],
+    pinned: false,
+    author: {
+      handle: null,
+      banner1_color: null,
+      banner2_color: null,
+    },
+    visibility: {
+      scope: {
+        group: null,
+      },
+    },
+    chat: { scope: { group: { is_direct_message: false } } },
+    metrics: {
+      drops_count: 12,
+      subscribers_count: 25,
+      latest_drop_timestamp: Date.now(),
+    },
+    ...overrides,
+  }) as any;
+
+describe("UserPageBrainSidebar", () => {
+  beforeEach(() => {
+    mockedUseWaves.mockReset();
+    mockedUseFavouriteWavesOfIdentity.mockReset();
+    mockedUseWaves.mockReturnValue({
+      waves: [],
+      isFetching: false,
+      isFetchingNextPage: false,
+      hasNextPage: false,
+      fetchNextPage: jest.fn(),
+      status: "success",
+      error: null,
+      refetch: jest.fn(),
+    });
+    mockedUseFavouriteWavesOfIdentity.mockReturnValue({
+      waves: [],
+      status: "success",
+      error: null,
+      refetch: jest.fn(),
+      isFetching: false,
+    });
+  });
+
+  it("renders created waves and most active waves", () => {
+    mockedUseWaves.mockReturnValue({
+      waves: [makeWave()],
+      isFetching: false,
+      isFetchingNextPage: false,
+      hasNextPage: false,
+      fetchNextPage: jest.fn(),
+      status: "success",
+      error: null,
+      refetch: jest.fn(),
+    });
+    mockedUseFavouriteWavesOfIdentity.mockReturnValue({
+      waves: [
+        makeWave({
+          id: "wave-2",
+          name: "Meme Card Curation",
+        }),
+      ],
+      status: "success",
+      error: null,
+      refetch: jest.fn(),
+      isFetching: false,
+    });
+
+    render(<UserPageBrainSidebar profile={baseProfile} />);
+    const desktopSidebar = screen.getByTestId("brain-sidebar-desktop");
+    const mobileStrip = screen.getByTestId("brain-sidebar-mobile-strip");
+
+    expect(
+      within(desktopSidebar).getByText("Created Waves")
+    ).toBeInTheDocument();
+    expect(
+      within(desktopSidebar).getByText("TDH Name Vote")
+    ).toBeInTheDocument();
+    expect(
+      within(desktopSidebar).getByText("Most Active In")
+    ).toBeInTheDocument();
+    expect(
+      within(desktopSidebar).getByText("Meme Card Curation")
+    ).toBeInTheDocument();
+    expect(within(mobileStrip).getByText("Created")).toBeInTheDocument();
+    expect(within(mobileStrip).getByText("Active In")).toBeInTheDocument();
+    expect(mockedUseWaves).toHaveBeenCalledTimes(1);
+    expect(mockedUseWaves).toHaveBeenCalledWith({
+      identity: "kanetix",
+      waveName: null,
+      enabled: true,
+      directMessage: false,
+      limit: 20,
+    });
+    expect(mockedUseFavouriteWavesOfIdentity).toHaveBeenCalledWith({
+      identityKey: "kanetix",
+      limit: 3,
+      enabled: true,
+    });
+  });
+
+  it("does not show a pinned star in the sidebar wave rows", () => {
+    mockedUseFavouriteWavesOfIdentity.mockReturnValue({
+      waves: [
+        makeWave({
+          id: "wave-2",
+          name: "Pinned Private Wave",
+          picture: "https://example.com/wave.png",
+          pinned: true,
+          visibility: {
+            scope: {
+              group: {
+                id: "group-1",
+              },
+            },
+          },
+        }),
+      ],
+      status: "success",
+      error: null,
+      refetch: jest.fn(),
+      isFetching: false,
+    });
+
+    render(<UserPageBrainSidebar profile={baseProfile} />);
+    const desktopSidebar = screen.getByTestId("brain-sidebar-desktop");
+
+    expect(
+      within(desktopSidebar).getByText("Pinned Private Wave")
+    ).toBeInTheDocument();
+    expect(screen.queryByTestId("wave-creator-preview-modal")).toBeNull();
+  });
+
+  it("uses the primary wallet when the profile has no handle", () => {
+    render(
+      <UserPageBrainSidebar
+        profile={{ ...baseProfile, handle: null, primary_wallet: "0xdef" }}
+      />
+    );
+
+    expect(mockedUseWaves).toHaveBeenCalledWith({
+      identity: "0xdef",
+      waveName: null,
+      enabled: true,
+      directMessage: false,
+      limit: 20,
+    });
+    expect(mockedUseFavouriteWavesOfIdentity).toHaveBeenCalledWith({
+      identityKey: "0xdef",
+      limit: 3,
+      enabled: true,
+    });
+  });
+
+  it("hides the created section when there are no created waves", () => {
+    mockedUseFavouriteWavesOfIdentity.mockReturnValue({
+      waves: [makeWave({ id: "wave-2", name: "Meme Card Curation" })],
+      status: "success",
+      error: null,
+      refetch: jest.fn(),
+      isFetching: false,
+    });
+
+    render(<UserPageBrainSidebar profile={baseProfile} />);
+    const desktopSidebar = screen.getByTestId("brain-sidebar-desktop");
+
+    expect(within(desktopSidebar).queryByText("Created Waves")).toBeNull();
+    expect(
+      within(desktopSidebar).getByText("Most Active In")
+    ).toBeInTheDocument();
+    expect(mockedUseWaves).toHaveBeenCalledTimes(1);
+  });
+
+  it("hides the most active section when there are no favourite waves", () => {
+    mockedUseWaves.mockReturnValue({
+      waves: [makeWave()],
+      isFetching: false,
+      isFetchingNextPage: false,
+      hasNextPage: false,
+      fetchNextPage: jest.fn(),
+      status: "success",
+      error: null,
+      refetch: jest.fn(),
+    });
+
+    render(<UserPageBrainSidebar profile={baseProfile} />);
+    const desktopSidebar = screen.getByTestId("brain-sidebar-desktop");
+
+    expect(
+      within(desktopSidebar).getByText("Created Waves")
+    ).toBeInTheDocument();
+    expect(within(desktopSidebar).queryByText("Most Active In")).toBeNull();
+  });
+
+  it("expands and collapses the created waves list", () => {
+    mockedUseWaves.mockReturnValue({
+      waves: [
+        makeWave(),
+        makeWave({
+          id: "wave-2",
+          name: "Meme Card Curation",
+          metrics: {
+            drops_count: 8,
+            subscribers_count: 10,
+            latest_drop_timestamp: Date.now(),
+          },
+        }),
+      ],
+      isFetching: false,
+      isFetchingNextPage: false,
+      hasNextPage: false,
+      fetchNextPage: jest.fn(),
+      status: "success",
+      error: null,
+      refetch: jest.fn(),
+    });
+
+    render(<UserPageBrainSidebar profile={baseProfile} />);
+    const desktopSidebar = screen.getByTestId("brain-sidebar-desktop");
+
+    expect(within(desktopSidebar).getByText("Show 1 more")).toBeInTheDocument();
+    expect(within(desktopSidebar).queryByText("Meme Card Curation")).toBeNull();
+
+    fireEvent.click(within(desktopSidebar).getByText("Show 1 more"));
+    expect(
+      within(desktopSidebar).getByText("Meme Card Curation")
+    ).toBeInTheDocument();
+    expect(within(desktopSidebar).getByText("Show less")).toBeInTheDocument();
+
+    fireEvent.click(within(desktopSidebar).getByText("Show less"));
+    expect(within(desktopSidebar).queryByText("Meme Card Curation")).toBeNull();
+  });
+
+  it("opens the created waves modal from the compact strip overflow chip", () => {
+    mockedUseWaves.mockReturnValue({
+      waves: [
+        makeWave(),
+        makeWave({
+          id: "wave-2",
+          name: "Meme Card Curation",
+          metrics: {
+            drops_count: 8,
+            subscribers_count: 10,
+            latest_drop_timestamp: Date.now(),
+          },
+        }),
+      ],
+      isFetching: false,
+      isFetchingNextPage: false,
+      hasNextPage: false,
+      fetchNextPage: jest.fn(),
+      status: "success",
+      error: null,
+      refetch: jest.fn(),
+    });
+
+    render(<UserPageBrainSidebar profile={baseProfile} />);
+    const mobileStrip = screen.getByTestId("brain-sidebar-mobile-strip");
+
+    fireEvent.click(
+      within(mobileStrip).getByRole("button", {
+        name: /view all created waves/i,
+      })
+    );
+
+    expect(screen.getByTestId("wave-creator-preview-modal")).toHaveAttribute(
+      "data-user-primary-address",
+      "0xabc"
+    );
+  });
+});
diff --git a/__tests__/components/user/brain/UserPageBrainSidebarWaveItem.test.tsx b/__tests__/components/user/brain/UserPageBrainSidebarWaveItem.test.tsx
new file mode 100644
index 0000000000..28f92f169d
--- /dev/null
+++ b/__tests__/components/user/brain/UserPageBrainSidebarWaveItem.test.tsx
@@ -0,0 +1,46 @@
+import { render, screen } from "@testing-library/react";
+import UserPageBrainSidebarWaveItem from "@/components/user/brain/UserPageBrainSidebarWaveItem";
+
+jest.mock("next/link", () => ({
+  __esModule: true,
+  default: ({ children, href, prefetch, ...props }: any) => (
+    <a href={href} {...props}>
+      {children}
+    </a>
+  ),
+}));
+
+jest.mock("next/image", () => ({
+  __esModule: true,
+  default: ({ alt, fill, ...props }: any) => <img alt={alt ?? ""} {...props} />,
+}));
+
+describe("UserPageBrainSidebarWaveItem", () => {
+  it("shows the wave icon fallback when picture is missing", () => {
+    const { container } = render(
+      <UserPageBrainSidebarWaveItem
+        wave={
+          {
+            id: "wave-1",
+            name: "TDH Name Vote",
+            picture: null,
+            contributors_overview: [],
+            visibility: {
+              scope: {
+                group: null,
+              },
+            },
+            chat: { scope: { group: { is_direct_message: false } } },
+            metrics: {
+              drops_count: 12,
+              latest_drop_timestamp: Date.now(),
+            },
+          } as any
+        }
+      />
+    );
+
+    expect(screen.queryByRole("img")).toBeNull();
+    expect(container.querySelector("svg")).toBeInTheDocument();
+  });
+});
diff --git a/__tests__/components/user/brain/UserPageDrops.test.tsx b/__tests__/components/user/brain/UserPageDrops.test.tsx
index 4c5df24915..7ab13f3541 100644
--- a/__tests__/components/user/brain/UserPageDrops.test.tsx
+++ b/__tests__/components/user/brain/UserPageDrops.test.tsx
@@ -1,19 +1,27 @@
-import { render } from '@testing-library/react';
-import UserPageDrops from '@/components/user/brain/UserPageDrops';
+import { render } from "@testing-library/react";
+import UserPageDrops from "@/components/user/brain/UserPageDrops";
 
-jest.mock('@/components/drops/view/Drops', () => ({
+jest.mock("@/components/drops/view/Drops", () => ({
   __esModule: true,
   default: () => <div data-testid="drops" />,
 }));
+jest.mock("@/components/user/brain/UserPageBrainSidebar", () => ({
+  __esModule: true,
+  default: () => <div data-testid="brain-sidebar" />,
+}));
 
-describe('UserPageDrops', () => {
-  it('renders Drops when profile has handle', () => {
-    const { getByTestId } = render(<UserPageDrops profile={{ handle: 'test' } as any} />);
-    expect(getByTestId('drops')).toBeInTheDocument();
+describe("UserPageDrops", () => {
+  it("renders Drops when profile has handle", () => {
+    const { getByTestId } = render(
+      <UserPageDrops profile={{ handle: "test" } as any} />
+    );
+    expect(getByTestId("drops")).toBeInTheDocument();
+    expect(getByTestId("brain-sidebar")).toBeInTheDocument();
   });
 
-  it('hides Drops when no profile handle', () => {
+  it("hides Drops when no profile handle", () => {
     const { queryByTestId } = render(<UserPageDrops profile={null} />);
-    expect(queryByTestId('drops')).toBeNull();
+    expect(queryByTestId("drops")).toBeNull();
+    expect(queryByTestId("brain-sidebar")).toBeNull();
   });
 });
diff --git a/__tests__/components/waves/drops/WaveCreatorPreviewItem.test.tsx b/__tests__/components/waves/drops/WaveCreatorPreviewItem.test.tsx
new file mode 100644
index 0000000000..40de05fbec
--- /dev/null
+++ b/__tests__/components/waves/drops/WaveCreatorPreviewItem.test.tsx
@@ -0,0 +1,40 @@
+import { render, screen } from "@testing-library/react";
+import { WaveCreatorPreviewItem } from "@/components/waves/drops/WaveCreatorPreviewItem";
+
+jest.mock("next/link", () => ({
+  __esModule: true,
+  default: ({ children, href, prefetch, ...props }: any) => (
+    <a href={href} {...props}>
+      {children}
+    </a>
+  ),
+}));
+
+jest.mock("next/image", () => ({
+  __esModule: true,
+  default: ({ alt, ...props }: any) => <img alt={alt ?? ""} {...props} />,
+}));
+
+describe("WaveCreatorPreviewItem", () => {
+  it("shows the wave icon fallback when picture is missing", () => {
+    const { container } = render(
+      <WaveCreatorPreviewItem
+        wave={
+          {
+            id: "wave-1",
+            name: "TDH Name Vote",
+            picture: null,
+            contributors_overview: [],
+            chat: { scope: { group: { is_direct_message: false } } },
+            metrics: {
+              latest_drop_timestamp: Date.now(),
+            },
+          } as any
+        }
+      />
+    );
+
+    expect(screen.queryByRole("img")).toBeNull();
+    expect(container.querySelector("svg")).toBeInTheDocument();
+  });
+});
diff --git a/components/react-query-wrapper/ReactQueryWrapper.tsx b/components/react-query-wrapper/ReactQueryWrapper.tsx
index cfb7cbc9c8..3a187c50dc 100644
--- a/components/react-query-wrapper/ReactQueryWrapper.tsx
+++ b/components/react-query-wrapper/ReactQueryWrapper.tsx
@@ -60,6 +60,7 @@ export enum QueryKey {
   IDENTITY_FOLLOWERS = "IDENTITY_FOLLOWERS",
   IDENTITY_NOTIFICATIONS = "IDENTITY_NOTIFICATIONS",
   IDENTITY_SEARCH = "IDENTITY_SEARCH",
+  IDENTITY_FAVOURITE_WAVES = "IDENTITY_FAVOURITE_WAVES",
   WALLET_TDH_HISTORY = "WALLET_TDH_HISTORY",
   REP_CATEGORIES_SEARCH = "REP_CATEGORIES_SEARCH",
   MEMES_LITE = "MEMES_LITE",
diff --git a/components/user/brain/UserPageBrainSidebar.tsx b/components/user/brain/UserPageBrainSidebar.tsx
new file mode 100644
index 0000000000..fe82d25859
--- /dev/null
+++ b/components/user/brain/UserPageBrainSidebar.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+import { useMemo } from "react";
+import type { ApiIdentity } from "@/generated/models/ApiIdentity";
+import { useFavouriteWavesOfIdentity } from "@/hooks/useFavouriteWavesOfIdentity";
+import { useWaves } from "@/hooks/useWaves";
+import { useWaveCreatorPreviewModal } from "@/hooks/useWaveCreatorPreviewModal";
+import { WaveCreatorPreviewModal } from "@/components/waves/drops/WaveCreatorPreviewModal";
+import UserPageBrainSidebarCreated from "./UserPageBrainSidebarCreated";
+import UserPageBrainSidebarMobileStrip from "./UserPageBrainSidebarMobileStrip";
+import UserPageBrainSidebarMostActive from "./UserPageBrainSidebarMostActive";
+import { getProfileWaveIdentity } from "./userPageBrainSidebar.helpers";
+
+export default function UserPageBrainSidebar({
+  profile,
+}: {
+  readonly profile: ApiIdentity;
+}) {
+  const identity = getProfileWaveIdentity(profile);
+  const hasIdentity = identity.length > 0;
+  const { waves: createdWaves, status: createdStatus } = useWaves({
+    identity,
+    waveName: null,
+    enabled: hasIdentity,
+    directMessage: false,
+    limit: 20,
+  });
+  const { waves: mostActiveWaves, status: mostActiveStatus } =
+    useFavouriteWavesOfIdentity({
+      identityKey: identity,
+      limit: 3,
+      enabled: hasIdentity,
+    });
+  const { isModalOpen, handleBadgeClick, handleModalClose } =
+    useWaveCreatorPreviewModal();
+  const modalUser = useMemo(
+    () => ({
+      handle: profile.handle,
+      primary_address: profile.primary_wallet,
+    }),
+    [profile.handle, profile.primary_wallet]
+  );
+  const shouldShowCreated =
+    createdStatus === "pending" || createdWaves.length > 0;
+  const shouldShowMostActive =
+    mostActiveStatus === "pending" || mostActiveWaves.length > 0;
+
+  if (!shouldShowCreated && !shouldShowMostActive) {
+    return null;
+  }
+
+  return (
+    <aside
+      className="tw-order-1 tw-min-w-0 tw-self-start lg:tw-sticky lg:tw-top-8 lg:tw-order-2"
+      data-testid="brain-sidebar"
+    >
+      <UserPageBrainSidebarMobileStrip
+        createdWaves={createdWaves}
+        createdStatus={createdStatus}
+        mostActiveWaves={mostActiveWaves}
+        mostActiveStatus={mostActiveStatus}
+        onOpenCreatedWaves={handleBadgeClick}
+      />
+
+      <div
+        className="tw-hidden tw-space-y-6 lg:tw-block"
+        data-testid="brain-sidebar-desktop"
+      >
+        <UserPageBrainSidebarCreated
+          identity={identity}
+          waves={createdWaves}
+          status={createdStatus}
+        />
+        <UserPageBrainSidebarMostActive
+          waves={mostActiveWaves}
+          status={mostActiveStatus}
+        />
+      </div>
+
+      <WaveCreatorPreviewModal
+        isOpen={isModalOpen}
+        onClose={handleModalClose}
+        user={modalUser}
+      />
+    </aside>
+  );
+}
diff --git a/components/user/brain/UserPageBrainSidebarCreated.tsx b/components/user/brain/UserPageBrainSidebarCreated.tsx
new file mode 100644
index 0000000000..368f6ab213
--- /dev/null
+++ b/components/user/brain/UserPageBrainSidebarCreated.tsx
@@ -0,0 +1,80 @@
+"use client";
+
+import type { QueryStatus } from "@tanstack/react-query";
+import { useState } from "react";
+import type { ApiWave } from "@/generated/models/ApiWave";
+import UserPageBrainSidebarWaveItem from "./UserPageBrainSidebarWaveItem";
+
+interface UserPageBrainSidebarCreatedProps {
+  readonly identity: string;
+  readonly waves: ApiWave[];
+  readonly status: QueryStatus;
+}
+
+export default function UserPageBrainSidebarCreated({
+  identity,
+  waves,
+  status,
+}: UserPageBrainSidebarCreatedProps) {
+  const [expandedIdentity, setExpandedIdentity] = useState<string | null>(null);
+  const showAllWaves = expandedIdentity === identity;
+  const visibleWaves = showAllWaves ? waves : waves.slice(0, 1);
+  const remainingWavesCount = Math.max(waves.length - 1, 0);
+  const showMoreLabel =
+    remainingWavesCount === 1
+      ? "Show 1 more"
+      : `Show ${remainingWavesCount} more`;
+  const shouldShowLoading = status === "pending" && waves.length === 0;
+  const shouldShowWaves = waves.length > 0;
+  if (!shouldShowLoading && !shouldShowWaves) {
+    return null;
+  }
+
+  return (
+    <section aria-labelledby="brain-created-waves-heading">
+      <span
+        id="brain-created-waves-heading"
+        className="tw-text-xs tw-font-semibold tw-uppercase tw-tracking-wider tw-text-iron-500"
+      >
+        Created Waves
+      </span>
+      <div className="tw-mt-3 tw-space-y-2.5">
+        {shouldShowLoading ? (
+          <div className="tw-space-y-2.5" aria-label="Loading created waves">
+            {[0, 1, 2].map((key) => (
+              <div
+                key={key}
+                className="tw-flex tw-items-center tw-gap-3 tw-rounded-xl tw-border tw-border-solid tw-border-white/5 tw-bg-white/5 tw-p-3 tw-shadow-inner"
+              >
+                <div className="tw-h-10 tw-w-10 tw-shrink-0 tw-animate-pulse tw-rounded-full tw-bg-white/[0.06]" />
+                <div className="tw-min-w-0 tw-flex-1 tw-space-y-1.5">
+                  <div className="tw-h-3 tw-w-2/3 tw-animate-pulse tw-rounded tw-bg-white/[0.06]" />
+                  <div className="tw-h-2.5 tw-w-1/2 tw-animate-pulse tw-rounded tw-bg-white/[0.05]" />
+                </div>
+              </div>
+            ))}
+          </div>
+        ) : (
+          <>
+            {visibleWaves.map((wave) => (
+              <UserPageBrainSidebarWaveItem key={wave.id} wave={wave} />
+            ))}
+            {waves.length > 1 && (
+              <button
+                type="button"
+                onClick={() =>
+                  setExpandedIdentity((current) =>
+                    current === identity ? null : identity
+                  )
+                }
+                className="tw-mt-2 tw-cursor-pointer tw-border-none tw-bg-black tw-px-1 tw-text-xs tw-font-semibold tw-text-iron-500 tw-transition-colors desktop-hover:hover:tw-text-iron-300"
+              >
+                {showAllWaves ? "Show less" : showMoreLabel}
+              </button>
+            )}
+          </>
+        )}
+      </div>
+    </section>
+  );
+}
diff --git a/components/user/brain/UserPageBrainSidebarMobileStrip.tsx b/components/user/brain/UserPageBrainSidebarMobileStrip.tsx
new file mode 100644
index 0000000000..1231c1f479
--- /dev/null
+++ b/components/user/brain/UserPageBrainSidebarMobileStrip.tsx
@@ -0,0 +1,178 @@
+"use client";
+
+import type { QueryStatus } from "@tanstack/react-query";
+import type { ReactNode } from "react";
+import type { ApiWave } from "@/generated/models/ApiWave";
+import { getScaledImageUri, ImageScale } from "@/helpers/image.helpers";
+import { getWaveRoute } from "@/helpers/navigation.helpers";
+import { ChatBubbleLeftRightIcon, PlusIcon } from "@heroicons/react/24/outline";
+import Link from "next/link";
+import Image from "next/image";
+import WavesIcon from "@/components/common/icons/WavesIcon";
+
+interface UserPageBrainSidebarMobileStripProps {
+  readonly createdWaves: ApiWave[];
+  readonly createdStatus: QueryStatus;
+  readonly mostActiveWaves: ApiWave[];
+  readonly mostActiveStatus: QueryStatus;
+  readonly onOpenCreatedWaves: () => void;
+}
+
+function UserPageBrainSidebarMobileWavePill({
+  wave,
+}: {
+  readonly wave: ApiWave;
+}) {
+  const isDirectMessage = wave.chat.scope.group?.is_direct_message ?? false;
+  const href = getWaveRoute({
+    waveId: wave.id,
+    isDirectMessage,
+    isApp: false,
+  });
+  const imageSrc = wave.picture
+    ? getScaledImageUri(wave.picture, ImageScale.W_200_H_200)
+    : null;
+  const FallbackIcon = isDirectMessage ? ChatBubbleLeftRightIcon : WavesIcon;
+
+  return (
+    <Link
+      href={href}
+      prefetch={false}
+      className="tw-group tw-inline-flex tw-h-9 tw-max-w-[14rem] tw-items-center tw-gap-2 tw-rounded-lg tw-border tw-border-solid tw-border-white/[0.08] tw-bg-iron-950 tw-p-1 tw-pr-3 tw-no-underline tw-shadow-sm tw-transition-all tw-duration-200 desktop-hover:hover:tw-border-white/[0.15] desktop-hover:hover:tw-bg-white/[0.05]"
+    >
+      <div className="tw-relative tw-flex tw-h-7 tw-w-7 tw-shrink-0 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border tw-border-solid tw-border-white/10 tw-bg-iron-900">
+        {imageSrc ? (
+          <Image
+            src={imageSrc}
+            alt={wave.name ? `Wave ${wave.name}` : "Wave picture"}
+            fill
+            sizes="28px"
+            className="tw-object-cover tw-transition-transform tw-duration-300 desktop-hover:group-hover:tw-scale-105"
+          />
+        ) : (
+          <FallbackIcon className="tw-h-3.5 tw-w-3.5 tw-flex-shrink-0 tw-text-iron-300" />
+        )}
+      </div>
+      <span className="tw-min-w-0 tw-truncate tw-text-xs tw-font-medium tw-text-iron-300 tw-transition-colors desktop-hover:group-hover:tw-text-iron-100">
+        {wave.name}
+      </span>
+    </Link>
+  );
+}
+
+function MobileWavePillSkeleton({ keyId }: { readonly keyId: string }) {
+  return (
+    <div
+      key={keyId}
+      className="tw-inline-flex tw-h-9 tw-items-center tw-gap-2 tw-rounded-lg tw-border tw-border-solid tw-border-white/[0.06] tw-bg-iron-950/70 tw-p-1 tw-pr-3"
+    >
+      <div className="tw-h-7 tw-w-7 tw-shrink-0 tw-animate-pulse tw-rounded-full tw-bg-white/[0.07]" />
+      <div className="tw-h-3 tw-w-20 tw-animate-pulse tw-rounded tw-bg-white/[0.07]" />
+    </div>
+  );
+}
+
+export default function UserPageBrainSidebarMobileStrip({
+  createdWaves,
+  createdStatus,
+  mostActiveWaves,
+  mostActiveStatus,
+  onOpenCreatedWaves,
+}: UserPageBrainSidebarMobileStripProps) {
+  const shouldShowCreatedLoading =
+    createdStatus === "pending" && createdWaves.length === 0;
+  const shouldShowCreatedWaves = createdWaves.length > 0;
+  const shouldShowMostActiveLoading =
+    mostActiveStatus === "pending" && mostActiveWaves.length === 0;
+  const shouldShowMostActiveWaves = mostActiveWaves.length > 0;
+  const shouldShowCreatedSection =
+    shouldShowCreatedLoading || shouldShowCreatedWaves;
+  const shouldShowMostActiveSection =
+    shouldShowMostActiveLoading || shouldShowMostActiveWaves;
+
+  if (!shouldShowCreatedSection && !shouldShowMostActiveSection) {
+    return null;
+  }
+
+  const firstCreatedWave = createdWaves[0];
+  const remainingCreatedCount = Math.max(createdWaves.length - 1, 0);
+  let createdSectionContent: ReactNode = null;
+
+  if (shouldShowCreatedLoading) {
+    createdSectionContent = (
+      <>
+        <MobileWavePillSkeleton keyId="created-0" />
+        <MobileWavePillSkeleton keyId="created-1" />
+      </>
+    );
+  } else if (firstCreatedWave) {
+    createdSectionContent = (
+      <>
+        <UserPageBrainSidebarMobileWavePill wave={firstCreatedWave} />
+        {remainingCreatedCount > 0 && (
+          <button
+            type="button"
+            onClick={onOpenCreatedWaves}
+            className="tw-inline-flex tw-h-9 tw-items-center tw-gap-1.5 tw-rounded-lg tw-border tw-border-solid tw-border-white/[0.08] tw-bg-iron-950 tw-px-3 tw-text-xs tw-font-semibold tw-text-iron-400 tw-shadow-sm tw-transition-all tw-duration-200 desktop-hover:hover:tw-border-white/[0.15] desktop-hover:hover:tw-bg-white/[0.05] desktop-hover:hover:tw-text-iron-100"
+            aria-label="View all created waves"
+          >
+            <PlusIcon className="tw-h-3 tw-w-3 tw-flex-shrink-0" />
+            <span>{remainingCreatedCount}</span>
+          </button>
+        )}
+      </>
+    );
+  }
+
+  return (
+    <section
+      aria-label="Brain waves strip"
+      className="lg:tw-hidden"
+      data-testid="brain-sidebar-mobile-strip"
+    >
+      <div className="tw-relative tw-overflow-hidden">
+        <div className="tw-flex tw-items-end tw-gap-4 tw-overflow-x-auto [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:tw-hidden">
+          {shouldShowCreatedSection && (
+            <div className="tw-flex tw-shrink-0 tw-flex-col tw-gap-2">
+              <span className="tw-px-1 tw-text-[10px] tw-font-semibold tw-uppercase tw-tracking-wider tw-text-iron-500">
+                Created
+              </span>
+              <div className="tw-flex tw-items-center tw-gap-2">
+                {createdSectionContent}
+              </div>
+            </div>
+          )}
+
+          {shouldShowCreatedSection && shouldShowMostActiveSection && (
+            <div className="tw-mb-1 tw-h-11 tw-w-px tw-shrink-0 tw-bg-white/5" />
+          )}
+
+          {shouldShowMostActiveSection && (
+            <div className="tw-flex tw-shrink-0 tw-flex-col tw-gap-2">
+              <span className="tw-px-1 tw-text-[10px] tw-font-semibold tw-uppercase tw-tracking-wider tw-text-iron-500">
+                Active In
+              </span>
+              <div className="tw-flex tw-items-center tw-gap-2">
+                {shouldShowMostActiveLoading
+                  ? [0, 1, 2].map((key) => (
+                      <MobileWavePillSkeleton
+                        key={`most-active-${key}`}
+                        keyId={`most-active-${key}`}
+                      />
+                    ))
+                  : mostActiveWaves
+                      .slice(0, 3)
+                      .map((wave) => (
+                        <UserPageBrainSidebarMobileWavePill
+                          key={wave.id}
+                          wave={wave}
+                        />
+                      ))}
+              </div>
+            </div>
+          )}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/components/user/brain/UserPageBrainSidebarMostActive.tsx b/components/user/brain/UserPageBrainSidebarMostActive.tsx
new file mode 100644
index 0000000000..9cfc1634dc
--- /dev/null
+++ b/components/user/brain/UserPageBrainSidebarMostActive.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import type { QueryStatus } from "@tanstack/react-query";
+import type { ApiWave } from "@/generated/models/ApiWave";
+import UserPageBrainSidebarWaveItem from "./UserPageBrainSidebarWaveItem";
+
+interface UserPageBrainSidebarMostActiveProps {
+  readonly waves: ApiWave[];
+  readonly status: QueryStatus;
+}
+
+export default function UserPageBrainSidebarMostActive({
+  waves,
+  status,
+}: UserPageBrainSidebarMostActiveProps) {
+  const shouldShowLoading = status === "pending" && waves.length === 0;
+  const shouldShowWaves = waves.length > 0;
+  if (!shouldShowLoading && !shouldShowWaves) {
+    return null;
+  }
+
+  return (
+    <section aria-labelledby="brain-most-active-waves-heading">
+      <span
+        id="brain-most-active-waves-heading"
+        className="tw-mb-3 tw-block tw-text-xs tw-font-semibold tw-uppercase tw-tracking-wider tw-text-iron-500"
+      >
+        Most Active In
+      </span>
+      <div className="tw-space-y-2.5">
+        {shouldShowLoading ? (
+          <div
+            className="tw-space-y-2.5"
+            aria-label="Loading most active waves"
+          >
+            {[0, 1, 2].map((key) => (
+              <div
+                key={key}
+                className="tw-flex tw-items-center tw-gap-3 tw-rounded-xl tw-border tw-border-solid tw-border-white/5 tw-bg-white/5 tw-p-3 tw-shadow-inner"
+              >
+                <div className="tw-h-10 tw-w-10 tw-shrink-0 tw-animate-pulse tw-rounded-full tw-bg-white/[0.06]" />
+                <div className="tw-min-w-0 tw-flex-1 tw-space-y-1.5">
+                  <div className="tw-h-3 tw-w-2/3 tw-animate-pulse tw-rounded tw-bg-white/[0.06]" />
+                  <div className="tw-h-2.5 tw-w-1/2 tw-animate-pulse tw-rounded tw-bg-white/[0.05]" />
+                </div>
+              </div>
+            ))}
+          </div>
+        ) : (
+          waves.map((wave) => (
+            <UserPageBrainSidebarWaveItem key={wave.id} wave={wave} />
+          ))
+        )}
+      </div>
+    </section>
+  );
+}
diff --git a/components/user/brain/UserPageBrainSidebarWaveItem.tsx b/components/user/brain/UserPageBrainSidebarWaveItem.tsx
new file mode 100644
index 0000000000..9fa26f6a90
--- /dev/null
+++ b/components/user/brain/UserPageBrainSidebarWaveItem.tsx
@@ -0,0 +1,111 @@
+"use client";
+
+import type { ReactNode } from "react";
+import { LockClosedIcon, ChevronRightIcon } from "@heroicons/react/24/solid";
+import { ChatBubbleLeftRightIcon } from "@heroicons/react/24/outline";
+import type { ApiWave } from "@/generated/models/ApiWave";
+import { getTimeAgoShort, numberWithCommas } from "@/helpers/Helpers";
+import { getScaledImageUri, ImageScale } from "@/helpers/image.helpers";
+import { getWaveRoute } from "@/helpers/navigation.helpers";
+import Link from "next/link";
+import Image from "next/image";
+import WavesIcon from "@/components/common/icons/WavesIcon";
+
+type BrainSidebarWaveItemDisplay = {
+  readonly href: string;
+  readonly isPrivate: boolean;
+  readonly isDirectMessage: boolean;
+  readonly dropsCount: string;
+  readonly lastDropTimestamp: ApiWave["metrics"]["latest_drop_timestamp"];
+  readonly imageSrc: string | null;
+};
+
+const getBrainSidebarWaveItemDisplay = (
+  wave: ApiWave
+): BrainSidebarWaveItemDisplay => ({
+  isDirectMessage: wave.chat.scope.group?.is_direct_message ?? false,
+  href: getWaveRoute({
+    waveId: wave.id,
+    isDirectMessage: wave.chat.scope.group?.is_direct_message ?? false,
+    isApp: false,
+  }),
+  isPrivate:
+    Boolean(wave.visibility.scope.group) &&
+    !(wave.chat.scope.group?.is_direct_message ?? false),
+  dropsCount: numberWithCommas(wave.metrics.drops_count),
+  lastDropTimestamp: wave.metrics.latest_drop_timestamp,
+  imageSrc: wave.picture
+    ? getScaledImageUri(wave.picture, ImageScale.W_200_H_200)
+    : null,
+});
+
+export default function UserPageBrainSidebarWaveItem({
+  wave,
+}: {
+  readonly wave: ApiWave;
+}) {
+  const {
+    href,
+    isPrivate,
+    isDirectMessage,
+    dropsCount,
+    lastDropTimestamp,
+    imageSrc,
+  } = getBrainSidebarWaveItemDisplay(wave);
+  const FallbackIcon = isDirectMessage ? ChatBubbleLeftRightIcon : WavesIcon;
+  let metaContent: ReactNode = <span>No drops yet</span>;
+
+  if (lastDropTimestamp) {
+    metaContent = (
+      <>
+        <span>{getTimeAgoShort(lastDropTimestamp)}</span>
+        <span className="tw-h-0.5 tw-w-0.5 tw-rounded-full tw-bg-white/30" />
+        <span>{dropsCount} drops</span>
+      </>
+    );
+  }
+
+  return (
+    <Link
+      href={href}
+      prefetch={false}
+      className="tw-group tw-flex tw-cursor-pointer tw-items-center tw-gap-3 tw-rounded-xl tw-border tw-border-solid tw-border-white/5 tw-bg-iron-950 tw-p-3 tw-no-underline tw-shadow-inner tw-transition-all desktop-hover:hover:tw-border-white/15"
+    >
+      <div className="tw-relative tw-h-10 tw-w-10 tw-shrink-0 tw-overflow-hidden tw-rounded-full tw-border tw-border-solid tw-border-white/10">
+        <div className="tw-absolute tw-inset-0 tw-z-10 tw-transition-colors desktop-hover:group-hover:tw-bg-transparent" />
+        {imageSrc ? (
+          <Image
+            src={imageSrc}
+            alt={wave.name ? `Wave ${wave.name}` : "Wave picture"}
+            fill
+            sizes="40px"
+            className="tw-object-cover tw-transition-transform tw-duration-500 tw-will-change-transform desktop-hover:group-hover:tw-scale-110"
+          />
+        ) : (
+          <div className="tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center tw-bg-iron-900">
+            <FallbackIcon className="tw-h-4 tw-w-4 tw-flex-shrink-0 tw-text-iron-300 tw-transition-transform tw-duration-500 tw-will-change-transform desktop-hover:group-hover:tw-scale-110" />
+          </div>
+        )}
+      </div>
+
+      <div className="tw-flex tw-min-w-0 tw-flex-1 tw-flex-col tw-justify-center">
+        <div className="tw-mb-1 tw-flex tw-items-center tw-justify-between">
+          <div className="tw-flex tw-min-w-0 tw-items-center tw-gap-1.5">
+            {isPrivate && (
+              <LockClosedIcon className="tw-h-3 tw-w-3 tw-shrink-0 tw-text-white/30" />
+            )}
+            <span className="tw-truncate tw-text-sm tw-font-semibold tw-text-iron-100 tw-transition-colors desktop-hover:group-hover:tw-text-iron-50">
+              {wave.name}
+            </span>
+          </div>
+        </div>
+
+        <div className="tw-flex tw-items-center tw-gap-2 tw-text-xs tw-font-medium tw-text-iron-500">
+          {metaContent}
+        </div>
+      </div>
+
+      <ChevronRightIcon className="tw-h-4 tw-w-4 tw-shrink-0 -tw-translate-x-1 tw-text-iron-600 tw-opacity-0 tw-transition-all tw-duration-300 desktop-hover:group-hover:tw-translate-x-0 desktop-hover:group-hover:tw-text-iron-400 desktop-hover:group-hover:tw-opacity-100" />
+    </Link>
+  );
+}
diff --git a/components/user/brain/UserPageDrops.tsx b/components/user/brain/UserPageDrops.tsx
index dda58ad7a5..ab647f7fc8 100644
--- a/components/user/brain/UserPageDrops.tsx
+++ b/components/user/brain/UserPageDrops.tsx
@@ -1,17 +1,29 @@
 import Drops from "@/components/drops/view/Drops";
 import type { ApiIdentity } from "@/generated/models/ApiIdentity";
+import type { ReactNode } from "react";
+import UserPageBrainSidebar from "./UserPageBrainSidebar";
 
 export default function UserPageDrops({
   profile,
 }: {
   readonly profile: ApiIdentity | null;
 }) {
-  const haveProfile = !!profile?.handle;
-  return (
-    <div className="tailwind-scope">
-      <div className="tw-max-w-4xl tw-mx-auto tw-py-4">
-        {haveProfile && <Drops />}
+  let content: ReactNode = null;
+
+  if (profile) {
+    const haveProfile = Boolean(profile.handle);
+
+    content = (
+      <div className="tailwind-scope">
+        <div className="tw-grid tw-grid-cols-1 tw-gap-x-8 tw-gap-y-6 lg:tw-grid-cols-[minmax(0,2fr)_minmax(22rem,1fr)] xl:tw-gap-x-10">
+          <div className="tw-order-2 tw-min-w-0 lg:tw-order-1">
+            {haveProfile && <Drops />}
+          </div>
+          <UserPageBrainSidebar profile={profile} />
+        </div>
       </div>
-    </div>
-  );
+    );
+  }
+
+  return content;
 }
diff --git a/components/user/brain/userPageBrainSidebar.helpers.ts b/components/user/brain/userPageBrainSidebar.helpers.ts
new file mode 100644
index 0000000000..f41cc2cdf1
--- /dev/null
+++ b/components/user/brain/userPageBrainSidebar.helpers.ts
@@ -0,0 +1,4 @@
+import type { ApiIdentity } from "@/generated/models/ApiIdentity";
+
+export const getProfileWaveIdentity = (profile: ApiIdentity): string =>
+  profile.handle ?? profile.query ?? profile.primary_wallet;
diff --git a/components/waves/drops/WaveCreatorPreviewItem.tsx b/components/waves/drops/WaveCreatorPreviewItem.tsx
index 018687be2b..8b3ee8a7bd 100644
--- a/components/waves/drops/WaveCreatorPreviewItem.tsx
+++ b/components/waves/drops/WaveCreatorPreviewItem.tsx
@@ -9,8 +9,8 @@ import {
   ArrowTopRightOnSquareIcon,
   ChatBubbleLeftRightIcon,
 } from "@heroicons/react/24/outline";
-import Image from "next/image";
 import Link from "next/link";
+import Image from "next/image";
 import WavesIcon from "@/components/common/icons/WavesIcon";
 
 interface WaveCreatorPreviewItemProps {
@@ -47,14 +47,14 @@ export const WaveCreatorPreviewItem: React.FC<WaveCreatorPreviewItemProps> = ({
       }}
       className="tw-group tw-flex tw-items-center tw-gap-3 tw-rounded-lg tw-border tw-border-iron-800/70 tw-bg-iron-950/60 tw-px-4 tw-py-3 tw-no-underline tw-transition tw-duration-200 focus:tw-outline-none focus-visible:tw-ring-2 focus-visible:tw-ring-primary-400/60 desktop-hover:hover:tw-border-iron-700 desktop-hover:hover:tw-bg-iron-900/60"
     >
-      <div className="tw-flex tw-h-10 tw-w-10 tw-flex-shrink-0 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-md tw-bg-iron-900 tw-ring-1 tw-ring-white/10">
+      <div className="tw-flex tw-h-10 tw-w-10 tw-flex-shrink-0 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-bg-iron-900 tw-ring-1 tw-ring-white/10">
         {imageSrc ? (
           <Image
             src={imageSrc}
             alt={wave.name ? `Wave ${wave.name}` : "Wave picture"}
             width={40}
             height={40}
-            className="tw-h-full tw-w-full tw-object-cover"
+            className="tw-h-full tw-w-full tw-rounded-full tw-object-cover"
           />
         ) : (
           <FallbackIcon className="tw-h-4 tw-w-4 tw-text-iron-300" />
diff --git a/components/waves/drops/WaveCreatorPreviewModal.tsx b/components/waves/drops/WaveCreatorPreviewModal.tsx
index a8ae1d524f..b22d76cd00 100644
--- a/components/waves/drops/WaveCreatorPreviewModal.tsx
+++ b/components/waves/drops/WaveCreatorPreviewModal.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import type { ApiProfileMin } from "@/generated/models/ApiProfileMin";
 import useDeviceInfo from "@/hooks/useDeviceInfo";
 import {
   Dialog,
@@ -12,11 +11,12 @@ import { Fragment, useEffect } from "react";
 import { createPortal } from "react-dom";
 import ArtistPreviewAppWrapper from "./ArtistPreviewAppWrapper";
 import { WaveCreatorPreviewModalContent } from "./WaveCreatorPreviewModalContent";
+import type { WaveCreatorPreviewUser } from "./waveCreatorPreview.types";
 
 interface WaveCreatorPreviewModalProps {
   readonly isOpen: boolean;
   readonly onClose: () => void;
-  readonly user: ApiProfileMin;
+  readonly user: WaveCreatorPreviewUser;
 }
 
 export const WaveCreatorPreviewModal = ({
diff --git a/components/waves/drops/WaveCreatorPreviewModalContent.tsx b/components/waves/drops/WaveCreatorPreviewModalContent.tsx
index a48435f2cc..b9d93e5c42 100644
--- a/components/waves/drops/WaveCreatorPreviewModalContent.tsx
+++ b/components/waves/drops/WaveCreatorPreviewModalContent.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import React, { useCallback } from "react";
-import type { ApiProfileMin } from "@/generated/models/ApiProfileMin";
 import { useWaves } from "@/hooks/useWaves";
 import CircleLoader, {
   CircleLoaderSize,
@@ -12,9 +11,10 @@ import { WaveCreatorPreviewItem } from "./WaveCreatorPreviewItem";
 import { shortenAddress } from "@/helpers/address.helpers";
 import { useRouter } from "next/navigation";
 import type { ApiWave } from "@/generated/models/ApiWave";
+import type { WaveCreatorPreviewUser } from "./waveCreatorPreview.types";
 
 interface WaveCreatorPreviewModalContentProps {
-  readonly user: ApiProfileMin;
+  readonly user: WaveCreatorPreviewUser;
   readonly isOpen: boolean;
   readonly onClose: () => void;
   readonly isApp?: boolean | undefined;
@@ -73,11 +73,11 @@ export const WaveCreatorPreviewModalContent: React.FC<
   return (
     <div className="tailwind-scope tw-relative tw-overflow-hidden tw-rounded-xl tw-border tw-border-white/5 tw-bg-[#0E1012] tw-shadow-[0_10px_40px_rgba(0,0,0,0.55)]">
       <div
-        className={`tw-relative tw-z-[100] tw-flex tw-flex-col tw-gap-4 sm:tw-flex-row sm:tw-items-center sm:tw-justify-between ${
+        className={`tw-relative tw-z-[100] tw-flex tw-items-start tw-justify-between tw-gap-4 sm:tw-items-center ${
           isApp ? "tw-px-6 tw-py-4" : "tw-p-6"
         } tw-border-x-0 tw-border-b tw-border-t-0 tw-border-solid tw-border-iron-800/60`}
       >
-        <div>
+        <div className="tw-min-w-0 tw-flex-1">
           <div className="tw-text-xl tw-font-semibold tw-tracking-tight tw-text-iron-100 sm:tw-text-2xl">
             Waves by {displayName}
           </div>
diff --git a/components/waves/drops/waveCreatorPreview.types.ts b/components/waves/drops/waveCreatorPreview.types.ts
new file mode 100644
index 0000000000..e0c272377e
--- /dev/null
+++ b/components/waves/drops/waveCreatorPreview.types.ts
@@ -0,0 +1,4 @@
+export interface WaveCreatorPreviewUser {
+  readonly handle: string | null;
+  readonly primary_address: string;
+}
diff --git a/hooks/useFavouriteWavesOfIdentity.ts b/hooks/useFavouriteWavesOfIdentity.ts
new file mode 100644
index 0000000000..05f54736f0
--- /dev/null
+++ b/hooks/useFavouriteWavesOfIdentity.ts
@@ -0,0 +1,49 @@
+"use client";
+
+import { useQuery } from "@tanstack/react-query";
+import { QueryKey } from "@/components/react-query-wrapper/ReactQueryWrapper";
+import { getDefaultQueryRetry } from "@/components/react-query-wrapper/utils/query-utils";
+import type { ApiWave } from "@/generated/models/ApiWave";
+import { commonApiFetch } from "@/services/api/common-api";
+
+interface UseFavouriteWavesOfIdentityProps {
+  readonly identityKey: string | null;
+  readonly limit?: number | undefined;
+  readonly enabled?: boolean | undefined;
+}
+
+export function useFavouriteWavesOfIdentity({
+  identityKey,
+  limit = 3,
+  enabled = true,
+}: UseFavouriteWavesOfIdentityProps) {
+  const normalizedIdentityKey = identityKey?.trim() ?? null;
+  const activeIdentityKey = normalizedIdentityKey ?? "";
+
+  const query = useQuery<ApiWave[], Error>({
+    queryKey: [
+      QueryKey.IDENTITY_FAVOURITE_WAVES,
+      { identity_key: normalizedIdentityKey, limit },
+    ],
+    queryFn: async () =>
+      await commonApiFetch<ApiWave[]>({
+        endpoint: `waves-overview/favourites-of-identity/${encodeURIComponent(
+          activeIdentityKey
+        )}`,
+        params: {
+          limit: `${limit}`,
+          offset: "0",
+        },
+      }),
+    enabled: enabled && activeIdentityKey.length > 0,
+    ...getDefaultQueryRetry(),
+  });
+
+  return {
+    waves: query.data ?? [],
+    status: query.status,
+    error: query.error,
+    refetch: query.refetch,
+    isFetching: query.isFetching,
+  };
+}