feat(chat): restore image viewer after payment

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

@@ -15,6 +15,7 @@ import { MessageContent } from "./message-content";
 import styles from "./chat-area.module.css";
 
 export interface MessageBubbleProps {
+  messageId?: string;
   content: string;
   imageUrl?: string | null;
   imagePaywalled?: boolean;
@@ -25,11 +26,11 @@ export interface MessageBubbleProps {
   lockedPrivate?: boolean | null;
   privateMessageHint?: string | null;
   onUnlockPrivateMessage?: () => void;
-  onUnlockImagePaywall?: () => void;
   onUnlockVoiceMessage?: () => void;
 }
 
 export function MessageBubble({
+  messageId,
   content,
   imageUrl,
   imagePaywalled,
@@ -40,7 +41,6 @@ export function MessageBubble({
   lockedPrivate,
   privateMessageHint,
   onUnlockPrivateMessage,
-  onUnlockImagePaywall,
   onUnlockVoiceMessage,
 }: MessageBubbleProps) {
   const { avatarUrl } = useUserState();
@@ -55,13 +55,13 @@ export function MessageBubble({
           imageUrl={imageUrl}
           imagePaywalled={imagePaywalled}
           audioUrl={audioUrl}
+          messageId={messageId}
           isFromAI={true}
           locked={locked}
           lockReason={lockReason}
           lockedPrivate={lockedPrivate}
           privateMessageHint={privateMessageHint}
           onUnlockPrivateMessage={onUnlockPrivateMessage}
-          onUnlockImagePaywall={onUnlockImagePaywall}
           onUnlockVoiceMessage={onUnlockVoiceMessage}
         />
         <div style={{ width: 43 }} /> {/* 占位：保持与头像宽度一致 */}
@@ -77,13 +77,13 @@ export function MessageBubble({
         imageUrl={imageUrl}
         imagePaywalled={imagePaywalled}
         audioUrl={audioUrl}
+        messageId={messageId}
         isFromAI={false}
         locked={locked}
         lockReason={lockReason}
         lockedPrivate={lockedPrivate}
         privateMessageHint={privateMessageHint}
         onUnlockPrivateMessage={onUnlockPrivateMessage}
-        onUnlockImagePaywall={onUnlockImagePaywall}
         onUnlockVoiceMessage={onUnlockVoiceMessage}
       />
       <div style={{ width: 8 }} />