read alout chat messages

src/workspaces/officerdev/src/apps/Chat/components/MessageBubble.tsx

@@ -133,7 +133,7 @@ export const MessageBubble = ({ message, onAnswer }: MessageBubbleProps) => {
               </div>
             </div>
             <div className="flex justify-end mt-0.5">
-              <ReadAloudButton id={message.id} text={message.text} />
+              <ReadAloudButton id={message.id ?? message.text.slice(0, 64)} text={message.text} />
             </div>
           </div>
         </div>

src/workspaces/officerdev/src/apps/Chat/types.ts

@@ -41,7 +41,7 @@ export type GroupEntry = {
 
 export type ChatMessage =
   | { role: 'user'; text: string; images?: { filename: string; dataUrl: string }[] }
-  | { role: 'assistant'; id: string; text: string }
+  | { role: 'assistant'; id?: string; text: string }
   | { role: 'system'; text: string }
   | {
       role: 'tool';