feat(web): W4-A wire console to real endpoints

- Agent page uses contracts (AgentRun/AgentRunDetail/AgentGoalReport) instead of a local
  mirror; ?mock=1 stays as an explicit demo switch; run snapshot refreshes on agent.run_status;
  stream auto-follow only while the user stays near the bottom (abort stays reachable)
- settings: Pi provider select incl. fake, new Agent runtime card (budgets, fakeScript)
- download trace uses /tasks?subjectId= and /organization-records?downloadTaskId= instead of
  time-window engine run matching and path matching; new business-task tab with cancel/retry
- workbench download dialog posts /acquisition-plans and shows per-slot rejection reasons
- preference tag revision history; subscription search by title/kind; identity/alias/subscription
  lists show entity titles; slot cards show current asset summary; policy preview sample titles
- DecisionSummary / IdentityRevisionList / ReleaseIdentityResult / TaskAccepted / PolicyPreviewSummary /
  OrganizePlanArtifactContent taken from contracts
- docs: SSE for console (cookie) vs GET /events?after=&limit= JSON replay for API keys

Co-Authored-By: Claude Opus 5.5 <[email protected]>

apps/web/app/components/agent/agent-run-panel.tsx

@@ -1,8 +1,11 @@
+import { useQueryClient } from "@tanstack/react-query";
+import { EventType } from "@umt/contracts";
 import { Send, Square } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
 import {
   type AgentMode,
+  agentKeys,
   agentMockEnabled,
   isRunActive,
   useAbortAgentRun,
@@ -15,6 +18,7 @@ import { StatusBadge } from "~/components/console/status-badge.tsx";
 import { Button } from "~/components/ui/button.tsx";
 import { Textarea } from "~/components/ui/textarea.tsx";
 import { errorMessage } from "~/lib/api.ts";
+import { useSse } from "~/lib/sse.ts";
 import { cn, formatDateTime } from "~/lib/utils.ts";
 import { AgentConversation, BudgetBar, FinalReport, RunStatusBadge } from "./agent-conversation.tsx";
 import { useAgentStream } from "./use-agent-stream.ts";
@@ -120,6 +124,16 @@ export function AgentRunPanel({ runId, compact = false }: { runId: string; compa
   const abort = useAbortAgentRun();
   const append = useAppendAgentMessage();
   const [msg, setMsg] = useState("");
+  const qc = useQueryClient();
+  // run 状态变化(queued → running → 终态)经 SSE 推送:到达即刷新快照,不等 3 秒轮询
+  useSse(
+    [EventType.agentRunStatus],
+    (e) => {
+      if ((e.payload as { runId?: string } | null)?.runId === runId)
+        void qc.invalidateQueries({ queryKey: agentKeys.run(runId) });
+    },
+    !agentMockEnabled(),
+  );
 
   if (run.isPending) return <LoadingState rows={4} />;
   if (run.error || !run.data) return <ErrorState plain error={run.error} onRetry={() => void run.refetch()} />;
@@ -129,7 +143,13 @@ export function AgentRunPanel({ runId, compact = false }: { runId: string; compa
   return (
     <div className="space-y-4">
       <div className="flex flex-wrap items-center gap-2">
-        <RunStatusBadge status={live.finished && isRunActive(r.status) ? "running" : r.status} />
+        <RunStatusBadge
+          status={
+            (live.finished && isRunActive(r.status)) || (r.status === "queued" && live.events.length > 0)
+              ? "running"
+              : r.status
+          }
+        />
         <span className="text-meta text-muted-foreground">
           {TRIGGER_LABEL[r.trigger]} · {formatDateTime(r.createdAt)}
           {r.model ? ` · ${r.provider ?? ""}/${r.model}` : ""}