feat(chat): add promotional external entry flow

src/app/chat/components/message-content.tsx

@@ -1,5 +1,6 @@
 "use client";
 import { ImageBubble } from "./image-bubble";
+import { LockedImageMessageCard } from "./locked-image-message-card";
 import { PrivateMessageCard } from "./private-message-card";
 import { TextBubble } from "./text-bubble";
 import { VoiceBubble } from "./voice-bubble";
@@ -19,6 +20,7 @@ export interface MessageContentProps {
   isUnlockingMessage?: boolean;
   onUnlockPrivateMessage?: (messageId: string) => void;
   onUnlockVoiceMessage?: (messageId: string) => void;
+  onUnlockImageMessage?: (messageId: string) => void;
   onOpenImage?: (messageId: string) => void;
 }
 
@@ -38,6 +40,7 @@ export function MessageContent({
   isUnlockingMessage,
   onUnlockPrivateMessage,
   onUnlockVoiceMessage,
+  onUnlockImageMessage,
   onOpenImage,
 }: MessageContentProps) {
   const hasImage = imageUrl != null && imageUrl.length > 0;
@@ -47,6 +50,9 @@ export function MessageContent({
     lockedPrivate === true ||
     (locked === true && lockReason === "private_message");
   const isLockedVoiceMessage = locked === true && lockReason === "voice_message";
+  const isLockedImageMessage =
+    locked === true &&
+    (lockReason === "image_paywall" || lockReason === "image");
   const shouldRenderVoiceMessage = hasAudio || isLockedVoiceMessage;
   const handleUnlockPrivateMessage =
     messageId && onUnlockPrivateMessage
@@ -56,6 +62,10 @@ export function MessageContent({
     isLockedVoiceMessage && messageId && onUnlockVoiceMessage
       ? () => onUnlockVoiceMessage(messageId)
       : undefined;
+  const handleUnlockImageMessage =
+    isLockedImageMessage && messageId && onUnlockImageMessage
+      ? () => onUnlockImageMessage(messageId)
+      : undefined;
 
   return (
     <div
@@ -70,6 +80,12 @@ export function MessageContent({
           isUnlocking={isUnlockingMessage}
           onUnlock={handleUnlockPrivateMessage}
         />
+      ) : isLockedImageMessage && !hasImage ? (
+        <LockedImageMessageCard
+          hint={privateMessageHint}
+          isUnlocking={isUnlockingMessage}
+          onUnlock={handleUnlockImageMessage}
+        />
       ) : (
         <>
           {hasImage && imageUrl && (