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/components/workbench-top-bar.tsx

@@ -138,26 +138,18 @@ export function WorkbenchTopBar({
         ) : null}
       </div>
 
-      <div className="flex shrink-0 items-center gap-1.5">
+      <div className="flex shrink-0 items-center gap-2">
         {devPanelEnabled ? (
           <div className="hidden lg:block">
             <button
               type="button"
               aria-label="切换地图 Dev Panel"
               aria-pressed={devPanelOpen}
+              data-selection-tone="soft"
               onClick={onToggleDevPanel}
-              className={cn(
-                "group px-2 active:scale-95",
-                headerControlButtonClassName,
-                devPanelOpen && "bg-blue-50/80 text-blue-700"
-              )}
+              className={cn("group px-2", headerControlButtonClassName)}
             >
-              <span
-                className={cn(
-                  headerControlIconClassName,
-                  devPanelOpen && "bg-blue-600/10 text-blue-700"
-                )}
-              >
+              <span className={headerControlIconClassName}>
                 <FlaskConical size={14} aria-hidden="true" />
               </span>
               <span className={compactHeaderTextClassName}>Dev</span>
@@ -210,15 +202,12 @@ function TaskTickerToggle({
       type="button"
       aria-label={visible ? "隐藏任务浮条" : "显示任务浮条"}
       aria-pressed={visible}
+      data-selection-tone="soft"
       title={visible ? "隐藏任务浮条" : "显示任务浮条"}
       onClick={onToggle}
-      className={cn(
-        "group px-2",
-        headerControlButtonClassName,
-        visible && "bg-blue-50/80 text-blue-700"
-      )}
+      className={cn("group px-2", headerControlButtonClassName)}
     >
-      <span className={cn(headerControlIconClassName, visible && "bg-blue-600/10 text-blue-700")}>
+      <span className={headerControlIconClassName}>
         <Icon size={14} aria-hidden="true" />
       </span>
       <span className={compactHeaderTextClassName}>任务浮条</span>
@@ -232,15 +221,12 @@ function ConditionFeedToggle({ visible, onToggle }: { visible: boolean; onToggle
       type="button"
       aria-label="工况任务"
       aria-pressed={visible}
+      data-selection-tone="soft"
       title="工况任务"
       onClick={onToggle}
-      className={cn(
-        "group px-2",
-        headerControlButtonClassName,
-        visible && "bg-blue-50/80 text-blue-700"
-      )}
+      className={cn("group px-2", headerControlButtonClassName)}
     >
-      <span className={cn(headerControlIconClassName, visible && "bg-blue-600/10 text-blue-700")}>
+      <span className={headerControlIconClassName}>
         <CalendarClock size={14} aria-hidden="true" />
       </span>
       <span className={compactHeaderTextClassName}>工况任务</span>