refactor: simplify workbench layout and browser tests

tests/browser/workbench-visual.e2e.ts

@@ -176,14 +176,17 @@ async function openWorkbench(page: Page) {
   await page.evaluate(async () => {
     await document.fonts.ready;
   });
-  await page.waitForTimeout(350);
+  await page.waitForFunction(() => Boolean(window.__waterNetworkMap?.getLayer("scada-hit")));
 }
 
 async function selectBasemap(page: Page, label: "浅色" | "影像") {
   await page.getByRole("button", { name: /图层：管理地图图层/ }).click();
   await page.getByRole("button", { name: label, exact: true }).click();
   await page.getByRole("button", { name: /图层：管理地图图层/ }).click();
-  await page.waitForTimeout(220);
+  await expect(page.locator("main")).toHaveAttribute(
+    "data-basemap-tone",
+    label === "影像" ? "satellite" : "light"
+  );
 }
 
 async function expectDesktopFloatingGeometry(page: Page) {
@@ -243,9 +246,7 @@ async function expectAcrylicAlphas(
   const alphas = await page.evaluate(() => {
     return {
       navigation: alphaOf(document.querySelector(".acrylic-navigation")),
-      agentPanel: alphaOf(
-        document.querySelector('aside[aria-label="Agent 命令面板"]')
-      ),
+      agentPanel: alphaOf(document.querySelector('aside[aria-label="Agent 命令面板"]')),
       conditionPanel: alphaOf(document.querySelector(".scheduled-feed-panel-shell")),
       control: alphaOf(document.querySelector(".acrylic-control"))
     };