From bd14ab01742f8bff9a888cbeee66fca6fbf7f8cf Mon Sep 17 00:00:00 2001
From: LukeParkerDev <10430890+Hona@users.noreply.github.com>
Date: Tue, 12 May 2026 09:54:24 +1000
Subject: [PATCH] fix(app): keep virtual timeline rows reactive

---
 packages/app/src/pages/session/message-timeline.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/app/src/pages/session/message-timeline.tsx b/packages/app/src/pages/session/message-timeline.tsx
index 19a55836ff..89ca13c075 100644
--- a/packages/app/src/pages/session/message-timeline.tsx
+++ b/packages/app/src/pages/session/message-timeline.tsx
@@ -1128,6 +1128,12 @@ export function MessageTimeline(props: {
     }
   }
 
+  function TimelineRowView(props: { rowKey: string }) {
+    const row = createMemo(() => timelineRowByKey().get(props.rowKey))
+
+    return <Show when={row()} keyed>{(item) => renderTimelineRow(item)}</Show>
+  }
+
   return (
     <Show
       when={!props.mobileChanges}
@@ -1524,11 +1530,7 @@ export function MessageTimeline(props: {
                       virtualizer = handle
                     }}
                   >
-                    {(key) => {
-                      const row = timelineRowByKey().get(key)
-                      if (!row) return null
-                      return renderTimelineRow(row)
-                    }}
+                    {(key) => <TimelineRowView rowKey={key} />}
                   </Virtualizer>
                 )}
               </Show>