From a7fd1fc869ffd596ac9ff448ff2b1af62ed86706 Mon Sep 17 00:00:00 2001
From: Asim Shrestha <asim.shrestha@hotmail.com>
Date: Tue, 9 May 2023 12:21:19 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=85=20Move=20pause=20mode=20to=20the?=
 =?UTF-8?q?=20very=20left?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ChatWindow.tsx | 36 +++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/ChatWindow.tsx b/src/components/ChatWindow.tsx
index 5e749891a3..f9170aae5c 100644
--- a/src/components/ChatWindow.tsx
+++ b/src/components/ChatWindow.tsx
@@ -324,23 +324,6 @@ const MacWindowHeader = (props: HeaderProps) => {
         {props.title}
       </Expand>
 
-      <AnimatePresence>
-        {props.onSave && (
-          <PopIn>
-            <WindowButton
-              ping
-              key="Agent"
-              onClick={() => props.onSave?.("db")}
-              icon={<FaSave size={12} />}
-              name={`${t("SAVE", { ns: "common" })}`}
-              styleClass={{
-                container: `relative bg-[#3a3a3a] md:w-20 text-center font-mono rounded-lg text-gray/50 border-[2px] border-white/30 font-bold transition-all sm:py-0.5 hover:border-[#1E88E5]/40 hover:bg-[#6b6b6b] focus-visible:outline-none focus:border-[#1E88E5]`,
-              }}
-            />
-          </PopIn>
-        )}
-      </AnimatePresence>
-
       {agentMode === PAUSE_MODE && agent !== null && (
         <div
           className={`animation-duration text-gray/50 flex items-center gap-2 px-2 py-1 text-left font-mono text-sm font-bold transition-all sm:py-0.5`}
@@ -359,6 +342,23 @@ const MacWindowHeader = (props: HeaderProps) => {
         </div>
       )}
 
+      <AnimatePresence>
+        {props.onSave && (
+          <PopIn>
+            <WindowButton
+              ping
+              key="Agent"
+              onClick={() => props.onSave?.("db")}
+              icon={<FaSave size={12} />}
+              name={`${t("SAVE", { ns: "common" })}`}
+              styleClass={{
+                container: `relative bg-[#3a3a3a] md:w-20 text-center font-mono rounded-lg text-gray/50 border-[2px] border-white/30 font-bold transition-all sm:py-0.5 hover:border-[#1E88E5]/40 hover:bg-[#6b6b6b] focus-visible:outline-none focus:border-[#1E88E5]`,
+              }}
+            />
+          </PopIn>
+        )}
+      </AnimatePresence>
+
       <Menu
         icon={<CgExport />}
         name={`${t("EXPORT", { ns: "common" })}`}
@@ -400,7 +400,7 @@ const ChatMessage = ({ message }: { message: Message }) => {
       {isAction(message) ? (
         <>
           <hr className="my-2 border-[1px] border-white/20" />
-          <div className="prose max-w-none">
+          <div className="prose">
             <MarkdownRenderer>{message.info || ""}</MarkdownRenderer>
           </div>
         </>