[{"_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","1906e8f485d00a4e2d8fcbd68cb63b2c85c483b6","path","e2e/document-navigation.e2e.ts","oid","610e9f144dce23d82a64de2388eaa287c97cd9b7","size",44605,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { authenticate, content, expect, roomPath, test } from \"./room\";\nimport { createChannel, seedChannel } from \"./database\";\nimport { chatInput } from \"./chat-input\";\n\nfunction channel(id: string, title: string, description?: string) {\n\treturn {\n\t\tcreatedAt: \"2026-08-19T12:00:00.000Z\",\n\t\tcreatedBy: \"U_ana\",\n\t\tid,\n\t\trepositoryId: \"R_score\",\n\t\trepositoryName: \"score\",\n\t\trepositoryOwner: \"octo-org\",\n\t\trevision: 0,\n\t\tdescriptionRevision: description ? 1 : 0,\n\t\t...(description ? { description } : {}),\n\t\tslug: title.toLowerCase().replace(/[^a-z0-9]+/g, \"-\").replace(/^-|-$/g, \"\"),\n\t\ttitle,\n\t\tupdatedAt: \"2026-08-19T12:00:00.000Z\",\n\t};\n}\n\nconst repository = {\n\tdefaultBranch: \"main\",\n\tfullName: \"octo-org/score\",\n\tid: \"R_score\",\n\tname: \"score\",\n\towner: \"octo-org\",\n\townerAvatarUrl: \"https://example.invalid/octo-org.png\",\n\tpermissions: { admin: false, pull: true, push: true },\n\tprivate: true,\n\turl: \"https://github.com/octo-org/score\",\n};\n\nfunction sidebar(page: import(\"@playwright/test\").Page) {\n\treturn page.getByRole(\"complementary\", { name: \"Projects\" });\n}\n\nfunction headerDocument(page: import(\"@playwright/test\").Page) {\n\treturn page.getByRole(\"banner\").locator('[aria-label^=\"Document:\"]');\n}\n\nfunction headerActions(page: import(\"@playwright/test\").Page) {\n\treturn page.getByRole(\"banner\").getByRole(\"button\", { name: /^Actions for / });\n}\n\nfunction documentRouteLayers(page: import(\"@playwright/test\").Page, selector: string) {\n\treturn page.locator(selector).filter({\n\t\thas: page.getByRole(\"banner\", { includeHidden: true }),\n\t});\n}\n\n// Records visible route layers every frame; exit and entry are too brief to poll.\nasync function recordRouteLayers(page: import(\"@playwright/test\").Page) {\n\tawait page.evaluate(() => {\n\t\tlet samples: string[] = [];\n\t\t(window as Window & { __routeSamples?: string[] }).__routeSamples = samples;\n\t\tlet sample = () => {\n\t\t\tlet layers = document.querySelectorAll(\n\t\t\t\t\".document-route-swap > [data-content-swap-state]:not([hidden])\",\n\t\t\t);\n\t\t\tsamples.push(\n\t\t\t\t[...layers].map(layer =>\n\t\t\t\t\t`${layer.dataset.contentSwapState}${layer.hasAttribute(\"inert\") ? \":inert\" : \"\"}`\n\t\t\t\t).join(\" \"),\n\t\t\t);\n\t\t\tif (samples.length < 1200) requestAnimationFrame(sample);\n\t\t};\n\t\trequestAnimationFrame(sample);\n\t});\n}\n\nasync function routeLayerSamples(page: import(\"@playwright/test\").Page) {\n\tlet samples = await page.evaluate(() =>\n\t\t(window as Window & { __routeSamples?: string[] }).__routeSamples ?? []\n\t);\n\t// Two routes are never interactive at once.\n\tfor (let sample of samples) {\n\t\texpect(sample.split(\" \").filter(layer => layer && !layer.endsWith(\":inert\")).length)\n\t\t\t.toBeLessThanOrEqual(1);\n\t}\n\treturn samples;\n}\n\nasync function headerAction(page: import(\"@playwright/test\").Page, action: string) {\n\tawait headerActions(page).click();\n\tawait page.getByRole(\"menuitem\", { name: action, exact: true }).click();\n}\n\ntest(\"a newly navigated parent document opens and submits its own comment composer\", async ({ baseURL, join, seed }) => {\n\tawait seed(\"Original parent document.\\n\");\n\tlet destination = crypto.randomUUID();\n\tlet destinationTitle = `Test ${destination.slice(0, 8)}`;\n\tlet destinationText = \"The destination parent document accepts a comment.\";\n\tlet databasePort = Number(new URL(baseURL!).port);\n\tawait createChannel(databasePort, destination);\n\tawait seedChannel(databasePort, destination, `${destinationText}\\n`);\n\tlet page = await join(\"ana\");\n\n\tawait sidebar(page).getByRole(\"link\", { name: destinationTitle, exact: true }).click();\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${destinationTitle}`);\n\tlet routes = page.locator(\".document-route-swap > [data-content-swap-state]:not([hidden])\");\n\tawait expect(routes).toHaveCount(1);\n\tlet active = page.locator(\n\t\t\".document-route-swap > [data-content-swap-state]:not([hidden]):not([inert])\",\n\t);\n\tlet editor = active.getByRole(\"textbox\", { name: \"editable markdown\" });\n\tawait editor.getByText(destinationText, { exact: true }).selectText();\n\tawait active.getByRole(\"button\", { name: \"Comment on this passage\", exact: true }).click();\n\n\tlet draft = active.getByRole(\"dialog\", { name: \"New comment\" });\n\tawait draft.getByPlaceholder(\"Comment on this passage…\").fill(\"Keep this parent passage.\");\n\tawait draft.getByRole(\"button\", { name: \"Post comment\", exact: true }).click();\n\tawait expect(active.getByRole(\"button\", { name: /Comment on “The destination parent/ }))\n\t\t.toBeVisible();\n});\n\ntest(\"document action menu motion follows its pointer trigger and survives interruption\", async ({ join }) => {\n\tlet page = await join(\"ana\");\n\tlet trigger = headerActions(page);\n\tawait trigger.click();\n\tlet menu = page.getByRole(\"menu\", { name: /^Actions for / });\n\tlet retainedMenu = page.getByRole(\"menu\", { includeHidden: true });\n\tawait expect(menu).toBeVisible();\n\n\tlet [triggerBox, menuLayout] = await Promise.all([\n\t\ttrigger.boundingBox(),\n\t\tmenu.evaluate(element => {\n\t\t\tlet menu = element as HTMLElement;\n\t\t\treturn {\n\t\t\t\theight: menu.offsetHeight,\n\t\t\t\tleft: menu.offsetLeft,\n\t\t\t\torigin: getComputedStyle(element).transformOrigin,\n\t\t\t\ttop: menu.offsetTop,\n\t\t\t\twidth: menu.offsetWidth,\n\t\t\t};\n\t\t}),\n\t]);\n\texpect(triggerBox).not.toBeNull();\n\tlet [originX, originY] = menuLayout.origin.split(\" \").map(Number.parseFloat);\n\tlet triggerX = triggerBox!.x + triggerBox!.width / 2;\n\tlet triggerY = triggerBox!.y + triggerBox!.height / 2;\n\texpect(menuLayout.left + originX!).toBeCloseTo(\n\t\tMath.min(menuLayout.left + menuLayout.width, Math.max(menuLayout.left, triggerX)),\n\t\t0,\n\t);\n\texpect(menuLayout.top + originY!).toBeCloseTo(\n\t\tMath.min(menuLayout.top + menuLayout.height, Math.max(menuLayout.top, triggerY)),\n\t\t0,\n\t);\n\n\tawait trigger.click();\n\tawait expect(retainedMenu).toHaveAttribute(\"aria-hidden\", \"true\");\n\tawait expect(retainedMenu).toHaveAttribute(\"inert\", \"\");\n\tawait expect(trigger).toBeFocused();\n\tawait trigger.click();\n\tawait expect(retainedMenu).not.toHaveAttribute(\"aria-hidden\", \"true\");\n\tawait expect(retainedMenu).not.toHaveAttribute(\"inert\", \"\");\n\tawait expect(retainedMenu).toHaveCount(1);\n\tawait page.keyboard.press(\"Escape\");\n\tawait expect(menu).toHaveCount(0);\n});\n\ntest(\"header actions menu is start-aligned to its trigger\", async ({ join }) => {\n\tlet page = await join(\"ana\");\n\tlet trigger = headerActions(page);\n\tawait trigger.click();\n\tlet menu = page.getByRole(\"menu\", { name: /^Actions for / });\n\tawait expect(menu).toBeVisible();\n\tlet [triggerBox, layout] = await Promise.all([\n\t\ttrigger.boundingBox(),\n\t\tmenu.evaluate(element => ({\n\t\t\tleft: (element as HTMLElement).offsetLeft,\n\t\t\ttop: (element as HTMLElement).offsetTop,\n\t\t})),\n\t]);\n\texpect(layout.left).toBeCloseTo(triggerBox!.x, 0);\n\texpect(layout.top).toBeGreaterThanOrEqual(triggerBox!.y + triggerBox!.height);\n});\n\ntest(\"account menu closes on Escape and outside click, and returns focus\", async ({ join }) => {\n\tlet page = await join(\"ana\");\n\tlet account = sidebar(page).locator(\".project-sidebar-account\");\n\tlet menu = page.getByRole(\"menu\").filter({\n\t\thas: page.getByRole(\"menuitem\", { name: \"Sign out\" }),\n\t});\n\tawait account.click();\n\tawait expect(menu).toBeVisible();\n\tawait page.keyboard.press(\"ArrowDown\");\n\tawait expect(menu.getByRole(\"menuitem\", { name: \"Sign out\" })).toBeFocused();\n\tawait page.keyboard.press(\"Escape\");\n\tawait expect(menu).toHaveCount(0);\n\tawait expect(account).toBeFocused();\n\tawait account.click();\n\tawait expect(menu).toBeVisible();\n\tawait page.getByRole(\"banner\").click({ position: { x: 600, y: 10 } });\n\tawait expect(menu).toHaveCount(0);\n\tawait expect(account).toHaveAttribute(\"aria-expanded\", \"false\");\n});\n\ntest(\"document action menu motion settles keyboard opening immediately\", async ({ join }) => {\n\tlet page = await join(\"ana\");\n\tlet trigger = headerActions(page);\n\tawait trigger.focus();\n\tawait trigger.press(\"ArrowDown\");\n\tlet menu = page.getByRole(\"menu\", { name: /^Actions for / });\n\tawait expect(page.getByRole(\"menuitem\", { name: \"Copy link\", exact: true })).toBeFocused();\n\tawait expect(menu).toHaveCSS(\"transition-duration\", \"0s\");\n\tawait page.keyboard.press(\"ArrowDown\");\n\tawait expect(page.getByRole(\"menuitem\", { name: \"Rename\", exact: true })).toBeFocused();\n});\n\ntest(\"a pointer-collapsed Project stays inert through exit and restores in place\", async ({ join }) => {\n\tlet page = await join(\"ana\");\n\tlet projects = sidebar(page);\n\tlet trigger = projects.getByRole(\"button\", { name: \"score\", exact: true });\n\tlet body = projects.locator('[data-motion-disclosure=\"projects\"]');\n\tlet bodyId = await body.getAttribute(\"id\");\n\n\texpect(bodyId).not.toBeNull();\n\tawait expect(trigger).toHaveAttribute(\"aria-controls\", bodyId!);\n\tawait trigger.click();\n\tawait expect(trigger).not.toHaveAttribute(\"aria-controls\");\n\tawait expect(body).toHaveAttribute(\"aria-hidden\", \"true\");\n\tawait expect(body).toHaveAttribute(\"inert\", \"\");\n\tawait trigger.click();\n\tawait expect(trigger).toHaveAttribute(\"aria-controls\", bodyId!);\n\tawait expect(body).not.toHaveAttribute(\"aria-hidden\", \"true\");\n\tawait expect(body).not.toHaveAttribute(\"inert\", \"\");\n\tawait expect(body).toHaveCount(1);\n});\n\ntest(\"document action menu closes when placement cannot be measured\", async ({ join }) => {\n\tlet page = await join(\"ana\");\n\tlet trigger = headerActions(page);\n\tawait page.addStyleTag({ content: \".document-actions-menu { display: none !important; }\" });\n\n\tawait trigger.click();\n\n\tawait expect(trigger).toHaveAttribute(\"aria-expanded\", \"false\");\n\tawait expect(trigger).toBeFocused();\n\tawait expect(page.locator(\".document-actions-menu\")).toHaveCount(0);\n});\n\ntest(\"the room header renames the current document and the sidebar creates one immediately\", async ({ join }) => {\n\tlet page = await join(\"ana\");\n\tlet header = page.getByRole(\"banner\");\n\tlet trigger = headerActions(page);\n\tlet projects = sidebar(page);\n\n\tawait expect(headerDocument(page)).toBeVisible();\n\tawait expect(projects.locator('[aria-current=\"page\"]')).toHaveCount(1);\n\tawait expect(header.getByRole(\"button\", { name: /planner session/i })).toHaveCount(0);\n\tawait expect(trigger).toBeVisible();\n\tawait headerAction(page, \"Rename\");\n\tlet title = page.getByRole(\"textbox\", { name: \"Document title\" });\n\tawait expect(title).toBeFocused();\n\tawait title.press(\"Escape\");\n\tawait expect(header.getByRole(\"button\", { name: /^Rename / })).toBeFocused();\n\n\tawait projects.getByRole(\"button\", { name: \"New document\", exact: true }).click();\n\tawait expect(page).toHaveURL(/\\/documents\\/octo-org\\/score\\/[a-z]+-[a-z]+$/);\n\tawait expect(headerDocument(page)).toHaveAccessibleName(/^Document: [a-z]+-[a-z]+$/);\n\t// A new document opens with its generated name selected, ready to be replaced.\n\tawait expect(title).toBeFocused();\n\texpect(\n\t\tawait title.evaluate(field => {\n\t\t\tlet input = field as HTMLInputElement;\n\t\t\treturn input.selectionStart === 0 && input.selectionEnd === input.value.length;\n\t\t}),\n\t).toBe(true);\n\tlet name = `Named ${crypto.randomUUID().slice(0, 8)}`;\n\tawait page.keyboard.type(name);\n\tawait page.keyboard.press(\"Enter\");\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${name}`);\n\tawait expect(content(page)).toBeFocused();\n\tawait expect(projects.getByRole(\"link\", { name, exact: true })).toBeVisible();\n});\n\ntest(\"the header title renames in place with click, F2, Escape, and blur\", async ({ join, room }) => {\n\tlet page = await join(\"ana\");\n\tlet header = page.getByRole(\"banner\");\n\tlet field = page.getByRole(\"textbox\", { name: \"Document title\" });\n\tlet title = `Inline ${room.slice(0, 8)}`;\n\n\tawait header.getByRole(\"button\", { name: /^Rename / }).click();\n\tawait expect(field).toBeFocused();\n\tawait field.fill(\"Discarded title\");\n\tawait field.press(\"Escape\");\n\tawait expect(field).toHaveCount(0);\n\tawait expect(headerDocument(page)).not.toHaveAccessibleName(\"Document: Discarded title\");\n\n\tlet button = header.getByRole(\"button\", { name: /^Rename / });\n\tawait expect(button).toBeFocused();\n\tawait button.press(\"F2\");\n\tawait expect(field).toBeFocused();\n\tawait field.fill(title);\n\tawait page.getByRole(\"banner\").click({ position: { x: 600, y: 10 } });\n\tawait expect(field).toHaveCount(0);\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${title}`);\n\tawait expect(header.getByRole(\"button\", { name: `Rename ${title}`, exact: true })).toBeVisible();\n});\n\ntest(\"typing straight after New document names it without losing a character\", async ({ join }) => {\n\tlet page = await join(\"ana\");\n\tlet cdp = await page.context().newCDPSession(page);\n\tawait cdp.send(\"Emulation.setCPUThrottlingRate\", { rate: 4 });\n\ttry {\n\t\tfor (let delay of [0, 10]) {\n\t\t\t// Sixteen characters typed while the document is still being created and opened.\n\t\t\tlet name = `Quick${crypto.randomUUID().replaceAll(\"-\", \"\").slice(0, 11)}`;\n\t\t\tawait sidebar(page).getByRole(\"button\", { name: \"New document\", exact: true }).click();\n\t\t\tawait page.keyboard.type(name, { delay });\n\t\t\tawait page.keyboard.press(\"Enter\");\n\t\t\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${name}`);\n\t\t\tawait expect(content(page)).not.toContainText(name.slice(0, 5));\n\t\t}\n\t} finally {\n\t\tawait cdp.send(\"Emulation.setCPUThrottlingRate\", { rate: 1 });\n\t}\n});\n\ntest(\"sidebar Rename opens that document with its title ready to edit\", async ({ baseURL, join }) => {\n\tlet other = crypto.randomUUID();\n\tlet otherTitle = `Test ${other.slice(0, 8)}`;\n\tawait createChannel(Number(new URL(baseURL!).port), other);\n\tlet page = await join(\"ana\");\n\tlet projects = sidebar(page);\n\n\tawait projects.getByRole(\"link\", { name: otherTitle, exact: true }).hover();\n\tawait projects.getByRole(\"button\", { name: `Actions for ${otherTitle}` }).click();\n\tawait page.getByRole(\"menuitem\", { name: \"Rename\", exact: true }).click();\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${otherTitle}`);\n\tlet field = page.getByRole(\"textbox\", { name: \"Document title\" });\n\tawait expect(field).toBeFocused();\n\tawait expect(page.getByRole(\"dialog\")).toHaveCount(0);\n\tlet renamed = `Renamed ${other.slice(0, 8)}`;\n\tawait field.fill(renamed);\n\tawait field.press(\"Enter\");\n\tawait expect(projects.getByRole(\"link\", { name: renamed, exact: true })).toBeVisible();\n});\n\ntest(\"leaving a rejected title reverts it without retrying\", async ({ join, room }) => {\n\tlet page = await join(\"ana\");\n\tlet patches = 0;\n\tawait page.route(\"**/api/channels/*\", async route => {\n\t\tif (route.request().method() !== \"PATCH\") return route.continue();\n\t\tpatches += 1;\n\t\tawait route.fulfill({\n\t\t\tstatus: 409,\n\t\t\tjson: { error: \"a document with this title already exists\" },\n\t\t});\n\t});\n\tlet before = await headerDocument(page).getAttribute(\"aria-label\");\n\tawait page.getByRole(\"banner\").getByRole(\"button\", { name: /^Rename / }).click();\n\tlet field = page.getByRole(\"textbox\", { name: \"Document title\" });\n\tawait field.fill(`Taken ${room.slice(0, 8)}`);\n\tawait field.press(\"Enter\");\n\tawait expect(page.getByRole(\"alert\")).toHaveText(\n\t\t\"A document with this title already exists. Try a different title.\",\n\t);\n\n\tawait page.getByRole(\"banner\").click({ position: { x: 600, y: 10 } });\n\tawait expect(field).toHaveCount(0);\n\tawait expect(headerDocument(page)).toHaveAttribute(\"aria-label\", before!);\n\texpect(patches).toBe(1);\n});\n\ntest(\"a pointer-dismissed navigation dialog releases focus while it exits\", async ({ join }) => {\n\tlet page = await join(\"ana\");\n\tlet trigger = sidebar(page).getByRole(\"button\", { name: \"Search\", exact: true });\n\tawait trigger.click();\n\tawait expect(page.getByRole(\"textbox\", { name: \"Search documents\" })).toBeFocused();\n\tlet modal = page.getByRole(\"dialog\", { includeHidden: true, name: \"Search documents\" })\n\t\t.locator(\"../..\");\n\tawait page.getByRole(\"button\", { name: \"Close Search documents\" }).click({\n\t\tposition: { x: 8, y: 8 },\n\t});\n\n\tawait expect(modal).toHaveAttribute(\"aria-hidden\", \"true\");\n\tawait expect(modal).toHaveAttribute(\"inert\", \"\");\n\tawait expect(trigger).toBeFocused();\n\tawait expect(modal).toHaveCount(0);\n});\n\ntest(\"sidebar titles stay readable until hover reveals controls\", async ({ join, page }) => {\n\tlet title = \"Complete the implementation\";\n\tlet listed = channel(\"cccccccc-0000-4000-8000-000000000000\", title);\n\tawait page.route(\n\t\t\"**/api/repositories/octo-org/score/channels*\",\n\t\troute => route.fulfill({ json: { canEdit: true, channels: [listed], repository } }),\n\t);\n\n\tpage = await join(\"ana\");\n\tlet projects = sidebar(page);\n\tlet link = projects.getByRole(\"link\", { name: title, exact: true });\n\tlet titleText = link.locator(\"span\").last();\n\tlet row = link.locator(\"..\");\n\tlet actions = projects.getByRole(\"button\", { name: `Actions for ${title}` });\n\tlet clipped = () => titleText.evaluate(element => element.scrollWidth > element.clientWidth);\n\n\tawait expect(actions).toBeHidden();\n\texpect(await clipped()).toBe(false);\n\n\tawait row.hover();\n\tawait expect(actions).toBeVisible();\n\texpect(await clipped()).toBe(true);\n\tlet [rowBox, actionsBox] = await Promise.all([row.boundingBox(), actions.boundingBox()]);\n\texpect(rowBox!.x + rowBox!.width - actionsBox!.x - actionsBox!.width).toBeLessThanOrEqual(8);\n});\n\ntest(\"sidebar rows stay single-line and reveal descriptions beside the rail\", async ({ join, page }) => {\n\tlet title = \"Release plan\";\n\tlet description = \"Coordinates the release readiness work across every team.\";\n\tlet listed = channel(\"cccccccc-0000-4000-8000-000000000000\", title, description);\n\tawait page.route(\n\t\t\"**/api/repositories/octo-org/score/channels*\",\n\t\troute => route.fulfill({ json: { canEdit: true, channels: [listed], repository } }),\n\t);\n\n\tpage = await join(\"ana\");\n\tlet projects = sidebar(page);\n\tlet link = projects.getByRole(\"link\", { name: title, exact: true });\n\tawait expect(link).toHaveAccessibleDescription(description);\n\tawait expect(projects.getByText(description)).toHaveCount(0);\n\tlet row = link.locator(\"..\");\n\texpect((await row.boundingBox())!.height).toBe(30);\n\n\tlet pencil = projects.getByRole(\"button\", { name: \"New document in score\", exact: true });\n\tawait row.hover();\n\tawait expect(pencil).toHaveCSS(\"opacity\", \"0\");\n\tlet card = page.locator(\"[data-icon-tooltip]\");\n\tawait expect(card).toHaveText(description);\n\tawait expect(card).toBeVisible();\n\tlet [cardBox, railBox] = await Promise.all([card.boundingBox(), projects.boundingBox()]);\n\texpect(cardBox!.x).toBeGreaterThanOrEqual(railBox!.x + railBox!.width);\n\n\tawait pencil.locator(\"..\").hover();\n\tawait expect(pencil).toHaveCSS(\"opacity\", \"1\");\n});\n\ntest(\"a tapped sidebar row does not open its description card\", async ({ join }) => {\n\tlet title = \"Release plan\";\n\tlet listed = channel(\"cccccccc-0000-4000-8000-000000000000\", title, \"Touch never shows this.\");\n\tlet page = await join(\"ana\", { hasTouch: true, viewport: { width: 1280, height: 820 } });\n\tawait page.context().route(\n\t\t\"**/api/repositories/octo-org/score/channels*\",\n\t\troute => route.fulfill({ json: { canEdit: true, channels: [listed], repository } }),\n\t);\n\tawait page.reload();\n\tlet link = sidebar(page).getByRole(\"link\", { name: title, exact: true });\n\tawait link.evaluate(element =>\n\t\telement.addEventListener(\"click\", event => {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t})\n\t);\n\tawait link.tap();\n\tawait expect(link).toBeFocused();\n\tawait page.waitForTimeout(800);\n\tawait expect(page.locator(\"[data-icon-tooltip]\")).toBeHidden();\n});\n\ntest(\"a long description card stays inside the window beside a bottom row\", async ({ join }) => {\n\tlet description = Array.from({ length: 12 }, () => \"Coordinates release readiness work.\")\n\t\t.join(\" \");\n\tlet listed = Array.from(\n\t\t{ length: 12 },\n\t\t(_, index) =>\n\t\t\tchannel(\n\t\t\t\t`${String(index + 1).padStart(8, \"0\")}-0000-4000-8000-000000000000`,\n\t\t\t\t`Note ${index + 1}`,\n\t\t\t\tindex === 11 ? description : undefined,\n\t\t\t),\n\t);\n\tlet height = 420;\n\tlet page = await join(\"ana\", { viewport: { width: 1440, height } });\n\tawait page.context().route(\n\t\t\"**/api/repositories/octo-org/score/channels*\",\n\t\troute => route.fulfill({ json: { canEdit: true, channels: listed, repository } }),\n\t);\n\tawait page.reload();\n\tlet link = sidebar(page).getByRole(\"link\", { name: \"Note 12\", exact: true });\n\t// Scrolling hides tooltips, so settle the rail before hovering.\n\tawait link.scrollIntoViewIfNeeded();\n\tawait page.evaluate(() =>\n\t\tnew Promise(resolve => requestAnimationFrame(() => requestAnimationFrame(resolve)))\n\t);\n\tawait link.hover();\n\tlet card = page.locator(\"[data-icon-tooltip]\");\n\tawait expect(card).toBeVisible();\n\tlet box = (await card.boundingBox())!;\n\texpect(box.height).toBeGreaterThan(100);\n\texpect(box.y).toBeGreaterThanOrEqual(8);\n\texpect(box.y + box.height).toBeLessThanOrEqual(height - 8);\n});\n\ntest(\"a stale catalogue response cannot remove a newly created document\", async ({ join, page }) => {\n\tlet captured = Promise.withResolvers();\n\tlet release = Promise.withResolvers();\n\tlet intercepted = false;\n\tawait page.route(\"**/api/repositories/octo-org/score/channels*\", async route => {\n\t\tif (intercepted || route.request().method() !== \"GET\") {\n\t\t\tawait route.continue();\n\t\t\treturn;\n\t\t}\n\t\tintercepted = true;\n\t\tlet response = await route.fetch();\n\t\tcaptured.resolve();\n\t\tawait release.promise;\n\t\tawait route.fulfill({ response });\n\t});\n\n\tpage = await join(\"ana\");\n\tawait captured.promise;\n\tlet projects = sidebar(page);\n\tawait projects.getByRole(\"button\", { name: \"New document\", exact: true }).click();\n\tawait expect(page).toHaveURL(/\\/documents\\/octo-org\\/score\\/[a-z]+-[a-z]+$/);\n\tlet created = projects.locator('a[aria-current=\"page\"]');\n\tawait expect(created).toBeVisible();\n\tlet createdTitle = (await created.textContent())!.trim();\n\tawait expect(projects.getByText(\"Loading more…\", { exact: true })).toBeVisible();\n\n\trelease.resolve();\n\tawait expect(projects.getByText(\"Loading more…\", { exact: true })).toHaveCount(0);\n\tawait expect(projects.getByRole(\"link\", { name: createdTitle, exact: true }))\n\t\t.toHaveAttribute(\"aria-current\", \"page\");\n\tawait expect(projects.locator('a[aria-current=\"page\"]')).toHaveCount(1);\n});\n\ntest(\"document switches preserve navigation state and avoid catalogue reloads\", async ({ join, page }) => {\n\tlet requested: Array<{ documentId?: string; method: string; path: string }> = [];\n\tpage.on(\"request\", request => {\n\t\tlet method = request.method();\n\t\tlet path = new URL(request.url()).pathname;\n\t\tlet body = method === \"PATCH\" && path === \"/api/navigation\"\n\t\t\t? request.postDataJSON() as { documentId?: unknown }\n\t\t\t: undefined;\n\t\trequested.push({\n\t\t\t...(typeof body?.documentId === \"string\" ? { documentId: body.documentId } : {}),\n\t\t\tmethod,\n\t\t\tpath,\n\t\t});\n\t});\n\tlet latestVisit = () =>\n\t\trequested.findLast(request => request.method === \"PATCH\" && request.path === \"/api/navigation\");\n\tpage = await join(\"ana\");\n\tlet initialNavigationRequests =\n\t\trequested.filter(request => request.method === \"GET\" && request.path === \"/api/navigation\")\n\t\t\t.length;\n\tlet projects = sidebar(page);\n\tlet original = projects.locator('a[aria-current=\"page\"]');\n\tlet originalTitle = (await original.textContent())!.trim();\n\tlet originalPath = await original.getAttribute(\"href\");\n\texpect(originalPath).toBeTruthy();\n\n\tawait projects.getByRole(\"button\", { name: \"New document\", exact: true }).click();\n\tawait expect(page).toHaveURL(/\\/documents\\/octo-org\\/score\\/[a-z]+-[a-z]+$/);\n\tlet created = projects.locator('a[aria-current=\"page\"]');\n\tlet createdTitle = (await created.textContent())!.trim();\n\tlet createdPath = await created.getAttribute(\"href\");\n\texpect(createdPath).toBeTruthy();\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${createdTitle}`);\n\tawait expect(documentRouteLayers(page, \"[data-content-swap-state]:not([hidden])\"))\n\t\t.toHaveCount(1);\n\tawait expect(projects.getByRole(\"link\", { name: originalTitle, exact: true })).toBeVisible();\n\texpect(\n\t\trequested.filter(request => request.method === \"GET\" && request.path === \"/api/navigation\"),\n\t).toHaveLength(initialNavigationRequests);\n\tawait expect.poll(() => latestVisit()?.documentId).not.toBeUndefined();\n\tlet createdDocumentId = latestVisit()!.documentId!;\n\n\tlet documentRoutePattern = \"**/api/repositories/octo-org/score/documents/*\";\n\tlet release = Promise.withResolvers();\n\tawait page.route(documentRoutePattern, async route => {\n\t\tawait release.promise;\n\t\tawait route.continue();\n\t});\n\trequested.length = 0;\n\tawait page.evaluate(() => {\n\t\t(window as Window & { __chopinNavigationSentinel?: string }).__chopinNavigationSentinel =\n\t\t\t\"preserved\";\n\t});\n\tawait projects.getByRole(\"link\", { name: originalTitle, exact: true }).click();\n\n\tlet interactiveRoutes = documentRouteLayers(\n\t\tpage,\n\t\t\"[data-content-swap-state]:not([hidden]):not([inert])\",\n\t);\n\tawait expect(page.getByText(\"Opening document…\", { exact: true })).toBeHidden();\n\tawait expect(interactiveRoutes).toHaveCount(1);\n\tawait expect(interactiveRoutes).toBeVisible();\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${createdTitle}`);\n\tawait expect(documentRouteLayers(page, \"[data-content-swap-state]:not([hidden])\"))\n\t\t.toHaveCount(1);\n\tawait expect(projects.getByRole(\"link\", { name: createdTitle, exact: true })).toBeVisible();\n\texpect(\n\t\tawait page.evaluate(() =>\n\t\t\t(window as Window & { __chopinNavigationSentinel?: string }).__chopinNavigationSentinel\n\t\t),\n\t).toBe(\"preserved\");\n\tawait page.keyboard.press(\"Shift\");\n\tawait recordRouteLayers(page);\n\trelease.resolve();\n\tlet visibleRoutes = documentRouteLayers(page, \"[data-content-swap-state]:not([hidden])\");\n\tlet outgoingRoutes = documentRouteLayers(\n\t\tpage,\n\t\t'[data-content-swap-state=\"outgoing\"]:not([hidden])',\n\t);\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${originalTitle}`);\n\tawait expect(visibleRoutes).toHaveCount(1);\n\t// The incoming route waits unseen and inert while the outgoing one leaves.\n\texpect(await routeLayerSamples(page)).toContain(\"outgoing:inert staged:inert\");\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${originalTitle}`);\n\tawait expect(page).toHaveURL(originalPath!);\n\n\tlet createdLink = projects.getByRole(\"link\", { name: createdTitle, exact: true });\n\tawait recordRouteLayers(page);\n\tawait createdLink.click();\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${createdTitle}`);\n\tawait expect(visibleRoutes).toHaveCount(1);\n\texpect(await routeLayerSamples(page)).toContain(\"outgoing:inert staged:inert\");\n\tawait expect(page).toHaveURL(createdPath!);\n\tawait page.unroute(documentRoutePattern);\n\n\texpect(requested.filter(request => request.path === \"/api/session\")).toHaveLength(0);\n\texpect(\n\t\trequested.filter(request => request.method === \"GET\" && request.path === \"/api/navigation\"),\n\t).toHaveLength(0);\n\tawait expect.poll(() =>\n\t\trequested.filter(request => request.method === \"PATCH\" && request.path === \"/api/navigation\")\n\t\t\t.length\n\t).toBe(2);\n\texpect(latestVisit()?.documentId).toBe(createdDocumentId);\n\texpect(requested.filter(request => request.path === \"/api/repositories/octo-org/score/channels\"))\n\t\t.toHaveLength(0);\n\texpect(\n\t\trequested.filter(request =>\n\t\t\trequest.path === \"/api/repositories/octo-org/score/research-workspaces\"\n\t\t),\n\t).toHaveLength(0);\n\n\tawait page.evaluate(() => history.back());\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${originalTitle}`);\n\tawait page.evaluate(() => history.forward());\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${createdTitle}`);\n\tawait expect(visibleRoutes).toHaveCount(1);\n\n\tlet keyboardRelease = Promise.withResolvers();\n\tawait page.route(documentRoutePattern, async route => {\n\t\tawait keyboardRelease.promise;\n\t\tawait route.continue();\n\t});\n\tlet originalLink = projects.getByRole(\"link\", { name: originalTitle, exact: true });\n\tawait originalLink.focus();\n\tawait page.keyboard.press(\"Enter\");\n\tawait page.locator(\"body\").dispatchEvent(\"pointerover\", { pointerType: \"mouse\" });\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${createdTitle}`);\n\tkeyboardRelease.resolve();\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${originalTitle}`);\n\tawait expect(visibleRoutes).toHaveCount(1, { timeout: 100 });\n\tawait expect(outgoingRoutes).toHaveCount(0);\n});\n\ntest(\"rapid document switches and history jumps settle on one visible document\", async ({ baseURL, join, seed }) => {\n\tawait seed(\"Burst origin document.\\n\");\n\tlet databasePort = Number(new URL(baseURL!).port);\n\tlet documents = await Promise.all([0, 1, 2, 3].map(async index => {\n\t\tlet id = crypto.randomUUID();\n\t\tawait createChannel(databasePort, id);\n\t\tawait seedChannel(databasePort, id, `Burst document ${index}.\\n`);\n\t\treturn { text: `Burst document ${index}.`, title: `Test ${id.slice(0, 8)}` };\n\t}));\n\tlet page = await join(\"ana\");\n\tlet projects = sidebar(page);\n\tfor (let document of documents) {\n\t\tawait expect(projects.getByRole(\"link\", { name: document.title, exact: true })).toBeVisible();\n\t}\n\tlet routes = page.locator(\".document-route-swap > [data-content-swap-state]:not([hidden])\");\n\tlet interactive = page.locator(\n\t\t\".document-route-swap > [data-content-swap-state]:not([hidden]):not([inert])\",\n\t);\n\tlet settled = async (document: { text: string; title: string }) => {\n\t\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${document.title}`);\n\t\tawait expect(routes).toHaveCount(1);\n\t\tawait expect(interactive).toHaveCount(1);\n\t\tawait expect(interactive.getByText(document.text, { exact: true })).toBeVisible();\n\t};\n\n\t// Clicks land faster than a route can finish leaving.\n\tawait page.evaluate(async titles => {\n\t\tfor (let title of titles) {\n\t\t\t[...document.querySelectorAll(\"a\")]\n\t\t\t\t.find(link => link.textContent?.trim() === title)!.click();\n\t\t\tawait new Promise(resolve => setTimeout(resolve, 80));\n\t\t}\n\t}, documents.map(document => document.title));\n\tawait settled(documents[3]!);\n\n\tawait page.evaluate(async () => {\n\t\tfor (let step of [-1, 1, -1, -1]) {\n\t\t\thistory.go(step);\n\t\t\tawait new Promise(resolve => setTimeout(resolve, 60));\n\t\t}\n\t});\n\tawait expect(page).toHaveURL(/\\/documents\\/octo-org\\/score\\//);\n\tlet current = (await projects.locator('a[aria-current=\"page\"]').textContent())!.trim();\n\tawait settled(documents.find(document => document.title === current)!);\n});\n\ntest(\"overlapping document workspaces keep IDs, ARIA targets, and focus instance-scoped\", async ({ baseURL, join }) => {\n\tlet page = await join(\"ana\", { viewport: { width: 390, height: 844 } });\n\tlet created = crypto.randomUUID();\n\tawait createChannel(Number(new URL(baseURL!).port), created);\n\tlet destination = roomPath(created);\n\tawait page.locator(\"body\").dispatchEvent(\"pointerover\", { pointerType: \"mouse\" });\n\tawait page.evaluate(path => {\n\t\thistory.pushState(null, \"\", path);\n\t\tdispatchEvent(new PopStateEvent(\"popstate\"));\n\t}, destination);\n\n\tlet routes = page.locator(\".document-route-swap > [data-content-swap-state]:not([hidden])\");\n\tawait expect(routes).toHaveCount(2);\n\tlet audit = await routes.evaluateAll(async layers => {\n\t\tlet current = layers.find(layer => !layer.hasAttribute(\"inert\"));\n\t\tlet decision = [...current!.querySelectorAll(\n\t\t\t'nav[aria-label=\"Workspace view\"] button',\n\t\t)].find(button => button.textContent?.includes(\"Decisions\"));\n\t\tdecision!.click();\n\t\tawait new Promise(resolve => requestAnimationFrame(() => resolve()));\n\t\tlet roots = layers.flatMap(\n\t\t\tlayer => [...layer.querySelectorAll(\".workspace-root\")],\n\t\t);\n\t\tlet ids = roots.flatMap(root => [...root.querySelectorAll(\"[id]\")])\n\t\t\t.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 = roots.flatMap(root =>\n\t\t\t[...root.querySelectorAll(\"[aria-controls], [aria-labelledby]\")]\n\t\t\t\t.flatMap(element =>\n\t\t\t\t\t[\"aria-controls\", \"aria-labelledby\"].flatMap(attribute =>\n\t\t\t\t\t\t(element.getAttribute(attribute)?.split(/\\s+/) ?? []).flatMap(id =>\n\t\t\t\t\t\t\tdocument.querySelectorAll(`#${CSS.escape(id)}`).length === 1\n\t\t\t\t\t\t\t\t? []\n\t\t\t\t\t\t\t\t: [`${attribute}:${id}`]\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t).sort();\n\t\tlet heading = current?.querySelector('[data-document-view=\"decisions\"] h2');\n\t\treturn {\n\t\t\tactiveDecisionFocused: document.activeElement === heading,\n\t\t\tduplicateIds,\n\t\t\tinvalidReferences,\n\t\t\tworkspaceCount: roots.length,\n\t\t};\n\t});\n\texpect(audit).toEqual({\n\t\tactiveDecisionFocused: true,\n\t\tduplicateIds: [],\n\t\tinvalidReferences: [],\n\t\tworkspaceCount: 2,\n\t});\n});\n\ntest(\"the archive view refreshes catalogues without reopening the document\", async ({ join, page }) => {\n\tlet sockets = 0;\n\tawait page.routeWebSocket(\"**/ws?**\", route => {\n\t\tsockets++;\n\t\troute.connectToServer();\n\t});\n\tpage = await join(\"ana\");\n\tlet initialSockets = sockets;\n\tlet path = page.url();\n\tlet catalogue = (endpoint: string, includeArchived: boolean) =>\n\t\tpage.waitForResponse(response => {\n\t\t\tlet url = new URL(response.url());\n\t\t\treturn response.request().method() === \"GET\"\n\t\t\t\t&& url.pathname === `/api/repositories/octo-org/score/${endpoint}`\n\t\t\t\t&& (url.searchParams.get(\"includeArchived\") === \"true\") === includeArchived;\n\t\t});\n\tlet projects = sidebar(page);\n\n\tlet archived = catalogue(\"channels\", true);\n\tawait projects.getByRole(\"button\", { name: \"Archived\", exact: true }).click();\n\tawait archived;\n\texpect(page.url()).toBe(path);\n\texpect(sockets).toBe(initialSockets);\n\n\tlet active = catalogue(\"channels\", false);\n\tawait projects.getByRole(\"button\", { name: \"All documents\", exact: true }).click();\n\tawait active;\n\texpect(page.url()).toBe(path);\n\texpect(sockets).toBe(initialSockets);\n});\n\ntest(\"the sidebar paginates documents and global search queries beyond the loaded page\", async ({ join, page }) => {\n\tlet requests: URL[] = [];\n\tlet first = Array.from(\n\t\t{ length: 2 },\n\t\t(_, index) =>\n\t\t\tchannel(\n\t\t\t\t`${String(index + 1).padStart(8, \"0\")}-0000-4000-8000-000000000000`,\n\t\t\t\t`Note ${index + 1}`,\n\t\t\t\tindex === 0 ? \"Plan for note taking\" : undefined,\n\t\t\t),\n\t);\n\tlet searched = channel(\n\t\t\"aaaaaaaa-0000-4000-8000-000000000000\",\n\t\t\"Search needle\",\n\t\t\"RFC about catalogue search\",\n\t);\n\tlet continued = channel(\"bbbbbbbb-0000-4000-8000-000000000000\", \"Continued document\");\n\tawait page.route(\"**/api/repositories/octo-org/score/channels*\", async route => {\n\t\tlet url = new URL(route.request().url());\n\t\trequests.push(url);\n\t\tlet query = url.searchParams.get(\"query\");\n\t\tlet body = query === \"needle\"\n\t\t\t? { canEdit: true, channels: [searched], repository }\n\t\t\t: url.searchParams.get(\"cursor\") === \"next\"\n\t\t\t? { canEdit: true, channels: [continued], repository }\n\t\t\t: { canEdit: true, channels: first, nextCursor: \"next\", repository };\n\t\tawait route.fulfill({ json: body });\n\t});\n\n\tpage = await join(\"ana\");\n\tlet projects = sidebar(page);\n\tawait expect(projects.getByRole(\"link\", { name: \"Note 2\", exact: true })).toBeVisible();\n\tawait expect(projects.getByRole(\"link\", { name: \"Note 1\", exact: true }))\n\t\t.toHaveAccessibleDescription(\"Plan for note taking\");\n\tawait projects.getByRole(\"button\", { name: \"Load more documents in score\" }).click();\n\tawait expect(projects.getByRole(\"link\", { name: \"Continued document\", exact: true }))\n\t\t.toBeVisible();\n\tawait projects.getByRole(\"button\", { name: \"Search\", exact: true }).click();\n\tlet dialog = page.getByRole(\"dialog\", { name: \"Search documents\" });\n\tlet search = dialog.getByRole(\"textbox\", { name: \"Search documents\" });\n\tawait expect(search).toBeFocused();\n\tawait search.fill(\"needle\");\n\tawait expect(dialog.getByRole(\"option\", { name: /Search needle/ })).toBeVisible();\n\tawait expect(dialog.getByText(\"RFC about catalogue search\", { exact: true })).toBeVisible();\n\texpect(requests.some(url => url.searchParams.get(\"query\") === \"needle\")).toBe(true);\n});\n\ntest(\"renaming the current document updates collaborators and survives reload\", async ({ join, room }) => {\n\tlet ana = await join(\"ana\");\n\tlet bo = await join(\"bo\");\n\tlet title = `Launch plan ${room.slice(0, 8)}`;\n\tlet previousPath = roomPath(room);\n\tlet renamedPath = `/documents/octo-org/score/${title.toLowerCase().replaceAll(\" \", \"-\")}`;\n\n\tawait ana.setViewportSize({ width: 320, height: 568 });\n\tawait headerAction(ana, \"Rename\");\n\tlet input = ana.getByRole(\"textbox\", { name: \"Document title\" });\n\tawait expect(input).toBeFocused();\n\tawait input.fill(title);\n\tawait input.press(\"Enter\");\n\n\tawait expect(headerDocument(ana)).toHaveAccessibleName(`Document: ${title}`);\n\tawait expect(headerDocument(bo)).toHaveAccessibleName(`Document: ${title}`);\n\tawait expect(ana).toHaveURL(renamedPath);\n\tawait expect(bo).toHaveURL(renamedPath);\n\tawait ana.reload();\n\tawait expect(ana.getByRole(\"banner\").locator(`[aria-label=\"Document: ${title}\"]`))\n\t\t.toBeVisible();\n\tawait ana.goto(previousPath);\n\tawait expect(ana).toHaveURL(renamedPath);\n});\n\ntest(\"a delayed rename response cannot overwrite a newer collaborator rename\", async ({ join, room }) => {\n\tlet ana = await join(\"ana\");\n\tlet bo = await join(\"bo\");\n\tlet release = Promise.withResolvers();\n\tlet delay = true;\n\tawait ana.route(`**/api/channels/${room}`, async route => {\n\t\tif (route.request().method() !== \"PATCH\" || !delay) return route.continue();\n\t\tdelay = false;\n\t\tlet response = await route.fetch();\n\t\tawait release.promise;\n\t\tawait route.fulfill({ response });\n\t});\n\tlet first = `First rename ${room.slice(0, 8)}`;\n\tlet latest = `Latest rename ${room.slice(0, 8)}`;\n\n\tawait headerAction(ana, \"Rename\");\n\tawait ana.getByRole(\"textbox\", { name: \"Document title\" }).fill(first);\n\tawait ana.getByRole(\"textbox\", { name: \"Document title\" }).press(\"Enter\");\n\tawait expect(headerDocument(bo)).toHaveAccessibleName(`Document: ${first}`);\n\n\tawait headerAction(bo, \"Rename\");\n\tawait bo.getByRole(\"textbox\", { name: \"Document title\" }).fill(latest);\n\tawait bo.getByRole(\"textbox\", { name: \"Document title\" }).press(\"Enter\");\n\tawait expect(headerDocument(ana)).toHaveAccessibleName(`Document: ${latest}`);\n\n\trelease.resolve();\n\tawait expect(headerDocument(ana)).toHaveAccessibleName(`Document: ${latest}`);\n});\n\ntest(\"read-only visitors can browse documents and get creation guidance\", async ({ baseURL, page, room }) => {\n\tawait authenticate(page, \"readonly\", baseURL!);\n\tawait page.goto(roomPath(room));\n\tawait expect(page.getByRole(\"banner\")).toBeVisible();\n\tawait expect(page.getByRole(\"textbox\", { name: \"editable markdown\" })).toHaveAttribute(\n\t\t\"contenteditable\",\n\t\t\"false\",\n\t);\n\tawait expect(headerActions(page)).toHaveCount(0);\n\tawait expect(page.getByText(\"You have read-only access to this document.\")).toBeVisible();\n\tawait expect(page.getByPlaceholder(\"Use @chopin to ask Chopin\")).toHaveCount(0);\n\tawait sidebar(page).getByRole(\"button\", { name: \"New document\", exact: true }).click();\n\tlet creation = page.getByRole(\"dialog\", { name: \"New document\", exact: true });\n\tawait expect(\n\t\tcreation.getByText(\"You need write access to an available project to create a document.\"),\n\t)\n\t\t.toBeVisible();\n\tawait expect(creation.getByRole(\"link\", { name: \"Manage repository access\" })).toBeVisible();\n\tawait page.keyboard.press(\"Escape\");\n\tawait sidebar(page).getByRole(\"button\", { name: \"Search\", exact: true }).click();\n\tawait expect(page.getByRole(\"textbox\", { name: \"Search documents\" })).toBeFocused();\n});\n\ntest(\"document rename failures preserve the draft and can be retried\", async ({ join, room }) => {\n\tlet page = await join(\"ana\");\n\tlet failed = true;\n\tawait page.route(\"**/api/channels/*\", async route => {\n\t\tif (route.request().method() === \"PATCH\" && failed) {\n\t\t\tfailed = false;\n\t\t\tawait route.fulfill({ status: 503, json: { error: \"rename is unavailable\" } });\n\t\t\treturn;\n\t\t}\n\t\tawait route.continue();\n\t});\n\tlet title = `Retry rename ${room.slice(0, 8)}`;\n\tawait headerAction(page, \"Rename\");\n\tlet input = page.getByRole(\"textbox\", { name: \"Document title\" });\n\tawait input.fill(title);\n\tawait input.press(\"Enter\");\n\tawait expect(page.getByRole(\"alert\")).toBeVisible();\n\tawait expect(input).toHaveValue(title);\n\tawait expect(input).toBeFocused();\n\n\tawait input.press(\"Enter\");\n\tawait expect(headerDocument(page)).toHaveAccessibleName(`Document: ${title}`);\n});\n\ntest(\"writers can archive, restore, and permanently delete a document\", async ({ join, room }) => {\n\tlet ana = await join(\"ana\");\n\tlet bo = await join(\"bo\");\n\tlet title = `Test ${room.slice(0, 8)}`;\n\tlet path = roomPath(room);\n\tlet projects = sidebar(ana);\n\n\tawait headerAction(ana, \"Archive\");\n\tawait expect(ana.getByRole(\"banner\").getByText(\"Archived\", { exact: true })).toBeVisible();\n\tawait expect(bo.getByRole(\"banner\").getByText(\"Archived\", { exact: true })).toBeVisible();\n\tawait expect(ana.getByText(\"Archived. Restore it to keep chatting.\"))\n\t\t.toBeVisible();\n\tawait expect(ana.getByPlaceholder(\"Use @chopin to ask Chopin\")).toHaveCount(0);\n\tawait expect(content(ana)).toHaveAttribute(\"contenteditable\", \"false\");\n\tawait expect(content(bo)).toHaveAttribute(\"contenteditable\", \"false\");\n\tawait expect(projects.getByRole(\"link\", { name: title, exact: true })).toHaveCount(0);\n\n\tawait bo.reload();\n\tawait expect(bo).toHaveURL(path);\n\tawait expect(content(bo)).toHaveAttribute(\"contenteditable\", \"false\");\n\n\tawait projects.getByRole(\"button\", { name: \"Archived\", exact: true }).click();\n\tlet back = projects.getByRole(\"button\", { name: \"All documents\", exact: true });\n\tawait expect(back).toBeFocused();\n\tawait expect(projects.getByRole(\"link\", { name: title, exact: true })).toBeVisible();\n\tawait back.click();\n\tlet archivedButton = projects.getByRole(\"button\", { name: \"Archived\", exact: true });\n\tawait expect(archivedButton).toBeFocused();\n\tawait archivedButton.click();\n\n\tawait ana.getByRole(\"banner\").getByRole(\"button\", { name: \"Restore\", exact: true }).click();\n\tawait expect(content(ana)).toHaveAttribute(\"contenteditable\", \"true\");\n\tawait expect(content(bo)).toHaveAttribute(\"contenteditable\", \"true\");\n\tawait expect(ana.getByRole(\"banner\").getByText(\"Archived\", { exact: true })).toHaveCount(0);\n\tawait expect(chatInput(ana)).toBeVisible();\n\tawait expect(projects.getByRole(\"button\", { name: \"Archived\", exact: true })).toBeVisible();\n\tawait expect(projects.getByRole(\"link\", { name: title, exact: true })).toBeVisible();\n\n\tawait headerAction(ana, \"Archive\");\n\tawait expect(content(ana)).toHaveAttribute(\"contenteditable\", \"false\");\n\tawait headerAction(ana, \"Delete permanently\");\n\tlet confirmation = ana.getByRole(\"dialog\", { name: \"Delete document permanently?\" });\n\tawait confirmation.getByRole(\"button\", { name: \"Delete permanently\", exact: true }).click();\n\tawait expect(ana).not.toHaveURL(path);\n\tawait expect(bo).not.toHaveURL(path);\n\tlet unavailable = await ana.request.get(`/api/channels/${room}`);\n\texpect(unavailable.status()).toBe(404);\n});\n\ntest(\"sidebar creation failures remain retryable\", async ({ join, page }) => {\n\tlet creationFailed = true;\n\tawait page.route(\"**/api/repositories/octo-org/score/channels*\", async route => {\n\t\tif (route.request().method() === \"POST\" && creationFailed) {\n\t\t\tcreationFailed = false;\n\t\t\tawait route.fulfill({ status: 503, json: { error: \"creation is unavailable\" } });\n\t\t\treturn;\n\t\t}\n\t\tawait route.continue();\n\t});\n\n\tpage = await join(\"ana\");\n\tlet create = sidebar(page).getByRole(\"button\", { name: \"New document\", exact: true });\n\tawait create.click();\n\tawait expect(page.getByRole(\"alert\")).toBeVisible();\n\tawait expect(create).toBeEnabled();\n\tawait create.click();\n\tawait expect(page).toHaveURL(/\\/documents\\/octo-org\\/score\\/[a-z]+-[a-z]+$/);\n});\n\ntest(\"archiving a sidebar row by keyboard moves focus to a neighbouring row\", async ({ baseURL, join }) => {\n\tlet page = await join(\"ana\");\n\tlet port = Number(new URL(baseURL!).port);\n\tawait createChannel(port, crypto.randomUUID());\n\tawait createChannel(port, crypto.randomUUID());\n\tawait page.reload();\n\tlet links = sidebar(page).locator(\".project-sidebar-document-link\");\n\tawait expect.poll(() => links.count()).toBeGreaterThanOrEqual(3);\n\tlet names = (await links.allInnerTexts()).map(name => name.trim());\n\tlet index = await links.evaluateAll(elements =>\n\t\telements.findIndex(element => element.getAttribute(\"aria-current\") !== \"page\")\n\t);\n\tlet neighbour = names[index + 1] ?? names[index - 1];\n\tlet row = links.nth(index).locator(\n\t\t\"xpath=ancestor::div[contains(@class,'project-sidebar-document')][1]\",\n\t);\n\tlet trigger = row.getByRole(\"button\", { name: /^Actions for / });\n\tawait row.hover();\n\tawait trigger.focus();\n\tawait trigger.press(\"ArrowDown\");\n\tawait expect(page.getByRole(\"menuitem\", { name: \"Copy link\", exact: true })).toBeFocused();\n\tawait page.keyboard.press(\"ArrowDown\");\n\tawait page.keyboard.press(\"ArrowDown\");\n\tawait expect(page.getByRole(\"menuitem\", { name: \"Archive\", exact: true })).toBeFocused();\n\tawait page.keyboard.press(\"Enter\");\n\tawait expect(links).toHaveCount(names.length - 1);\n\tawait expect(sidebar(page).locator(\".project-sidebar-document-link\", { hasText: neighbour! }))\n\t\t.toBeFocused();\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",1794438406363,"sidebar","expanded"]