[{"_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",{"_40":41,"_227":-5,"_228":-5,"_229":230},"routes/repo",{"_33":-7,"_34":35,"_36":37,"_38":39,"_40":41,"_42":31,"_43":31,"_44":31,"_45":31,"_46":31,"_47":31,"_48":49,"_50":49,"_51":31,"_52":-7,"_53":-7,"_54":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":14,"_22":23,"_24":-5,"_25":26,"_27":28,"_28":29,"_30":31,"_32":14},"ref","ee5fa4f09fbf1fa640ccc65c1050e2d8f8b2b893","path","e2e/sidecar.e2e.ts","oid","c080a2a9c110c5d93ca28c28f54f1b193880b4f7","size",51163,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","/**\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, test } from \"./room\";\nimport { storedQuestion } from \"../apps/server/src/testing/plan\";\n\nimport type { 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 desktop comment uses a stable document-edge surface\", 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 pane\" }).click();\n\tawait page.getByRole(\"button\", { name: \"Collapse Projects sidebar\" }).click();\n\tlet card = await thread(page);\n\tlet document = page.locator(\".plan-document\");\n\n\tawait expect.poll(async () => {\n\t\tlet cardBox = await card.boundingBox();\n\t\tlet documentBox = await document.boundingBox();\n\t\tif (!cardBox || !documentBox) return Number.POSITIVE_INFINITY;\n\t\treturn Math.abs(\n\t\t\tdocumentBox.x + documentBox.width - 12 - (cardBox.x + cardBox.width),\n\t\t);\n\t}).toBeLessThanOrEqual(1);\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 document = page.locator(\".plan-document\");\n\n\tawait expect(card).not.toHaveAttribute(\"aria-modal\", \"true\");\n\tawait expect(page.getByRole(\"button\", { name: \"Resize comment sheet\" })).toHaveCount(0);\n\tawait expect.poll(async () => {\n\t\tlet cardBox = await card.boundingBox();\n\t\tlet documentBox = await document.boundingBox();\n\t\tif (!cardBox || !documentBox) return false;\n\t\treturn cardBox.width <= 320\n\t\t\t&& Math.abs(cardBox.x + cardBox.width - (documentBox.x + documentBox.width - 12)) <= 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 room opens Decisions with the injected unanswered questions\",\n\tasync ({ baseURL, page, room }) => {\n\t\tawait authenticate(page, \"ana\", baseURL!);\n\t\tawait page.goto(`/channels/${room}`);\n\n\t\tawait expect(page.getByRole(\"button\", { name: /^Decisions/ }))\n\t\t\t.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 = page.getByPlaceholder(\"Use @chopin to ask Chopin\");\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 expect(draft).toHaveValue(\"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(\"automatic Decisions changes reconcile after compact Chat closes\", async ({ baseURL, browser, page: ana, room }) => {\n\tawait ana.setViewportSize({ width: 390, height: 844 });\n\tawait authenticate(ana, \"ana\", baseURL!);\n\tawait ana.goto(`/channels/${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: /^Decisions/ })).toHaveAttribute(\n\t\t\"aria-current\",\n\t\t\"page\",\n\t);\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(`/channels/${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\tawait documentEditor(bo).fill(\"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: \"Document\" })).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: 768 },\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: /How should we deploy.*show in plan/ }).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: \"Add an option\" })).toHaveCount(0);\n\tawait expect(scope.getByRole(\"textbox\", { name: \"Add an 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 customChoice = scope.getByRole(\"checkbox\", { name: \"Add an option\" });\n\tawait customChoice.focus();\n\tawait page.keyboard.press(\"Space\");\n\tlet custom = scope.getByRole(\"textbox\", { name: \"Add an option\" });\n\tawait expect(custom).toBeFocused();\n\tlet saveScope = scope.getByRole(\"button\", { name: \"Save\", exact: true });\n\tawait expect(saveScope).toBeDisabled();\n\tawait custom.press(\"Escape\");\n\tawait expect(custom).toHaveCount(0);\n\tawait expect(customChoice).toBeFocused();\n\tawait customChoice.press(\"Space\");\n\tawait expect(custom).toBeFocused();\n\tawait custom.fill(\"Only collaborative anchors\");\n\tawait scope.getByRole(\"checkbox\", { name: \"Anchors\" }).check();\n\tawait expect(custom).toHaveCount(0);\n\tawait customChoice.click();\n\tcustom = scope.getByRole(\"textbox\", { name: \"Add an option\" });\n\tawait expect(custom).toHaveValue(\"Only collaborative anchors\");\n\tawait expect(custom).toBeFocused();\n\tawait scope.getByRole(\"button\", { name: \"Save\", exact: true }).click();\n\tawait expect(questionnaire(page).filter({ hasText: \"Which of these belong in the first cut?\" }))\n\t\t.toContainText(\"Only collaborative anchors\");\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: /^Editing this question/ });\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(ana.card.getByRole(\"group\", { name: new RegExp(`\\\\b${handle}\\\\b`) }))\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\tlet tooltip = ana.page.locator(\"[data-icon-tooltip]\");\n\tawait people.getByRole(\"img\").first().hover();\n\tawait expect(tooltip).toBeVisible();\n\tawait expect(tooltip).toHaveText(\"Bo\");\n\n\tawait more.hover();\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\", \"Editing this question: cy, Di\");\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 }) => !!document.elementFromPoint(x, y)?.closest(\"[data-plan-comment-sheet]\"),\n\t\t\tdestinationPoint,\n\t\t)\n\t).toBe(true);\n\tawait page.mouse.click(destinationPoint.x, destinationPoint.y);\n\tawait expect(sheet).toBeVisible();\n\tawait expect(plan).toHaveAttribute(\"aria-pressed\", \"true\");\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 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\tlet marker = page.locator(\"[data-plan-comment-button]\").last();\n\tawait expect(marker).toBeAttached();\n\tawait marker.click();\n\tlet sheet = page.getByRole(\"dialog\", { name: \"Comment thread\" });\n\tlet grabber = sheet.getByRole(\"button\", { name: \"Resize comment sheet\" });\n\tawait expect(grabber).toBeFocused();\n\n\t// No 44px point can fit inside this host. The marker moves beyond the passage,\n\t// but the open sheet and its focus must not be unmounted while geometry changes.\n\tawait page.setViewportSize({ width: 32, height: 300 });\n\tawait expect(marker).toBeAttached();\n\tawait expect(sheet).toBeVisible();\n\tawait expect(grabber).toBeFocused();\n\tlet markerBox = await marker.boundingBox();\n\tlet documentBox = await page.locator(\"[data-plan-scroll]\").boundingBox();\n\texpect(markerBox).not.toBeNull();\n\texpect(documentBox).not.toBeNull();\n\texpect(markerBox!.y).toBeGreaterThanOrEqual(documentBox!.y + documentBox!.height);\n\n\t// Recover with enough vertical room for the marker after the passage. Whether a\n\t// 44px marker fits beside the wrapped text depends on platform font metrics.\n\tawait page.setViewportSize({ width: 430, height: 3_200 });\n\tawait expect(sheet).toBeVisible();\n\tawait expect(grabber).toBeFocused();\n\tawait expect(marker).toBeAttached();\n\tawait expect.poll(async () => {\n\t\tmarkerBox = await marker.boundingBox();\n\t\tdocumentBox = await page.locator(\"[data-plan-scroll]\").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\texpect(markerBox!.height).toBeGreaterThanOrEqual(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\texpect(passages.every(passage =>\n\t\tmarkerBox!.x >= passage.right\n\t\t|| markerBox!.x + markerBox!.width <= passage.left\n\t\t|| markerBox!.y >= passage.bottom\n\t\t|| markerBox!.y + markerBox!.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 pane\" }).click();\n\tawait page.getByRole(\"button\", { name: \"Collapse Projects 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",{"_54":55,"_139":140,"_141":142,"_143":144,"_145":146,"_147":148,"_149":150},"sources",[],"viewer","meta",{"_131":132,"_133":134,"_135":136,"_42":31,"_137":126,"_138":31,"_48":49,"_50":49},"branches",[73,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,127,128,129,130],"tags",[69,70,71,72],"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","main","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":49,"_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,"_52":174,"_175":31,"_176":174,"_177":159},{"_168":178,"_170":179,"_15":178,"_172":180,"_52":174,"_175":31,"_176":174,"_177":49},{"_168":169,"_170":171,"_15":169,"_172":173,"_52":174,"_175":31,"_176":174,"_177":163},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_168":158,"_170":181,"_15":158,"_172":226,"_52":174,"_175":31,"_176":174},{"_168":178,"_170":179,"_15":178,"_172":225,"_52":174,"_175":31,"_176":174},{"_168":169,"_170":171,"_15":169,"_172":224,"_52":174,"_175":31,"_176":174},{"_168":221,"_170":222,"_15":221,"_172":223,"_52":31,"_175":31,"_176":174},{"_168":218,"_170":219,"_15":218,"_172":220,"_52":31,"_175":31,"_176":174},{"_168":153,"_170":216,"_15":145,"_172":217,"_52":31,"_175":31,"_176":174},{"_168":155,"_170":213,"_15":214,"_172":215,"_52":31,"_175":31,"_176":174},{"_168":151,"_170":211,"_15":151,"_172":212,"_52":31,"_175":31,"_176":174},{"_168":207,"_170":208,"_15":209,"_172":210,"_52":31,"_175":31,"_176":174},{"_168":141,"_170":205,"_15":141,"_172":206,"_52":31,"_175":31,"_176":31},{"_168":202,"_170":203,"_15":202,"_172":204,"_52":31,"_175":31,"_176":31},{"_168":199,"_170":200,"_15":199,"_172":201,"_52":31,"_175":31,"_176":31},{"_168":196,"_170":197,"_15":196,"_172":198,"_52":31,"_175":31,"_176":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794538092706,"sidebar","expanded"]