AI Agents
{#if loading}
Loading agents...
{:else}
{#each agents as agent} {@const agentExecs = getAgentExecutions(agent.id)} {@const runningExecs = agentExecs.filter(e => e.status === "running")} {@const completedExecs = agentExecs.filter(e => e.status === "completed")}
selectedAgent = selectedAgent?.id === agent.id ? null : agent} class="bg-white dark:bg-surface-800 rounded-lg p-4 border-2 transition-all text-left hover:shadow-lg {selectedAgent?.id === agent.id ? 'border-primary-500' : 'border-surface-200 dark:border-surface-700'}" >
{getAgentIcon(agent.id)}
{agent.name}
{agent.role}
{#if runningExecs.length > 0}
●
Working
{:else}
Idle
{/if}
Total Tasks
{agentExecs.length}
Completed
{completedExecs.length}
Capabilities:
{#each agent.capabilities.slice(0, 3) as capability}
{capability.replace(/_/g, ' ')}
{/each} {#if agent.capabilities.length > 3}
+{agent.capabilities.length - 3}
{/if}
{/each}
{selectedAgent ? `${selectedAgent.name} Execution Log` : "Recent Executions"}
{#each (selectedAgent ? getAgentExecutions(selectedAgent.id) : executions) as execution}
{getAgentIcon(execution.agent_id)}
Task #{execution.task_id}
{formatTimestamp(execution.started_at)}
{execution.status.replace(/_/g, ' ')}
{#if execution.output_result?.reasoning}
{execution.output_result.reasoning}
{/if} {#if execution.actions_proposed && execution.actions_proposed.length > 0}
Actions: {execution.actions_proposed.length} {#each execution.actions_proposed.slice(0, 2) as action}
{action.type}
{/each}
{/if} {#if execution.error_message}
Error: {execution.error_message}
{/if}
{:else}
No executions yet
{/each}
{/if}