diff --git a/.github/workflows/pr-target-check.yml b/.github/workflows/pr-target-check.yml
index 18af621f..5803a10b 100644
--- a/.github/workflows/pr-target-check.yml
+++ b/.github/workflows/pr-target-check.yml
@@ -1,29 +1,29 @@
 name: Redirect PRs to dev
 
 on:
-  pull_request_target:
-    branches:
-      - main
+   pull_request_target:
+      branches:
+         - main
 
 jobs:
-  close-and-redirect:
-    runs-on: ubuntu-latest
-    permissions:
-      pull-requests: write
-    steps:
-      - name: Close PR and redirect to dev
-        uses: actions/github-script@v7
-        with:
-          script: |
-            await github.rest.issues.createComment({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              issue_number: context.payload.pull_request.number,
-              body: "👋 Thanks for your contribution! We don't accept pull requests directly to `main`. Please re-open your PR targeting the `dev` branch instead. See our contributing guide for details."
-            });
-            await github.rest.pulls.update({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              pull_number: context.payload.pull_request.number,
-              state: 'closed'
-            });
+   close-and-redirect:
+      runs-on: ubuntu-latest
+      permissions:
+         pull-requests: write
+      steps:
+         - name: Close PR and redirect to dev
+           uses: actions/github-script@v7
+           with:
+              script: |
+                 await github.rest.issues.createComment({
+                   owner: context.repo.owner,
+                   repo: context.repo.repo,
+                   issue_number: context.payload.pull_request.number,
+                   body: "👋 Thanks for your contribution! We don't accept pull requests directly to `main`. Please re-open your PR targeting the `dev` branch instead. See our contributing guide for details."
+                 });
+                 await github.rest.pulls.update({
+                   owner: context.repo.owner,
+                   repo: context.repo.repo,
+                   pull_number: context.payload.pull_request.number,
+                   state: 'closed'
+                 });
diff --git a/src/components/common/NotificationBell.tsx b/src/components/common/NotificationBell.tsx
index 3cbefd94..37844f3d 100644
--- a/src/components/common/NotificationBell.tsx
+++ b/src/components/common/NotificationBell.tsx
@@ -1,8 +1,16 @@
-import { Bell } from 'lucide-react';
+import {
+	Bell,
+	ArrowRightLeft,
+	Clock,
+	TrendingUp,
+	UserPlus,
+	Key,
+} from 'lucide-react';
 import { useNavigate } from 'react-router';
 import { cn } from '@/lib/utils';
 import { useNotifications } from '@/hooks/useNotifications';
 import { formatRelativeTime } from '@/utils/time.utils';
