{view.quote}

","\t\t\t

{preview.view.quote}

","\t\t>","\t\t\tstyle={preview.style}","\t\t\trole=\"tooltip\"","\t\t\tref={preview.onMeasure}","\t\t\tid={preview.id}","\t\t\tdata-motion-immediate={immediately || undefined}","\t\t\tclassName={`plan-comment-preview motion-comment-preview ${presence.className}`}","\tlet replies = Math.max(0, view.thread.notes.length - 1);","function PreviewContent({ view }: { view: ThreadView }) {","\treturn `${request.id}:${request.width}:${request.view.quote}:${request.view.thread.notes.length}`;","function previewKey(request: PreviewRequest): string {","\tlet replies = Math.max(0, preview.view.thread.notes.length - 1);","\tlet preview = presence.value;","\tlet presence = useTransitionPresence(value, 150, immediately);","function PreviewSurface({ immediately, value }: { immediately: boolean; value?: PreviewValue }) {","\tview: ThreadView;","\tstyle: CSSProperties;","\tonMeasure: (element: HTMLDivElement | null) => void;","\tid: string;","type PreviewValue = {","\twidth: number;","\tsize: number;","\tpage: Rect;","\tbutton: Point;","type PreviewRequest = {",1,[571,572,573,574,575,576,577],{"_77":78,"_79":583},{"_77":78,"_79":82},{"_77":43,"_79":582},{"_77":41,"_79":581},{"_77":78,"_79":580},{"_77":78,"_79":579},{"_77":78,"_79":578},"import { ChatCircleIcon } from \"@phosphor-icons/react\";","import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";","import { createPortal } from \"react-dom\";","import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";","import { useCallback, useEffect, useLayoutEffect, useRef, useState } from \"react\";","/** Reader-local comment chrome overlays rather than mutates collaborative prose. */","oid","5b87b271","mode","100644","30a28d5a","e2e/sidecar.e2e.ts",{"_584":766,"_586":587},{"_584":765,"_586":587},47,8,[595,596,597,598],{"_55":700,"_57":93,"_59":700,"_61":701,"_63":702},{"_55":676,"_57":93,"_59":677,"_61":62,"_63":678},{"_55":654,"_57":93,"_59":655,"_61":93,"_63":656},{"_55":599,"_57":93,"_59":600,"_61":601,"_63":602},542,567,24,[603,604,605,606,607,608,609,610,611,612,613,614,615,616,617,618,619,620,621,622,623,624,625,626,627,628,629],{"_77":78,"_79":82},{"_77":78,"_79":653},{"_77":78,"_79":652},{"_77":43,"_79":651},{"_77":41,"_79":650},{"_77":41,"_79":649},{"_77":41,"_79":630},{"_77":41,"_79":648},{"_77":41,"_79":647},{"_77":41,"_79":646},{"_77":41,"_79":645},{"_77":41,"_79":644},{"_77":41,"_79":643},{"_77":41,"_79":642},{"_77":41,"_79":641},{"_77":41,"_79":466},{"_77":78,"_79":640},{"_77":43,"_79":639},{"_77":43,"_79":638},{"_77":41,"_79":637},{"_77":41,"_79":636},{"_77":41,"_79":635},{"_77":41,"_79":634},{"_77":41,"_79":633},{"_77":78,"_79":632},{"_77":78,"_79":631},{"_77":78,"_79":630},"\t\t\tlet observer = new MutationObserver(() => {","\t\tnew Promise(resolve => {","\tlet closing = preview.evaluate(element =>","\tawait expect(preview).toHaveCSS(\"opacity\", \"1\");","\tpreview = page.getByRole(\"tooltip\", { includeHidden: true });","\texpect(pointerStart.transitionDuration).not.toBe(\"0s\");","\texpect(pointerStart.opacity).not.toBe(\"1\");","\tlet pointerStart = await pointerEntry;","\tawait expect(preview).toHaveClass(/is-open/);","\tpreview = page.locator(\".motion-comment-preview\");","\tawait button.hover();","\t\t})","\t\t\tobserver.observe(document.body, { childList: true, subtree: true });","\t\t\t});","\t\t\t\tresolve({ opacity: style.opacity, transitionDuration: style.transitionDuration });","\t\t\t\tlet style = getComputedStyle(tooltip);","\t\t\t\tobserver.disconnect();","\t\t\t\tif (!tooltip) return;","\t\t\t\tlet tooltip = document.querySelector('[role=\"tooltip\"]');","\t\tnew Promise<{ opacity: string; transitionDuration: string }>(resolve => {","\tlet pointerEntry = page.evaluate(() =>","\tawait page.getByRole(\"button\", { name: \"Document\", exact: true }).click();","\tawait page.emulateMedia({ reducedMotion: \"no-preference\" });","\tawait button.evaluate(element => element.blur());",521,546,[657,658,659,660,661,662,663,664,665,666,667,668],{"_77":78,"_79":675},{"_77":78,"_79":82},{"_77":78,"_79":640},{"_77":43,"_79":674},{"_77":41,"_79":673},{"_77":78,"_79":672},{"_77":78,"_79":671},{"_77":43,"_79":638},{"_77":41,"_79":633},{"_77":78,"_79":670},{"_77":78,"_79":82},{"_77":78,"_79":669},"test(\"comment preview motion settles for keyboard and reactive reduced motion\", async ({ join, seed }) => {","});","\tawait expect(preview).not.toHaveAttribute(\"inert\", \"\");","\tawait expect(preview).not.toHaveAttribute(\"aria-hidden\", \"true\");","\tawait expect(page.getByRole(\"tooltip\", { includeHidden: true })).toHaveCount(1);","\tawait expect(page.locator(\".motion-comment-preview\")).toHaveCount(1);","\tawait expect(preview).toHaveAttribute(\"inert\", \"\");",496,520,[679,680,681,682,683,684,685,686,687,688,689,690,691],{"_77":78,"_79":641},{"_77":78,"_79":466},{"_77":78,"_79":640},{"_77":43,"_79":699},{"_77":41,"_79":698},{"_77":41,"_79":697},{"_77":78,"_79":696},{"_77":78,"_79":695},{"_77":43,"_79":638},{"_77":41,"_79":633},{"_77":78,"_79":694},{"_77":78,"_79":693},{"_77":78,"_79":692},"\tawait expect(button).toHaveAttribute(\"aria-describedby\", previewId!);","\texpect(previewId).not.toBeNull();","\tlet previewId = await preview.getAttribute(\"id\");","\texpect(await initial).not.toEqual({ opacity: \"1\", transform: \"none\" });","\tawait expect(preview).toContainText(QUOTED);","\tlet preview = page.getByRole(\"tooltip\", { includeHidden: true });","\texpect(await firstMount).toEqual({ describedBy: null, role: null, visibility: \"hidden\" });","\tlet preview = page.locator(\".motion-comment-preview\");",483,34,[703,704,705,706,707,708,709,710,711,712,713,714,715,716,717,718,719,720,721,722,723,724,725,726,727,728,729,730,731,732,733,734,735,736,737],{"_77":78,"_79":82},{"_77":78,"_79":764},{"_77":78,"_79":763},{"_77":41,"_79":762},{"_77":41,"_79":761},{"_77":41,"_79":760},{"_77":41,"_79":759},{"_77":41,"_79":758},{"_77":41,"_79":757},{"_77":41,"_79":756},{"_77":41,"_79":753},{"_77":41,"_79":755},{"_77":41,"_79":754},{"_77":41,"_79":753},{"_77":41,"_79":752},{"_77":41,"_79":751},{"_77":41,"_79":750},{"_77":41,"_79":749},{"_77":41,"_79":748},{"_77":41,"_79":747},{"_77":41,"_79":746},{"_77":41,"_79":745},{"_77":41,"_79":744},{"_77":41,"_79":743},{"_77":41,"_79":742},{"_77":41,"_79":741},{"_77":41,"_79":466},{"_77":78,"_79":740},{"_77":78,"_79":739},{"_77":78,"_79":630},{"_77":43,"_79":738},{"_77":41,"_79":648},{"_77":78,"_79":647},{"_77":78,"_79":646},{"_77":78,"_79":645},"\t\t\t\tlet tooltip = document.querySelector(\".motion-comment-preview\");","\t\tnew Promise<{ opacity: string; transform: string }>(resolve => {","\tlet initial = page.evaluate(() =>","\t\tQUOTED,","\t\t\t),","\t\t\t\t},","\t\t\t\t\tobserver.observe(document.body, { childList: true, subtree: true });","\t\t\t\t\t});","\t\t\t\t\t\t});","\t\t\t\t\t\t\tvisibility: getComputedStyle(preview).visibility,","\t\t\t\t\t\t\trole: preview.getAttribute(\"role\"),","\t\t\t\t\t\t\tdescribedBy: marker.getAttribute(\"aria-describedby\"),","\t\t\t\t\t\tresolve({","\t\t\t\t\t\tobserver.disconnect();","\t\t\t\t\t\tif (!preview) return;","\t\t\t\t\t\t);","\t\t\t\t\t\t\telement.querySelector(\"p\")?.textContent === quote","\t\t\t\t\t\tlet preview = [...candidates].find(element =>","\t\t\t\t\t\t\t'[aria-hidden=\"true\"], [role=\"tooltip\"]',","\t\t\t\t\t\tlet candidates = document.querySelectorAll(","\t\t\t\t\tlet observer = new MutationObserver(() => {","\t\t\t\tresolve => {","\t\t\tnew Promise<{ describedBy: string | null; role: string | null; visibility: string }>(","\t\t(marker, quote) =>","\tlet firstMount = button.evaluate(","\tawait expect(button).toBeVisible();","\tlet button = commentButton(page);","1e5d0a9d","e3b97d0e","e2e/responsive-workspace.e2e.ts",{"_584":816,"_586":587},{"_584":815,"_586":587},3,[772,773],{"_55":791,"_57":792,"_59":791,"_61":792,"_63":793},{"_55":774,"_57":58,"_59":774,"_61":58,"_63":775},309,[776,777,778,779,780,781,782,783],{"_77":78,"_79":786},{"_77":78,"_79":790},{"_77":78,"_79":789},{"_77":43,"_79":788},{"_77":41,"_79":787},{"_77":78,"_79":786},{"_77":78,"_79":785},{"_77":78,"_79":784},"\tawait expect(track).not.toHaveAttribute(\"inert\", \"\");","\tawait expect(track).not.toHaveAttribute(\"aria-hidden\", \"true\");","\tawait opener.click();","\tawait expect(track).toHaveAttribute(\"aria-hidden\", \"true\");","\tawait expect(track).toHaveClass(/is-closing/);","\tawait page.getByRole(\"button\", { name: \"Collapse Projects sidebar\" }).click();","\tawait expect(projects).toBeVisible();",282,9,[794,795,796,797,798,799,800,801,802,803,804],{"_77":78,"_79":814},{"_77":78,"_79":813},{"_77":78,"_79":812},{"_77":43,"_79":811},{"_77":41,"_79":810},{"_77":78,"_79":809},{"_77":43,"_79":808},{"_77":41,"_79":807},{"_77":78,"_79":790},{"_77":78,"_79":806},{"_77":78,"_79":805},"\tawait expect(page.getByRole(\"navigation\", { name: \"Workspace view\" })).toHaveCount(0);","\tawait expect(opener).toHaveCount(0);","\tlet track = projects.locator(\"../..\");","\tlet track = page.locator(\".motion-sidebar\");","\tlet opener = page.getByRole(\"button\", { name: \"Open Projects sidebar\" });","\tlet projects = page.getByRole(\"complementary\", { includeHidden: true, name: \"Projects\" });","\tlet projects = page.getByRole(\"complementary\", { name: \"Projects\" });","\tlet page = await join(\"ana\", { viewport: { width: 1024, height: 768 } });","\tawait seed(RESPONSIVE_SOURCE);","test(\"the wide side of the Projects transition uses the inline sidebar\", async ({ join, seed }) => {","01c5f561","480cdff9","e2e/document-navigation.e2e.ts",{"_584":897,"_586":587},{"_584":896,"_586":587},[821,822,823],{"_55":877,"_57":792,"_59":877,"_61":792,"_63":878},{"_55":842,"_57":843,"_59":842,"_61":843,"_63":844},{"_55":824,"_57":58,"_59":824,"_61":58,"_63":825},97,[826,827,828,829,830,831,832,833],{"_77":78,"_79":841},{"_77":78,"_79":840},{"_77":78,"_79":839},{"_77":43,"_79":838},{"_77":41,"_79":837},{"_77":78,"_79":836},{"_77":78,"_79":835},{"_77":78,"_79":834},"\tawait page.keyboard.press(\"ArrowDown\");","\tawait expect(menu).toHaveCSS(\"transition-duration\", \"0s\");","\tawait expect(page.getByRole(\"menuitem\", { name: \"Rename\", exact: true })).toBeFocused();","\tlet menu = page.getByRole(\"menu\", { name: /^Actions for / });","\tlet menu = page.locator(\".document-actions-menu\");","\tawait trigger.press(\"ArrowDown\");","\tawait trigger.focus();","\tlet trigger = headerActions(page);",81,13,[845,846,847,848,849,850,851,852,853,854,855,856,857,858,859,860,861,862],{"_77":78,"_79":466},{"_77":78,"_79":82},{"_77":78,"_79":871},{"_77":43,"_79":876},{"_77":43,"_79":875},{"_77":41,"_79":874},{"_77":41,"_79":873},{"_77":78,"_79":872},{"_77":78,"_79":871},{"_77":43,"_79":870},{"_77":43,"_79":869},{"_77":43,"_79":868},{"_77":41,"_79":867},{"_77":41,"_79":866},{"_77":41,"_79":865},{"_77":78,"_79":864},{"_77":78,"_79":863},{"_77":78,"_79":670},"\tawait expect(menu).toHaveCount(0);","\tawait page.keyboard.press(\"Escape\");","\tawait expect(retainedMenu).toHaveCount(1);","\tawait expect(retainedMenu).not.toHaveAttribute(\"inert\", \"\");","\tawait expect(retainedMenu).not.toHaveAttribute(\"aria-hidden\", \"true\");","\tawait expect(menu).toHaveCount(1);","\tawait expect(menu).not.toHaveAttribute(\"inert\", \"\");","\tawait expect(menu).not.toHaveAttribute(\"aria-hidden\", \"true\");","\tawait trigger.click();","\tawait expect(trigger).toBeFocused();","\tawait expect(retainedMenu).toHaveAttribute(\"inert\", \"\");","\tawait expect(retainedMenu).toHaveAttribute(\"aria-hidden\", \"true\");","\tawait expect(menu).toHaveAttribute(\"inert\", \"\");","\tawait expect(menu).toHaveAttribute(\"aria-hidden\", \"true\");",50,[879,880,881,882,883,884,885,886,887,888,889],{"_77":78,"_79":895},{"_77":78,"_79":841},{"_77":78,"_79":871},{"_77":43,"_79":838},{"_77":41,"_79":837},{"_77":41,"_79":894},{"_77":78,"_79":893},{"_77":43,"_79":892},{"_77":78,"_79":82},{"_77":78,"_79":891},{"_77":78,"_79":890},"\t\ttrigger.boundingBox(),","\tlet [triggerBox, menuLayout] = await Promise.all([","\tawait expect(menu).toHaveClass(/motion-popover/);","\tawait expect(menu).toBeVisible();","\tlet retainedMenu = page.getByRole(\"menu\", { includeHidden: true });","\tlet page = await join(\"ana\");","ae6b6b9e","2f111b9f","docs/superpowers/plans/2026-08-25-motion-shell-and-menus.md",{"_584":1080,"_586":587},{"_584":1079,"_586":587},[902,903,904,905],{"_55":1043,"_57":284,"_59":1043,"_61":226,"_63":1044},{"_55":982,"_57":284,"_59":983,"_61":984,"_63":985},{"_55":947,"_57":62,"_59":948,"_61":843,"_63":949},{"_55":906,"_57":907,"_59":908,"_61":909,"_63":910},304,12,319,14,[911,912,913,914,915,916,917,918,919,920,921,922,923,924,925,926,927,928,929,930],{"_77":78,"_79":82},{"_77":78,"_79":946},{"_77":78,"_79":82},{"_77":43,"_79":945},{"_77":43,"_79":944},{"_77":43,"_79":943},{"_77":43,"_79":942},{"_77":43,"_79":941},{"_77":43,"_79":940},{"_77":41,"_79":939},{"_77":41,"_79":938},{"_77":41,"_79":937},{"_77":41,"_79":936},{"_77":41,"_79":935},{"_77":41,"_79":934},{"_77":41,"_79":933},{"_77":41,"_79":932},{"_77":78,"_79":82},{"_77":78,"_79":931},{"_77":78,"_79":82},"- [ ] **Step 4: Add the editor-owned tooltip CSS contract**","assistive technology never points at measuring or outgoing content.","setting `aria-hidden`/`inert` immediately. Add `aria-describedby` only after measurement succeeds so","their distinct DOM APIs. During closing, retain the previous `ThreadView`, style, and id while","presence/accessibility lifecycle with comment surfaces through one focused local hook while keeping","placed presence value; never use a guessed height. Keep an unmeasurable preview hidden. Share the","hidden, inert copy without tooltip semantics, measure its actual height, and only then create the","calculated. Render a `PreviewSurface` once per comment layer, not once per mapped thread. Mount a","Build one optional preview request from the active `preview` id after marker geometry has been","content.","`aria-describedby` tied to active preview intent so assistive technology never points at outgoing","and measurement callback during closing, and set `aria-hidden`/`inert` immediately on exit. Keep","call `useTransitionPresence(value, 150, immediately)`, keep the previous `ThreadView`, style, id,","calculated. Render a `PreviewSurface` once per comment layer, not once per mapped thread. Inside it,","Build one optional preview value from the active `preview` id after the existing geometry has been","- [ ] **Step 3: Move the preview to one presence-owned surface**",289,302,[950,951,952,953,954,955,956,957,958,959,960,961,962,963,964,965,966,967],{"_77":78,"_79":82},{"_77":78,"_79":981},{"_77":78,"_79":82},{"_77":43,"_79":980},{"_77":43,"_79":979},{"_77":43,"_79":978},{"_77":43,"_79":977},{"_77":43,"_79":976},{"_77":41,"_79":975},{"_77":41,"_79":974},{"_77":41,"_79":973},{"_77":41,"_79":972},{"_77":41,"_79":971},{"_77":41,"_79":970},{"_77":41,"_79":969},{"_77":78,"_79":82},{"_77":78,"_79":968},{"_77":78,"_79":82},"- [ ] **Step 2: Run the tooltip tests and verify red**","observing immediate unmount.","`transitionDuration === \"0s\"`, including toggling reduced motion during an active exit and","after keyboard input, plus keyboard focus and reduced-motion cases that assert","re-hovering cancels that exit without mounting a second tooltip. Add a direct pointer-hover case","`aria-describedby` immediately while the tooltip remains `aria-hidden` during its 150ms exit, and","measurement succeeds, then pointer hover starts from a non-`1` opacity/scale. Leaving removes","Extend the marked-passage preview test to assert its first mount is hidden and unexposed until","motion during an active exit and observing immediate unmount.","and reduced-motion cases that assert `transitionDuration === \"0s\"`, including toggling reduced","150ms exit, and re-hovering cancels that exit without mounting a second tooltip. Add keyboard focus","leaving removes `aria-describedby` immediately while the tooltip remains `aria-hidden` during its","Extend the marked-passage preview test to assert pointer hover starts from a non-`1` opacity/scale,","- [ ] **Step 1: Write failing tooltip browser coverage**",74,77,26,[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],{"_77":78,"_79":1042},{"_77":78,"_79":82},{"_77":78,"_79":1041},{"_77":43,"_79":1040},{"_77":41,"_79":1039},{"_77":78,"_79":82},{"_77":78,"_79":1038},{"_77":78,"_79":82},{"_77":78,"_79":1037},{"_77":43,"_79":1036},{"_77":43,"_79":1035},{"_77":43,"_79":1034},{"_77":43,"_79":82},{"_77":43,"_79":1033},{"_77":41,"_79":1032},{"_77":41,"_79":1031},{"_77":41,"_79":1030},{"_77":41,"_79":1029},{"_77":41,"_79":1028},{"_77":41,"_79":280},{"_77":41,"_79":1027},{"_77":41,"_79":1026},{"_77":41,"_79":1025},{"_77":41,"_79":1024},{"_77":41,"_79":1023},{"_77":41,"_79":1022},{"_77":41,"_79":1021},{"_77":41,"_79":82},{"_77":41,"_79":1020},{"_77":78,"_79":1019},{"_77":78,"_79":305},{"_77":78,"_79":1018},"```","\treturn contracts[kind];","export function motionContract(kind: Kind): (typeof contracts)[Kind] {",">;","\t{ className: string; closeDuration: number; states: typeof MOTION_STATES }","\tMotionKind,","} as const satisfies Record<","\tsidebar: { className: \"motion-sidebar\", closeDuration: 180, states: MOTION_STATES },","\tpopover: { className: \"motion-popover\", closeDuration: 150, states: MOTION_STATES },","\tfeedback: { className: \"motion-feedback\", closeDuration: 180, states: MOTION_STATES },","\t\tstates: MOTION_STATES,","\t\tcloseDuration: 250,","\t\tclassName: \"motion-content-swap\",","\t\"content-swap\": {","\tcollapse: { className: \"motion-collapse\", closeDuration: 250, states: MOTION_STATES },","export function motionContract(kind: MotionKind): (typeof contracts)[MotionKind] {","} as const satisfies Record;","\tsidebar: { className: \"motion-sidebar\", closeDuration: 180 },","\tpopover: { className: \"motion-popover\", closeDuration: 150 },","let contracts = {","export const MOTION_STATES = [\"\", \"is-open\", \"is-closing\"] as const;","export type MotionKind = \"collapse\" | \"content-swap\" | \"feedback\" | \"popover\" | \"sidebar\";","export type MotionKind = \"popover\" | \"sidebar\";","```ts","- [ ] **Step 3: Add the minimal registry**",51,[1045,1046,1047,1048,1049,1050,1051,1052,1053,1054,1055,1056,1057,1058,1059,1060,1061,1062,1063,1064],{"_77":78,"_79":1078},{"_77":78,"_79":82},{"_77":78,"_79":1077},{"_77":43,"_79":1076},{"_77":41,"_79":1075},{"_77":78,"_79":1074},{"_77":78,"_79":1073},{"_77":78,"_79":1072},{"_77":78,"_79":1071},{"_77":41,"_79":1067},{"_77":78,"_79":494},{"_77":78,"_79":1070},{"_77":78,"_79":1069},{"_77":78,"_79":1068},{"_77":41,"_79":1067},{"_77":78,"_79":494},{"_77":41,"_79":1066},{"_77":78,"_79":1065},{"_77":78,"_79":670},{"_77":78,"_79":1018},"\t});","\t\t// Also assert collapse, content-swap, and feedback against their semantic tokens.","\t\t\tstates: MOTION_STATES,","\t\t\tcloseDuration: 180,","\t\t\tclassName: \"motion-sidebar\",","\t\texpect(motionContract(\"sidebar\")).toEqual({","\t\t\tcloseDuration: 150,","\t\t\tclassName: \"motion-popover\",","\t\texpect(motionContract(\"popover\")).toEqual({","\t\texpect(MOTION_STATES).toEqual([\"\", \"is-open\", \"is-closing\"]);","\tit(\"maps every planned surface to one class, close duration, and expected states\", () => {","\tit(\"maps shell surfaces to one class, close duration, and shared states\", () => {","describe(\"motion contracts\", () => {","import { MOTION_STATES, motionContract } from \"./motion-contract\";","3fd96201","a46b1a4c","apps/web/src/motion-input.ts",{"_584":1109,"_586":587},{"_584":1108,"_586":587},2,0,[1087],{"_55":284,"_57":792,"_59":284,"_61":62,"_63":1088},[1089,1090,1091,1092,1093,1094,1095,1096,1097,1098,1099],{"_77":78,"_79":173},{"_77":78,"_79":1107},{"_77":78,"_79":1106},{"_77":41,"_79":1105},{"_77":78,"_79":1104},{"_77":78,"_79":1103},{"_77":78,"_79":1102},{"_77":41,"_79":1101},{"_77":78,"_79":173},{"_77":78,"_79":1100},{"_77":78,"_79":305},"\t}, []);","\t\t\twindow.removeEventListener(\"pointerover\", recordPointer, true);","\t\t\twindow.removeEventListener(\"pointerdown\", recordPointer, true);","\t\t\twindow.removeEventListener(\"keydown\", recordKeyboard, true);","\t\treturn () => {","\t\twindow.addEventListener(\"pointerover\", recordPointer, true);","\t\twindow.addEventListener(\"pointerdown\", recordPointer, true);","\t\twindow.addEventListener(\"keydown\", recordKeyboard, true);","b5fd9871","63e2fee3","apps/web/src/motion-contract.ts",{"_584":1147,"_586":587},{"_584":1146,"_586":587},15,5,[1116],{"_55":569,"_57":907,"_59":569,"_61":1117,"_63":1118},22,[1119,1120,1121,1122,1123,1124,1125,1126,1127,1128,1129,1130,1131,1132,1133,1134,1135,1136,1137,1138,1139,1140,1141,1142,1143,1144,1145],{"_77":43,"_79":1040},{"_77":41,"_79":1039},{"_77":78,"_79":82},{"_77":78,"_79":1038},{"_77":78,"_79":82},{"_77":78,"_79":1037},{"_77":43,"_79":1036},{"_77":43,"_79":1035},{"_77":43,"_79":1034},{"_77":41,"_79":1032},{"_77":41,"_79":1031},{"_77":41,"_79":1030},{"_77":41,"_79":1029},{"_77":41,"_79":1028},{"_77":41,"_79":280},{"_77":41,"_79":1027},{"_77":41,"_79":1026},{"_77":41,"_79":1025},{"_77":41,"_79":1024},{"_77":41,"_79":1023},{"_77":41,"_79":1022},{"_77":41,"_79":1021},{"_77":78,"_79":82},{"_77":43,"_79":1033},{"_77":41,"_79":1020},{"_77":78,"_79":1019},{"_77":78,"_79":305},"3ea22f56","164f8507","apps/web/src/motion-contract.test.ts",{"_584":1196,"_586":587},{"_584":1195,"_586":587},[1152],{"_55":770,"_57":1113,"_59":770,"_61":1153,"_63":1154},32,[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],{"_77":78,"_79":1078},{"_77":78,"_79":82},{"_77":78,"_79":1077},{"_77":43,"_79":1076},{"_77":41,"_79":1075},{"_77":78,"_79":1074},{"_77":78,"_79":1073},{"_77":78,"_79":1072},{"_77":78,"_79":1071},{"_77":41,"_79":1067},{"_77":78,"_79":494},{"_77":78,"_79":1070},{"_77":78,"_79":1069},{"_77":78,"_79":1068},{"_77":41,"_79":1067},{"_77":41,"_79":494},{"_77":41,"_79":1194},{"_77":41,"_79":1193},{"_77":41,"_79":1190},{"_77":41,"_79":1067},{"_77":41,"_79":494},{"_77":41,"_79":1192},{"_77":41,"_79":1191},{"_77":41,"_79":1190},{"_77":41,"_79":1067},{"_77":41,"_79":494},{"_77":41,"_79":1189},{"_77":41,"_79":1188},{"_77":41,"_79":1068},{"_77":41,"_79":1067},{"_77":78,"_79":494},{"_77":78,"_79":1065},{"_77":78,"_79":670},"\t\t\tclassName: \"motion-feedback\",","\t\texpect(motionContract(\"feedback\")).toEqual({","\t\t\tcloseDuration: 250,","\t\t\tclassName: \"motion-content-swap\",","\t\texpect(motionContract(\"content-swap\")).toEqual({","\t\t\tclassName: \"motion-collapse\",","\t\texpect(motionContract(\"collapse\")).toEqual({","7a15e4d8","d6ba2cf8","parents",[20],"author",{"_1210":1211,"_1212":1213,"_1218":1220},"committer",{"_1210":1211,"_1212":1213,"_1218":1219},"message","Address motion slice review","signature","subject","authors",[1209],{"_1210":1211,"_1212":1213,"_1214":1215,"_1216":1217},"name","Maggie Appleton","email","5599295+MaggieAppleton@users.noreply.github.com","login","MaggieAppleton","avatarUrl","https://avatars.githubusercontent.com/u/5599295?v=4","time",1787667144,1787658160,"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",[1364,1365,1366,1367,1368,1369,1370,1371,1372,1373,1374,1375,1376],"navigation",{"_1241":1242,"_1325":1326,"_1327":1328,"_1329":1330,"_1331":1332,"_1333":1334,"_77":1335},"sources",[],"viewer","meta",{"_1318":1319,"_1320":1321,"_1322":82,"_1230":26,"_1323":1313,"_1324":26,"_1236":1085,"_1237":1085},"branches",[1260,1261,1262,1263,1264,1265,1266,1267,1268,1269,1270,1271,1272,1273,1274,1275,1276,1277,1278,1279,1280,1281,1282,1283,1284,1285,1286,1287,1288,1289,1290,1291,1292,1293,1294,1295,1296,1297,1298,1299,1300,1301,1302,1303,1304,1305,1306,1307,1308,1309,1310,1311,1312,1313,1314,1315,1316,1317],"tags",[1256,1257,1258,1259],"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",[1347,1348,1349],"documents",{"_1343":1344,"_1345":62},"code",{"_1340":1341,"_1342":843},"automations",{"_1338":770,"_1339":-5},"delivery",{"_1336":1085,"_1337":-5},"04zvKQ8QOrDUF8TO1Ovz0Zy8_TT","releases","applications","workflows","deployments","commits",1000,"changes","counts",{"_1346":62},"total","issue",{"_1350":1342,"_1210":1362,"_35":1342,"_1353":1363,"_1239":1355,"_1356":26,"_1357":1355,"_1358":843},{"_1350":1359,"_1210":1360,"_35":1359,"_1353":1361,"_1239":1355,"_1356":26,"_1357":1355,"_1358":1085},{"_1350":1351,"_1210":1352,"_35":1351,"_1353":1354,"_1239":1355,"_1356":26,"_1357":1355,"_1358":62},"id","issues","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_1350":1342,"_1210":1362,"_35":1342,"_1353":1407,"_1239":1355,"_1356":26,"_1357":1355},{"_1350":1359,"_1210":1360,"_35":1359,"_1353":1406,"_1239":1355,"_1356":26,"_1357":1355},{"_1350":1351,"_1210":1352,"_35":1351,"_1353":1405,"_1239":1355,"_1356":26,"_1357":1355},{"_1350":1402,"_1210":1403,"_35":1402,"_1353":1404,"_1239":26,"_1356":26,"_1357":1355},{"_1350":1399,"_1210":1400,"_35":1399,"_1353":1401,"_1239":26,"_1356":26,"_1357":1355},{"_1350":1338,"_1210":1397,"_35":1331,"_1353":1398,"_1239":26,"_1356":26,"_1357":1355},{"_1350":1339,"_1210":1394,"_35":1395,"_1353":1396,"_1239":26,"_1356":26,"_1357":1355},{"_1350":1336,"_1210":1392,"_35":1336,"_1353":1393,"_1239":26,"_1356":26,"_1357":1355},{"_1350":1388,"_1210":1389,"_35":1390,"_1353":1391,"_1239":26,"_1356":26,"_1357":1355},{"_1350":1327,"_1210":1386,"_35":1327,"_1353":1387,"_1239":26,"_1356":26,"_1357":26},{"_1350":1383,"_1210":1384,"_35":1383,"_1353":1385,"_1239":26,"_1356":26,"_1357":26},{"_1350":1380,"_1210":1381,"_35":1380,"_1353":1382,"_1239":26,"_1356":26,"_1357":26},{"_1350":1377,"_1210":1378,"_35":1377,"_1353":1379,"_1239":26,"_1356":26,"_1357":26},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794435572678,"sidebar","expanded"]