From 72e6cd7f03f7c3d621d7009671dd81e55d6ffe4d Mon Sep 17 00:00:00 2001
From: frostime <frostime@foxmail.com>
Date: Sun, 4 Aug 2024 22:19:02 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E2=9C=A8=20feat(chat):=20=E5=AF=B9?=
 =?UTF-8?q?=E8=AF=9D=E7=9A=84=E6=97=B6=E5=80=99=EF=BC=8C=E5=9C=A8=E5=B7=A5?=
 =?UTF-8?q?=E5=85=B7=E6=A0=8F=E7=9B=B4=E6=8E=A5=E6=98=BE=E7=A4=BA=E5=BD=93?=
 =?UTF-8?q?=E5=89=8D=E6=A8=A1=E5=9E=8B=E7=9A=84=E5=90=8D=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/chat.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/app/components/chat.tsx b/app/components/chat.tsx
index 3d519dee722..3fe41bf09c5 100644
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -780,6 +780,19 @@ export function ChatActions(props: {
           icon={<ShortcutkeyIcon />}
         />
       )}
+
+      {/* If you want to add any successive actions, please place them above */}
+      <div
+        style={{
+          display: "flex",
+          alignItems: "top",
+          flex: 1,
+          fontSize: "0.7rem",
+        }}
+      >
+        <div style={{ flex: 1 }}></div>
+        <span style={{ opacity: 0.8 }}>{currentModelName}</span>
+      </div>
     </div>
   );
 }

From ba0651d8d2f1c9f6036b6c5e3ab30d548c4724d3 Mon Sep 17 00:00:00 2001
From: frostime <frostime@foxmail.com>
Date: Tue, 24 Sep 2024 16:34:19 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=8E=A8=20style:=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E9=80=82=E9=85=8D=E5=B0=8F=E5=B1=8F?=
 =?UTF-8?q?=E5=B9=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/chat.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/components/chat.tsx b/app/components/chat.tsx
index 3fe41bf09c5..c42b90500ae 100644
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -788,10 +788,23 @@ export function ChatActions(props: {
           alignItems: "top",
           flex: 1,
           fontSize: "0.7rem",
+          justifyContent: "flex-end",
+          overflow: "hidden",
+          whiteSpace: "nowrap",
         }}
       >
-        <div style={{ flex: 1 }}></div>
-        <span style={{ opacity: 0.8 }}>{currentModelName}</span>
+        <span
+          style={{
+            opacity: 0.8,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            minWidth: 0,
+            maxWidth: "175px",
+          }}
+        >
+          {currentModelName}
+        </span>
       </div>
     </div>
   );