diff --git a/src/components/common/ActivePriceAlertsList.tsx b/src/components/common/ActivePriceAlertsList.tsx
new file mode 100644
index 00000000..54f4f22c
--- /dev/null
+++ b/src/components/common/ActivePriceAlertsList.tsx
@@ -0,0 +1,141 @@
+import { useState } from 'react';
+import { useActivePriceAlerts, useDeletePriceAlert, useUpdatePriceAlert } from '@/hooks/usePriceAlerts';
+import PriceAlertModal from './PriceAlertModal';
+import { Button } from '@/components/ui/button';
+import type { PriceAlert } from '@/services/alert.service';
+
+export interface ActivePriceAlertsListProps {
+        userId: string | undefined;
+        /** Optional resolver so the modal can show a current price when editing. */
+        resolveCurrentPrice?: (keyId: string) => number | undefined;
+}
+
+export function ActivePriceAlertsList({ userId, resolveCurrentPrice }: ActivePriceAlertsListProps) {
+        const { data: alerts, isLoading, isError } = useActivePriceAlerts(userId);
+        const updateAlert = useUpdatePriceAlert(userId);
+        const deleteAlert = useDeletePriceAlert(userId);
+        const [editing, setEditing] = useState<PriceAlert | null>(null);
+        const [submitError, setSubmitError] = useState<string | null>(null);
+
+        const handleDelete = async (alertId: string) => {
+                try {
+                        await deleteAlert.mutateAsync(alertId);
+                } catch (err) {
+                        setSubmitError((err as Error).message ?? 'Could not delete alert.');
+                }
+        };
+
+        const handleUpdate = async (input: { targetPrice: number; direction: 'above' | 'below' }) => {
+                if (!editing) return;
+                setSubmitError(null);
+                try {
+                        await updateAlert.mutateAsync({
+                                alertId: editing.id,
+                                targetPrice: input.targetPrice,
+                                direction: input.direction,
+                        });
+                        setEditing(null);
+                } catch (err) {
+                        setSubmitError((err as Error).message ?? 'Could not update alert.');
+                }
+        };
+
+        if (isLoading) {
+                return (
+                        <div data-testid="price-alerts-loading" className="text-sm text-white/60">
+                                Loading alerts…
+                        </div>
+                );
+        }
+
+        if (isError) {
+                return (
+                        <div
+                                data-testid="price-alerts-error"
+                                className="rounded-xl border border-rose-500/30 bg-rose-500/10 p-4 text-sm text-rose-200"
+                        >
+                                Could not load your price alerts. Try refreshing.
+                        </div>
+                );
+        }
+
+        if (!alerts || alerts.length === 0) {
+                return (
+                        <div
+                                data-testid="price-alerts-empty"
+                                className="rounded-xl border border-white/10 bg-white/[0.02] p-6 text-sm text-white/60"
+                        >
+                                No active price alerts. Open any creator key page and choose "Set price alert"
+                                to add one.
+                        </div>
+                );
+        }
+
+        const currentPrice = editing
+                ? resolveCurrentPrice?.(editing.keyId) ?? editing.targetPrice
+                : 0;
+
+        return (
+                <div data-testid="price-alerts-list" className="space-y-3">
+                        {alerts.map(alert => (
+                                <div
+                                        key={alert.id}
+                                        data-testid={`price-alert-row-${alert.id}`}
+                                        className="flex items-center justify-between gap-4 rounded-xl border border-white/10 bg-white/[0.02] px-4 py-3"
+                                >
+                                        <div className="min-w-0">
+                                                <p className="truncate text-sm font-semibold text-white">
+                                                        {alert.keyTitle ?? alert.keyName ?? alert.keyId}
+                                                </p>
+                                                <p className="text-xs text-white/60">
+                                                        Notify when price goes{' '}
+                                                        <strong>{alert.direction}</strong>{' '}
+                                                        {alert.targetPrice} XLM
+                                                </p>
+                                        </div>
+                                        <div className="flex shrink-0 gap-2">
+                                                <Button
+                                                        type="button"
+                                                        variant="outline"
+                                                        size="sm"
+                                                        data-testid={`price-alert-edit-${alert.id}`}
+                                                        onClick={() => {
+                                                                setSubmitError(null);
+                                                                setEditing(alert);
+                                                        }}
+                                                >
+                                                        Edit
+                                                </Button>
+                                                <Button
+                                                        type="button"
+                                                        variant="outline"
+                                                        size="sm"
+                                                        data-testid={`price-alert-delete-${alert.id}`}
+                                                        onClick={() => handleDelete(alert.id)}
+                                                >
+                                                        Delete
+                                                </Button>
+                                        </div>
+                                </div>
+                        ))}
+
+                        {editing && (
+                                <PriceAlertModal
+                                        open={Boolean(editing)}
+                                        onOpenChange={(open: boolean) => {
+                                                if (!open) setEditing(null);
+                                        }}
+                                        keyId={editing.keyId}
+                                        keyName={editing.keyTitle ?? editing.keyName ?? editing.keyId}
+                                        currentPrice={currentPrice}
+                                        existingAlert={editing}
+                                        onSubmit={handleUpdate}
+                                        isSubmitting={updateAlert.isPending}
+                                        submitError={submitError}
+                                />
+                        )}
+                </div>
+        );
+}
+
+export default ActivePriceAlertsList;
diff --git a/src/components/common/PriceAlertButton.tsx b/src/components/common/PriceAlertButton.tsx
new file mode 100644
index 00000000..3ac93620
--- /dev/null
+++ b/src/components/common/PriceAlertButton.tsx
@@ -0,0 +1,71 @@
+import { useState } from 'react';
+import { Bell } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import PriceAlertModal from './PriceAlertModal';
+import { useCreatePriceAlert } from '@/hooks/usePriceAlerts';
+
+export interface PriceAlertButtonProps {
+        userId: string | undefined;
+        keyId: string;
+        keyName: string;
+        currentPrice: number;
+        className?: string;
+}
+
+export function PriceAlertButton({
+        userId,
+        keyId,
+        keyName,
+        currentPrice,
+        className,
+}: PriceAlertButtonProps) {
+        const [open, setOpen] = useState(false);
+        const [submitError, setSubmitError] = useState<string | null>(null);
+        const createAlert = useCreatePriceAlert(userId);
+
+        const handleSubmit = async (input: { targetPrice: number; direction: 'above' | 'below' }) => {
+                setSubmitError(null);
+                try {
+                        await createAlert.mutateAsync({
+                                keyId,
+                                keyName,
+                                targetPrice: input.targetPrice,
+                                direction: input.direction,
+                        });
+                        setOpen(false);
+                } catch (err) {
+                        setSubmitError((err as Error).message ?? 'Could not create alert.');
+                }
+        };
+
+        return (
+                <>
+                        <Button
+                                type="button"
+                                variant="outline"
+                                className={className}
+                                data-testid="set-price-alert-button"
+                                onClick={() => {
+                                        setSubmitError(null);
+                                        setOpen(true);
+                                }}
+                                disabled={!userId}
+                        >
+                                <Bell className="mr-2 h-4 w-4" aria-hidden="true" />
+                                Set price alert
+                        </Button>
+                        <PriceAlertModal
+                                open={open}
+                                onOpenChange={setOpen}
+                                keyId={keyId}
+                                keyName={keyName}
+                                currentPrice={currentPrice}
+                                onSubmit={handleSubmit}
+                                isSubmitting={createAlert.isPending}
+                                submitError={submitError}
+                        />
+                </>
+        );
+}
+
+export default PriceAlertButton;
diff --git a/src/components/common/PriceAlertModal.tsx b/src/components/common/PriceAlertModal.tsx
new file mode 100644
index 00000000..e2bb3a0a
--- /dev/null
+++ b/src/components/common/PriceAlertModal.tsx
@@ -0,0 +1,179 @@
+import { useEffect, useMemo, useState } from 'react';
+import {
+	Dialog,
+	DialogContent,
+	DialogDescription,
+	DialogFooter,
+	DialogHeader,
+	DialogTitle,
+} from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { FormInput } from '@/components/common/FormInput';
+import InlineValidationMessage from '@/components/common/InlineValidationMessage';
+import type { AlertDirection, PriceAlert } from '@/services/alert.service';
+
+export interface PriceAlertModalProps {
+	open: boolean;
+	onOpenChange: (open: boolean) => void;
+	keyId: string;
+	keyName: string;
+	currentPrice: number;
+	existingAlert?: PriceAlert | null;
+	onSubmit: (input: { targetPrice: number; direction: AlertDirection }) => Promise<void> | void;
+	isSubmitting?: boolean;
+	submitError?: string | null;
+}
+
+function validateTargetPrice(
+	raw: string,
+	direction: AlertDirection,
+	currentPrice: number
+): string | null {
+	if (!raw.trim()) return 'Target price is required.';
+	const parsed = Number(raw);
+	if (!Number.isFinite(parsed) || parsed <= 0) {
+		return 'Target price must be a positive number.';
+	}
+	if (direction === 'above' && parsed <= currentPrice) {
+		return `An "above" alert needs a target greater than the current price (${currentPrice}).`;
+	}
+	if (direction === 'below' && parsed >= currentPrice) {
+		return `A "below" alert needs a target less than the current price (${currentPrice}).`;
+	}
+	return null;
+}
+
+export function PriceAlertModal({
+	open,
+	onOpenChange,
+	keyId,
+	keyName,
+	currentPrice,
+	existingAlert,
+	onSubmit,
+	isSubmitting = false,
+	submitError = null,
+}: PriceAlertModalProps) {
+	void keyId;
+
+	const isEditing = Boolean(existingAlert);
+	const [direction, setDirection] = useState<AlertDirection>(
+		existingAlert?.direction ?? 'above'
+	);
+	const [targetPrice, setTargetPrice] = useState<string>(
+		existingAlert?.targetPrice != null ? String(existingAlert.targetPrice) : ''
+	);
+	const [touched, setTouched] = useState(false);
+
+	useEffect(() => {
+		if (!open) return;
+		setDirection(existingAlert?.direction ?? 'above');
+		setTargetPrice(
+			existingAlert?.targetPrice != null ? String(existingAlert.targetPrice) : ''
+		);
+		setTouched(false);
+	}, [open, existingAlert]);
+
+	const validationError = useMemo(
+		() => validateTargetPrice(targetPrice, direction, currentPrice),
+		[targetPrice, direction, currentPrice]
+	);
+	const canSubmit = validationError === null && !isSubmitting;
+
+	const handleSubmit = async (e: React.FormEvent) => {
+		e.preventDefault();
+		setTouched(true);
+		if (!canSubmit) return;
+		await onSubmit({ targetPrice: Number(targetPrice), direction });
+	};
+
+	return (
+		<Dialog open={open} onOpenChange={onOpenChange}>
+			<DialogContent data-testid="price-alert-modal">
+				<form onSubmit={handleSubmit} noValidate>
+					<DialogHeader>
+						<DialogTitle>
+							{isEditing ? 'Edit price alert' : 'Set price alert'}
+						</DialogTitle>
+						<DialogDescription>
+							Get an in-app notification when {keyName}&apos;s key price crosses
+							your threshold. Current price:{' '}
+							<strong data-testid="price-alert-current">{currentPrice} XLM</strong>.
+						</DialogDescription>
+					</DialogHeader>
+
+					<div className="mt-4 space-y-4">
+						<fieldset className="space-y-2" data-testid="price-alert-direction">
+							<legend className="text-sm font-semibold">Direction</legend>
+							<label className="flex items-center gap-2 text-sm">
+								<input
+									type="radio"
+									name="direction"
+									value="above"
+									checked={direction === 'above'}
+									onChange={() => setDirection('above')}
+									data-testid="direction-above"
+								/>
+								Alert me when price rises above target
+							</label>
+							<label className="flex items-center gap-2 text-sm">
+								<input
+									type="radio"
+									name="direction"
+									value="below"
+									checked={direction === 'below'}
+									onChange={() => setDirection('below')}
+									data-testid="direction-below"
+								/>
+								Alert me when price falls below target
+							</label>
+						</fieldset>
+
+						<FormInput
+							label="Target price (XLM)"
+							id="price-alert-target"
+							type="number"
+							placeholder="0.00"
+							value={targetPrice}
+							onChange={value => {
+								setTargetPrice(value);
+								setTouched(true);
+							}}
+							error={touched && validationError ? validationError : ''}
+							touched={touched}
+							required
+						/>
+
+						{submitError && (
+							<InlineValidationMessage message={submitError} />
+						)}
+					</div>
+
+					<DialogFooter className="mt-6">
+						<Button
+							type="button"
+							variant="outline"
+							onClick={() => onOpenChange(false)}
+							disabled={isSubmitting}
+						>
+							Cancel
+						</Button>
+						<Button
+							type="submit"
+							disabled={!canSubmit}
+							data-testid="price-alert-submit"
+						>
+							{isSubmitting
+								? 'Saving…'
+								: isEditing
+									? 'Save changes'
+									: 'Create alert'}
+						</Button>
+					</DialogFooter>
+				</form>
+			</DialogContent>
+		</Dialog>
+	);
+}
+
+export default PriceAlertModal;
diff --git a/src/hooks/usePriceAlerts.ts b/src/hooks/usePriceAlerts.ts
new file mode 100644
index 00000000..62246b07
--- /dev/null
+++ b/src/hooks/usePriceAlerts.ts
@@ -0,0 +1,88 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { queryKeys } from '@/lib/queryKeys';
+import {
+        alertService,
+        type AlertDirection,
+        type PriceAlert,
+} from '@/services/alert.service';
+
+export interface CreatePriceAlertInput {
+        keyId: string;
+        keyName?: string;
+        targetPrice: number;
+        direction: AlertDirection;
+}
+
+export interface UpdatePriceAlertInput {
+        alertId: string;
+        targetPrice: number;
+        direction: AlertDirection;
+}
+
+/**
+ * Fetch the current user's active price alerts. Polls every 60s so a
+ * backend-triggered alert disappears from the list promptly.
+ */
+export function useActivePriceAlerts(userId: string | undefined) {
+        return useQuery({
+                queryKey: queryKeys.alerts.active(userId ?? ''),
+                queryFn: () => alertService.getActiveAlerts(userId as string),
+                enabled: Boolean(userId),
+                refetchInterval: 60000,
+        });
+}
+
+/** Create a price alert and refresh the active list. */
+export function useCreatePriceAlert(userId: string | undefined) {
+        const queryClient = useQueryClient();
+        return useMutation({
+                mutationFn: (input: CreatePriceAlertInput) => alertService.createAlert(input),
+                onSuccess: () => {
+                        void queryClient.invalidateQueries({
+                                queryKey: queryKeys.alerts.active(userId ?? ''),
+                        });
+                },
+        });
+}
+
+/** Update an existing alert's target price and/or direction. */
+export function useUpdatePriceAlert(userId: string | undefined) {
+        const queryClient = useQueryClient();
+        return useMutation({
+                mutationFn: ({ alertId, targetPrice, direction }: UpdatePriceAlertInput) =>
+                        alertService.updateAlert(alertId, { targetPrice, direction }),
+                onSuccess: () => {
+                        void queryClient.invalidateQueries({
+                                queryKey: queryKeys.alerts.active(userId ?? ''),
+                        });
+                },
+        });
+}
+
+/** Delete an alert. Optimistically removes it from the active list. */
+export function useDeletePriceAlert(userId: string | undefined) {
+        const queryClient = useQueryClient();
+        const queryKey = queryKeys.alerts.active(userId ?? '');
+        return useMutation({
+                mutationFn: (alertId: string) => alertService.deleteAlert(alertId),
+                onMutate: async (alertId: string) => {
+                        await queryClient.cancelQueries({ queryKey });
+                        const previous = queryClient.getQueryData<PriceAlert[]>(queryKey);
+                        if (previous) {
+                                queryClient.setQueryData<PriceAlert[]>(
+                                        queryKey,
+                                        previous.filter(alert => alert.id !== alertId)
+                                );
+                        }
+                        return { previous };
+                },
+                onError: (_err, _id, context) => {
+                        if (context?.previous) {
+                                queryClient.setQueryData(queryKey, context.previous);
+                        }
+                },
+                onSettled: () => {
+                        void queryClient.invalidateQueries({ queryKey });
+                },
+        });
+}
diff --git a/src/pages/CreatorDetailPage.tsx b/src/pages/CreatorDetailPage.tsx
index 514fc79f..2d6aa9d6 100644
--- a/src/pages/CreatorDetailPage.tsx
+++ b/src/pages/CreatorDetailPage.tsx
@@ -15,10 +15,13 @@ import CreatorProfileStatRow from '@/components/common/CreatorProfileStatRow';
 import BondingCurveChart from '@/components/common/BondingCurveChart';
 import KeySimulationTool from '@/components/common/KeySimulationTool';
 import BuyCooldownCountdown from '@/components/common/BuyCooldownCountdown';
