wip(desktop): progress

packages/desktop/src/pages/session.tsx

@@ -500,17 +500,19 @@ export default function Page() {
                           onMessageSelect={setActiveMessage}
                           wide={wide()}
                         />
-                        <SessionTurn
-                          sessionID={params.id!}
-                          messageID={activeMessage()?.id!}
-                          classes={{
-                            root: "pb-20 flex-1 min-w-0",
-                            content: "pb-20",
-                            container:
-                              "w-full " +
-                              (wide() ? "max-w-146 mx-auto px-6" : userMessages().length > 1 ? "pr-6 pl-18" : "px-6"),
-                          }}
-                        />
+                        <Show when={activeMessage()}>
+                          <SessionTurn
+                            sessionID={params.id!}
+                            messageID={activeMessage()?.id!}
+                            classes={{
+                              root: "pb-20 flex-1 min-w-0",
+                              content: "pb-20",
+                              container:
+                                "w-full " +
+                                (wide() ? "max-w-146 mx-auto px-6" : userMessages().length > 1 ? "pr-6 pl-18" : "px-6"),
+                            }}
+                          />
+                        </Show>
                       </div>
                     </Match>
                     <Match when={true}>

packages/ui/src/components/session-turn.tsx

@@ -40,9 +40,6 @@ export function SessionTurn(
       .sort((a, b) => a.id.localeCompare(b.id)),
   )
   const message = createMemo(() => userMessages()?.find((m) => m.id === props.messageID))
-
-  if (!message()) return null
-
   const status = createMemo(
     () =>
       data.store.session_status[props.sessionID] ?? {