From 0a33d99c2877d73d297d369b7f5395e2d5f73f90 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Tue, 24 Mar 2026 17:09:48 +0800
Subject: [PATCH] style: compact agent project pill

---
 app/canvas/[id]/page.tsx | 31 ++++++++-----------------------
 1 file changed, 8 insertions(+), 23 deletions(-)

diff --git a/app/canvas/[id]/page.tsx b/app/canvas/[id]/page.tsx
index 83cbec17e..b8834441f 100644
--- a/app/canvas/[id]/page.tsx
+++ b/app/canvas/[id]/page.tsx
@@ -1646,15 +1646,6 @@ export default function CanvasEditorPage({ params }: PageProps) {
   );
   const resolvedAgentProjectTitle =
     String(agentProjectTitle || "").trim() || "未命名生图项目";
-  const agentProjectStatusLabel = isAgentProjectLoading
-    ? hasActiveAgentProject
-      ? "项目加载中..."
-      : "正在创建新项目..."
-    : isAgentProjectSaving
-      ? "自动保存中..."
-      : hasActiveAgentProject
-        ? "已自动保存"
-        : "准备创建项目...";
 
   if (isLoading) {
     return (
@@ -1703,21 +1694,15 @@ export default function CanvasEditorPage({ params }: PageProps) {
 
   const agentProjectNavSlot = isAgentMode ? (
     <div className="flex items-center gap-2">
-      <div className="hidden min-w-0 max-w-[280px] flex-col rounded-[18px] border border-white/10 bg-white/[0.03] px-3 py-2 sm:flex">
-        <div className="text-[10px] font-medium uppercase tracking-[0.18em] text-white/35">
-          当前项目
-        </div>
-        <div className="truncate text-sm font-semibold text-white">
+      <div className="hidden h-9 min-w-0 max-w-[180px] items-center gap-2 rounded-[12px] border border-white/10 bg-white/[0.03] px-2.5 sm:flex">
+        {isAgentProjectLoading || isAgentProjectSaving ? (
+          <Loader2 className="h-3.5 w-3.5 shrink-0 animate-spin text-emerald-300" />
+        ) : (
+          <span className="h-2 w-2 shrink-0 rounded-full bg-emerald-400 shadow-[0_0_0_3px_rgba(16,185,129,0.12)]" />
+        )}
+        <span className="truncate text-[13px] font-medium text-white" title={resolvedAgentProjectTitle}>
           {resolvedAgentProjectTitle}
-        </div>
-        <div className="mt-1 flex items-center gap-1.5 text-xs text-white/52">
-          {isAgentProjectLoading || isAgentProjectSaving ? (
-            <Loader2 className="h-3.5 w-3.5 animate-spin text-emerald-300" />
-          ) : (
-            <span className="h-2 w-2 rounded-full bg-emerald-400 shadow-[0_0_0_4px_rgba(16,185,129,0.14)]" />
-          )}
-          <span>{agentProjectStatusLabel}</span>
-        </div>
+        </span>
       </div>
 
       <DropdownMenu>