[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_228":-5,"_231":232,"_233":234},"routes/shell",{"_41":42,"_227":-5,"_228":-5,"_229":230},"routes/repo",{"_34":-7,"_35":36,"_37":38,"_39":40,"_41":42,"_43":32,"_44":32,"_45":32,"_46":32,"_47":32,"_48":32,"_49":50,"_51":50,"_52":32,"_53":-7,"_54":-7,"_55":56,"_57":58,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-5,"_26":27,"_28":29,"_29":30,"_31":32,"_33":14},"ref","main","path","e2e/sidecar.e2e.ts","oid","0fbaf9b4d8eab77ee0a6deb418e831a7373a4a22","size",58567,"commit","2182c95de44a8f63fd86af1c5874ae0ca298f807","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { chatInput, expectChatValue } from \"./chat-input\";\n/**\n * Questionnaires and comment threads, without an agent.\n *\n * `DEV_QUESTIONS` and `DEV_COMMENTS` exist so that the whole question and\n * passage path can be exercised by a room opening rather than by a model\n * deciding to ask something. They are read from the environment on every room\n * open, so this file runs against a second server — one with them on would put\n * a question and a thread into every other suite's room.\n *\n * A comment needs prose to mark, and a new room seeds from nothing, so every\n * test here writes the plan before anybody opens it.\n */\n\nimport { authenticate, content, expect, ready, roomPath, test } from \"./room\";\nimport { storedQuestion } from \"../apps/server/src/testing/plan\";\n\nimport type { Locator, Page } from \"@playwright/test\";\n\n/** Long enough to be marked: the injector wants twenty characters. */\nconst PROSE = \"Room state lives on disk as MDX beside the transcript.\\n\";\nconst TWO_BLOCKS = `${PROSE}\\nA second block remains after the marked passage.\\n`;\nconst TALL_PASSAGE = `${\n\tArray.from({ length: 160 }, () => \"A selected passage keeps going.\").join(\" \")\n}\\n`;\nconst LONG_PLAN = Array.from({ length: 80 }, (_, index) => `Paragraph ${index + 1}.`).join(\"\\n\\n\");\nconst WIDGET = \"01K0N4TR8K7JGM4R1J7PW4R8YJ\";\nconst QUESTION = \"01K0N4V4E7Y6P4MJ5WD8XZF3B2\";\nconst OPTION = \"01K0N4W3B7P27CBAEC7A8C8WEA\";\nconst SECOND_QUESTION = \"01K0N4W3B7P27CBAEC7A8C8WEB\";\nconst SECOND_OPTION = \"01K0N4W3B7P27CBAEC7A8C8WEC\";\nconst ANCHORED_DEFINITION = {\n\tquestions: [{\n\t\tid: QUESTION,\n\t\theader: \"Rollout\",\n\t\tquestion: \"How should we deploy?\",\n\t\tmultiple: false,\n\t\toptions: [{ id: OPTION, label: \"Canary\", description: \"\" }],\n\t}],\n};\n\nfunction editorIsModalBackground(page: Page): Promise {\n\treturn page.locator('[aria-label=\"editable markdown\"]').evaluate(element =>\n\t\t!!element.closest('[inert], [aria-hidden=\"true\"]')\n\t);\n}\nconst ANCHORED = `Anchored paragraph.\n\n\n`;\nconst ANCHORED_DIGEST = \"sha256:3ccc3e648811df8180799f8b012c6934bcf44a306f5eb8b8c9d2676b0493ccf4\";\nconst MULTI_QUESTIONNAIRE = `Multi-step decision.\n\n\n`;\n\n/** What the injector will quote: the first forty-eight characters. */\nconst QUOTED = \"Room state lives on disk as MDX beside the trans\";\n\nfunction questionnaire(page: import(\"@playwright/test\").Page) {\n\treturn page.locator('[data-document-view=\"decisions\"] article[data-plan-sidecar-questionnaire]');\n}\n\nfunction documentEditor(page: Page) {\n\treturn page.locator('[data-document-view=\"plan\"]')\n\t\t.getByRole(\"textbox\", { includeHidden: true, name: \"editable markdown\" });\n}\n\nfunction commentButton(page: import(\"@playwright/test\").Page) {\n\treturn page.getByRole(\"button\", { name: /Comment on “/ });\n}\n\ntest(\"the desktop document view switches through its segmented control\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\tlet control = page.getByRole(\"group\", { name: \"Document view\" });\n\tlet plan = control.getByRole(\"button\", { name: \"Document\", exact: true });\n\tlet decisions = control.getByRole(\"button\", { name: /^Decisions, 2 unanswered$/ });\n\n\tawait expect(control).toBeVisible();\n\tawait expect(plan).toHaveAttribute(\"aria-pressed\", \"true\");\n\tawait expect(decisions).toHaveAttribute(\"aria-pressed\", \"false\");\n\n\tawait decisions.click();\n\tawait expect(page.locator('[data-document-view=\"decisions\"]')).toBeVisible();\n\tawait expect(decisions).toHaveAttribute(\"aria-pressed\", \"true\");\n\tawait plan.click();\n\tawait expect(page.locator('[data-document-view=\"plan\"]')).toBeVisible();\n\tawait expect(plan).toHaveAttribute(\"aria-pressed\", \"true\");\n});\n\ntest(\"question step swaps overlap only for pointer input\", async ({ join, seed }) => {\n\tawait seed(MULTI_QUESTIONNAIRE);\n\tlet page = await join(\"ana\");\n\tlet card = page.locator(\n\t\t`[data-document-view=\"plan\"] article[data-plan-sidecar-questionnaire=\"${WIDGET}\"]`,\n\t);\n\tlet stack = card.locator(\"[data-question-step-swap]\");\n\tlet visible = stack.locator(\":scope > [data-content-swap-state]:not([hidden])\");\n\tlet outgoing = stack.locator(\n\t\t':scope > [data-content-swap-state=\"outgoing\"]:not([hidden])',\n\t);\n\tlet next = card.getByRole(\"button\", { name: \"Next question\" });\n\tlet previous = card.getByRole(\"button\", { name: \"Previous question\" });\n\tlet count = card.getByText(\"2/2\");\n\n\tawait next.click();\n\tawait expect(visible).toHaveCount(2);\n\tawait expect(stack.locator(\":scope > [data-content-swap-state]:not([hidden]):not([inert])\"))\n\t\t.toHaveCount(1);\n\tawait expect(outgoing).toHaveCount(1);\n\tawait expect(outgoing).toHaveAttribute(\"aria-hidden\", \"true\");\n\tawait expect(outgoing).toHaveAttribute(\"inert\", \"\");\n\tlet accessibility = await card.evaluate(root => {\n\t\tlet ids = [...root.querySelectorAll(\"[id]\")].map(element => element.id);\n\t\tlet counts = new Map();\n\t\tfor (let id of ids) counts.set(id, (counts.get(id) ?? 0) + 1);\n\t\tlet duplicateIds = [...counts].filter(([, count]) => count > 1).map(([id]) => id).sort();\n\t\tlet invalidReferences = [...root.querySelectorAll(\n\t\t\t\"[aria-controls], [aria-labelledby]\",\n\t\t)].flatMap(element =>\n\t\t\t[\"aria-controls\", \"aria-labelledby\"].flatMap(attribute =>\n\t\t\t\t(element.getAttribute(attribute)?.split(/\\s+/) ?? []).flatMap(id =>\n\t\t\t\t\tdocument.querySelectorAll(`#${CSS.escape(id)}`).length === 1\n\t\t\t\t\t\t? []\n\t\t\t\t\t\t: [`${attribute}:${id}`]\n\t\t\t\t)\n\t\t\t)\n\t\t).sort();\n\t\treturn { duplicateIds, invalidReferences };\n\t});\n\texpect(accessibility).toEqual({ duplicateIds: [], invalidReferences: [] });\n\tawait expect(visible).toHaveCount(1);\n\n\tawait expect(previous).toBeFocused();\n\tawait previous.click();\n\tawait expect(visible).toHaveCount(1);\n\tawait expect(outgoing).toHaveCount(0);\n\tawait expect(card.getByText(\"1/2\")).toBeVisible();\n\tawait expect(card.getByRole(\"heading\", { name: \"How should we deploy?\" })).toBeVisible();\n\n\tawait page.emulateMedia({ reducedMotion: \"reduce\" });\n\tawait stack.evaluate(root => {\n\t\tlet counts: number[] = [];\n\t\tlet recordActiveCount = () => {\n\t\t\tcounts.push(\n\t\t\t\troot.querySelectorAll(\":scope > [data-content-swap-state]:not([hidden]):not([inert])\")\n\t\t\t\t\t.length,\n\t\t\t);\n\t\t};\n\t\tlet observer = new MutationObserver(recordActiveCount);\n\t\tobserver.observe(root, { attributes: true, childList: true, subtree: true });\n\t\tReflect.set(window, \"__questionStepActiveCounts\", counts);\n\t\tReflect.set(window, \"__questionStepObserver\", observer);\n\t\trecordActiveCount();\n\t});\n\tawait next.click();\n\tawait expect(visible).toHaveCount(1);\n\tlet activeCounts = await page.evaluate(() => {\n\t\tlet observer = Reflect.get(window, \"__questionStepObserver\") as MutationObserver;\n\t\tobserver.disconnect();\n\t\treturn Reflect.get(window, \"__questionStepActiveCounts\") as number[];\n\t});\n\texpect(activeCounts).not.toContain(0);\n\tawait expect(count).toBeVisible();\n\tawait expect(card.getByRole(\"heading\", { name: \"What belongs in the first cut?\" })).toBeVisible();\n});\n\nasync function rewriteFirstBlock(page: import(\"@playwright/test\").Page, value: string) {\n\tlet block = content(page).locator(\"p\").first();\n\tawait block.selectText();\n\tawait page.keyboard.type(value);\n}\n\nasync function thread(page: import(\"@playwright/test\").Page) {\n\tawait commentButton(page).click();\n\treturn page.getByRole(\"dialog\", { name: \"Comment thread\" });\n}\n\nasync function secondThread(page: import(\"@playwright/test\").Page) {\n\tawait content(page).locator(\"p\").nth(1).selectText();\n\tawait page.getByRole(\"button\", { name: \"Comment on this passage\", exact: true }).click();\n\tlet draft = page.getByRole(\"dialog\", { name: \"New comment\" });\n\tawait draft.getByPlaceholder(\"Comment on this passage…\").fill(\"Keep this block as well.\");\n\tawait draft.getByRole(\"button\", { name: /^(Comment|Post comment)$/ }).click();\n\tawait expect.poll(() => commentButton(page).count()).toBe(2);\n\tawait page.keyboard.press(\"Escape\");\n\tawait expect(page.getByRole(\"dialog\", { name: \"Comment thread\" })).toHaveCount(0);\n}\n\ntest(\"a wide desktop comment sits in the gutter beside its passage\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\tawait page.setViewportSize({ width: 1_440, height: 900 });\n\tawait page.getByRole(\"button\", { name: \"Hide chat\" }).click();\n\tawait page.getByRole(\"button\", { name: \"Hide sidebar\" }).click();\n\tlet card = await thread(page);\n\tlet paragraph = content(page).locator(\"p\").first();\n\tlet document = page.locator(\".plan-document\");\n\tawait expect(card).toHaveAttribute(\"data-side\", \"right\");\n\n\tawait expect.poll(async () => {\n\t\tlet cardBox = await card.boundingBox();\n\t\tlet paragraphBox = await paragraph.boundingBox();\n\t\tlet documentBox = await document.boundingBox();\n\t\tif (!cardBox || !paragraphBox || !documentBox) return false;\n\t\treturn cardBox.x >= paragraphBox.x + paragraphBox.width\n\t\t\t&& cardBox.x + cardBox.width <= documentBox.x + documentBox.width\n\t\t\t&& Math.abs(cardBox.y - paragraphBox.y) <= 4;\n\t}).toBe(true);\n});\n\ntest(\"a narrow split document keeps the desktop comment popover\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\tawait page.setViewportSize({ width: 1_024, height: 800 });\n\tlet card = await thread(page);\n\tlet paragraph = content(page).locator(\"p\").first();\n\n\tawait expect(card).not.toHaveAttribute(\"aria-modal\", \"true\");\n\tawait expect(page.getByRole(\"button\", { name: \"Resize comment sheet\" })).toHaveCount(0);\n\t// No gutter is wide enough here, so the card sits below the passage inside its column.\n\tawait expect.poll(async () => {\n\t\tlet cardBox = await card.boundingBox();\n\t\tlet paragraphBox = await paragraph.boundingBox();\n\t\tif (!cardBox || !paragraphBox) return false;\n\t\treturn cardBox.width <= 320\n\t\t\t&& cardBox.y >= paragraphBox.y + paragraphBox.height\n\t\t\t&& cardBox.x >= paragraphBox.x - 1\n\t\t\t&& cardBox.x + cardBox.width <= paragraphBox.x + paragraphBox.width + 1;\n\t}).toBe(true);\n});\n\ntest(\n\t\"prose opens Plan while injected questions preserve its position and selection\",\n\tasync ({ join, seed }) => {\n\t\tawait seed(LONG_PLAN);\n\t\tlet page = await join(\"ana\");\n\n\t\tlet plan = page.getByRole(\"button\", { name: \"Document\", exact: true });\n\t\tlet decisions = page.getByRole(\"button\", { name: /^Decisions/ });\n\t\tlet scroller = page.locator(\"[data-plan-scroll]\");\n\t\tlet selected = content(page).getByText(\"Paragraph 9.\", { exact: true });\n\t\tawait selected.selectText();\n\t\tawait scroller.evaluate(element => {\n\t\t\telement.scrollTop = 160;\n\t\t\telement.dispatchEvent(new Event(\"scroll\"));\n\t\t});\n\t\tlet selection = await page.evaluate(() => getSelection()?.toString());\n\t\tlet scrollTop = await scroller.evaluate(element => element.scrollTop);\n\n\t\tawait expect(questionnaire(page)).toHaveCount(2);\n\t\tawait expect(plan).toHaveAttribute(\"aria-pressed\", \"true\");\n\t\tawait expect(decisions).toHaveAttribute(\"aria-pressed\", \"false\");\n\t\tawait expect(page.locator('[data-document-view=\"decisions\"]')).toBeHidden();\n\t\tawait expect(decisions).toContainText(\"2\");\n\t\tawait expect.poll(() => scroller.evaluate(element => element.scrollTop)).toBe(scrollTop);\n\t\texpect(await page.evaluate(() => getSelection()?.toString())).toBe(selection);\n\n\t\tawait decisions.click();\n\t\tawait expect(questionnaire(page)).toHaveCount(2);\n\t\tawait expect(\n\t\t\tquestionnaire(page).getByRole(\"heading\", { name: \"Where should room state live?\" }),\n\t\t).toBeVisible();\n\t\tawait expect(page.locator('[data-document-view=\"decisions\"] [data-plan-sidecar-thread]'))\n\t\t\t.toHaveCount(0);\n\t},\n);\n\ntest(\n\t\"an unseeded document keeps linked questions inline and reveals them in Decisions\",\n\tasync ({ baseURL, page, room }) => {\n\t\tawait authenticate(page, \"ana\", baseURL!);\n\t\tawait page.goto(roomPath(room));\n\t\tawait ready(page);\n\t\tlet decisions = page.getByRole(\"button\", { name: /^Decisions/ });\n\t\tawait expect(decisions).toHaveAttribute(\"aria-pressed\", \"false\");\n\t\tawait expect(page.getByRole(\"button\", { name: \"Document\", exact: true }))\n\t\t\t.toHaveAttribute(\"aria-pressed\", \"true\");\n\t\tawait expect(content(page).locator(\"article[data-plan-sidecar-questionnaire]\"))\n\t\t\t.toHaveCount(2);\n\t\tawait decisions.click();\n\t\tawait expect(decisions).toHaveAttribute(\"aria-pressed\", \"true\");\n\t\tlet card = questionnaire(page);\n\t\tawait expect(card).toHaveCount(2);\n\t\tawait expect(card.getByRole(\"heading\", { name: \"Where should room state live?\" }))\n\t\t\t.toBeVisible();\n\t\tawait expect(card.getByRole(\"heading\", { name: \"Which of these belong in the first cut?\" }))\n\t\t\t.toBeVisible();\n\t\tawait expect(card.getByRole(\"tablist\")).toHaveCount(0);\n\t},\n);\n\ntest(\"questions leave the chat pane free of a waiting row\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\n\tawait expect(questionnaire(page)).toHaveCount(2);\n\tawait expect(\n\t\tpage.getByRole(\"complementary\", { includeHidden: true, name: \"Chat\" })\n\t\t\t.getByRole(\"button\", { name: \"Answer\" }),\n\t).toHaveCount(0);\n\n\tawait page.getByRole(\"button\", { name: /^Decisions/ }).click();\n\tawait expect(page.getByRole(\"button\", { name: /^Decisions/ }))\n\t\t.toHaveAttribute(\"aria-pressed\", \"true\");\n\tawait expect(questionnaire(page).first()).toBeInViewport();\n});\n\ntest(\"switching views restores the plan scroll position\", async ({ join, seed }) => {\n\tawait seed(LONG_PLAN);\n\tlet page = await join(\"ana\");\n\tlet scroller = page.locator(\"[data-plan-scroll]\");\n\n\tawait scroller.evaluate(element => {\n\t\telement.scrollTop = 160;\n\t\telement.dispatchEvent(new Event(\"scroll\"));\n\t});\n\tawait page.getByRole(\"button\", { name: /^Decisions/ }).click();\n\tawait page.getByRole(\"button\", { name: \"Document\", exact: true }).click();\n\tawait expect.poll(() => scroller.evaluate(element => element.scrollTop)).toBe(160);\n});\n\nasync function expectCompactDestinationStatePreserved(page: Page): Promise {\n\tlet nav = page.getByRole(\"navigation\", { name: \"Workspace view\" });\n\tlet planScroller = page.locator(\"[data-plan-scroll]\");\n\tlet draft = chatInput(page);\n\tawait planScroller.evaluate(element => {\n\t\telement.scrollTop = 160;\n\t\telement.dispatchEvent(new Event(\"scroll\"));\n\t});\n\tawait draft.evaluate(textarea => {\n\t\tlet plan = document.querySelector(\"[data-plan-scroll]\")!;\n\t\tlet tracker = {\n\t\t\tplan,\n\t\t\ttextarea,\n\t\t\tremoved: false,\n\t\t\tobserver: undefined as MutationObserver | undefined,\n\t\t};\n\t\ttracker.observer = new MutationObserver(records => {\n\t\t\tfor (let record of records) {\n\t\t\t\tfor (let node of record.removedNodes) {\n\t\t\t\t\tif (node === plan || node === textarea) tracker.removed = true;\n\t\t\t\t\tif (node instanceof Element && (node.contains(plan) || node.contains(textarea))) {\n\t\t\t\t\t\ttracker.removed = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\ttracker.observer.observe(document.body, { childList: true, subtree: true });\n\t\t(window as typeof window & { __workspaceTracker?: typeof tracker }).__workspaceTracker =\n\t\t\ttracker;\n\t});\n\n\tawait nav.getByRole(\"button\", { name: /Chat/ }).click();\n\tawait draft.fill(\"unfinished compact thought\");\n\n\tawait nav.getByRole(\"button\", { name: /^Decisions/ }).click();\n\tlet decisionScroller = page.locator(\"[data-plan-decisions-scroll]\");\n\tawait decisionScroller.evaluate(element => {\n\t\telement.scrollTop = element.scrollHeight;\n\t\telement.dispatchEvent(new Event(\"scroll\"));\n\t});\n\tlet decisionScroll = await decisionScroller.evaluate(element => element.scrollTop);\n\tawait nav.getByRole(\"button\", { name: \"Document\" }).click();\n\n\tawait expectChatValue(draft, \"unfinished compact thought\");\n\tawait expect.poll(() => planScroller.evaluate(element => element.scrollTop)).toBe(160);\n\tawait nav.getByRole(\"button\", { name: /^Decisions/ }).click();\n\tawait expect.poll(() => decisionScroller.evaluate(element => element.scrollTop)).toBe(\n\t\tdecisionScroll,\n\t);\n\tawait nav.getByRole(\"button\", { name: \"Document\" }).click();\n\texpect(decisionScroll).toBeGreaterThan(0);\n\tlet identity = await draft.evaluate(textarea => {\n\t\tlet tracker = (window as typeof window & {\n\t\t\t__workspaceTracker?: {\n\t\t\t\tplan: Element;\n\t\t\t\ttextarea: Element;\n\t\t\t\tremoved: boolean;\n\t\t\t\tobserver: MutationObserver;\n\t\t\t};\n\t\t}).__workspaceTracker!;\n\t\ttracker.observer.disconnect();\n\t\treturn {\n\t\t\tplan: tracker.plan === document.querySelector(\"[data-plan-scroll]\"),\n\t\t\ttextarea: tracker.textarea === textarea,\n\t\t\tremoved: tracker.removed,\n\t\t};\n\t});\n\texpect(identity).toEqual({ plan: true, textarea: true, removed: false });\n}\n\nfor (\n\tlet viewport of [\n\t\t{ height: 568, width: 320 },\n\t\t{ height: 844, width: 390 },\n\t]\n) {\n\ttest(`${viewport.width}×${viewport.height} compact destinations preserve draft, scroll, and mounted identity`, async ({ join, seed }) => {\n\t\tawait seed(LONG_PLAN);\n\t\tlet page = await join(\"ana\", { hasTouch: true, viewport });\n\t\tawait expectCompactDestinationStatePreserved(page);\n\t});\n}\n\ntest(\"compact Chat returns to the document after a collaborator adds prose\", async ({ baseURL, browser, page: ana, room }) => {\n\tawait ana.setViewportSize({ width: 390, height: 844 });\n\tawait authenticate(ana, \"ana\", baseURL!);\n\tawait ana.goto(roomPath(room));\n\tawait expect(ana.locator('[aria-label=\"editable markdown\"]')).toHaveAttribute(\n\t\t\"contenteditable\",\n\t\t\"true\",\n\t\t{ timeout: 20_000 },\n\t);\n\tlet nav = ana.getByRole(\"navigation\", { name: \"Workspace view\" });\n\tawait expect(nav.getByRole(\"button\", { name: \"Document\", exact: true }))\n\t\t.toHaveAttribute(\"aria-current\", \"page\");\n\tawait expect(nav.getByRole(\"button\", { name: \"Decisions, 2 unanswered\", exact: true }))\n\t\t.toBeVisible();\n\tawait nav.getByRole(\"button\", { name: /Chat/ }).click();\n\n\tlet boContext = await browser.newContext({ baseURL, viewport: { width: 1280, height: 800 } });\n\ttry {\n\t\tlet bo = await boContext.newPage();\n\t\tawait authenticate(bo, \"bo\", baseURL!);\n\t\tawait bo.goto(roomPath(room));\n\t\tawait expect(bo.locator('[aria-label=\"editable markdown\"]')).toHaveAttribute(\n\t\t\t\"contenteditable\",\n\t\t\t\"true\",\n\t\t\t{ timeout: 20_000 },\n\t\t);\n\t\tawait bo.getByRole(\"group\", { name: \"Document view\" })\n\t\t\t.getByRole(\"button\", { name: \"Document\", exact: true })\n\t\t\t.click();\n\t\tawait expect(documentEditor(bo)).toBeVisible();\n\t\tlet paragraph = documentEditor(bo).locator(\":scope > p\").first();\n\t\tawait expect(paragraph).toBeEmpty();\n\t\tawait documentEditor(bo).press(\"Home\");\n\t\tawait bo.keyboard.type(\"Collaborative prose arrived.\");\n\t\tawait expect(documentEditor(ana)).toContainText(\n\t\t\t\"Collaborative prose arrived.\",\n\t\t);\n\t} finally {\n\t\tawait boContext.close();\n\t}\n\n\tawait ana.getByRole(\"heading\", { name: \"Chat\", exact: true }).press(\"Escape\");\n\tawait expect(ana.locator('[data-document-view=\"plan\"]')).toBeVisible();\n\tawait expect(nav.getByRole(\"button\", { name: \"Decisions, 2 unanswered\", exact: true }))\n\t\t.toBeVisible();\n\tawait expect(nav.getByRole(\"button\", { name: \"Document\", exact: true })).toHaveAttribute(\n\t\t\"aria-current\",\n\t\t\"page\",\n\t);\n});\n\ntest(\"an edit received while compact Plan is hidden appears when it returns\", async ({ join, seed }) => {\n\tawait seed(TWO_BLOCKS);\n\tlet ana = await join(\"ana\", { viewport: { width: 390, height: 844 } });\n\tlet bo = await join(\"bo\", { viewport: { width: 1280, height: 800 } });\n\tlet nav = ana.getByRole(\"navigation\", { name: \"Workspace view\" });\n\tawait nav.getByRole(\"button\", { name: /Chat/ }).click();\n\n\tawait rewriteFirstBlock(bo, \"The hidden plan still receives collaborative edits.\");\n\tawait nav.getByRole(\"button\", { name: \"Document\" }).click();\n\tawait expect(content(ana)).toContainText(\"The hidden plan still receives collaborative edits.\");\n});\n\nfor (\n\tlet example of [\n\t\t{ compact: true, name: \"compact\", width: 390 },\n\t\t{ compact: false, name: \"desktop\", width: 1280 },\n\t]\n) {\n\ttest(`${example.name} Decisions navigation follows the active presentation`, async ({ join, page: browser, seed }) => {\n\t\tawait browser.setViewportSize({ width: example.width, height: 360 });\n\t\tawait seed(LONG_PLAN);\n\t\tlet page = await join(\"ana\");\n\t\tlet decisions = page.getByRole(\"button\", { name: /^Decisions/ });\n\t\tlet plan = page.getByRole(\"button\", { name: \"Document\", exact: true });\n\t\tlet stack = page.locator(\"[data-plan-decisions-scroll]\");\n\t\tlet first = questionnaire(page).first();\n\n\t\tawait decisions.click();\n\t\tif (example.compact) {\n\t\t\tawait expect(page.getByRole(\"heading\", { name: \"Decisions\", exact: true })).toBeFocused();\n\t\t} else await expect(first).toBeFocused();\n\n\t\tawait stack.evaluate(element => {\n\t\t\telement.scrollTop = element.scrollHeight;\n\t\t\telement.dispatchEvent(new Event(\"scroll\"));\n\t\t});\n\t\tlet scrolled = await stack.evaluate(element => element.scrollTop);\n\t\texpect(scrolled).toBeGreaterThan(0);\n\n\t\tawait plan.click();\n\t\tawait decisions.click();\n\t\tif (example.compact) {\n\t\t\tawait expect.poll(() => stack.evaluate(element => element.scrollTop)).toBe(scrolled);\n\t\t\tawait expect(page.getByRole(\"heading\", { name: \"Decisions\", exact: true })).toBeFocused();\n\t\t} else {\n\t\t\tawait expect.poll(() => stack.evaluate(element => element.scrollTop)).toBeLessThan(scrolled);\n\t\t\tawait expect(first).toBeFocused();\n\t\t}\n\t});\n}\n\ntest(\"an unanswered inline decision is also shown in Decisions and can be focused in Plan\", async ({ join, seed }) => {\n\tawait seed(ANCHORED, {\n\t\trevision: 1,\n\t\tquestions: [{\n\t\t\tid: WIDGET,\n\t\t\tstatus: \"open\",\n\t\t\tdefinition: ANCHORED_DEFINITION,\n\t\t\tanchors: {\n\t\t\t\twidget: WIDGET,\n\t\t\t\tquestions: {\n\t\t\t\t\t[QUESTION]: {\n\t\t\t\t\t\tanchors: [{ epoch: \"stale\", position: \"\", digest: ANCHORED_DIGEST }],\n\t\t\t\t\t\tpending: false,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t}],\n\t\topenQuestions: [{\n\t\t\tid: WIDGET,\n\t\t\tdefinition: ANCHORED_DEFINITION,\n\t\t\twidget: WIDGET,\n\t\t\tmodel: storedQuestion(ANCHORED_DEFINITION),\n\t\t\trevision: 0,\n\t\t}],\n\t});\n\tlet page = await join(\"ana\");\n\tlet inline = page.locator(\n\t\t`[data-document-view=\"plan\"] article[data-plan-sidecar-questionnaire=\"${WIDGET}\"]`,\n\t);\n\n\tawait expect(content(page).getByText(\"Anchored paragraph.\", { exact: true })).toBeVisible();\n\tawait expect(inline).toHaveCount(1);\n\tawait expect(inline).toBeVisible();\n\tawait expect(inline).toContainText(\"How should we deploy?\");\n\n\tawait page.getByRole(\"button\", { name: /^Decisions/ }).click();\n\tlet card = questionnaire(page).filter({ hasText: \"How should we deploy?\" });\n\tawait expect(card).toHaveCount(1);\n\tawait card.getByRole(\"button\", { name: /show in document/i }).click();\n\n\tawait expect(page.getByRole(\"button\", { name: \"Document\", exact: true }))\n\t\t.toHaveAttribute(\"aria-pressed\", \"true\");\n\tawait expect(\n\t\tpage.locator(\n\t\t\t`[data-document-view=\"plan\"] article[data-plan-sidecar-questionnaire=\"${WIDGET}\"]`,\n\t\t),\n\t).toBeFocused();\n});\n\ntest(\"decision cards save independently with progressive custom answers\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\tawait page.getByRole(\"button\", { name: /^Decisions/ }).click();\n\tlet storage = questionnaire(page).filter({\n\t\thas: page.getByRole(\"heading\", { name: \"Where should room state live?\" }),\n\t});\n\tlet scope = questionnaire(page).filter({\n\t\thas: page.getByRole(\"heading\", { name: \"Which of these belong in the first cut?\" }),\n\t});\n\tlet saveStorage = storage.getByRole(\"button\", { name: \"Save\", exact: true });\n\n\tawait expect(storage.getByRole(\"textbox\", { name: \"New option\" })).toHaveCount(0);\n\tawait expect(scope.getByRole(\"textbox\", { name: \"New option\" })).toHaveCount(0);\n\n\tawait storage.getByRole(\"radio\", { name: /On disk as MDX/ }).check();\n\tawait saveStorage.click();\n\tawait expect(scope).toBeVisible();\n\tawait expect(scope).toBeFocused();\n\tawait expect(scope.getByRole(\"button\", { name: \"Save\", exact: true })).toBeVisible();\n\tawait expect(scope).not.toContainText(\"Answered by\");\n\tawait expect(scope.getByRole(\"checkbox\", { name: \"Anchors\" })).not.toBeChecked();\n\n\tlet history = page.getByRole(\"button\", { name: \"1 resolved\" });\n\tlet historyIcon = history.locator(\"[data-feedback-icon]\");\n\tawait history.hover();\n\tawait page.evaluate(() => {\n\t\tlet record = { starts: 0 };\n\t\tReflect.set(window, \"__feedbackIconTransitions\", record);\n\t\tdocument.addEventListener(\"transitionstart\", event => {\n\t\t\tif (\n\t\t\t\tevent.target instanceof Element\n\t\t\t\t&& event.target.matches('[data-motion-feedback=\"icon\"]')\n\t\t\t) record.starts++;\n\t\t}, true);\n\t});\n\tawait history.click();\n\tawait expect(historyIcon).toHaveAttribute(\"data-feedback-icon\", \"open\");\n\texpect(\n\t\tawait historyIcon.evaluate(element =>\n\t\t\tgetComputedStyle(element).transitionDuration.split(\",\").some(duration =>\n\t\t\t\tparseFloat(duration) > 0\n\t\t\t)\n\t\t),\n\t).toBe(true);\n\tawait expect.poll(() =>\n\t\tpage.evaluate(() => {\n\t\t\tlet record = Reflect.get(window, \"__feedbackIconTransitions\") as { starts: number };\n\t\t\treturn record.starts > 0;\n\t\t})\n\t).toBe(true);\n\tlet historyContent = page.locator('[data-motion-disclosure=\"decision-history\"]');\n\tawait expect(historyContent).toBeVisible();\n\tlet historyId = await historyContent.getAttribute(\"id\");\n\texpect(historyId).toBeTruthy();\n\tawait expect(history).toHaveAttribute(\"aria-controls\", historyId!);\n\tawait expect(historyContent).not.toHaveClass(/is-closing/);\n\tlet resolved = questionnaire(page).filter({ hasText: \"Where should room state live?\" });\n\tawait expect(resolved).toContainText(\"On disk as MDX\");\n\tawait expect(resolved).toContainText(\"Answered by @ana\");\n\tawait expect(resolved.getByRole(\"button\", { name: \"Save\", exact: true })).toHaveCount(0);\n\tlet iconStarts = await page.evaluate(() => {\n\t\tlet record = Reflect.get(window, \"__feedbackIconTransitions\") as { starts: number };\n\t\treturn record.starts;\n\t});\n\tawait history.focus();\n\tawait page.keyboard.press(\"Space\");\n\tawait expect(historyIcon).toHaveAttribute(\"data-feedback-icon\", \"closed\");\n\tawait historyIcon.evaluate(() =>\n\t\tnew Promise(resolve => {\n\t\t\trequestAnimationFrame(() => requestAnimationFrame(() => resolve()));\n\t\t})\n\t);\n\tawait expect(historyIcon).toHaveCSS(\"transition-duration\", \"0s\");\n\texpect(\n\t\tawait page.evaluate(() => {\n\t\t\tlet record = Reflect.get(window, \"__feedbackIconTransitions\") as { starts: number };\n\t\t\treturn record.starts;\n\t\t}),\n\t).toBe(iconStarts);\n\tawait historyIcon.hover();\n\tawait historyIcon.evaluate(() =>\n\t\tnew Promise(resolve => {\n\t\t\trequestAnimationFrame(() => requestAnimationFrame(() => resolve()));\n\t\t})\n\t);\n\texpect(\n\t\tawait page.evaluate(() => {\n\t\t\tlet record = Reflect.get(window, \"__feedbackIconTransitions\") as { starts: number };\n\t\t\treturn record.starts;\n\t\t}),\n\t).toBe(iconStarts);\n\tawait expect(history).not.toHaveAttribute(\"aria-controls\");\n\tawait expect(historyContent).toHaveCount(0);\n\n\tlet addRow = scope.getByRole(\"button\", { name: \"Add an option\" });\n\tawait addRow.focus();\n\tawait page.keyboard.press(\"Enter\");\n\tlet field = scope.getByRole(\"textbox\", { name: \"New option\" });\n\tawait expect(field).toBeFocused();\n\tlet saveScope = scope.getByRole(\"button\", { name: \"Save\", exact: true });\n\tawait expect(saveScope).toBeDisabled();\n\tawait field.press(\"Escape\");\n\tawait expect(field).toHaveCount(0);\n\tawait expect(addRow).toBeFocused();\n\tawait addRow.click();\n\tfield = scope.getByRole(\"textbox\", { name: \"New option\" });\n\tawait field.fill(\"Only collaborative anchors\");\n\tawait field.press(\"Enter\");\n\t// It joins everyone's list as the next lettered row and is not chosen for anyone.\n\tlet added = scope.getByRole(\"checkbox\", { name: \"Only collaborative anchors\" });\n\tawait expect(added).toBeVisible();\n\tawait expect(added).not.toBeChecked();\n\tawait expect(scope.locator(\"label\", { hasText: \"Only collaborative anchors\" })).toContainText(\n\t\t\"D\",\n\t);\n\tawait expect(addRow).toBeFocused();\n\tawait expect(saveScope).toBeDisabled();\n\tawait added.check();\n\tawait scope.getByRole(\"checkbox\", { name: /^Anchors/ }).check();\n\tawait saveScope.click();\n\tlet allResolved = page.getByRole(\"button\", { name: \"2 resolved\" });\n\tawait expect(allResolved).toBeVisible();\n\tawait allResolved.click();\n\tlet resolvedScope = questionnaire(page).filter({\n\t\thasText: \"Which of these belong in the first cut?\",\n\t});\n\tawait expect(resolvedScope).toContainText(\"Only collaborative anchors\");\n\tawait expect(resolvedScope).toContainText(\"Answered by @ana\");\n});\n\ntest(\"Save and Next wait for a chosen answer\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\tawait page.getByRole(\"button\", { name: /^Decisions/ }).click();\n\tlet card = questionnaire(page).filter({\n\t\thas: page.getByRole(\"heading\", { name: \"Which of these belong in the first cut?\" }),\n\t});\n\tlet save = card.getByRole(\"button\", { name: \"Save\", exact: true });\n\n\tawait expect(save).toBeDisabled();\n\tawait card.getByRole(\"checkbox\", { name: \"Anchors\" }).check();\n\tawait expect(save).toBeEnabled();\n\tawait card.getByRole(\"checkbox\", { name: \"Anchors\" }).uncheck();\n\tawait expect(save).toBeDisabled();\n\tawait expect(card).not.toContainText(\"Answered by\");\n});\n\ntest(\"a rejected save is announced as an alert with motion feedback\", async ({ join, page, seed }) => {\n\tawait page.routeWebSocket(\"**/ws?**\", route => {\n\t\tlet server = route.connectToServer();\n\t\troute.onMessage(message => {\n\t\t\tlet frame = typeof message === \"string\" ? JSON.parse(message) as Record : {};\n\t\t\t// The server stays authoritative for everything but this one refusal.\n\t\t\tif (frame.kind !== \"question:submit\") return server.send(message);\n\t\t\troute.send(JSON.stringify({\n\t\t\t\tkind: \"question:submit\",\n\t\t\t\trid: frame.rid,\n\t\t\t\tid: frame.id,\n\t\t\t\tok: false,\n\t\t\t\treason: \"invalid\",\n\t\t\t\tmessage: \"Scope could not be saved.\",\n\t\t\t}));\n\t\t});\n\t\tserver.onMessage(message => route.send(message));\n\t});\n\tawait seed(PROSE);\n\tawait join(\"ana\");\n\tawait page.getByRole(\"button\", { name: /^Decisions/ }).click();\n\tlet card = questionnaire(page).filter({\n\t\thas: page.getByRole(\"heading\", { name: \"Which of these belong in the first cut?\" }),\n\t});\n\tawait card.getByRole(\"checkbox\", { name: \"Anchors\" }).check();\n\tlet save = card.getByRole(\"button\", { name: \"Save\", exact: true });\n\tawait save.hover();\n\tawait page.evaluate(() => {\n\t\tlet record = { starts: 0 };\n\t\tReflect.set(window, \"__feedbackAlertTransitions\", record);\n\t\tdocument.addEventListener(\"transitionstart\", event => {\n\t\t\tif (\n\t\t\t\tevent.target instanceof Element\n\t\t\t\t&& event.target.matches('[data-motion-feedback=\"alert\"]')\n\t\t\t) record.starts++;\n\t\t}, true);\n\t});\n\tawait save.click();\n\n\tlet alert = card.getByRole(\"alert\");\n\tawait expect(alert).toBeVisible();\n\tawait expect(alert).toContainText(\"Couldn’t save\");\n\tawait expect(alert).toContainText(\"Scope could not be saved.\");\n\texpect(\n\t\tawait alert.evaluate(element =>\n\t\t\tgetComputedStyle(element).transitionDuration.split(\",\").some(duration =>\n\t\t\t\tparseFloat(duration) > 0\n\t\t\t)\n\t\t),\n\t).toBe(true);\n\tawait expect.poll(() =>\n\t\tpage.evaluate(() => {\n\t\t\tlet record = Reflect.get(window, \"__feedbackAlertTransitions\") as { starts: number };\n\t\t\treturn record.starts > 0;\n\t\t})\n\t).toBe(true);\n\tawait expect(card.getByRole(\"button\", { name: \"Try again\" })).toBeEnabled();\n\tawait expect(card).not.toContainText(\"Answered by\");\n});\n\ntest(\"people on a decision are faces with verbatim handle tooltips\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet title = \"Where should room state live?\";\n\tlet open = async (handle: string) => {\n\t\tlet page = await join(handle);\n\t\tawait page.getByRole(\"button\", { name: /^Decisions/ }).click();\n\t\tlet card = questionnaire(page).filter({ has: page.getByRole(\"heading\", { name: title }) });\n\t\tawait expect(card).toBeVisible();\n\t\treturn { page, card };\n\t};\n\tlet ana = await open(\"ana\");\n\tlet people = ana.card.getByRole(\"group\", { name: /^In this decision/ });\n\tawait expect(people).toHaveCount(0);\n\n\t// Four real peers work on the same question, one after another: three faces and a \"+1\".\n\tlet peers = [];\n\tfor (let handle of [\"Bo\", \"cy\", \"Di\", \"ed\"]) {\n\t\tlet peer = await open(handle);\n\t\tawait peer.card.getByRole(\"radio\").first().focus();\n\t\tpeers.push(peer);\n\t\tawait expect(\n\t\t\tana.card.getByRole(\"group\", { name: new RegExp(`^In this decision:.*\\\\b${handle}\\\\b`) }),\n\t\t)\n\t\t\t.toBeVisible();\n\t}\n\n\tawait expect(people.getByRole(\"img\")).toHaveCount(3);\n\tlet more = people.getByText(\"+1\");\n\tawait expect(more).toBeVisible();\n\tawait expect(ana.card).not.toContainText(\"@Bo\");\n\n\t// The tooltip hides on any scroll, and scroll events arrive a frame after the\n\t// scroll itself. Settle the page first, then arrive with real pointer movement.\n\tlet tooltip = ana.page.locator(\"[data-icon-tooltip]\");\n\tlet settleThenHover = async (target: Locator) => {\n\t\tawait target.scrollIntoViewIfNeeded();\n\t\tawait ana.page.evaluate(() =>\n\t\t\tnew Promise(done => requestAnimationFrame(() => requestAnimationFrame(() => done())))\n\t\t);\n\t\tlet box = (await target.boundingBox())!;\n\t\tawait ana.page.mouse.move(0, 0);\n\t\tawait ana.page.mouse.move(box.x + box.width / 2, box.y + box.height / 2, { steps: 8 });\n\t};\n\tawait settleThenHover(people.getByRole(\"img\").first());\n\tawait expect(tooltip).toHaveAttribute(\"data-visible\", \"\");\n\tawait expect(tooltip).toHaveText(\"Bo\");\n\n\tawait settleThenHover(more);\n\tawait expect(tooltip).toHaveText(\"ed\");\n\texpect(\n\t\tawait people.getByRole(\"img\").evaluateAll(nodes =>\n\t\t\tnodes.map(node => node.getAttribute(\"title\"))\n\t\t),\n\t).toEqual([null, null, null]);\n\n\t// Leaving the question clears the face; choosing is the same as being there.\n\tawait peers[3]!.card.getByRole(\"radio\").first().blur();\n\tawait expect(more).toHaveCount(0);\n\tawait peers[0]!.page.close();\n\tawait expect(people.getByRole(\"img\")).toHaveCount(2);\n\tawait expect(people).toHaveAttribute(\"aria-label\", \"In this decision: cy, Di\");\n});\n\ntest(\"an option one member adds is shared, durable, and choosable by another\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet ana = await join(\"ana\");\n\tlet bo = await join(\"bo\");\n\tlet storage = (page: Page) =>\n\t\tquestionnaire(page).filter({\n\t\t\thas: page.getByRole(\"heading\", { name: \"Where should room state live?\" }),\n\t\t});\n\tfor (let page of [ana, bo]) await page.getByRole(\"button\", { name: /^Decisions/ }).click();\n\tawait expect(storage(bo).getByRole(\"radio\")).toHaveCount(2);\n\n\tawait storage(ana).getByRole(\"button\", { name: \"Add an option\" }).click();\n\tlet field = storage(ana).getByRole(\"textbox\", { name: \"New option\" });\n\tawait expect(field).toBeFocused();\n\tawait field.fill(\"In PostgreSQL\");\n\tawait field.press(\"Enter\");\n\n\t// Everyone sees it as the next lettered row, chosen by nobody.\n\tfor (let page of [ana, bo]) {\n\t\tlet row = storage(page).getByRole(\"radio\", { name: \"In PostgreSQL\" });\n\t\tawait expect(row).toBeVisible();\n\t\tawait expect(row).not.toBeChecked();\n\t\tawait expect(storage(page).locator(\"label\", { hasText: \"In PostgreSQL\" })).toContainText(\"C\");\n\t}\n\tawait expect(storage(ana).getByRole(\"textbox\", { name: \"New option\" })).toHaveCount(0);\n\n\t// The plan carries it too, which is what the Planner reads.\n\tawait ana.getByRole(\"button\", { name: \"Document\", exact: true }).click();\n\tawait expect(ana.locator(`[data-document-view=\"plan\"]`).getByText(\"In PostgreSQL\"))\n\t\t.toBeVisible();\n\tawait ana.getByRole(\"button\", { name: /^Decisions/ }).click();\n\n\t// It survives a reload, and the second member can choose and save it.\n\tawait bo.reload();\n\tawait bo.getByRole(\"button\", { name: /^Decisions/ }).click();\n\tlet chosen = storage(bo).getByRole(\"radio\", { name: \"In PostgreSQL\" });\n\tawait expect(chosen).toBeVisible();\n\tawait chosen.check();\n\tawait storage(bo).getByRole(\"button\", { name: \"Save\", exact: true }).click();\n\n\tfor (let page of [ana, bo]) {\n\t\tawait page.getByRole(\"button\", { name: \"1 resolved\" }).click();\n\t\tawait expect(questionnaire(page).filter({ hasText: \"Where should room state live?\" }))\n\t\t\t.toContainText(\"In PostgreSQL\");\n\t}\n});\n\ntest(\"adding a duplicate option is flagged inline and sends no request\", async ({ join, page, seed }) => {\n\tawait seed(PROSE);\n\tlet sent = 0;\n\tawait page.routeWebSocket(\"**/ws?**\", route => {\n\t\tlet server = route.connectToServer();\n\t\troute.onMessage(message => {\n\t\t\tif (typeof message === \"string\" && message.includes('\"question:option\"')) sent++;\n\t\t\tserver.send(message);\n\t\t});\n\t\tserver.onMessage(message => route.send(message));\n\t});\n\tlet ana = await join(\"ana\");\n\tawait ana.getByRole(\"button\", { name: /^Decisions/ }).click();\n\tlet card = questionnaire(ana).filter({\n\t\thas: ana.getByRole(\"heading\", { name: \"Where should room state live?\" }),\n\t});\n\n\tawait card.getByRole(\"button\", { name: \"Add an option\" }).click();\n\tlet field = card.getByRole(\"textbox\", { name: \"New option\" });\n\tawait field.fill(\"in sqlite\");\n\tawait field.press(\"Enter\");\n\n\tawait expect(card.getByText(\"Already an option: In SQLite\")).toBeVisible();\n\tawait expect(card.getByRole(\"alert\")).toHaveCount(0);\n\tawait expect(field).toHaveValue(\"in sqlite\");\n\tawait expect(card.getByRole(\"radio\")).toHaveCount(2);\n\texpect(sent).toBe(0);\n});\n\ntest(\"a duplicate the client could not see is still refused by the server\", async ({ join, page, seed }) => {\n\tawait seed(PROSE);\n\t// Ana never hears about added options, so only the server can catch the repeat.\n\tawait page.routeWebSocket(\"**/ws?**\", route => {\n\t\tlet server = route.connectToServer();\n\t\troute.onMessage(message => server.send(message));\n\t\tserver.onMessage(message => {\n\t\t\tif (typeof message === \"string\" && message.includes('\"question:option-added\"')) return;\n\t\t\troute.send(message);\n\t\t});\n\t});\n\tlet ana = await join(\"ana\");\n\tlet bo = await join(\"bo\");\n\tlet storage = (p: Page) =>\n\t\tquestionnaire(p).filter({\n\t\t\thas: p.getByRole(\"heading\", { name: \"Where should room state live?\" }),\n\t\t});\n\tfor (let p of [ana, bo]) await p.getByRole(\"button\", { name: /^Decisions/ }).click();\n\n\tawait storage(bo).getByRole(\"button\", { name: \"Add an option\" }).click();\n\tlet boField = storage(bo).getByRole(\"textbox\", { name: \"New option\" });\n\tawait boField.fill(\"In PostgreSQL\");\n\tawait boField.press(\"Enter\");\n\tawait expect(storage(bo).getByRole(\"radio\", { name: \"In PostgreSQL\" })).toBeVisible();\n\n\tawait storage(ana).getByRole(\"button\", { name: \"Add an option\" }).click();\n\tlet field = storage(ana).getByRole(\"textbox\", { name: \"New option\" });\n\tawait field.fill(\"in postgresql\");\n\tawait field.press(\"Enter\");\n\n\tlet alert = storage(ana).getByRole(\"alert\");\n\tawait expect(alert).toContainText(\"Couldn’t add option\");\n\tawait expect(alert).toContainText(\"already exists\");\n\tawait expect(field).toHaveValue(\"in postgresql\");\n});\n\ntest(\"discarding asks first\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\tawait page.getByRole(\"button\", { name: /^Decisions/ }).click();\n\tlet card = questionnaire(page).filter({\n\t\thas: page.getByRole(\"heading\", { name: \"Which of these belong in the first cut?\" }),\n\t});\n\n\tawait card.getByRole(\"button\", { name: \"Discard\", exact: true }).click();\n\n\tawait expect(card.getByText(\"Discard this decision?\")).toBeVisible();\n\tlet keep = card.getByRole(\"button\", { name: \"Keep it\" });\n\tawait expect(keep).toBeVisible();\n\tawait keep.click();\n\tawait expect(card.getByRole(\"button\", { name: \"Save\", exact: true })).toBeVisible();\n});\n\ntest(\"a marked passage has document chrome with a hover preview\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\n\tlet button = commentButton(page);\n\tawait expect(button).toBeVisible();\n\tawait button.hover();\n\tlet preview = page.getByRole(\"tooltip\");\n\tawait expect(preview).toContainText(\"Is this still right?\");\n\tawait expect(preview.locator(\"blockquote\")).toHaveCount(0);\n\tlet previewId = await preview.getAttribute(\"id\");\n\texpect(previewId).not.toBeNull();\n\tawait expect(button).toHaveAttribute(\"aria-describedby\", previewId!);\n\n\tawait button.focus();\n\tawait expect(page.getByRole(\"tooltip\")).toBeVisible();\n\tawait page.keyboard.press(\"Escape\");\n\tawait expect(page.getByRole(\"tooltip\")).toHaveCount(0);\n});\ntest(\"a compact new-comment sheet blocks navigation and restores editor focus\", async ({ join, seed }) => {\n\tawait seed(TWO_BLOCKS);\n\tlet page = await join(\"ana\", {\n\t\thasTouch: true,\n\t\tisMobile: true,\n\t\tviewport: { width: 390, height: 844 },\n\t});\n\tlet editor = content(page);\n\tlet plan = page.getByRole(\"button\", {\n\t\tname: \"Document\",\n\t\texact: true,\n\t\tincludeHidden: true,\n\t});\n\tlet decisions = page.getByRole(\"button\", { name: /^Decisions/, includeHidden: true });\n\n\tlet openDraft = async () => {\n\t\tawait editor.locator(\"p\").nth(1).selectText();\n\t\tawait page.getByRole(\"button\", { name: \"Comment on this passage\", exact: true }).click();\n\t\tlet sheet = page.getByRole(\"dialog\", { name: \"New comment\" });\n\t\tawait expect(sheet).toHaveAttribute(\"aria-modal\", \"true\");\n\t\tawait expect(sheet.getByPlaceholder(\"Comment on this passage…\")).toBeFocused();\n\t\treturn sheet;\n\t};\n\n\tlet sheet = await openDraft();\n\tlet destination = await decisions.boundingBox();\n\texpect(destination).not.toBeNull();\n\tlet destinationPoint = {\n\t\tx: destination!.x + destination!.width / 2,\n\t\ty: destination!.y + destination!.height / 2,\n\t};\n\tawait expect.poll(() =>\n\t\tpage.evaluate(\n\t\t\t({ x, y }) =>\n\t\t\t\t!!document.elementFromPoint(x, y)?.closest(\"[data-plan-comment-sheet-backdrop]\"),\n\t\t\tdestinationPoint,\n\t\t)\n\t).toBe(true);\n\tawait page.mouse.click(destinationPoint.x, destinationPoint.y);\n\tawait expect(sheet).toHaveCount(0);\n\tawait expect(plan).toHaveAttribute(\"aria-pressed\", \"true\");\n\tawait expect(editor).toBeFocused();\n\tsheet = await openDraft();\n\tawait page.locator(\"[data-plan-comment-sheet-backdrop]\").click({\n\t\tposition: { x: 10, y: 10 },\n\t});\n\tawait expect(sheet).toHaveCount(0);\n\tawait expect(editor).toBeFocused();\n\n\tsheet = await openDraft();\n\tawait page.keyboard.press(\"Escape\");\n\tawait expect(sheet).toHaveCount(0);\n\tawait expect(editor).toBeFocused();\n});\n\ntest(\"submitting a compact new comment restores editor focus\", async ({ join, seed }) => {\n\tawait seed(TWO_BLOCKS);\n\tlet page = await join(\"ana\", {\n\t\thasTouch: true,\n\t\tisMobile: true,\n\t\tviewport: { width: 390, height: 844 },\n\t});\n\tlet editor = content(page);\n\tawait editor.locator(\"p\").nth(1).selectText();\n\tawait page.getByRole(\"button\", { name: \"Comment on this passage\", exact: true }).click();\n\tlet sheet = page.getByRole(\"dialog\", { name: \"New comment\" });\n\tawait sheet.getByPlaceholder(\"Comment on this passage…\").fill(\"Keep this block as well.\");\n\tawait sheet.getByRole(\"button\", { name: \"Post comment\", exact: true }).click();\n\n\tawait expect(sheet).toHaveCount(0);\n\tawait expect(editor).toBeFocused();\n});\n\nfor (\n\tlet resolution of [\n\t\t{ action: \"Apply feedback\", confirmation: \"Apply feedback\", verb: \"applying\" },\n\t\t{ action: \"Dismiss\", confirmation: \"Dismiss\", verb: \"dismissing\" },\n\t] as const\n) {\n\ttest(`${resolution.verb} a compact comment restores editor focus`, async ({ join, seed }) => {\n\t\tawait seed(PROSE);\n\t\tlet page = await join(\"ana\", {\n\t\t\thasTouch: true,\n\t\t\tisMobile: true,\n\t\t\tviewport: { width: 390, height: 844 },\n\t\t});\n\t\tlet editor = content(page);\n\t\tlet sheet = await thread(page);\n\t\tawait sheet.getByRole(\"button\", { name: resolution.action }).click();\n\t\tawait sheet.getByRole(\"button\", { name: resolution.confirmation }).click();\n\n\t\tawait expect(sheet).toHaveCount(0);\n\t\tawait expect(editor).toBeFocused();\n\t});\n}\n\ntest(\"an unavailable comment position keeps its compact sheet mounted until geometry recovers\", async ({ join, seed }) => {\n\tawait seed(TALL_PASSAGE);\n\tlet page = await join(\"ana\", {\n\t\thasTouch: true,\n\t\tisMobile: true,\n\t\tviewport: { width: 390, height: 300 },\n\t});\n\tlet editor = content(page);\n\tawait expect(commentButton(page)).toHaveCount(1);\n\tawait editor.locator(\"p\").first().evaluate(paragraph => {\n\t\tlet phrase = \"A selected passage keeps going.\";\n\t\tlet text = paragraph.querySelector(\"[data-lexical-text]\")?.firstChild;\n\t\tif (!(text instanceof Text) || !text.data.startsWith(phrase)) {\n\t\t\tthrow new Error(\"expected the tall passage fixture\");\n\t\t}\n\t\tlet range = document.createRange();\n\t\trange.setStart(text, 0);\n\t\trange.setEnd(text, phrase.length);\n\t\tlet selection = getSelection();\n\t\tselection?.removeAllRanges();\n\t\tselection?.addRange(range);\n\t});\n\tawait page.getByRole(\"button\", { name: \"Comment on this passage\", exact: true }).click();\n\tlet draft = page.getByRole(\"dialog\", { name: \"New comment\" });\n\tawait draft.getByPlaceholder(\"Comment on this passage…\").fill(\"Keep the whole passage.\");\n\tawait draft.getByRole(\"button\", { name: \"Post comment\", exact: true }).click();\n\n\t// Both threads mark the one block, so they share its marker.\n\t// A modal sheet hides the document from the accessibility tree, so find the marker by its data.\n\tlet marker = page.locator(\"[data-plan-comment-button][data-plan-comment-count='2']\");\n\tawait expect(marker).toHaveAttribute(\"aria-label\", /^2 comments on “A selected passage/);\n\tawait expect(page.locator(\"[data-plan-comment-button]\")).toHaveCount(1);\n\tawait marker.click();\n\tawait page.getByRole(\"dialog\", { name: \"Comments\" })\n\t\t.locator(\"[data-plan-comment-group-item]\")\n\t\t.filter({ hasText: \"Keep the whole passage.\" })\n\t\t.click();\n\tlet sheet = page.getByRole(\"dialog\", { name: \"Comment thread\" });\n\tawait expect(sheet).toContainText(\"Keep the whole passage.\");\n\tlet back = sheet.getByRole(\"button\", { name: \"All 2 comments\" });\n\tawait expect(back).toBeFocused();\n\n\t// The open sheet and its focus must not be unmounted while geometry changes,\n\t// even in a host too narrow to hold a marker beside the prose.\n\tawait page.setViewportSize({ width: 32, height: 300 });\n\tawait expect(marker).toBeAttached();\n\tawait expect(sheet).toBeVisible();\n\tawait expect(back).toBeFocused();\n\tlet host = page.locator(\".plan-document\");\n\n\tawait page.setViewportSize({ width: 430, height: 3_200 });\n\tawait expect(sheet).toBeVisible();\n\tawait expect(back).toBeFocused();\n\tawait expect(marker).toBeAttached();\n\tawait expect.poll(async () => {\n\t\tlet markerBox = await marker.boundingBox();\n\t\tlet documentBox = await host.boundingBox();\n\t\treturn !!markerBox && !!documentBox\n\t\t\t&& markerBox.y < documentBox.y + documentBox.height\n\t\t\t&& markerBox.y + markerBox.height > documentBox.y;\n\t}).toBe(true);\n});\n\ntest(\"a touch comment opens as a modal sheet and restores its marker\", async ({ join, seed }) => {\n\tawait seed(TWO_BLOCKS);\n\tlet page = await join(\"ana\", {\n\t\thasTouch: true,\n\t\tisMobile: true,\n\t\tviewport: { width: 390, height: 844 },\n\t});\n\tawait secondThread(page);\n\tlet marker = commentButton(page).first();\n\tlet markerBox = await marker.boundingBox();\n\texpect(markerBox).not.toBeNull();\n\texpect(markerBox!.width).toBeGreaterThanOrEqual(44);\n\t// As tall as the first line, never more than 44px, so the next line keeps its taps.\n\texpect(markerBox!.height).toBeGreaterThanOrEqual(24);\n\texpect(markerBox!.height).toBeLessThanOrEqual(44);\n\tlet markerBoxes = await commentButton(page).evaluateAll(buttons =>\n\t\tbuttons.map(button => {\n\t\t\tlet box = button.getBoundingClientRect();\n\t\t\treturn { bottom: box.bottom, left: box.left, right: box.right, top: box.top };\n\t\t})\n\t);\n\texpect(\n\t\tmarkerBoxes.every((box, index) =>\n\t\t\tmarkerBoxes.slice(index + 1).every(other =>\n\t\t\t\tbox.right <= other.left || other.right <= box.left\n\t\t\t\t|| box.bottom <= other.top || other.bottom <= box.top\n\t\t\t)\n\t\t),\n\t).toBe(true);\n\tlet passages = await page.locator(\"[data-plan-comment-hit]\").evaluateAll(hits =>\n\t\thits.map(hit => {\n\t\t\tlet box = hit.getBoundingClientRect();\n\t\t\treturn { bottom: box.bottom, left: box.left, right: box.right, top: box.top };\n\t\t})\n\t);\n\t// The visible chip never covers prose; only its invisible touch area may reach the line end.\n\tlet chip = await marker.locator(\".plan-comment-chip\").boundingBox();\n\texpect(chip).not.toBeNull();\n\texpect(passages.every(passage =>\n\t\tchip!.x >= passage.right\n\t\t|| chip!.x + chip!.width <= passage.left\n\t\t|| chip!.y >= passage.bottom\n\t\t|| chip!.y + chip!.height <= passage.top\n\t)).toBe(true);\n\n\tawait marker.tap();\n\tlet sheet = page.getByRole(\"dialog\", { name: \"Comment thread\" });\n\tawait expect(sheet).toBeVisible();\n\tawait expect(sheet.getByRole(\"button\", { name: \"Resize comment sheet\" })).toBeFocused();\n\tawait expect.poll(() => editorIsModalBackground(page)).toBe(true);\n\tawait page.keyboard.press(\"Escape\");\n\tawait expect(sheet).toHaveCount(0);\n\tawait expect(marker).toBeFocused();\n\tawait expect.poll(() => editorIsModalBackground(page)).toBe(false);\n});\n\ntest(\"a wrapped passage opens its comment without intercepting text selection\", async ({ join, page: browser, seed }) => {\n\t// The compact document forces the injected quote across two lines.\n\tawait browser.setViewportSize({ width: 390, height: 600 });\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\tlet hits = page.locator(\"[data-plan-comment-hit]\");\n\n\tawait expect.poll(() => hits.count()).toBeGreaterThan(1);\n\tlet hit = await hits.first().boundingBox();\n\texpect(hit).not.toBeNull();\n\tlet point = { x: hit!.x + hit!.width / 2, y: hit!.y + hit!.height / 2 };\n\n\tawait page.mouse.move(point.x, point.y);\n\tlet preview = page.getByRole(\"tooltip\");\n\tawait expect(preview).toContainText(\"Is this still right?\");\n\tawait expect(preview.locator(\"blockquote\")).toHaveCount(0);\n\tlet pageBox = await page.locator(\"[data-plan-scroll]\").boundingBox();\n\tlet previewBox = await preview.boundingBox();\n\texpect(pageBox).not.toBeNull();\n\texpect(previewBox).not.toBeNull();\n\texpect(previewBox!.x).toBeGreaterThanOrEqual(pageBox!.x);\n\texpect(previewBox!.x + previewBox!.width).toBeLessThanOrEqual(pageBox!.x + pageBox!.width);\n\n\tawait page.mouse.click(point.x, point.y);\n\tawait expect(page.getByRole(\"dialog\", { name: \"Comment thread\" })).toBeVisible();\n\tawait page.keyboard.press(\"Escape\");\n\n\t// The hit region observes clicks at the document host; it cannot become a\n\t// glass pane that eats the native drag Lexical uses to select prose.\n\tawait page.mouse.move(hit!.x + 3, point.y);\n\tawait page.mouse.down();\n\tawait page.mouse.move(hit!.x + hit!.width - 3, point.y, { steps: 8 });\n\tawait page.mouse.up();\n\texpect(await page.evaluate(() => getSelection()?.toString().length ?? 0)).toBeGreaterThan(0);\n\tawait expect(page.getByRole(\"dialog\", { name: \"Comment thread\" })).toHaveCount(0);\n});\n\ntest(\"leaving a second comment gutter clears its preview\", async ({ join, seed }) => {\n\tawait seed(TWO_BLOCKS);\n\tlet page = await join(\"ana\");\n\tawait secondThread(page);\n\n\tlet hit = await page.locator(\"[data-plan-comment-hit]\").first().boundingBox();\n\texpect(hit).not.toBeNull();\n\tawait page.mouse.move(hit!.x + hit!.width / 2, hit!.y + hit!.height / 2);\n\tawait expect(page.getByRole(\"tooltip\")).toBeVisible();\n\n\tawait commentButton(page).nth(1).hover();\n\tawait expect(page.getByRole(\"tooltip\")).toBeVisible();\n\tlet blank = await content(page).locator(\"p\").nth(1).boundingBox();\n\texpect(blank).not.toBeNull();\n\tawait page.mouse.move(blank!.x + blank!.width - 4, blank!.y + blank!.height / 2);\n\tawait expect(page.getByRole(\"tooltip\")).toHaveCount(0);\n});\n\ntest(\"clicking a comment button pins its document card and preserves the related wash\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\tawait page.setViewportSize({ width: 1_440, height: 900 });\n\tawait page.getByRole(\"button\", { name: \"Hide chat\" }).click();\n\tawait page.getByRole(\"button\", { name: \"Hide sidebar\" }).click();\n\tlet card = await thread(page);\n\tawait expect(card).toContainText(\"@dev\");\n\tawait expect(card.getByPlaceholder(\"Reply…\")).toBeVisible();\n\tawait page.keyboard.press(\"Escape\");\n\tawait expect(page.getByRole(\"dialog\", { name: \"Comment thread\" })).toHaveCount(0);\n\tcard = await thread(page);\n\n\tawait expect.poll(() => washed(page)).toBeGreaterThan(0);\n\tawait content(page).hover();\n\tawait expect.poll(() => washed(page)).toBeGreaterThan(0);\n});\n\ntest(\"a live text edit preserves its document comment\", async ({ join, seed }) => {\n\tawait seed(TWO_BLOCKS);\n\tlet page = await join(\"ana\");\n\n\tawait rewriteFirstBlock(page, \"The room has a new persistence rule.\");\n\tawait expect(content(page)).toContainText(\"The room has a new persistence rule.\");\n\tawait expect.poll(() => washed(page)).toBeGreaterThan(0);\n\tawait expect(commentButton(page)).toBeVisible();\n});\n\ntest(\"a removed subject block moves its comment to document orphan chrome\", async ({ join, seed }) => {\n\tawait seed(TWO_BLOCKS);\n\tlet page = await join(\"ana\");\n\n\tlet first = content(page).locator(\"p\").first();\n\tawait first.selectText();\n\tawait page.keyboard.press(\"Backspace\");\n\tawait page.keyboard.press(\"Backspace\");\n\n\tlet orphaned = page.getByRole(\"button\", { name: \"1 orphaned comments\" });\n\tawait expect(orphaned).toBeVisible();\n\tawait orphaned.click();\n\tawait expect(page.getByRole(\"dialog\", { name: \"Orphaned comments\" })).toContainText(QUOTED);\n});\n\ntest(\"a compact orphan sheet owns focus and restores its opener\", async ({ join, seed }) => {\n\tawait seed(TWO_BLOCKS);\n\tlet page = await join(\"ana\", {\n\t\thasTouch: true,\n\t\tisMobile: true,\n\t\tviewport: { width: 390, height: 844 },\n\t});\n\tlet first = content(page).locator(\"p\").first();\n\tawait first.selectText();\n\tawait page.keyboard.press(\"Backspace\");\n\tawait page.keyboard.press(\"Backspace\");\n\n\tlet opener = page.getByRole(\"button\", { name: \"1 orphaned comments\" });\n\tawait opener.tap();\n\tlet sheet = page.getByRole(\"dialog\", { name: \"Orphaned comments\" });\n\tawait expect(sheet).toHaveAttribute(\"aria-modal\", \"true\");\n\tawait expect(sheet.getByRole(\"button\", { name: \"Resize comment sheet\" })).toBeFocused();\n\tawait expect.poll(() => editorIsModalBackground(page)).toBe(true);\n\tawait page.keyboard.press(\"Shift+Tab\");\n\tawait expect(sheet.getByRole(\"button\", { name: \"Apply feedback\" })).toBeFocused();\n\tawait page.keyboard.press(\"Escape\");\n\tawait expect(sheet).toHaveCount(0);\n\tawait expect(opener).toBeFocused();\n\tawait expect.poll(() => editorIsModalBackground(page)).toBe(false);\n});\n\ntest(\"a remotely orphaned compact comment closes its sheet and restores editor focus\", async ({ join, seed }) => {\n\tawait seed(TWO_BLOCKS);\n\tlet page = await join(\"ana\", {\n\t\thasTouch: true,\n\t\tisMobile: true,\n\t\tviewport: { width: 390, height: 844 },\n\t});\n\tlet editor = content(page);\n\tlet sheet = await thread(page);\n\tawait expect(sheet.getByRole(\"button\", { name: \"Resize comment sheet\" })).toBeFocused();\n\n\tlet collaborator = await join(\"bo\");\n\tlet subject = content(collaborator).locator(\"p\").first();\n\tawait subject.selectText();\n\tawait collaborator.keyboard.press(\"Backspace\");\n\tawait collaborator.keyboard.press(\"Backspace\");\n\n\tawait expect(sheet).toHaveCount(0);\n\tawait expect(editor).toBeFocused();\n\tawait expect(editor).not.toHaveAttribute(\"inert\", \"\");\n\tawait expect(page.getByRole(\"button\", { name: \"1 orphaned comments\" })).toBeVisible();\n});\n\nfunction washed(page: import(\"@playwright/test\").Page): Promise {\n\treturn page.evaluate(() => CSS.highlights.get(\"plan-related\")?.size ?? 0);\n}\n\ntest(\"the reply composer grows and keeps one inset send action\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\tlet card = await thread(page);\n\tlet composer = card.getByPlaceholder(\"Reply…\");\n\tlet initial = await composer.evaluate(element => ({\n\t\theight: element.clientHeight,\n\t\tresize: getComputedStyle(element).resize,\n\t}));\n\n\texpect(initial.resize).toBe(\"none\");\n\tawait composer.fill(\"First line\\nSecond line\\nThird line\\nFourth line\\nFifth line\");\n\tawait expect.poll(() => composer.evaluate(element => element.clientHeight)).toBeGreaterThan(\n\t\tinitial.height,\n\t);\n\tlet send = card.getByRole(\"button\", { name: \"Send reply\" });\n\tawait expect(send).toBeVisible();\n\tlet geometry = await Promise.all([composer.boundingBox(), send.boundingBox()]).then(\n\t\t([field, button]) =>\n\t\t\tfield && button\n\t\t\t\t? {\n\t\t\t\t\tbottom: field.y + field.height - button.y - button.height,\n\t\t\t\t\tcontained: button.x >= field.x\n\t\t\t\t\t\t&& button.y >= field.y\n\t\t\t\t\t\t&& button.x + button.width <= field.x + field.width\n\t\t\t\t\t\t&& button.y + button.height <= field.y + field.height,\n\t\t\t\t\tright: field.x + field.width - button.x - button.width,\n\t\t\t\t}\n\t\t\t\t: undefined,\n\t);\n\texpect(geometry?.contained).toBe(true);\n\texpect(Math.abs((geometry?.right ?? 0) - (geometry?.bottom ?? 0))).toBeLessThan(0.5);\n\n\tlet apply = card.getByRole(\"button\", { name: \"Apply feedback\" });\n\tlet dismiss = card.getByRole(\"button\", { name: \"Dismiss\" });\n\tlet actionStyles = await Promise.all([apply, dismiss].map(button =>\n\t\tbutton.evaluate(element => {\n\t\t\tlet style = getComputedStyle(element);\n\t\t\treturn {\n\t\t\t\tbackground: style.backgroundColor,\n\t\t\t\tpaddingLeft: style.paddingLeft,\n\t\t\t\tpaddingRight: style.paddingRight,\n\t\t\t};\n\t\t})\n\t));\n\texpect(actionStyles[0].background).not.toBe(actionStyles[1].background);\n\texpect(actionStyles[0].paddingLeft).toBe(\"12px\");\n\texpect(actionStyles[0].paddingRight).toBe(\"12px\");\n});\n\ntest(\"a reply joins the thread without a duplicate reply count\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\tlet card = await thread(page);\n\n\tawait expect(card.getByText(/repl(y|ies)$/)).toHaveCount(0);\n\tawait card.getByPlaceholder(\"Reply…\").fill(\"Still right, but say why.\");\n\tawait card.getByRole(\"button\", { name: \"Send reply\" }).click();\n\tawait expect(card).toContainText(\"Still right, but say why.\");\n\tawait expect(card).toContainText(\"@ana\");\n\tawait expect(card.getByText(\"1 reply\")).toHaveCount(0);\n\tawait expect(commentButton(page)).toHaveAccessibleDescription(\"1 reply waiting.\");\n});\n\ntest(\"a comment confirmation remains until the reader chooses\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\tlet card = await thread(page);\n\n\tawait card.getByRole(\"button\", { name: \"Dismiss\" }).click();\n\tawait expect(card).toContainText(\"This closes the thread without changing the document.\");\n\tawait page.waitForTimeout(4_100);\n\tawait expect(card.getByRole(\"button\", { name: \"Dismiss\" })).toBeVisible();\n\tawait expect(card.getByRole(\"button\", { name: \"Cancel\" })).toBeVisible();\n});\n\ntest(\"accepting explains its consequence before changing the document\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\tlet card = await thread(page);\n\n\tawait card.getByRole(\"button\", { name: \"Apply feedback\" }).click();\n\tawait expect(card).toContainText(\"Planner will use this feedback to update the document.\");\n\tawait card.getByRole(\"button\", { name: \"Apply feedback\" }).click();\n\tawait expect(page.getByText(/accepted a comment on/)).toBeVisible();\n\tawait expect(\n\t\tpage.getByText(\"The agent is not running, so the plan has not been revised.\"),\n\t).toBeVisible();\n\tawait expect(page.getByRole(\"dialog\", { name: \"Comment thread\" })).toHaveCount(0);\n\tawait expect(commentButton(page)).toHaveCount(0);\n\tawait expect(content(page).locator(\"article\").filter({ hasText: QUOTED })).toContainText(QUOTED);\n});\n\ntest(\"a dismissed thread removes its document button\", async ({ join, seed }) => {\n\tawait seed(PROSE);\n\tlet page = await join(\"ana\");\n\tlet card = await thread(page);\n\n\tawait card.getByRole(\"button\", { name: \"Dismiss\" }).click();\n\tawait expect(card).toContainText(\"This closes the thread without changing the document.\");\n\tawait card.getByRole(\"button\", { name: \"Dismiss\" }).click();\n\tawait expect(commentButton(page)).toHaveCount(0);\n});\n","editable",false,"branch","documentNavigation","repo","githubnext/chopin","repoId","7d1a8ac3-35b0-4dea-85d4-06a980f3bada","ownerId","org:89615882","site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers","watching","pinned","notify","views",[183,184,185,186,187,188,189,190,191,192,193,194,195],"navigation",{"_55":56,"_139":140,"_141":142,"_143":144,"_145":146,"_147":148,"_149":150},"sources",[],"viewer","meta",{"_131":132,"_133":134,"_135":136,"_43":32,"_137":14,"_138":32,"_49":50,"_51":50},"branches",[74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,14,127,128,129,130],"tags",[70,71,72,73],"cloneUrl","https://git.nexthub.sh/githubnext/chopin.git","color-controls-slice-1","color-controls-slice-2","color-controls-slice-3","color-controls-slice-4","Krzysztof-Cieslak-patch-1","Krzysztof-Cieslak-patch-2","Maggie/app-preview-toolkit","Maggie/ci-playwright-install-timeout","Maggie/collaborative-visual-decision","Maggie/design-audit","Maggie/generic-visual-decision-runtime","Maggie/impeccable-chopin-metadata","Maggie/jev-chat-product","Maggie/jev-composed-assessment","Maggie/native-document-layouts","Maggie/openui-composition-product","Maggie/openui-composition-trial","Maggie/planner-visual-authoring","Maggie/planner-visual-requests","Maggie/visual-selection-eval","artifacts/pr-419-live-preview-20261009","automation/pr-maintenance-state","automation/use-effect/callout-disabled-picker-8cf9e49ba5c09471","automation/use-effect/collaboration-options-ref-4e3a5a08a879a5ae","automation/use-effect/room-workspace-effective-access-a57d40866c71bed0","chore/bun-1.4.2","color-controls","color-controls-plan","comments","design-pr-assets","design/archived-decisions-badge","design/channel-route-remount","design/chat-decision-entry","design/conversation-analysis-markers","design/decision-evidence","design/settled-line-icon","dev/integration","diagram-step-controls","feat/liveapp-frontend-pilot","feat/local-experiments","feat/local-launcher-tracer","fix/autolink-mdx-crash","github-pills/2-pills","github-pills/3-hover-card","maggie/app-preview-toolkit","maggie/ci-playwright-install-timeout","maggie/collaborative-visual-decision","maggie/design-audit","maggie/generic-visual-decision-runtime","maggie/impeccable-chopin-metadata","maggie/jev-composed-assessment","maggie/native-document-layouts","maggie/openui-composition-product","maggie/openui-composition-trial","maggie/planner-visual-authoring","maggie/planner-visual-requests","maggie/visual-selection-eval","plain-text-fence-chrome","tokens/09-copy","wireframes/2-renderer","wireframes/3-planner","description","Let's compose rich plans together","owner","githubnext","section","","head","empty","pins",[165,166,167],"documents",{"_160":161,"_162":163},"code",{"_156":157,"_158":159},"automations",{"_153":154,"_155":-5},"delivery",{"_151":50,"_152":-5},"tag","04zvKQ8QOrDUF8TO1Ovz0Zy8_TT","releases","applications","workflows",3,"deployments","commits",1000,"changes",13,"counts",{"_164":163},"total",11,"issue",{"_168":158,"_170":181,"_15":158,"_172":182,"_53":174,"_175":32,"_176":174,"_177":159},{"_168":178,"_170":179,"_15":178,"_172":180,"_53":174,"_175":32,"_176":174,"_177":50},{"_168":169,"_170":171,"_15":169,"_172":173,"_53":174,"_175":32,"_176":174,"_177":163},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_168":158,"_170":181,"_15":158,"_172":226,"_53":174,"_175":32,"_176":174},{"_168":178,"_170":179,"_15":178,"_172":225,"_53":174,"_175":32,"_176":174},{"_168":169,"_170":171,"_15":169,"_172":224,"_53":174,"_175":32,"_176":174},{"_168":221,"_170":222,"_15":221,"_172":223,"_53":32,"_175":32,"_176":174},{"_168":218,"_170":219,"_15":218,"_172":220,"_53":32,"_175":32,"_176":174},{"_168":153,"_170":216,"_15":145,"_172":217,"_53":32,"_175":32,"_176":174},{"_168":155,"_170":213,"_15":214,"_172":215,"_53":32,"_175":32,"_176":174},{"_168":151,"_170":211,"_15":151,"_172":212,"_53":32,"_175":32,"_176":174},{"_168":207,"_170":208,"_15":209,"_172":210,"_53":32,"_175":32,"_176":174},{"_168":141,"_170":205,"_15":141,"_172":206,"_53":32,"_175":32,"_176":32},{"_168":202,"_170":203,"_15":202,"_172":204,"_53":32,"_175":32,"_176":32},{"_168":199,"_170":200,"_15":199,"_172":201,"_53":32,"_175":32,"_176":32},{"_168":196,"_170":197,"_15":196,"_172":198,"_53":32,"_175":32,"_176":32},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794434413174,"sidebar","expanded"]