elements and trip Playwright strict mode. Wait for it to settle"," // to exactly one before asserting visibility — a genuine permanent double-render"," // still fails toHaveCount(1), so this does not mask a real regression."," const medicationPage = page.getByTestId(\"medication-page-acamprosate\");"," if ((await medicationPage.count()) !== 1) {"," await Promise.race(["," page.waitForResponse((response) => response.url().includes(\"/api/medications/acamprosate\") && response.ok(), {"," timeout: 30_000,"," }),"," expect(medicationPage).toHaveCount(1, { timeout: 30_000 }),"," ]).catch(() => undefined);"," }"," await expect(medicationPage).toHaveCount(1, { timeout: 30_000 });"," await expect(medicationPage).toBeVisible({ timeout: 30_000 });","function visibleQuestionInput(page: Page) {"," return page.locator('[aria-label^=\"Search indexed guidelines by question or keyword\"]:visible').first();","function visibleAnswerSubmitButton(page: Page) {"," return page.locator('[aria-label=\"Generate source-backed answer\"]:visible').first();","async function submitDocumentSearch(page: Page) {"," const submit = page.getByRole(\"button\", { name: \"Find matching documents\" });"," await expect(submit).toBeEnabled();"," await waitForReactEventHandler(submit.locator(\"xpath=ancestor::form[1]\"), \"onSubmit\");"," const response = page.waitForResponse("," (candidate) => new URL(candidate.url()).pathname === \"/api/search\" && candidate.ok(),"," { timeout: 30_000 },"," );"," await Promise.all([response, submit.click()]);"," await expect(page.getByRole(\"heading\", { name: \"Finding matching documents\" })).toHaveCount(0, {"," timeout: 30_000,","function visibleAnswerFollowUpSuggestions(page: Page) {"," return page"," .locator("," '[data-testid=\"answer-follow-up-suggestions\"]:visible, [data-testid=\"answer-composer-follow-up-suggestions\"]:visible',"," .first();","async function isVisibleWithoutThrow(locator: Locator) {"," return locator.isVisible().catch(() => false);","async function fillVisibleQuestionInput(page: Page, value: string) {"," const questionInput = page.locator('[aria-label^=\"Search indexed guidelines by question or keyword\"]:visible');"," const submitAnswer = page.locator('[aria-label=\"Generate source-backed answer\"]:visible');"," // Production HTML can be visible before React owns the controlled input."," // Filling during that gap is immediately overwritten by hydration and leaves"," // the submit button disabled, so establish the live handler boundary first."," await waitForReactEventHandler(questionInput, \"onChange\");"," await expect(async () => {"," // A production navigation can briefly overlap or replace the server-rendered"," // composer. Require one settled React owner before filling so the new client"," // tree cannot discard the value and leave submit disabled."," await expect(questionInput).toHaveCount(1, { timeout: uiAssertionTimeoutMs });"," await expect(submitAnswer).toHaveCount(1, { timeout: uiAssertionTimeoutMs });"," await waitForReactEventHandler(questionInput, \"onChange\");"," await waitForReactEventHandler(questionInput.locator(\"xpath=ancestor::form[1]\"), \"onSubmit\");"," await expect(submitAnswer).toHaveAttribute(\"title\", /Enter a clinical question|Generate a source-backed answer/, {"," timeout: uiAssertionTimeoutMs,"," await expect(questionInput).toBeEditable({ timeout: uiAssertionTimeoutMs });"," await questionInput.fill(value);"," await expect(questionInput).toHaveValue(value, { timeout: uiAssertionTimeoutMs });"," await expect(submitAnswer).toBeEnabled({ timeout: uiAssertionTimeoutMs });"," }).toPass({ timeout: uiAssertionTimeoutMs });"," return questionInput;","const readySetupChecks = ["," { id: \"env\", label: \".env.local configured\", status: \"ready\", detail: \"Test environment ready.\" },"," { id: \"project\", label: \"Clinical KB Database target\", status: \"ready\", detail: \"Test Supabase project ready.\" },"," { id: \"schema\", label: \"supabase/schema.sql applied\", status: \"ready\", detail: \"Test schema ready.\" },"," { id: \"search\", label: \"Search RPC and vector indexes\", status: \"ready\", detail: \"Test search schema ready.\" },"," { id: \"openai\", label: \"OpenAI API key available\", status: \"ready\", detail: \"Test OpenAI ready.\" },"," { id: \"worker\", label: \"npm run worker running\", status: \"unknown\", detail: \"Worker not required for UI smoke.\" },","];","async function mockLocalProjectIdentity(page: Page) {"," await page.route(/\\/api\\/local-project-id$/, async (route) => {"," await route.fulfill({"," json: {"," appName: \"Clinical KB\","," projectId: \"test-project\","," identityPath: \"/api/local-project-id\","," localServer: {"," currentUrl: \"http://localhost:4298\","," currentPort: 4298,"," projectPortStart: 4298,"," projectPortEnd: 53210,"," safeLocalOrigin: true,"," requestOrigin: null,"," requestReferer: null,"," unsafeLocalCaller: null,","async function mockPrivateUnauthenticatedApi(page: Page) {"," await mockLocalProjectIdentity(page);"," await page.route(\"**/api/setup-status**\", async (route) => {"," json: { demoMode: false, checks: readySetupChecks },"," await page.route(/\\/api\\/answer(?:\\/stream)?(?:\\?.*)?$/, async (route) => {"," const body = route.request().postDataJSON() as {"," query?: string;"," documentId?: string;"," documentIds?: string[];"," };"," await fulfillAnswerResponse("," route,"," demoAnswer(body.query ?? \"What monitoring is required?\", body.documentId, body.documentIds),"," );","function answerStreamBody(payload: unknown) {"," return ["," `event: progress\\ndata: ${JSON.stringify({ stage: \"retrieving\", message: \"Searching indexed documents.\" })}`,"," `event: progress\\ndata: ${JSON.stringify({ stage: \"ranking\", message: \"Selecting governed sources.\" })}`,"," `event: progress\\ndata: ${JSON.stringify({ stage: \"complete\", message: \"Answer ready.\", elapsedMs: 1250 })}`,"," `event: final\\ndata: ${JSON.stringify(payload)}`,"," \"\","," ].join(\"\\n\\n\");","async function fulfillAnswerResponse(route: Route, payload: unknown) {"," const pathname = new URL(route.request().url()).pathname;"," if (pathname.endsWith(\"/stream\")) {"," body: answerStreamBody(payload),"," contentType: \"text/event-stream; charset=utf-8\","," headers: { \"Cache-Control\": \"no-cache, no-transform\" },"," return;"," await route.fulfill({ json: payload });","type DemoAnswerOverride = (query: string, documentId?: string, documentIds?: string[]) => ReturnType;","type MockDemoApiOptions = {"," answerOverride?: DemoAnswerOverride;"," answerDelayMs?: number;"," onAnswerRequest?: ("," query: string,"," scope: { documentId?: string; documentIds?: string[]; summaryMode?: boolean },"," ) => void;","};","async function blockExternalRequests(page: Page) {"," await page.route(\"**/*\", async (route) => {"," const url = new URL(route.request().url());"," if ("," (url.protocol === \"http:\" || url.protocol === \"https:\") &&"," ![\"localhost\", \"127.0.0.1\", \"::1\", \"[::1]\"].includes(url.hostname)"," ) {"," await route.abort(\"blockedbyclient\");"," return;"," }"," await route.fallback();","function medicationIndexRecords(records: MedicationRecord[]): MedicationRecord[] {"," return records.map((record) => {"," const brandRows = record.sections"," .filter((section) => section.type === \"form\")"," .flatMap((section) => section.rows)"," .filter((row) => /brand\\s*names?/i.test(row.key));"," return {"," slug: record.slug,"," name: record.name,"," class: record.class,"," subclass: record.subclass,"," category: record.category,"," accent: record.accent,"," tag: record.tag,"," schedule: record.schedule,"," stats: [],"," sections: brandRows.length"," ? [{ title: \"Formulation & Access\", type: \"form\", rows: brandRows.map((row) => ({ ...row })) }]"," : [],"," quick: [],","async function mockDemoApi(page: Page, options: MockDemoApiOptions = {}) {"," await blockExternalRequests(page);"," json: { demoMode: true, checks: readySetupChecks },"," await page.route(/\\/api\\/documents(?:\\?.*)?$/, async (route) => {"," documents: demoDocuments,"," demoMode: true,"," pagination: {"," limit: 150,"," offset: 0,"," total: demoDocuments.length,"," nextOffset: demoDocuments.length,"," hasMore: false,"," await page.route(/\\/api\\/medications(?:\\/([^/?]+))?(?:\\?.*)?$/, async (route) => {"," const slug = url.pathname.match(/\\/api\\/medications\\/([^/]+)$/)?.[1];"," if (slug) {"," const record = getMedicationRecord(decodeURIComponent(slug));"," if (!record) {"," await route.fulfill({ status: 404, json: { error: `No medication found for \"${slug}\".` } });"," return;"," }"," const governance = deriveGovernanceFromSections(record);"," await route.fulfill({"," json: {"," record,"," governance: {"," sourceStatus: governance.source_status,"," validationStatus: governance.validation_status,"," },"," demoMode: true,"," });"," const query = url.searchParams.get(\"q\")?.trim() || undefined;"," const limit = Number(url.searchParams.get(\"limit\") ?? \"50\");"," const fullRecords = loadMedicationSnapshot();"," const records = url.searchParams.get(\"fields\") === \"index\" ? medicationIndexRecords(fullRecords) : fullRecords;"," const ranked = query ? searchMedicationCatalog(fullRecords, query, limit) : undefined;"," records,"," matches: ranked?.matches.map((match) => ({"," medication: match.medication,"," result: medicationToSearchResult(match),"," score: match.score,"," reasons: match.reasons,"," })),"," interpretation: ranked"," ? {"," correctedQuery:"," ranked.analysis.corrections.length && ranked.analysis.correctedQuery !== ranked.analysis.originalQuery"," ? ranked.analysis.correctedQuery"," : undefined,"," corrections: ranked.analysis.corrections.length ? ranked.analysis.corrections : undefined,"," appliedExpansions: ranked.analysis.expansions.length ? ranked.analysis.expansions : undefined,"," }"," : undefined,"," total: records.length,"," governance: {},"," await page.route(/\\/api\\/registry\\/records(?:\\?.*)?$/, async (route) => {"," const kind = new URL(route.request().url()).searchParams.get(\"kind\");"," const records = kind === \"form\" ? formRecords : serviceRecords;"," await page.route(/\\/api\\/ingestion\\/jobs(?:\\?.*)?$/, async (route) => {"," await route.fulfill({ json: { jobs: [], demoMode: true } });"," await page.route(/\\/api\\/ingestion\\/batches(?:\\?.*)?$/, async (route) => {"," await route.fulfill({ json: { batches: [], demoMode: true } });"," await page.route(/\\/api\\/ingestion\\/quality(?:\\?.*)?$/, async (route) => {"," await route.fulfill({ json: { items: [], demoMode: true } });"," summaryMode?: boolean;"," const query = typeof body.query === \"string\" ? body.query.trim() : \"\";"," if (!query || query.length > 2000) {"," await route.fulfill({ status: 400, json: { error: \"A query between 1 and 2000 characters is required.\" } });"," options.onAnswerRequest?.(query, {"," documentId: body.documentId,"," documentIds: body.documentIds,"," summaryMode: body.summaryMode,"," if (options.answerDelayMs) {"," await new Promise((resolve) => setTimeout(resolve, options.answerDelayMs));"," const answer ="," options.answerOverride?.(query, body.documentId, body.documentIds) ??"," (body.summaryMode && body.documentId"," ? demoSummary(body.documentId)"," : demoAnswer(query, body.documentId, body.documentIds));"," await fulfillAnswerResponse(route, {"," ...answer,"," demoMode: true,"," await page.route(/\\/api\\/search$/, async (route) => {"," const body = route.request().postDataJSON() as { query?: string; mode?: string };"," const query = body.query?.toLowerCase() ?? \"\";"," if (query.includes(\"coffee machine\")) {"," results: [],"," visualEvidence: [],"," relatedDocuments: [],"," documentMatches: [],"," relevance: { verdict: \"none\", score: 0, directSourceCount: 0, weakSourceCount: 0 },"," smartPanel: {},"," telemetry: {"," query_class: \"unsupported_or_general\","," retrieval_strategy: \"unsupported_short_circuit\","," embedding_skipped: true,"," const isSafetyPlan = query.includes(\"patient safety plan\");"," results: ["," {"," id: isSafetyPlan ? \"55555555-5555-4555-8555-555555555555\" : \"44444444-4444-4444-8444-444444444442\","," document_id: \"11111111-1111-4111-8111-111111111111\","," title: isSafetyPlan ? \"Synthetic patient safety plan\" : \"Synthetic lithium monitoring protocol\","," file_name: isSafetyPlan ? \"patient-safety-plan.pdf\" : \"lithium-monitoring.pdf\","," page_number: 1,"," chunk_index: 0,"," section_heading: isSafetyPlan ? \"Safety plan contents\" : \"Monitoring\","," content: isSafetyPlan"," ? \"Patient safety plan should include warning signs, supports, coping strategies, means restriction, and crisis contacts.\""," : \"Lithium monitoring and toxicity safety-net source passage.\","," image_ids: [],"," similarity: 0.9,"," hybrid_score: 0.92,"," images: [],"," ],"," visualEvidence: [],"," relatedDocuments: [],"," documentMatches: ["," labels: ["," {"," label: isSafetyPlan ? \"patient safety plan\" : \"lithium\","," label_type: isSafetyPlan ? \"document\" : \"medication\","," source: \"generated\","," confidence: 0.94,"," },"," ],"," summarySnippet: isSafetyPlan"," ? \"Patient safety plan contents and crisis supports.\""," : \"Lithium monitoring and toxicity safety-net reminders.\","," bestPages: [1],"," bestChunkIds: ["," isSafetyPlan ? \"55555555-5555-4555-8555-555555555555\" : \"44444444-4444-4444-8444-444444444442\","," imageCount: 1,"," tableCount: 1,"," matchReason: \"Matched indexed passage\","," score: 0.92,"," smartPanel: {},"," telemetry: {"," query_class: isSafetyPlan ? \"document_lookup\" : \"medication_dose_risk\","," retrieval_strategy: \"text_fast_path\","," embedding_skipped: true,"," await page.route(/\\/api\\/search\\/universal(?:\\?.*)?$/, async (route) => {"," const query = new URL(route.request().url()).searchParams.get(\"q\")?.trim() ?? \"\";"," query,"," groups: [],"," tookMs: 0,"," domainOrder: [],"," await page.route(/\\/api\\/documents\\/[^/]+\\/search(?:\\?.*)?$/, async (route) => {"," query: new URL(route.request().url()).searchParams.get(\"q\") ?? \"\","," id: \"55555555-5555-4555-8555-555555555555\","," chunk_index: 2,"," section_heading: \"Safety plan contents\","," snippet:"," \"Patient safety plan should include warning signs, coping strategies, supports, crisis contacts, and means restriction.\","," matched_terms: [\"safety\", \"plan\", \"include\"],"," score: 2.4,"," id: \"44444444-4444-4444-8444-444444444442\","," section_heading: \"Monitoring\","," snippet: \"Lithium monitoring and toxicity safety-net source passage.\","," matched_terms: [\"monitoring\"],"," score: 1.2,"," pageHits: [1],"," hitCount: 2,"," strategy: \"full_text_trigram_rpc\","," await page.route(/\\/api\\/documents\\/([^/]+)\\/signed-url(?:\\?.*)?$/, async (route) => {"," const id = new URL(route.request().url()).pathname.split(\"/\").at(-2) ?? \"\";"," const document = getDemoDocument(id);"," if (!document) {"," await route.fulfill({ status: 404, json: { error: \"Demo document not found.\" } });"," json: { url: document.storage_path, fileType: document.file_type, demoMode: true },"," await page.route(/\\/api\\/documents\\/[^/]+\\/summarize$/, async (route) => {"," answer:"," \"Key practical points: **clozapine** monitoring requires regular FBC/ANC checks and review of constipation, myocarditis symptoms, metabolic risk, and missed-dose restart rules.\","," grounded: true,"," confidence: \"high\","," citations: [],"," sources: [],"," await page.route(/\\/api\\/documents\\/([^/]+)(?:\\?.*)?$/, async (route) => {"," const id = url.pathname.split(\"/\").at(-1) ?? \"\";"," const selectedChunkId = url.searchParams.get(\"chunk\");"," const payload = getDemoDocumentPayload(id, selectedChunkId);"," if (!payload) {"," if (selectedChunkId === \"55555555-5555-4555-8555-555555555555\") {"," ...payload,"," document: {"," ...payload.document,"," title: \"Synthetic patient safety plan\","," file_name: \"patient-safety-plan.pdf\","," pages: payload.pages.map((page) => ({"," ...page,"," text: `${page.text}\\n\\nPatient safety plan should include warning signs, coping strategies, supports, crisis contacts, and means restriction.`,"," })),"," chunks: ["," {"," id: \"55555555-5555-4555-8555-555555555555\","," document_id: id,"," page_number: 1,"," chunk_index: 2,"," section_heading: \"Safety plan contents\","," content:"," \"Patient safety plan should include warning signs, coping strategies, supports, crisis contacts, and means restriction.\","," image_ids: [],"," },"," ],"," const longSelectedPassage = selectedChunkId"," ? {"," chunks: payload.chunks.map((chunk) =>"," chunk.id === selectedChunkId ? { ...chunk, content: Array(8).fill(chunk.content).join(\" \") } : chunk,"," ),"," }"," : payload;"," await route.fulfill({ json: { ...longSelectedPassage, demoMode: true } });","async function expectDomIntegrity(page: Page, options: { mobileNav?: boolean; mobileFabReady?: boolean } = {}) {"," const audit = await page.evaluate(() => {"," const duplicateIds = [...document.querySelectorAll(\"[id]\")]"," .map((element) => element.id)"," .filter((id, index, all) => id && all.indexOf(id) !== index);"," const brokenAriaRefs: Array<{ attr: string; id: string }> = [];"," for (const element of [...document.querySelectorAll(\"[aria-labelledby],[aria-describedby],[aria-controls]\")]) {"," for (const attr of [\"aria-labelledby\", \"aria-describedby\", \"aria-controls\"]) {"," const value = element.getAttribute(attr);"," if (!value) continue;"," for (const id of value.split(/\\s+/).filter(Boolean)) {"," if (!document.getElementById(id)) brokenAriaRefs.push({ attr, id });"," h1Count: document.querySelectorAll(\"h1,[role='heading'][aria-level='1']\").length,"," duplicateIds: [...new Set(duplicateIds)],"," brokenAriaRefs,"," hasFrameworkOverlay: /Unhandled Runtime Error|Build Error|Application error|Next\\.js/.test("," document.body.innerText,"," ),"," expect(audit.h1Count).toBe(1);"," expect(audit.duplicateIds).toEqual([]);"," expect(audit.brokenAriaRefs).toEqual([]);"," expect(audit.hasFrameworkOverlay).toBe(false);"," if (options.mobileNav) {"," await expect(page.getByRole(\"navigation\", { name: \"Answer sections\" })).toHaveCount(0);"," if (options.mobileFabReady) {"," await expect(page.getByTestId(\"mobile-section-fab-button\")).toBeVisible();"," await expect(page.getByTestId(\"mobile-section-fab-menu\")).toBeHidden();"," } else {"," await expect(page.getByTestId(\"mobile-section-fab-button\")).toHaveCount(0);"," await expect(page.getByTestId(\"mobile-section-fab-menu\")).toHaveCount(0);","// Scope opens from the command surface after answer submit and from the \"+\" menu on mode homes.","async function openScopeControl(page: Page) {"," await page.keyboard.press(\"Escape\");"," await page"," .getByRole(\"listbox\", { name: /search suggestions/i })"," .waitFor({ state: \"hidden\", timeout: 5_000 })"," .catch(() => undefined);"," const composer = page.locator('[aria-label^=\"Search indexed guidelines by question or keyword\"]:visible').first();"," const bottomDock = page.locator(\"form.answer-footer-search-dock\");"," if (await bottomDock.isVisible().catch(() => false)) {"," // Prior sheet/scroll interactions can leave the phone dock translated off-screen."," // Restore it before opening scope so the click lands in the viewport."," await scrollPrimarySurface(page, 0);"," await expect(bottomDock).not.toHaveAttribute(\"data-scroll-hidden\", \"true\");"," // If the composer is scrolled out of view on mobile, scroll the container to the top to reveal it"," await scrollPrimarySurface(page, 0);"," await composer.click();"," const scopeOption = page.getByRole(\"option\", { name: /Scope sources/i });"," if (await scopeOption.isVisible({ timeout: 2_000 }).catch(() => false)) {"," await scopeOption.click();"," } else {"," const actionMenu = page.getByRole(\"button\", { name: \"Open answer options\" });"," await expect(actionMenu).toBeVisible();"," await waitForReactEventHandler(actionMenu, \"onClick\");"," await actionMenu.click();"," const actionsMenu = page.getByTestId(\"daily-actions-menu\");"," await expect(actionsMenu).toBeVisible({ timeout: uiAssertionTimeoutMs });"," await actionsMenu.getByRole(\"menuitem\", { name: /^Scope\\b/ }).click();"," await expect(page.getByTestId(\"scope-command-popover\")).toBeVisible({ timeout: uiAssertionTimeoutMs });","async function expectMinTouchTarget(locator: Locator, minSize = 44) {"," const box = await locator.boundingBox();"," expect(box).not.toBeNull();"," const measurementTolerance = 2;"," expect(box!.height + measurementTolerance).toBeGreaterThanOrEqual(minSize);"," expect(box!.width + measurementTolerance).toBeGreaterThanOrEqual(minSize);","async function tapOutsideActiveSurface(page: Page) {"," const viewport = page.viewportSize() ?? { width: 390, height: 820 };"," await page.mouse.click(Math.max(1, viewport.width - 8), 8);","async function scrollMobileTableExpandClearOfFooter(page: Page, clinicalTable: Locator) {"," await clinicalTable.scrollIntoViewIfNeeded();"," await page.evaluate(() => {"," const expand = document.querySelector('[data-testid=\"table-expand-button\"]');"," const main = document.querySelector(\"main#main-content\");"," const footer = document.querySelector("," \".answer-footer-search-dock, .dashboard-composer-edge.answer-footer-search-edge\","," if (!expand || !main) return;"," const mainOverflowY = window.getComputedStyle(main).overflowY;"," const mainOwnsScroll ="," [\"auto\", \"scroll\", \"overlay\"].includes(mainOverflowY) && main.scrollHeight > main.clientHeight;"," for (let attempt = 0; attempt < 6; attempt += 1) {"," const expandRect = expand.getBoundingClientRect();"," const footerTop = footer?.getBoundingClientRect().top ?? window.innerHeight;"," const currentOverlap = expandRect.bottom - footerTop + 24;"," if (currentOverlap <= 0) break;"," if (mainOwnsScroll) main.scrollTop += currentOverlap;"," else window.scrollBy({ top: currentOverlap, behavior: \"auto\" });","async function openMobileTableFullscreen(page: Page, clinicalTable: Locator) {"," await scrollMobileTableExpandClearOfFooter(page, clinicalTable);"," const expandButton = clinicalTable.getByTestId(\"table-expand-button\");"," const tableDialog = page.getByTestId(\"table-fullscreen-dialog\");"," await expect(expandButton).toBeVisible();"," await waitForReactEventHandler(expandButton, \"onClick\");"," await expandButton.click();"," await expect(tableDialog).toBeVisible({ timeout: 15_000 });"," return tableDialog;","async function openMobileClinicalGuideMenu(page: Page) {"," const trigger = page.getByRole(\"button\", { name: \"Open Clinical Guide menu\" });"," await expect(trigger).toBeVisible();"," await waitForReactEventHandler(trigger, \"onClick\");"," await trigger.click();"," const menu = page.getByRole(\"dialog\", { name: \"Clinical Guide\" });"," await expect(menu).toBeVisible();"," const menuBox = await menu.boundingBox();"," expect(menuBox).not.toBeNull();"," expect(menuBox!.x).toBeGreaterThanOrEqual(0);"," await expect(menu.getByRole(\"button\", { name: \"New chat\" })).toBeVisible();"," await expect(menu.getByPlaceholder(\"Search chats\")).toBeVisible();"," await expect(menu.getByText(\"Recent chats\", { exact: true })).toBeVisible();"," const navigation = menu.getByRole(\"navigation\", { name: \"Navigation\" });"," await expect(navigation).toBeVisible();"," expect("," await navigation"," .getByRole(\"link\")"," .evaluateAll((links) => links.map((link) => ({ name: link.textContent, href: link.getAttribute(\"href\") }))),"," ).toEqual(["," { name: \"Answer\", href: \"/?mode=answer\" },"," { name: \"Documents\", href: \"/documents\" },"," { name: \"Services\", href: \"/services\" },"," { name: \"Medication\", href: \"/medications\" },"," { name: \"Factsheets\", href: \"/factsheets\" },"," { name: \"Tools\", href: \"/tools\" },"," ]);"," await expect(menu.getByRole(\"button\", { name: \"Guide & help\", exact: true })).toHaveCount(0);"," await expect(menu.getByRole(\"button\", { name: /^(Switch to )?(dark|light) mode$/i })).toHaveCount(0);"," await expect(menu.getByRole(\"button\", { name: \"Settings\", exact: true })).toBeVisible();"," await expect(menu.getByText(\"Guest\")).toBeVisible();"," await expect(page.getByRole(\"dialog\", { name: \"Clinical KB guide\" })).toHaveCount(0);"," await expectNoPageHorizontalOverflow(page);"," return menu;","async function waitForDemoDashboardReady(page: Page) {"," await expect(visibleQuestionInput(page)).toBeEnabled();"," await expect(page.getByRole(\"button\", { name: \"Open answer options\" })).toBeVisible({ timeout: 30000 });","async function waitForPersistedAnswerThread(page: Page, minPriorTurns = 1) {"," .poll(async () =>"," page.evaluate((storageKey) => {"," try {"," const raw = window.sessionStorage.getItem(storageKey);"," if (!raw) return 0;"," const parsed = JSON.parse(raw) as { priorTurns?: unknown[] };"," return Array.isArray(parsed.priorTurns) ? parsed.priorTurns.length : 0;"," } catch {"," return 0;"," }, demoAnswerThreadStorageKey),"," .toBeGreaterThanOrEqual(minPriorTurns);","async function openGuide(page: Page) {"," const dialog = page.getByRole(\"dialog\", { name: \"Clinical KB guide\" });"," const settings = accountSettingsDialog(page);"," const viewport = page.viewportSize();"," // Guide now lives inside Settings. If Settings is already open (e.g. after"," // closing Guide restores it), skip the reopen click that would hit the overlay."," if (!(await settings.isVisible().catch(() => false))) {"," // A Settings trigger becomes visible before React attaches its handler, so a"," // single click is silently swallowed and the dialog never opens. Retry the"," // click together with the dialog it should produce, rather than asserting"," // visibility once — the same shape used for the composer and mode menu."," await expect(async () => {"," // Idempotent by construction. If the dialog opened just after the inner"," // assertion's own deadline expired, `toPass` still schedules another"," // attempt; without this the attempt clicks a trigger the modal is already"," // covering (or reopens the phone menu on top of it) and the helper times"," // out under exactly the load it exists to tolerate."," if (await settings.isVisible().catch(() => false)) return;"," if (viewport && viewport.width < 768) {"," // The swallowed click leaves the phone menu OPEN, so a retry that always"," // reopens would toggle it shut and then fail to find Settings inside it."," // Reuse the open menu; only summon one when there is none."," const openMenu = page.getByRole(\"dialog\", { name: \"Clinical Guide\" });"," const menu = (await openMenu.isVisible().catch(() => false))"," ? openMenu"," : await openMobileClinicalGuideMenu(page);"," await menu.getByRole(\"button\", { name: \"Settings\", exact: true }).click();"," } else if (viewport && viewport.width < 1024) {"," const rail = page.getByLabel(\"Clinical Guide collapsed sidebar\");"," const railSettings = rail.getByRole(\"button\", { name: \"Settings\", exact: true });"," await expect(railSettings).toBeVisible();"," await railSettings.click();"," } else {"," const sidebar = page.locator(\"#clinical-tools-sidebar\");"," const settingsTrigger = (await sidebar.isVisible().catch(() => false))"," ? sidebar.getByRole(\"button\", { name: \"Settings\", exact: true })"," : page.getByLabel(\"Clinical Guide collapsed sidebar\").getByRole(\"button\", { name: \"Settings\", exact: true });"," await expect(settingsTrigger).toBeVisible();"," await settingsTrigger.click();"," await expect(settings).toBeVisible({ timeout: 3_000 });"," }).toPass({ timeout: uiAssertionTimeoutMs });"," await expect(settings).toBeVisible({ timeout: uiAssertionTimeoutMs });"," await settings.getByRole(\"button\", { name: \"Guide & help\", exact: true }).click();"," await expect(dialog).toBeVisible();"," await expect(dialog.getByText(\"Ask and verify\")).toBeVisible();"," await expect(dialog.getByText(\"Top source and citations\")).toBeVisible();"," await expect(dialog.getByText(\"Upload and indexing\")).toBeVisible();"," await expect(dialog.getByText(\"Copying text\")).toBeVisible();"," return dialog;","function accountSettingsDialog(page: Page) {"," return page.getByRole(\"dialog\", { name: \"Account & app\" });","function accountSetupDialog(page: Page) {"," return page.getByRole(\"dialog\", { name: \"Set up your workspace\" });","async function expectAccountSettingsSurface(settings: Locator) {"," await expect(settings.getByRole(\"heading\", { name: \"Account & app\" })).toBeVisible();"," await expect(settings.getByRole(\"heading\", { name: \"Account\", exact: true })).toBeVisible();"," await expect(settings.getByRole(\"heading\", { name: \"Clinical defaults\", exact: true })).toBeVisible();"," await expect(settings.getByRole(\"heading\", { name: \"App preferences\", exact: true })).toBeVisible();"," await expect(settings.getByTestId(\"settings-account-card\")).toBeVisible();"," await expect(settings.getByTestId(\"settings-row-profile\")).toHaveCount(0);"," await expect(settings.getByTestId(\"settings-row-jurisdiction\")).toBeVisible();"," await expect(settings.getByTestId(\"settings-row-answer-style\")).toBeVisible();"," await expect(settings.getByTestId(\"settings-row-appearance\")).toBeVisible();"," await expect(settings.getByText(\"Saved on this device; not yet used in answers.\")).toHaveCount(1);"," await expect(settings).not.toContainText(/admin|database|storage|source review|import pipeline/i);","async function expectMobileSettingsLayout(settings: Locator) {"," const jurisdictionRow = settings.getByTestId(\"settings-row-jurisdiction\");"," // The row carries two labels for one control, deliberately. The visible row"," // text is a `` so clicking it focuses the select, and the DS"," // `Select` keeps its own `sr-only` label because a field without one is not a"," // field; `aria-labelledby` points at the visible one, so the accessible name"," // is those words once rather than the two concatenated. This layout assertion"," // is about where the *visible* label sits, so it addresses that one by id"," // instead of by text."," const label = jurisdictionRow.locator(\"#settings-jurisdiction-label\");"," const control = jurisdictionRow.getByRole(\"combobox\");"," const [rowBox, labelBox, controlBox] = await Promise.all(["," jurisdictionRow.boundingBox(),"," label.boundingBox(),"," control.boundingBox(),"," expect(rowBox).not.toBeNull();"," expect(labelBox).not.toBeNull();"," expect(controlBox).not.toBeNull();"," expect(controlBox!.y).toBeGreaterThanOrEqual(labelBox!.y + labelBox!.height + 8);"," expect(controlBox!.x).toBeGreaterThanOrEqual(rowBox!.x);"," expect(controlBox!.x + controlBox!.width).toBeLessThanOrEqual(rowBox!.x + rowBox!.width);"," for (const groupLabel of [\"Answer style\", \"Appearance\", \"Interface density\", \"Default landing view\"]) {"," const row = settings.getByTestId(`settings-row-${groupLabel.toLowerCase().replaceAll(\" \", \"-\")}`);"," const radios = row.getByRole(\"radiogroup\", { name: groupLabel }).getByRole(\"radio\");"," const radioBoxes = await radios.evaluateAll((elements) =>"," elements.map((element) => {"," const box = element.getBoundingClientRect();"," const text = element.querySelector(\"span\");"," return {"," x: box.x,"," y: box.y,"," width: box.width,"," height: box.height,"," textFits: text ? text.scrollWidth <= text.clientWidth + 1 : true,"," };"," expect(radioBoxes).toHaveLength(3);"," expect("," Math.max(...radioBoxes.map((box) => box.y)) - Math.min(...radioBoxes.map((box) => box.y)),"," ).toBeLessThanOrEqual(1);"," expect(radioBoxes.every((box) => box.height >= 48)).toBe(true);"," expect(radioBoxes.every((box) => box.textFits)).toBe(true);"," expect(radioBoxes[0].x + radioBoxes[0].width).toBeLessThanOrEqual(radioBoxes[1].x);"," expect(radioBoxes[1].x + radioBoxes[1].width).toBeLessThanOrEqual(radioBoxes[2].x);"," const switchBox = await settings.getByTestId(\"settings-row-reduce-motion\").getByRole(\"switch\").boundingBox();"," expect(switchBox).not.toBeNull();"," expect(switchBox!.width).toBeGreaterThanOrEqual(48);"," expect(switchBox!.height).toBeGreaterThanOrEqual(48);"," await expect(settings.getByRole(\"button\", { name: \"Close settings\" })).toBeVisible();"," await expect(settings.getByRole(\"button\", { name: \"Back from settings\" })).toHaveCount(0);","async function expectAccountSetupSurface(setup: Locator) {"," await expect(setup.getByRole(\"heading\", { name: \"Set up your workspace\" })).toBeVisible();"," await expect(setup.getByLabel(\"Email address\")).toBeVisible();"," await expect(setup.getByRole(\"button\", { name: \"Continue with email\" })).toBeVisible();"," await expect(setup.getByRole(\"button\", { name: \"Continue with Google\" })).toBeEnabled();"," await expect(setup.getByRole(\"button\", { name: \"Continue with Microsoft\" })).toBeEnabled();"," await expect(setup.getByRole(\"button\", { name: /Apple/i })).toHaveCount(0);"," await expect(setup.getByText(\"Apple sign-in is not available yet.\")).toBeVisible();"," await expect(setup.getByRole(\"heading\", { name: \"What’s saved where\" })).toBeVisible();"," await expect(setup.getByRole(\"heading\", { name: \"Saved to your account\" })).toBeVisible();"," await expect(setup.getByRole(\"heading\", { name: \"Stays on this device\" })).toBeVisible();"," await expect(setup.getByText(/Stay in this browser session and do not sync/i)).toBeVisible();"," await expect(setup.getByText(\"No PHI required\")).toBeVisible();"," await expect(setup).toContainText(\"Do not enter patient-identifying information.\");","async function expectAdminOnlyUploadNotice(page: Page) {"," const menu = await openDailyActions(page);"," const uploadAction = menu.getByRole(\"menuitem\", { name: \"Add document\" });"," await expect(uploadAction).toBeVisible();"," await uploadAction.click();"," await expect(page.getByRole(\"alert\").filter({ hasText: \"Upload and indexing tools are admin-only.\" })).toContainText("," \"Use Sources to open indexed documents.\","," await expect(page.getByRole(\"dialog\", { name: \"Upload and indexing\" })).toHaveCount(0);","async function dismissOverlayByHeaderClick(page: Page) {"," // Portaled integrated action menus cover the hero composer; avoid fixed viewport"," // coordinates that can hit menu tiles (e.g. Clinical tools -> tools mode)."," await page.locator(\"#search\").click({ position: { x: 120, y: 28 } });","async function openDailyActions(page: Page, triggerName: string | RegExp = /^Open .+ options$/) {"," const trigger = page.getByRole(\"button\", { name: triggerName });"," const menu = page.getByTestId(\"daily-actions-menu\");"," await expect(trigger).toBeEnabled();"," await expect(menu).toBeVisible({ timeout: uiAssertionTimeoutMs });","test.beforeEach(stubZeroTouchPoints);","test.describe(\"Clinical KB UI smoke coverage\", () => {"," test.describe.configure({ timeout: 60000 });"," test(\"Supabase connection hints reach the document head without provider traffic\", async ({ page }) => {"," await page.goto(\"/\", { waitUntil: \"domcontentloaded\" });"," const preconnect = page.locator('head link[rel=\"preconnect\"][href=\"http://127.0.0.1:1\"]');"," const dnsPrefetch = page.locator('head link[rel=\"dns-prefetch\"][href=\"http://127.0.0.1:1\"]');"," await expect(preconnect).toHaveCount(1);"," await expect(preconnect).toHaveAttribute(\"crossorigin\", \"anonymous\");"," await expect(dnsPrefetch).toHaveCount(1);"," for (const viewport of dashboardViewports) {"," test(`dashboard loads without page overflow at ${viewport.name}`, async ({ page }) => {"," await page.setViewportSize({ width: viewport.width, height: viewport.height });"," await mockPrivateUnauthenticatedApi(page);"," await gotoApp(page, \"/\");"," await waitForDemoDashboardReady(page);"," await expect(page.getByRole(\"heading\", { level: 1, name: \"Clinical Guide\" })).toHaveCount(1);"," await expect(page.getByRole(\"heading\", { name: \"Clinical Answers\", exact: true })).toBeVisible();"," await expect(visibleQuestionInput(page)).toBeVisible();"," await expect(page.getByRole(\"button\", { name: \"Generate source-backed answer\" })).toHaveText(/^\\s*Ask\\s*$/);"," const headerHeight = await page.locator(\"#search\").evaluate((element) => element.getBoundingClientRect().height);"," expect(headerHeight).toBeLessThanOrEqual(viewport.width >= 640 ? 185 : 180);"," await expect(page.getByRole(\"button\", { name: \"Open answer options\" })).toBeVisible();"," await expect(page.getByTestId(\"scope-command-popover\")).toBeHidden();"," await expect(page.getByTestId(\"scope-prompts-drawer\")).toHaveCount(0);"," await expect(page.getByTestId(\"mobile-scope-popover\")).toHaveCount(0);"," await expectDomIntegrity(page, { mobileNav: viewport.width <= 768 });"," if (viewport.width <= 768) {"," await expect(page.getByTestId(\"mobile-section-fab-button\")).toHaveCount(0);"," if (viewport.width < 640) {"," const dailyActionsTrigger = page.getByRole(\"button\", { name: \"Open answer options\" });"," const dailyActions = await openDailyActions(page);"," const searchAction = dailyActions.getByRole(\"menuitem\", { name: \"Search\" });"," await expect(searchAction).toBeVisible();"," await expect(dailyActions.getByRole(\"menuitem\", { name: \"View evidence\" })).toBeVisible();"," await expectMinTouchTarget(searchAction);"," await expect(page.getByRole(\"dialog\", { name: \"Clinical KB guide\" })).toHaveCount(0);"," await page.keyboard.press(\"Escape\");"," await expect(dailyActions).toBeHidden();"," await expect(dailyActionsTrigger).toBeFocused();"," await expectNoPageHorizontalOverflow(page);"," test(\"anonymous user can see enabled live search without a forced sign-in gate @critical\", async ({ page }) => {"," await page.setViewportSize({ width: 1280, height: 900 });"," await mockPrivateUnauthenticatedApi(page);"," await page.route(/\\/api\\/search(?:\\?.*)?$/, async (route) => {"," await route.fulfill({ json: { results: [], telemetry: { retrieval_strategy: \"text_fast_path\" } } });"," await gotoApp(page, \"/\");"," await waitForDemoDashboardReady(page);"," await expect(page.getByText(\"Create your Clinical Guide account\")).toHaveCount(0);"," await expect(page.getByText(\"Search request was not authorized by the server.\")).toHaveCount(0);"," await expect(page.locator('[data-testid=\"global-search-input\"]:visible').first()).toBeEnabled();"," test(\"anonymous mobile user can search without a forced sign-in gate\", async ({ page }) => {"," await page.setViewportSize({ width: 390, height: 820 });"," await expect(page.getByText(\"Service unavailable\")).toHaveCount(0);"," await expect(page.getByText(\"API unavailable\")).toHaveCount(0);"," test(\"mobile search focus is singular, visible, and contained at clipped edges\", async ({ page }) => {"," await gotoApp(page, \"/?mode=answer\");"," const universalInput = visibleQuestionInput(page);"," const restingPillBorder = await universalInput.evaluate((element) => {"," const pill = element.closest(\".answer-footer-search-pill\");"," return pill ? getComputedStyle(pill).borderColor : null;"," await universalInput.focus();"," const universalFocus = await universalInput.evaluate((element) => {"," const inputStyle = getComputedStyle(element);"," const pillStyle = pill ? getComputedStyle(pill) : null;"," return {"," inputOutline: inputStyle.outlineStyle,"," inputShadow: inputStyle.boxShadow,"," pillBorder: pillStyle?.borderColor ?? null,"," pillShadow: pillStyle?.boxShadow ?? null,"," };"," expect(universalFocus.inputOutline).toBe(\"none\");"," expect(universalFocus.inputShadow).toBe(\"none\");"," expect(universalFocus.pillBorder).not.toBe(restingPillBorder);"," expect(universalFocus.pillShadow).not.toBe(\"none\");"," const menu = await openMobileClinicalGuideMenu(page);"," const closeMenu = menu.getByRole(\"button\", { name: \"Close Clinical Guide menu\" });"," const newChat = menu.getByRole(\"button\", { name: \"New chat\" });"," const restingButtonShadow = await newChat.evaluate((element) => getComputedStyle(element).boxShadow);"," await closeMenu.focus();"," await page.keyboard.press(\"Tab\");"," // Firefox includes scrollable containers in the tab order; the sheet body"," // (overflow-y-auto) sits between Close and \"New chat\" in DOM order and"," // genuinely overflows at this viewport. Step over it when focused."," const onScrollableBody = await page.evaluate(() => {"," const element = document.activeElement;"," return element instanceof HTMLElement && element.classList.contains(\"overflow-y-auto\");"," if (onScrollableBody) await page.keyboard.press(\"Tab\");"," await expect(newChat).toBeFocused();"," const buttonFocus = await newChat.evaluate((element) => {"," const style = getComputedStyle(element);"," return { outlineStyle: style.outlineStyle, boxShadow: style.boxShadow };"," expect(buttonFocus.outlineStyle).toBe(\"solid\");"," expect(buttonFocus.boxShadow).toBe(restingButtonShadow);"," const chatSearch = menu.getByRole(\"searchbox\", { name: \"Search recent chats\" });"," await chatSearch.focus();"," const fieldFocus = await chatSearch.evaluate((element) => {"," const rect = element.getBoundingClientRect();"," const outlineWidth = Number.parseFloat(style.outlineWidth);"," const outlineOffset = Number.parseFloat(style.outlineOffset);"," outlineStyle: style.outlineStyle,"," outlineWidth,"," outlineOffset,"," paintedTop: rect.top - outlineOffset - outlineWidth,"," paintedRight: rect.right + outlineOffset + outlineWidth,"," paintedBottom: rect.bottom + outlineOffset + outlineWidth,"," paintedLeft: rect.left - outlineOffset - outlineWidth,"," rect: { top: rect.top, right: rect.right, bottom: rect.bottom, left: rect.left },"," expect(fieldFocus.outlineStyle).toBe(\"solid\");"," expect(fieldFocus.outlineWidth).toBeGreaterThanOrEqual(2);"," expect(fieldFocus.outlineOffset).toBeLessThan(0);"," expect(fieldFocus.paintedTop).toBeGreaterThanOrEqual(fieldFocus.rect.top);"," expect(fieldFocus.paintedRight).toBeLessThanOrEqual(fieldFocus.rect.right);"," expect(fieldFocus.paintedBottom).toBeLessThanOrEqual(fieldFocus.rect.bottom);"," expect(fieldFocus.paintedLeft).toBeGreaterThanOrEqual(fieldFocus.rect.left);"," await expectNoPageHorizontalOverflow(page);"," test(\"desktop sidebar defaults to the collapsed state for new users\", async ({ page }) => {"," await mockDemoApi(page);"," // No stored preference (PT-10): the collapsed icon rail is the default,"," // so first-run desktop shows the collapsed rail, not the labelled panel;"," // expanding is remembered. #clinical-tools-sidebar only mounts when"," // expanded, so its absence (not just hidden) is the collapsed signal."," await expect(page.getByLabel(\"Clinical Guide collapsed sidebar\")).toBeVisible();"," await expect(page.locator(\"#clinical-tools-sidebar\")).toHaveCount(0);"," await expect(page.getByRole(\"button\", { name: \"Expand sidebar\" })).toBeVisible();"," await expect(page.getByRole(\"button\", { name: \"Collapse sidebar\" })).toHaveCount(0);"," test(\"desktop sidebar mode sync and accessibility affordances stay coherent\", async ({ page }) => {"," // This journey starts from the collapsed rail (now the default for new"," // users too) and exercises expanding/collapsing it."," await page.addInitScript(() => window.localStorage.setItem(\"clinical-kb-sidebar-collapsed\", \"1\"));"," await gotoApp(page, \"/?mode=tools\");"," const sidebar = page.locator(\"#clinical-tools-sidebar\");"," const modeButton = page.getByRole(\"button\", { name: \"Mode Tools\" });"," await expect(modeButton).toBeVisible();"," const selectedToolSheet = page.getByRole(\"dialog\", { name: \"Risk & Safety\" });"," if (await isVisibleWithoutThrow(selectedToolSheet)) {"," await selectedToolSheet.getByRole(\"button\", { name: \"Close Risk & Safety\" }).click();"," await expect(selectedToolSheet).toBeHidden();"," const expandSidebar = page.getByRole(\"button\", { name: \"Expand sidebar\" });"," await expect(expandSidebar).toBeVisible();"," await expectMinTouchTarget(expandSidebar);"," await expect(page.getByTestId(\"collapsed-account-settings\")).toHaveAccessibleName("," /G Guest Not signed in\\. Set up workspace/,"," await expect(sidebar).toHaveCount(0);"," await expandSidebar.click();"," await expect(sidebar).toBeVisible();"," await expect(sidebar.getByRole(\"link\", { name: \"View tools\" })).toHaveCount(0);"," await expect(sidebar.getByRole(\"link\", { name: \"Tools\", exact: true })).toHaveAttribute(\"href\", \"/tools\");"," await expect(sidebar.getByTestId(\"sidebar-account-settings\")).toHaveAccessibleName("," const collapseSidebar = page.getByRole(\"button\", { name: \"Collapse sidebar\" });"," await expectMinTouchTarget(collapseSidebar);"," await collapseSidebar.click();"," await sidebar.getByRole(\"link\", { name: \"Answer\", exact: true }).click();"," await expect(page).toHaveURL(/\\/\\?mode=answer$/);"," await expect(page.getByRole(\"button\", { name: \"Mode Answer\" })).toBeVisible();"," await expect(page.getByTestId(\"answer-section-heading\")).toHaveText(\"Answer\");"," await expect(page.getByRole(\"heading\", { name: \"Clinical Answers\", exact: true })).toBeVisible();"," test(\"tablet shows icon rail without drawer trigger or expand control @critical\", async ({ page }) => {"," await page.setViewportSize({ width: 768, height: 1024 });"," // Seed expanded preference so #clinical-tools-sidebar mounts. Without this"," // seed the panel is absent (count 0) and toBeHidden() would pass vacuously;"," // we need the remembered-expanded path where the panel exists but stays"," // display:none below lg while tablet still only presents the icon rail."," await page.addInitScript(() => window.localStorage.setItem(\"clinical-kb-sidebar-collapsed\", \"0\"));"," await expect(page.getByRole(\"button\", { name: \"Open Clinical Guide menu\" })).toHaveCount(0);"," await expect(page.getByRole(\"button\", { name: \"Expand sidebar\" })).toHaveCount(0);"," await expect(page.locator(\"#clinical-tools-sidebar\")).toBeHidden();"," const rail = page.getByLabel(\"Clinical Guide collapsed sidebar\");"," const scrollRegion = rail.getByTestId(\"collapsed-sidebar-scroll-region\");"," const navigation = rail.getByRole(\"navigation\", { name: \"Navigation\" });"," const library = rail.getByRole(\"navigation\", { name: \"Your library\" });"," await expect(rail.getByRole(\"button\", { name: \"New chat\" })).toBeVisible();"," await expect(rail.getByRole(\"button\", { name: \"Settings\" })).toBeVisible();"," await expect(scrollRegion.getByRole(\"button\", { name: \"New chat\" })).toHaveCount(0);"," await expect(scrollRegion.getByRole(\"button\", { name: \"Settings\" })).toHaveCount(0);"," await navigation"," .getByRole(\"link\")"," .evaluateAll((links) =>"," links.map((link) => ({ name: link.getAttribute(\"aria-label\"), href: link.getAttribute(\"href\") })),"," ),"," ).toEqual(["," { name: \"Answer\", href: \"/?mode=answer\" },"," { name: \"Documents\", href: \"/documents\" },"," { name: \"Services\", href: \"/services\" },"," { name: \"Medication\", href: \"/medications\" },"," { name: \"Factsheets\", href: \"/factsheets\" },"," { name: \"Tools\", href: \"/tools\" },"," ]);"," await library"," ).toEqual([{ name: \"Favourites\", href: \"/favourites\" }]);"," // Specialist mode homes open from a single \"More modes\" control (sheet), not"," // an always-visible six-link rail group — the mode pill only retargets the"," // composer."," await expect(rail.getByTestId(\"sidebar-more-modes\")).toBeVisible();"," await expect(page.getByRole(\"link\", { name: \"Differentials\", exact: true })).toHaveCount(0);"," await expect(page.getByRole(\"link\", { name: \"Therapy\", exact: true })).toHaveCount(0);"," await expect(page.getByRole(\"link\", { name: \"Medication\", exact: true })).toHaveCount(1);"," await rail.getByTestId(\"sidebar-more-modes\").click();"," const moreModesSheet = page.getByTestId(\"sidebar-more-modes-sheet\");"," await expect(moreModesSheet).toBeVisible();"," await expect(moreModesSheet.getByRole(\"navigation\", { name: \"More modes\" })).toBeVisible();"," await expect(moreModesSheet.getByRole(\"link\", { name: \"Differentials\", exact: true })).toBeVisible();"," await expect(moreModesSheet.getByRole(\"link\", { name: \"Therapy\", exact: true })).toBeVisible();"," test(\"tablet rail highlights the active tool for key routes\", async ({ page }) => {"," for (const route of ["," { path: \"/?mode=answer\", label: \"Answer\" },"," { path: \"/documents\", label: \"Documents\" },"," { path: \"/favourites\", label: \"Favourites\" },"," { path: \"/medications\", label: \"Medication\" },"," { path: \"/tools\", label: \"Tools\" },"," ] as const) {"," await gotoApp(page, route.path);"," if (route.path.includes(\"mode=answer\")) {"," await waitForDemoDashboardReady(page);"," const activeLink = page.getByRole(\"link\", { name: route.label, exact: true });"," await expect(activeLink).toBeVisible();"," await expect(activeLink).toHaveAttribute(\"aria-current\", \"page\");"," test(\"served response headers do not block cross-origin Supabase images\", async ({ page }) => {"," // Regression guard for the \"all images fail to render\" incident: document"," // page images load cross-origin from Supabase Storage signed URLs. A"," // Cross-Origin-Embedder-Policy: require-corp header (or a CSP that drops"," // the *.supabase.co image origin) silently breaks every image"," // while all other tests still pass. Assert the actual served headers."," const response = await page.request.get(\"/\");"," expect(response.status()).toBe(200);"," const headers = response.headers();"," expect(headers[\"cross-origin-embedder-policy\"]).toBeUndefined();"," const csp = headers[\"content-security-policy\"] ?? \"\";"," expect(csp).toContain(\"img-src\");"," const imgSrc = csp.split(\";\").find((directive) => directive.trim().startsWith(\"img-src\"));"," expect(imgSrc).toContain(\"https://*.supabase.co\");"," expect(imgSrc?.trim().split(/\\s+/)).not.toContain(\"https:\");"," expect(csp).toContain(\"https://*.supabase.co\");"," test(\"static agent guidance is available and documents mode avoids the app error boundary\", async ({ page }) => {"," const llms = await page.request.get(\"/llms.txt\");"," expect(llms.status()).toBe(200);"," const llmsText = await llms.text();"," expect(llmsText).toContain(\"Clinical Guide\");"," expect(llmsText).toContain(\"rely on cited source evidence\");"," await gotoApp(page, \"/documents\");"," await expect(page.getByRole(\"button\", { name: \"Mode Documents\" })).toBeVisible();"," await expect(page.getByTestId(\"document-search-workspace\")).toBeVisible();"," await expect(page.getByRole(\"heading\", { name: \"Something went wrong\" })).toHaveCount(0);"," test(\"account setup opens from desktop sidebar account affordances while settings stays separate\", async ({"," page,"," }) => {"," // Exercises both collapsed and expanded account affordances; seed collapsed"," // explicitly (also the new-user default) so the journey starts on the rail."," const settings = accountSettingsDialog(page);"," const setup = accountSetupDialog(page);"," await page.getByRole(\"button\", { name: \"Expand sidebar\" }).click();"," await expect(page.locator(\"#clinical-tools-sidebar\")).toBeVisible();"," await page.locator(\"#clinical-tools-sidebar\").getByRole(\"button\", { name: \"Settings\", exact: true }).click();"," await expect(settings).toBeVisible();"," await expectAccountSettingsSurface(settings);"," await settings.getByRole(\"button\", { name: \"Close settings\" }).click();"," await expect(settings).toBeHidden();"," await page.locator(\"#clinical-tools-sidebar\").getByTestId(\"sidebar-account-settings\").click();"," await expect(setup).toBeVisible();"," await expectAccountSetupSurface(setup);"," await setup.getByRole(\"button\", { name: \"Close account setup\" }).click();"," await expect(setup).toBeHidden();"," await page.getByRole(\"button\", { name: \"Collapse sidebar\" }).click();"," await page.getByTestId(\"collapsed-account-settings\").click();"," test(\"desktop settings scrolls its own column and keeps the rail and close control reachable\", async ({ page }) => {"," // Regression: the panel grid used `lg:h-auto` + `lg:max-h-`, so its single"," // auto row sized to the full content height, overflowed the capped grid and"," // was clipped by `overflow-hidden`. The scroll column therefore never"," // overflowed its own box, `overflow-y-auto` never engaged, and a rail click's"," // `scrollIntoView` scrolled the clipped grid instead — dragging the rail and"," // the close control out of the dialog with no way to scroll them back."," // Sidebar defaults to collapsed for new users; expand so the in-rail Settings"," // control this journey asserts is reachable (same as the account-setup case)."," const rail = settings.getByRole(\"navigation\", { name: \"Settings sections\" });"," const close = settings.getByRole(\"button\", { name: \"Close settings\" });"," await expect(rail).toBeVisible();"," const port = settings.getByTestId(\"settings-scroll-port\");"," const scrollState = async () =>"," port.evaluate((element) => {"," const panel = element.parentElement;"," portScrollable: element.scrollHeight > element.clientHeight,"," panelClipped: panel ? panel.scrollHeight > panel.clientHeight : true,"," // The settings column owns the overflow; the two-column panel never does."," expect(await scrollState()).toEqual({ portScrollable: true, panelClipped: false });"," for (const section of [\"Privacy\", \"Shortcuts\", \"Help & About\"]) {"," await settings.getByRole(\"button\", { name: section, exact: true }).click();"," await expect(settings.getByRole(\"button\", { name: section, exact: true })).toHaveAttribute("," \"aria-current\","," \"true\","," );"," // The rail and the only pointer-driven way out both stay inside the panel."," await expect(rail).toBeInViewport();"," await expect(close).toBeInViewport();"," expect((await scrollState()).panelClipped).toBe(false);"," // A rail click holds its own highlight — the last sections are shorter than"," // the scroll port and can never reach the marker line — but only until the"," // reader scrolls somewhere else. Dragging the native scrollbar moves"," // `scrollTop` and emits `scroll` alone, with no wheel/touch/key event, so"," // assign `scrollTop` directly to reproduce exactly that interaction. Force"," // `scroll-behavior: auto` first: the port carries Tailwind `scroll-smooth`,"," // and a bare `scrollTop` write would otherwise animate."," await settings.getByRole(\"button\", { name: \"Help & About\", exact: true }).click();"," await expect(settings.getByRole(\"button\", { name: \"Help & About\", exact: true })).toHaveAttribute("," \"aria-current\","," \"true\","," await port.evaluate((element) => {"," const previous = element.style.scrollBehavior;"," element.style.scrollBehavior = \"auto\";"," element.scrollTop = 0;"," element.style.scrollBehavior = previous;"," await expect(settings.getByRole(\"button\", { name: \"Account\", exact: true })).toHaveAttribute("," await close.click();"," // The pin must not outlive the dialog: the Sheet unmounts its children, but"," // the component stays mounted, so a stale pin would hold the spy inert. A"," // coalesced spy rAF armed before close is cancelled on `open` flip (and"," // dropped if its port is no longer the live ref), so reopen starts on"," // Account rather than the previous section."," element.scrollTop = element.scrollHeight;"," test(\"account settings stays readable at narrow phone widths and closes from its single control or Escape\", async ({"," await menu.getByRole(\"button\", { name: \"Settings\", exact: true }).click();"," await expect(menu).toHaveCount(0);"," const settingsBox = await settings.boundingBox();"," const viewport = await page.evaluate(() => ({"," width: window.visualViewport?.width ?? window.innerWidth,"," height: window.visualViewport?.height ?? window.innerHeight,"," }));"," const fullscreenTolerance = 16;"," expect(settingsBox).not.toBeNull();"," expect(settingsBox!.x).toBeGreaterThanOrEqual(-1);"," expect(settingsBox!.y).toBeLessThanOrEqual(fullscreenTolerance);"," expect(settingsBox!.width + fullscreenTolerance).toBeGreaterThanOrEqual(viewport.width);"," expect(settingsBox!.height + fullscreenTolerance).toBeGreaterThanOrEqual(viewport.height);"," await expectMobileSettingsLayout(settings);"," await page.setViewportSize({ width: 320, height: 820 });"," await page.setViewportSize({ width: 430, height: 820 });"," const escapeMenu = await openMobileClinicalGuideMenu(page);"," await escapeMenu.getByRole(\"button\", { name: \"Settings\", exact: true }).click();"," await page.keyboard.press(\"Escape\");"," const accountMenu = await openMobileClinicalGuideMenu(page);"," await accountMenu.getByTestId(\"sidebar-account-settings\").click();"," await expect(accountMenu).toHaveCount(0);"," await expect(setup.getByLabel(\"Email address\")).toBeFocused();"," const setupBox = await setup.boundingBox();"," expect(setupBox).not.toBeNull();"," expect(setupBox!.x).toBeGreaterThanOrEqual(-1);"," expect(setupBox!.width + fullscreenTolerance).toBeLessThanOrEqual(viewport.width + fullscreenTolerance);"," await page.setViewportSize({ width: 320, height: 700 });"," const setupClose = setup.getByRole(\"button\", { name: \"Close account setup\" });"," await expect(setup.getByLabel(\"Email address\")).toBeInViewport();"," await expect(setup.getByRole(\"button\", { name: \"Continue with email\" })).toBeInViewport();"," await expect(setupClose).toBeInViewport();"," const setupScrollPort = setup.locator(\".polished-scroll\");"," await setupScrollPort.evaluate((element) => {"," await expect(setup.getByText(\"No PHI required\")).toBeInViewport();"," await page.emulateMedia({ reducedMotion: \"reduce\", forcedColors: \"active\" });"," expect(await setup.evaluate((element) => getComputedStyle(element).animationName)).toBe(\"none\");"," await setup.getByRole(\"button\", { name: \"Continue with Google\" }).evaluate((element) => {"," return getComputedStyle(element).borderStyle;"," ).not.toBe(\"none\");"," await page.emulateMedia({ reducedMotion: \"no-preference\", forcedColors: \"none\" });"," await page.evaluate(() => document.documentElement.classList.add(\"dark\"));"," test(\"offline browser gate remains in demo mode when private endpoints are mocked\", async ({ page }) => {"," const answerRequests: string[] = [];"," const unsafeLocalProjectPayload = {"," appName: \"Clinical KB\","," projectId: \"test-project\","," identityPath: \"/api/local-project-id\","," localServer: {"," currentUrl: \"http://localhost:4298\","," currentPort: 4298,"," projectPortStart: 4298,"," projectPortEnd: 53210,"," safeLocalOrigin: false,"," requestOrigin: null,"," requestReferer: null,"," unsafeLocalCaller: \"http://localhost:3000\","," await page.route(/\\/api\\/local-project-id$/, async (route) => {"," await route.fulfill({ json: unsafeLocalProjectPayload });"," await page.route(/\\/api\\/answer(?:\\/stream)?(?:\\?.*)?$/, async (route) => {"," answerRequests.push(route.request().url());"," await route.fulfill({ status: 401, json: { error: \"Authentication required.\" } });"," // Use the hydration-aware helper rather than a raw fill: the server-rendered"," // composer is visible before React owns it, and a fill landing in that gap is"," // discarded by hydration, leaving submit disabled with title \"Enter a"," // clinical question\"."," await fillVisibleQuestionInput(page, \"lithium monitoring\");"," await expect(page.getByRole(\"button\", { name: \"Generate source-backed answer\" })).toBeEnabled();"," await expect(page.getByTestId(\"answer-grounding-chip\")).toHaveCount(0);"," expect(answerRequests).toEqual([]);"," await expect(page.getByRole(\"heading\", { level: 1, name: \"Clinical Guide\" })).toBeVisible();"," await expectDomIntegrity(page, { mobileNav: true, mobileFabReady: false });"," test(\"desktop mode options close when clicking outside or opening scope\", async ({ page }) => {"," const dailyActionsTrigger = page.getByRole(\"button\", { name: \"Open answer options\" });"," const dailyActionsMenu = page.getByTestId(\"daily-actions-menu\");"," const appModeTrigger = page.getByRole(\"button\", { name: \"Mode Answer\" });"," const appModeMenu = page.getByRole(\"menu\", { name: \"Choose app mode\" });"," // Retry open-then-assert together: a click landing before React attaches the"," // trigger's handler is swallowed silently, so asserting visibility once fails"," // on an unhydrated first click rather than on a real regression."," // The trigger TOGGLES, so this retry has to be idempotent. If the menu"," // opened just after the inner assertion's deadline expired, a second"," // unconditional click closes it again and the attempts oscillate — the"," // retry would then fail a UI that is working."," if (await appModeMenu.isVisible().catch(() => false)) return;"," await appModeTrigger.click();"," await expect(appModeMenu).toBeVisible({ timeout: 2_000 });"," await page.mouse.click(640, 430);"," await expect(appModeMenu).toBeHidden();"," await appModeTrigger.click();"," await expect(appModeMenu).toBeVisible();"," await dailyActionsTrigger.click();"," await expect(dailyActionsMenu).toBeVisible();"," await expect(dailyActionsMenu).toHaveCount(0);"," // First open — use robust retry helper to handle async state update timing."," await openDailyActions(page, \"Open answer options\");"," await dismissOverlayByHeaderClick(page);"," // Second open - verify opening the mode menu closes the daily actions surface."," await expect(page.getByTestId(\"app-mode-menu-sheet\")).toHaveCount(0);"," test(\"phone mode menu opens tall enough to show the full mode list without scrolling\", async ({ page }) => {"," await page.setViewportSize({ width: 390, height: 844 });"," await waitForReactEventHandler(appModeTrigger, \"onClick\");"," const modeSheet = page.getByTestId(\"app-mode-menu-sheet\");"," await expect(modeSheet).toBeVisible();"," await expect(modeSheet).toHaveAttribute(\"role\", \"dialog\");"," await expect(appModeTrigger).toHaveAttribute(\"aria-expanded\", \"true\");"," await expect(appModeTrigger).toHaveAttribute(\"aria-controls\", \"app-mode-menu\");"," // Full list must be present and visible without sheet-body scrolling on this viewport."," const modeOptions = appModeMenu.getByRole(\"menuitemradio\");"," const modeCount = await modeOptions.count();"," expect(modeCount).toBeGreaterThanOrEqual(10);"," await expect(appModeMenu.getByRole(\"menuitemradio\", { name: /^Tools\\b/ })).toBeAttached();"," await expect(appModeMenu.getByRole(\"menuitemradio\", { name: /^Medication\\b/ })).toBeAttached();"," await expect(modeOptions.first()).toBeInViewport();"," await expect(modeOptions.nth(modeCount - 1)).toBeInViewport();"," const sheetBodyNeedsScroll = await modeSheet.evaluate((panel) => {"," const body = [...panel.querySelectorAll(\"div\")].find((element) => {"," const { overflowY } = getComputedStyle(element);"," return overflowY === \"auto\" || overflowY === \"scroll\";"," if (!body) return true;"," return body.scrollHeight > body.clientHeight + 1;"," expect(sheetBodyNeedsScroll).toBe(false);"," // Scroll the sheet body so a lower mode is interactable, then select it."," // Selecting a mode closes the sheet and retargets the composer; it stays on"," // the shared home rather than navigating to /tools."," const toolsMode = appModeMenu.getByRole(\"menuitemradio\", { name: /^Tools\\b/ });"," await expect(toolsMode).toBeVisible();"," await toolsMode.click();"," await expect(modeSheet).toHaveCount(0);"," await expect(appModeMenu).toHaveCount(0);"," await expect(page).toHaveURL(/\\/\\?mode=tools\\b/);"," await expect(page.getByRole(\"button\", { name: \"Mode Tools\" })).toBeVisible();"," await expect(visibleByTestId(page, \"shared-home-empty-state\")).toBeVisible();"," test(\"phone mode menu dismisses via backdrop and restores focus to the Mode button\", async ({ page }) => {"," // Click the dimmed backdrop (outside the dialog panel) to dismiss."," await modeSheet.locator(\"..\").click({ position: { x: 8, y: 8 } });"," await expect(appModeTrigger).toBeFocused();"," await expect(appModeTrigger).toHaveAttribute(\"aria-expanded\", \"false\");"," test(\"desktop mode action placement coalesces scroll updates per frame\", async ({ page }) => {"," const trigger = page.getByRole(\"button\", { name: \"Open answer options\" });"," await trigger.evaluate((element) => {"," const originalGetBoundingClientRect = element.getBoundingClientRect.bind(element);"," element.dataset.placementReadCount = \"0\";"," element.getBoundingClientRect = () => {"," element.dataset.placementReadCount = String(Number(element.dataset.placementReadCount ?? \"0\") + 1);"," return originalGetBoundingClientRect();"," await page.evaluate(() => new Promise((resolve) => requestAnimationFrame(() => resolve())));"," const placementReads = await page.evaluate(async () => {"," for (let index = 0; index < 20; index += 1) {"," window.dispatchEvent(new Event(\"scroll\"));"," await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(() => resolve())));"," const triggerElement = document.querySelector('button[aria-label=\"Open answer options\"]');"," return Number(triggerElement?.dataset.placementReadCount ?? \"0\");"," expect(placementReads).toBeLessThanOrEqual(1);"," test(\"demo answer flow reaches a source-backed answer @critical\", async ({ browserName, page }) => {"," const question = \"What clozapine monitoring items are shown in the table image?\";"," const questionInput = await fillVisibleQuestionInput(page, question);"," await expect(questionInput).toHaveValue(question);"," await visibleAnswerSubmitButton(page).click();"," await expect(page.getByRole(\"button\", { name: \"Ask a question\" })).toHaveCount(0);"," const questionEcho = page.getByTestId(\"answer-card-query\");"," await expect(questionEcho).toBeVisible();"," await expect(questionEcho).toContainText(question);"," const plainAnswer = page.getByTestId(\"plain-answer-response\");"," await expect(plainAnswer).toBeVisible();"," await expect(plainAnswer).toContainText(\"synthetic clozapine table image highlights\");"," await expect(plainAnswer.getByTestId(\"plain-answer-prose\")).toBeVisible();"," await expect(page.getByText(\"Demo\", { exact: true })).toHaveCount(0);"," await expect(plainAnswer.locator(\"ul, ol, li\")).toHaveCount(0);"," await expect(plainAnswer.getByTestId(\"plain-answer-prose\").locator(\"svg\")).toHaveCount(0);"," const sourceCapsule = plainAnswer.getByRole(\"button\", { name: \"Open answer sources\" });"," await expect(sourceCapsule).not.toContainText(\"Check sources\");"," await expectMinTouchTarget(sourceCapsule);"," await sourceCapsule.click();"," const sourceSheet = page.getByRole(\"dialog\", { name: \"Sources\" });"," await expect(sourceSheet).toBeVisible();"," const sourcePreview = page.getByTestId(\"source-capsule-preview\");"," await expect(sourcePreview).toBeVisible();"," await expect(sourcePreview).toContainText(\"Best match\");"," await expect(sourcePreview.getByTestId(\"source-capsule-preview-row\")).toHaveCount(2);"," const firstPreviewSource = sourcePreview.getByTestId(\"source-capsule-preview-row\").first();"," await expect(firstPreviewSource).toHaveAttribute(\"href\", /\\/documents\\/.+chunk=/);"," await expectMinTouchTarget(firstPreviewSource);"," await expect(sourcePreview.getByRole(\"link\", { name: /Open S1 source page/i })).toBeVisible();"," await expect(page.getByRole(\"dialog\", { name: /PDF|document/i })).toHaveCount(0);"," const copyQuoteButton = sourcePreview.getByRole(\"button\", { name: \"Copy passage\" });"," await expect(copyQuoteButton).toBeVisible();"," await expectMinTouchTarget(copyQuoteButton);"," if (browserName === \"chromium\") {"," await page.context().grantPermissions([\"clipboard-read\", \"clipboard-write\"], {"," origin: new URL(page.url()).origin,"," await copyQuoteButton.click();"," await expect(sourcePreview.getByRole(\"button\", { name: \"Copied passage\" })).toBeVisible();"," await expect(sourceSheet).toHaveCount(0);"," await expect(sourceCapsule).toBeFocused();"," const copyWithSources = plainAnswer.getByRole(\"button\", { name: \"Copy answer with source status\" });"," await expect(copyWithSources).toBeVisible();"," await expectMinTouchTarget(copyWithSources);"," await copyWithSources.click();"," const copiedText = await page.evaluate(() => navigator.clipboard.readText());"," expect(copiedText).toContain(\"Clinical answer draft\");"," expect(copiedText).toContain(\"Sources for review\");"," expect(copiedText).toContain(\"/documents/\");"," await expect(plainAnswer.getByRole(\"button\", { name: \"More answer actions\" })).toHaveCount(0);"," const supportCard = page.getByTestId(\"answer-support-card\");"," await expect(supportCard).toBeVisible();"," await expect(supportCard).toContainText(\"Clinical notes\");"," await expect(supportCard).toContainText(\"Evidence\");"," await expect(supportCard).toContainText(/Safety findings|Priority|FBC\\/ANC|Myocarditis|Metabolic/i);"," await expect(page.getByTestId(\"safety-findings-panel\")).toHaveCount(0);"," // Safety findings are MANDATORY for this clozapine fixture — the answer is saturated"," // with monitoring/FBC-ANC/metabolic/myocarditis language that extractSafetyFindings"," // keys on. A regression that drops them (so the trigger never mounts — it only renders"," // when safetyFindings.length > 0, see answer-result-surface.tsx) must FAIL this"," // @critical smoke, not pass silently on an absent trigger (audit F3 / C6). Asserting"," // the trigger is visible unconditionally enforces \"safety findings present\"."," const safetyFindingsTrigger = page.getByTestId(\"answer-safety-findings-trigger\");"," await expect(safetyFindingsTrigger).toBeVisible();"," await expectMinTouchTarget(safetyFindingsTrigger);"," await safetyFindingsTrigger.click();"," const safetyFindingsSheet = page.getByRole(\"dialog\", { name: \"Safety-critical source findings\" });"," await expect(safetyFindingsSheet).toBeVisible();"," await expect(safetyFindingsSheet.getByTestId(\"safety-findings-panel\")).toBeVisible();"," expect(await safetyFindingsSheet.getByTestId(\"safety-finding-row\").count()).toBeGreaterThan(0);"," await safetyFindingsSheet.getByRole(\"button\", { name: \"Close safety findings\" }).click();"," await expect(safetyFindingsSheet).toHaveCount(0);"," await expect(safetyFindingsTrigger).toBeFocused();"," const clinicalTable = page.getByLabel(\"Inline table preview\").first();"," await expect(clinicalTable).toBeVisible();"," await expect(clinicalTable.getByRole(\"table\")).toBeVisible();"," await expect(clinicalTable).toContainText(\"FBC/ANC\");"," await expect(clinicalTable).not.toContainText(/page|p\\.|chunk|Synthetic clozapine monitoring protocol/i);"," const openTableSource = clinicalTable.getByRole(\"link\", { name: \"Open table source\" });"," await expect(openTableSource).toBeVisible();"," await expectMinTouchTarget(openTableSource);"," await expect(clinicalTable.getByRole(\"button\", { name: \"Copy table preview\" })).toHaveCount(0);"," await expect(clinicalTable.getByRole(\"button\", { name: \"More table actions\" })).toHaveCount(0);"," const tableExpandButton = clinicalTable.getByTestId(\"table-expand-button\");"," await expect(clinicalTable.getByTestId(\"accessible-table-surface\")).toBeVisible();"," const tableDialog = await openMobileTableFullscreen(page, clinicalTable);"," await expect(tableDialog.getByRole(\"table\")).toBeVisible();"," await expect(tableDialog).toContainText(\"FBC/ANC\");"," await expect(tableDialog).not.toContainText(/page|p\\.|chunk|Synthetic clozapine monitoring protocol/i);"," await expect(tableDialog).toBeHidden();"," if (await tableExpandButton.isVisible().catch(() => false)) {"," await expect(tableExpandButton).toBeFocused();"," await expect(clinicalTable.getByTestId(\"accessible-table-surface\")).toBeFocused();"," const reopenedTableDialog = await openMobileTableFullscreen(page, clinicalTable);"," await reopenedTableDialog.getByRole(\"button\", { name: \"Close full-screen table\" }).click();"," await expect(reopenedTableDialog).toBeHidden();"," await expect(page.locator(\"#answer-more-detail-drawer\")).toHaveCount(0);"," await expect(page.getByTestId(\"raw-answer-narrative\")).toHaveCount(0);"," await expect(page.getByText(\"Source narrative\")).toHaveCount(0);"," await expect(page.getByText(\"Quality feedback\")).toHaveCount(0);"," await expect(page.getByTestId(\"smart-follow-up-chips\")).toHaveCount(0);"," await expect(page.getByRole(\"button\", { name: \"Compare sources\" })).toHaveCount(0);"," await expect(page.getByRole(\"button\", { name: \"Limit to local/current sources\" })).toHaveCount(0);"," await expect(page.getByRole(\"button\", { name: \"Search this document only\" })).toHaveCount(0);"," await expect(page.getByRole(\"button\", { name: \"Show exact quotes\" })).toHaveCount(0);"," await expect(page.getByTestId(\"answer-top-source-chip\")).toHaveCount(0);"," await expect(page.getByTestId(\"evidence-rail\")).toHaveCount(0);"," await expect(page.getByTestId(\"evidence-summary-card\")).toHaveCount(0);"," await expect(page.getByRole(\"button\", { name: \"Copy clinical draft\" })).toHaveCount(0);"," await expect(page.getByRole(\"button\", { name: \"Copy answer with citations\" })).toHaveCount(0);"," await expect(page.getByTestId(\"answer-safety-notice\")).toHaveCount(0);"," await expect(page.getByTestId(\"mobile-section-fab-button\")).toHaveCount(0);"," await expect(page.getByTestId(\"mobile-section-fab-menu\")).toHaveCount(0);"," await expectDomIntegrity(page, { mobileNav: true });"," const clinicalNotesTrigger = page.locator(\"#answer-clinical-notes-drawer-mobile-trigger\");"," await expect(clinicalNotesTrigger).toBeVisible();"," await expect(clinicalNotesTrigger).toContainText(\"Clinical notes\");"," await expect(clinicalNotesTrigger).toContainText(/notes?/i);"," await expectMinTouchTarget(clinicalNotesTrigger);"," await clinicalNotesTrigger.click();"," const clinicalNotesSheet = page.getByRole(\"dialog\", { name: \"Clinical notes\" });"," await expect(clinicalNotesSheet).toBeVisible();"," await expect(clinicalNotesSheet.getByTestId(\"clinical-notes-checklist\")).toBeVisible();"," const essentialsTab = clinicalNotesSheet.getByRole(\"tab\", { name: /Essentials/ });"," const actionsTab = clinicalNotesSheet.getByRole(\"tab\", { name: /Actions/ });"," const safetyTab = clinicalNotesSheet.getByRole(\"tab\", { name: /Safety/ });"," await expect(essentialsTab).toBeVisible();"," await expect(actionsTab).toBeVisible();"," await expect(safetyTab).toBeVisible();"," await expect(actionsTab).toHaveAttribute(\"aria-selected\", \"true\");"," await actionsTab.focus();"," await page.keyboard.press(\"ArrowRight\");"," await expect(safetyTab).toBeFocused();"," await expect(safetyTab).toHaveAttribute(\"aria-selected\", \"true\");"," await page.keyboard.press(\"ArrowLeft\");"," await expect(actionsTab).toBeFocused();"," await page.keyboard.press(\"Home\");"," await expect(essentialsTab).toBeFocused();"," await expect(essentialsTab).toHaveAttribute(\"aria-selected\", \"true\");"," await page.keyboard.press(\"End\");"," expect(await clinicalNotesSheet.getByTestId(\"clinical-note-row\").count()).toBeGreaterThan(0);"," const linkedNoteRow = clinicalNotesSheet.getByTestId(\"clinical-note-row\").first();"," await expect(linkedNoteRow).toHaveAttribute(\"href\", /\\/documents\\//);"," await expect(clinicalNotesSheet.getByText(\"Review toxicity symptoms\", { exact: true })).toBeVisible();"," await tapOutsideActiveSurface(page);"," await expect(clinicalNotesSheet).toHaveCount(0);"," const evidenceDrawer = page.locator(\"#answer-evidence-drawer-mobile-trigger\");"," await expect(evidenceDrawer).toBeVisible();"," await expect(evidenceDrawer).toContainText(\"Evidence\");"," await expect(evidenceDrawer).toContainText(/claims?/i);"," await expect(evidenceDrawer).toContainText(/quotes?/i);"," await expect(page.getByTestId(\"evidence-support-panel\")).toHaveCount(0);"," const hierarchy = await page.evaluate(() => {"," const question = document.querySelector('[data-testid=\"answer-card-query\"]');"," const plainAnswer = document.querySelector('[data-testid=\"plain-answer-response\"]');"," const support = document.querySelector('[data-testid=\"answer-support-card\"]');"," const table = document.querySelector('[aria-label=\"Inline table preview\"]');"," questionTop: question?.getBoundingClientRect().top ?? 9999,"," plainAnswerTop: plainAnswer?.getBoundingClientRect().top ?? 9999,"," supportTop: support?.getBoundingClientRect().top ?? 9999,"," tableTop: table?.getBoundingClientRect().top ?? 9999,"," expect(hierarchy.questionTop).toBeLessThan(hierarchy.plainAnswerTop);"," expect(hierarchy.plainAnswerTop).toBeLessThan(hierarchy.supportTop);"," expect(hierarchy.supportTop).toBeLessThan(hierarchy.tableTop);"," await evidenceDrawer.click();"," const evidenceSheet = page.getByRole(\"dialog\", { name: \"Evidence\" });"," await expect(evidenceSheet).toBeVisible();"," await expect(evidenceSheet.getByTestId(\"mobile-evidence-tabs\")).toBeVisible();"," const evidenceSheetOrder = await evidenceSheet.evaluate((element) => {"," const tabs = element.querySelector('[data-testid=\"mobile-evidence-tabs\"]');"," const claims = element.querySelector('[data-testid=\"evidence-claims-panel\"]');"," tabsTop: tabs?.getBoundingClientRect().top ?? 9999,"," claimsTop: claims?.getBoundingClientRect().top ?? 9999,"," expect(evidenceSheetOrder.tabsTop).toBeLessThan(evidenceSheetOrder.claimsTop);"," await expect(evidenceSheet.getByTestId(\"mobile-evidence-tab-claims\")).toHaveAttribute(\"aria-selected\", \"true\");"," await expect(evidenceSheet.getByTestId(\"mobile-evidence-panel-claims\")).toBeVisible();"," await expectMinTouchTarget(evidenceSheet.getByTestId(\"mobile-evidence-tab-claims\"));"," const sourcePanelLink = evidenceSheet"," .getByTestId(\"mobile-evidence-panel-claims\")"," .getByTestId(\"evidence-map-open-source\")"," .first();"," await expect(sourcePanelLink).toBeVisible();"," await expect(sourcePanelLink).toHaveAttribute(\"href\", /\\/documents\\/.+chunk=/);"," await expectMinTouchTarget(sourcePanelLink);"," await evidenceSheet.getByTestId(\"mobile-evidence-tab-tables\").click();"," await expect(evidenceSheet.getByTestId(\"mobile-evidence-panel-tables\")).toBeVisible();"," await expectMinTouchTarget(evidenceSheet.getByTestId(\"mobile-evidence-tab-tables\"));"," const gapsTab = evidenceSheet.getByTestId(\"mobile-evidence-tab-gaps\");"," if (await gapsTab.count()) {"," await gapsTab.click();"," await expect(evidenceSheet.getByTestId(\"mobile-evidence-panel-gaps\")).toBeVisible();"," await expectMinTouchTarget(gapsTab);"," await expect(page.locator('[data-testid=\"evidence-support-panel\"]:visible')).toHaveCount(0);"," await expect(page.getByTestId(\"answer-header-actions\")).toHaveCount(0);"," await expect(page.getByText(\"Top source detail\")).toHaveCount(0);"," await expect(page.getByText(\"Retrieval details\")).toHaveCount(0);"," await expect(evidenceSheet).toHaveCount(0);"," await expect(evidenceDrawer).toBeFocused();"," await openScopeControl(page);"," const scopePopover = page.getByTestId(\"scope-command-popover\");"," await expect(scopePopover).toBeVisible();"," const scopeFilter = scopePopover.locator('[data-testid=\"document-scope-filter\"]');"," await expect(scopeFilter).toBeVisible();"," await expect(scopeFilter).toBeFocused();"," await scopeFilter.fill(\"lithium\");"," await expect(scopePopover).toContainText(/match(?:es)?|No documents match/);"," await expect(scopePopover.getByRole(\"button\", { name: \"All documents\" })).toBeVisible();"," const popoverMetrics = await scopePopover.evaluate((element) => {"," const style = window.getComputedStyle(element);"," height: element.getBoundingClientRect().height,"," maxHeight: style.maxHeight,"," overflowY: style.overflowY,"," viewportHeight: window.innerHeight,"," expect(popoverMetrics.overflowY).toBe(\"auto\");"," expect(popoverMetrics.maxHeight).not.toBe(\"none\");"," expect(popoverMetrics.height).toBeLessThanOrEqual(Math.ceil(popoverMetrics.viewportHeight * 0.72));"," await expect(scopePopover).toBeHidden();"," await expect(page.getByRole(\"button\", { name: \"Open answer options\" })).toBeFocused();"," }).toPass({ timeout: 5_000 });"," for (const viewport of ["," { name: \"desktop\", width: 1280, height: 900 },"," { name: \"390x844 mobile\", width: 390, height: 844 },"," ] as const) {"," test(`actual answer Copy control preserves ordinary prose at ${viewport.name}`, async ({ page }) => {"," await page.setViewportSize(viewport);"," await mockDemoApi(page, {"," answerOverride: (query, documentId, documentIds) => ({"," ...demoAnswer(query, documentId, documentIds),"," await installClipboardMock(page);"," await fillVisibleQuestionInput(page, \"What lithium toxicity symptoms need review?\");"," await visibleAnswerSubmitButton(page).click();"," const answerSurface = page.getByTestId(\"plain-answer-response\");"," await expect(answerSurface).toBeVisible({ timeout: uiAssertionTimeoutMs });"," await answerSurface.getByRole(\"button\", { name: \"Copy answer with source status\" }).click();"," expect(copiedText).toContain(\"toxicity safety-net review\");"," expect(copiedText).not.toContain(\"Clinical tables\");"," test(`actual answer Copy control matches the visible clinical table at ${viewport.name}`, async ({ page }) => {"," answerOverride: (query, documentId, documentIds) => {"," const base = demoAnswer(query, documentId, documentIds);"," const table = base.visualEvidence?.[0];"," if (!table) return base;"," const secondTable = {"," ...table,"," id: `${table.id}-second`,"," image_id: `${table.image_id}-second`,"," source_chunk_id: base.sources[1]?.id ?? table.source_chunk_id,"," viewer_href: \"/documents/second-table?page=7&chunk=second-table-chunk\","," title: \"Synthetic metabolic monitoring guideline\","," page_number: 7,"," tableTitle: \"Metabolic monitoring\","," tableColumns: [\"Parameter\", \"Timing\"],"," tableRows: [[\"HbA1c\", \"At baseline and review\"]],"," ...base,"," sourceGovernanceWarnings: ["," code: \"review_due_source\" as const,"," severity: \"warning\" as const,"," message: \"One or more supporting sources are due for review.\","," visualEvidence: ["," ...table,"," tableTitle: \"ANC actions\","," tableColumns: [\"ANC range\", \"\", \"Action\"],"," tableRows: ["," [\"1.0–1.5 × 10⁹/L\", \"\", \"Increase monitoring\"],"," [\"<1.0 × 10⁹/L\", \"\", \"Withhold and seek specialist advice\"],"," ],"," secondTable,"," await fillVisibleQuestionInput(page, \"What clozapine monitoring items are shown in the table image?\");"," const firstTable = page.getByRole(\"table\", { name: \"ANC actions\" });"," const secondTable = page.getByRole(\"table\", { name: \"Metabolic monitoring\" });"," await expect(firstTable).toBeVisible({ timeout: uiAssertionTimeoutMs });"," await expect(firstTable).toContainText(\"1.0–1.5 × 10⁹/L\");"," await expect(firstTable).toContainText(\"Withhold and seek specialist advice\");"," await expect(secondTable).toBeVisible({ timeout: uiAssertionTimeoutMs });"," await expect(secondTable).toContainText(\"HbA1c\");"," await expect(secondTable).toContainText(\"At baseline and review\");"," await expect(page.getByTestId(\"canonical-table-caveat\")).toContainText(\"headers are incomplete\");"," expect(copiedText).toContain(\"ANC range | [header missing] | Action\");"," expect(copiedText).toContain(\"1.0–1.5 × 10⁹/L | [blank] | Increase monitoring\");"," expect(copiedText).toContain(\"<1.0 × 10⁹/L | [blank] | Withhold and seek specialist advice\");"," expect(copiedText).toContain(\"Table headers are incomplete\");"," expect(copiedText).toContain(\"One or more supporting sources are due for review.\");"," expect(copiedText).toContain(\"Source: Synthetic clozapine monitoring protocol with image evidence, page 2\");"," expect(copiedText).toContain(\"Metabolic monitoring\");"," expect(copiedText).toContain(\"Parameter | Timing\");"," expect(copiedText).toContain(\"HbA1c | At baseline and review\");"," { name: \"mobile\", width: 390, height: 844 },"," { name: \"200% zoom equivalent\", width: 640, height: 450 },"," { name: \"tablet\", width: 768, height: 1024 },"," test(`privacy warnings and links are available before clinical input at ${viewport.name}`, async ({ page }) => {"," await mockDemoApi(page);"," const composer = visibleQuestionInput(page);"," const composerForm = composer.locator(\"xpath=ancestor::form[1]\");"," const composerWarning = composerForm.getByText(\"Do not enter patient-identifiable information.\");"," await expect(composerForm.getByRole(\"note\")).toBeVisible();"," const composerPrivacyLink = composerForm.getByRole(\"link\", { name: \"Privacy and data processing\" });"," await expect(composerWarning).toBeVisible();"," await expect(composerPrivacyLink).toBeVisible();"," await composerPrivacyLink.focus();"," await expect(composerPrivacyLink).toBeFocused();"," await page.goto(\"/privacy\", { waitUntil: \"domcontentloaded\" });"," await expect(page.getByRole(\"main\")).toBeVisible();"," await expect(page.getByRole(\"heading\", { level: 1, name: \"Privacy & data handling\" })).toBeVisible();"," await expect(page.getByText(\"This is draft product information\", { exact: false })).toBeVisible();"," test(\"privacy sections remain operable at 200% text on a narrow viewport\", async ({ page }) => {"," await page.setViewportSize({ width: 320, height: 568 });"," await page.goto(\"/privacy\", { waitUntil: \"domcontentloaded\" });"," await page.addStyleTag({ content: \"html { font-size: 32px !important; }\" });"," const responsibilities = page.getByRole(\"button\", { name: /Your responsibilities/i });"," await responsibilities.scrollIntoViewIfNeeded();"," await responsibilities.click();"," await expect(responsibilities).toHaveAttribute(\"aria-expanded\", \"true\");"," await expect(page.getByText(\"Do not enter patient-identifiable information.\", { exact: false })).toBeVisible();"," test(\"answer failure offers a retry action that re-runs the question\", async ({ page }) => {"," let answerMode: \"error\" | \"ok\" = \"error\";"," // Override the answer route so the first attempt fails (non-retryable), then"," // succeeds once the user taps Retry. Registered after mockDemoApi so it wins."," const body = route.request().postDataJSON() as { query?: string; documentId?: string; documentIds?: string[] };"," answerRequests.push(body.query ?? \"\");"," if (answerMode === \"error\") {"," await route.fulfill({"," body: `event: error\\ndata: ${JSON.stringify({ error: \"Answer generation failed for this question.\", status: 400 })}\\n\\n`,"," contentType: \"text/event-stream; charset=utf-8\","," headers: { \"Cache-Control\": \"no-cache, no-transform\" },"," });"," await fulfillAnswerResponse(route, {"," ...demoAnswer(body.query ?? \"\", body.documentId, body.documentIds),"," await fillVisibleQuestionInput(page, \"What lithium monitoring is required?\");"," const retry = page.getByTestId(\"answer-error-retry\");"," await expect(retry).toBeVisible();"," await expect(page.getByTestId(\"answer-error\")).toContainText(\"Answer generation failed for this question.\");"," await expect(page.getByTestId(\"answer-error-search-documents\")).toBeVisible();"," const requestsBeforeRetry = answerRequests.length;"," answerMode = \"ok\";"," await retry.click();"," await expect(page.getByTestId(\"plain-answer-response\")).toBeVisible();"," await expect(page.getByTestId(\"answer-error-retry\")).toHaveCount(0);"," expect(answerRequests.length).toBeGreaterThan(requestsBeforeRetry);"," test(\"answer with no usable results shows a calm recovery panel, not an error alert\", async ({ page }) => {"," await mockDemoApi(page, {"," // Empty answer text makes the payload unusable, which the executor surfaces"," // as the \"No usable results were found.\" 404 sentinel."," answerOverride: (query, documentId, documentIds) => ({"," ...demoAnswer(query, documentId, documentIds),"," answer: \"\","," await fillVisibleQuestionInput(page, \"A question with no indexed match at all\");"," const panel = page.getByTestId(\"answer-no-results\");"," await expect(panel).toBeVisible();"," await expect(panel).toContainText(\"No answer for that yet\");"," await expect(page.getByTestId(\"answer-no-results-rephrase\")).toBeVisible();"," await expect(page.getByTestId(\"answer-no-results-search-documents\")).toBeVisible();"," // A calm status panel, never the alarming red error banner."," await expect(page.getByTestId(\"answer-error\")).toHaveCount(0);"," // Regression for PR #563: on phones a rendered answer must be content-sized and"," // top-aligned, NOT inherit the centred-home viewport-height floor. Otherwise a"," // short answer stretches the section to ~full height and `main` scrolls down into"," // the near-black shell; the fixed composer reserve must also hug the real dock."," test(\"phone short answer stays top-aligned with no phantom scroll into black\", async ({ page }) => {"," // Tall phone viewport so the deliberately short answer comfortably fits — that"," // is the whole point: content shorter than the viewport must not scroll."," await page.setViewportSize({ width: 390, height: 900 });"," // Keep this a genuinely short answer as the shared answer contract grows:"," // rich support, safety, and related-document fields are covered elsewhere."," answerOverride: (query, documentId, documentIds) => {"," const base = demoAnswer(query, documentId, documentIds);"," ...base,"," answer: \"Verify the cited passages before using any clinical numbers.\","," answerSections: [],"," quoteCards: [],"," documentBreakdown: [],"," evidenceSummary: undefined,"," sourceCoverage: undefined,"," conflictsOrGaps: [],"," bestSource: undefined,"," smartPanel: undefined,"," sources: base.sources.map((source) => ({"," ...source,"," content: \"This indexed passage directly supports the short answer.\","," await fillVisibleQuestionInput(page, \"lithium dosing\");"," await expect(page.getByTestId(\"plain-answer-response\")).toBeVisible({ timeout: 15_000 });"," // Wait for streaming to finish (deterministic) so the geometry below reads the"," // final, settled layout — replaces a fixed 400ms sleep."," await expect(page.getByTestId(\"answer-streaming\")).toHaveCount(0);"," const scrollGeometry = await readPrimaryScrollGeometry(page);"," const geo = await page.evaluate(() => {"," const header = document.querySelector(\"header\");"," const surface = document.querySelector('[data-dashboard-stage=\"answer-surface\"]');"," const alsoMatches = document.querySelector('[data-testid=\"universal-also-matches\"]');"," // Include vertical margins: the phone bottom clearance (`max-sm:mb-4`) sits"," // outside getBoundingClientRect().height and still consumes scroll budget."," let alsoMatchesHeight = 0;"," if (alsoMatches instanceof HTMLElement) {"," const box = alsoMatches.getBoundingClientRect();"," const styles = window.getComputedStyle(alsoMatches);"," alsoMatchesHeight = Math.ceil("," box.height + (Number.parseFloat(styles.marginTop) || 0) + (Number.parseFloat(styles.marginBottom) || 0),"," );"," headerBottom: header ? Math.round(header.getBoundingClientRect().bottom) : 0,"," surfaceTop: surface ? Math.round(surface.getBoundingClientRect().top) : 0,"," alsoMatchesHeight,"," // Content-sized section => no unexplained phantom scroll. Submitted universal"," // matches are real content below the answer, so their compact panel may account"," // for the overflow; the old viewport floor created much more empty scroll."," // The responsive notice keeps its complete instruction while returning the"," // unexplained-scroll allowance to the original 8px phone contract. Submitted"," // universal matches are real content, so subtract their measured height"," // before applying that phantom-overflow budget. That measured height already"," // includes the section's phone bottom margin, so the 8px allowance stays put."," const permittedOverflow = geo.alsoMatchesHeight + 8;"," expect(scrollGeometry.owner).toBe(\"document\");"," expect(scrollGeometry.maxScrollTop).toBeLessThanOrEqual(permittedOverflow);"," // Top-aligned: the answer sits just under the header, not pushed toward the dock"," // (a bottom-anchor regression would push surfaceTop far down the viewport)."," expect(geo.surfaceTop - geo.headerBottom).toBeGreaterThanOrEqual(0);"," expect(geo.surfaceTop - geo.headerBottom).toBeLessThanOrEqual(160);"," test(\"phone long answer stays scrollable and clear of the composer dock\", async ({ page }) => {"," await page.setViewportSize({ width: 390, height: 760 });"," const longBody = Array.from("," { length: 16 },"," (_, index) =>"," `Paragraph ${index + 1}: the lithium source supports baseline renal, thyroid, calcium, weight, blood pressure and interacting-medicine checks, plus escalation for vomiting, diarrhoea, dehydration, tremor, confusion or ataxia.`,"," ).join(\"\\n\\n\");"," answer: longBody,"," // Apply the Safari toolbar simulation after answer navigation has settled;"," // the submit flow may update the URL and replace earlier document styles."," await page.evaluate(() => {"," document.documentElement.style.setProperty(\"--safe-area-bottom\", \"112px\");"," const main = page.locator(\"main#main-content\");"," const bottomDock = page.locator(\"form.answer-footer-search-dock\");"," // Start from the top so the assertions describe the resting, top-aligned"," // view and the hide reporter has observed the restored position."," await expect"," .poll(async () => main.evaluate((el) => Number.parseFloat(window.getComputedStyle(el).paddingBottom)))"," .toBeGreaterThan(200);"," const main = document.querySelector(\"main#main-content\");"," mainMarginBottom: main ? Number.parseFloat(window.getComputedStyle(main).marginBottom) : -1,"," mainPaddingBottom: main ? Number.parseFloat(window.getComputedStyle(main).paddingBottom) : 0,"," // Browser phones intentionally scroll the document so Safari can minimize"," // its browser chrome. The long answer still overflows that active owner and"," // remains top-aligned under the overlaid header."," expect(scrollGeometry.scrollHeight).toBeGreaterThan(scrollGeometry.clientHeight + 40);"," // Content padding—not an outer margin—keeps the answer endpoint clear of"," // the visible composer and Safari toolbar at the active viewport edge."," const composerInputTop = await visibleQuestionInput(page).evaluate((el) =>"," Math.round(el.getBoundingClientRect().top),"," expect(geo.mainMarginBottom).toBe(0);"," expect(scrollGeometry.viewportTop).toBe(0);"," expect(Math.abs(scrollGeometry.viewportBottom - scrollGeometry.clientHeight)).toBeLessThanOrEqual(1);"," expect(geo.mainPaddingBottom).toBeGreaterThan(112);"," expect(geo.mainPaddingBottom + 4).toBeGreaterThanOrEqual(scrollGeometry.viewportBottom - composerInputTop);"," // Once the fixed dock is actually hidden, release both the composer and"," // Safari toolbar reserve. The scrollport dimensions stay stable while its"," // bottom padding contracts; the bottom-clamp guard must keep the dock from"," // immediately reappearing as a false upward gesture. Do not compare total"," // scrollHeight here because universal matches can finish streaming while"," // this test moves the scrollport."," const scrollGeometryBeforeHide = {"," ...(await readPrimaryScrollGeometry(page)),"," paddingBottom: await main.evaluate((el) => Number.parseFloat(window.getComputedStyle(el).paddingBottom)),"," // WebKit retains focus on the submitted composer more aggressively than"," // Chromium. Move focus to the scroll surface to model the user dismissing"," // the composer before scrolling; focused composer chrome must stay visible."," await main.focus();"," await scrollPrimarySurface(page, 0);"," await expect(bottomDock).not.toHaveAttribute(\"data-scroll-hidden\", \"true\", { timeout: 1_000 });"," for (const offset of [120, 240, 360]) {"," await scrollPrimarySurface(page, offset);"," await expect(bottomDock).toHaveAttribute(\"data-scroll-hidden\", \"true\", { timeout: 1_000 });"," }).toPass({ timeout: 15_000 });"," .toBeLessThanOrEqual(13);"," const scrollGeometryAfterHide = {"," expect(scrollGeometryBeforeHide.paddingBottom).toBeGreaterThan(200);"," expect(scrollGeometryAfterHide.clientHeight).toBe(scrollGeometryBeforeHide.clientHeight);"," expect(scrollGeometryAfterHide.scrollHeight).toBeGreaterThan(scrollGeometryAfterHide.clientHeight);"," await expect(bottomDock).toHaveAttribute(\"data-scroll-hidden\", \"true\");"," test(\"phone answer result keeps the edge dock and shared chrome synchronized on a short runway\", async ({ page }) => {"," await page.emulateMedia({ reducedMotion: \"no-preference\" });"," await gotoApp(page, \"/?mode=answer&focus=1\");"," const input = await fillVisibleQuestionInput(page, \"lithium dosing\");"," const relatedItems = page.getByRole(\"region\", { name: \"Related pages in other modes\" }).getByRole(\"listitem\");"," await expect(relatedItems).toHaveCount(2);"," await expect(relatedItems.last()).toBeVisible();"," const header = page.locator(\"header.universal-header\");"," const dock = page.locator(\"form.answer-footer-search-dock\");"," await expect(dock).toBeVisible();"," const edgeGeometry = await dock.evaluate((node) => {"," const rect = node.getBoundingClientRect();"," const style = window.getComputedStyle(node);"," bottom: style.bottom,"," left: style.left,"," right: style.right,"," width: rect.width,"," viewportWidth: window.innerWidth,"," rectBottom: rect.bottom,"," expect(edgeGeometry.bottom).toBe(\"0px\");"," expect(edgeGeometry.left).toBe(\"0px\");"," expect(edgeGeometry.right).toBe(\"0px\");"," expect(Math.abs(edgeGeometry.width - edgeGeometry.viewportWidth)).toBeLessThanOrEqual(1);"," expect(Math.abs(edgeGeometry.rectBottom - edgeGeometry.viewportHeight)).toBeLessThanOrEqual(1);"," // Submitting from the auto-focused home composer must not carry stale focus"," // into the newly docked follow-up input. A focused dock is intentionally"," // pinned for keyboard safety, so retaining focus here permanently disables"," // the ordinary touch-scroll hide path."," await expect(input).not.toBeFocused();"," const collapseBudget = await main.evaluate((node) => {"," const collapse = document.querySelector('[data-testid=\"universal-header-collapse\"]');"," return ("," (collapse?.getBoundingClientRect().height ?? 0) + Number.parseFloat(window.getComputedStyle(node).paddingBottom)"," const geometry = {"," maxOffset: scrollGeometry.maxScrollTop,"," collapseBudget,"," postCollapseMaxOffset: Math.max(0, scrollGeometry.maxScrollTop - collapseBudget),"," // Short answers can straddle the 32px hide-intent threshold as text wraps"," // across browsers and font renderers. Both geometries are safe: enough"," // post-collapse range exercises synchronized hide/reveal; a shorter range"," // must remain pinned by the near-bottom guard while still clearing the dock."," // Long-answer hide/reveal is covered independently above."," expect(geometry.maxOffset).toBeGreaterThan(100);"," expect(geometry.maxOffset).toBeLessThan(200);"," expect(geometry.collapseBudget).toBeGreaterThan(112);"," expect(geometry.collapseBudget).toBeLessThan(128);"," expect(geometry.postCollapseMaxOffset).toBeLessThan(72);"," // A jump straight onto the bottom edge (PageDown / full-page flick) lands"," // past the post-collapse range; hiding there would clamp content under the"," // finger, so the near-bottom guard keeps both chrome edges visible."," await scrollPrimarySurface(page, geometry.maxOffset);"," await expect(header).not.toHaveAttribute(\"data-scroll-hidden\", \"true\");"," await expect(dock).not.toHaveAttribute(\"data-scroll-hidden\", \"true\");"," if (geometry.postCollapseMaxOffset >= 32) {"," // Deliberate downward travel that still fits the post-collapse range is"," // the designed hide path: past the 8px top band plus 24px intent."," await scrollPrimarySurface(page, Math.floor(geometry.postCollapseMaxOffset));"," await expect(header).toHaveAttribute(\"data-scroll-hidden\", \"true\");"," await expect(dock).toHaveAttribute(\"data-scroll-hidden\", \"true\");"," // The reserve and both chrome edges animate for 240ms. The hidden state"," // must survive the browser clamping scrollTop against the shrinking range."," await page.waitForTimeout(320);"," const settledHiddenGeometry = await page.evaluate(() => {"," const headerNode = document.querySelector(\"header.universal-header\");"," const dockNode = document.querySelector(\"form.answer-footer-search-dock\");"," if (!headerNode || !dockNode) throw new Error(\"Expected shared phone chrome\");"," const headerRect = headerNode.getBoundingClientRect();"," const dockRect = dockNode.getBoundingClientRect();"," headerBottom: headerRect.bottom,"," dockTop: dockRect.top,"," viewportHeight: window.innerHeight,"," expect(settledHiddenGeometry.headerBottom).toBeLessThanOrEqual(1);"," expect(settledHiddenGeometry.dockTop).toBeGreaterThanOrEqual(settledHiddenGeometry.viewportHeight - 1);"," await expect.poll(async () => readMobileComposerReservePx(main)).toBeLessThanOrEqual(1);"," await scrollPrimarySurface(page, 20);"," await expect(header).not.toHaveAttribute(\"data-scroll-hidden\", \"true\");"," await expect(dock).not.toHaveAttribute(\"data-scroll-hidden\", \"true\");"," const liveEndpoint = (await readPrimaryScrollGeometry(page)).maxScrollTop;"," await scrollPrimarySurface(page, liveEndpoint);"," const endpoint = await relatedItems.last().evaluate((item) => {"," if (!dockNode) throw new Error(\"Expected phone answer dock\");"," itemBottom: item.getBoundingClientRect().bottom,"," dockTop: dockNode.getBoundingClientRect().top,"," expect(endpoint.itemBottom).toBeLessThanOrEqual(endpoint.dockTop + 1);"," await input.click();"," await expect(input).toBeFocused();"," await page.setViewportSize({ width: 320, height: 844 });"," const compactCrossModeRail = page.getByTestId(\"cross-mode-links-rail\");"," await expect(compactCrossModeRail).toBeVisible();"," const compactCrossModeLinks = compactCrossModeRail.getByRole(\"link\");"," const compactCrossModeActions = compactCrossModeRail.getByRole(\"button\");"," expect(await compactCrossModeLinks.count()).toBeGreaterThan(0);"," expect(await compactCrossModeActions.count()).toBeGreaterThan(0);"," for (const control of await compactCrossModeLinks.all()) {"," await expectMinTouchTarget(control, 48);"," for (const control of await compactCrossModeActions.all()) {"," test(\"recent searches appear on the answer home and re-run on tap\", async ({ page }) => {"," await mockDemoApi(page, { onAnswerRequest: (query) => answerRequests.push(query) });"," const recent = \"clozapine monitoring schedule\";"," // Seed the owner-scoped session history before the app loads."," await page.addInitScript("," ({ storageKey, value }) => {"," window.sessionStorage.setItem(storageKey, JSON.stringify([value]));"," { storageKey: demoRecentQueryStorageKey, value: recent },"," const recentChips = page.getByTestId(\"shared-home-recent-queries\");"," await expect(recentChips).toBeVisible();"," await expect(recentChips).toContainText(\"Recent searches\");"," const chip = recentChips.getByRole(\"button\", { name: recent });"," await expect(chip).toBeVisible();"," await chip.click();"," expect(answerRequests).toContain(recent);"," test(\"legacy unscoped recent-query storage is purged and never displayed @critical\", async ({ page }) => {"," // 2026-07-13 audit finding 4: a historical clinical query written by an"," // older build into the unscoped localStorage key must not resurface for"," // whoever uses the browser next, and must be deleted on load."," const legacyQuery = \"legacy cross-user clozapine query\";"," window.localStorage.setItem(storageKey, JSON.stringify([value]));"," { storageKey: recentQueryStorageKey, value: legacyQuery },"," await expect(page.getByText(legacyQuery)).toHaveCount(0);"," await expect.poll(() => page.evaluate((key) => window.localStorage.getItem(key), recentQueryStorageKey)).toBeNull();"," .poll(() => page.evaluate((key) => window.sessionStorage.getItem(key), recentQueryStorageKey))"," .toBeNull();"," test(\"answer search URL opens chat without the answer home copy\", async ({ page }) => {"," answerDelayMs: 1500,"," onAnswerRequest: (query) => answerRequests.push(query),"," await page.goto(`/?mode=answer&q=${encodeURIComponent(question)}&focus=1&run=1`, { waitUntil: \"domcontentloaded\" });"," await expect(page.getByTestId(\"shared-home-empty-state\")).toHaveCount(0);"," await expect(page.getByText(\"What can I help with?\", { exact: true })).toHaveCount(0);"," // Prefer :visible — a useSearchParams() Suspense ancestor can leave a persistent"," // hidden S: clone (search-chrome invariant 17), which makes getByLabel strict-mode fail."," await expect(page.locator('[aria-label=\"Loading answer\"]:visible')).toBeVisible();"," await expect.poll(() => answerRequests[0]).toBe(question);"," await expect(questionEcho).toBeVisible({ timeout: uiAssertionTimeoutMs });"," await expect(page.getByTestId(\"plain-answer-response\")).toContainText(\"synthetic clozapine table image highlights\");"," await expect(visibleQuestionInput(page)).toHaveValue(\"\");"," expect(answerRequests).toEqual([question]);"," test(\"stopping generation exposes a stable rerun action without answer output\", async ({ page }) => {"," await mockDemoApi(page, { answerDelayMs: 1500 });"," const question = \"What monitoring is required for clozapine?\";"," await page.goto(`/?mode=answer&q=${encodeURIComponent(question)}&run=1`, { waitUntil: \"domcontentloaded\" });"," const stop = page.getByTestId(\"stop-answer\");"," await expect(stop).toBeVisible();"," await stop.focus();"," await page.keyboard.press(\"Enter\");"," const cancelled = page.getByTestId(\"answer-cancelled\");"," await expect(cancelled).toContainText(\"Generation stopped\");"," await expect(cancelled.getByRole(\"button\", { name: \"Run again\" })).toBeVisible();"," await expect(page.getByTestId(\"plain-answer-response\")).toHaveCount(0);"," // Intentional fixed wait: this asserts a NEGATIVE (no answer streams in after"," // Stop), so there is no event to await — we give a late async render time to"," // (wrongly) appear, then confirm it did not."," await page.waitForTimeout(1700);"," test(\"answer results surface cross-mode quick links\", async ({ page }) => {"," const question = \"What is the maximum dose of clozapine?\";"," await page.goto(`/?mode=answer&q=${encodeURIComponent(question)}&run=1`, {"," waitUntil: \"domcontentloaded\","," await expect(page.getByTestId(\"plain-answer-response\")).toBeVisible({ timeout: uiAssertionTimeoutMs });"," const answerSurface = page.locator('[data-dashboard-stage=\"answer-surface\"]');"," const strip = answerSurface.getByTestId(\"cross-mode-links\");"," await expect(strip).toBeVisible({ timeout: 15_000 });"," await expect(answerSurface.getByTestId(\"cross-mode-links\")).toHaveCount(1);"," const rail = strip.getByTestId(\"cross-mode-links-card-rail\");"," await expect(rail).toHaveCSS(\"display\", \"flex\");"," await expect(strip.getByText(\"Medication\", { exact: true }).filter({ visible: true })).toBeVisible();"," const medicationSearch = strip.getByRole(\"button\", { name: \"Search Clozapine in Medication\" });"," await expect(medicationSearch).toBeVisible();"," await expect(strip.getByText(\"SGA / TRS\", { exact: true }).filter({ visible: true })).toBeVisible();"," const followUps = answerSurface.getByTestId(\"answer-follow-up-suggestions\");"," if (await followUps.isVisible()) {"," const stripBox = await strip.boundingBox();"," const followUpBox = await followUps.boundingBox();"," expect(stripBox).toBeTruthy();"," expect(followUpBox).toBeTruthy();"," expect(stripBox!.y).toBeLessThan(followUpBox!.y);"," const medicationLink = strip.getByRole(\"link\", { name: \"Clozapine\", exact: true });"," await expect(medicationLink).toHaveAttribute(\"href\", \"/medications/clozapine\");"," await expectMinTouchTarget(medicationLink, 48);"," await expectMinTouchTarget(medicationSearch, 48);"," await waitForReactEventHandler(medicationLink, \"onClick\");"," await medicationLink.click();"," await expect(page).toHaveURL(/\\/medications\\/clozapine/, { timeout: 45_000 });"," // MedicationNavHeader portals above `medication-page-*`; InPageNavHeader's"," // back control is always named via aria-label (`Back to ${label}`), which is"," // the only stable accessible name across desktop (visible text) and phone"," // (label hidden). See tests/in-page-nav-playwright-contract.test.ts."," await expect(page.getByTestId(\"medication-page-clozapine\")).toBeVisible();"," const medicationsBack = page.getByRole(\"link\", { name: \"Back to medications\" }).filter({ visible: true });"," await expect(medicationsBack).toBeVisible();"," await medicationsBack.click();"," await expect(page).toHaveURL("," (url) =>"," url.pathname === \"/\" &&"," url.searchParams.get(\"mode\") === \"answer\" &&"," url.searchParams.get(\"q\") === question &&"," url.searchParams.get(\"run\") === \"1\","," { timeout: 45_000 },"," await page.reload({ waitUntil: \"domcontentloaded\" });"," test(\"answer mode keeps prior turns visible for follow-up questions\", async ({ page }) => {"," const firstQuestion = \"lithium dosing\";"," await fillVisibleQuestionInput(page, firstQuestion);"," await expect(page.getByTestId(\"plain-answer-response\")).toHaveCount(1, { timeout: uiAssertionTimeoutMs });"," // Live answer owns the query echo via AnswerCard; prior turns keep UserQuestionBubble."," await expect(page.getByTestId(\"answer-card-query\")).toHaveCount(1);"," await expect(page.getByTestId(\"answer-card-query\")).toContainText(firstQuestion);"," await expect(page.getByTestId(\"user-question-bubble\")).toHaveCount(0);"," await expect(visibleAnswerFollowUpSuggestions(page)).toBeVisible();"," const composer = visibleQuestionInput(page);"," await expect(composer).toHaveValue(\"\");"," await expect(composer).toHaveAttribute(\"placeholder\", \"Ask a follow-up...\");"," const followUp = \"what about renal impairment?\";"," await fillVisibleQuestionInput(page, followUp);"," await expect(page.getByTestId(\"user-question-bubble\")).toHaveCount(1, { timeout: uiAssertionTimeoutMs });"," await expect(page.getByTestId(\"user-question-bubble\")).toContainText(firstQuestion);"," await expect(page.getByTestId(\"answer-card-query\")).toContainText(followUp);"," await expect(page.getByTestId(\"plain-answer-response\")).toHaveCount(1);"," await expect(page.locator('[data-dashboard-stage=\"answer-thread-turn\"][data-collapsed=\"true\"]')).toHaveCount(1);"," await expect(page).toHaveURL(/\\?mode=answer&q=what\\+about\\+renal\\+impairment\\%3F&run=1/);"," await waitForPersistedAnswerThread(page, 1);"," await page.reload();"," await expect(page.getByTestId(\"user-question-bubble\")).toHaveCount(1);"," await expect(page.getByTestId(\"answer-card-query\")).toHaveCount(1);"," test(\"answer follow-up suggestions run the next question\", async ({ page }) => {"," await expect(visibleAnswerFollowUpSuggestions(page)).toBeVisible({ timeout: uiAssertionTimeoutMs });"," const suggestion = visibleAnswerFollowUpSuggestions(page).getByRole(\"button\").first();"," const suggestionText = (await suggestion.textContent())?.trim();"," expect(suggestionText).toBeTruthy();"," await suggestion.click();"," await expect(page.getByTestId(\"answer-card-query\")).toContainText(suggestionText ?? \"\");"," test(\"quote follow-up stages a composer draft from evidence quotes\", async ({ page }) => {"," await fillVisibleQuestionInput(page, question);"," await evidenceSheet.getByRole(\"tab\", { name: /Quotes/i }).click();"," await expect(evidenceSheet.getByRole(\"tabpanel\", { name: /Quotes/i })).toBeVisible();"," const followUpButton = evidenceSheet.getByRole(\"button\", { name: /Ask a follow-up from quote/i }).first();"," await expect(followUpButton).toBeVisible();"," await followUpButton.click();"," await expect(composer).toBeFocused();"," await expect(composer).toHaveValue(/Using the quoted source from/i);"," await expect(composer).toHaveValue(/Quote:/i);"," await expect(visibleAnswerSubmitButton(page)).toBeEnabled();"," test(\"source-only answer keeps support rows honest\", async ({ page }) => {"," answer:"," \"I found source material, but the generated answer included clinical numbers that could not be matched verbatim to its cited source chunks. Review the sources directly before using this for dose, threshold, route, timing, monitoring, or risk decisions.\","," grounded: false,"," confidence: \"low\","," answerQualityTier: \"source_only\","," fallbackReason: \"source_only_no_api\","," citations: [],"," await fillVisibleQuestionInput(page, \"lithium\");"," const sourceOnlyDisclosure = page.getByTestId(\"source-only-disclosure\");"," await expect(sourceOnlyDisclosure).toBeVisible();"," await expect(sourceOnlyDisclosure).toContainText(\"Source-only\");"," await expect(sourceOnlyDisclosure).toContainText(\"verify passages\");"," await expect(sourceOnlyDisclosure).not.toContainText(\"without the AI model\");"," await sourceOnlyDisclosure.getByRole(\"button\", { name: /Source-only/ }).click();"," await expect(sourceOnlyDisclosure).toContainText(\"without the AI model\");"," await expect(supportCard).toContainText(\"Review source match\");"," await expect(supportCard).toContainText(\"Verify cited passages\");"," await expect(supportCard.getByTestId(\"answer-evidence-trigger\")).toContainText(/sources?|claims?/i);"," await expect(supportCard.getByTestId(\"answer-evidence-trigger\")).not.toContainText(\"0 claims\");"," const clinicalTrigger = page.locator(\"#answer-clinical-notes-drawer-mobile-trigger\");"," await expect(clinicalTrigger).toBeVisible();"," await clinicalTrigger.click();"," await supportCard.getByTestId(\"answer-evidence-trigger\").click();"," { name: \"phone\", width: 390, height: 820, sheet: true },"," { name: \"tablet\", width: 768, height: 1024, sheet: true },"," { name: \"near sheet breakpoint\", width: 1018, height: 900, sheet: true },"," { name: \"desktop\", width: 1440, height: 900, sheet: false },"," test(`answer support popups adapt at ${viewport.name}`, async ({ page }) => {"," const plainAnswer = page.getByTestId(\"plain-answer-response\");"," await expect(plainAnswer).toBeVisible();"," const supportCard = page.getByTestId(\"answer-support-card\");"," await expect(supportCard).toBeVisible();"," const sourceCapsule = plainAnswer.getByRole(\"button\", { name: \"Open answer sources\" });"," await expectMinTouchTarget(sourceCapsule);"," await sourceCapsule.click();"," const sourceSurface = page.getByRole(\"dialog\", { name: \"Sources\" });"," await expect(sourceSurface).toBeVisible();"," await expect(sourceSurface.getByTestId(\"source-capsule-preview-row\").first()).toHaveAttribute("," \"href\","," /\\/documents\\/.+chunk=/,"," await expectMinTouchTarget(sourceSurface.getByTestId(\"source-capsule-preview-row\").first());"," await page.keyboard.press(\"Escape\");"," await expect(sourceSurface).toHaveCount(0);"," await expect(sourceCapsule).toBeFocused();"," if (!viewport.sheet) {"," await sourceCapsule.click();"," await expect(sourceSurface).toBeVisible();"," await expect(sourceSurface).toHaveCount(0);"," const clinicalTrigger = page.locator(\"#answer-clinical-notes-drawer-mobile-trigger\");"," await expectMinTouchTarget(clinicalTrigger);"," await clinicalTrigger.click();"," const clinicalSurface = page.getByRole(\"dialog\", { name: \"Clinical notes\" });"," await expect(clinicalSurface).toBeVisible();"," await expect(clinicalSurface.getByTestId(\"clinical-notes-checklist\")).toBeVisible();"," await expect(clinicalSurface.getByRole(\"tab\", { name: /Actions/ })).toBeVisible();"," await expectMinTouchTarget(clinicalSurface.getByRole(\"link\", { name: /^Source$/ }).first());"," const clinicalCopy = clinicalSurface.getByRole(\"button\", { name: /^(Copy|Copied)$/ }).first();"," await expectMinTouchTarget(clinicalCopy);"," await clinicalCopy.click();"," await expect(clinicalSurface).toHaveCount(0);"," await expect(clinicalTrigger).toBeVisible();"," const evidenceTrigger = page.locator(\"#answer-evidence-drawer-mobile-trigger\");"," await expectMinTouchTarget(evidenceTrigger);"," await evidenceTrigger.click();"," const evidenceSurface = page.getByRole(\"dialog\", { name: \"Evidence\" });"," await expect(evidenceSurface).toBeVisible();"," await expect(evidenceSurface.getByTestId(\"mobile-evidence-tab-claims\")).toHaveAttribute(\"aria-selected\", \"true\");"," await expect(evidenceSurface.getByTestId(\"mobile-evidence-panel-claims\")).toBeVisible();"," await expect(evidenceSurface.getByTestId(\"evidence-claims-panel\")).toBeVisible();"," await expectMinTouchTarget(evidenceSurface.getByRole(\"link\", { name: /^Source$/ }).first());"," const evidenceCopy = evidenceSurface.getByRole(\"button\", { name: /^(Copy|Copied)$/ }).last();"," await expectMinTouchTarget(evidenceCopy);"," await evidenceCopy.click();"," const evidenceTablesTab = evidenceSurface.getByTestId(\"mobile-evidence-tab-tables\");"," if (await evidenceTablesTab.count()) {"," await evidenceTablesTab.click();"," await expect(evidenceSurface.getByTestId(\"mobile-evidence-panel-tables\")).toBeVisible();"," await expectMinTouchTarget(evidenceTablesTab);"," await expect(evidenceSurface).toHaveCount(0);"," await expect(evidenceTrigger).toBeFocused();"," { name: \"390px mobile\", width: 390, height: 844, expands: true },"," { name: \"768px tablet\", width: 768, height: 1024, expands: true },"," { name: \"1280px desktop\", width: 1280, height: 800, expands: false },"," test(`clinical table mobile expansion at ${viewport.name}`, async ({ page }) => {"," const submitAnswer = visibleAnswerSubmitButton(page);"," await submitAnswer.click();"," const clinicalTable = page.getByLabel(\"Inline table preview\").first();"," await expect(clinicalTable).toBeVisible();"," await expect(clinicalTable).toContainText(\"FBC/ANC\");"," await expect(clinicalTable).not.toContainText(/page|p\\.|chunk|Synthetic clozapine monitoring protocol/i);"," const expandButton = clinicalTable.getByTestId(\"table-expand-button\");"," const tableSurface = clinicalTable.getByTestId(\"accessible-table-surface\");"," if (!viewport.expands) {"," await expect(page.getByRole(\"button\", { name: \"Open answer sources\" })).toContainText(/sources?/i);"," await expect(page.getByTestId(\"table-specific-answer-layout\")).toHaveAttribute("," \"data-desktop-table-aside\","," \"true\","," const desktopLayout = await page.evaluate(() => {"," const answer = document.querySelector('[data-testid=\"plain-answer-response\"]');"," const support = document.querySelector('[data-testid=\"answer-support-card\"]');"," const table = document.querySelector('[aria-label=\"Inline table preview\"]');"," const answerRect = answer?.getBoundingClientRect();"," const supportRect = support?.getBoundingClientRect();"," const tableRect = table?.getBoundingClientRect();"," answerRight: answerRect?.right ?? 0,"," answerTop: answerRect?.top ?? 9999,"," supportRight: supportRect?.right ?? 0,"," tableLeft: tableRect?.left ?? 0,"," tableTop: tableRect?.top ?? 9999,"," expect(desktopLayout.tableLeft).toBeGreaterThan("," Math.max(desktopLayout.answerRight, desktopLayout.supportRight),"," expect(Math.abs(desktopLayout.tableTop - desktopLayout.answerTop)).toBeLessThan(180);"," await expect(expandButton).toHaveCount(0);"," await expectNoPageHorizontalOverflow(page);"," await expect(tableSurface).not.toHaveAttribute(\"role\", \"button\");"," await expect(tableSurface).not.toHaveAttribute(\"tabindex\");"," await expect(expandButton).toHaveAttribute(\"aria-expanded\", \"false\");"," const surfaceDialog = await openMobileTableFullscreen(page, clinicalTable);"," await expect(expandButton).toHaveAttribute(\"aria-expanded\", \"true\");"," await expect(surfaceDialog.getByRole(\"button\", { name: \"Close full-screen table\" })).toBeFocused();"," await page.keyboard.press(\"Shift+Tab\");"," expect(await surfaceDialog.evaluate((element) => element.contains(document.activeElement))).toBe(true);"," await page.keyboard.press(\"Tab\");"," await expect(surfaceDialog).toContainText(\"FBC/ANC\");"," await expect(surfaceDialog).toBeHidden();"," await expect(expandButton).toBeVisible();"," const dialog = await openMobileTableFullscreen(page, clinicalTable);"," await expect(dialog.getByRole(\"table\")).toBeVisible();"," await expect(dialog).toContainText(\"FBC/ANC\");"," await expect(dialog).not.toContainText(/page|p\\.|chunk|Synthetic clozapine monitoring protocol/i);"," const modal = page.getByRole(\"dialog\", { name: /clozapine monitoring/i });"," await expect(modal).toBeVisible();"," expect(await modal.evaluate((element) => element.contains(document.activeElement))).toBe(true);"," await expect(dialog).toBeHidden();"," await expect(expandButton).toBeFocused();"," test(\"dashboard favourites selection stays on the shared home; submitted links open Favourites\", async ({ page }) => {"," const redirectMeasureErrors: string[] = [];"," page.on(\"pageerror\", (error) => {"," if (error.message.includes(\"cannot have a negative time stamp\")) redirectMeasureErrors.push(error.message);"," // Bare /?mode= favourites is the shared home with Favourites preselected —"," // not a redirect to /favourites (legacy proxy used to hop early)."," await gotoApp(page, \"/?mode=favourites&q=lithium%20set&focus=1\");"," await expect(page).toHaveURL(/\\/\\?mode=favourites&q=lithium(\\+|%20)set&focus=1$/);"," await expect(page.getByRole(\"button\", { name: \"Mode Favourites\" })).toBeVisible();"," expect(redirectMeasureErrors).toEqual([]);"," await gotoApp(page, \"/?mode=favourites&q=lithium%20set&focus=1&run=1\");"," await expect(page).toHaveURL(/\\/favourites\\?q=lithium\\+set&focus=1&run=1$/);"," await expectSingleSettledOwner(page.getByTestId(\"favourites-hub\"), { message: \"favourites hub owner\" });"," await expect(page.getByRole(\"heading\", { name: \"Favourites command library\" })).toBeVisible();"," test(\"dashboard differentials selection stays on the shared home; submitted links open Differentials\", async ({"," await gotoApp(page, \"/?mode=differentials&q=acute+confusion&focus=1\");"," await expect(page).toHaveURL(/\\/\\?mode=differentials&q=acute(\\+|%20)confusion&focus=1$/);"," await expect(page.getByRole(\"button\", { name: \"Mode Differentials\" })).toBeVisible();"," await gotoApp(page, \"/?mode=differentials&q=acute+confusion&focus=1&run=1\");"," await expect(page).toHaveURL(/\\/differentials\\?q=acute\\+confusion&focus=1&run=1$/);"," // Submitted differentials deep links resolve to the standalone results"," // surface (`autoRunSearch`), not the mode-home template. Production"," // hydration can briefly overlap the outgoing server tree and the settled"," // client tree on this redirect; wait for one owner before strict locators."," await expectSingleSettledOwner(page.getByTestId(\"differentials-search-results\"), {"," message: \"differentials redirect search results owner\","," await expect(page.getByTestId(\"differentials-home\")).toHaveCount(0);"," await expect(page.getByRole(\"heading\", { level: 2, name: \"acute confusion\" })).toBeVisible();"," test(\"DSM diagnosis mode redirects into the local catalogue and opens a diagnosis\", async ({ page }) => {"," await gotoApp(page, \"/?mode=dsm&q=major+depressive&focus=1&run=1\");"," await expect(page).toHaveURL(/\\/dsm\\/search\\?q=major\\+depressive&focus=1&run=1$/, {"," timeout: 30_000,"," await expect(page.getByTestId(\"dsm-search-page\")).toBeVisible();"," const queryRibbon = page.getByTestId(\"search-query-ribbon\");"," await expect(queryRibbon.getByRole(\"heading\", { name: \"major depressive\" })).toBeVisible();"," await expect(queryRibbon.getByRole(\"group\", { name: \"Filter diagnoses by category\" })).toBeVisible();"," const result = page.getByTestId(\"dsm-search-result\").filter({ hasText: \"Major depressive disorder\" });"," await expect(result).toBeVisible();"," await expectMinTouchTarget(result.getByRole(\"button\", { name: \"Add Major depressive disorder to comparison\" }));"," await expectMinTouchTarget(result.getByRole(\"link\", { name: \"Open Major depressive disorder\" }));"," await result.getByRole(\"link\", { name: \"Open Major depressive disorder\" }).click();"," await expect(page).toHaveURL(/\\/dsm\\/diagnoses\\/major-depressive-disorder$/, { timeout: 30_000 });"," await expect(page.getByTestId(\"dsm-diagnosis-page\")).toBeVisible({ timeout: 30_000 });"," await expect(page.getByRole(\"heading\", { level: 1, name: \"Major depressive disorder\" })).toBeVisible();"," // The breadcrumb row went with the in-page header: its back control is the"," // one route out to the mode home, and a breadcrumb under it is a second."," await expect(page.getByRole(\"link\", { name: \"Back to dsm-5\" })).toHaveAttribute(\"href\", \"/dsm\");"," test(\"factsheet search keeps query, view, and category filters in the universal results ribbon\", async ({ page }) => {"," for (const viewport of ["," { width: 390, height: 844 },"," { width: 1440, height: 900 },"," ]) {"," await gotoApp(page, \"/factsheets/search?q=sertraline\");"," const factsheetsPage = page.getByTestId(\"factsheets-search-page\");"," const queryRibbon = factsheetsPage.getByTestId(\"search-query-ribbon\");"," await expect(queryRibbon.getByRole(\"heading\", { name: \"sertraline\" })).toBeVisible();"," await expect(queryRibbon.getByRole(\"group\", { name: \"Result view\" })).toBeVisible();"," await expect(queryRibbon.getByRole(\"group\", { name: \"Filter factsheets by category\" })).toBeVisible();"," // Phone gets the compact trigger; from `sm` up the ribbon shows the chip"," // row instead and the trigger is not rendered at all."," const categoryTrigger = queryRibbon.getByTestId(\"factsheet-filter-trigger-phone\");"," await expect(categoryTrigger).toBeVisible();"," await expect(categoryTrigger).toHaveAccessibleName(/No filters active/);"," await categoryTrigger.click();"," const categoryGroup = page.getByRole(\"radiogroup\", { name: \"Category\" });"," await expect(categoryGroup.getByRole(\"radio\", { name: \"All\" })).toBeChecked();"," await page.getByTestId(\"factsheet-filter-panel-done\").click();"," await expect(categoryGroup).toBeHidden();"," await expect(categoryTrigger).toBeHidden();"," test(\"DSM category filter dropdown opens to the correct option by keyboard\", async ({ page }) => {"," await page.setViewportSize({ width: 1100, height: 850 });"," await gotoApp(page, \"/dsm/search?q=depression\");"," const trigger = page.getByTestId(\"dsm-category-filter\");"," const options = page.getByRole(\"menuitemradio\");"," // ArrowUp opens the menu with focus on the LAST option (reverse entry). This"," // guards against a regression where a competing focus-on-open effect raced"," // the key handler and stole focus back to the active item."," await trigger.focus();"," await page.keyboard.press(\"ArrowUp\");"," await expect(options.last()).toBeFocused();"," // Escape closes the menu and restores focus to the trigger."," await expect(options.first()).toBeHidden();"," await expect(trigger).toBeFocused();"," // ArrowDown opens the menu with focus on the active option (\"All categories\")."," await page.keyboard.press(\"ArrowDown\");"," await expect(options.first()).toBeFocused();"," await expect(options.first()).toHaveAttribute(\"aria-checked\", \"true\");"," // Options sit outside the Tab sequence (tabIndex=-1), so one Tab press from a"," // non-final option leaves the whole widget in a single step and closes the"," // menu instead of stepping through every category link."," await expect(trigger).toHaveAttribute(\"aria-expanded\", \"false\");"," await expect(options).toHaveCount(0);"," // Space activates the focused option (announced as a menuitemradio) even"," // though the underlying element is an anchor, applying the category filter."," await expect(options.nth(1)).toBeFocused();"," await page.keyboard.press(\"Space\");"," await expect(page).toHaveURL(/[?&]category=/);"," test(\"dashboard specifiers mode param redirects to the standalone specifiers route\", async ({ page }) => {"," await gotoApp(page, \"/?mode=specifiers&q=anxious+distress&focus=1&run=1\");"," // /?mode=specifiers → /specifiers (Specifiers is its own mode, distinct from Formulation)"," await expect(page).toHaveURL(/\\/specifiers\\?q=anxious\\+distress&focus=1&run=1$/);"," await expect(queryRibbon.getByRole(\"heading\", { level: 1, name: \"anxious distress\" })).toBeVisible();"," await expect(queryRibbon.getByRole(\"group\", { name: \"Filter specifier results\" })).toBeVisible();"," test(\"dashboard formulation mode param redirects to the standalone formulation route\", async ({ page }) => {"," await gotoApp(page, \"/?mode=formulation&q=I+keep+going+over+it&focus=1&run=1\");"," await expect(page).toHaveURL(/\\/formulation\\?q=I\\+keep\\+going\\+over\\+it&focus=1&run=1$/);"," await expect(queryRibbon.getByRole(\"heading\", { level: 1, name: \"I keep going over it\" })).toBeVisible();"," await expect(queryRibbon.getByRole(\"group\", { name: \"Filter formulation mechanisms\" })).toBeVisible();"," test(\"submitted differentials searches stay on the standalone differentials route\", async ({ page }) => {"," await gotoApp(page, \"/differentials?q=acute+confusion&focus=1&run=1\");"," await expect(visibleByTestId(page, \"differentials-search-results\")).toBeVisible({ timeout: 30_000 });"," const origin = new URL(page.url());"," await visibleByTestId(page, \"differentials-search-results\")"," .getByRole(\"link\", { name: \"Open page\" })"," .first()"," .click();"," await expect(page).toHaveURL(/\\/differentials\\/(diagnoses|presentations)\\//, { timeout: 30_000 });"," await page"," .getByRole(\"link\", { name: /^Back(?: to (?:diagnoses|differentials))?$/i })"," .filter({ visible: true })"," url.pathname === origin.pathname &&"," url.searchParams.get(\"q\") === origin.searchParams.get(\"q\") &&"," url.searchParams.get(\"run\") === origin.searchParams.get(\"run\"),"," { timeout: 30_000 },"," test(\"document detail back arrow restores its originating search\", async ({ page }) => {"," await gotoApp(page, \"/documents/search?mode=documents&q=lithium+monitoring&run=1\");"," const workspace = page.getByTestId(\"document-search-workspace\");"," const firstResult = workspace.getByTestId(\"document-result-card\").first();"," await expect(firstResult).toBeVisible({ timeout: 30_000 });"," await firstResult.getByRole(\"link\", { name: /^Open / }).click();"," await expect(page).toHaveURL(/\\/documents\\/[0-9a-f-]+\\?/, { timeout: 30_000 });"," await page.getByRole(\"link\", { name: \"Back to documents\" }).click();"," await expect(workspace).toBeVisible({ timeout: 30_000 });"," test(\"newer routed differential context wins over an older response\", async ({ page }) => {"," let requestCount = 0;"," let resolveCurrentResponse!: () => void;"," const currentResponseDelivered = new Promise((resolve) => {"," resolveCurrentResponse = resolve;"," await page.route(/\\/api\\/search$/, async (route) => {"," requestCount += 1;"," const currentRequest = requestCount;"," if (currentRequest === 1) await new Promise((resolve) => setTimeout(resolve, 500));"," const sourceCount = currentRequest === 1 ? 2 : 1;"," try {"," json: {"," documentMatches: Array.from({ length: sourceCount }, (_, index) => ({"," document_id: `00000000-0000-4000-8000-00000000000${index}`,"," title: `${currentRequest === 1 ? \"Older\" : \"Current\"} source ${index + 1}`,"," file_name: `source-${index + 1}.pdf`,"," score: 0.9 - index * 0.1,"," })),"," if (currentRequest > 1) resolveCurrentResponse();"," } catch (error) {"," if (currentRequest > 1) throw error;"," await page.goto(\"/differentials?q=acute+confusion&run=1\", { waitUntil: \"domcontentloaded\" });"," await expect.poll(() => requestCount).toBeGreaterThanOrEqual(1);"," const baselineRequestCount = requestCount;"," window.history.pushState(null, \"\", \"/differentials?q=acute+confusion&run=1&scope.sourceStatuses=outdated\");"," await expect.poll(() => requestCount).toBeGreaterThan(baselineRequestCount);"," await currentResponseDelivered;"," const sourceStatus = page.getByRole(\"heading\", { name: \"Source status\" }).locator(\"..\");"," const singularSourceCount = sourceStatus.getByText(\"1 source\", { exact: true });"," await expect(singularSourceCount).toBeVisible();"," await expect(sourceStatus).not.toContainText(\"2 sources\");"," test(\"submitted favourites searches stay on the command library route\", async ({ page }) => {"," await gotoApp(page, \"/favourites?q=lithium%20set&focus=1&run=1\");"," await expect(queryRibbon.getByRole(\"heading\", { name: \"lithium set\" })).toBeVisible();"," await expect(page.getByTestId(\"favourites-active-filters\")).toHaveCount(0);"," test(\"favourites route opens the favourites home\", async ({ page }) => {"," await gotoApp(page, \"/favourites?q=lithium%20set\");"," const globalSearchInput = page.getByRole(\"combobox\", { name: /Search saved favourites/ });"," await expect(globalSearchInput).toBeVisible({ timeout: 30_000 });"," await expect(globalSearchInput).toHaveAttribute(\"placeholder\", \"Search favourites...\");"," await expect(globalSearchInput).toHaveValue(\"lithium set\");"," // Desktop hides the header New chat when the sidebar already owns it."," await page.getByRole(\"complementary\", { name: \"Clinical Guide\" }).getByRole(\"button\", { name: \"New chat\" }).click();"," await expect(page).toHaveURL(/\\?mode=answer&focus=1$/);"," await expect(page.locator('[data-testid=\"global-search-input\"]:visible').first()).toBeFocused();"," test(\"favourites hub hydrates saved services from the registry\", async ({ page }) => {"," // Override the shared registry fixture with the saved-service scenario."," await page.route(/\\/api\\/registry\\/records(?:\\?.*)?$/, async (route) => {"," records: [{ slug: \"13yarn\", title: \"13YARN\", subtitle: \"Crisis support line\" }],"," total: 1,"," governance: {},"," await page.addInitScript(() => {"," window.localStorage.setItem(\"clinical-kb-saved-services\", JSON.stringify([\"13yarn\"]));"," await gotoApp(page, \"/favourites\");"," const hub = await expectSingleSettledOwner(page.getByTestId(\"favourites-hub\"), {"," message: \"favourites hub owner\","," // The saved service slug is hydrated to its registry title in the hub."," await expect(hub.getByText(\"13YARN\").first()).toBeVisible();"," test(\"favourites command library exposes truthful item details and a keyboard-operable action menu\", async ({"," await page.setViewportSize({ width: 1536, height: 900 });"," await expect(page.getByTestId(\"favourites-item-workspace\")).toHaveCount(0);"," await visibleByTestId(page, \"favourite-row-lithium-monitoring-guideline\").locator(\"button[aria-pressed]\").click();"," const workspace = page.getByTestId(\"favourites-item-workspace\");"," await expect(workspace).toBeVisible();"," await expect(workspace.getByRole(\"heading\", { name: \"Lithium monitoring guideline\", level: 3 })).toBeVisible();"," await workspace.getByRole(\"button\", { name: \"Evidence\" }).click();"," await expect(workspace).not.toContainText(\"BNF - Acamprosate\");"," await workspace.getByRole(\"button\", { name: \"Notes\" }).click();"," await expect(workspace).toContainText(\"No personal note is saved for this item.\");"," const moreActions = page.getByRole(\"button\", { name: \"More actions for Lithium monitoring guideline\" });"," await moreActions.focus();"," const menu = page.getByRole(\"menu\");"," await expect(menu.getByRole(\"menuitem\", { name: \"Ask Lithium monitoring guideline\" })).toBeFocused();"," await expect(menu.getByRole(\"menuitem\", { name: \"Copy citation\" })).toBeFocused();"," await expect(menu.getByRole(\"menuitem\", { name: \"Copied\" })).toBeFocused();"," await expect(moreActions).toBeFocused();"," test(\"favourites disable item selection below xl while keeping navigation and actions\", async ({ page }) => {"," await expect(hub.locator('article[role=\"button\"]')).toHaveCount(0);"," const card = hub.locator(\"article\").filter({ hasText: \"Acamprosate renal screen\" });"," const openItem = card.getByRole(\"link\", { name: \"Open Acamprosate renal screen\" });"," const moreActions = card.getByRole(\"button\", { name: \"More actions for Acamprosate renal screen\" });"," await expect(card).toBeVisible();"," await expect(card.locator(\"button[aria-pressed]\")).toHaveCount(0);"," await expectMinTouchTarget(openItem);"," await expectMinTouchTarget(moreActions);"," await page.setViewportSize({ width: 1180, height: 820 });"," const row = page.getByTestId(\"favourite-row-acamprosate-renal-screen\");"," await expect(row).toBeVisible();"," await expect(row.locator(\"button[aria-pressed]\")).toBeHidden();"," await expect(row.locator(\"td\").first().getByRole(\"link\")).toBeVisible();"," await expect(row.getByRole(\"link\", { name: \"Open Acamprosate renal screen\" })).toBeVisible();"," await expect(row.getByRole(\"button\", { name: \"More actions for Acamprosate renal screen\" })).toBeVisible();"," const selectItem = row.locator(\"button[aria-pressed]\");"," await expect(selectItem).toBeVisible();"," await selectItem.click();"," await expect(page.getByTestId(\"favourites-item-workspace\")).toBeVisible();"," await expect(page.getByTestId(\"favourites-item-workspace\")).toBeHidden();"," await expect(selectItem).toBeHidden();"," await expect(row).not.toHaveClass(/(^|\\s)bg-\\[/);"," test(\"app mode menu supports keyboard navigation without removed prototype modes\", async ({ page }) => {"," const appModeButton = page.getByRole(\"button\", { name: \"Mode Answer\" });"," await waitForReactEventHandler(appModeButton, \"onClick\");"," await appModeButton.click();"," const answerMode = appModeMenu.getByRole(\"menuitemradio\", { name: /^Answer\\b/ });"," await answerMode.focus();"," await expect(answerMode).toBeFocused();"," await expect(appModeMenu.getByRole(\"menuitemradio\", { name: /^Evidence\\b/ })).toHaveCount(0);"," await expect(appModeMenu.getByRole(\"menuitemradio\", { name: /^Documents\\b/ })).toBeFocused();"," await expect(appModeMenu.getByRole(\"menuitemradio\", { name: /^Services\\b/ })).toBeFocused();"," await expect(appModeMenu.getByRole(\"menuitemradio\", { name: /^Forms\\b/ })).toBeFocused();"," await expect(appModeMenu.getByRole(\"menuitemradio\", { name: /^Favourites\\b/ })).toBeFocused();"," await expect(appModeMenu.getByRole(\"menuitemradio\", { name: /^Differentials\\b/ })).toBeFocused();"," await expect(appModeMenu.getByRole(\"menuitemradio\", { name: /^DSM-5 Diagnosis\\b/ })).toBeFocused();"," await expect(appModeMenu.getByRole(\"menuitemradio\", { name: /^Specifiers\\b/ })).toBeFocused();"," await expect(appModeMenu.getByRole(\"menuitemradio\", { name: /^Formulation\\b/ })).toBeFocused();"," await expect(appModeMenu.getByRole(\"menuitemradio\", { name: /^Medication\\b/ })).toBeFocused();"," await expect(appModeMenu.getByRole(\"menuitemradio\", { name: /^Tools\\b/ })).toBeFocused();"," await expect(appModeButton).toBeFocused();"," await appModeMenu.getByRole(\"menuitemradio\", { name: /^Answer\\b/ }).focus();"," test(\"prescribing workflow uses in-app medication routes @critical\", async ({ page }) => {"," test.setTimeout(120_000);"," // Regression guard: navigating away from a mode home used to throw"," // \"Cannot read properties of null (reading 'parentNode')\" because the header"," // portaled its search composer straight into a page-owned slot that unmounts"," // on navigation. Narrowly scoped to that error so it won't trip on unrelated"," // console noise."," const parentNodeErrors: string[] = [];"," if (String(error).includes(\"parentNode\")) parentNodeErrors.push(String(error));"," page.on(\"console\", (message) => {"," if (message.type() === \"error\" && message.text().includes(\"parentNode\")) parentNodeErrors.push(message.text());"," await gotoApp(page, \"/?mode=prescribing&q=acamprosate%20renal%20dose&run=1\");"," const globalSearchInput = page.locator('[data-testid=\"global-search-input\"]:visible').first();"," await expect(page.getByRole(\"button\", { name: \"Mode Medication\" })).toBeVisible({ timeout: 30_000 });"," await expect(globalSearchInput).toHaveAttribute(\"placeholder\", \"Search medication dosing or safety...\");"," await expect(globalSearchInput).toHaveValue(\"acamprosate renal dose\");"," const acamprosateResult = page.getByTestId(\"medication-result-acamprosate-desktop\");"," await expect(acamprosateResult).toHaveAttribute(\"href\", \"/medications/acamprosate\");"," await acamprosateResult.click();"," await expect(page).toHaveURL(/\\/medications\\/acamprosate$/, { timeout: 30_000 });"," await expectSingleMedicationPage(page);"," await expect(page.getByRole(\"link\", { name: \"Back to medications\" }).filter({ visible: true })).toBeVisible();"," expect(parentNodeErrors).toEqual([]);"," test(\"prescribing workflow shows full mobile action text without horizontal cutoff\", async ({ page }) => {"," const acamprosateCard = page.getByTestId(\"medication-result-acamprosate-phone\");"," await expect(acamprosateCard).toBeVisible({ timeout: 30_000 });"," await expect(acamprosateCard).toContainText(\"Contraindicated in renal insufficiency\");"," await expect(acamprosateCard).toContainText(\"micromol/L\");"," const actionOverflow = await acamprosateCard.evaluate((card) => {"," const action = Array.from(card.querySelectorAll(\"p\")).find((node) =>"," node.textContent?.includes(\"Contraindicated in renal insufficiency\"),"," if (!action) return { found: false, overflows: true };"," found: true,"," overflows: action.scrollWidth > action.clientWidth + 1,"," textOverflow: getComputedStyle(action).textOverflow,"," expect(actionOverflow.found).toBe(true);"," expect(actionOverflow.overflows).toBe(false);"," expect(actionOverflow.textOverflow).not.toBe(\"ellipsis\");"," await acamprosateCard.click();"," // InPageNavHeader always names the control `Back to ${label}` via aria-label;"," // the visible \"Medications\" text is `hidden sm:inline` and absent on phone."," // Scope to the visible owner — phone portals the header into the collapse"," // addon, and #093 streaming can leave a hidden twin under full-suite load."," const backLink = page.getByRole(\"link\", { name: \"Back to medications\" }).filter({ visible: true });"," await expect(backLink).toBeVisible();"," await expectMinTouchTarget(backLink);"," await backLink.click();"," url.searchParams.get(\"mode\") === origin.searchParams.get(\"mode\") &&"," await expect(page.getByTestId(\"medication-result-acamprosate-phone\")).toBeVisible();"," test(\"tablet document chrome keeps one new-chat action and readable Sources rows\", async ({ page }) => {"," await page.setViewportSize({ width: 768, height: 900 });"," await expect(page.getByTestId(\"document-search-empty-state\")).toBeVisible({ timeout: 30_000 });"," const visibleNewChatCount = await page.getByRole(\"button\", { name: /new chat/i }).evaluateAll("," (buttons) =>"," buttons.filter((button) => {"," const rect = button.getBoundingClientRect();"," const style = getComputedStyle(button);"," return rect.width > 0 && rect.height > 0 && style.visibility !== \"hidden\" && style.display !== \"none\";"," }).length,"," expect(visibleNewChatCount).toBe(1);"," const browseLibraryButton = page.getByRole(\"button\", { name: /Browse library/i }).first();"," await browseLibraryButton.click();"," const sourcesDialog = page.getByRole(\"dialog\", { name: \"Sources\" });"," await expect(sourcesDialog).toBeVisible();"," await expect(sourcesDialog.getByText(\"Sources\", { exact: true })).toHaveCount(1);"," const documentLink = sourcesDialog.getByRole(\"link\", { name: /Synthetic lithium monitoring protocol/i });"," const addScope = sourcesDialog.getByRole(\"button\", { name: \"Add scope\" }).first();"," await expect(documentLink).toBeVisible();"," await expect(addScope).toBeVisible();"," const rowGeometry = await sourcesDialog.evaluate((dialog) => {"," const link = Array.from(dialog.querySelectorAll(\"a\")).find((candidate) =>"," candidate.textContent?.toLowerCase().includes(\"synthetic lithium monitoring protocol\"),"," const scope = Array.from(dialog.querySelectorAll(\"button\")).find("," (candidate) => candidate.textContent?.trim() === \"Add scope\","," if (!link || !scope) return null;"," const linkRect = link.getBoundingClientRect();"," const scopeRect = scope.getBoundingClientRect();"," linkWidth: linkRect.width,"," linkBottom: linkRect.bottom,"," scopeTop: scopeRect.top,"," horizontalOverflow: dialog.scrollWidth > dialog.clientWidth + 1,"," expect(rowGeometry).not.toBeNull();"," expect(rowGeometry?.linkWidth ?? 0).toBeGreaterThanOrEqual(180);"," expect(rowGeometry?.scopeTop ?? 0).toBeGreaterThanOrEqual((rowGeometry?.linkBottom ?? 0) + 8);"," expect(rowGeometry?.horizontalOverflow).toBe(false);"," test(\"document search mode lists matching documents and result actions @critical\", async ({ page }) => {"," // `/` is the shared home for every mode now, so the Documents home lives at"," // its own route — reached from the sidebar, like every other mode home."," await expect(page.getByTestId(\"answer-section-heading\")).toHaveText(\"Document matches\");"," await expect(page.getByRole(\"button\", { name: \"Find matching documents\" })).toBeDisabled();"," await expect(page.getByRole(\"main\").getByRole(\"heading\", { name: \"Documents\" })).toBeVisible();"," await expect(visibleQuestionInput(page)).toBeVisible();"," await expect(page.getByTestId(\"document-search-empty-state\")).toBeVisible();"," await expect(page.getByRole(\"region\", { name: \"Start here\" })).toBeVisible();"," const searchInputBox = await visibleQuestionInput(page).boundingBox();"," const startHereBox = await page.getByRole(\"region\", { name: \"Start here\" }).boundingBox();"," const documentsHeadingBox = await page.getByRole(\"main\").getByRole(\"heading\", { name: \"Documents\" }).boundingBox();"," expect(searchInputBox).not.toBeNull();"," expect(startHereBox).not.toBeNull();"," expect(documentsHeadingBox).not.toBeNull();"," expect((documentsHeadingBox?.y ?? 0) + (documentsHeadingBox?.height ?? 0)).toBeLessThan(searchInputBox?.y ?? 0);"," // Phones keep the compact composer in the mode-home hero (above Start here),"," // matching every other mode home — no fixed bottom dock on the empty home."," expect(searchInputBox?.y ?? 0).toBeLessThan(startHereBox?.y ?? 0);"," await expect(page.locator('form.answer-footer-search-dock[data-footer-variant=\"compact\"]')).toHaveCount(0);"," await expect(page.locator(\".mode-home-composer-slot\").getByTestId(\"global-search-input\")).toHaveCount(1);"," const recentDocumentsButton = page.getByRole(\"button\", { name: /Recent documents/i }).first();"," const sourcePdfButton = page.getByRole(\"button\", { name: /Open a source PDF/i }).first();"," await expect(recentDocumentsButton).toBeVisible();"," await expect(browseLibraryButton).toBeVisible();"," await expect(sourcePdfButton).toBeVisible();"," await recentDocumentsButton.click();"," const recentDocumentsDialog = page.getByRole(\"dialog\", { name: \"Recent documents\" });"," await expect(recentDocumentsDialog).toBeVisible();"," await expect(recentDocumentsDialog.getByPlaceholder(\"Find a document\")).toBeVisible();"," await expect(recentDocumentsDialog).toHaveCount(0);"," const sourceLibraryDialog = page.getByRole(\"dialog\", { name: \"Sources\" });"," await expect(sourceLibraryDialog).toBeVisible();"," await expect(sourceLibraryDialog.getByPlaceholder(\"Find a document\")).toBeFocused();"," await expect(sourceLibraryDialog.getByRole(\"group\", { name: \"Refine sources\" })).toBeVisible();"," await expect(sourceLibraryDialog).toHaveCount(0);"," await expect(browseLibraryButton).toBeFocused();"," await sourcePdfButton.click();"," const sourcePdfDialog = page.getByRole(\"dialog\", { name: \"Source PDFs\" });"," await expect(sourcePdfDialog).toBeVisible();"," await expect(sourcePdfDialog.getByPlaceholder(\"Find a source PDF\")).toBeVisible();"," await expect(sourcePdfDialog).toHaveCount(0);"," await expect(page.getByText(\"Source library workspace\")).toHaveCount(0);"," await expect(page.getByText(\"Document display\")).toHaveCount(0);"," // The mode switch above is covered independently. Submit from the canonical"," // route so a dev-only cross-segment remount cannot abort the mocked POST."," await gotoApp(page, \"/documents/search?mode=documents\");"," const questionInput = visibleQuestionInput(page);"," await expect(questionInput).toBeVisible();"," await questionInput.fill(\"lithium monitoring\");"," await submitDocumentSearch(page);"," await expect(page).toHaveURL(/\\/documents\\/search\\?.*q=lithium\\+monitoring/);"," const documentWorkspace = page.getByTestId(\"document-search-workspace\");"," const queryRibbon = documentWorkspace.getByTestId(\"search-query-ribbon\");"," await expect(queryRibbon).toBeVisible();"," // One filter surface, two slots: the ribbon's full-width row is suppressed"," // below `sm` and the phone copy sits in the utility row. Both are in the"," // DOM, which is why they carry distinct test ids."," await expect(queryRibbon.getByTestId(\"document-filter-trigger-wide\")).toBeHidden();"," // Sort is `sm`-and-up. Its two segments cost about half the band's one line"," // on a phone, and relevance — the default, and what `?sort=` still carries"," // in from a link — is the order a phone reader wants."," //"," // Mounted-and-hidden, asserted as two facts, because `toBeHidden()` alone"," // cannot tell them apart: it passes for a hidden node AND for a node that"," // does not exist. So `includeHidden` (plain `getByRole` filters hidden nodes"," // out and would resolve to nothing) plus a count, then the visibility. A"," // deleted control fails the count; a control returned to the phone line"," // fails the hidden check."," const phoneSort = queryRibbon.getByRole(\"group\", { name: \"Sort results\", includeHidden: true });"," await expect(phoneSort).toHaveCount(1);"," await expect(phoneSort).toBeHidden();"," const mobileFilterTrigger = queryRibbon.getByTestId(\"document-filter-trigger-phone\");"," await expect(mobileFilterTrigger).toBeVisible();"," await expect(mobileFilterTrigger).toHaveAccessibleName(/Filter/);"," await expectMinTouchTarget(mobileFilterTrigger);"," // The rail must not clip its own controls. #1615 collapsed this band to one"," // line but left the inline utilities group `shrink`, so an over-subscribed"," // line paid the shortfall out of the *controls* rather than out of the"," // truncating query: the sort group was severed by the track's"," // `overflow-x-auto` and its trailing option was then washed out by the 28px"," // overflow mask."," // Swept, not asserted once. The band now keeps the phone controls on one"," // line at every supported width, paying any shortfall out of the truncating"," // query instead of the controls. The sweep crosses the retired 414px wrap"," // boundary so that breakpoint cannot silently return. 540 is in"," // the list because a longer query reproduced a 41.9px clip there: width alone"," // never bounded this. Geometry, not a class name — the class that caused it"," // read as correct, and `expectNoPageHorizontalOverflow` cannot see an"," // internal scroller."," // Polled, because `useRailOverflow` remeasures through a ResizeObserver a"," // frame after the viewport changes."," const utilityTrack = queryRibbon.getByTestId(\"search-query-ribbon-utility-track\");"," const utilitiesGroup = queryRibbon.getByTestId(\"search-query-ribbon-utilities\");"," for (const width of [320, 375, 390, 402, 414, 430, 440, 540]) {"," await page.setViewportSize({ width, height: 820 });"," await expect"," .poll("," async () =>"," utilityTrack.evaluate((track) => {"," // The last *rendered* child, not a named control. Sort is"," // `sm`-and-up, so below 640 it is `display:none` and every width"," // in this sweep would measure a zero-sized node and report a"," // dutiful 0 — the sweep would go blind while still passing."," const rendered = Array.from(track.children).filter((child) => child.getClientRects().length > 0);"," const last = rendered[rendered.length - 1];"," const clipped = last ? last.getBoundingClientRect().right - track.getBoundingClientRect().right : 0;"," return {"," overflow: Math.max(0, track.scrollWidth - track.clientWidth),"," controlClipped: Math.max(0, Math.round(clipped)),"," masked: track.getAttribute(\"data-overflowing\") === \"true\","," };"," }),"," { message: `results-band utility rail clipped its own controls at ${width}px` },"," )"," .toEqual({ overflow: 0, controlClipped: 0, masked: false });"," // Track overflow alone is blind to a group pushed off-screen by the"," // band's `overflow-hidden`: both scrollWidth/clientWidth and the last"," // rendered-child measurement can still report zero. Pin the complete"," // utilities group inside the viewport at the former wrap widths too."," if (width < 414) {"," const utilitiesBox = await utilitiesGroup.boundingBox();"," expect(utilitiesBox, `utilities clipped off-screen at ${width}px`).not.toBeNull();"," expect(utilitiesBox!.x).toBeGreaterThanOrEqual(0);"," expect(utilitiesBox!.x + utilitiesBox!.width).toBeLessThanOrEqual(width + 1);"," // The panel is what the trigger exists to reach — the state that was"," // unreachable before, because its only mount was gated on a selection that"," // nothing could make."," await expect(page.getByTestId(\"document-filter-panel\")).toHaveCount(0);"," await mobileFilterTrigger.click();"," const filterPanel = page.getByTestId(\"document-filter-panel\");"," await expect(filterPanel).toBeVisible();"," await expect(filterPanel.getByRole(\"radiogroup\", { name: \"Source type\" })).toBeVisible();"," // Library lives in the sheet footer now, under a rule and below the commit"," // action. It was first renamed from \"Open source filters\" — it browses, it"," // does not refine, and the old name made it read as a duplicate of Filter —"," // but renaming treated the symptom. It sat adjacent to Filter in the utility"," // rail answering a different question and occupied the space the pinned Filter"," // needs. It was once described here as \"the sole reason the phone rail could"," // overflow at all\"; that was measured wrong. With Library gone the rail still"," // overflowed at every common phone width, because the inline utilities group"," // was `shrink` — see the rail-fit assertion above."," const libraryButton = filterPanel.getByTestId(\"document-filter-browse-library\");"," await expect(libraryButton).toBeVisible();"," await expect(libraryButton).toHaveText(/Browse all sources/);"," await expectMinTouchTarget(libraryButton);"," await filterPanel.getByTestId(\"document-filter-done\").click();"," await expect(filterPanel).toHaveCount(0);"," await expect(mobileFilterTrigger).toHaveAttribute(\"aria-expanded\", \"false\");"," // Asserted as an absence, not merely tolerated: putting Library back on the"," // rail re-creates the overflow it was moved to remove, and both of its new"," // homes (this sheet, and the zero-result state) preserve the query the way"," // the rail placement was protecting."," await expect(queryRibbon.getByRole(\"button\", { name: \"Open source library\" })).toHaveCount(0);"," await expect(documentWorkspace.getByText(\"Documents overview\")).toHaveCount(0);"," await expect(documentWorkspace.getByRole(\"button\", { name: /Browse library/i })).toHaveCount(0);"," await expect(page.getByTestId(\"cross-mode-links\")).toHaveCount(0);"," await expect(page.getByText(/Also in your library/i)).toHaveCount(0);"," const documentResults = page.getByRole(\"article\").filter({ hasText: \"Synthetic Lithium Monitoring Protocol\" });"," await expect(documentResults).toBeVisible();"," await expect(documentResults).toContainText(\"Best match\");"," await expect(documentResults).toContainText(\"1 table\");"," // The three primary actions keep a symmetric 48px footer at every width."," // The page preview and inline rank must stay inside the card without forcing"," // the title or the page itself to overflow."," for (const width of [320, 390, 639, 768, 1440, 1920]) {"," await page.setViewportSize({ width, height: 900 });"," const actionGeometry = await documentResults.getByTestId(\"document-result-actions\").evaluate((rail) => {"," const railStyle = getComputedStyle(rail);"," const widths = Array.from(rail.children).map((child) => child.getBoundingClientRect().width);"," const firstActionStyle = getComputedStyle(rail.children[0]);"," const typeProbe = document.createElement(\"span\");"," typeProbe.style.fontSize = \"var(--text-sm)\";"," document.body.append(typeProbe);"," const expectedActionFontSize = getComputedStyle(typeProbe).fontSize;"," typeProbe.remove();"," const card = rail.closest(\"article\")?.getBoundingClientRect();"," display: railStyle.display,"," widths,"," actionFontSize: firstActionStyle.fontSize,"," expectedActionFontSize,"," actionFontWeight: firstActionStyle.fontWeight,"," actionDirection: firstActionStyle.flexDirection,"," cardLeft: card?.left ?? 0,"," cardRight: card?.right ?? 0,"," viewportWidth: window.innerWidth,"," expect(actionGeometry.cardLeft).toBeGreaterThanOrEqual(0);"," expect(actionGeometry.cardRight).toBeLessThanOrEqual(actionGeometry.viewportWidth + 1);"," expect(actionGeometry.display).toBe(\"grid\");"," expect(Math.max(...actionGeometry.widths) - Math.min(...actionGeometry.widths)).toBeLessThanOrEqual(1);"," expect(actionGeometry.actionFontSize).toBe(actionGeometry.expectedActionFontSize);"," expect(actionGeometry.actionDirection).toBe(\"row\");"," expect(actionGeometry.actionFontWeight).toBe(\"800\");"," for (const action of await documentResults.getByTestId(\"document-result-actions\").locator(\":scope > *\").all()) {"," await expectMinTouchTarget(action, 48);"," const openResultLink = documentResults.getByRole(\"link\", { name: /Open Synthetic lithium monitoring protocol/i });"," await openResultLink.focus();"," await expect(openResultLink).toBeFocused();"," await page.emulateMedia({ forcedColors: \"active\" });"," await expect(documentResults.getByTestId(\"document-result-actions\")).toBeVisible();"," await page.emulateMedia({ forcedColors: \"none\" });"," const rankBox = await documentResults.getByTestId(\"document-result-rank\").boundingBox();"," const titleBox = await documentResults"," .getByRole(\"link\", { name: /Result 1: Synthetic lithium monitoring protocol/i })"," .boundingBox();"," expect(rankBox).not.toBeNull();"," expect(titleBox).not.toBeNull();"," expect(rankBox!.x + rankBox!.width).toBeLessThanOrEqual(titleBox!.x + 1);"," const moreActions = documentResults.getByRole(\"button\", {"," name: /More actions for Synthetic lithium monitoring protocol/i,"," const resultMenu = page.getByTestId(\"document-result-more-menu\");"," await expect(documentResults.getByRole(\"menu\")).toHaveCount(0);"," const menuBox = await resultMenu.boundingBox();"," const triggerBox = await moreActions.boundingBox();"," expect(menuBox).not.toBeNull();"," expect(triggerBox).not.toBeNull();"," expect(menuBox!.x).toBeGreaterThanOrEqual(0);"," expect(menuBox!.y).toBeGreaterThanOrEqual(0);"," expect(menuBox!.x + menuBox!.width).toBeLessThanOrEqual(390);"," expect(menuBox!.y + menuBox!.height).toBeLessThanOrEqual(820);"," expect(menuBox!.y + menuBox!.height).toBeLessThanOrEqual(triggerBox!.y);"," await expect(resultMenu.getByRole(\"menuitem\", { name: \"Search only this source\" })).toBeFocused();"," const copyCitation = resultMenu.getByRole(\"menuitem\", { name: \"Copy citation\" });"," await expect(copyCitation).toBeFocused();"," Object.defineProperty(navigator, \"clipboard\", { configurable: true, value: undefined });"," Object.defineProperty(document, \"execCommand\", { configurable: true, value: () => true });"," await expect(resultMenu.getByRole(\"menuitem\", { name: \"Citation copied\" })).toBeFocused();"," // Source type now lives inside the filter panel rather than in a native"," // select in the ribbon, so reaching it goes through the trigger."," const phoneFilterPanel = page.getByTestId(\"document-filter-panel\");"," const phoneTablesFilter = phoneFilterPanel.getByRole(\"radio\", { name: /Tables/ });"," if ((await phoneTablesFilter.count()) > 0) {"," await phoneTablesFilter.click();"," await expect(phoneTablesFilter).toHaveAttribute(\"aria-checked\", \"true\");"," await phoneFilterPanel.getByRole(\"radio\", { name: /^All/ }).click();"," await phoneFilterPanel.getByTestId(\"document-filter-done\").click();"," await expect(phoneFilterPanel).toHaveCount(0);"," const openDocumentLink = documentResults"," .getByRole(\"link\", { name: /Open Synthetic lithium monitoring protocol/i })"," .last();"," await expect(openDocumentLink).toBeVisible();"," // Exact viewer target built from mockDemoApi's lithium result (document_id / bestPages[0] /"," // bestChunkIds[0]): a link to the wrong document, page, or chunk must fail this assertion."," await expect(openDocumentLink).toHaveAttribute("," \"href\","," \"/documents/11111111-1111-4111-8111-111111111111?page=1&chunk=44444444-4444-4444-8444-444444444442\","," await expect(page.getByRole(\"complementary\", { name: \"Selected document evidence\" })).toHaveCount(0);"," await expect(documentResults.getByRole(\"button\", { name: /Preview evidence/i })).toHaveCount(0);"," await page.setViewportSize({ width: 1440, height: 900 });"," // Sort is a segmented group of pressed buttons, not a select: the active"," // order is readable without opening anything. Exercised here rather than at"," // 390px because the control is `sm`-and-up — the phone assertion above is"," // that it is hidden; this is the proof it still works where it renders."," const documentSort = queryRibbon.getByRole(\"group\", { name: \"Sort results\" });"," await expect(documentSort).toBeVisible();"," await documentSort.getByRole(\"button\", { name: \"A–Z\" }).click();"," await expect(page).toHaveURL(/[?&]sort=alpha/);"," await expect(documentSort.getByRole(\"button\", { name: \"A–Z\" })).toHaveAttribute(\"aria-pressed\", \"true\");"," await documentSort.getByRole(\"button\", { name: \"Relevance\" }).click();"," // The same panel, reached from the wide-viewport copy of the trigger."," const wideFilterTrigger = queryRibbon.getByTestId(\"document-filter-trigger-wide\");"," await expect(wideFilterTrigger).toBeVisible();"," // No tap-target assertion here: from `sm` up the ribbon controls are"," // deliberately `min-h-10` (40px) for fine pointers. The 44px floor is a"," // phone contract and is asserted on the phone trigger at 390px above."," await expect(queryRibbon.getByTestId(\"document-filter-trigger-phone\")).toBeHidden();"," await wideFilterTrigger.click();"," const wideFilterPanel = page.getByTestId(\"document-filter-panel\");"," await expect(wideFilterPanel.getByRole(\"radiogroup\", { name: \"Source type\" })).toBeVisible();"," const dashboardMain = page.locator(\"main#main-content\");"," const scrollTopBeforeSources = await dashboardMain.evaluate((element) => element.scrollTop);"," // The corpus is now reached from the sheet's footer rather than the rail,"," // and reaching it dismisses the sheet: browsing is leaving this surface, so"," // the Sources drawer must not open underneath a filter panel still covering"," // the results both of them describe."," await wideFilterPanel.getByTestId(\"document-filter-browse-library\").click();"," await expect(wideFilterPanel).toHaveCount(0);"," const resultsLibraryDialog = page.getByRole(\"dialog\", { name: \"Sources\" });"," await expect(resultsLibraryDialog).toBeVisible();"," // Prefer Playwright's focus waiter over a raw activeElement poll — Sheet"," // autofocus can land after lazy DocumentDrawer mount + composer focus=1."," await expect(resultsLibraryDialog.getByPlaceholder(\"Find a document\")).toBeFocused({ timeout: 15_000 });"," const sourceDialogBox = await resultsLibraryDialog.boundingBox();"," expect(sourceDialogBox).not.toBeNull();"," expect(sourceDialogBox?.y ?? -1).toBeGreaterThanOrEqual(0);"," expect((sourceDialogBox?.y ?? 0) + (sourceDialogBox?.height ?? 0)).toBeLessThanOrEqual(900);"," await expect.poll(() => dashboardMain.evaluate((element) => element.scrollTop)).toBe(scrollTopBeforeSources);"," await expect(page.locator(\"details#dashboard-documents-drawer\")).not.toHaveAttribute(\"open\", \"\");"," await expect(resultsLibraryDialog).toHaveCount(0);"," // Focus must come back to a real control, never to `body` — closing a modal"," // into nothing strands a keyboard user at the top of the document."," // It lands on the documents options button rather than on whatever opened"," // the drawer, because the opener is now the sheet's footer control and the"," // sheet dismisses itself on the way out, so by the time the drawer closes"," // its opener has unmounted. That is a fallback, not the ideal — returning to"," // the filter trigger would be better — but it is a visible, related control"," // in the same workspace, and it is the app's existing restore target rather"," // than anything this change introduced."," .poll("," async () =>"," page.evaluate(() => {"," const active = document.activeElement as HTMLElement | null;"," if (!active || active === document.body) return \"body\";"," return active.getAttribute(\"aria-label\") ?? active.tagName;"," }),"," { timeout: 15_000 },"," )"," .toBe(\"Open documents options\");"," test(\"dashboard defers source and administration requests until their surfaces open @critical\", async ({ page }) => {"," const requestCounts = { documents: 0, jobs: 0, batches: 0, quality: 0 };"," page.on(\"request\", (request) => {"," const pathname = new URL(request.url()).pathname;"," if (pathname === \"/api/documents\") requestCounts.documents += 1;"," if (pathname === \"/api/ingestion/jobs\") requestCounts.jobs += 1;"," if (pathname === \"/api/ingestion/batches\") requestCounts.batches += 1;"," if (pathname === \"/api/ingestion/quality\") requestCounts.quality += 1;"," // Start on the Documents home rather than switching mode from `/`: the mode"," // pill no longer changes the page, and a mid-test navigation would reset the"," // request counts this test exists to measure."," // waitForDemoDashboardReady looks for \"Open answer options\"; the actions"," // trigger is named for the active mode, which is Documents on this route."," await expect(visibleQuestionInput(page)).toBeEnabled();"," await expect(page.getByRole(\"button\", { name: \"Open documents options\" })).toBeVisible({ timeout: 30_000 });"," expect(requestCounts).toEqual({ documents: 0, jobs: 0, batches: 0, quality: 0 });"," await expect.poll(() => requestCounts.documents).toBe(1);"," expect(requestCounts.jobs).toBe(0);"," expect(requestCounts.batches).toBe(0);"," expect(requestCounts.quality).toBe(0);"," // Escape closes the scope popover but leaves the composer's command dropdown"," // open, and that dropdown overlays the home actions below it — so dismiss the"," // composer the way a user does, by clicking away from it. Previously this test"," // switched mode after scoping and the re-render reset the composer for free;"," // the Documents home is now its own route, so the blur has to be explicit."," await expect(page.getByTestId(\"scope-command-popover\")).toHaveCount(0);"," .getByRole(\"main\")"," .getByRole(\"heading\", { name: \"Documents\" })"," .click({ position: { x: 2, y: 2 } });"," // Scope restore can land on the composer + trigger; the command listbox must"," // stay closed so it cannot cover Start-here actions (Browse library)."," await expect(page.getByRole(\"listbox\", { name: /search suggestions/i })).toHaveCount(0);"," .getByRole(\"button\", { name: /Browse library/i })"," test(\"tools mode searches the existing applications registry inside the dashboard\", async ({ page }) => {"," await gotoApp(page, \"/?mode=tools&q=medications&focus=1&run=1\");"," await expect(page.locator('input[placeholder=\"Search tools...\"]:visible').first()).toHaveValue(\"medications\");"," await expect(page.getByTestId(\"tools-hub\")).toBeVisible();"," const queryRibbon = page.getByTestId(\"tools-hub\").getByTestId(\"search-query-ribbon\");"," await expect(queryRibbon.getByRole(\"heading\", { name: \"medications\" })).toBeVisible();"," await expect(queryRibbon.getByRole(\"group\", { name: \"Filter tools by category\" })).toBeVisible();"," await expect(page.getByTestId(\"tools-hub\").getByTestId(\"application-row-medication-prescribing\")).toContainText("," \"Medication Prescribing\","," await expect(page.getByTestId(\"tools-hub\").getByText(\"Selected tool\")).toHaveCount(0);"," const detailsButton = page"," .getByTestId(\"tools-hub\")"," .getByRole(\"button\", { name: \"View details for Medication Prescribing\" });"," await expect(detailsButton).toHaveAttribute(\"aria-haspopup\", \"dialog\");"," await detailsButton.click();"," await expect("," page.getByRole(\"dialog\", { name: \"Medication Prescribing\" }).locator('a[href=\"/medications\"]').first(),"," ).toBeVisible();"," test(\"services shortlist exposes comparison only when requested\", async ({ page }) => {"," await gotoApp(page, \"/services?q=mental%20health&focus=1&run=1\");"," const navigator = page.getByRole(\"main\");"," await expect(navigator).toBeVisible();"," await expect(navigator.getByRole(\"button\", { name: \"Edit\" })).toHaveCount(0);"," await expect(navigator.getByTestId(\"services-shortlist-bar\")).toHaveCount(0);"," await expect(navigator.getByTestId(\"services-comparison\")).toHaveCount(0);"," const addButtons = navigator.getByRole(\"button\", { name: /Add .* to shortlist/ });"," await addButtons.nth(0).click();"," const shortlist = navigator.getByTestId(\"services-shortlist-bar\");"," await expect(shortlist).toContainText(\"1 shortlisted\");"," await expect(shortlist.getByRole(\"button\", { name: \"Compare\" })).toBeDisabled();"," await addButtons.nth(1).click();"," await expect(shortlist).toContainText(\"2 shortlisted\");"," await shortlist.getByRole(\"button\", { name: \"Compare\" }).click();"," await expect(navigator.getByTestId(\"services-comparison\")).toBeVisible();"," await shortlist.getByRole(\"button\", { name: \"Clear\" }).click();"," test(\"search regressions avoid fetch errors and open viewer hits @critical\", async ({ page }) => {"," await questionInput.fill(\"what is the best coffee machine for my kitchen\");"," await expect(page).toHaveURL(/\\/documents\\/search\\?/);"," await expect(page.locator(\"body\")).not.toContainText(/failed to fetch|Search failed/i);"," // Still a heading, deliberately: #1612 promoted this state's title to `h3`"," // because it owns its region, and the move to the shared empty state must"," // not quietly demote it back to a paragraph. Only the copy changed — the"," // shared state names the query that found nothing."," page.getByRole(\"heading\", { level: 3, name: /No matches for .what is the best coffee machine/ }).first(),"," const demoDocId = \"11111111-1111-4111-8111-111111111111\";"," await gotoApp(page, `/documents/${demoDocId}?chunk=44444444-4444-4444-8444-444444444442`);"," await expect(page).toHaveURL(/chunk=44444444-4444-4444-8444-444444444442/);"," await expect(page.locator(\"#source-evidence\").getByTestId(\"highlighted-source-passage\")).toContainText("," \"Escalate review when there is vomiting\","," // Citation landing keeps the indexed dump collapsed so the PDF stays primary."," await expect(page.locator(\"#source-text\")).toHaveJSProperty(\"open\", false);"," await page.getByTestId(\"inspect-indexed-text\").click();"," await expect(page.locator(\"#source-text\")).toHaveJSProperty(\"open\", true);"," page.getByTestId(\"source-chunk-indexed-text-panel\").getByTestId(\"highlighted-indexed-source-chunk\"),"," ).toHaveJSProperty(\"open\", true);"," // The fixed document composer is the single search owner; the indexed-text"," // disclosure must not duplicate a large search field inside its content."," const sourceSearch = page.getByRole(\"textbox\", { name: \"Search within this document\" });"," await expect(page.getByLabel(\"Search within indexed source text\")).toHaveCount(0);"," await waitForReactEventHandler(sourceSearch, \"onChange\");"," await sourceSearch.fill(\"safety plan include\");"," const desktopTextPanel = page.getByTestId(\"source-chunk-indexed-text-panel\");"," await expect(desktopTextPanel.getByText(\"Hit 1 of 2\").first()).toBeVisible();"," await expect(desktopTextPanel.locator(\"mark\").filter({ hasText: \"safety\" }).first()).toBeVisible();"," const initialActiveHit = desktopTextPanel.locator('details[data-source-active-hit=\"true\"]');"," await expect(initialActiveHit).toHaveJSProperty(\"open\", true);"," const initialActiveHitId = await initialActiveHit.getAttribute(\"data-source-chunk-id\");"," expect(initialActiveHitId).toBeTruthy();"," const initialActiveDisclosure = desktopTextPanel.locator(`details[data-source-chunk-id=\"${initialActiveHitId}\"]`);"," const previousHit = desktopTextPanel.getByRole(\"button\", { name: \"Previous document search hit\" });"," const nextHit = desktopTextPanel.getByRole(\"button\", { name: \"Next document search hit\" });"," await expect(previousHit).toHaveAttribute(\"title\", \"Previous document search hit\");"," await expect(previousHit).toHaveText(\"\");"," await expect(nextHit).toHaveAttribute(\"title\", \"Next document search hit\");"," await expect(nextHit).toHaveText(\"\");"," await nextHit.click();"," await expect(desktopTextPanel.getByText(\"Hit 2 of 2\")).toBeVisible();"," const nextActiveHit = desktopTextPanel.locator('details[data-source-active-hit=\"true\"]');"," await expect(nextActiveHit).toHaveJSProperty(\"open\", true);"," await expect(initialActiveDisclosure).toHaveJSProperty(\"open\", false);"," test(\"document viewer hydrates once and signs downloads only on demand @critical\", async ({ page }) => {"," const documentId = \"11111111-1111-4111-8111-111111111111\";"," const browserDetailRequests: string[] = [];"," const setupRequests: string[] = [];"," const signedUrlRequests: Array<\"preview\" | \"download\"> = [];"," const url = new URL(request.url());"," if (url.pathname === `/api/documents/${documentId}`) browserDetailRequests.push(request.url());"," if (url.pathname === \"/api/setup-status\") setupRequests.push(request.url());"," await page.route(/\\/api\\/documents\\/([^/]+)\\/signed-url(?:\\?.*)?$/, async (route) => {"," const url = new URL(route.request().url());"," const id = url.pathname.split(\"/\").at(-2) ?? \"\";"," const document = getDemoDocument(id);"," if (!document) {"," await route.fulfill({ status: 404, json: { error: \"Demo document not found.\" } });"," const requestKind = url.searchParams.get(\"download\") === \"true\" ? \"download\" : \"preview\";"," signedUrlRequests.push(requestKind);"," if (requestKind === \"download\") await new Promise((resolve) => setTimeout(resolve, 250));"," json: { url: document.storage_path, fileType: document.file_type, demoMode: true },"," await gotoApp(page, `/documents/${documentId}?page=1&chunk=44444444-4444-4444-8444-444444444442`);"," await expect(page.getByRole(\"heading\", { level: 1, name: \"Synthetic lithium monitoring protocol\" })).toBeVisible();"," await expect(page.getByTestId(\"source-chunk-indexed-text-panel\")).toHaveCount(1);"," await expect.poll(() => signedUrlRequests.filter((kind) => kind === \"preview\").length).toBe(1);"," expect(browserDetailRequests).toHaveLength(0);"," expect(setupRequests).toHaveLength(0);"," expect(signedUrlRequests.filter((kind) => kind === \"download\")).toHaveLength(0);"," const downloadButton = page.getByRole(\"button\", { name: \"Download\", exact: true });"," await expect(downloadButton).toBeEnabled();"," await downloadButton.dblclick();"," await expect.poll(() => signedUrlRequests.filter((kind) => kind === \"download\").length).toBe(1);"," test(\"document frame stretches the canvas owner at phone and desktop\", async ({ page }) => {"," await page.setViewportSize({ width: 320, height: 720 });"," await gotoApp("," page,"," const canvasOwner = page.getByTestId(\"pdf-canvas-owner\");"," await expect(page.getByTestId(\"pdf-canvas-scroll\").locator(\"canvas\")).toBeVisible({ timeout: 30_000 });"," await expectDocumentOwnerFillsFrame(page, canvasOwner);"," // There is one reader. The browser-engine iframe was removed because the"," // production CSP (`default-src 'self'`, no frame-src) refuses a cross-origin"," // frame; it only ever rendered against this same-origin demo corpus."," await expect(page.locator(\"iframe\")).toHaveCount(0);"," test(\"document viewer puts the PDF preview first with pinned evidence after it on mobile\", async ({ page }) => {"," // iOS Safari cannot fullscreen a plain document element, so production"," // takes the fixed in-app fallback there. Exercise that exact path instead"," // of letting Chromium's native fullscreen top layer hide stacking bugs."," Object.defineProperty(Element.prototype, \"requestFullscreen\", {"," configurable: true,"," value: () => Promise.reject(new Error(\"fullscreen blocked by test\")),"," const evidence = page.locator('[data-testid=\"pinned-source-evidence\"]:visible').first();"," const preview = page.getByTestId(\"pdf-preview\");"," const toolbar = page.getByTestId(\"document-frame-controls\");"," const pdfScroller = page.getByTestId(\"pdf-canvas-scroll\");"," // Phone owns section navigation via the title disclosure + sheet, not the"," // retired in-flow \"Document viewer sections\" link row."," const sectionTrigger = page.getByTestId(\"document-section-trigger\");"," const openSection = async (label: RegExp) => {"," await revealPhoneHeaderControl(page, sectionTrigger);"," await sectionTrigger.click();"," const sheet = page.getByTestId(\"document-section-sheet\");"," await expect(sheet).toBeVisible();"," const row = sheet.getByRole(\"button\", { name: label });"," await waitForReactEventHandler(row, \"onClick\");"," await activateFocusedControl(page, row);"," await expect(sheet).toHaveCount(0);"," await expect(evidence).toBeVisible();"," await expect(evidence.getByText(\"Highlighted source passage\")).toBeVisible();"," await expect(page.locator(\"#source-text\")).toBeVisible();"," await expect(page.getByTestId(\"inspect-indexed-text\")).toBeVisible();"," await expect(sectionTrigger).toBeVisible();"," await revealPhoneHeaderControl(page, sectionTrigger);"," await sectionTrigger.click();"," const sectionSheet = page.getByTestId(\"document-section-sheet\");"," await expect(sectionSheet.getByRole(\"button\", { name: /Cited excerpt/ })).toBeVisible();"," await expect(sectionSheet.getByRole(\"button\", { name: /PDF preview/ })).toBeVisible();"," await expect(sectionSheet.getByRole(\"button\", { name: /Indexed source text/ })).toBeVisible();"," const mobileDensityToggle = sectionSheet.getByTestId(\"document-view-density-toggle\");"," await expect(mobileDensityToggle).toHaveAttribute(\"aria-pressed\", \"true\");"," await expect(mobileDensityToggle).toHaveAccessibleName(\"Show full document content\");"," await expect(sectionSheet).toHaveCount(0);"," await expect(preview).toBeVisible();"," await expect(toolbar).toBeVisible({ timeout: 30000 });"," // Phones reach the lower-frequency view actions through the toolbar overflow;"," // sm+ shows them inline. The toolbar is mounted before pdf.js finishes"," // painting, so wait for a control to enable before dispatching a pointer."," const overflow = page.getByTestId(\"document-frame-overflow\");"," // Prefer the accessible name over role: a bare

