diff --git a/src/workspaces/officerdev/src/apps/Chat/components/MessageBubble.tsx b/src/workspaces/officerdev/src/apps/Chat/components/MessageBubble.tsx
index d23e3733..c0b7bbd6 100644
--- a/src/workspaces/officerdev/src/apps/Chat/components/MessageBubble.tsx
+++ b/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>
diff --git a/src/workspaces/officerdev/src/apps/Chat/types.ts b/src/workspaces/officerdev/src/apps/Chat/types.ts
index 907889fb..65eaa43c 100644
--- a/src/workspaces/officerdev/src/apps/Chat/types.ts
+++ b/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';