diff --git a/apps/web/src/workspace.tsx b/apps/web/src/workspace.tsx index 447145ad..a1e9733b 100644 --- a/apps/web/src/workspace.tsx +++ b/apps/web/src/workspace.tsx @@ -34,7 +34,7 @@ import type { export type Pane = "chat"; const CHAT_PANE = { - initial: 304, + initial: 364, max: 400, min: 304, storageKey: "chopin:pane:chat", diff --git a/e2e/conversation-plan-layout.e2e.ts b/e2e/conversation-plan-layout.e2e.ts index 19f342d0..3e27a689 100644 --- a/e2e/conversation-plan-layout.e2e.ts +++ b/e2e/conversation-plan-layout.e2e.ts @@ -11,15 +11,16 @@ function chatPane(page: Page) { return page.getByRole("complementary", { includeHidden: true, name: "Chat" }); } -test("desktop Chat sits before the document at its initial 304px width", async ({ join, page }) => { +test("desktop Chat retains its width and stays beside the document as the window grows", async ({ join, page }) => { await page.setViewportSize({ width: 1280, height: 800 }); await join("ana"); let chat = chatPane(page); let document = page.locator("main"); + let initialWidth = (await box(chat)).width; for (let width of [1280, 1440]) { await page.setViewportSize({ width, height: 800 }); - await expect.poll(async () => (await box(chat)).width).toBeCloseTo(304, 0); + await expect.poll(async () => (await box(chat)).width).toBeCloseTo(initialWidth, 0); let [chatBox, documentBox, frameBox] = await Promise.all([ box(chat), box(document), @@ -47,11 +48,11 @@ test("the Chat edge grows right, keeps its left-side reopen control, and remembe await page.mouse.move(dragX, dragY); await page.mouse.down(); - await page.mouse.move(dragX + 40, dragY, { + await page.mouse.move(dragX + 20, dragY, { steps: 4, }); await page.mouse.up(); - await expect.poll(async () => (await box(chat)).width).toBeGreaterThan(initial.width + 30); + await expect.poll(async () => (await box(chat)).width).toBeGreaterThan(initial.width + 10); expect((await box(chat)).x).toBeCloseTo(initial.x, 0); let pointerWidth = (await box(chat)).width; diff --git a/scripts/design-contract/exceptions/dynamic-web.json b/scripts/design-contract/exceptions/dynamic-web.json index 07142142..f153291b 100644 --- a/scripts/design-contract/exceptions/dynamic-web.json +++ b/scripts/design-contract/exceptions/dynamic-web.json @@ -214,7 +214,7 @@ 1 ] ], - "sourceHash": "5f41df3a09f1671ac41a3b0b70cd4416efecbcc76e7ed4a45d16b49b7e29c49d" + "sourceHash": "7b07be5a575fd36ebaac2f95b3f08258126e1efb2a2b3c48790502e63d382f7f" }, { "file": "apps/web/src/workspace.tsx", @@ -249,7 +249,7 @@ 2 ] ], - "sourceHash": "5f41df3a09f1671ac41a3b0b70cd4416efecbcc76e7ed4a45d16b49b7e29c49d" + "sourceHash": "7b07be5a575fd36ebaac2f95b3f08258126e1efb2a2b3c48790502e63d382f7f" }, { "file": "apps/web/src/navigation-dialog.tsx",