under role=\"toolbar\""," // was exposed as generic in Chromium (CI tip 23dfb955), so button queries hung."," const overflowToggle = overflow.getByLabel(\"More viewing options\");"," const openOverflow = async () => {"," await overflowToggle.click();"," // At 320px Zoom in lives only inside the overflow menu (inline from 380px)."," await openOverflow();"," await expect(overflow.getByRole(\"button\", { name: \"Zoom in\" })).toBeEnabled({ timeout: 30000 });"," // Toggle the summary closed so later openOverflow() calls start from closed."," await overflowToggle.click();"," await expect(pdfScroller.locator(\"canvas\")).toBeVisible();"," await expectDomIntegrity(page);"," const evidenceBox = await evidence.boundingBox();"," const previewBox = await preview.boundingBox();"," const indexedTextHeading = page"," .getByTestId(\"source-chunk-indexed-text-panel\")"," .getByRole(\"heading\", { name: \"Indexed source text\", exact: true });"," const indexedTextBox = await indexedTextHeading.boundingBox();"," const imagesBox = await page.getByRole(\"heading\", { name: \"Tables and diagrams\" }).boundingBox();"," expect(evidenceBox).not.toBeNull();"," expect(previewBox).not.toBeNull();"," expect(indexedTextBox).not.toBeNull();"," expect(imagesBox).not.toBeNull();"," expect(previewBox!.y).toBeLessThan(evidenceBox!.y);"," expect(evidenceBox!.height).toBeLessThan(640);"," expect(previewBox!.y).toBeLessThan(indexedTextBox!.y);"," expect(indexedTextBox!.y).toBeLessThan(imagesBox!.y);"," const passageToggle = page.getByTestId(\"toggle-full-passage\").first();"," await expect(passageToggle).toHaveText(\"Full passage\");"," await expect(passageToggle).toHaveAttribute(\"aria-expanded\", \"false\");"," // Keyboard activation is intentional here: pdf.js can resize the canvas"," // while Firefox is calculating pointer coordinates, but a focused native"," // button must keep its expand/collapse behavior through that layout shift."," await activateFocusedControl(page, passageToggle);"," await expect(passageToggle).toHaveText(\"Collapse\");"," await expect(passageToggle).toHaveAttribute(\"aria-expanded\", \"true\");"," const expandedEvidenceBox = await evidence.boundingBox();"," expect(expandedEvidenceBox?.height ?? 0).toBeGreaterThan(evidenceBox!.height);"," const collapsedEvidenceBox = await evidence.boundingBox();"," expect(collapsedEvidenceBox?.height ?? Number.POSITIVE_INFINITY).toBeLessThan(expandedEvidenceBox!.height);"," await openSection(/PDF preview/);"," await expect(preview).toBeInViewport();"," await openSection(/Indexed source text/);"," await expect(indexedTextHeading).toBeInViewport();"," const mobilePdfStyles = await toolbar.evaluate((element) => ({"," position: window.getComputedStyle(element).position,"," // Overflow dropdown anchors on the relative