+import type { NotificationType } from '@/services/notification.service';
 import {
 	DropdownMenu,
 	DropdownMenuContent,
@@ -18,16 +26,80 @@ interface NotificationBellProps {
 	className?: string;
 }
 
+function renderNotificationIcon(type: NotificationType) {
+	switch (type) {
+		case 'trade_completed':
+			return (
+				<ArrowRightLeft
+					className="size-4 shrink-0 text-emerald-400"
+					data-testid="icon-trade_completed"
+					aria-hidden="true"
+				/>
+			);
+		case 'lockup_expiring':
+			return (
+				<Clock
+					className="size-4 shrink-0 text-amber-400"
+					data-testid="icon-lockup_expiring"
+					aria-hidden="true"
+				/>
+			);
+		case 'price_moved':
+			return (
+				<TrendingUp
+					className="size-4 shrink-0 text-cyan-400"
+					data-testid="icon-price_moved"
+					aria-hidden="true"
+				/>
+			);
+		case 'new_follower':
+			return (
+				<UserPlus
+					className="size-4 shrink-0 text-purple-400"
+					data-testid="icon-new_follower"
+					aria-hidden="true"
+				/>
+			);
+		case 'key_purchase':
+			return (
+				<Key
+					className="size-4 shrink-0 text-blue-400"
+					data-testid="icon-key_purchase"
+					aria-hidden="true"
+				/>
+			);
+		case 'price_milestone':
+		default:
+			return (
+				<Bell
+					className="size-4 shrink-0 text-amber-400"
+					data-testid="icon-default"
+					aria-hidden="true"
+				/>
+			);
+	}
+}
+
 /**
- * Notification bell for the nav bar (issue #720).
+ * Notification bell and global drawer for the nav bar (issues #720, #800).
  *
- * Shows an unread-count badge when count > 0, opens a dropdown of the five
- * most recent notifications, marks items read on click, and provides a
- * "View all" link to /notifications.
+ * Shows an unread-count badge when count > 0, opens a drawer/dropdown of recent
+ * notifications sorted newest first, renders distinct icons per event type,
+ * marks all notifications read on open, and clears the badge count.
  */
-export function NotificationBell({ userId, className = '' }: NotificationBellProps) {
+export function NotificationBell({
+	userId,
+	className = '',
+}: NotificationBellProps) {
 	const navigate = useNavigate();
-	const { recent, unreadCount, isLoading, markAsRead } = useNotifications(userId);
+	const { recent, unreadCount, isLoading, markAsRead, markAllAsRead } =
+		useNotifications(userId);
+
+	const handleOpenChange = (open: boolean) => {
+		if (open && unreadCount > 0 && typeof markAllAsRead === 'function') {
+			markAllAsRead();
+		}
+	};
 
 	const handleNotificationClick = (notificationId: string, href: string) => {
 		markAsRead(notificationId);
@@ -35,7 +107,7 @@ export function NotificationBell({ userId, className = '' }: NotificationBellPro
 	};
 
 	return (
-		<DropdownMenu>
+		<DropdownMenu onOpenChange={handleOpenChange}>
 			<DropdownMenuTrigger asChild>
 				<button
 					type="button"
@@ -65,29 +137,26 @@ export function NotificationBell({ userId, className = '' }: NotificationBellPro
 
 			<DropdownMenuContent
 				align="end"
-				className="w-80"
+				className="w-80 border-white/10 bg-[#0b1728] text-white shadow-2xl"
 				data-testid="notification-dropdown"
 			>
-				<DropdownMenuLabel className="flex items-center justify-between">
+				<DropdownMenuLabel className="flex items-center justify-between font-grotesque font-bold text-white">
 					<span>Notifications</span>
 					{unreadCount > 0 && (
-						<span className="ml-2 rounded-full bg-red-500/15 px-2 py-0.5 text-xs font-semibold text-red-500">
+						<span className="ml-2 rounded-full bg-red-500/15 px-2 py-0.5 text-xs font-semibold text-red-400">
 							{unreadCount} unread
 						</span>
 					)}
 				</DropdownMenuLabel>
 
-				<DropdownMenuSeparator />
+				<DropdownMenuSeparator className="bg-white/10" />
 
 				{isLoading && (
-					<div
-						data-testid="notification-loading"
-						className="space-y-2 p-2"
-					>
+					<div data-testid="notification-loading" className="space-y-2 p-2">
 						{Array.from({ length: 3 }).map((_, i) => (
 							<div
 								key={i}
-								className="h-12 w-full animate-pulse rounded-md bg-muted"
+								className="h-12 w-full animate-pulse rounded-md bg-white/10"
 							/>
 						))}
 					</div>
@@ -96,7 +165,7 @@ export function NotificationBell({ userId, className = '' }: NotificationBellPro
 				{!isLoading && recent.length === 0 && (
 					<p
 						data-testid="notification-empty-state"
-						className="px-3 py-6 text-center text-sm text-muted-foreground"
+						className="px-3 py-6 text-center text-sm text-white/50"
 					>
 						No notifications yet
 					</p>
@@ -108,8 +177,8 @@ export function NotificationBell({ userId, className = '' }: NotificationBellPro
 							key={notification.id}
 							data-testid={`notification-item-${notification.id}`}
 							className={cn(
-								'flex cursor-pointer flex-col items-start gap-1 px-3 py-2.5',
-								!notification.read && 'bg-accent/40'
+								'flex cursor-pointer flex-col items-start gap-1 px-3 py-2.5 hover:bg-white/10 focus:bg-white/10',
+								!notification.read && 'bg-white/[0.05]'
 							)}
 							onSelect={() =>
 								handleNotificationClick(
@@ -118,36 +187,30 @@ export function NotificationBell({ userId, className = '' }: NotificationBellPro
 								)
 							}
 						>
-							<div className="flex w-full items-start gap-2">
-								{/* Unread indicator dot */}
-								{!notification.read && (
-									<span
-										aria-label="Unread"
-										className="mt-1.5 h-2 w-2 shrink-0 rounded-full bg-blue-500"
-									/>
-								)}
+							<div className="flex w-full items-start gap-2.5">
+								{renderNotificationIcon(notification.type)}
 								<span
 									className={cn(
 										'flex-1 text-sm leading-snug',
 										notification.read
-											? 'text-muted-foreground'
-											: 'font-medium text-foreground'
+											? 'text-white/60'
+											: 'font-medium text-white'
 									)}
 								>
 									{notification.message}
 								</span>
 							</div>
-							<span className="pl-4 text-xs text-muted-foreground">
+							<span className="pl-6 text-xs text-white/40">
 								{formatRelativeTime(notification.createdAt)}
 							</span>
 						</DropdownMenuItem>
 					))}
 
-				<DropdownMenuSeparator />
+				<DropdownMenuSeparator className="bg-white/10" />
 
 				<DropdownMenuItem
 					data-testid="notification-view-all"
-					className="justify-center text-sm font-medium text-primary hover:text-primary"
+					className="justify-center text-sm font-semibold text-amber-400 hover:text-amber-300 focus:text-amber-300"
 					onSelect={() => void navigate('/notifications')}
 				>
 					View all
diff --git a/src/components/common/ShareTwitterButton.tsx b/src/components/common/ShareTwitterButton.tsx
new file mode 100644
index 00000000..5cd9df54
--- /dev/null
+++ b/src/components/common/ShareTwitterButton.tsx
@@ -0,0 +1,66 @@
+import { Share2 } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import {
+	buildShareTweetText,
+	buildTwitterIntentUrl,
+} from '@/utils/shareTwitter.utils';
+
+export interface ShareTwitterButtonProps {
+	creatorId: string;
+	creatorName: string;
+	priceXlm: string | number;
+	userAddress?: string | null;
+	userHoldingsCount?: number;
+	className?: string;
+}
+
+
+
+export function ShareTwitterButton({
+	creatorId,
+	creatorName,
+	priceXlm,
+	userAddress,
+	userHoldingsCount = 0,
+	className = '',
+}: ShareTwitterButtonProps) {
+	// Show Share button only when user is authenticated and holds at least 1 key
+	const isAuthenticated = Boolean(userAddress && userAddress.trim() !== '');
+	const isHolder = userHoldingsCount > 0;
+
+	if (!isAuthenticated || !isHolder) {
+		return null;
+	}
+
+	const origin =
+		typeof window !== 'undefined' && window.location?.origin
+			? window.location.origin
+			: 'https://accesslayer.app';
+
+	const plainUrl = `${origin}/creator/${creatorId}`;
+	const referralUrl = userAddress ? `${plainUrl}?ref=${userAddress}` : plainUrl;
+
+	const tweetText = buildShareTweetText(creatorName, priceXlm, referralUrl);
+	const intentUrl = buildTwitterIntentUrl(tweetText);
+
+	const handleShareClick = () => {
+		if (typeof window !== 'undefined') {
+			window.open(intentUrl, '_blank', 'noopener,noreferrer');
+		}
+	};
+
+	return (
+		<Button
+			type="button"
+			data-testid="share-twitter-button"
+			onClick={handleShareClick}
+			aria-label="Share key purchase to X"
+			className={`inline-flex items-center gap-2 rounded-xl bg-[#1DA1F2]/15 border border-[#1DA1F2]/30 px-4 py-2.5 text-sm font-semibold font-jakarta text-[#1DA1F2] transition-all hover:bg-[#1DA1F2]/25 hover:text-white ${className}`}
+		>
+			<Share2 className="size-4" aria-hidden="true" />
+			<span>Share to X</span>
+		</Button>
+	);
+}
+
+export default ShareTwitterButton;
diff --git a/src/components/common/__tests__/NotificationBell.test.tsx b/src/components/common/__tests__/NotificationBell.test.tsx
index 2ffa4406..09d7a526 100644
--- a/src/components/common/__tests__/NotificationBell.test.tsx
+++ b/src/components/common/__tests__/NotificationBell.test.tsx
@@ -46,11 +46,13 @@ describe('NotificationBell', () => {
 
 	it('does not show the unread badge when unreadCount is 0', () => {
 		mockUseNotifications.mockReturnValue({
+			notifications: [],
 			recent: [],
 			unreadCount: 0,
 			isLoading: false,
 			isError: false,
 			markAsRead: vi.fn(),
+			markAllAsRead: vi.fn(),
 		});
 
 		renderBell();
@@ -62,11 +64,13 @@ describe('NotificationBell', () => {
 
 	it('shows the unread badge with the correct count when unreadCount > 0', () => {
 		mockUseNotifications.mockReturnValue({
+			notifications: [makeNotification('n1')],
 			recent: [makeNotification('n1')],
 			unreadCount: 3,
 			isLoading: false,
 			isError: false,
 			markAsRead: vi.fn(),
+			markAllAsRead: vi.fn(),
 		});
 
 		renderBell();
@@ -78,11 +82,13 @@ describe('NotificationBell', () => {
 
 	it('caps the badge display at 99+ when unreadCount > 99', () => {
 		mockUseNotifications.mockReturnValue({
+			notifications: [],
 			recent: [],
 			unreadCount: 150,
 			isLoading: false,
 			isError: false,
 			markAsRead: vi.fn(),
+			markAllAsRead: vi.fn(),
 		});
 
 		renderBell();
@@ -96,11 +102,13 @@ describe('NotificationBell', () => {
 
 	it('gives the bell button an accessible label mentioning unread count', () => {
 		mockUseNotifications.mockReturnValue({
+			notifications: [],
 			recent: [],
 			unreadCount: 2,
 			isLoading: false,
 			isError: false,
 			markAsRead: vi.fn(),
+			markAllAsRead: vi.fn(),
 		});
 
 		renderBell();
@@ -112,11 +120,13 @@ describe('NotificationBell', () => {
 
 	it('uses a generic label when unreadCount is 0', () => {
 		mockUseNotifications.mockReturnValue({
+			notifications: [],
 			recent: [],
 			unreadCount: 0,
 			isLoading: false,
 			isError: false,
 			markAsRead: vi.fn(),
+			markAllAsRead: vi.fn(),
 		});
 
 		renderBell();
@@ -126,16 +136,18 @@ describe('NotificationBell', () => {
 		).toBeInTheDocument();
 	});
 
-	// ── Dropdown content ─────────────────────────────────────────────────────
+	// ── Dropdown content & Drawer ─────────────────────────────────────────────
 
-	it('opens the dropdown when the bell is clicked', async () => {
+	it('opens the dropdown drawer when the bell is clicked', async () => {
 		const user = userEvent.setup();
 		mockUseNotifications.mockReturnValue({
+			notifications: [],
 			recent: [],
 			unreadCount: 0,
 			isLoading: false,
 			isError: false,
 			markAsRead: vi.fn(),
+			markAllAsRead: vi.fn(),
 		});
 
 		renderBell();
@@ -147,14 +159,60 @@ describe('NotificationBell', () => {
 		).toBeInTheDocument();
 	});
 
+	it('calls markAllAsRead when drawer opens with unread items', async () => {
+		const user = userEvent.setup();
+		const markAllAsRead = vi.fn();
+		mockUseNotifications.mockReturnValue({
+			notifications: [makeNotification('n1')],
+			recent: [makeNotification('n1')],
+			unreadCount: 1,
+			isLoading: false,
+			isError: false,
+			markAsRead: vi.fn(),
+			markAllAsRead,
+		});
+
+		renderBell();
+		await user.click(screen.getByRole('button', { name: /notifications/i }));
+
+		expect(markAllAsRead).toHaveBeenCalled();
+	});
+
+	it('renders distinct icons for trade_completed, lockup_expiring, and price_moved', async () => {
+		const user = userEvent.setup();
+		const recent = [
+			makeNotification('n1', { type: 'trade_completed', message: 'Trade executed' }),
+			makeNotification('n2', { type: 'lockup_expiring', message: 'Lockup expiring soon' }),
+			makeNotification('n3', { type: 'price_moved', message: 'Price surged 15%' }),
+		];
+		mockUseNotifications.mockReturnValue({
+			notifications: recent,
+			recent,
+			unreadCount: 0,
+			isLoading: false,
+			isError: false,
+			markAsRead: vi.fn(),
+			markAllAsRead: vi.fn(),
+		});
+
+		renderBell();
+		await user.click(screen.getByRole('button', { name: /notifications/i }));
+
+		expect(screen.getByTestId('icon-trade_completed')).toBeInTheDocument();
+		expect(screen.getByTestId('icon-lockup_expiring')).toBeInTheDocument();
+		expect(screen.getByTestId('icon-price_moved')).toBeInTheDocument();
+	});
+
 	it('shows the empty state when there are no notifications', async () => {
 		const user = userEvent.setup();
 		mockUseNotifications.mockReturnValue({
+			notifications: [],
 			recent: [],
 			unreadCount: 0,
 			isLoading: false,
 			isError: false,
 			markAsRead: vi.fn(),
+			markAllAsRead: vi.fn(),
 		});
 
 		renderBell();
@@ -171,11 +229,13 @@ describe('NotificationBell', () => {
 	it('shows skeleton rows while loading', async () => {
 		const user = userEvent.setup();
 		mockUseNotifications.mockReturnValue({
+			notifications: [],
 			recent: [],
 			unreadCount: 0,
 			isLoading: true,
 			isError: false,
 			markAsRead: vi.fn(),
+			markAllAsRead: vi.fn(),
 		});
 
 		renderBell();
@@ -197,11 +257,13 @@ describe('NotificationBell', () => {
 			makeNotification('n5'),
 		];
 		mockUseNotifications.mockReturnValue({
+			notifications: recent,
 			recent,
 			unreadCount: 5,
 			isLoading: false,
 			isError: false,
 			markAsRead: vi.fn(),
+			markAllAsRead: vi.fn(),
 		});
 
 		renderBell();
@@ -218,11 +280,13 @@ describe('NotificationBell', () => {
 		const user = userEvent.setup();
 		const recent = [makeNotification('n1', { message: 'Alice followed you' })];
 		mockUseNotifications.mockReturnValue({
+			notifications: recent,
 			recent,
 			unreadCount: 1,
 			isLoading: false,
 			isError: false,
 			markAsRead: vi.fn(),
+			markAllAsRead: vi.fn(),
 		});
 
 		renderBell();
@@ -238,11 +302,13 @@ describe('NotificationBell', () => {
 		const markAsRead = vi.fn();
 		const recent = [makeNotification('n1')];
 		mockUseNotifications.mockReturnValue({
+			notifications: recent,
 			recent,
 			unreadCount: 1,
 			isLoading: false,
 			isError: false,
 			markAsRead,
+			markAllAsRead: vi.fn(),
 		});
 
 		renderBell();
@@ -257,11 +323,13 @@ describe('NotificationBell', () => {
 	it('renders a "View all" link in the dropdown', async () => {
 		const user = userEvent.setup();
 		mockUseNotifications.mockReturnValue({
+			notifications: [],
 			recent: [],
 			unreadCount: 0,
 			isLoading: false,
 			isError: false,
 			markAsRead: vi.fn(),
+			markAllAsRead: vi.fn(),
 		});
 
 		renderBell();
@@ -282,6 +350,10 @@ describe('NotificationBell', () => {
 
 		// Start with count = 2
 		mockUseNotifications.mockReturnValue({
+			notifications: [
+				makeNotification('n1', { read: false }),
+				makeNotification('n2', { read: false }),
+			],
 			recent: [
 				makeNotification('n1', { read: false }),
 				makeNotification('n2', { read: false }),
@@ -290,6 +362,7 @@ describe('NotificationBell', () => {
 			isLoading: false,
 			isError: false,
 			markAsRead,
+			markAllAsRead: vi.fn(),
 		});
 
 		const { rerender } = renderBell();
@@ -300,6 +373,10 @@ describe('NotificationBell', () => {
 
 		// Simulate the hook returning updated state after markAsRead is called
 		mockUseNotifications.mockReturnValue({
+			notifications: [
+				makeNotification('n1', { read: true }),
+				makeNotification('n2', { read: false }),
+			],
 			recent: [
 				makeNotification('n1', { read: true }),
 				makeNotification('n2', { read: false }),
@@ -308,6 +385,7 @@ describe('NotificationBell', () => {
 			isLoading: false,
 			isError: false,
 			markAsRead,
+			markAllAsRead: vi.fn(),
 		});
 
 		rerender(
diff --git a/src/components/common/__tests__/ShareTwitterButton.test.tsx b/src/components/common/__tests__/ShareTwitterButton.test.tsx
new file mode 100644
index 00000000..2b1ad3d3
--- /dev/null
+++ b/src/components/common/__tests__/ShareTwitterButton.test.tsx
@@ -0,0 +1,113 @@
+import { describe, expect, it, vi, beforeEach } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import ShareTwitterButton from '../ShareTwitterButton';
+import {
+	buildShareTweetText,
+	buildTwitterIntentUrl,
+} from '@/utils/shareTwitter.utils';
+
+describe('ShareTwitterButton helpers', () => {
+	it('builds pre-filled tweet text correctly', () => {
+		const tweet = buildShareTweetText(
+			'Alex Rivers',
+			'0.05',
+			'https://accesslayer.app/creator/creator-123?ref=G123'
+		);
+		expect(tweet).toBe(
+			'Just bought Alex Rivers keys on AccessLayer at 0.05 XLM. Buy here: https://accesslayer.app/creator/creator-123?ref=G123'
+		);
+	});
+
+	it('builds Twitter intent URL with URI encoding', () => {
+		const text = 'Just bought Alex Rivers keys on AccessLayer at 0.05 XLM. Buy here: https://accesslayer.app/creator/creator-123';
+		const intentUrl = buildTwitterIntentUrl(text);
+		expect(intentUrl).toContain('https://twitter.com/intent/tweet?text=');
+		expect(intentUrl).toContain(encodeURIComponent(text));
+	});
+});
+
+describe('ShareTwitterButton Component', () => {
+	const openSpy = vi.spyOn(window, 'open').mockImplementation(() => null);
+
+	beforeEach(() => {
+		vi.clearAllMocks();
+	});
+
+	it('does not render button when user is unauthenticated', () => {
+		render(
+			<ShareTwitterButton
+				creatorId="creator-123"
+				creatorName="Alex Rivers"
+				priceXlm="0.05"
+				userAddress={null}
+				userHoldingsCount={5}
+			/>
+		);
+
+		expect(
+			screen.queryByTestId('share-twitter-button')
+		).not.toBeInTheDocument();
+	});
+
+	it('does not render button when user is authenticated but holds 0 keys', () => {
+		render(
+			<ShareTwitterButton
+				creatorId="creator-123"
+				creatorName="Alex Rivers"
+				priceXlm="0.05"
+				userAddress="GBRPYHIL2CI3FNQ4BXLFMNDLFJUNPU2HY3ZMFXYSFIZGK63PZZVVJAB7"
+				userHoldingsCount={0}
+			/>
+		);
+
+		expect(
+			screen.queryByTestId('share-twitter-button')
+		).not.toBeInTheDocument();
+	});
+
+	it('renders Share to X button when user is authenticated and holds at least 1 key', () => {
+		render(
+			<ShareTwitterButton
+				creatorId="creator-123"
+				creatorName="Alex Rivers"
+				priceXlm="0.05"
+				userAddress="GBRPYHIL2CI3FNQ4BXLFMNDLFJUNPU2HY3ZMFXYSFIZGK63PZZVVJAB7"
+				userHoldingsCount={1}
+			/>
+		);
+
+		const btn = screen.getByTestId('share-twitter-button');
+		expect(btn).toBeInTheDocument();
+		expect(btn).toHaveTextContent('Share to X');
+	});
+
+	it('opens Twitter intent URL in a new tab with referral link when clicked', async () => {
+		const user = userEvent.setup();
+		const userAddress = 'GBRPYHIL2CI3FNQ4BXLFMNDLFJUNPU2HY3ZMFXYSFIZGK63PZZVVJAB7';
+
+		render(
+			<ShareTwitterButton
+				creatorId="creator-123"
+				creatorName="Alex Rivers"
+				priceXlm="0.05"
+				userAddress={userAddress}
+				userHoldingsCount={3}
+			/>
+		);
+
+		const btn = screen.getByTestId('share-twitter-button');
+		await user.click(btn);
+
+		expect(openSpy).toHaveBeenCalledTimes(1);
+		const openedUrl = openSpy.mock.calls[0][0] as string;
+		const target = openSpy.mock.calls[0][1];
+
+		expect(target).toBe('_blank');
+		expect(openedUrl).toContain('https://twitter.com/intent/tweet?text=');
+		expect(decodeURIComponent(openedUrl)).toContain(
+			'Just bought Alex Rivers keys on AccessLayer at 0.05 XLM. Buy here:'
+		);
+		expect(decodeURIComponent(openedUrl)).toContain(`ref=${userAddress}`);
+	});
+});
diff --git a/src/components/common/__tests__/TradeDialog.sellPayoutDisplay.test.tsx b/src/components/common/__tests__/TradeDialog.sellPayoutDisplay.test.tsx
index 2229ab9f..4260c362 100644
--- a/src/components/common/__tests__/TradeDialog.sellPayoutDisplay.test.tsx
+++ b/src/components/common/__tests__/TradeDialog.sellPayoutDisplay.test.tsx
@@ -37,7 +37,7 @@ describe('TradeDialog – sell payout display (#692)', () => {
 		fireEvent.change(input, { target: { value: '2' } });
 
 		expect(screen.getByText(/Estimated proceeds/i)).toBeInTheDocument();
-		expect(screen.getByText('0.1 XLM')).toBeInTheDocument();
+		expect(screen.getByText(/0\.10? XLM/)).toBeInTheDocument();
 	});
 
 	it('updates the displayed payout as the sell quantity changes', () => {
@@ -47,10 +47,10 @@ describe('TradeDialog – sell payout display (#692)', () => {
 		) as HTMLInputElement;
 
 		fireEvent.change(input, { target: { value: '1' } });
-		expect(screen.getByText('0.05 XLM')).toBeInTheDocument();
+		expect(screen.getByText(/0\.05 XLM/)).toBeInTheDocument();
 
 		fireEvent.change(input, { target: { value: '4' } });
-		expect(screen.getByText('0.2 XLM')).toBeInTheDocument();
+		expect(screen.getByText(/0\.20? XLM/)).toBeInTheDocument();
 		expect(screen.queryByText('0.05 XLM')).not.toBeInTheDocument();
 	});
 
diff --git a/src/components/common/__tests__/WalletConnectionPopover.test.tsx b/src/components/common/__tests__/WalletConnectionPopover.test.tsx
index e30c5f25..acdbbf2b 100644
--- a/src/components/common/__tests__/WalletConnectionPopover.test.tsx
+++ b/src/components/common/__tests__/WalletConnectionPopover.test.tsx
@@ -184,7 +184,7 @@ describe('WalletConnectionPopover — disconnected state', () => {
 describe('WalletConnectionPopover — connected state', () => {
 	const FULL_ADDRESS = '0xAbCdEf1234567890AbCdEf1234567890AbCdEf12';
 	// shortenAddress defaults: first 6 chars + '...' + last 4 chars
-	const TRUNCATED_ADDRESS = '0xAbCd...f12'.slice(0, 6) + '...' + FULL_ADDRESS.slice(-4);
+	const TRUNCATED_ADDRESS = `${FULL_ADDRESS.slice(0, 4)}...${FULL_ADDRESS.slice(-4)}`;
 
 	beforeEach(() => {
 		vi.clearAllMocks();
diff --git a/src/components/creator/CoCreatorSection.tsx b/src/components/creator/CoCreatorSection.tsx
new file mode 100644
index 00000000..6901bc0a
--- /dev/null
+++ b/src/components/creator/CoCreatorSection.tsx
@@ -0,0 +1,172 @@
+import { useState } from 'react';
+import { Copy, Check, UserCheck, Wallet } from 'lucide-react';
+import { truncateTxHash } from '@/constants/stellar';
+import { copyTextToClipboard } from '@/utils/clipboard.utils';
+import { bpsToPercent } from '@/utils/numberFormat.utils';
+import { formatDisplayKeyPrice } from '@/utils/keyPriceDisplay.utils';
+import SetCoCreatorModal from './SetCoCreatorModal';
+
+interface CoCreatorSectionProps {
+	courseId: string;
+	coCreatorAddress?: string;
+	coCreatorSplitBps?: number;
+	totalPaidToCoCreator?: number;
+	totalPaidToCreator?: number;
+	className?: string;
+}
+
+export function CoCreatorSection({
+	courseId,
+	coCreatorAddress,
+	coCreatorSplitBps,
+	totalPaidToCoCreator = 0,
+	totalPaidToCreator = 0,
+	className = '',
+}: CoCreatorSectionProps) {
+	const [isModalOpen, setIsModalOpen] = useState(false);
+	const [copied, setCopied] = useState(false);
+
+	const hasCoCreator = Boolean(coCreatorAddress && coCreatorSplitBps && coCreatorSplitBps > 0);
+
+	const handleCopyAddress = async () => {
+		if (!coCreatorAddress) return;
+		try {
+			await copyTextToClipboard(coCreatorAddress);
+			setCopied(true);
+			setTimeout(() => setCopied(false), 2000);
+		} catch {
+			// Handle copy error silently
+		}
+	};
+
+	return (
+		<div
+			data-testid="cocreator-section"
+			className={`rounded-[2rem] border border-white/10 bg-white/[0.02] p-6 shadow-2xl backdrop-blur-md md:p-8 ${className}`}
+		>
+			<div className="flex flex-wrap items-center justify-between gap-4 mb-6">
+				<div className="flex items-center gap-3">
+					<div className="flex size-10 items-center justify-center rounded-xl bg-amber-400/10 text-amber-400">
+						<UserCheck className="size-5" aria-hidden="true" />
+					</div>
+					<div>
+						<h2 className="font-grotesque text-xl font-black tracking-tight text-white">
+							Co-Creator Royalty Split
+						</h2>
+						<p className="text-xs text-white/60">
+							Revenue split arrangement for secondary royalties and key sales
+						</p>
+					</div>
+				</div>
+
+				<button
+					type="button"
+					data-testid="set-cocreator-button"
+					onClick={() => setIsModalOpen(true)}
+					className="rounded-xl border border-amber-400/30 bg-amber-400/15 px-4 py-2 text-sm font-semibold font-jakarta text-amber-300 transition-all hover:bg-amber-400/25 hover:text-amber-200"
+				>
+					{hasCoCreator ? 'Edit Co-Creator' : 'Set Co-Creator'}
+				</button>
+			</div>
+
+			{!hasCoCreator ? (
+				<div
+					data-testid="cocreator-empty-state"
+					className="flex flex-col items-center justify-center rounded-2xl border border-dashed border-white/10 py-10 text-center"
+				>
+					<Wallet className="size-8 text-white/30 mb-2" aria-hidden="true" />
+					<p className="text-sm font-medium text-white/70">
+						No co-creator configured
+					</p>
+					<p className="mt-1 text-xs text-white/40 max-w-xs">
+						Configure a co-creator address and split percentage to automatically divide revenues.
+					</p>
+				</div>
+			) : (
+				<div className="space-y-6" data-testid="cocreator-details">
+					{/* Co-creator Config Info */}
+					<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 rounded-2xl border border-white/10 bg-white/[0.03] p-4">
+						<div>
+							<span className="text-xs font-semibold text-white/50 uppercase tracking-wider">
+								Co-Creator Address
+							</span>
+							<div className="mt-1 flex items-center gap-2">
+								<span
+									data-testid="cocreator-address-display"
+									className="font-mono text-sm font-semibold text-white"
+									title={coCreatorAddress}
+								>
+									{truncateTxHash(coCreatorAddress ?? '', 8, 8)}
+								</span>
+								<button
+									type="button"
+									data-testid="copy-cocreator-address-button"
+									onClick={handleCopyAddress}
+									aria-label="Copy co-creator wallet address"
+									className="rounded-md p-1 text-white/60 hover:bg-white/10 hover:text-white transition-colors"
+								>
+									{copied ? (
+										<Check className="size-4 text-green-400" aria-hidden="true" />
+									) : (
+										<Copy className="size-4" aria-hidden="true" />
+									)}
+								</button>
+							</div>
+						</div>
+
+						<div>
+							<span className="text-xs font-semibold text-white/50 uppercase tracking-wider">
+								Split Percentage
+							</span>
+							<div className="mt-1">
+								<span
+									data-testid="cocreator-split-display"
+									className="inline-flex items-center rounded-lg bg-amber-400/20 px-3 py-1 font-mono text-sm font-bold text-amber-300"
+								>
+									{bpsToPercent(coCreatorSplitBps ?? 0)}
+								</span>
+							</div>
+						</div>
+					</div>
+
+					{/* Stat Cards */}
+					<div className="grid grid-cols-1 gap-4 sm:grid-cols-2" data-testid="cocreator-stat-cards">
+						<div className="rounded-2xl border border-white/10 bg-white/[0.02] p-4">
+							<span className="text-xs font-medium text-white/60">
+								Total Paid to Co-Creator
+							</span>
+							<p
+								data-testid="total-paid-cocreator"
+								className="mt-1 font-grotesque text-2xl font-black text-white"
+							>
+								{formatDisplayKeyPrice(totalPaidToCoCreator)}
+							</p>
+						</div>
+
+						<div className="rounded-2xl border border-white/10 bg-white/[0.02] p-4">
+							<span className="text-xs font-medium text-white/60">
+								Total Paid to Creator
+							</span>
+							<p
+								data-testid="total-paid-creator"
+								className="mt-1 font-grotesque text-2xl font-black text-white"
+							>
+								{formatDisplayKeyPrice(totalPaidToCreator)}
+							</p>
+						</div>
+					</div>
+				</div>
+			)}
+
+			<SetCoCreatorModal
+				courseId={courseId}
+				open={isModalOpen}
+				onOpenChange={setIsModalOpen}
+				initialAddress={coCreatorAddress}
+				initialSplitBps={coCreatorSplitBps}
+			/>
+		</div>
+	);
+}
+
+export default CoCreatorSection;
diff --git a/src/components/creator/SetCoCreatorModal.tsx b/src/components/creator/SetCoCreatorModal.tsx
new file mode 100644
index 00000000..e55309a5
--- /dev/null
+++ b/src/components/creator/SetCoCreatorModal.tsx
@@ -0,0 +1,174 @@
+import React, { useState } from 'react';
+import {
+	Dialog,
+	DialogContent,
+	DialogDescription,
+	DialogFooter,
+	DialogHeader,
+	DialogTitle,
+} from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { useSetCoCreator } from '@/hooks/useCreators';
+import { isValidStellarAddress, isValidBps } from '@/utils/coCreator.utils';
+
+interface SetCoCreatorModalProps {
+	courseId: string;
+	open: boolean;
+	onOpenChange: (open: boolean) => void;
+	initialAddress?: string;
+	initialSplitBps?: number;
+}
+
+
+
+export function SetCoCreatorModal({
+	courseId,
+	open,
+	onOpenChange,
+	initialAddress = '',
+	initialSplitBps,
+}: SetCoCreatorModalProps) {
+	const [address, setAddress] = useState(initialAddress);
+	const [splitBps, setSplitBps] = useState<string>(
+		initialSplitBps ? String(initialSplitBps) : ''
+	);
+	const [addressError, setAddressError] = useState('');
+	const [bpsError, setBpsError] = useState('');
+
+	const setCoCreatorMutation = useSetCoCreator(courseId);
+
+	const handleSubmit = async (e: React.FormEvent) => {
+		e.preventDefault();
+
+		let hasError = false;
+		setAddressError('');
+		setBpsError('');
+
+		const trimmedAddress = address.trim();
+		if (!trimmedAddress) {
+			setAddressError('Co-creator Stellar address is required');
+			hasError = true;
+		} else if (!isValidStellarAddress(trimmedAddress)) {
+			setAddressError(
+				'Invalid Stellar address. Must start with G and be 56 characters long.'
+			);
+			hasError = true;
+		}
+
+		const parsedBps = parseInt(splitBps, 10);
+		if (!splitBps || Number.isNaN(parsedBps)) {
+			setBpsError('Split percentage (bps) is required');
+			hasError = true;
+		} else if (!isValidBps(parsedBps)) {
+			setBpsError('Split basis points must be an integer between 1 and 10000 (0.01% to 100%)');
+			hasError = true;
+		}
+
+		if (hasError) return;
+
+		try {
+			await setCoCreatorMutation.mutateAsync({
+				address: trimmedAddress,
+				splitBps: parsedBps,
+			});
+			onOpenChange(false);
+		} catch {
+			// Toast notification handled in useSetCoCreator mutation
+		}
+	};
+
+	return (
+		<Dialog open={open} onOpenChange={onOpenChange}>
+			<DialogContent
+				className="sm:max-w-md bg-[#0b1728] border-white/10 text-white"
+				data-testid="set-cocreator-modal"
+			>
+				<DialogHeader>
+					<DialogTitle className="text-xl font-bold font-grotesque text-white">
+						Configure Co-Creator Split
+					</DialogTitle>
+					<DialogDescription className="text-sm text-white/60">
+						Set the Stellar wallet address and royalty split percentage (in basis points, e.g., 2500 = 25%) for your co-creator.
+					</DialogDescription>
+				</DialogHeader>
+
+				<form onSubmit={handleSubmit} noValidate className="space-y-4 py-2">
+					<div>
+						<label
+							htmlFor="cocreator-address-input"
+							className="block text-xs font-semibold text-white/80 uppercase tracking-wider mb-1.5"
+						>
+							Co-Creator Stellar Address
+						</label>
+						<input
+							id="cocreator-address-input"
+							type="text"
+							data-testid="cocreator-address-input"
+							value={address}
+							onChange={e => setAddress(e.target.value)}
+							placeholder="G..."
+							className="w-full rounded-xl bg-white/[0.05] border border-white/10 px-3.5 py-2.5 text-sm text-white placeholder:text-white/30 focus:border-amber-400 focus:outline-none"
+						/>
+						{addressError && (
+							<p
+								data-testid="cocreator-address-error"
+								className="mt-1 text-xs text-red-400"
+							>
+								{addressError}
+							</p>
+						)}
+					</div>
+
+					<div>
+						<label
+							htmlFor="cocreator-bps-input"
+							className="block text-xs font-semibold text-white/80 uppercase tracking-wider mb-1.5"
+						>
+							Split (Basis Points: 1 - 10000)
+						</label>
+						<input
+							id="cocreator-bps-input"
+							type="number"
+							data-testid="cocreator-bps-input"
+							value={splitBps}
+							onChange={e => setSplitBps(e.target.value)}
+							placeholder="e.g. 2500 for 25%"
+							min="1"
+							max="10000"
+							className="w-full rounded-xl bg-white/[0.05] border border-white/10 px-3.5 py-2.5 text-sm text-white placeholder:text-white/30 focus:border-amber-400 focus:outline-none"
+						/>
+						{bpsError && (
+							<p
+								data-testid="cocreator-bps-error"
+								className="mt-1 text-xs text-red-400"
+							>
+								{bpsError}
+							</p>
+						)}
+					</div>
+
+					<DialogFooter className="mt-6 flex justify-end gap-3">
+						<Button
+							type="button"
+							variant="outline"
+							onClick={() => onOpenChange(false)}
+							className="border-white/10 text-white/80 hover:bg-white/10 hover:text-white"
+						>
+							Cancel
+						</Button>
+						<Button
+							type="submit"
+							data-testid="submit-cocreator-button"
+							disabled={setCoCreatorMutation.isPending}
+							className="bg-amber-400 text-black hover:bg-amber-500 font-semibold"
+						>
+							{setCoCreatorMutation.isPending ? 'Saving…' : 'Save Co-Creator'}
+						</Button>
+					</DialogFooter>
+				</form>
+			</DialogContent>
+		</Dialog>
+	);
+}
+
+export default SetCoCreatorModal;
diff --git a/src/components/creator/__tests__/CoCreatorSection.test.tsx b/src/components/creator/__tests__/CoCreatorSection.test.tsx
new file mode 100644
index 00000000..c41e0ece
--- /dev/null
+++ b/src/components/creator/__tests__/CoCreatorSection.test.tsx
@@ -0,0 +1,134 @@
+import { describe, expect, it, vi, beforeEach } from 'vitest';
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import CoCreatorSection from '../CoCreatorSection';
+import { isValidStellarAddress, isValidBps } from '@/utils/coCreator.utils';
+
+vi.mock('@/utils/toast.util', () => ({
+	default: {
+		success: vi.fn(),
+		error: vi.fn(),
+	},
+}));
+
+vi.mock('@/services/course.service', () => ({
+	courseService: {
+		setCoCreator: vi.fn().mockResolvedValue({
+			id: 'course_123',
+			coCreatorAddress: 'GA7QW3L7Y54N4P5O3G6J8K9L0M1N2P3Q4R5S6T7U8V9W0X1Y2Z3A4B5C',
+			coCreatorSplitBps: 2500,
+		}),
+	},
+}));
+
+function makeWrapper() {
+	const queryClient = new QueryClient({
+		defaultOptions: { queries: { retry: false }, mutations: { retry: false } },
+	});
+	return ({ children }: { children: React.ReactNode }) => (
+		<QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+	);
+}
+
+describe('Stellar Address and BPS validation helpers', () => {
+	it('validates Stellar G-addresses correctly', () => {
+		const validAddress = 'GBRPYHIL2CI3FNQ4BXLFMNDLFJUNPU2HY3ZMFXYSFIZGK63PZZVVJAB7';
+		expect(isValidStellarAddress(validAddress)).toBe(true);
+
+		expect(isValidStellarAddress('invalid_address')).toBe(false);
+		expect(isValidStellarAddress('0x1234567890abcdef')).toBe(false);
+		expect(isValidStellarAddress('G123')).toBe(false);
+	});
+
+	it('validates basis points range correctly', () => {
+		expect(isValidBps(2500)).toBe(true);
+		expect(isValidBps(1)).toBe(true);
+		expect(isValidBps(10000)).toBe(true);
+
+		expect(isValidBps(0)).toBe(false);
+		expect(isValidBps(10001)).toBe(false);
+		expect(isValidBps(-500)).toBe(false);
+		expect(isValidBps(25.5)).toBe(false);
+	});
+});
+
+describe('CoCreatorSection Component', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+	});
+
+	it('renders "No co-creator configured" empty state when no split is configured', () => {
+		render(<CoCreatorSection courseId="course_123" />, {
+			wrapper: makeWrapper(),
+		});
+
+		expect(screen.getByTestId('cocreator-empty-state')).toBeInTheDocument();
+		expect(screen.getByText('No co-creator configured')).toBeInTheDocument();
+		expect(screen.getByTestId('set-cocreator-button')).toHaveTextContent(
+			'Set Co-Creator'
+		);
+	});
+
+	it('renders truncated address, split percentage, and stat cards when co-creator is set', () => {
+		const coCreatorAddress =
+			'GBRPYHIL2CI3FNQ4BXLFMNDLFJUNPU2HY3ZMFXYSFIZGK63PZZVVJAB7';
+		render(
+			<CoCreatorSection
+				courseId="course_123"
+				coCreatorAddress={coCreatorAddress}
+				coCreatorSplitBps={2500}
+				totalPaidToCoCreator={150000000} // 15 XLM
+				totalPaidToCreator={450000000} // 45 XLM
+			/>,
+			{ wrapper: makeWrapper() }
+		);
+
+		expect(screen.queryByTestId('cocreator-empty-state')).not.toBeInTheDocument();
+		expect(screen.getByTestId('cocreator-details')).toBeInTheDocument();
+
+		expect(screen.getByTestId('cocreator-split-display')).toHaveTextContent('25%');
+		expect(screen.getByTestId('total-paid-cocreator')).toHaveTextContent(/15.*XLM/);
+		expect(screen.getByTestId('total-paid-creator')).toHaveTextContent(/45.*XLM/);
+		expect(screen.getByTestId('set-cocreator-button')).toHaveTextContent(
+			'Edit Co-Creator'
+		);
+	});
+
+	it('opens the configuration modal when Set Co-Creator is clicked', async () => {
+		const user = userEvent.setup();
+		render(<CoCreatorSection courseId="course_123" />, {
+			wrapper: makeWrapper(),
+		});
+
+		await user.click(screen.getByTestId('set-cocreator-button'));
+
+		expect(screen.getByTestId('set-cocreator-modal')).toBeInTheDocument();
+		expect(
+			screen.getByRole('heading', { name: /configure co-creator split/i })
+		).toBeInTheDocument();
+	});
+
+	it('shows error messages when submitting invalid Stellar address or BPS', async () => {
+		const user = userEvent.setup();
+		render(<CoCreatorSection courseId="course_123" />, {
+			wrapper: makeWrapper(),
+		});
+
+		await user.click(screen.getByTestId('set-cocreator-button'));
+
+		const addressInput = screen.getByTestId('cocreator-address-input');
+		const bpsInput = screen.getByTestId('cocreator-bps-input');
+		const submitBtn = screen.getByTestId('submit-cocreator-button');
+
+		// Type invalid address and invalid BPS
+		await user.type(addressInput, 'invalid-address');
+		await user.type(bpsInput, '20000');
+		await user.click(submitBtn);
+
+		await waitFor(() => {
+			expect(screen.getByTestId('cocreator-address-error')).toBeInTheDocument();
+			expect(screen.getByTestId('cocreator-bps-error')).toBeInTheDocument();
+		});
+	});
+});
diff --git a/src/hooks/__tests__/useNotifications.test.ts b/src/hooks/__tests__/useNotifications.test.ts
index 8493d3b2..077707a4 100644
--- a/src/hooks/__tests__/useNotifications.test.ts
+++ b/src/hooks/__tests__/useNotifications.test.ts
@@ -5,6 +5,15 @@ import React from 'react';
 import { useNotifications } from '@/hooks/useNotifications';
 import type { NotificationsResponse } from '@/services/notification.service';
 
+vi.mock('@/services/notification.service', () => ({
+	notificationService: {
+		getNotifications: vi.fn(),
+		markAsRead: vi.fn().mockImplementation(() => new Promise(() => {})),
+		markAllAsRead: vi.fn().mockImplementation(() => new Promise(() => {})),
+	},
+	NotificationService: vi.fn(),
+}));
+
 const USER_ID = 'user_abc123';
 
 function makeResponse(
@@ -135,16 +144,6 @@ describe('useNotifications', () => {
 			},
 		];
 
-		// markAsRead hits the real notificationService — stub the module-level
-		// singleton so we can make it resolve without a real server.
-		vi.mock('@/services/notification.service', () => ({
-			notificationService: {
-				getNotifications: vi.fn(),
-				markAsRead: vi.fn().mockResolvedValue(undefined),
-			},
-			NotificationService: vi.fn(),
-		}));
-
 		const fetchFn = vi.fn().mockResolvedValue(
 			makeResponse({ notifications, unreadCount: 2 })
 		);
diff --git a/src/hooks/useCreators.ts b/src/hooks/useCreators.ts
index 32fd514d..98343e50 100644
--- a/src/hooks/useCreators.ts
+++ b/src/hooks/useCreators.ts
@@ -1,9 +1,11 @@
-import { useQuery } from '@tanstack/react-query';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { queryKeys } from '@/lib/queryKeys';
 import {
 	courseService,
+	type Course,
 	type GetCoursesParams,
 } from '@/services/course.service';
+import showToast from '@/utils/toast.util';
 
 export function useCreatorList(params?: GetCoursesParams) {
 	return useQuery({
@@ -20,3 +22,30 @@ export function useCreatorDetail(id: string) {
 	});
 }
 
+export function useSetCoCreator(courseId: string) {
+	const queryClient = useQueryClient();
+
+	return useMutation({
+		mutationFn: ({ address, splitBps }: { address: string; splitBps: number }) =>
+			courseService.setCoCreator(courseId, address, splitBps),
+		onSuccess: (updatedCourse: Course) => {
+			if (updatedCourse) {
+				queryClient.setQueryData(
+					queryKeys.creators.detail(courseId),
+					updatedCourse
+				);
+			}
+			void queryClient.invalidateQueries({
+				queryKey: queryKeys.creators.detail(courseId),
+			});
+			showToast.success('Co-creator configured successfully');
+		},
+		onError: (error: unknown) => {
+			const message =
+				error instanceof Error ? error.message : 'Failed to set co-creator';
+			showToast.error(message);
+		},
+	});
+}
+
+
diff --git a/src/hooks/useNotifications.ts b/src/hooks/useNotifications.ts
index 2b1883e2..647a8a41 100644
--- a/src/hooks/useNotifications.ts
+++ b/src/hooks/useNotifications.ts
@@ -9,6 +9,8 @@ import {
 const MAX_DROPDOWN_NOTIFICATIONS = 5;
 
 export interface UseNotificationsResult {
+	/** All notifications, sorted newest first. */
+	notifications: Notification[];
 	/** Up to five most recent notifications for the dropdown. */
 	recent: Notification[];
 	/** Total number of unread notifications. */
@@ -17,14 +19,13 @@ export interface UseNotificationsResult {
 	isError: boolean;
 	/** Mark a single notification as read by its id. */
 	markAsRead: (notificationId: string) => void;
+	/** Mark all notifications as read and clear unread count. */
+	markAllAsRead: () => void;
 }
 
 /**
- * Fetches the current user's notifications and exposes a helper to mark
- * individual items as read with an optimistic update.
- *
- * The queryFn is injected so tests can supply a stub without module-level
- * patching (matches the pattern used in `useCreatorActivityFeed`).
+ * Fetches the current user's notifications, polls every 60s, and exposes helpers
+ * to mark individual or all items as read with optimistic updates.
  */
 export function useNotifications(
 	userId: string,
@@ -40,13 +41,12 @@ export function useNotifications(
 		queryKey,
 		queryFn: () => fetchNotifications(userId),
 		enabled: !!userId,
+		refetchInterval: 60000,
 	});
 
 	const { mutate: markAsRead } = useMutation({
 		mutationFn: (notificationId: string) =>
 			notificationService.markAsRead(notificationId),
-		// Optimistic update: flip the `read` flag and decrement the count
-		// so the badge responds instantly without waiting for the server.
 		onMutate: async (notificationId: string) => {
 			await queryClient.cancelQueries({ queryKey });
 
@@ -65,7 +65,6 @@ export function useNotifications(
 			return { previous };
 		},
 		onError: (_err, _id, context) => {
-			// Roll back the optimistic update on failure.
 			if (context?.previous) {
 				queryClient.setQueryData<NotificationsResponse>(
 					queryKey,
@@ -78,14 +77,53 @@ export function useNotifications(
 		},
 	});
 
-	const allNotifications = data?.notifications ?? [];
-	const recent = allNotifications.slice(0, MAX_DROPDOWN_NOTIFICATIONS);
+	const { mutate: markAllAsRead } = useMutation({
+		mutationFn: () => notificationService.markAllAsRead(userId),
+		onMutate: async () => {
+			await queryClient.cancelQueries({ queryKey });
+
+			const previous =
+				queryClient.getQueryData<NotificationsResponse>(queryKey);
+
+			if (previous) {
+				queryClient.setQueryData<NotificationsResponse>(queryKey, {
+					notifications: previous.notifications.map(n => ({
+						...n,
+						read: true,
+					})),
+					unreadCount: 0,
+				});
+			}
+
+			return { previous };
+		},
+		onError: (_err, _vars, context) => {
+			if (context?.previous) {
+				queryClient.setQueryData<NotificationsResponse>(
+					queryKey,
+					context.previous
+				);
+			}
+		},
+		onSettled: () => {
+			void queryClient.invalidateQueries({ queryKey });
+		},
+	});
+
+	const rawNotifications = data?.notifications ?? [];
+	// Sort newest first by createdAt timestamp
+	const notifications = [...rawNotifications].sort(
+		(a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
+	);
+	const recent = notifications.slice(0, MAX_DROPDOWN_NOTIFICATIONS);
 
 	return {
+		notifications,
 		recent,
 		unreadCount: data?.unreadCount ?? 0,
 		isLoading,
 		isError,
 		markAsRead,
+		markAllAsRead,
 	};
 }
diff --git a/src/pages/CreatorDetailPage.tsx b/src/pages/CreatorDetailPage.tsx
index c06d638e..9a364346 100644
--- a/src/pages/CreatorDetailPage.tsx
+++ b/src/pages/CreatorDetailPage.tsx
@@ -1,4 +1,4 @@
-import { useParams } from 'react-router';
+import { Link, useParams } from 'react-router';
 import { useCreatorDetail } from '@/hooks/useCreators';
 import { useCreatorProfileStaleIndicator } from '@/hooks/useCreatorProfileStaleIndicator';
 import CreatorBreadcrumb from '@/components/common/CreatorBreadcrumb';
@@ -15,8 +15,12 @@ import { bpsToPercent, formatNumber } from '@/utils/numberFormat.utils';
 import { resolveCreatorKeyPriceStroops, formatDisplayKeyPrice } from '@/utils/keyPriceDisplay.utils';
 import KeyDetailPageErrorBoundary from '@/components/common/KeyDetailPageErrorBoundary';
 import { ApiError } from '@/services/api.service';
-import { useKeyHolders } from '@/hooks/useKeyHolders';
 import { useNavigationTiming } from '@/hooks/useNavigationTiming';
+import { useKeyHolders } from '@/hooks/useKeyHolders';
+import { useProfileStore } from '@/hooks/useProfileStore';
+import { useWalletHoldings } from '@/hooks/useWallet';
+import CoCreatorSection from '@/components/creator/CoCreatorSection';
+import ShareTwitterButton from '@/components/common/ShareTwitterButton';
 
 function CreatorDetailPageContent() {
 	const { id } = useParams<{ id: string }>();
@@ -36,6 +40,13 @@ function CreatorDetailPageContent() {
 		fetchNextPage,
 	} = useKeyHolders(id || '');
 
+	// User holdings for Share to X button
+	const profile = useProfileStore(state => state.profile);
+	const userAddress = profile?.id;
+	const { data: holdings = [] } = useWalletHoldings(userAddress ?? '');
+	const userPosition = holdings.find(h => h.creatorId === (id || ''));
+	const holdingsCount = userPosition?.quantity ?? 0;
+
 	// Track stale data indicator
 	const { shouldShowBadge, handleRefetch } = useCreatorProfileStaleIndicator(
 		id || '',
@@ -53,14 +64,23 @@ function CreatorDetailPageContent() {
 		);
 	}
 
-	if (error) {
+	if (error || !creator) {
+		const is404 =
+			!creator || (error instanceof ApiError && error.status === 404);
+		if (is404) {
+			return (
+				<main className="flex min-h-screen flex-col items-center justify-center gap-6 bg-[#06111f] px-6 py-16 text-center text-white">
+					<h1 className="font-grotesque text-3xl font-black">Creator not found</h1>
+					<p className="text-white/70 font-jakarta">We couldn't find a creator with that ID.</p>
+					<Link to="/creators" className="text-amber-400 hover:underline">
+						Back to creators
+					</Link>
+				</main>
+			);
+		}
 		throw error;
 	}
 
-	if (!creator) {
-		throw new ApiError('Creator not found', 404);
-	}
-
 	const feeItems = [
 		{
 			label: 'Creator fee',
@@ -152,6 +172,19 @@ function CreatorDetailPageContent() {
 					<CreatorProfileStatRow items={statItems} />
 				</div>
 
+				{/* Share to X Button (only visible for authenticated holders) */}
+				<div className="flex justify-end">
+					<ShareTwitterButton
+						creatorId={creator.id}
+						creatorName={creator.title}
+						priceXlm={formatDisplayKeyPrice(
+							resolveCreatorKeyPriceStroops(creator)
+						).replace(' XLM', '')}
+						userAddress={userAddress}
+						userHoldingsCount={holdingsCount}
+					/>
+				</div>
+
 				{/* Staking Rewards */}
 				<StakingRewardsSection
 					{...stakingStats}
@@ -199,6 +232,15 @@ function CreatorDetailPageContent() {
 					<CreatorProfileInfoGrid items={feeItems} />
 				</div>
 
+				{/* Co-Creator Section */}
+				<CoCreatorSection
+					courseId={creator.id}
+					coCreatorAddress={creator.coCreatorAddress}
+					coCreatorSplitBps={creator.coCreatorSplitBps}
+					totalPaidToCoCreator={creator.totalPaidToCoCreator}
+					totalPaidToCreator={creator.totalPaidToCreator}
+				/>
+
 				{/* Activity Feed */}
 				<div className="rounded-[2rem] border border-white/10 bg-white/[0.02] p-6 shadow-2xl backdrop-blur-md md:p-8">
 					<h2 className="font-grotesque text-xl font-black tracking-tight text-white mb-6">
diff --git a/src/services/course.service.ts b/src/services/course.service.ts
index e33bd47c..88ad8119 100644
--- a/src/services/course.service.ts
+++ b/src/services/course.service.ts
@@ -46,6 +46,10 @@ export interface Course {
 	auctionSupply?: number;
 	/** Keys sold through the auction so far. */
 	auctionSold?: number;
+	coCreatorAddress?: string;
+	coCreatorSplitBps?: number;
+	totalPaidToCoCreator?: number;
+	totalPaidToCreator?: number;
 }
 
 export type CourseSortOption =
@@ -283,6 +287,24 @@ class CourseService extends BaseApiService {
 			throw this.handleError(error);
 		}
 	}
+
+	// Set co-creator address and split — POST /courses/:id/co-creator
+	async setCoCreator(
+		courseId: string,
+		address: string,
+		splitBps: number
+	): Promise<Course> {
+		try {
+			const response = await this.api.post<APIResponse<Course>>(
+				`/courses/${courseId}/co-creator`,
+				{ address, splitBps }
+			);
+
+			return response.data.data;
+		} catch (error) {
+			throw this.handleError(error);
+		}
+	}
 }
 
 export const courseService = new CourseService();
diff --git a/src/services/notification.service.ts b/src/services/notification.service.ts
index c3f8398b..15dfdb89 100644
--- a/src/services/notification.service.ts
+++ b/src/services/notification.service.ts
@@ -2,7 +2,13 @@
 import { BaseApiService, type APIResponse } from './api.service';
 
 /** The kind of event that generated a notification. */
-export type NotificationType = 'new_follower' | 'key_purchase' | 'price_milestone';
+export type NotificationType =
+	| 'trade_completed'
+	| 'lockup_expiring'
+	| 'price_moved'
+	| 'new_follower'
+	| 'key_purchase'
+	| 'price_milestone';
 
 /** A single notification entry returned from the API. */
 export interface Notification {
@@ -43,6 +49,15 @@ class NotificationService extends BaseApiService {
 			throw this.handleError(error);
 		}
 	}
+
+	/** Mark all notifications as read — PATCH /notifications/read-all */
+	async markAllAsRead(userId: string): Promise<void> {
+		try {
+			await this.api.patch(`/notifications/read-all`, { userId });
+		} catch (error) {
+			throw this.handleError(error);
+		}
+	}
 }
 
 export const notificationService = new NotificationService();
diff --git a/src/utils/coCreator.utils.ts b/src/utils/coCreator.utils.ts
new file mode 100644
index 00000000..8b3a590b
--- /dev/null
+++ b/src/utils/coCreator.utils.ts
@@ -0,0 +1,9 @@
+/** Stellar G-address validation: starts with 'G' followed by 55 base32 characters */
+export function isValidStellarAddress(address: string): boolean {
+	return /^G[A-Z2-7]{55}$/.test(address.trim());
+}
+
+/** Basis points validation: integer between 1 and 10000 (0.01% to 100%) */
+export function isValidBps(bps: number): boolean {
+	return Number.isInteger(bps) && bps >= 1 && bps <= 10000;
+}
diff --git a/src/utils/shareTwitter.utils.ts b/src/utils/shareTwitter.utils.ts
new file mode 100644
index 00000000..619a982c
--- /dev/null
+++ b/src/utils/shareTwitter.utils.ts
@@ -0,0 +1,11 @@
+export function buildShareTweetText(
+	creatorName: string,
+	priceXlm: string | number,
+	buyUrl: string
+): string {
+	return `Just bought ${creatorName} keys on AccessLayer at ${priceXlm} XLM. Buy here: ${buyUrl}`;
+}
+
+export function buildTwitterIntentUrl(tweetText: string): string {
+	return `https://twitter.com/intent/tweet?text=${encodeURIComponent(tweetText)}`;
+}