From 18937f40068e8076b7575d0d4f8d3b05bb1f7eca Mon Sep 17 00:00:00 2001
From: Dustin Brett <dustinbrett@gmail.com>
Date: Sun, 27 Oct 2024 08:51:35 -0700
Subject: [PATCH] AI BG only on gen

---
 components/system/Taskbar/AI/AIChat.tsx      | 8 +++++++-
 components/system/Taskbar/AI/StyledAIChat.ts | 7 +++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/components/system/Taskbar/AI/AIChat.tsx b/components/system/Taskbar/AI/AIChat.tsx
index 8a2af2e0..8873d0e6 100644
--- a/components/system/Taskbar/AI/AIChat.tsx
+++ b/components/system/Taskbar/AI/AIChat.tsx
@@ -446,7 +446,13 @@ const AIChat: FC<AIChatProps> = ({ toggleAI }) => {
                   )}
                 </div>
                 {withCanvas && (
-                  <div className="image-container">
+                  <div
+                    className={clsx({
+                      generating:
+                        responding && index === conversation.length - 1,
+                      "image-container": true,
+                    })}
+                  >
                     <canvas
                       ref={(canvas) => {
                         if (
diff --git a/components/system/Taskbar/AI/StyledAIChat.ts b/components/system/Taskbar/AI/StyledAIChat.ts
index 2ef8c448..ef113553 100644
--- a/components/system/Taskbar/AI/StyledAIChat.ts
+++ b/components/system/Taskbar/AI/StyledAIChat.ts
@@ -260,6 +260,12 @@ const StyledAIChat = styled(motion.section)<StyledAIChatProps>`
           max-width: 100%;
         }
 
+        &:not(.generating) canvas {
+          animation: unset;
+          background: transparent;
+          background-size: unset;
+        }
+
         .prompt {
           color: rgb(15, 15, 15);
           font-size: 12px;
@@ -379,6 +385,7 @@ const StyledAIChat = styled(motion.section)<StyledAIChatProps>`
         }
 
         &.invisible {
+          height: 13px;
           opacity: 0%;
           pointer-events: none;
         }