wrapper; the toolbar"," // itself stays in normal flow (static) so mobile PDF chrome does not create"," // a sticky/fixed positioning context over the document."," expect(mobilePdfStyles.position).toBe(\"static\");"," await expect(pdfScroller).toBeVisible();"," await overflow.getByRole(\"button\", { name: \"Fullscreen\" }).click();"," const fullscreenRootStyles = await page.getByTestId(\"document-frame\").evaluate((element) => {"," const bounds = element.getBoundingClientRect();"," const topOwner = document.elementFromPoint(window.innerWidth / 2, 1);"," position: style.position,"," height: style.height,"," bounds: {"," left: Math.round(bounds.left),"," top: Math.round(bounds.top),"," right: Math.round(bounds.right),"," bottom: Math.round(bounds.bottom),"," ownsTopEdge: Boolean(topOwner && element.contains(topOwner)),"," expect(fullscreenRootStyles.position).toBe(\"fixed\");"," expect(fullscreenRootStyles.bounds).toEqual({ left: 0, top: 0, right: 320, bottom: 720 });"," expect(fullscreenRootStyles.ownsTopEdge).toBe(true);"," await expect(page.locator(\"#search\")).toHaveCSS(\"visibility\", \"hidden\");"," const exitFullscreen = page.getByRole(\"button\", { name: \"Exit fullscreen document view\" });"," await expect(exitFullscreen).toBeVisible();"," await expect(exitFullscreen).toBeFocused();"," await page.emulateMedia({ forcedColors: \"active\", reducedMotion: \"reduce\" });"," await exitFullscreen.click();"," await page.emulateMedia({ forcedColors: \"none\", reducedMotion: \"no-preference\" });"," // A rejected desktop Fullscreen API request uses the same fallback. It must"," // still suppress app chrome, cover the resized viewport, and leave through"," // the keyboard Escape path without requiring the phone overflow menu."," const enterFullscreen = page.getByRole(\"button\", { name: \"Enter fullscreen document view\" });"," await expect(enterFullscreen).toBeVisible();"," await enterFullscreen.click();"," await expect(page.getByTestId(\"document-frame\")).toHaveAttribute(\"data-fullscreen-fallback\", \"on\");"," await expect(page.getByTestId(\"document-frame\")).toHaveCSS(\"position\", \"fixed\");"," const fullscreenBounds = await page.getByTestId(\"document-frame\").boundingBox();"," expect(fullscreenBounds).not.toBeNull();"," expect({"," x: Math.round(fullscreenBounds!.x),"," y: Math.round(fullscreenBounds!.y),"," width: Math.round(fullscreenBounds!.width),"," height: Math.round(fullscreenBounds!.height),"," }).toEqual({ x: 0, y: 0, width: 1280, height: 900 });"," await expect(page.getByTestId(\"document-frame\")).not.toHaveAttribute(\"data-fullscreen\");"," await expect(page.locator(\"#search\")).not.toHaveCSS(\"visibility\", \"hidden\");"," const fitWidthScrollStyles = await pdfScroller.evaluate((element) => {"," overflowX: style.overflowX,"," touchAction: style.touchAction,"," expect(fitWidthScrollStyles.overflowX).toBe(\"hidden\");"," expect(fitWidthScrollStyles.touchAction).toContain(\"pan-y\");"," // Exercise the independent actions sheet last. Its portal/focus teardown"," // causes a deferred root commit in Firefox; no subsequent target should be"," // selected against the pre-teardown layout."," const openDocumentActions = page.getByRole(\"button\", { name: \"Open document actions\" }).first();"," await expect(openDocumentActions).toBeInViewport();"," await expect(openDocumentActions).toHaveAttribute(\"aria-expanded\", \"false\");"," await expect(page.getByRole(\"link\", { name: \"Add this document to scope\" })).toHaveCount(0);"," await openDocumentActions.click();"," const documentActions = page.getByRole(\"dialog\", { name: \"This document\" });"," await expect(documentActions).toBeVisible();"," await expect(openDocumentActions).toHaveAttribute(\"aria-expanded\", \"true\");"," await expect(documentActions.getByRole(\"button\", { name: \"Add to scope\" })).toBeVisible();"," const composer = page.locator(\"form.document-viewer-composer\");"," const composerBox = await composer.boundingBox();"," expect(composerBox).not.toBeNull();"," const sheetOwnsComposerPoint = await documentActions.evaluate("," (dialog, point) => dialog.contains(document.elementFromPoint(point.x, point.y)),"," { x: composerBox!.x + composerBox!.width / 2, y: composerBox!.y + composerBox!.height / 2 },"," expect(sheetOwnsComposerPoint).toBe(true);"," await expect(documentActions).toHaveCount(0);"," test(\"document viewer smart summary is structured with badges and demoted indexing details\", async ({ page }) => {"," await gotoApp(page, \"/documents/11111111-1111-4111-8111-111111111111?page=1\");"," await expect(page.getByRole(\"heading\", { level: 1, name: \"Synthetic lithium monitoring protocol\" })).toBeVisible({"," const clinicalSummary = page.getByTestId(\"document-clinical-summary\");"," await expect(clinicalSummary).toBeVisible();"," await expect(clinicalSummary.getByRole(\"heading\", { name: \"High-yield clinical summary\" })).toBeVisible();"," const clinicalPriorities = clinicalSummary.getByRole(\"button\", { name: /Clinical priorities/ });"," await expect(clinicalPriorities).toHaveAttribute(\"aria-expanded\", \"false\");"," const densityToggle = page.getByTestId(\"document-section-index\").getByTestId(\"document-view-density-toggle\");"," await expect(densityToggle).toHaveAttribute(\"aria-pressed\", \"true\");"," await densityToggle.click();"," await expect(densityToggle).toHaveAttribute(\"aria-pressed\", \"false\");"," await expect(clinicalPriorities).toHaveAttribute(\"aria-expanded\", \"true\");"," await expect(page.getByRole(\"heading\", { name: \"Key sections\", exact: true })).toHaveCount(0);"," await expect(page.getByRole(\"heading\", { name: \"Useful pages\", exact: true })).toHaveCount(0);"," const summaryCard = page.getByTestId(\"high-yield-summary\");"," await expect(summaryCard).toBeVisible();"," await expect(summaryCard).toHaveJSProperty(\"open\", false);"," await summaryCard.getByText(\"High-yield summary\", { exact: true }).click();"," await expect(summaryCard).toHaveJSProperty(\"open\", true);"," // Smart summary: badge cluster from labels + detected phrases, structured"," // sections, and no document-header boilerplate leaking through."," await expect(summaryCard.getByText(\"Narrow therapeutic index\", { exact: true })).toBeVisible();"," await expect(summaryCard.getByTestId(\"formatted-high-yield-summary\")).toBeVisible();"," await expect(summaryCard).not.toContainText(\"Reference #\");"," await expect(summaryCard).not.toContainText(\"Service/Department/Unit\");"," // The old meta-only \"Document details\" card is gone; indexing metadata is"," // demoted behind a collapsed disclosure at the bottom of the sidebar."," await expect(page.getByText(\"Document details\", { exact: true })).toHaveCount(0);"," const indexingDetails = page.getByTestId(\"indexing-details\");"," await expect(indexingDetails).toBeVisible();"," await expect(indexingDetails.getByText(\"rag-deep-memory-v1\")).toBeHidden();"," await indexingDetails.getByText(\"Indexing details\", { exact: true }).click();"," await expect(indexingDetails.getByText(\"rag-deep-memory-v1\")).toBeVisible();"," test(\"document source text accordion stays compact at 320, 390, and 1280 pixels\", async ({ page }) => {"," for (const width of [320, 390, 1280]) {"," await gotoApp(page, \"/documents/11111111-1111-4111-8111-111111111111?page=1\");"," await expect(page.getByRole(\"heading\", { level: 1, name: \"Synthetic lithium monitoring protocol\" })).toBeVisible({"," const indexedText = page.locator(\"#source-text\");"," const pageText = indexedText.getByTestId(\"indexed-page-text-disclosure\");"," const passages = indexedText.locator(\"details[data-source-chunk-id]\");"," await expect(indexedText).toHaveJSProperty(\"open\", false);"," await expect(passages).toHaveCount(2);"," for (const disclosure of [pageText, passages.nth(0), passages.nth(1)]) {"," await expect(disclosure).toHaveJSProperty(\"open\", false);"," await indexedText.locator(\"summary\").first().click();"," await expect(indexedText).toHaveJSProperty(\"open\", true);"," await passages.nth(0).locator(\"summary\").click();"," await expect(passages.nth(0)).toHaveJSProperty(\"open\", true);"," await expect(passages.nth(1)).toHaveJSProperty(\"open\", false);"," await passages.nth(1).locator(\"summary\").click();"," await expect(passages.nth(1)).toHaveJSProperty(\"open\", true);"," await expect(passages.nth(0)).toHaveJSProperty(\"open\", false);"," test(\"document viewer content disclosures are naturally closed and mutually exclusive by default\", async ({"," const summaryToggle = clinicalSummary.getByTestId(\"toggle-document-summary\");"," await expect(summaryToggle).toBeVisible();"," await expect(summaryToggle).toHaveAttribute(\"aria-expanded\", \"false\");"," await summaryToggle.click();"," await expect(summaryToggle).toHaveAttribute(\"aria-expanded\", \"true\");"," await expect(summaryToggle).toContainText(\"Show less\");"," await clinicalSummary.getByTestId(\"open-clinical-priorities\").click();"," const prioritiesSheet = page.getByRole(\"dialog\", { name: \"Clinical priorities\" });"," await expect(prioritiesSheet).toBeVisible();"," await expect(prioritiesSheet).toHaveCount(0);"," const indexedText = page.locator(\"#source-text\");"," const summary = page.getByTestId(\"high-yield-summary\");"," const images = page.locator(\"#source-images\");"," const pageText = indexedText.getByTestId(\"indexed-page-text-disclosure\");"," const passages = indexedText.locator(\"details[data-source-chunk-id]\");"," const clickSectionNav = async (label: RegExp) => {"," // Demo docs with no extracted visuals omit Images from the section sheet;"," // open that disclosure from its own summary so exclusivity still covers"," // the always-present #source-images details."," const openImagesDisclosure = async () => {"," await images.locator(\"summary\").click();"," await expect(images).toHaveJSProperty(\"open\", true);"," await expect(indexedText).toBeVisible();"," await expect(indexedText).toHaveJSProperty(\"open\", false);"," await expect(passages).toHaveCount(2);"," for (const disclosure of [pageText, passages.nth(0), passages.nth(1)]) {"," await expect(disclosure).toHaveJSProperty(\"open\", false);"," const densitySheet = page.getByTestId(\"document-section-sheet\");"," const densityToggle = densitySheet.getByTestId(\"document-view-density-toggle\");"," await waitForReactEventHandler(densityToggle, \"onClick\");"," await activateFocusedControl(page, densityToggle);"," await expect(indexedText).toHaveJSProperty(\"open\", true);"," await expect(densitySheet).toHaveCount(0);"," for (const disclosure of [summary, images, indexingDetails]) {"," const summaryContent = summary.getByTestId(\"formatted-high-yield-summary\");"," await expect(summaryContent).toBeHidden();"," await openImagesDisclosure();"," await page.evaluate(() => window.dispatchEvent(new Event(\"beforeprint\")));"," await expect(pageText).toHaveJSProperty(\"open\", true);"," await expect(passages.nth(0)).toHaveJSProperty(\"open\", true);"," await expect(passages.nth(1)).toHaveJSProperty(\"open\", true);"," await page.emulateMedia({ media: \"print\" });"," await expect(summaryContent).toBeVisible();"," await page.emulateMedia({ media: \"screen\" });"," await page.evaluate(() => window.dispatchEvent(new Event(\"afterprint\")));"," await expect(images).toHaveJSProperty(\"open\", true);"," await expect(pageText).toHaveJSProperty(\"open\", false);"," await expect(passages.nth(0)).toHaveJSProperty(\"open\", false);"," await expect(passages.nth(1)).toHaveJSProperty(\"open\", false);"," await clickSectionNav(/Indexed source text/);"," await expect(indexedText).toBeInViewport();"," await expect(images).toHaveJSProperty(\"open\", false);"," await passages.nth(0).locator(\"summary\").click();"," await passages.nth(1).locator(\"summary\").click();"," await clickSectionNav(/High-yield summary/);"," await expect(summary).toHaveJSProperty(\"open\", true);"," await expect(summary).toHaveJSProperty(\"open\", false);"," await expect(indexingDetails).toHaveJSProperty(\"open\", true);"," test(\"answer glass header overlays main and fully hides while scrolling on phones\", async ({ page }) => {"," await expect(header).toBeVisible();"," // Browser-mode phones attach the overlay to the visual viewport so Safari"," // can use document scrolling. Installed standalone mode uses the compiled"," // absolute-to-frame override covered by the dedicated PWA contract test."," await expect.poll(async () => header.evaluate((node) => window.getComputedStyle(node).position)).toBe(\"fixed\");"," const reserve = await main.evaluate((node) => Number.parseFloat(window.getComputedStyle(node).paddingTop));"," const headerHeight = await header.evaluate((node) => node.getBoundingClientRect().height);"," expect(Math.abs(reserve - headerHeight)).toBeLessThanOrEqual(2);"," await appendPrimaryScrollSpacer(page, { heightPx: 2000, testId: \"header-hide-scroll-spacer\" });"," await expect.poll(async () => (await readPrimaryScrollGeometry(page)).owner).toBe(\"document\");"," // Step the active document owner so the dashboard reporter sees deliberate movement."," for (const offset of [40, 80, 120, 160, 200]) {"," await scrollPrimarySurface(page, offset);"," await expect(header).toHaveAttribute(\"data-scroll-hidden\", \"true\");"," .poll(async () =>"," header.evaluate((node) => {"," const rect = node.getBoundingClientRect();"," return Math.max(0, rect.bottom) - Math.max(0, rect.top);"," .toBe(0);"," // The scrim tail (taller than the bar) may leave only a whisper at the top"," // edge while hidden — bound it so it can't grow into a visible band."," const scrimBottom = await page"," .locator(\".edge-glass-header-backdrop\")"," .evaluate((node) => node.getBoundingClientRect().bottom);"," expect(scrimBottom).toBeLessThanOrEqual(34);"," // Any deliberate scroll up slides the glass bar back in."," for (const offset of [160, 120, 60]) {"," test(\"private-scope alert stays reachable while the answer view scrolls\", async ({ page }) => {"," // An unauthenticated session with a routed private-scope ref resolves to"," // privateScopeStatus=\"unavailable\", which renders the recovery alert."," await gotoApp(page, \"/?mode=answer&scopeRef=aaaaaaaa-aaaa-4aaa-8aaa-aaaaaaaaaaaa\");"," const alert = page.getByTestId(\"private-scope-unavailable\");"," await expect(alert).toBeVisible({ timeout: 15000 });"," await appendPrimaryScrollSpacer(page, { heightPx: 2000 });"," for (const offset of [80, 160, 260, 380]) {"," // Sticky inside

