","\t\t\t\treturn (","\t\t\t\t);",183,246,[257,258,259,260,261,262,263,264,265,266,267,268,269,270],{"_68":69,"_70":283},{"_68":69,"_70":282},{"_68":69,"_70":281},{"_68":40,"_70":280},{"_68":69,"_70":79},{"_68":69,"_70":279},{"_68":69,"_70":278},{"_68":42,"_70":277},{"_68":40,"_70":276},{"_68":69,"_70":275},{"_68":40,"_70":274},{"_68":69,"_70":273},{"_68":69,"_70":272},{"_68":69,"_70":271},"\t\t\t\t\t\ttop: page.top + button.top,","\t\t\t\t\t{","\t\t\t\tlet cardPoint = popoverPoint(","\t\t\t\tlet previewId = `plan-comment-preview-${view.thread.id}`;","\t\t\t\tlet shown = pinned === view.thread.id;","\t\t\t{placed.map(({ button, hits, view }) => {","\t\t\t{placed.map(({ button, view }) => {","\t\t

","\treturn createPortal(","\tlet previewWidth = Math.min(288, host.clientWidth * 0.8);","\tlet cardWidth = Math.min(384, host.clientWidth * 0.8);","\tlet page = host.getBoundingClientRect();","\t};",145,18,220,[288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305],{"_68":69,"_70":319},{"_68":69,"_70":79},{"_68":69,"_70":318},{"_68":42,"_70":317},{"_68":42,"_70":313},{"_68":42,"_70":316},{"_68":42,"_70":315},{"_68":42,"_70":283},{"_68":42,"_70":314},{"_68":42,"_70":313},{"_68":42,"_70":312},{"_68":42,"_70":311},{"_68":42,"_70":310},{"_68":42,"_70":309},{"_68":42,"_70":283},{"_68":69,"_70":308},{"_68":69,"_70":307},{"_68":69,"_70":306},"\t\t\tbusy={false}","\t\t (","\t\t}, 100);","\t\t\tstore.focus(undefined);","\t\t\tif (pinned !== id) setPreview(current => current === id ? undefined : current);","\t\tclose.current = setTimeout(() => {","\t\tclearTimeout(close.current);","\tlet leave = (id: string) => {","\t\tstore.focus(id);","\t\tsetPreview(id);","\tlet enter = (id: string) => {","\tlet orphaned = state.threads.filter(view => view.thread.status === \"open\" && view.orphaned);","\tif (!host) return null;",125,161,45,[324,325,326,327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344,345,346,347,348,349,350,351,352,353,354,355,356,357,358,359,360,361,362,363,364,365,366,367,368],{"_68":69,"_70":79},{"_68":69,"_70":404},{"_68":69,"_70":79},{"_68":40,"_70":371},{"_68":40,"_70":403},{"_68":40,"_70":402},{"_68":40,"_70":401},{"_68":40,"_70":400},{"_68":40,"_70":399},{"_68":40,"_70":373},{"_68":40,"_70":398},{"_68":40,"_70":397},{"_68":40,"_70":396},{"_68":40,"_70":389},{"_68":40,"_70":395},{"_68":40,"_70":394},{"_68":40,"_70":393},{"_68":40,"_70":392},{"_68":40,"_70":391},{"_68":40,"_70":373},{"_68":40,"_70":390},{"_68":40,"_70":389},{"_68":40,"_70":388},{"_68":40,"_70":387},{"_68":40,"_70":386},{"_68":40,"_70":385},{"_68":40,"_70":373},{"_68":40,"_70":384},{"_68":40,"_70":383},{"_68":40,"_70":382},{"_68":40,"_70":381},{"_68":40,"_70":373},{"_68":40,"_70":380},{"_68":40,"_70":379},{"_68":40,"_70":378},{"_68":40,"_70":377},{"_68":40,"_70":376},{"_68":40,"_70":375},{"_68":40,"_70":374},{"_68":40,"_70":373},{"_68":40,"_70":372},{"_68":40,"_70":79},{"_68":69,"_70":371},{"_68":69,"_70":370},{"_68":69,"_70":369},"\t\tlet outside = (event: PointerEvent) => {","\t\tif (!pinned) return;","\tuseEffect(() => {","\t}, [enter, host, leave]);","\t\t};","\t\t\thost.removeEventListener(\"pointerleave\", out);","\t\t\thost.removeEventListener(\"click\", click);","\t\t\thost.removeEventListener(\"pointermove\", move);","\t\treturn () => {","\t\thost.addEventListener(\"pointerleave\", out);","\t\thost.addEventListener(\"click\", click);","\t\thost.addEventListener(\"pointermove\", move);","\t\t\thoveredHit.current = undefined;","\t\t\tleave(hoveredHit.current);","\t\t\tif (!hoveredHit.current) return;","\t\tlet out = () => {","\t\t\tsetPinned(current => current === id ? undefined : id);","\t\t\tenter(id);","\t\t\tif (!id) return;","\t\t\tlet id = over(event)?.view.thread.id;","\t\t\tif (root.current?.contains(event.target as Node)) return;","\t\tlet click = (event: MouseEvent) => {","\t\t\tif (next) enter(next);","\t\t\thoveredHit.current = next;","\t\t\tif (hoveredHit.current) leave(hoveredHit.current);","\t\t\tif (next === hoveredHit.current) return;","\t\t\tlet next = over(event)?.view.thread.id;","\t\t\t// overlay remains transparent so the prose itself keeps native selection.","\t\t\t// Buttons and cards own their ordinary pointer handlers. The empty","\t\tlet move = (event: PointerEvent) => {","\t\t\treturn placedRef.current.find(entry => containsHit(entry.hits, point));","\t\t\tlet point = { top: event.clientY - page.top, left: event.clientX - page.left };","\t\t\tlet page = host.getBoundingClientRect();","\t\tlet over = (event: MouseEvent | PointerEvent): PlacedThread | undefined => {","\t\tif (!host) return;","\tuseEffect(() => () => clearTimeout(close.current), []);",102,137,[408,409,410,411,412,413,414],{"_68":69,"_70":418},{"_68":69,"_70":417},{"_68":69,"_70":79},{"_68":40,"_70":416},{"_68":69,"_70":415},{"_68":69,"_70":283},{"_68":69,"_70":79},"\t\tsetPlaced(next);","\t\tplacedRef.current = next;","\t\t}","\t\t\t}",86,110,[422,423,424,425,426,427,428,429,430,431,432,433,434,435,436,437,438,439,440,441,442,443,444,445,446,447,448,449,450],{"_68":69,"_70":478},{"_68":69,"_70":477},{"_68":69,"_70":476},{"_68":42,"_70":475},{"_68":40,"_70":474},{"_68":40,"_70":473},{"_68":40,"_70":472},{"_68":40,"_70":471},{"_68":40,"_70":470},{"_68":40,"_70":469},{"_68":40,"_70":468},{"_68":69,"_70":467},{"_68":42,"_70":466},{"_68":40,"_70":465},{"_68":40,"_70":464},{"_68":40,"_70":457},{"_68":40,"_70":463},{"_68":40,"_70":462},{"_68":40,"_70":461},{"_68":40,"_70":460},{"_68":40,"_70":459},{"_68":40,"_70":458},{"_68":69,"_70":457},{"_68":42,"_70":456},{"_68":42,"_70":455},{"_68":42,"_70":454},{"_68":69,"_70":453},{"_68":69,"_70":452},{"_68":69,"_70":451},"\t\t\t\t// one lost button, never a broken update chain.","\t\t\t\t// This may run from a Lexical update listener. A broken anchor is","\t\t\t} catch (error) {","\t\t\t\tnext.push({ view, button: gutterPoint(targetRect, page) });","\t\t\t\tlet targetRect = rect(target);","\t\t\t\tif (!target || (target.width === 0 && target.height === 0)) continue;","\t\t\t\t});","\t\t\t\t\thits: passageHits(page, target.hits),","\t\t\t\t\tbutton: gutterPoint(targetRect, page),","\t\t\t\t\tview,","\t\t\t\tnext.push({","\t\t\t\tlet targetRect = rect(target.bounds);","\t\t\t\tif (!target || (target.bounds.width === 0 && target.bounds.height === 0)) continue;","\t\t\t\t\treturn fallback ? { bounds: fallback, hits: [] } : undefined;","\t\t\t\t\t\t: undefined;","\t\t\t\t\t\t: undefined);","\t\t\t\t\t\t? blockElement(editor, view.targetKey)?.getBoundingClientRect()","\t\t\t\t\tlet fallback = view.targetKey","\t\t\t\t\t}","\t\t\t\t\t\t};","\t\t\t\t\t\t\thits: Array.from(exact.getClientRects(), rect),","\t\t\t\t\t\t\tbounds: exact.getBoundingClientRect(),","\t\t\t\t\t\treturn {","\t\t\t\t\tif (exact) {","\t\t\t\t\treturn exact?.getBoundingClientRect() ?? (view.targetKey","\t\t\t\t\tlet exact = view.places[0] && $rangeOf(editor, view.places[0]);","\t\t\t\tlet target = editor.getEditorState().read(() => {","\t\t\ttry {",76,87,19,[483,484,485,486,487,488,489,490,491,492,493,494,495,496,497,498,499,500,501],{"_68":69,"_70":509},{"_68":69,"_70":508},{"_68":69,"_70":79},{"_68":40,"_70":507},{"_68":40,"_70":313},{"_68":40,"_70":316},{"_68":40,"_70":315},{"_68":40,"_70":506},{"_68":40,"_70":505},{"_68":40,"_70":313},{"_68":40,"_70":312},{"_68":40,"_70":311},{"_68":40,"_70":310},{"_68":40,"_70":309},{"_68":40,"_70":504},{"_68":40,"_70":79},{"_68":69,"_70":503},{"_68":69,"_70":403},{"_68":69,"_70":502},"\t\tlet page = rect(host.getBoundingClientRect());","\tlet measure = () => {","\t}, [pinned, store]);","\tlet leave = useCallback((id: string) => {","\t}, [store]);","\tlet enter = useCallback((id: string) => {","\t}, []);","\t\tsetHost(document.querySelector(\".plan-document\") ?? undefined);",69,78,[513,514,515,516,517,518,519,520],{"_68":69,"_70":527},{"_68":69,"_70":526},{"_68":69,"_70":525},{"_68":40,"_70":524},{"_68":40,"_70":523},{"_68":69,"_70":522},{"_68":69,"_70":521},{"_68":69,"_70":79},"\tlet failures = useRef(new Set());","\tlet close = useRef | undefined>(undefined);","\tlet hoveredHit = useRef(undefined);","\tlet placedRef = useRef([]);","\tlet root = useRef(null);","\tlet [cardHeights, setCardHeights] = useState<{ [id: string]: number }>({});","\tlet [pinned, setPinned] = useState();",60,62,[531,532,533,534,535,536,537,538,539,540,541,542,543],{"_68":69,"_70":552},{"_68":69,"_70":80},{"_68":69,"_70":79},{"_68":40,"_70":551},{"_68":40,"_70":550},{"_68":40,"_70":549},{"_68":40,"_70":548},{"_68":40,"_70":547},{"_68":40,"_70":80},{"_68":40,"_70":79},{"_68":69,"_70":546},{"_68":69,"_70":545},{"_68":69,"_70":544},"\tlet state = useThreads(store);","\tlet [editor] = useLexicalComposerContext();","export function CommentLayer({ store }: { store: ThreadStore }) {","\t\t: `${replies} ${replies === 1 ? \"reply\" : \"replies\"} waiting.`;","\t\t? \"No replies waiting.\"","\treturn replies === 0","\tlet replies = Math.max(0, view.thread.notes.length - 1);","function replyState(view: ThreadView): string {","\t);",49,51,[556,557,558,559,560,561,562,563,564,565],{"_68":69,"_70":575},{"_68":69,"_70":574},{"_68":69,"_70":573},{"_68":42,"_70":572},{"_68":42,"_70":571},{"_68":40,"_70":570},{"_68":40,"_70":569},{"_68":69,"_70":568},{"_68":69,"_70":567},{"_68":69,"_70":566},"\t\t>","\t\t\tstyle={style}","\t\t\trole=\"tooltip\"","\t\t\tref={onMeasure}","\t\t\tid={id}","\t\t\tonMouseLeave={onLeave}","\t\t\tonMouseEnter={onEnter}","\t\t\tclassName=\"plan-comment-preview\"","\t\t void;","\tid: string;","\tonLeave: () => void;","\tonEnter: () => void;","}: {","\tview,","\tstyle,","\tonMeasure,","\tid,","\tonLeave,","\tonEnter,","function Preview({","/** A small thread summary while a reader is deciding whether to open it. */",23,[614,615,616,617,618,619,620,621,622,623,624,625,626,627,628,629,630,631,632,633,634,635,636,637,638],{"_68":69,"_70":658},{"_68":69,"_70":657},{"_68":69,"_70":79},{"_68":42,"_70":656},{"_68":40,"_70":655},{"_68":69,"_70":654},{"_68":69,"_70":653},{"_68":69,"_70":79},{"_68":69,"_70":652},{"_68":69,"_70":651},{"_68":40,"_70":650},{"_68":69,"_70":649},{"_68":69,"_70":648},{"_68":69,"_70":647},{"_68":69,"_70":79},{"_68":69,"_70":646},{"_68":69,"_70":645},{"_68":40,"_70":644},{"_68":69,"_70":643},{"_68":69,"_70":79},{"_68":42,"_70":642},{"_68":40,"_70":641},{"_68":69,"_70":79},{"_68":69,"_70":640},{"_68":69,"_70":639},"\treturn {","function rect(value: DOMRect): Rect {","type PlacedThread = { view: ThreadView; button: Point; hits: PassageHit[] };","type PlacedThread = { view: ThreadView; button: Point };","import type { ThreadStore, ThreadView } from \"./threads\";","import type { PassageHit } from \"./comment-hits\";","import type { Point, Rect } from \"./comment-geometry\";","import type { CSSProperties } from \"react\";","import { useThreads } from \"./threads\";","import { blockElement } from \"./scroll\";","import { $rangeOf } from \"./marks\";","import { containsHit, passageHits } from \"./comment-hits\";","import { gutterPoint, popoverPoint } from \"./comment-geometry\";","import { DraftCard, ThreadCard } from \"./comments\";","import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";","import { createPortal } from \"react-dom\";","import { useCallback, useEffect, useLayoutEffect, useRef, useState } from \"react\";","import { useEffect, useLayoutEffect, useRef, useState } from \"react\";"," */"," * React controls into the document page.","d4ab7eb3","0c3f0e43","packages/editor/src/comment-hits.ts",{"_105":736,"_107":108},38,[665],{"_48":43,"_50":43,"_52":666,"_54":663,"_56":667},1,[668,669,670,671,672,673,674,675,676,677,678,679,680,681,682,683,684,685,686,687,688,689,690,691,692,693,694,695,696,697,698,699,700,701,702,703,704,705],{"_68":40,"_70":645},{"_68":40,"_70":79},{"_68":40,"_70":735},{"_68":40,"_70":734},{"_68":40,"_70":79},{"_68":40,"_70":733},{"_68":40,"_70":732},{"_68":40,"_70":731},{"_68":40,"_70":730},{"_68":40,"_70":729},{"_68":40,"_70":657},{"_68":40,"_70":728},{"_68":40,"_70":727},{"_68":40,"_70":726},{"_68":40,"_70":725},{"_68":40,"_70":724},{"_68":40,"_70":723},{"_68":40,"_70":722},{"_68":40,"_70":721},{"_68":40,"_70":720},{"_68":40,"_70":719},{"_68":40,"_70":718},{"_68":40,"_70":717},{"_68":40,"_70":716},{"_68":40,"_70":715},{"_68":40,"_70":714},{"_68":40,"_70":713},{"_68":40,"_70":80},{"_68":40,"_70":79},{"_68":40,"_70":712},{"_68":40,"_70":711},{"_68":40,"_70":710},{"_68":40,"_70":709},{"_68":40,"_70":708},{"_68":40,"_70":707},{"_68":40,"_70":706},{"_68":40,"_70":552},{"_68":40,"_70":80},"\t\t&& point.left <= hit.left + hit.width","\t\t&& point.left >= hit.left","\t\t&& point.top <= hit.top + hit.height","\t\tpoint.top >= hit.top","\treturn hits.some(hit =>","export function containsHit(hits: PassageHit[], point: Point): boolean {","/** Whether a host-relative pointer sits over one exact passage line. */","\treturn hits;","\t}","\t\t});","\t\t\theight: bottom - top,","\t\t\twidth: right - left,","\t\t\tleft: left - host.left,","\t\t\ttop: top - host.top,","\t\thits.push({","\t\tif (right <= left || bottom <= top) continue;","\t\tlet bottom = Math.min(client.bottom, host.bottom);","\t\tlet top = Math.max(client.top, host.top);","\t\tlet right = Math.min(client.right, host.right);","\t\tlet left = Math.max(client.left, host.left);","\tfor (let client of clientRects) {","\tlet hits: PassageHit[] = [];","export function passageHits(host: Rect, clientRects: Iterable): PassageHit[] {"," * resize races."," * clipping them to the document keeps the overlay honest during scroll and"," * the collaborative document. A range returns one rectangle per wrapped line;"," * Keep every line a passage occupies interactive without putting a span into","/**","export type PassageHit = Point & { width: number; height: number };","/** A client range rectangle expressed inside the document overlay. */","5240ddde","packages/editor/src/comment-hits.test.ts",{"_105":789,"_107":108},26,[741],{"_48":43,"_50":43,"_52":666,"_54":739,"_56":742},[743,744,745,746,747,748,749,750,751,752,753,754,755,756,757,758,759,760,761,762,763,764,765,766,767,768],{"_68":40,"_70":788},{"_68":40,"_70":79},{"_68":40,"_70":650},{"_68":40,"_70":79},{"_68":40,"_70":787},{"_68":40,"_70":786},{"_68":40,"_70":785},{"_68":40,"_70":784},{"_68":40,"_70":783},{"_68":40,"_70":782},{"_68":40,"_70":781},{"_68":40,"_70":780},{"_68":40,"_70":79},{"_68":40,"_70":779},{"_68":40,"_70":778},{"_68":40,"_70":777},{"_68":40,"_70":776},{"_68":40,"_70":772},{"_68":40,"_70":79},{"_68":40,"_70":775},{"_68":40,"_70":774},{"_68":40,"_70":773},{"_68":40,"_70":772},{"_68":40,"_70":771},{"_68":40,"_70":770},{"_68":40,"_70":769},"});","\texpect(containsHit(hits, { top: 116, left: 260 })).toBe(false);","\texpect(containsHit(hits, { top: 116, left: 140 })).toBe(true);","\t]);","\t\t{ top: 106, left: 80, width: 120, height: 20 },","\t\t{ top: 80, left: 80, width: 240, height: 20 },","\texpect(hits).toEqual([","\t\t{ top: 206, right: 300, bottom: 226, left: 180, width: 120, height: 20 },","\t\t{ top: 180, right: 420, bottom: 200, left: 180, width: 240, height: 20 },","\tlet hits = passageHits(host, [","test(\"keeps every wrapped passage line as a pointer-transparent hit region\", () => {","};","\theight: 400,","\twidth: 400,","\tleft: 100,","\tbottom: 500,","\tright: 500,","\ttop: 100,","const host = {","import { expect, test } from \"bun:test\";","96da792c","packages/editor/src/comment-geometry.test.ts",{"_105":852,"_107":108},{"_105":851,"_107":108},27,[795],{"_48":796,"_50":797,"_52":796,"_54":114,"_56":798},85,3,[799,800,801,802,803,804,805,806,807,808,809,810,811,812,813,814,815,816,817,818,819,820,821,822,823,824,825,826,827,828],{"_68":69,"_70":79},{"_68":69,"_70":850},{"_68":69,"_70":769},{"_68":40,"_70":79},{"_68":40,"_70":849},{"_68":40,"_70":848},{"_68":40,"_70":841},{"_68":40,"_70":847},{"_68":40,"_70":846},{"_68":40,"_70":845},{"_68":40,"_70":844},{"_68":40,"_70":843},{"_68":40,"_70":842},{"_68":40,"_70":834},{"_68":40,"_70":841},{"_68":40,"_70":840},{"_68":40,"_70":839},{"_68":40,"_70":838},{"_68":40,"_70":837},{"_68":40,"_70":836},{"_68":40,"_70":835},{"_68":40,"_70":834},{"_68":40,"_70":833},{"_68":40,"_70":832},{"_68":40,"_70":552},{"_68":40,"_70":79},{"_68":40,"_70":831},{"_68":40,"_70":830},{"_68":40,"_70":829},{"_68":40,"_70":769},"\texpect(point).toEqual({ top: 200, left: 72 });","\t// on the right. Keeping the preview inside the page means using the left.","\t// 400px can hold either a 288px preview or its gutter button, but not both","\t\t96,","\t\t288,","\t\t},","\t\t\theight: 600,","\t\t\twidth: 400,","\t\t\tleft: 100,","\t\t\tbottom: 700,","\t\t\tright: 500,","\t\t\ttop: 100,","\t\t{","\t\t\theight: 24,","\t\t\twidth: 24,","\t\t\tleft: 468,","\t\t\tbottom: 324,","\t\t\tright: 492,","\t\t\ttop: 300,","\tlet point = popoverPoint(","test(\"fits a full preview beside a gutter button in a 400px document\", () => {","\texpect(point).toEqual({ top: 400, left: 468 });","5b991d3b","0bdf864c","e2e/sidecar.e2e.ts",{"_105":973,"_107":108},{"_105":972,"_107":108},42,[858,859],{"_48":875,"_50":876,"_52":875,"_54":877,"_56":878},{"_48":860,"_50":51,"_52":861,"_54":132,"_56":862},320,360,[863,864,865,866,867,868,869],{"_68":69,"_70":874},{"_68":69,"_70":873},{"_68":69,"_70":872},{"_68":40,"_70":871},{"_68":69,"_70":769},{"_68":69,"_70":79},{"_68":69,"_70":870},"test(\"accepting asks twice, and says so in the transcript\", async ({ join, seed }) => {","\tawait expect(commentButton(page)).toHaveAccessibleDescription(\"1 reply waiting.\");","\tawait expect(card.getByText(\"1 reply\")).toBeVisible();","\tawait expect(card).toContainText(\"@ana\");","\tawait expect(card).toContainText(\"Still right, but say why.\");",259,12,52,[879,880,881,882,883,884,885,886,887,888,889,890,891,892,893,894,895,896,897,898,899,900,901,902,903,904,905,906,907,908,909,910,911,912,913,914,915,916,917,918,919,920,921,922,923,924,925,926,927,928,929,930,931],{"_68":69,"_70":971},{"_68":69,"_70":970},{"_68":69,"_70":969},{"_68":42,"_70":968},{"_68":40,"_70":952},{"_68":40,"_70":951},{"_68":40,"_70":967},{"_68":40,"_70":966},{"_68":40,"_70":965},{"_68":69,"_70":79},{"_68":69,"_70":964},{"_68":69,"_70":963},{"_68":69,"_70":769},{"_68":69,"_70":79},{"_68":40,"_70":962},{"_68":40,"_70":961},{"_68":40,"_70":960},{"_68":40,"_70":959},{"_68":40,"_70":933},{"_68":40,"_70":932},{"_68":40,"_70":958},{"_68":40,"_70":79},{"_68":40,"_70":957},{"_68":40,"_70":956},{"_68":40,"_70":955},{"_68":40,"_70":954},{"_68":40,"_70":79},{"_68":40,"_70":953},{"_68":40,"_70":952},{"_68":40,"_70":951},{"_68":40,"_70":950},{"_68":40,"_70":949},{"_68":40,"_70":948},{"_68":40,"_70":947},{"_68":40,"_70":946},{"_68":40,"_70":945},{"_68":40,"_70":79},{"_68":40,"_70":944},{"_68":40,"_70":943},{"_68":40,"_70":942},{"_68":40,"_70":79},{"_68":40,"_70":941},{"_68":40,"_70":940},{"_68":40,"_70":939},{"_68":40,"_70":938},{"_68":40,"_70":937},{"_68":40,"_70":936},{"_68":40,"_70":935},{"_68":40,"_70":769},{"_68":40,"_70":79},{"_68":69,"_70":934},{"_68":69,"_70":933},{"_68":69,"_70":932},"\tlet page = await join(\"ana\");","\tawait seed(PROSE);","test(\"clicking a comment button pins its document card and preserves the related wash\", async ({ join, seed }) => {","\texpect(await page.evaluate(() => getSelection()?.toString().length ?? 0)).toBeGreaterThan(0);","\tawait page.mouse.up();","\tawait page.mouse.move(hit!.x + hit!.width - 3, point.y);","\tawait page.mouse.down();","\tawait page.mouse.move(hit!.x + 3, point.y);","\t// glass pane that eats the native drag Lexical uses to select prose.","\t// The hit region observes clicks at the document host; it cannot become a","\tawait page.keyboard.press(\"Escape\");","\tawait expect(page.getByRole(\"dialog\", { name: \"Comment thread\" })).toBeVisible();","\tawait page.mouse.click(point.x, point.y);","\texpect(previewBox!.x + previewBox!.width).toBeLessThanOrEqual(pageBox!.x + pageBox!.width);","\texpect(previewBox!.x).toBeGreaterThanOrEqual(pageBox!.x);","\texpect(previewBox).not.toBeNull();","\texpect(pageBox).not.toBeNull();","\tlet previewBox = await preview.boundingBox();","\tlet pageBox = await page.locator(\".plan-document\").boundingBox();","\tawait expect(preview).toContainText(QUOTED);","\tlet preview = page.getByRole(\"tooltip\");","\tawait page.mouse.move(point.x, point.y);","\tlet point = { x: hit!.x + hit!.width / 2, y: hit!.y + hit!.height / 2 };","\texpect(hit).not.toBeNull();","\tlet hit = await hits.first().boundingBox();","\tawait expect.poll(() => hits.count()).toBeGreaterThan(1);","\tlet hits = page.locator(\"[data-plan-comment-hit]\");","\tawait browser.setViewportSize({ width: 680, height: 600 });","\t// conversation rail, which forces the injected quote across two lines.","\t// The workspace leaves the document at its 400px minimum beside the","test(\"a wrapped passage opens its comment without intercepting text selection\", async ({ join, page: browser, seed }) => {","\tawait expect(page.getByRole(\"tooltip\")).toBeVisible();","\tawait button.focus();","\tawait expect(button).toHaveAttribute(\"aria-describedby\", previewId!);","\texpect(previewId).not.toBeNull();","\tlet previewId = await preview.getAttribute(\"id\");","\tawait expect(page.getByRole(\"tooltip\")).toContainText(QUOTED);","\tawait button.hover();","\tawait expect(button).toBeVisible();","\tlet button = commentButton(page);","2c82e56d","7e331c9e",".superpowers/sdd/2026-08-12-inline-decisions/final-comment-fix-report.md",{"_105":1091,"_107":108},63,[978],{"_48":43,"_50":43,"_52":666,"_54":976,"_56":979},[980,981,982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000,1001,1002,1003,1004,1005,1006,1007,1008,1009,1010,1011,1012,1013,1014,1015,1016,1017,1018,1019,1020,1021,1022,1023,1024,1025,1026,1027,1028,1029,1030,1031,1032,1033,1034,1035,1036,1037,1038,1039,1040,1041,1042],{"_68":40,"_70":1090},{"_68":40,"_70":79},{"_68":40,"_70":1089},{"_68":40,"_70":79},{"_68":40,"_70":1088},{"_68":40,"_70":1087},{"_68":40,"_70":1086},{"_68":40,"_70":1085},{"_68":40,"_70":1084},{"_68":40,"_70":1083},{"_68":40,"_70":1082},{"_68":40,"_70":1081},{"_68":40,"_70":1080},{"_68":40,"_70":1079},{"_68":40,"_70":1078},{"_68":40,"_70":79},{"_68":40,"_70":1077},{"_68":40,"_70":79},{"_68":40,"_70":1076},{"_68":40,"_70":1075},{"_68":40,"_70":1074},{"_68":40,"_70":1073},{"_68":40,"_70":1072},{"_68":40,"_70":1071},{"_68":40,"_70":79},{"_68":40,"_70":1070},{"_68":40,"_70":79},{"_68":40,"_70":1069},{"_68":40,"_70":79},{"_68":40,"_70":1068},{"_68":40,"_70":1067},{"_68":40,"_70":1066},{"_68":40,"_70":79},{"_68":40,"_70":1065},{"_68":40,"_70":79},{"_68":40,"_70":1064},{"_68":40,"_70":1063},{"_68":40,"_70":1062},{"_68":40,"_70":1061},{"_68":40,"_70":79},{"_68":40,"_70":1060},{"_68":40,"_70":79},{"_68":40,"_70":1059},{"_68":40,"_70":1058},{"_68":40,"_70":1057},{"_68":40,"_70":1056},{"_68":40,"_70":1055},{"_68":40,"_70":1054},{"_68":40,"_70":1053},{"_68":40,"_70":1052},{"_68":40,"_70":79},{"_68":40,"_70":1051},{"_68":40,"_70":79},{"_68":40,"_70":1050},{"_68":40,"_70":79},{"_68":40,"_70":1049},{"_68":40,"_70":79},{"_68":40,"_70":1048},{"_68":40,"_70":1047},{"_68":40,"_70":1046},{"_68":40,"_70":1045},{"_68":40,"_70":1044},{"_68":40,"_70":1043}," changing the editor tree."," button, because a CSS highlight cannot supply a real focus target without","- Exact painted prose remains keyboard-accessible through its named gutter"," never alter document content or selection."," measurement lifecycle; a transient stale rectangle can only miss a hover,","- The range rectangles are recalculated with the existing editor/scroll/resize","## Risks","`Add passage interactions for inline comments`","## Commit","- `git diff --check` passed.","- `bun run build` passed.","- `bun run ci` passed.","- `bun run types` passed.","- Full unit suite: 618 passed.","- Full e2e suite: 68 passed.","- Full sidecar browser suite: 17 passed.","- Relevant editor units: 57 passed.","## Verification"," descriptions."," preview placement, preserved text selection, preview association and reply","- Focused browser coverage passes for wrapped passage hover/click, bounded","- The new pure hit-region and 400px geometry tests pass.","GREEN:","- The narrow browser test failed with zero `[data-plan-comment-hit]` regions."," failed because the hit-region helper did not exist.","- `bun test packages/editor/src/comment-hits.test.ts packages/editor/src/comment-geometry.test.ts`","RED:","## RED / GREEN","- `e2e/sidecar.e2e.ts`","- `packages/editor/src/styles.css`","- `packages/editor/src/comment-geometry.test.ts`","- `packages/editor/src/comment-layer.tsx`","- `packages/editor/src/comment-hits.test.ts`","- `packages/editor/src/comment-hits.ts`","## Files"," an exposed preview is linked with `aria-describedby`.","- Comment buttons include reply state in their accessible name and description;"," narrow preview cannot cover its own passage's click."," the narrow 400px document surface. They are pointer-transparent too, so a","- Previews use the existing bounded `popoverPoint()` geometry and stay inside"," never receives pointer events, so native Lexical selection remains intact.","- A passage click pins the same thread card as its gutter button. The overlay"," `CSS.highlights` registry."," without putting elements in the collaborative document or changing the"," rendered range line. Hover previews and clicks work from the exact passage","- Open comment passages now have one transparent, host-observed hit region per","## Summary","# Final comment interaction fix","37281f1e","parents",[20],"author",{"_1105":1106,"_1107":1108,"_1113":1115},"committer",{"_1105":1106,"_1107":1108,"_1113":1114},"message","Add passage interactions for inline comments","signature","subject","authors",[1104],{"_1105":1106,"_1107":1108,"_1109":1110,"_1111":1112},"name","Maggie Appleton","email","5599295+MaggieAppleton@users.noreply.github.com","login","MaggieAppleton","avatarUrl","https://avatars.githubusercontent.com/u/5599295?v=4","time",1786625929,1786533150,"documentNavigation","repo","githubnext/chopin","repoId","7d1a8ac3-35b0-4dea-85d4-06a980f3bada","ownerId","org:89615882","site","nexthub","private","admin","settings","maintainer","triage","starred","stars","watchers","watching","pinned","notify","views",[1259,1260,1261,1262,1263,1264,1265,1266,1267,1268,1269,1270,1271],"navigation",{"_1136":1137,"_1220":1221,"_1222":1223,"_1224":1225,"_1226":1227,"_1228":1229,"_68":1230},"sources",[],"viewer","meta",{"_1213":1214,"_1215":1216,"_1217":79,"_1125":26,"_1218":1208,"_1219":26,"_1131":43,"_1132":43},"branches",[1155,1156,1157,1158,1159,1160,1161,1162,1163,1164,1165,1166,1167,1168,1169,1170,1171,1172,1173,1174,1175,1176,1177,1178,1179,1180,1181,1182,1183,1184,1185,1186,1187,1188,1189,1190,1191,1192,1193,1194,1195,1196,1197,1198,1199,1200,1201,1202,1203,1204,1205,1206,1207,1208,1209,1210,1211,1212],"tags",[1151,1152,1153,1154],"cloneUrl","https://git.nexthub.sh/githubnext/chopin.git","color-controls-slice-1","color-controls-slice-2","color-controls-slice-3","color-controls-slice-4","Krzysztof-Cieslak-patch-1","Krzysztof-Cieslak-patch-2","Maggie/app-preview-toolkit","Maggie/ci-playwright-install-timeout","Maggie/collaborative-visual-decision","Maggie/design-audit","Maggie/generic-visual-decision-runtime","Maggie/impeccable-chopin-metadata","Maggie/jev-chat-product","Maggie/jev-composed-assessment","Maggie/native-document-layouts","Maggie/openui-composition-product","Maggie/openui-composition-trial","Maggie/planner-visual-authoring","Maggie/planner-visual-requests","Maggie/visual-selection-eval","artifacts/pr-419-live-preview-20261009","automation/pr-maintenance-state","automation/use-effect/callout-disabled-picker-8cf9e49ba5c09471","automation/use-effect/collaboration-options-ref-4e3a5a08a879a5ae","automation/use-effect/room-workspace-effective-access-a57d40866c71bed0","chore/bun-1.4.2","color-controls","color-controls-plan","comments","design-pr-assets","design/archived-decisions-badge","design/channel-route-remount","design/chat-decision-entry","design/conversation-analysis-markers","design/decision-evidence","design/settled-line-icon","dev/integration","diagram-step-controls","feat/liveapp-frontend-pilot","feat/local-experiments","feat/local-launcher-tracer","fix/autolink-mdx-crash","github-pills/2-pills","github-pills/3-hover-card","maggie/app-preview-toolkit","maggie/ci-playwright-install-timeout","maggie/collaborative-visual-decision","maggie/design-audit","maggie/generic-visual-decision-runtime","maggie/impeccable-chopin-metadata","maggie/jev-composed-assessment","maggie/native-document-layouts","maggie/openui-composition-product","maggie/openui-composition-trial","maggie/planner-visual-authoring","maggie/planner-visual-requests","maggie/visual-selection-eval","main","plain-text-fence-chrome","tokens/09-copy","wireframes/2-renderer","wireframes/3-planner","description","Let's compose rich plans together","owner","githubnext","section","head","empty","pins",[1242,1243,1244],"documents",{"_1238":1239,"_1240":41},"code",{"_1235":1236,"_1237":82},"automations",{"_1233":797,"_1234":-5},"delivery",{"_1231":43,"_1232":-5},"04zvKQ8QOrDUF8TO1Ovz0Zy8_TT","releases","applications","workflows","deployments","commits",1000,"changes","counts",{"_1241":41},"total","issue",{"_1245":1237,"_1105":1257,"_34":1237,"_1248":1258,"_1134":1250,"_1251":26,"_1252":1250,"_1253":82},{"_1245":1254,"_1105":1255,"_34":1254,"_1248":1256,"_1134":1250,"_1251":26,"_1252":1250,"_1253":43},{"_1245":1246,"_1105":1247,"_34":1246,"_1248":1249,"_1134":1250,"_1251":26,"_1252":1250,"_1253":41},"id","issues","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_1245":1237,"_1105":1257,"_34":1237,"_1248":1302,"_1134":1250,"_1251":26,"_1252":1250},{"_1245":1254,"_1105":1255,"_34":1254,"_1248":1301,"_1134":1250,"_1251":26,"_1252":1250},{"_1245":1246,"_1105":1247,"_34":1246,"_1248":1300,"_1134":1250,"_1251":26,"_1252":1250},{"_1245":1297,"_1105":1298,"_34":1297,"_1248":1299,"_1134":26,"_1251":26,"_1252":1250},{"_1245":1294,"_1105":1295,"_34":1294,"_1248":1296,"_1134":26,"_1251":26,"_1252":1250},{"_1245":1233,"_1105":1292,"_34":1226,"_1248":1293,"_1134":26,"_1251":26,"_1252":1250},{"_1245":1234,"_1105":1289,"_34":1290,"_1248":1291,"_1134":26,"_1251":26,"_1252":1250},{"_1245":1231,"_1105":1287,"_34":1231,"_1248":1288,"_1134":26,"_1251":26,"_1252":1250},{"_1245":1283,"_1105":1284,"_34":1285,"_1248":1286,"_1134":26,"_1251":26,"_1252":1250},{"_1245":1222,"_1105":1281,"_34":1222,"_1248":1282,"_1134":26,"_1251":26,"_1252":26},{"_1245":1278,"_1105":1279,"_34":1278,"_1248":1280,"_1134":26,"_1251":26,"_1252":26},{"_1245":1275,"_1105":1276,"_34":1275,"_1248":1277,"_1134":26,"_1251":26,"_1252":26},{"_1245":1272,"_1105":1273,"_34":1272,"_1248":1274,"_1134":26,"_1251":26,"_1252":26},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794436685549,"sidebar","expanded"]