[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_228":-5,"_231":232,"_233":234},"routes/shell",{"_40":41,"_227":-5,"_228":-5,"_229":230},"routes/repo",{"_33":-7,"_34":35,"_36":37,"_38":39,"_40":41,"_42":31,"_43":31,"_44":31,"_45":31,"_46":31,"_47":31,"_48":49,"_50":49,"_51":31,"_52":-7,"_53":-7,"_54":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":14,"_22":23,"_24":-5,"_25":26,"_27":28,"_28":29,"_30":31,"_32":14},"ref","aec214eccc8bb18973bc4dd75aa97ac8e334237f","path","e2e/source/source-highlight.native.ts","oid","6985c0b0c1177783a4fc97a2e900ef31c83ede7e","size",6954,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { expect, test } from \"@playwright/test\";\nimport { fileURLToPath } from \"node:url\";\n\nimport type { ConversationPlan } from \"../../packages/protocol/index\";\nimport type { Page } from \"@playwright/test\";\n\ndeclare global {\n\tinterface Window {\n\t\tsourceLeaf: {\n\t\t\thighlightSource: (\n\t\t\t\towner: object,\n\t\t\t\telement: HTMLElement,\n\t\t\t\tsource: ConversationPlan.SourceRef,\n\t\t\t) => boolean;\n\t\t\tclearSourceHighlight: (owner: object) => void;\n\t\t};\n\t\tsourceOwners: object[];\n\t}\n}\n\nlet script: string;\n\ntest.beforeAll(async () => {\n\tif (typeof Bun === \"undefined\") {\n\t\tthrow new Error(\"Run Playwright through bun --bun so the native leaf can be bundled\");\n\t}\n\tlet path = fileURLToPath(\n\t\tnew URL(\"../../apps/web/src/conversation-plan/source.ts\", import.meta.url),\n\t);\n\tlet result = await Bun.build({\n\t\tentrypoints: [path],\n\t\ttarget: \"browser\",\n\t\tformat: \"iife\",\n\t\tplugins: [{\n\t\t\tname: \"source-leaf-test-binding\",\n\t\t\tsetup(build) {\n\t\t\t\tbuild.onLoad({ filter: /\\/source\\.ts$/ }, async args => ({\n\t\t\t\t\tloader: \"ts\",\n\t\t\t\t\tcontents: await Bun.file(args.path).text()\n\t\t\t\t\t\t+ \"\\nwindow.sourceLeaf = { highlightSource, clearSourceHighlight };\",\n\t\t\t\t}));\n\t\t\t},\n\t\t}],\n\t});\n\texpect(result.success).toBe(true);\n\texpect(result.outputs).toHaveLength(1);\n\tscript = await result.outputs[0]!.text();\n});\n\nasync function load(page: Page, html: string): Promise {\n\tawait page.route(\"**/*\", route => route.abort());\n\tawait page.setContent(html);\n\tawait page.addScriptTag({ content: `${script}\\nwindow.sourceOwners = [{}, {}];` });\n}\n\nfunction source(quote: string, start: number, end: number): ConversationPlan.SourceRef {\n\treturn {\n\t\tmessageId: \"saved-message\",\n\t\tauthor: { kind: \"member\", handle: \"ana\" },\n\t\trole: \"option\",\n\t\tquote,\n\t\tstart,\n\t\tend,\n\t};\n}\n\nasync function mark(page: Page, quote: string, start: number, end: number, owner = 0) {\n\treturn page.evaluate(({ value, owner }) =>\n\t\twindow.sourceLeaf.highlightSource(\n\t\t\twindow.sourceOwners[owner]!,\n\t\t\tdocument.querySelector(\"article\")!,\n\t\t\tvalue,\n\t\t), { value: source(quote, start, end), owner });\n}\n\nasync function ranges(page: Page) {\n\treturn page.evaluate(() =>\n\t\tArray.from(CSS.highlights.get(\"conversation-source\") ?? [], range => {\n\t\t\tif (!(range instanceof Range)) throw new Error(\"Expected a native Range\");\n\t\t\treturn {\n\t\t\t\ttext: range.toString(),\n\t\t\t\tstart: range.startOffset,\n\t\t\t\tend: range.endOffset,\n\t\t\t\tstartText: range.startContainer.textContent,\n\t\t\t\tendText: range.endContainer.textContent,\n\t\t\t\trects: range.getClientRects().length,\n\t\t\t};\n\t\t})\n\t);\n}\n\ntest(\"an exact quote creates a native range over its saved text\", async ({ page }) => {\n\tawait load(\n\t\tpage,\n\t\t'

Start with a pilot.

',\n\t);\n\texpect(await mark(page, \"a pilot\", 11, 18)).toBe(true);\n\texpect(await ranges(page)).toEqual([{\n\t\ttext: \"a pilot\",\n\t\tstart: 11,\n\t\tend: 18,\n\t\tstartText: \"Start with a pilot.\",\n\t\tendText: \"Start with a pilot.\",\n\t\trects: 1,\n\t}]);\n});\n\ntest(\"ranges span nested text nodes and exact node boundaries\", async ({ page }) => {\n\tawait load(\n\t\tpage,\n\t\t'

