fix(tui): pin todo panel above live output

ui-tui/src/components/appLayout.tsx

@@ -30,6 +30,8 @@ const TranscriptPane = memo(function TranscriptPane({
     <>
       <ScrollBox flexDirection="column" flexGrow={1} flexShrink={1} ref={transcript.scrollRef} stickyScroll>
         <Box flexDirection="column" paddingX={1}>
+          <LiveTodoPanel />
+
           {transcript.virtualHistory.topSpacer > 0 ? <Box height={transcript.virtualHistory.topSpacer} /> : null}
 
           {transcript.virtualRows.slice(transcript.virtualHistory.start, transcript.virtualHistory.end).map(row => (
@@ -58,8 +60,6 @@ const TranscriptPane = memo(function TranscriptPane({
 
           {transcript.virtualHistory.bottomSpacer > 0 ? <Box height={transcript.virtualHistory.bottomSpacer} /> : null}
 
-          <LiveTodoPanel />
-
           <StreamingAssistant
             cols={composer.cols}
             compact={ui.compact}