From 1c7b81830e03940676bcb2e222f1212b82f2273b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=B7=E7=94=B5=E8=8A=BD=E8=A1=A3?=
 <zhangyanghaha0407@outlook.com>
Date: Fri, 29 May 2026 20:42:49 -0400
Subject: [PATCH] Declutter the task card and show all hired agents in the org
 chart

---
 AgentCompany-New/src/renderer/src/pages/TeamPage.tsx |  2 +-
 AgentCompany-New/src/renderer/src/pages/WorkPage.tsx | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/AgentCompany-New/src/renderer/src/pages/TeamPage.tsx b/AgentCompany-New/src/renderer/src/pages/TeamPage.tsx
index 824010c3..28994b0a 100644
--- a/AgentCompany-New/src/renderer/src/pages/TeamPage.tsx
+++ b/AgentCompany-New/src/renderer/src/pages/TeamPage.tsx
@@ -98,7 +98,7 @@ export function TeamPage({ snapshot, actions }: PageProps) {
             justifyContent: "center",
           }}
         >
-          {agents.slice(0, 4).map((agent) => (
+          {agents.map((agent) => (
             <OrgCard key={agent.id} name={agent.name} role={agent.role} />
           ))}
         </div>
diff --git a/AgentCompany-New/src/renderer/src/pages/WorkPage.tsx b/AgentCompany-New/src/renderer/src/pages/WorkPage.tsx
index 2be4392c..492b04be 100644
--- a/AgentCompany-New/src/renderer/src/pages/WorkPage.tsx
+++ b/AgentCompany-New/src/renderer/src/pages/WorkPage.tsx
@@ -399,14 +399,13 @@ function TaskCard({
         </div>
       </div>
       <div className="row" style={{ flexWrap: "wrap", gap: 6 }}>
-        {project ? <Pill>{project.name}</Pill> : <Pill>{capitalize(task.risk)}</Pill>}
-        {goal && <Pill tone="violet">{truncate(goal.title, 20)}</Pill>}
-        {workspace && <Pill>{workspace.name}</Pill>}
-        {task.requiresFilesystem && <Pill>workspace</Pill>}
+        {project ? <Pill>{truncate(project.name, 22)}</Pill> : <Pill>{capitalize(task.risk)}</Pill>}
+        {goal && <Pill tone="violet">{truncate(goal.title, 18)}</Pill>}
+        {workspace && <Pill>{truncate(workspace.name, 18)}</Pill>}
         {latestRun && <Pill tone={runTone(latestRun.state)}>{prettyRunState(latestRun.state)}</Pill>}
-        <div style={{ marginLeft: "auto", display: "flex", gap: 6, alignItems: "center" }} onClick={(event) => event.stopPropagation()}>
+        <div style={{ marginLeft: "auto", display: "flex", gap: 8, alignItems: "center" }} onClick={(event) => event.stopPropagation()}>
           {assignee && <Avatar name={assignee.name} size="sm" bot />}
-          {assignee && <IconButton icon="send" label={`Run ${task.title}`} onClick={onRun} disabled={!canRun(provider)} />}
+          {assignee && <IconButton icon="send" label={canRun(provider) ? `Run ${task.title}` : "Connect a provider to run"} onClick={onRun} disabled={!canRun(provider)} />}
           {nextStatus(task.status) && <IconButton icon="check" label="Advance" onClick={onAdvance} />}
         </div>
       </div>