ake/paperclip
1
0
Fork 0
mirror of https://github.com/alkimake/paperclip.git synced 2026-06-18 19:50:38 +09:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2650 from plind-dm/fix/paused-agent-visual-indicator

Browse source 
fix(ui): dim paused agents in list and org chart views
This commit is contained in:
Dotta 2026-04-06 08:53:34 -05:00 • committed by GitHub
commit 855d895a12
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

9
ui/src/pages/Agents.tsx
View file

@ -224,6 +224,7 @@ export function Agents() {
title={agent.name} title={agent.name}
subtitle={`${roleLabels[agent.role] ?? agent.role}${agent.title ? ` - ${agent.title}` : ""}`} subtitle={`${roleLabels[agent.role] ?? agent.role}${agent.title ? ` - ${agent.title}` : ""}`}
to={agentUrl(agent)} to={agentUrl(agent)}
className={agent.pausedAt && tab !== "paused" ? "opacity-50" : ""}
leading={ leading={
<span className="relative flex h-2.5 w-2.5"> <span className="relative flex h-2.5 w-2.5">
<span <span
@ -280,7 +281,7 @@ export function Agents() {
{effectiveView === "org" && filteredOrg.length > 0 && ( {effectiveView === "org" && filteredOrg.length > 0 && (
<div className="border border-border py-1"> <div className="border border-border py-1">
{filteredOrg.map((node) => ( {filteredOrg.map((node) => (
<OrgTreeNode key={node.id} node={node} depth={0} agentMap={agentMap} liveRunByAgent={liveRunByAgent} /> <OrgTreeNode key={node.id} node={node} depth={0} agentMap={agentMap} liveRunByAgent={liveRunByAgent} tab={tab} />
))} ))}
</div> </div>
)} )}
@ -305,11 +306,13 @@ function OrgTreeNode({
depth, depth,
agentMap, agentMap,
liveRunByAgent, liveRunByAgent,
tab,
}: { }: {
node: OrgNode; node: OrgNode;
depth: number; depth: number;
agentMap: Map<string, Agent>; agentMap: Map<string, Agent>;
liveRunByAgent: Map<string, { runId: string; liveCount: number }>; liveRunByAgent: Map<string, { runId: string; liveCount: number }>;
tab: FilterTab;
}) { }) {
const agent = agentMap.get(node.id); const agent = agentMap.get(node.id);
@ -319,7 +322,7 @@ function OrgTreeNode({
<div style={{ paddingLeft: depth * 24 }}> <div style={{ paddingLeft: depth * 24 }}>
<Link <Link
to={agent ? agentUrl(agent) : `/agents/${node.id}`} to={agent ? agentUrl(agent) : `/agents/${node.id}`}
className="flex items-center gap-3 px-3 py-2 hover:bg-accent/30 transition-colors w-full text-left no-underline text-inherit" className={cn("flex items-center gap-3 px-3 py-2 hover:bg-accent/30 transition-colors w-full text-left no-underline text-inherit", agent?.pausedAt && tab !== "paused" && "opacity-50")}
> >
<span className="relative flex h-2.5 w-2.5 shrink-0"> <span className="relative flex h-2.5 w-2.5 shrink-0">
<span className={`absolute inline-flex h-full w-full rounded-full ${statusColor}`} /> <span className={`absolute inline-flex h-full w-full rounded-full ${statusColor}`} />
@ -370,7 +373,7 @@ function OrgTreeNode({
{node.reports && node.reports.length > 0 && ( {node.reports && node.reports.length > 0 && (
<div className="border-l border-border/50 ml-4"> <div className="border-l border-border/50 ml-4">
{node.reports.map((child) => ( {node.reports.map((child) => (
<OrgTreeNode key={child.id} node={child} depth={depth + 1} agentMap={agentMap} liveRunByAgent={liveRunByAgent} /> <OrgTreeNode key={child.id} node={child} depth={depth + 1} agentMap={agentMap} liveRunByAgent={liveRunByAgent} tab={tab} />
))} ))}
</div> </div>
)} )}