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>

.claude/skills/design-guide/references/component-index.md

@@ -139,6 +139,20 @@ Always use in a responsive grid: `grid md:grid-cols-2 xl:grid-cols-4 gap-4`.
 <FilterBar filters={filters} onRemove={handleRemove} onClear={() => setFilters([])} />
 ```
 
+### Identity
+
+**File:** `Identity.tsx`
+**Props:** `name: string`, `avatarUrl?: string`, `initials?: string`, `size?: "sm" | "default" | "lg"`
+**Usage:** Avatar + name display for users and agents. Derives initials from name automatically. Three sizes matching Avatar sizes.
+
+```tsx
+<Identity name="Agent Alpha" size="sm" />
+<Identity name="CEO Agent" />
+<Identity name="Backend Service" size="lg" avatarUrl="/img/bot.png" />
+```
+
+Use in property rows, comment headers, assignee displays, and anywhere a user/agent reference is shown.
+
 ### InlineEditor
 
 **File:** `InlineEditor.tsx`