feat(agent): support Responses steering and project-aware tools

Use the dedicated TJWATER_AGENT_URL and Responses stream protocol. Keep running
turns active while users steer or queue follow-ups and edit pending delivery.
Refresh the model catalog before generation and preserve approval mode selection.

Integrate scoped investigation messaging/presentation, geographic place selection,
current Agent composer styles and supporting workbench contracts.

Validation: 77 focused Vitest checks, 21 browser cases, lint, typecheck and
production build. Preserve direct Server/Agent routing and project authentication.

src/features/workbench/components/investigation-presentation-panel.tsx

@@ -0,0 +1,55 @@
+import { useState } from "react";
+import { Eye, EyeOff, LocateFixed, X } from "lucide-react";
+import { AgentChartView } from "@/features/agent";
+import { Button } from "@/shared/ui/button";
+import { Disclosure } from "@/shared/ui/disclosure";
+import type { OperationalTask } from "../api/operational-task-client";
+import type { InvestigationOverlay } from "../api/investigation-presentation";
+import type { InvestigationChart } from "../hooks/use-investigation-presentation";
+
+type Props = {
+  task: OperationalTask; charts: InvestigationChart[]; overlay: InvestigationOverlay | null;
+  cameraPaused: boolean; status: "connecting" | "live" | "disconnected" | "error"; error: string | null;
+  width: number; relatedLayers: Array<{ id: string; label: string; visible: boolean }>;
+  onResumeCamera: () => void; onCloseChart: (id: string) => void;
+  onToggleOverlay: () => void; onFitOverlay: () => void;
+  onToggleLayer: (id: string, visible: boolean) => void;
+};
+
+export function InvestigationPresentationPanel({ task, charts, overlay, cameraPaused, status, error, width, relatedLayers,
+  onResumeCamera, onCloseChart, onToggleOverlay, onFitOverlay, onToggleLayer }: Props) {
+  const [collapsed, setCollapsed] = useState(false);
+  const references = (ids: string[]) => <Disclosure label="查看依据" className="mt-2">
+    {ids.map((id) => <p key={id} className="py-1 text-xs leading-5 text-[var(--ink-muted)]">{task.evidence.find((item) => item.evidence_id === id)?.summary ?? `关联资料：${id}`}</p>)}
+  </Disclosure>;
+  return <aside aria-label="调查实时展示" data-testid="investigation-presentation-panel"
+    className="surface-reading pointer-events-auto absolute bottom-[calc(var(--workbench-timeline-height)+1.25rem)] left-3 z-40 max-h-[55dvh] overflow-y-auto rounded-xl border border-[var(--surface-divider)] p-3 text-[var(--ink)] shadow-xs"
+    style={{ width, maxWidth: "calc(100% - 24px)" }}>
+    <div className="flex flex-wrap items-center justify-between gap-2">
+      <p className="text-sm font-semibold">调查实时展示</p>
+      <Button variant="ghost" size="sm" onClick={() => setCollapsed(!collapsed)}>{collapsed ? "展开展示" : "收起展示"}</Button>
+    </div>
+    <p className="mt-1 text-xs text-[var(--ink-muted)]">{status === "connecting" ? "连接中" : status === "disconnected" ? "连接中断" : status === "error" ? "部分展示未完成" : "跟随所选调查"}</p>
+    {error ? <p role="status" className="mt-2 text-xs text-[var(--status-warning-foreground)]">{error}</p> : null}
+    {cameraPaused ? <div className="mt-2 flex flex-wrap items-center gap-2 text-xs"><span>镜头跟随已暂停</span><Button size="sm" variant="outline" onClick={onResumeCamera}>恢复跟随</Button></div> : null}
+    {!collapsed ? <>
+      {relatedLayers.length ? <div aria-label="调查相关图层" className="mt-2 flex flex-wrap gap-1">
+        {relatedLayers.map((layer) => <Button key={layer.id} variant="outline" size="sm" aria-pressed={layer.visible} onClick={() => onToggleLayer(layer.id, !layer.visible)}>{layer.visible ? <Eye size={14} aria-hidden /> : <EyeOff size={14} aria-hidden />}{layer.label}</Button>)}
+      </div> : null}
+      {overlay ? <section aria-label="调查覆盖层" className="mt-3 border-t border-[var(--surface-divider)] pt-3">
+        <p className="text-sm font-medium">{overlay.title}</p>
+        <p className="mt-1 text-xs text-[var(--ink-muted)]">{overlay.mode === "heatmap" ? "记录集中度，颜色不表示已确认影响范围" : "调查范围与关联空间资料"}</p>
+        <div className="mt-2 flex flex-wrap gap-2">
+          <Button size="sm" variant="outline" onClick={onToggleOverlay}>{overlay.visible ? "隐藏覆盖层" : "显示覆盖层"}</Button>
+          <Button size="sm" variant="outline" onClick={onFitOverlay}><LocateFixed size={14} aria-hidden />定位覆盖层</Button>
+        </div>
+        {references([overlay.evidence_id])}
+      </section> : null}
+      {charts.map((item) => <section key={item.chart_id} data-investigation-chart={item.chart_id} className="mt-3 border-t border-[var(--surface-divider)] pt-3">
+        <div className="mb-2 flex justify-end"><Button variant="ghost" size="icon" aria-label={`关闭图表 ${item.chart.title}`} onClick={() => onCloseChart(item.chart_id)}><X size={16} /></Button></div>
+        <AgentChartView chart={item.chart} />
+        {references(item.evidence_refs)}
+      </section>)}
+    </> : null}
+  </aside>;
+}