From a1778e89905282a200a2cb522100a0d7cfe7c957 Mon Sep 17 00:00:00 2001
From: Autumn-27 <53844290+Autumn-27@users.noreply.github.com>
Date: Sun, 26 Jul 2026 06:30:03 -0400
Subject: [PATCH] =?UTF-8?q?fix(chat):=20=E4=BC=9A=E8=AF=9D=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E9=95=BF=E6=A0=87=E9=A2=98=E6=BA=A2=E5=87=BA=E9=81=AE?=
 =?UTF-8?q?=E6=8C=A1=E5=88=A0=E9=99=A4=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 会话行/第二行加 min-w-0，agent 名可截断
- ScrollArea 视口覆盖 display:table（[&_[data-slot=scroll-area-viewport]>div]:block!），消除横向撑开

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 web/src/app/(main)/chat/page.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/app/(main)/chat/page.tsx b/web/src/app/(main)/chat/page.tsx
index 3907a8b..179e021 100644
--- a/web/src/app/(main)/chat/page.tsx
+++ b/web/src/app/(main)/chat/page.tsx
@@ -566,7 +566,7 @@ function ConversationItem({
   return (
     <div
       className={cn(
-        "group flex items-center gap-1 rounded-md pr-1 transition-colors",
+        "group flex min-w-0 items-center gap-1 rounded-md pr-1 transition-colors",
         active ? "bg-accent text-accent-foreground" : "hover:bg-accent/50",
       )}
     >
@@ -591,9 +591,9 @@ function ConversationItem({
           className="min-w-0 flex-1 rounded-md px-2 py-1.5 text-left"
         >
           <div className="truncate text-sm">{conv.title || "新对话"}</div>
-          <div className="text-muted-foreground flex items-center gap-1 truncate text-[11px]">
+          <div className="text-muted-foreground flex min-w-0 items-center gap-1 text-[11px]">
             <Bot className="size-3 shrink-0" />
-            {agent?.name ?? conv.agent_key}
+            <span className="min-w-0 truncate">{agent?.name ?? conv.agent_key}</span>
             <span className="shrink-0">·</span>
             <span className="shrink-0">{new Date(conv.created_at).toLocaleDateString("zh-CN", { month: "numeric", day: "numeric", hour: "2-digit", minute: "2-digit" })}</span>
             <span className="shrink-0 opacity-60">#{conv.id}</span>
@@ -688,8 +688,8 @@ export default function ChatPage() {
               <PlusIcon /> 新建对话
             </Button>
           </div>
-          <ScrollArea type="auto" className="min-h-0 flex-1">
-            <div className="flex flex-col gap-0.5 p-2">
+          <ScrollArea type="auto" className="min-h-0 min-w-0 flex-1 [&_[data-slot=scroll-area-viewport]>div]:block!">
+            <div className="flex min-w-0 flex-col gap-0.5 p-2">
               {convs.length === 0 && (
                 <p className="text-muted-foreground px-2 py-6 text-center text-xs">暂无对话</p>
               )}