Alpha Beta Gamma

',\n\t);\n\texpect(await mark(page, \"Beta Gamma\", 6, 16)).toBe(true);\n\tlet [spanning] = await ranges(page);\n\texpect(spanning).toMatchObject({\n\t\ttext: \"Beta Gamma\",\n\t\tstart: 6,\n\t\tend: 6,\n\t\tstartText: \"Alpha \",\n\t\tendText: \" Gamma\",\n\t});\n\texpect(spanning!.rects).toBeGreaterThan(0);\n\texpect(await mark(page, \"Beta\", 6, 10)).toBe(true);\n\tlet [range] = await ranges(page);\n\texpect(range).toMatchObject({\n\t\ttext: \"Beta\",\n\t\tstart: 6,\n\t\tend: 4,\n\t\tstartText: \"Alpha \",\n\t\tendText: \"Beta\",\n\t});\n\texpect(range!.rects).toBeGreaterThan(0);\n});\n\ntest(\"saved UTF-16 offsets include emoji correctly\", async ({ page }) => {\n\tawait load(\n\t\tpage,\n\t\t'

A😀 pilot

',\n\t);\n\texpect(await mark(page, \"😀 pilot\", 1, 9)).toBe(true);\n\tlet [range] = await ranges(page);\n\texpect(range).toMatchObject({\n\t\ttext: \"😀 pilot\",\n\t\tstart: 1,\n\t\tend: 5,\n\t\tstartText: \"A😀 \",\n\t\tendText: \"pilot\",\n\t});\n\texpect(range!.rects).toBeGreaterThan(0);\n});\n\ntest(\"missing or changed rendered source text refuses highlighting\", async ({ page }) => {\n\tfor (\n\t\tlet html of [\n\t\t\t'

pilot

',\n\t\t\t\"

pilot

\",\n\t\t\t'

changed

',\n\t\t]\n\t) {\n\t\tawait load(page, html);\n\t\texpect(await mark(page, \"pilot\", 0, 5)).toBe(false);\n\t\texpect(await ranges(page)).toEqual([]);\n\t}\n\tawait load(\n\t\tpage,\n\t\t'

pilot

',\n\t);\n\texpect(await mark(page, \"other\", 0, 5)).toBe(false);\n\texpect(await ranges(page)).toEqual([]);\n});\n\ntest(\"owners coexist and replacing one preserves the other's native range\", async ({ page }) => {\n\tawait load(\n\t\tpage,\n\t\t'

Alpha Beta

',\n\t);\n\texpect(await mark(page, \"Alpha\", 0, 5)).toBe(true);\n\texpect(await mark(page, \"Beta\", 6, 10, 1)).toBe(true);\n\tawait page.evaluate(() => {\n\t\t(window as typeof window & { retained?: AbstractRange }).retained =\n\t\t\tArray.from(CSS.highlights.get(\"conversation-source\")!)[1];\n\t});\n\texpect(await mark(page, \"Alpha Beta\", 0, 10)).toBe(true);\n\texpect((await ranges(page)).map(range => range.text)).toEqual([\"Beta\", \"Alpha Beta\"]);\n\texpect(\n\t\tawait page.evaluate(() =>\n\t\t\tArray.from(CSS.highlights.get(\"conversation-source\")!)[0]\n\t\t\t\t=== (window as typeof window & { retained?: AbstractRange }).retained\n\t\t),\n\t).toBe(true);\n});\n\ntest(\"a refused replacement clears its owner and final cleanup deletes the registry\", async ({ page }) => {\n\tawait load(\n\t\tpage,\n\t\t'

Alpha Beta

',\n\t);\n\texpect(await mark(page, \"Alpha\", 0, 5)).toBe(true);\n\texpect(await mark(page, \"Beta\", 6, 10, 1)).toBe(true);\n\texpect(await mark(page, \"wrong\", 0, 5)).toBe(false);\n\texpect((await ranges(page)).map(range => range.text)).toEqual([\"Beta\"]);\n\tawait page.evaluate(() => window.sourceLeaf.clearSourceHighlight(window.sourceOwners[1]!));\n\texpect(await page.evaluate(() => CSS.highlights.has(\"conversation-source\"))).toBe(false);\n\tawait page.evaluate(() => window.sourceLeaf.clearSourceHighlight(window.sourceOwners[1]!));\n\texpect(await ranges(page)).toEqual([]);\n});\n\ntest(\"an unavailable CSS Highlights API refuses safely\", async ({ page }) => {\n\tawait load(\n\t\tpage,\n\t\t'

pilot

