improvement(mothership): stack the stopped status above the actions row

Author: TheodoreSpeaks

apps/sim/app/workspace/[workspaceId]/home/components/message-content/message-content.tsx

@@ -986,18 +986,17 @@ function MessageContentInner({
         // The settled tail takes the slot's place in the SAME render and at the
         // SAME extent (TAIL_REGION_CLASSES), so the swap is height-neutral by
         // construction — no reflow for the pinned scroller to absorb. A stopped
-        // turn shares the ONE region (status left, actions right); stacking two
-        // regions would double the tail and break neutrality.
+        // turn stacks a second region (status row above the actions); that +46px
+        // is deliberate — the teardown's eased follow glides it into view, and
+        // the stacked layout beats a combined status/actions row visually.
         <>
-          {lastSegment?.type === 'stopped' ? (
+          {lastSegment?.type === 'stopped' && (
             <div className={cn(TAIL_REGION_CLASSES, 'gap-[8px]')}>
               <CircleStop className='size-[16px] flex-shrink-0 text-[var(--text-icon)]' />
               <span className='text-[14px] text-[var(--text-body)]'>Stopped by user</span>
-              {actions && <div className='ml-auto'>{actions}</div>}
             </div>
-          ) : (
-            actions && <div className={TAIL_REGION_CLASSES}>{actions}</div>
           )}
+          {actions && <div className={TAIL_REGION_CLASSES}>{actions}</div>}
         </>
       )}
     </div>