feat: refine workbench visuals and map controls

Unify the Agent history extension with the header acrylic surface, preserve the full conversation body, and consolidate shared control and status styling.

Restore map flow and SCADA controller behavior, remove obsolete rendering paths, and extend regression coverage. Button press coverage now releases outside the target so state assertions cannot accidentally toggle the control.

src/features/workbench/hooks/use-workbench-agent.ts

@@ -13,10 +13,12 @@ import {
   createAgentApiClient,
   fetchAgentBootstrap,
   fetchAgentSessions,
+  hasPendingAgentInput,
   isUiEnvelopeAllowed,
   parseUiEnvelopePayload,
   type AgentApprovalMode,
   type AgentChatMessage,
+  type AgentConnectionStatus,
   type AgentModelOption,
   type AgentPermissionReply,
   type AgentPermissionRequest,
@@ -45,8 +47,6 @@ import {
 
 const AGENT_PANEL_COLLAPSE_MS = 180;
 
-type AgentRuntimeAvailability = "connecting" | "connected" | "unavailable" | "failed";
-
 type UseWorkbenchAgentOptions = {
   onUiEnvelope: (payload: UIEnvelopePayload, sessionId: string) => Promise<void> | void;
   onFrontendAction: (request: FrontendActionRequest, signal: AbortSignal) => Promise<unknown>;
@@ -71,7 +71,8 @@ export function useWorkbenchAgent({ onUiEnvelope, onFrontendAction }: UseWorkben
   const [registry, setRegistry] = useState<UIRegistry | null>(null);
   const [sessionTitle, setSessionTitle] = useState("新对话");
   const [statusLabel, setStatusLabel] = useState("Agent 后端连接中");
-  const [runtimeAvailability, setRuntimeAvailability] = useState<AgentRuntimeAvailability>("connecting");
+  const [connectionStatus, setConnectionStatus] =
+    useState<AgentConnectionStatus>("connecting");
   const [resumedStreaming, setResumedStreaming] = useState(false);
   const [modelOptions, setModelOptions] = useState<AgentModelOption[]>([]);
   const [selectedModel, setSelectedModel] = useState("");
@@ -140,6 +141,7 @@ export function useWorkbenchAgent({ onUiEnvelope, onFrontendAction }: UseWorkben
 
   const handleDataPart = useCallback(
     (part: AgentDataPart) => {
+      setConnectionStatus("online");
       const eventSessionId = getDataString(part.data, "session_id");
       if (eventSessionId && sessionIdRef.current && eventSessionId !== sessionIdRef.current) {
         return;
@@ -226,7 +228,7 @@ export function useWorkbenchAgent({ onUiEnvelope, onFrontendAction }: UseWorkben
     onData: (part) => handleDataPart(part as AgentDataPart),
     onError: (error) => {
       markLastAssistantStreamDone(chatRef.current.messages, setStreamRenderState);
-      setRuntimeAvailability("failed");
+      setConnectionStatus("offline");
       setStatusLabel("Agent 后端请求失败");
       showMapNotice({
         id: "agent-stream-status",
@@ -237,6 +239,7 @@ export function useWorkbenchAgent({ onUiEnvelope, onFrontendAction }: UseWorkben
     },
     onFinish: () => {
       markLastAssistantStreamDone(chatRef.current.messages, setStreamRenderState);
+      setConnectionStatus("online");
       setStatusLabel("Agent 分析完成");
     }
   });
@@ -303,7 +306,7 @@ export function useWorkbenchAgent({ onUiEnvelope, onFrontendAction }: UseWorkben
     setModelOptions(backendConnection.models);
     setSelectedModel((current) => current || backendConnection.defaultModel || backendConnection.models[0]?.id || "");
     if (chatRef.current.status === "ready") {
-      setRuntimeAvailability("connected");
+      setConnectionStatus("online");
       setStatusLabel("准备就绪");
     }
   }, [backendConnection]);
@@ -313,7 +316,7 @@ export function useWorkbenchAgent({ onUiEnvelope, onFrontendAction }: UseWorkben
       return;
     }
 
-    setRuntimeAvailability("unavailable");
+    setConnectionStatus("offline");
     setStatusLabel("Agent 后端不可用");
   }, [backendConnectionError]);
 
@@ -371,10 +374,9 @@ export function useWorkbenchAgent({ onUiEnvelope, onFrontendAction }: UseWorkben
   const personaState = useMemo(
     () => deriveAgentPersonaState(messages, {
       chatStatus: chat.status,
-      runtimeAvailability,
-      statusLabel
+      connectionStatus
     }),
-    [chat.status, messages, runtimeAvailability, statusLabel]
+    [chat.status, connectionStatus, messages]
   );
 
   const refreshSessionHistory = useCallback(async () => {
@@ -478,7 +480,7 @@ export function useWorkbenchAgent({ onUiEnvelope, onFrontendAction }: UseWorkben
         })
         .catch((error) => {
           if (!controller.signal.aborted) {
-            setRuntimeAvailability("failed");
+            setConnectionStatus("offline");
             setStatusLabel("Agent 会话流恢复失败");
             showMapNotice({
               id: "agent-stream-status",
@@ -589,7 +591,7 @@ export function useWorkbenchAgent({ onUiEnvelope, onFrontendAction }: UseWorkben
       clearSessionId();
       setSessionTitle("新对话");
       setStatusLabel(nextStatusLabel);
-      setRuntimeAvailability("connected");
+      setConnectionStatus("online");
       setPermissionOverrides({});
       setQuestionOverrides({});
       setStreamRenderState({});
@@ -793,6 +795,7 @@ export function useWorkbenchAgent({ onUiEnvelope, onFrontendAction }: UseWorkben
     modelOptions,
     openMobilePanel,
     closeMobilePanel,
+    connectionStatus,
     panelCollapsing,
     panelOpen,
     personaState,
@@ -824,23 +827,17 @@ function deriveAgentPersonaState(
   messages: AgentChatMessage[],
   {
     chatStatus,
-    runtimeAvailability,
-    statusLabel
+    connectionStatus
   }: {
     chatStatus: string;
-    runtimeAvailability: AgentRuntimeAvailability;
-    statusLabel: string;
+    connectionStatus: AgentConnectionStatus;
   }
 ): PersonaState {
-  if (
-    runtimeAvailability === "unavailable" ||
-    runtimeAvailability === "failed" ||
-    /失败|不可用|错误|降级/.test(statusLabel)
-  ) {
+  if (connectionStatus === "offline") {
     return "asleep";
   }
 
-  if (hasPendingOperatorInput(messages)) {
+  if (hasPendingAgentInput(messages)) {
     return "listening";
   }
 
@@ -848,7 +845,7 @@ function deriveAgentPersonaState(
     chatStatus === "submitted" ||
     chatStatus === "streaming" ||
     hasRunningSessionWork(messages) ||
-    runtimeAvailability === "connecting"
+    connectionStatus === "connecting"
   ) {
     return "thinking";
   }
@@ -856,14 +853,6 @@ function deriveAgentPersonaState(
   return "idle";
 }
 
-function hasPendingOperatorInput(messages: AgentChatMessage[]) {
-  return messages.some(
-    (message) =>
-      message.permissions?.some((permission) => permission.status === "pending" || permission.status === "error") ||
-      message.questions?.some((question) => question.status === "pending" || question.status === "error")
-  );
-}
-
 function hasRunningSessionWork(messages: AgentChatMessage[]) {
   const latestProgress = messages.flatMap((message) => message.progress ?? []).at(-1);
   const latestTodo = messages.flatMap((message) => message.todos?.todos ?? []).at(-1);