diff --git a/packages/desktop/src/components/Terminal.tsx b/packages/desktop/src/components/Terminal.tsx
index c72630b..6c0c95a 100644
--- a/packages/desktop/src/components/Terminal.tsx
+++ b/packages/desktop/src/components/Terminal.tsx
@@ -1039,7 +1039,9 @@ function ConversationDetails() {
 function ConversationHistory() {
   const { isCloudDoingMagic, selectedConversation, conversationContentMap } = useTerminal();
 
-  const contentBlocks = conversationContentMap[selectedConversation?.id] ?? [];
+  const contentBlocks = useMemo(() => {
+    return conversationContentMap[selectedConversation.id] ?? [];
+  }, [conversationContentMap, selectedConversation.id]);
 
   return (
     <Container maxWidth="xs">
@@ -1093,6 +1095,8 @@ function ConversationHistory() {
                 </Typography>
               </Stack> */}
 
+              <audio controls src={contentBlock.contentUrl} />
+
               <Box
                 sx={{
                   ml: 'auto',