unchained/mission-control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(agent): Add linked board display for agent profile with conditional rendering

Browse Source
This commit is contained in:
Abhimanyu Saharan
2026-02-05 02:25:49 +05:30
parent 467f022534
commit af3c437c0a
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/app/agents/[agentId]/page.tsx
View File

@@ -101,6 +101,10 @@ export default function AgentDetailPage() {
if (!agent) return []; if (!agent) return [];
return events.filter((event) => event.agent_id === agent.id); return events.filter((event) => event.agent_id === agent.id);
}, [events, agent]); }, [events, agent]);
const linkedBoard = useMemo(() => {
if (!agent?.board_id) return null;
return boards.find((board) => board.id === agent.board_id) ?? null;
}, [boards, agent?.board_id]);
const loadAgent = async () => { const loadAgent = async () => {
if (!isSignedIn || !agentId) return; if (!isSignedIn || !agentId) return;
@@ -261,10 +265,16 @@ export default function AgentDetailPage() {
<p className="text-xs font-semibold uppercase tracking-[0.2em] text-quiet"> <p className="text-xs font-semibold uppercase tracking-[0.2em] text-quiet">
Board Board
</p> </p>
<p className="mt-1 text-sm text-strong"> {linkedBoard ? (
{boards.find((board) => board.id === agent.board_id)?.name ?? <Link
"—"} href={`/boards/${linkedBoard.id}`}
</p> className="mt-1 inline-flex text-sm font-medium text-[color:var(--accent)] transition hover:underline"
>
{linkedBoard.name}
</Link>
) : (
<p className="mt-1 text-sm text-strong">—</p>
)}
</div> </div>
<div> <div>
<p className="text-xs font-semibold uppercase tracking-[0.2em] text-quiet"> <p className="text-xs font-semibold uppercase tracking-[0.2em] text-quiet">