feat(characters): support character-scoped conversations

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

@@ -7,6 +7,7 @@ import { VoiceBubble } from "./voice-bubble";
 import styles from "./chat-area.module.css";
 
 export interface MessageContentProps {
+  characterId: string;
   content: string;
   imageUrl?: string | null;
   imagePaywalled?: boolean;
@@ -27,6 +28,7 @@ export interface MessageContentProps {
 const IMAGE_PLACEHOLDER = "[图片]";
 
 export function MessageContent({
+  characterId,
   content,
   imageUrl,
   imagePaywalled,
@@ -90,6 +92,7 @@ export function MessageContent({
         <>
           {hasImage && imageUrl && (
             <ImageBubble
+              characterId={characterId}
               messageId={messageId}
               imageUrl={imageUrl}
               imagePaywalled={imagePaywalled}
@@ -98,6 +101,7 @@ export function MessageContent({
           )}
           {shouldRenderVoiceMessage ? (
             <VoiceBubble
+              characterId={characterId}
               messageId={messageId}
               audioUrl={audioUrl}
               isFromAI={isFromAI}