+import KeyHolderList from '@/components/common/KeyHolderList';
+import HolderConcentrationChart from '@/components/common/HolderConcentrationChart';
 import StakingRewardsSection from '@/components/common/StakingRewardsSection';
 import DeprecationNotice from '@/components/common/DeprecationNotice';
 import DeprecationBanner from '@/components/common/DeprecationBanner';
 import SubscriptionAccessGate from '@/components/common/SubscriptionAccessGate';
+import SectionErrorBoundary from '@/components/common/SectionErrorBoundary';
 import { isKeyDeprecated } from '@/utils/keyDeprecation.utils';
 import { Button } from '@/components/ui/button';
 import { CreatorDashboardSkeleton } from '@/components/common/CreatorSkeleton';
@@ -68,6 +71,7 @@ import { usePerformanceBond } from '@/hooks/usePerformanceBond';
 import PerformanceBondPanel from '@/components/common/PerformanceBondPanel';
 import WhitelistStatusBadge from '@/components/common/WhitelistStatusBadge';
 import ShareModal from '@/components/common/ShareModal';
+import PriceAlertButton from '@/components/common/PriceAlertButton';
 import {
 	useTradeCooldownStatus,
 	invalidateTradeCooldownStatus,
@@ -78,9 +82,6 @@ import {
 	type ActiveTradeCooldown,
 } from '@/utils/tradeCooldown.utils';
 import TradeCooldownButton from '@/components/common/TradeCooldownButton';
-import KeyHolderList from '@/components/common/KeyHolderList';
-import HolderConcentrationChart from '@/components/common/HolderConcentrationChart';
-import SectionErrorBoundary from '@/components/common/SectionErrorBoundary';
 import { useAccount } from 'wagmi';
 
 function CreatorDetailPageContent() {
@@ -96,9 +97,8 @@ function CreatorDetailPageContent() {
 	const [recentSettlement, setRecentSettlement] =
 		useState<KeyBuybackReceipt | null>(null);
 	const [shareModalOpen, setShareModalOpen] = useState(false);
-	const [lastPurchasedAmount, setLastPurchasedAmount] = useState<
-		number | null
-	>(null);
+	const [lastPurchasedAmount, setLastPurchasedAmount] =
+		useState<number | null>(null);
 	const [deprecationDismissed, setDeprecationDismissed] = useState(false);
 	const [buyDialogOpen, setBuyDialogOpen] = useState(false);
 	const [tradeSubmitting, setTradeSubmitting] = useState(false);
@@ -142,11 +142,6 @@ function CreatorDetailPageContent() {
 	const { holders, hasNextPage, isFetchingNextPage, fetchNextPage } =
 		useKeyHolders(id || '');
 
-	/*
-	 * Wallet integration:
-	 * Prefer the currently connected wagmi wallet, then fall back to the
-	 * profile-store address for compatibility with the existing application.
-	 */
 	const profile = useProfileStore(state => state.profile);
 	const { address: connectedWalletAddress } = useAccount();
 	const userAddress = connectedWalletAddress ?? profile?.id;
@@ -156,11 +151,6 @@ function CreatorDetailPageContent() {
 	const userPosition = holdings.find(h => h.creatorId === (id || ''));
 	const holdingsCount = userPosition?.quantity ?? 0;
 
-	/*
-	 * Per-user buy cooldown:
-	 * Prefer the user's position-level value and fall back to the creator-wide
-	 * value returned by the creator detail endpoint.
-	 */
 	const nextBuyAllowedAt =
 		userPosition?.nextBuyAllowedAt ?? creator?.nextBuyAllowedAt ?? null;
 
@@ -199,9 +189,6 @@ function CreatorDetailPageContent() {
 	const performanceBond =
 		performanceBondData ?? creator?.performanceBond ?? null;
 
-	/*
-	 * Pre-launch auction phase.
-	 */
 	const { phase: auctionPhase } = useAuctionPhase({
 		auctionPrice: creator?.auctionPrice ?? null,
 		auctionSupply: creator?.auctionSupply ?? null,
@@ -209,32 +196,26 @@ function CreatorDetailPageContent() {
 		auctionEndsAt: creator?.auctionEndsAt ?? null,
 	});
 
-	/*
-	 * Early-access / whitelist logic.
-	 *
-	 * Supports both the newer whitelist fields from the maintainer and
-	 * the early-access fields from your branch.
-	 */
 	const isWhitelistGateActive = Boolean(
 		creator?.isWhitelistEnabled ??
-		creator?.whitelistEnabled ??
-		creator?.earlyAccessEnabled ??
-		false
+			creator?.whitelistEnabled ??
+			creator?.earlyAccessEnabled ??
+			false
 	);
 
 	const whitelistEntries = creator?.whitelist ?? [];
 
 	const isUserWhitelisted = Boolean(
 		userAddress &&
-		(whitelistEntries.some(
-			entry =>
-				entry.walletAddress?.toUpperCase() === userAddress.toUpperCase()
-		) ||
-			(creator?.earlyAccessWhitelist ?? []).some(
-				address => address.toLowerCase() === userAddress.toLowerCase()
+			(whitelistEntries.some(
+				entry =>
+					entry.walletAddress?.toUpperCase() === userAddress.toUpperCase()
 			) ||
-			(creator?.instructorId &&
-				creator.instructorId.toUpperCase() === userAddress.toUpperCase()))
+				(creator?.earlyAccessWhitelist ?? []).some(
+					address => address.toLowerCase() === userAddress.toLowerCase()
+				) ||
+				(creator?.instructorId &&
+					creator.instructorId.toUpperCase() === userAddress.toUpperCase()))
 	);
 
 	const publicLaunchTimestamp = creator?.publicLaunchDate
@@ -262,9 +243,6 @@ function CreatorDetailPageContent() {
 			? 'Early access is restricted to approved whitelisted wallets.'
 			: undefined;
 
-	/*
-	 * On-chain metadata.
-	 */
 	const {
 		data: onChainMetadata,
 		isLoading: isOnChainLoading,
@@ -296,9 +274,6 @@ function CreatorDetailPageContent() {
 	const displayAvatar =
 		resolveIpfsUrl(rawAvatar) || creator?.avatarUri || creator?.thumbnail;
 
-	/*
-	 * Track stale data indicator, including the on-chain metadata fallback.
-	 */
 	const { shouldShowBadge, handleRefetch } = useCreatorProfileStaleIndicator(
 		id || '',
 		isFetching || isOnChainLoading,
@@ -308,18 +283,8 @@ function CreatorDetailPageContent() {
 		}
 	);
 
-	const showStaleIndicator = shouldShowBadge || isFallbackActive;
-
-	/*
-	 * Trade mutation.
-	 *
-	 * Use the connected wallet rather than a hard-coded demo wallet.
-	 */
 	const tradeMutation = useTradeMutation(connectedWalletAddress ?? '');
 
-	/*
-	 * Trade cooldown for this key.
-	 */
 	const { data: tradeCooldownStatus } = useTradeCooldownStatus(id || '');
 
 	const tradeCooldown: ActiveTradeCooldown | null = resolveActiveTradeCooldown(
@@ -367,7 +332,6 @@ function CreatorDetailPageContent() {
 			if (id) {
 				invalidateTradeCooldownStatus(queryClient, id);
 			}
-
 			setTradeSubmitting(false);
 		}
 	};
@@ -420,10 +384,6 @@ function CreatorDetailPageContent() {
 		},
 	];
 
-	/*
-	 * During the pre-launch auction phase, show the current highest bid
-	 * instead of the bonding-curve spot price.
-	 */
 	const auctionLeadBid =
 		auctionPhase === 'active'
 			? resolveHighestBid(creator.auctionBids, creator.auctionHighestBid)
@@ -513,7 +473,6 @@ function CreatorDetailPageContent() {
 					currentLabel={`${creator.title} Profile`}
 				/>
 
-				{/* Key deprecation notice & guaranteed buyback flow */}
 				{isKeyDeprecated(creator) && (
 					<KeyDeprecationBanner
 						creator={creator}
@@ -524,7 +483,6 @@ function CreatorDetailPageContent() {
 					/>
 				)}
 
-				{/* Merge proposal voting for source key holders */}
 				<MergeProposalBanner
 					sourceKeyId={id || ''}
 					holdingsCount={holdingsCount}
@@ -534,7 +492,7 @@ function CreatorDetailPageContent() {
 				<div className="flex items-start gap-3">
 					<div className="min-w-0 flex-1 space-y-2">
 						<CreatorProfileStaleIndicator
-							visible={showStaleIndicator}
+							visible={shouldShowBadge || isFallbackActive}
 							isRefetching={isFetching || isOnChainLoading}
 							onRefresh={() => {
 								void refetch();
@@ -574,7 +532,6 @@ function CreatorDetailPageContent() {
 					/>
 				</div>
 
-				{/* Historical Price Chart */}
 				<SectionErrorBoundary sectionName="price history">
 					<PriceHistoryChart
 						data={priceHistory}
@@ -584,12 +541,10 @@ function CreatorDetailPageContent() {
 					/>
 				</SectionErrorBoundary>
 
-				{/* 4 Stat Cards */}
 				<div data-testid="creator-stat-cards">
 					<CreatorProfileStatRow items={statItems} />
 				</div>
 
-				{/* Key Stats Panel */}
 				<SectionErrorBoundary sectionName="key statistics">
 					<KeyStatsPanel
 						stats={keyStats}
@@ -600,7 +555,6 @@ function CreatorDetailPageContent() {
 					/>
 				</SectionErrorBoundary>
 
-				{/* Performance Bond Status Panel */}
 				<SectionErrorBoundary sectionName="performance bond">
 					<PerformanceBondPanel
 						bond={performanceBond}
@@ -609,14 +563,12 @@ function CreatorDetailPageContent() {
 					/>
 				</SectionErrorBoundary>
 
-				{/* Deprecation Notice */}
 				{isKeyDeprecated(creator) && (
 					<div className="rounded-2xl border border-rose-500/30 bg-rose-500/10 p-4">
 						<DeprecationNotice reason={creator.deprecationReason} />
 					</div>
 				)}
 
-				{/* Key Purchase CTA */}
 				<div className="flex flex-col gap-4 rounded-2xl border border-white/10 bg-white/[0.03] px-5 py-4 sm:flex-row sm:items-center sm:justify-between">
 					<div className="min-w-0">
 						<div className="flex items-center gap-2">
@@ -635,7 +587,6 @@ function CreatorDetailPageContent() {
 									: 'Purchase keys for this creator.'}
 						</p>
 
-						{/* Configurable bid-ask spread */}
 						<SpreadIndicator
 							className="mt-2"
 							buyPriceStroops={keyConfig?.buyPriceStroops}
@@ -645,7 +596,6 @@ function CreatorDetailPageContent() {
 							isLoading={isKeyConfigLoading}
 						/>
 
-						{/* Oracle reference price */}
 						<OraclePriceIndicator
 							className="mt-2"
 							comparison={oracleComparison}
@@ -654,7 +604,6 @@ function CreatorDetailPageContent() {
 							isLoading={isOracleLoading}
 						/>
 
-						{/* Early access launch information */}
 						{creator.earlyAccessEnabled && (
 							<span className="mt-2 inline-flex items-center rounded-full border border-amber-300/30 bg-amber-300/10 px-2.5 py-1 text-xs font-bold text-amber-200">
 								Early access
@@ -678,45 +627,53 @@ function CreatorDetailPageContent() {
 						)}
 					</div>
 
-					{isKeyDeprecated(creator) ? (
-						<Button
-							disabled
-							data-testid="key-detail-buy-button"
-							variant="outline"
-							className="min-h-11 w-full rounded-xl font-bold sm:h-10 sm:min-h-0 sm:w-auto"
-						>
-							Buy Disabled (Deprecated)
-						</Button>
-					) : buyDisabledReason ? (
-						<Tooltip content={buyDisabledReason}>
-							<span
-								className="inline-flex w-full sm:w-auto"
-								tabIndex={0}
+					<div className="flex items-center gap-2">
+						<PriceAlertButton
+							userId={userAddress}
+							keyId={creator.id}
+							keyName={creator.title || creator.name || 'Creator Key'}
+							currentPrice={resolveCreatorKeyPriceStroops(creator) ?? 0}
+						/>
+
+						{isKeyDeprecated(creator) ? (
+							<Button
+								disabled
+								data-testid="key-detail-buy-button"
+								variant="outline"
+								className="min-h-11 w-full rounded-xl font-bold sm:h-10 sm:min-h-0 sm:w-auto"
 							>
-								<Button
-									type="button"
-									disabled
-									data-testid="key-detail-buy-button"
-									className="min-h-11 w-full rounded-xl bg-amber-400 font-bold text-slate-950 hover:bg-amber-300 sm:h-10 sm:min-h-0 sm:w-auto"
+								Buy Disabled (Deprecated)
+							</Button>
+						) : buyDisabledReason ? (
+							<Tooltip content={buyDisabledReason}>
+								<span
+									className="inline-flex w-full sm:w-auto"
+									tabIndex={0}
 								>
-									Buy Key
-								</Button>
-							</span>
-						</Tooltip>
-					) : (
-						<TradeCooldownButton
-							cooldown={tradeCooldown}
-							label="Buy Key"
-							className="min-h-11 w-full rounded-xl font-bold sm:h-10 sm:min-h-0 sm:w-auto"
-							onClick={() => setBuyDialogOpen(true)}
-							buttonProps={{
-								'data-testid': 'key-detail-buy-button',
-							}}
-						/>
-					)}
+									<Button
+										type="button"
+										disabled
+										data-testid="key-detail-buy-button"
+										className="min-h-11 w-full rounded-xl bg-amber-400 font-bold text-slate-950 hover:bg-amber-300 sm:h-10 sm:min-h-0 sm:w-auto"
+									>
+										Buy Key
+									</Button>
+								</span>
+							</Tooltip>
+						) : (
+							<TradeCooldownButton
+								cooldown={tradeCooldown}
+								label="Buy Key"
+								className="min-h-11 w-full rounded-xl font-bold sm:h-10 sm:min-h-0 sm:w-auto"
+								onClick={() => setBuyDialogOpen(true)}
+								buttonProps={{
+									'data-testid': 'key-detail-buy-button',
+								}}
+							/>
+						)}
+					</div>
 				</div>
 
-				{/* Pre-Launch Auction Phase */}
 				{auctionPhase !== 'inactive' && (
 					<AuctionPhaseSection
 						creatorId={creator.id}
@@ -730,12 +687,10 @@ function CreatorDetailPageContent() {
 					/>
 				)}
 
-				{/* Buy Cooldown Countdown */}
 				{userAddress && !isTradeCooldownActive && (
 					<BuyCooldownCountdown nextBuyAllowedAt={nextBuyAllowedAt} />
 				)}
 
-				{/* Share to X */}
 				<div className="flex justify-end">
 					<ShareTwitterButton
 						creatorId={creator.id}
@@ -752,7 +707,6 @@ function CreatorDetailPageContent() {
 					/>
 				</div>
 
-				{/* TWAP */}
 				{isTwapLoading ? (
 					<div
 						className="rounded-2xl border border-white/10 bg-white/[0.03] px-5 py-4"
@@ -815,10 +769,8 @@ function CreatorDetailPageContent() {
 					</div>
 				) : null}
 
-				{/* Staking Rewards */}
 				<StakingRewardsSection {...stakingStats} isLoading={isLoading} />
 
-				{/* Price Curve */}
 				{auctionPhase !== 'active' && (
 					<>
 						<div
@@ -836,7 +788,6 @@ function CreatorDetailPageContent() {
 							/>
 						</div>
 
-						{/* Graduated Curve Milestones */}
 						<SectionErrorBoundary sectionName="curve milestones">
 							<GraduatedCurveMilestoneChart
 								keyId={creator.id}
@@ -844,7 +795,6 @@ function CreatorDetailPageContent() {
 							/>
 						</SectionErrorBoundary>
 
-						{/* Buy Simulation Tool */}
 						<KeySimulationTool
 							currentSupply={creator.creatorShareSupply ?? 100}
 							protocolFeeBps={creator.protocolFeeBps}
@@ -853,7 +803,6 @@ function CreatorDetailPageContent() {
 					</>
 				)}
 
-				{/* Holder Concentration */}
 				<div
 					className="rounded-[2rem] border border-white/10 bg-white/[0.02] p-6 shadow-2xl backdrop-blur-md md:p-8"
 					data-testid="holder-concentration-container"
@@ -870,7 +819,6 @@ function CreatorDetailPageContent() {
 					</SectionErrorBoundary>
 				</div>
 
-				{/* Fee Structure */}
 				<div className="rounded-[2rem] border border-white/10 bg-white/[0.02] p-6 shadow-2xl backdrop-blur-md md:p-8">
 					<div className="mb-6 flex items-center justify-between gap-4">
 						<h2 className="font-grotesque text-xl font-black tracking-tight text-white">
@@ -887,7 +835,6 @@ function CreatorDetailPageContent() {
 					<CreatorProfileInfoGrid items={feeItems} />
 				</div>
 
-				{/* Co-Creator Section */}
 				<SectionErrorBoundary sectionName="co-creator information">
 					<CoCreatorSection
 						courseId={creator.id}
@@ -898,7 +845,6 @@ function CreatorDetailPageContent() {
 					/>
 				</SectionErrorBoundary>
 
-				{/* Key Holders */}
 				<div
 					data-testid="creator-holders-container"
 					className="rounded-[2rem] border border-white/10 bg-white/[0.02] p-6 shadow-2xl backdrop-blur-md md:p-8"
@@ -919,7 +865,6 @@ function CreatorDetailPageContent() {
 					</SectionErrorBoundary>
 				</div>
 
-				{/* Gated Content */}
 				<div className="rounded-[2rem] border border-white/10 bg-white/[0.02] p-6 shadow-2xl backdrop-blur-md md:p-8">
 					<h2 className="mb-6 font-grotesque text-xl font-black tracking-tight text-white">
 						Exclusive Content
@@ -932,15 +877,14 @@ function CreatorDetailPageContent() {
 					>
 						<div className="rounded-xl border border-white/10 bg-white/[0.03] p-6">
 							<p className="text-white/80">
-								🎉 Welcome to the exclusive content section! Here you
-								can access premium videos, articles, and perks from{' '}
+								🎉 Welcome to the exclusive content section! Here you can access
+								premium videos, articles, and perks from{' '}
 								{creator.title || creator.name || 'this creator'}.
 							</p>
 						</div>
 					</SubscriptionAccessGate>
 				</div>
 
-				{/* Activity */}
 				<div className="mt-8 rounded-[2rem] border border-white/10 bg-white/[0.02] p-6 shadow-2xl backdrop-blur-md md:p-8">
 					<h2 className="mb-6 font-grotesque text-xl font-black tracking-tight text-white">
 						Activity
@@ -951,7 +895,6 @@ function CreatorDetailPageContent() {
 					</SectionErrorBoundary>
 				</div>
 
-				{/* Key Buyback Modal */}
 				{isKeyDeprecated(creator) && (
 					<KeyBuybackModal
 						open={buybackModalOpen}
@@ -959,17 +902,14 @@ function CreatorDetailPageContent() {
 						creatorId={creator.id}
 						creatorTitle={creator.title || creator.name || 'Creator Key'}
 						holdingsCount={holdingsCount}
-						buybackPriceStroops={
-							resolveCreatorKeyPriceStroops(creator) ?? 0
-						}
+						buybackPriceStroops={resolveCreatorKeyPriceStroops(creator) ?? 0}
 						userAddress={userAddress}
 						onSettled={receipt => {
 							setRecentSettlement(receipt);
 						}}
-					/>
+						/>
 				)}
 
-				{/* Trade Dialog */}
 				{creator && (
 					<TradeDialog
 						open={buyDialogOpen}
@@ -989,7 +929,6 @@ function CreatorDetailPageContent() {
 					/>
 				)}
 
-				{/* Share Modal */}
 				{creator && (
 					<ShareModal
 						open={shareModalOpen}
diff --git a/src/pages/ProfilePage.tsx b/src/pages/ProfilePage.tsx
index 947b5eb8..ac65257e 100644
--- a/src/pages/ProfilePage.tsx
+++ b/src/pages/ProfilePage.tsx
@@ -23,6 +23,7 @@ import WalletActivityFeed from '@/components/common/WalletActivityFeed';
 import SectionErrorBoundary from '@/components/common/SectionErrorBoundary';
 import TruncatedAddress from '@/components/common/TruncatedAddress';
 import { ProfileTabPillGroup } from '@/components/common/ProfileTabPill';
+import ActivePriceAlertsList from '@/components/common/ActivePriceAlertsList';
 import { useProfileStore } from '@/hooks/useProfileStore';
 import { useDocumentTitle } from '@/hooks/useDocumentTitle';
 import { useWalletHoldings } from '@/hooks/useWallet';
@@ -554,6 +555,21 @@ export default function ProfilePage() {
 					</section>
 				)}
 
+				{/* Price alerts panel (#1057) */}
+				{activeTab === 'price-alerts' && (
+				        <section
+				                id="profile-panel-price-alerts"
+				                role="tabpanel"
+				                aria-labelledby="profile-tab-price-alerts"
+				                data-testid="portfolio-price-alerts-panel"
+				        >
+				                <div className="rounded-2xl border border-white/10 bg-white/[0.02] p-6 md:p-8">
+				                        <h2 className="font-grotesque text-2xl font-bold text-white mb-6">Price Alerts</h2>
+				                        <ActivePriceAlertsList userId={profileWallet} />
+				                </div>
+				        </section>
+				)}
+
 				{/* Activity feed panel */}
 				{activeTab === 'activity' && (
 					<section
diff --git a/src/services/alert.service.ts b/src/services/alert.service.ts
index d1be2dd5..64ac14a0 100644
--- a/src/services/alert.service.ts
+++ b/src/services/alert.service.ts
@@ -1,46 +1,74 @@
-import { BaseApiService, type APIResponse } from './api.service';
+import { BaseApiService, type APIResponse } from './api.service';
+
+export type AlertDirection = 'above' | 'below';
+
+export interface PriceAlert {
+	id: string;
+	userId?: string;
+	keyId: string;
+	keyName?: string;
+	keyTitle?: string;
+	targetPrice: number;
+	direction: AlertDirection;
+	triggered?: boolean;
+	createdAt?: string;
+}
+
+class AlertService extends BaseApiService {
+	/** Fetch user's active price alerts — GET /alerts */
+	async getActiveAlerts(userId: string): Promise<PriceAlert[]> {
+		try {
+			const response = await this.api.get<
+				APIResponse<PriceAlert[] | { alerts: PriceAlert[] }>
+			>(`/alerts`, { params: { userId, active: true } });
+
+			const raw = response.data.data;
+			if (Array.isArray(raw)) return raw;
+			if (raw && typeof raw === 'object' && 'alerts' in raw && Array.isArray(raw.alerts)) {
+				return raw.alerts;
+			}
+			return [];
+		} catch (error) {
+			throw this.handleError(error);
+		}
+	}
+
+	/** Mark alert as triggered on backend — PATCH /alerts/:alertId/triggered */
        /** Create a new price alert - POST /alerts */
+        async createAlert(input: { keyId: string; keyName?: string; targetPrice: number; direction: AlertDirection }): Promise<PriceAlert> {
+                try {
+                        const response = await this.api.post<APIResponse<PriceAlert>>('/alerts', input);
+                        return response.data.data;
+                } catch (error) {
+                        throw this.handleError(error);
+                }
+        }
 
-export type AlertDirection = 'above' | 'below';
+        /** Update an existing alert - PATCH /alerts/:alertId */
+        async updateAlert(alertId: string, input: { targetPrice: number; direction: AlertDirection }): Promise<PriceAlert> {
+                try {
+                        const response = await this.api.patch<APIResponse<PriceAlert>>('/alerts/' + alertId, input);
+                        return response.data.data;
+                } catch (error) {
+                        throw this.handleError(error);
+                }
+        }
 
-export interface PriceAlert {
-	id: string;
-	userId?: string;
-	keyId: string;
-	keyName?: string;
-	keyTitle?: string;
-	targetPrice: number;
-	direction: AlertDirection;
-	triggered?: boolean;
-	createdAt?: string;
-}
+        /** Delete an alert - DELETE /alerts/:alertId */
+        async deleteAlert(alertId: string): Promise<void> {
+                try {
+                        await this.api.delete('/alerts/' + alertId);
+                } catch (error) {
+                        throw this.handleError(error);
+                }
+        }
 
-class AlertService extends BaseApiService {
-	/** Fetch user's active price alerts — GET /alerts */
-	async getActiveAlerts(userId: string): Promise<PriceAlert[]> {
-		try {
-			const response = await this.api.get<
-				APIResponse<PriceAlert[] | { alerts: PriceAlert[] }>
-			>(`/alerts`, { params: { userId, active: true } });
-
-			const raw = response.data.data;
-			if (Array.isArray(raw)) return raw;
-			if (raw && typeof raw === 'object' && 'alerts' in raw && Array.isArray(raw.alerts)) {
-				return raw.alerts;
-			}
-			return [];
-		} catch (error) {
-			throw this.handleError(error);
-		}
-	}
-
-	/** Mark alert as triggered on backend — PATCH /alerts/:alertId/triggered */
-	async markAlertTriggered(alertId: string): Promise<void> {
-		try {
-			await this.api.patch(`/alerts/${alertId}/triggered`);
-		} catch (error) {
-			throw this.handleError(error);
-		}
-	}
-}
-
-export const alertService = new AlertService();
+	async markAlertTriggered(alertId: string): Promise<void> {
+		try {
+			await this.api.patch(`/alerts/${alertId}/triggered`);
+		} catch (error) {
+			throw this.handleError(error);
+		}
+	}
+}
+
+export const alertService = new AlertService();