feat(workbench): dock task and chart workspaces

tests/browser/scheduled-condition-acrylic.e2e.ts

@@ -72,7 +72,7 @@ test("keeps the open scheduled report when the rolling history refreshes", async
   await expect(rows.filter({ hasText: reportTitle ?? "" })).toHaveCount(0);
 });
 
-test("scheduled conditions keep acrylic blur outside transformed ancestors", async ({ page }) => {
+test("collapsed conditions use acrylic and expand into the analysis workspace", async ({ page }) => {
   await page.goto("/", { waitUntil: "domcontentloaded" });
   await openConditionFeed(page);
 
@@ -84,15 +84,14 @@ test("scheduled conditions keep acrylic blur outside transformed ancestors", asy
   const timeline = panel.getByTestId("scheduled-condition-timeline");
   const detailViewport = panel.locator(".scheduled-feed-detail-viewport");
   const detailScroll = panel.getByTestId("scheduled-condition-detail-scroll");
-  const collapsedPanelBox = await panel.boundingBox();
   const collapsedTimelineBox = await timeline.boundingBox();
-  expect(collapsedPanelBox).not.toBeNull();
   expect(collapsedTimelineBox).not.toBeNull();
 
   await panel.getByRole("button", { name: "展开工况任务" }).click();
 
-  await expectAcrylicComposition(panel);
-  await expect(panel).toHaveCSS("width", "880px");
+  await expect(panel).toHaveAttribute("data-presentation", "workspace");
+  await expect(panel).toHaveCSS("backdrop-filter", "none");
+  await timeline.locator("button[data-condition-id]").first().click();
   const expandedPanelBox = await panel.boundingBox();
   const expandedTimelineBox = await timeline.boundingBox();
   const expandedDetailViewportBox = await detailViewport.boundingBox();
@@ -101,15 +100,9 @@ test("scheduled conditions keep acrylic blur outside transformed ancestors", asy
   expect(expandedTimelineBox).not.toBeNull();
   expect(expandedDetailViewportBox).not.toBeNull();
   expect(expandedDetailScrollBox).not.toBeNull();
-  expect(Math.round(expandedPanelBox!.x + expandedPanelBox!.width)).toBe(
-    Math.round(collapsedPanelBox!.x + collapsedPanelBox!.width)
-  );
   expect(Math.round(expandedTimelineBox!.width)).toBe(
     Math.round(collapsedTimelineBox!.width)
   );
-  expect(Math.round(expandedTimelineBox!.x + expandedTimelineBox!.width)).toBe(
-    Math.round(collapsedTimelineBox!.x + collapsedTimelineBox!.width)
-  );
   expect(expandedTimelineBox!.y + expandedTimelineBox!.height).toBeLessThanOrEqual(
     expandedPanelBox!.y + expandedPanelBox!.height - 12
   );
@@ -124,6 +117,7 @@ test("scheduled conditions keep acrylic blur outside transformed ancestors", asy
   );
   await expect(detailViewport).toHaveCSS("border-radius", "12px");
   const timelineScroll = timeline.locator(".scheduled-feed-scroll.flex-1");
+  await page.mouse.move(0, 0);
   expect(await readScrollbarPresentation(detailScroll)).toEqual(
     await readScrollbarPresentation(timelineScroll)
   );
@@ -165,8 +159,8 @@ test("narrow desktop keeps Agent and expanded conditions from overlapping", asyn
   await panel.getByRole("button", { name: "展开工况任务" }).focus();
   await page.keyboard.press("Enter");
   await expect(page.locator('aside[aria-label="Agent 折叠栏"]')).toBeVisible();
-  await expect.poll(async () => (await panel.boundingBox())?.width ?? 0).toBeGreaterThan(800);
-  await expect.poll(async () => (await panel.boundingBox())?.width ?? Infinity).toBeLessThanOrEqual(880);
+  await expect(panel).toHaveAttribute("data-presentation", "workspace");
+  await expect(panel).toHaveCSS("width", "1024px");
 
   const expandedConditionBox = await panel.boundingBox();
   const collapsedAgentBox = await page
@@ -175,8 +169,9 @@ test("narrow desktop keeps Agent and expanded conditions from overlapping", asyn
   expect(expandedConditionBox).not.toBeNull();
   expect(collapsedAgentBox).not.toBeNull();
   expect(
-    expandedConditionBox!.x - (collapsedAgentBox!.x + collapsedAgentBox!.width)
-  ).toBeGreaterThanOrEqual(24);
+    (await panel.getByRole("heading", { name: "工况任务", exact: true }).boundingBox())!.x
+      - (collapsedAgentBox!.x + collapsedAgentBox!.width)
+  ).toBeGreaterThanOrEqual(0);
 
   await panel.getByRole("button", { name: "收起工况任务" }).click();
   await expect(agentPanel).toBeVisible();
@@ -188,7 +183,8 @@ test("switching conditions keeps the detail viewport fully expanded", async ({ p
 
   const panel = page.getByRole("region", { name: "工况任务", exact: true });
   await panel.getByRole("button", { name: "展开工况任务" }).click();
-  await expect(panel).toHaveCSS("width", "880px");
+  await expect(panel).toHaveAttribute("data-presentation", "workspace");
+  await panel.getByTestId("scheduled-condition-timeline").getByRole("button", { name: /SCADA 数据诊断/ }).first().click();
 
   const detailScroll = panel.getByTestId("scheduled-condition-detail-scroll");
   const baselineHeight = await detailScroll.evaluate(