fix(workbench): refine agent dock and smooth map resizing

Unify dock surfaces, headers and dividers, and remove the visible context strip.
Limit pointer resizing to 400-640px and reveal the edge grip on hover.
Resize and redraw the map in the same layout cycle to prevent blanking and lag.
Preserve horizontal centering during conversation control press feedback.

Validation: isolated lint, typecheck, 21 focused unit tests, and 10 relevant
browser checks passed. Snapshot baselines regenerated from the isolated change.
The existing mobile alert summary test also fails on unchanged HEAD because
the expected demo alert source is unavailable in this environment.

tests/browser/agent-streaming-stability.e2e.ts

@@ -311,7 +311,7 @@ test("stream completion and the plan card remain positionally stable", async ({
   await sendButton.click();
   const userMessage = page.locator(".agent-panel-user-message");
   const assistantMessage = page.locator(".agent-panel-message").first();
-  await expect(userMessage).toHaveCSS("background-color", "rgba(224, 229, 249, 0.92)");
+  await expect(userMessage).toHaveCSS("background-color", "oklch(0.965 0.018 255)");
   expect(
     await userMessage.evaluate((element) => getComputedStyle(element).backgroundColor)
   ).not.toBe(
@@ -319,7 +319,7 @@ test("stream completion and the plan card remain positionally stable", async ({
   );
   await expect
     .poll(() => userMessage.evaluate((element) => getComputedStyle(element).boxShadow))
-    .not.toBe("none");
+    .toBe("none");
   await expect
     .poll(() => assistantMessage.evaluate((element) => getComputedStyle(element).boxShadow))
     .toBe(await userMessage.evaluate((element) => getComputedStyle(element).boxShadow));
@@ -331,7 +331,7 @@ test("stream completion and the plan card remain positionally stable", async ({
   await expect(operationalBrief.getByRole("button", { name: "预览影响" })).toBeDisabled();
   await expect(operationalBrief.getByRole("button", { name: "检查证据" })).toBeDisabled();
   await expect(operationalBrief).toHaveCSS("position", "static");
-  await expect(operationalBrief).toHaveCSS("border-radius", "16px");
+  await expect(operationalBrief).toHaveCSS("border-radius", "12px");
   // Desktop uses an inline brief above the conversation, not the legacy floating overlay.
   await expect(page.locator(".agent-panel-shell")).toHaveClass(/surface-dock/);
   await expect(page.locator(".agent-panel-operational-float")).toHaveCount(0);
@@ -478,7 +478,14 @@ test("stream completion and the plan card remain positionally stable", async ({
   await expect(
     expandedLiveProgress.getByText("正在核对用水过程与供水分区响应关系", { exact: true })
   ).toHaveCSS("white-space", "normal");
+  await expandedLiveProgress.evaluate(async (element) => {
+    const animations = element
+      .getAnimations({ subtree: true })
+      .filter((animation) => animation.effect?.getTiming().iterations !== Infinity);
+    await Promise.all(animations.map((animation) => animation.finished.catch(() => undefined)));
+  });
   await progressToggle.click();
+  await expect(progressToggle).toHaveAttribute("data-state", "closed");
   await expect(page.getByRole("list", { name: "最近执行进度" }).locator("li")).toHaveCount(3);
 
   triggerProgressFailure();
@@ -603,7 +610,15 @@ test("stream completion and the plan card remain positionally stable", async ({
   await page.mouse.wheel(0, -2400);
   const scrollToLatestButton = page.getByRole("button", { name: "滚动到最新消息" });
   await expect(scrollToLatestButton).toBeVisible();
-  await expect(scrollToLatestButton).toHaveCSS("background-color", "rgba(255, 255, 255, 0.86)");
+  const scrollButtonBox = (await scrollToLatestButton.boundingBox())!;
+  await page.mouse.move(scrollButtonBox.x + scrollButtonBox.width / 2, scrollButtonBox.y + scrollButtonBox.height / 2);
+  await page.mouse.down();
+  const pressedScrollButtonBox = (await scrollToLatestButton.boundingBox())!;
+  expect(pressedScrollButtonBox.x).toBe(scrollButtonBox.x);
+  expect(pressedScrollButtonBox.y).toBe(scrollButtonBox.y + 1);
+  await page.mouse.move(scrollButtonBox.x - 20, scrollButtonBox.y);
+  await page.mouse.up();
+  await expect(scrollToLatestButton).toHaveCSS("background-color", "rgba(255, 255, 255, 0.94)");
   await expect
     .poll(() =>
       scrollToLatestButton.evaluate((element) => getComputedStyle(element).backdropFilter)
@@ -693,10 +708,12 @@ test("stream completion and the plan card remain positionally stable", async ({
   expect(speechSelectionIconMotion.ySpread).toBeLessThanOrEqual(0.1);
   const speechSelectionButton = page.getByRole("button", { name: "从这里开始朗读" });
   await expect(speechSelectionButton).toBeVisible();
+  await expect(speechSelectionButton).toHaveAttribute("data-agent-presentation", "desktop-dock");
   await expect(speechSelectionButton).toHaveCSS("border-top-width", "0px");
   expect(await speechSelectionButton.evaluate(readAcrylicMaterial)).toEqual(
     await scrollToLatestButton.evaluate(readAcrylicMaterial)
   );
+  await page.screenshot({ path: "test-results/agent-history-ui/desktop-conversation.png" });
 });
 
 function createLongMarkdownResponse() {