From e50c69a948246564f364fd03f96bee173e90b5bc Mon Sep 17 00:00:00 2001
From: Kiet Ho <hoakiet98@gmail.com>
Date: Sat, 1 Feb 2025 02:05:32 -0800
Subject: [PATCH] Fix not clickable outside of stream

---
 .../editor/EditPanel/ChatTab/ChatMessages/StreamMessage.tsx   | 2 +-
 .../EditPanel/ChatTab/CodeChangeDisplay/BashCodeDisplay.tsx   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/studio/src/routes/editor/EditPanel/ChatTab/ChatMessages/StreamMessage.tsx b/apps/studio/src/routes/editor/EditPanel/ChatTab/ChatMessages/StreamMessage.tsx
index 574891e9f..082bc8457 100644
--- a/apps/studio/src/routes/editor/EditPanel/ChatTab/ChatMessages/StreamMessage.tsx
+++ b/apps/studio/src/routes/editor/EditPanel/ChatTab/ChatMessages/StreamMessage.tsx
@@ -9,7 +9,7 @@ export const StreamingMessage = observer(() => {
     return (
         <>
             {editorEngine.chat.isWaiting && (
-                <div className="flex w-full h-full flex-row items-center gap-2 px-4 text-small content-start text-foreground-secondary">
+                <div className="flex w-full h-full flex-row items-center gap-2 px-4 my-2 text-small content-start text-foreground-secondary">
                     <Icons.Shadow className="animate-spin" />
                     <p>Thinking ...</p>
                 </div>
diff --git a/apps/studio/src/routes/editor/EditPanel/ChatTab/CodeChangeDisplay/BashCodeDisplay.tsx b/apps/studio/src/routes/editor/EditPanel/ChatTab/CodeChangeDisplay/BashCodeDisplay.tsx
index 89ad4fb28..df43b3b7b 100644
--- a/apps/studio/src/routes/editor/EditPanel/ChatTab/CodeChangeDisplay/BashCodeDisplay.tsx
+++ b/apps/studio/src/routes/editor/EditPanel/ChatTab/CodeChangeDisplay/BashCodeDisplay.tsx
@@ -65,7 +65,7 @@ const BashCodeDisplay = observer(
                             className="flex flex-grow rounded-none gap-2 px-1 bg-foreground/10 text-foreground group-hover:bg-foreground/20 group-hover:text-foreground-secondary transition-none"
                             variant={'ghost'}
                             onClick={runCommand}
-                            disabled={running || !isStream}
+                            disabled={running || isStream}
                         >
                             {running ? (
                                 <Icons.Shadow className="animate-spin" />
@@ -80,7 +80,7 @@ const BashCodeDisplay = observer(
                             className="group flex flex-grow rounded-none gap-2 px-1 bg-teal-400/20 text-teal-200 hover:bg-teal-400/40 hover:text-teal-100"
                             variant={'ghost'}
                             onClick={runCommand}
-                            disabled={running || !isStream}
+                            disabled={running || isStream}
                         >
                             {running ? (
                                 <Icons.Shadow className="animate-spin" />