Build out agent management UI: detail page, create dialog, list view

Add NewAgentDialog for creating agents with adapter config. Expand
AgentDetail page with tabbed view (overview, runs, config, logs),
run history timeline, and live status. Enhance Agents list page with
richer cards and filtering. Update AgentProperties panel, API client,
query keys, and utility helpers.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

ui/src/api/agents.ts

@@ -1,4 +1,4 @@
-import type { Agent, AgentKeyCreated, HeartbeatRun } from "@paperclip/shared";
+import type { Agent, AgentKeyCreated, AgentRuntimeState, HeartbeatRun } from "@paperclip/shared";
 import { api } from "./client";
 
 export interface OrgNode {
@@ -20,6 +20,8 @@ export const agentsApi = {
   resume: (id: string) => api.post<Agent>(`/agents/${id}/resume`, {}),
   terminate: (id: string) => api.post<Agent>(`/agents/${id}/terminate`, {}),
   createKey: (id: string, name: string) => api.post<AgentKeyCreated>(`/agents/${id}/keys`, { name }),
+  runtimeState: (id: string) => api.get<AgentRuntimeState>(`/agents/${id}/runtime-state`),
+  resetSession: (id: string) => api.post<void>(`/agents/${id}/runtime-state/reset-session`, {}),
   invoke: (id: string) => api.post<HeartbeatRun>(`/agents/${id}/heartbeat/invoke`, {}),
   wakeup: (
     id: string,

ui/src/api/heartbeats.ts

@@ -14,4 +14,5 @@ export const heartbeatsApi = {
     api.get<{ runId: string; store: string; logRef: string; content: string; nextOffset?: number }>(
       `/heartbeat-runs/${runId}/log?offset=${encodeURIComponent(String(offset))}&limitBytes=${encodeURIComponent(String(limitBytes))}`,
     ),
+  cancel: (runId: string) => api.post<void>(`/heartbeat-runs/${runId}/cancel`, {}),
 };