: the recovery actions must remain on-screen (they"," // used to scroll away with content, stranding the user mid-thread)."," await expect(alert).toBeVisible();"," const box = await alert.boundingBox();"," expect(box).not.toBeNull();"," expect(box!.y).toBeGreaterThanOrEqual(0);"," expect(box!.y).toBeLessThanOrEqual(200);"," test(\"private-scope alert clears the revealed phone header outside the answer view\", async ({ page }) => {"," // Reachable is not the same as visible. The alert is `sticky` inside

"," // with `z-20`, while the phone header owns `z-30` at the viewport top, so an"," // offset that assumes the header is out of the way leaves the recovery"," // buttons underneath it. Measured 35px of the alert obscured before this"," // guard, on a probe shorter than the real two-line alert. It predates phone"," // overlay motion — a header pinned by `position: sticky` covered it exactly"," // as much as the fixed overlay does — so assert the geometry, not the"," // mechanism, and do it on a non-answer mode where the offset differs."," await gotoApp(page, \"/documents?scopeRef=aaaaaaaa-aaaa-4aaa-8aaa-aaaaaaaaaaaa\");"," // Hide the chrome, then bring it back — the state that puts a full-height"," // header over a sticky alert. Assert the hide, not just the reveal: if"," // hide-on-scroll stopped firing the chrome would never leave, the upward"," // scrolls would still end revealed, and the overlap check below would pass"," // without ever exercising the state it exists to cover."," const collapse = page.getByTestId(\"universal-header-collapse\");"," await expect(collapse).toHaveAttribute(\"data-scroll-hidden\", \"true\");"," for (const offset of [300, 240, 200]) {"," await expect(collapse).not.toHaveAttribute(\"data-scroll-hidden\", \"true\");"," const overlap = await page.evaluate(() => {"," const node = document.querySelector('[data-testid=\"private-scope-unavailable\"]');"," const stack = document.querySelector(\".phone-sticky-header-stack\");"," // Throw rather than return a sentinel: a negative number satisfies the"," // `<= 1` assertion below, so a missing element would report a passing"," // overlap contract that was never measured."," if (!(node instanceof HTMLElement) || !(stack instanceof HTMLElement)) {"," throw new Error(\"private-scope alert overlap: the alert or the phone header stack was not rendered\");"," const a = node.getBoundingClientRect();"," const h = stack.getBoundingClientRect();"," return Math.max(0, Math.min(a.bottom, h.bottom) - Math.max(a.top, h.top));"," expect(overlap, \"the revealed phone header must not cover the recovery alert\").toBeLessThanOrEqual(1);"," test(\"answer glass header hides and returns on desktop widths too\", async ({ page }) => {"," await page.setViewportSize({ width: 1280, height: 860 });"," await expect.poll(async () => header.evaluate((node) => window.getComputedStyle(node).position)).toBe(\"absolute\");"," await waitForReactEventHandler(main, \"onScroll\");"," await main.evaluate((node) => {"," const spacer = document.createElement(\"div\");"," spacer.style.height = \"2400px\";"," node.appendChild(spacer);"," for (const offset of [40, 90, 150, 220, 300]) {"," for (const offset of [250, 200, 140]) {"," test(\"non-answer phone header keeps the in-flow collapse hide\", async ({ page }) => {"," const collapseHost = page.getByTestId(\"universal-header-collapse\");"," await expect(collapseHost).not.toHaveAttribute(\"data-scroll-hidden\", \"true\");"," // Non-answer modes keep the header in flow — their sm+ composer renders"," // beneath it, which the absolute answer-mode overlay would bury."," await expect.poll(async () => header.evaluate((node) => window.getComputedStyle(node).position)).toBe(\"relative\");"," await expect(collapseHost).toHaveAttribute(\"data-scroll-hidden\", \"true\");"," // A descendant may become the active scroller. Its near-zero offset must"," // establish a new baseline rather than looking like a large upward gesture"," // relative to the deeply scrolled main container."," await main.evaluate(async (node) => {"," const nested = document.createElement(\"div\");"," nested.dataset.testid = \"nested-scroll-intent-source\";"," nested.style.height = \"40px\";"," nested.style.overflowY = \"auto\";"," const content = document.createElement(\"div\");"," content.style.height = \"200px\";"," nested.appendChild(content);"," node.appendChild(nested);"," nested.scrollTop = 4;"," nested.dispatchEvent(new Event(\"scroll\"));"," // At the bottom, collapsing the in-flow header can reflow the scroll"," // surface and clamp scrollTop. That geometry-driven event is not an upward"," // user gesture and must not immediately reveal the header. The collapse"," // -budget gate refuses to START a hide at the bottom edge (that is the"," // #964 \"locks to the bottom\" trap), so hide with runway remaining first,"," // then ride the clamp to the bottom while hidden."," const visibleMaxOffset = (await readPrimaryScrollGeometry(page)).maxScrollTop;"," await scrollPrimarySurface(page, visibleMaxOffset - 400);"," await scrollPrimarySurface(page, \"end\");"," await expect.poll(async () => collapseHost.getAttribute(\"data-scroll-hidden\"), { timeout: 1_000 }).toBe(\"true\");"," // The hidden attribute flips before the 240ms grid-row transition has"," // released the header's layout space. Wait for rendered geometry so this"," // assertion cannot race the animation on faster or slower CI runners."," // A deliberate upward gesture reveals the chrome again. Use two separated"," // steps, each yielding frames: on a starved CI renderer a single upward"," // write can coalesce into the trailing bottom-clamp evaluation and be"," // rebased away as geometry feedback. A real drag always emits follow-up"," // events, and the second step is a clean upward delta past reveal intent."," const settledBottomOffset = (await readPrimaryScrollGeometry(page)).scrollTop;"," for (const rise of [24, 48]) {"," await scrollPrimarySurface(page, Math.max(0, settledBottomOffset - rise));"," test(\"document viewer bottom composer hides while scrolling down on phones\", async ({ page }) => {"," await expect(composer).toBeVisible();"," // The chunk deep link intentionally scrolls the highlighted passage into"," // view, which can initially hide the phone composer. Returning to the top"," // must restore it before the explicit hide-on-scroll checks below."," await expect(composer).not.toHaveAttribute(\"data-scroll-hidden\", \"true\");"," const viewerContent = page.getByTestId(\"document-viewer-content\");"," const main = page.locator(\"#main-content\");"," // DocumentViewer owns the floating dock. The shell must keep only a tiny"," // pad even when Safari's toolbar inset is large — otherwise #932's"," // max(2rem, --safe-area-bottom) shell reserve recreates the blank band"," // under the viewer while the viewer itself collapses correctly."," await expect.poll(async () => readMobileComposerReservePx(main)).toBeLessThanOrEqual(13);"," viewerContent.evaluate((node) => Number.parseFloat(window.getComputedStyle(node).paddingBottom)),"," .toBeGreaterThan(250);"," await appendPrimaryScrollSpacer(page, { heightPx: 2000, testId: \"composer-hide-scroll-spacer\" });"," // Hide on deliberate scroll down past the activation offset. The chunk"," // deep-link effect can finish late in Chromium and move the scrollport once"," // more, so treat reset + deliberate movement as one retriable action."," await expect(composer).not.toHaveAttribute(\"data-scroll-hidden\", \"true\", { timeout: 1_000 });"," for (const offset of [40, 80, 120, 160, 200]) {"," await expect(composer).toHaveAttribute(\"data-scroll-hidden\", \"true\", { timeout: 1_000 });"," // Reappear on scroll up."," await scrollPrimarySurface(page, 60);"," // Keyboard focus inside the composer reveals it while hidden."," await scrollPrimarySurface(page, 240);"," await expect(composer).toHaveAttribute(\"data-scroll-hidden\", \"true\");"," await composer.locator(\"input\").focus();"," test(\"document search stays separate from the shared answer stream and summary action\", async ({ page }) => {"," const answerRequests: Array<{ query: string; documentId?: string; summaryMode?: boolean }> = [];"," let legacySummaryRequestCount = 0;"," if (/\\/api\\/documents\\/[^/]+\\/summarize$/.test(new URL(request.url()).pathname)) {"," legacySummaryRequestCount += 1;"," onAnswerRequest: (query, scope) =>"," answerRequests.push({ query, documentId: scope.documentId, summaryMode: scope.summaryMode }),"," await composer.getByRole(\"textbox\", { name: \"Search within this document\" }).fill(\"safety plan include\");"," await activateFocusedControl(page, composer.getByRole(\"button\", { name: \"Search within this document\" }));"," await expect(page.getByTestId(\"source-chunk-indexed-text-panel\").getByText(\"Hit 1 of 2\").first()).toBeVisible();"," await composer.getByRole(\"button\", { name: \"Open document actions\" }).click();"," await documentActions.getByRole(\"button\", { name: \"Answer from this\", exact: true }).click();"," const generatedSummary = page.getByTestId(\"generated-clinical-summary\");"," await expect(generatedSummary).toBeVisible();"," await expect(page.getByTestId(\"answer-progress-stepper\")).toHaveAttribute(\"data-progress-state\", \"complete\");"," await expect(page.getByText(/Answer ready in 1s/)).toBeVisible();"," await expect(generatedSummary).toContainText(\"clozapine monitoring requires regular FBC/ANC checks\");"," await expect(generatedSummary).not.toContainText(\"Key practical points:\");"," await expect(generatedSummary).not.toContainText(\"**\");"," await expect(generatedSummary.locator(\"strong\").filter({ hasText: \"clozapine\" })).toHaveCount(1);"," // The generated answer deliberately smooth-scrolls into view. Read both"," // boxes in one browser evaluation so viewport motion cannot corrupt their"," // relative order between independent Playwright round trips."," const answerGeometry = await readPrimaryScrollAndDomGeometry(page, {"," summary: '[data-testid=\"generated-clinical-summary\"]',"," preview: '[data-testid=\"pdf-preview\"]',"," expect(answerGeometry.nodes.summary.count).toBe(1);"," expect(answerGeometry.nodes.preview.count).toBe(1);"," expect(answerGeometry.nodes.summary.rect).not.toBeNull();"," expect(answerGeometry.nodes.preview.rect).not.toBeNull();"," expect(answerGeometry.nodes.summary.rect!.top).toBeLessThan(answerGeometry.nodes.preview.rect!.top);"," expect(answerRequests).toEqual(["," {"," query: documentSummaryQuestion,"," documentId: \"11111111-1111-4111-8111-111111111111\","," summaryMode: true,"," expect(legacySummaryRequestCount).toBe(0);"," test(\"document viewer failed preview exposes retry recovery @critical\", async ({ page }) => {"," await page.route(\"**/api/setup-status**\", async (route) => {"," await route.fulfill({ json: { demoMode: true, checks: readySetupChecks } });"," await page.route(/\\/api\\/documents\\/([^/]+)(?:\\?.*)?$/, async (route) => {"," const id = url.pathname.split(\"/\").at(-1) ?? \"\";"," const payload = getDemoDocumentPayload(id, url.searchParams.get(\"chunk\"));"," await route.fulfill({ json: { ...payload, demoMode: true } });"," await page.route(/\\/api\\/documents\\/[^/]+\\/signed-url(?:\\?.*)?$/, async (route) => {"," status: 503,"," json: { error: \"Source preview could not be loaded.\" },"," await expect(page.getByTestId(\"pdf-preview\").getByText(\"Source preview could not be loaded.\")).toBeVisible({"," timeout: 30000,"," await expect(page.getByRole(\"button\", { name: \"Retry preview\" })).toBeVisible();"," test(\"document viewer missing source state is coherent\", async ({ page }) => {"," status: 404,"," json: { error: \"Document not found.\" },"," \"/documents/99999999-9999-4999-8999-999999999999?page=1&chunk=99999999-9999-4999-8999-999999999998\","," // Missing/unowned documents now resolve through the segment not-found boundary"," // (page.tsx calls notFound() on PublicApiError 404) instead of DocumentViewer."," await expect(page.getByRole(\"heading\", { level: 1, name: \"Document Not Found\" })).toBeVisible({"," await expect(page.getByRole(\"status\")).toContainText(/unavailable|private|missing|removed/i);"," await expect(page.getByRole(\"link\", { name: /Return to document library/i })).toBeVisible();"," await expect(page.getByRole(\"status\")).not.toContainText(\"loading source\");"," await expect(page.getByRole(\"status\")).not.toContainText(\"Loading source metadata\");"," test(\"setup status endpoint returns non-secret checklist state\", async ({ request }) => {"," const response = await request.get(\"/api/setup-status\");"," expect(response.ok()).toBe(true);"," const payload = await response.json();"," expect(typeof payload.demoMode).toBe(\"boolean\");"," expect(payload.checks).toHaveLength(6);"," expect(payload.checks.map((check: { id: string }) => check.id)).toEqual(["," \"env\","," \"project\","," \"schema\","," \"search\","," \"openai\","," \"worker\","," expect(JSON.stringify(payload)).not.toMatch(/sk-|service_role|eyJ/i);"," test(\"production upload action remains admin-only for unauthenticated users\", async ({ page, request }) => {"," await page.setViewportSize({ width: 414, height: 820 });"," const setupStatusResponse = await request.get(\"/api/setup-status\");"," expect(setupStatusResponse.ok()).toBe(true);"," expect((await setupStatusResponse.json()).demoMode).toBe(true);"," await expectAdminOnlyUploadNotice(page);"," test(\"demo upload action cannot bypass the production admin gate\", async ({ page }) => {"," { name: \"mobile\", width: 390, height: 820 },"," ]) {"," test(`guide opens and dismisses at ${viewport.name}`, async ({ page }) => {"," const dialog = await openGuide(page);"," await expect.poll(async () => dialog.evaluate((element) => element.contains(document.activeElement))).toBe(true);"," await dialog.getByRole(\"button\", { name: \"Close guide\" }).click();"," const restoredSettings = accountSettingsDialog(page);"," await expect(restoredSettings).toBeVisible();"," await expect(restoredSettings.getByRole(\"button\", { name: \"Guide & help\", exact: true })).toBeFocused();"," const reopenedDialog = await openGuide(page);"," await tapOutsideActiveSurface(page);"," await expect(reopenedDialog).toBeHidden();","});","src/components/privacy-quiet-signal-page.tsx",[3785],{"_375":376,"_377":3786,"_379":3787,"_381":62},433,[3788,291,3789,3790,291,3791,3792,3793,3794,3795,385,3796,3797,3798,3799,3800,3801,3802,291,3803,3804,3805,3806,3807,3808,3809,3810,3805,3811,3812,3813,291,3814,3815,291,3816,3817,291,3818,3819,3820,3821,3822,3823,3824,3825,3826,3827,3828,3829,3830,3831,3832,3833,3834,3835,3836,3837,3838,3839,3840,3841,3842,3843,3844,3845,3846,3847,3845,3848,3849,3826,3850,515,422,291,3851,3852,3853,3854,3855,3856,3857,3858,3859,3860,3861,3862,3863,3864,3865,3819,3866,3867,3868,3869,3870,3871,3872,3873,3874,3875,3876,3877,3878,3879,3880,3881,3882,3883,3835,3884,3885,3886,3887,3888,3889,3890,3891,3892,3893,3894,3895,3896,3897,3898,3899,3900,3901,3902,3903,3904,3905,3906,3907,3908,3909,3910,3911,3912,3913,3914,3915,3916,3917,3918,3919,3920,3921,3922,3923,3924,3925,3926,3927,3924,3910,3913,3928,3904,3905,3929,3930,3910,3931,3932,3933,3934,3935,3936,3937,3938,3837,3939,3940,3842,3843,3941,3942,3943,2010,3944,3945,515,422,291,3946,3947,3948,3949,3950,3951,3952,3953,3954,3955,3956,291,3957,3958,3959,3960,3961,3962,3963,3964,3965,582,3966,3967,3968,3969,3970,3971,3972,582,3973,291,3974,3975,3976,3977,3978,291,3979,3980,3981,3982,620,621,3983,3984,3985,3978,291,3986,3987,3988,3989,3990,3991,291,3819,3992,3993,3994,3867,3995,3996,3997,3870,3871,3998,3999,4000,4001,4002,4003,4004,4005,4006,4007,4008,4009,4010,4011,4012,4013,4014,4015,4016,4017,4018,4019,4020,3942,3848,4021,291,4022,4023,4024,4025,4026,4027,4028,4029,4030,4031,4032,4033,4034,4035,4036,4037,4038,4039,4040,4041,4042,4043,4044,4045,4046,4047,4048,4049,4050,4051,4052,3924,4053,4054,4055,4056,4057,4017,3942,3848,4058,3829,4059,4060,3831,4061,4062,4063,4064,3834,3835,4065,4066,4067,4068,3942,3848,4021,3826,291,4069,4070,4071,4072,4073,4074,4075,4076,4077,4078,3835,4079,4080,4081,4068,3885,3886,4082,4083,4084,4085,3891,4086,3893,3895,3896,4087,3932,3942,4088,4089,4090,4091,4034,4092,4035,4093,4039,4094,4041,4095,4096,4097,4042,4043,4098,4099,4047,4100,4052,4101,3919,3920,4102,4103,4104,4105,4106,4107,3922,4108,3924,4109,4110,4111,4112,4113,3924,4053,4114,4115,4116,4117,291,4118,4119,4120,4121,4122,4123,4124,4125,4126,4127,4128,4129,4130,4131,3848,4021,3826,4132,515,422],"\"use client\";","import { ChevronDown } from \"lucide-react\";","import { Suspense, useEffect, useId, useLayoutEffect, useRef, useState } from \"react\";","import { ClinicalBadge } from \"@/components/clinical-dashboard/clinical-badge\";","import { NavigationBackButton } from \"@/components/navigation-back-button\";","import { PrivacyPageBackButton } from \"@/components/privacy-page-back-button\";","import { Chip } from \"@/components/ui/chip\";","import { cn, eyebrowText, searchPageCanvas, searchPageContainer, searchFocusRing } from \"@/components/ui-primitives\";"," PRIVACY_DRAFT_DISCLAIMER,"," PRIVACY_IMPORTANT_FULL,"," PRIVACY_IMPORTANT_SHORT,"," PRIVACY_PROCESSING_MAP,"," PRIVACY_SECTIONS,","} from \"@/lib/privacy-page-content\";","import { privacyCopy } from \"@/lib/ui-copy\";","/**"," * Quiet Signal — production privacy page."," *"," * Live Signal DNA without phone number-chip navigation:"," * - Sticky header + full-bleed amber Important (Full / Less)"," * - Quiet processing map"," * - Accordion with scannable gists (primary phone map)"," * - Desktop Signal Index with expand-all"," * Amber is reserved for the obligation. Governance copy is shared via"," * `privacy-page-content` and pinned by `tests/privacy-ui.test.ts`."," */","const atmosphere ="," \"bg-[radial-gradient(ellipse_at_8%_-8%,color-mix(in_srgb,var(--warning-bg)_72%,transparent),transparent_36%),radial-gradient(ellipse_at_94%_2%,color-mix(in_srgb,var(--clinical-accent-soft)_40%,transparent),transparent_44%),linear-gradient(180deg,color-mix(in_srgb,var(--surface)_50%,transparent),transparent_16rem),var(--background)]\";","const shellPadX = \"px-3 sm:px-5 lg:px-6\";","const shellPadTop = \"pt-[max(0.75rem,var(--safe-area-top))] sm:pt-[max(1.25rem,var(--safe-area-top))]\";","function ProcessingMap() {"," return (","

","

"," Processing map","

","

Operator must verify regions

","

"," {PRIVACY_PROCESSING_MAP.map((cell, index) => ("," 0 && \"border-t border-[color:var(--border)] sm:border-t-0 sm:border-l\","," )}"," >"," "," {cell.place}","

","

"," {cell.role}","

"," ))}","

","function SectionAccordion({"," openId,"," setOpenId,"," expandAll,"," sectionRefs,"," idPrefix,"," stickyOffsetPx,","}: {"," openId: string;"," setOpenId: (id: string) => void;"," expandAll: boolean;"," sectionRefs: React.RefObject>;"," idPrefix: string;"," stickyOffsetPx: number;","}) {"," "," {PRIVACY_SECTIONS.map((section, index) => {"," const expanded = expandAll || openId === section.heading;"," const panelId = `${idPrefix}-section-${index}`;"," const triggerId = `${idPrefix}-trigger-${index}`;"," return ("," {"," sectionRefs.current[section.heading] = node;"," }}"," style={{ scrollMarginTop: stickyOffsetPx + 12 }}"," className={cn(index > 0 && \"border-t border-[color:var(--border)]\", \"print:break-inside-avoid\")}","

"," setOpenId(expanded && !expandAll ? \"\" : section.heading)}"," aria-expanded={expanded}"," aria-controls={panelId}"," className={cn("," \"group relative flex min-h-tap w-full items-start gap-3 px-3.5 py-3.5 text-left transition duration-[var(--duration-fast)] hover:bg-[color:var(--surface-subtle)] sm:min-h-[4.25rem] sm:px-5\","," searchFocusRing,"," expanded && \"bg-[color:var(--clinical-accent-soft)]/40\","," )}"," >"," {expanded ? ("," "," ) : null}"," "," {String(index + 1).padStart(2, \"0\")}"," "," "," "," {section.heading}"," "," {!expanded ? ("," "," {section.gist}"," "," ) : ("," "," Open"," "," ","

","

\n {privacyCopy.pageTitle}\n

"," {privacyCopy.pageTitle}","