UI: Identity component, LiveRunWidget, issue identifiers, and UX improvements

Add Identity component (avatar + name) used across agent/issue displays. Add
LiveRunWidget for real-time streaming of active heartbeat runs on issue detail
pages via WebSocket. Display issue identifiers (PAP-42) instead of UUID
fragments throughout Issues, Inbox, CommandPalette, and detail pages.
Enhance CommentThread with re-open checkbox, Cmd+Enter submit, sorted display,
and run linking. Improve Activity page with richer formatting and filtering.
Update Dashboard with live metrics. Add reports-to agent link in AgentProperties.
Various small fixes: StatusIcon centering, CopyText ref init, agent detail
run-issue cross-links.

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

ui/src/api/activity.ts

@@ -1,6 +1,26 @@
 import type { ActivityEvent } from "@paperclip/shared";
 import { api } from "./client";
 
+export interface RunForIssue {
+  runId: string;
+  status: string;
+  agentId: string;
+  startedAt: string | null;
+  finishedAt: string | null;
+  createdAt: string;
+  invocationSource: string;
+}
+
+export interface IssueForRun {
+  issueId: string;
+  title: string;
+  status: string;
+  priority: string;
+}
+
 export const activityApi = {
   list: (companyId: string) => api.get<ActivityEvent[]>(`/companies/${companyId}/activity`),
+  forIssue: (issueId: string) => api.get<ActivityEvent[]>(`/issues/${issueId}/activity`),
+  runsForIssue: (issueId: string) => api.get<RunForIssue[]>(`/issues/${issueId}/runs`),
+  issuesForRun: (runId: string) => api.get<IssueForRun[]>(`/heartbeat-runs/${runId}/issues`),
 };