From bced80e14e0bcd16a5ac44e9d69eb0f6683b55f6 Mon Sep 17 00:00:00 2001
From: Taylor Ho <taylorkmho@gmail.com>
Date: Thu, 21 May 2026 22:56:33 -0700
Subject: [PATCH] fix(terminal): move typing indicator below terminal panel

Places the typing/bot activity bar after the terminal so the terminal's
bottom edge aligns with the thread composer when the thread panel is open.
---
 desktop/src/features/channels/ui/ChannelPane.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/desktop/src/features/channels/ui/ChannelPane.tsx b/desktop/src/features/channels/ui/ChannelPane.tsx
index 838de15ae5..f57761bac4 100644
--- a/desktop/src/features/channels/ui/ChannelPane.tsx
+++ b/desktop/src/features/channels/ui/ChannelPane.tsx
@@ -411,8 +411,14 @@ export const ChannelPane = React.memo(function ChannelPane({
                 }
                 showTopBorder={false}
               />
+              {activeChannel && isTerminalOpen ? (
+                <TerminalPanel
+                  channelId={activeChannel.id}
+                  isOpen={isTerminalOpen}
+                />
+              ) : null}
               {hasComposerBotActivity || hasTypingActivity ? (
-                <div className="h-7 bg-background px-4 pb-1 pt-0 sm:px-6 -mt-1">
+                <div className="h-7 bg-background px-4 pb-1 pt-0 sm:px-6">
                   <div className="flex h-full w-full items-center gap-2">
                     {hasComposerBotActivity ? (
                       <div className="shrink-0">
@@ -440,12 +446,6 @@ export const ChannelPane = React.memo(function ChannelPane({
                   </div>
                 </div>
               ) : null}
-              {activeChannel && isTerminalOpen ? (
-                <TerminalPanel
-                  channelId={activeChannel.id}
-                  isOpen={isTerminalOpen}
-                />
-              ) : null}
             </div>
           </div>
         )}