style: compact agent project pill
Some checks failed
Lint / build (20) (push) Has been cancelled
Playwright Tests / test (push) Has been cancelled

This commit is contained in:
Your Name 2026-03-24 17:09:48 +08:00
parent 817309ade9
commit 0a33d99c28

View File

@ -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>