',\n\t);\n\tawait page.evaluate(() =>\n\t\tObject.defineProperty(CSS, \"highlights\", { configurable: true, value: undefined })\n\t);\n\texpect(await mark(page, \"pilot\", 0, 5)).toBe(false);\n\tawait page.evaluate(() => window.sourceLeaf.clearSourceHighlight(window.sourceOwners[0]!));\n});\n","editable",false,"branch","documentNavigation","repo","githubnext/chopin","repoId","7d1a8ac3-35b0-4dea-85d4-06a980f3bada","ownerId","org:89615882","site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers","watching","pinned","notify","views",[183,184,185,186,187,188,189,190,191,192,193,194,195],"navigation",{"_54":55,"_139":140,"_141":142,"_143":144,"_145":146,"_147":148,"_149":150},"sources",[],"viewer","meta",{"_131":132,"_133":134,"_135":136,"_42":31,"_137":126,"_138":31,"_48":49,"_50":49},"branches",[73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130],"tags",[69,70,71,72],"cloneUrl","https://git.nexthub.sh/githubnext/chopin.git","color-controls-slice-1","color-controls-slice-2","color-controls-slice-3","color-controls-slice-4","Krzysztof-Cieslak-patch-1","Krzysztof-Cieslak-patch-2","Maggie/app-preview-toolkit","Maggie/ci-playwright-install-timeout","Maggie/collaborative-visual-decision","Maggie/design-audit","Maggie/generic-visual-decision-runtime","Maggie/impeccable-chopin-metadata","Maggie/jev-chat-product","Maggie/jev-composed-assessment","Maggie/native-document-layouts","Maggie/openui-composition-product","Maggie/openui-composition-trial","Maggie/planner-visual-authoring","Maggie/planner-visual-requests","Maggie/visual-selection-eval","artifacts/pr-419-live-preview-20261009","automation/pr-maintenance-state","automation/use-effect/callout-disabled-picker-8cf9e49ba5c09471","automation/use-effect/collaboration-options-ref-4e3a5a08a879a5ae","automation/use-effect/room-workspace-effective-access-a57d40866c71bed0","chore/bun-1.4.2","color-controls","color-controls-plan","comments","design-pr-assets","design/archived-decisions-badge","design/channel-route-remount","design/chat-decision-entry","design/conversation-analysis-markers","design/decision-evidence","design/settled-line-icon","dev/integration","diagram-step-controls","feat/liveapp-frontend-pilot","feat/local-experiments","feat/local-launcher-tracer","fix/autolink-mdx-crash","github-pills/2-pills","github-pills/3-hover-card","maggie/app-preview-toolkit","maggie/ci-playwright-install-timeout","maggie/collaborative-visual-decision","maggie/design-audit","maggie/generic-visual-decision-runtime","maggie/impeccable-chopin-metadata","maggie/jev-composed-assessment","maggie/native-document-layouts","maggie/openui-composition-product","maggie/openui-composition-trial","maggie/planner-visual-authoring","maggie/planner-visual-requests","maggie/visual-selection-eval","main","plain-text-fence-chrome","tokens/09-copy","wireframes/2-renderer","wireframes/3-planner","description","Let's compose rich plans together","owner","githubnext","section","","head","empty","pins",[165,166,167],"documents",{"_160":161,"_162":163},"code",{"_156":157,"_158":159},"automations",{"_153":154,"_155":-5},"delivery",{"_151":49,"_152":-5},"tag","04zvKQ8QOrDUF8TO1Ovz0Zy8_TT","releases","applications","workflows",3,"deployments","commits",1000,"changes",13,"counts",{"_164":163},"total",11,"issue",{"_168":158,"_170":181,"_15":158,"_172":182,"_52":174,"_175":31,"_176":174,"_177":159},{"_168":178,"_170":179,"_15":178,"_172":180,"_52":174,"_175":31,"_176":174,"_177":49},{"_168":169,"_170":171,"_15":169,"_172":173,"_52":174,"_175":31,"_176":174,"_177":163},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_168":158,"_170":181,"_15":158,"_172":226,"_52":174,"_175":31,"_176":174},{"_168":178,"_170":179,"_15":178,"_172":225,"_52":174,"_175":31,"_176":174},{"_168":169,"_170":171,"_15":169,"_172":224,"_52":174,"_175":31,"_176":174},{"_168":221,"_170":222,"_15":221,"_172":223,"_52":31,"_175":31,"_176":174},{"_168":218,"_170":219,"_15":218,"_172":220,"_52":31,"_175":31,"_176":174},{"_168":153,"_170":216,"_15":145,"_172":217,"_52":31,"_175":31,"_176":174},{"_168":155,"_170":213,"_15":214,"_172":215,"_52":31,"_175":31,"_176":174},{"_168":151,"_170":211,"_15":151,"_172":212,"_52":31,"_175":31,"_176":174},{"_168":207,"_170":208,"_15":209,"_172":210,"_52":31,"_175":31,"_176":174},{"_168":141,"_170":205,"_15":141,"_172":206,"_52":31,"_175":31,"_176":31},{"_168":202,"_170":203,"_15":202,"_172":204,"_52":31,"_175":31,"_176":31},{"_168":199,"_170":200,"_15":199,"_172":201,"_52":31,"_175":31,"_176":31},{"_168":196,"_170":197,"_15":196,"_172":198,"_52":31,"_175":31,"_176":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794438260012,"sidebar","expanded"]