mikkel/nexus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Project and Agent columns to routines table

Browse source 
Add two new columns to the routines index table:
- Project column with a colored dot matching the project color
- Agent column with the agent icon and name

Moves the project info out of the Name cell subtitle into its own
dedicated column for better scannability.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
dotta 2026-03-19 12:12:19 -05:00
parent 54dd8f7ac8
commit efbcce27e4
1 changed files with 36 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
ui/src/pages/Routines.tsx
View file

@ -522,6 +522,8 @@ export function Routines() {
<thead className="bg-muted/30"> <thead className="bg-muted/30">
<tr className="text-left text-xs uppercase tracking-[0.16em] text-muted-foreground"> <tr className="text-left text-xs uppercase tracking-[0.16em] text-muted-foreground">
<th className="px-4 py-3 font-medium">Name</th> <th className="px-4 py-3 font-medium">Name</th>
<th className="px-4 py-3 font-medium">Project</th>
<th className="px-4 py-3 font-medium">Agent</th>
<th className="px-4 py-3 font-medium">Last run</th> <th className="px-4 py-3 font-medium">Last run</th>
<th className="px-4 py-3 font-medium">Enabled</th> <th className="px-4 py-3 font-medium">Enabled</th>
<th className="w-12 px-4 py-3" /> <th className="w-12 px-4 py-3" />
@ -535,16 +537,45 @@ export function Routines() {
return ( return (
<tr key={routine.id} className="align-middle"> <tr key={routine.id} className="align-middle">
<td className="px-4 py-3"> <td className="px-4 py-3">
<div className="min-w-[240px]"> <div className="min-w-[180px]">
<Link to={`/routines/${routine.id}`} className="font-medium hover:underline"> <Link to={`/routines/${routine.id}`} className="font-medium hover:underline">
{routine.title} {routine.title}
</Link> </Link>
<div className="mt-1 text-xs text-muted-foreground"> {(isArchived || routine.status === "paused") && (
{routine.projectId ? `${projectById.get(routine.projectId)?.name ?? "Unknown project"}` : "No project"} <div className="mt-1 text-xs text-muted-foreground">
{isArchived ? " · archived" : routine.status === "paused" ? " · paused" : ""} {isArchived ? "archived" : "paused"}
</div> </div>
)}
</div> </div>
</td> </td>
<td className="px-4 py-3">
{routine.projectId ? (
<div className="flex items-center gap-2 text-sm text-muted-foreground">
<span
className="shrink-0 h-3 w-3 rounded-sm"
style={{ backgroundColor: projectById.get(routine.projectId)?.color ?? "#6366f1" }}
/>
<span className="truncate">{projectById.get(routine.projectId)?.name ?? "Unknown"}</span>
</div>
) : (
<span className="text-xs text-muted-foreground">—</span>
)}
</td>
<td className="px-4 py-3">
{routine.assigneeAgentId ? (() => {
const agent = agentById.get(routine.assigneeAgentId);
return agent ? (
<div className="flex items-center gap-2 text-sm text-muted-foreground">
<AgentIcon icon={agent.icon} className="h-4 w-4 shrink-0" />
<span className="truncate">{agent.name}</span>
</div>
) : (
<span className="text-xs text-muted-foreground">Unknown</span>
);
})() : (
<span className="text-xs text-muted-foreground">—</span>
)}
</td>
<td className="px-4 py-3 text-muted-foreground"> <td className="px-4 py-3 text-muted-foreground">
<div>{formatLastRunTimestamp(routine.lastRun?.triggeredAt)}</div> <div>{formatLastRunTimestamp(routine.lastRun?.triggeredAt)}</div>
{routine.lastRun ? ( {routine.lastRun ? (