[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_1615":-5,"_1806":1807,"_1808":1809},"routes/shell",{"_1631":1632,"_1804":-5,"_1615":-5,"_27":1805},"routes/repo",{"_1625":-7,"_1626":1627,"_1628":18,"_1629":1630,"_1631":1632,"_1633":22,"_1634":22,"_1635":22,"_21":22,"_1636":22,"_1637":22,"_1638":1523,"_1639":1523,"_1640":22,"_1641":-7,"_1642":-7,"_1643":1644,"_1645":1646,"_1647":1648,"_34":-5,"_1649":1650,"_1651":1652,"_1653":1654,"_1655":1656},"routes/repo.changes.$number.files",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":22,"_30":31,"_32":33,"_34":-5},"actorNames",{"_1616":1624},"selections",{},"repositoryId","7d1a8ac3-35b0-4dea-85d4-06a980f3bada","change",{"_1582":1583,"_52":19,"_1584":18,"_1585":1586,"_1587":1588,"_1589":1590,"_1591":1592,"_1593":1594,"_1595":1596,"_1597":1598,"_1599":1600,"_1601":1602,"_1603":1604,"_1605":1606,"_1607":1608,"_1609":22,"_1610":22,"_1611":1612},"maintainer",false,"commits",4,"diff",{"_35":36,"_37":38,"_39":40,"_41":22},"agents",[],"computing","comments",[],"reactions",{},"viewer","old","ef8cf3a2c2c08fa9a6befeb122224d9aaa0a9281","new","77c27540bcd8bf15d463b8d39d5e8b7bae36b671","files",[42,43,44,45,46,47],"truncated",{"_48":1560,"_35":1561,"_37":1562,"_52":53,"_54":24,"_56":1523,"_58":1563},{"_48":1520,"_35":1521,"_37":1522,"_52":53,"_54":153,"_56":1523,"_58":1524},{"_48":1357,"_35":1358,"_37":1359,"_52":53,"_54":1360,"_56":1361,"_58":1362},{"_48":906,"_35":907,"_37":908,"_52":53,"_54":909,"_56":910,"_58":911},{"_48":126,"_35":127,"_37":128,"_52":53,"_54":129,"_56":130,"_58":131},{"_48":49,"_35":50,"_37":51,"_52":53,"_54":55,"_56":57,"_58":59},"path","scripts/design-contract/exceptions/dynamic-editor.json",{"_121":125,"_123":124},{"_121":122,"_123":124},"kind","text","add",9,"del",2,"hunks",[60,61],{"_62":106,"_64":107,"_65":106,"_66":107,"_68":108},{"_62":63,"_64":55,"_65":63,"_66":67,"_68":69},"aStart",289,"aLen","bStart","bLen",16,"ops",[70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86],{"_87":88,"_89":105},{"_87":88,"_89":104},{"_87":88,"_89":97},{"_87":54,"_89":103},{"_87":54,"_89":102},{"_87":54,"_89":101},{"_87":54,"_89":100},{"_87":54,"_89":99},{"_87":54,"_89":98},{"_87":54,"_89":97},{"_87":88,"_89":96},{"_87":88,"_89":95},{"_87":56,"_89":94},{"_87":54,"_89":93},{"_87":88,"_89":92},{"_87":88,"_89":91},{"_87":88,"_89":90},"tag","eq","line","\t\t\"file\": \"packages/editor/src/disclosure-motion.tsx\",","\t{","\t},","\t\t\"sourceHash\": \"fadeb29730d5f0d73a55912d6f82d1e91cedab3675ec341f9320849e4702b184\"","\t\t\"sourceHash\": \"7f56a600045b818225aa9752cdb32f174792dfe3269637cf6e6cea0e956f0bfc\"","\t\t],","\t\t\t]","\t\t\t\t1","\t\t\t\t\"unresolved style > TableRails >

\",","\t\t\t\t\"seamLine(aim.axis, line, metrics)\",","\t\t\t\t\"*\",","\t\t\t\t\"dynamic\",","\t\t\t[","\t\t\t],","\t\t\t\t\"unresolved style > Rail >

\",","\t\t\t\t\"seamBox(axis, lines[at] ?? 0, origin, GRIP, 2, gripLane)\",",246,7,[109,110,111,112,113,114,115,116],{"_87":88,"_89":92},{"_87":88,"_89":91},{"_87":88,"_89":120},{"_87":56,"_89":119},{"_87":54,"_89":118},{"_87":88,"_89":117},{"_87":88,"_89":102},{"_87":88,"_89":101},"\t\t\"cases\": [","\t\t\"reason\": \"Table rails and seam lines use measured viewport position and size, clipped to the document scroller; no semantic paint or typography values enter these styles.\",","\t\t\"reason\": \"Table rail style is computed viewport geometry (position, size, transform); token policy deliberately does not ban measured dimensions.\",","\t\t\"file\": \"packages/editor/src/table/rails.tsx\",","oid","eacd2d4b","mode","100644","d36388c4","packages/editor/src/table/rails.tsx",{"_121":905,"_123":124},{"_121":904,"_123":124},177,20,[132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151],{"_62":303,"_64":107,"_65":303,"_66":55,"_68":885},{"_62":249,"_64":864,"_65":865,"_66":864,"_68":866},{"_62":823,"_64":67,"_65":824,"_66":67,"_68":825},{"_62":724,"_64":153,"_65":725,"_66":726,"_68":727},{"_62":709,"_64":192,"_65":710,"_66":107,"_68":711},{"_62":690,"_64":192,"_65":691,"_66":55,"_68":692},{"_62":675,"_64":192,"_65":676,"_66":107,"_68":677},{"_62":650,"_64":107,"_65":651,"_66":153,"_68":652},{"_62":605,"_64":55,"_65":606,"_66":130,"_68":607},{"_62":561,"_64":303,"_65":562,"_66":155,"_68":563},{"_62":498,"_64":303,"_65":499,"_66":500,"_68":501},{"_62":467,"_64":55,"_65":468,"_66":303,"_68":469},{"_62":413,"_64":153,"_65":414,"_66":305,"_68":415},{"_62":362,"_64":107,"_65":363,"_66":249,"_68":364},{"_62":302,"_64":303,"_65":304,"_66":305,"_68":306},{"_62":246,"_64":247,"_65":248,"_66":249,"_68":250},{"_62":223,"_64":107,"_65":224,"_66":55,"_68":225},{"_62":209,"_64":192,"_65":210,"_66":107,"_68":211},{"_62":191,"_64":192,"_65":193,"_66":107,"_68":194},{"_62":152,"_64":153,"_65":154,"_66":155,"_68":156},546,11,697,17,[157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173],{"_87":88,"_89":190},{"_87":88,"_89":189},{"_87":88,"_89":188},{"_87":54,"_89":187},{"_87":88,"_89":186},{"_87":88,"_89":185},{"_87":54,"_89":184},{"_87":88,"_89":183},{"_87":88,"_89":182},{"_87":54,"_89":181},{"_87":88,"_89":180},{"_87":54,"_89":179},{"_87":54,"_89":178},{"_87":54,"_89":177},{"_87":88,"_89":176},{"_87":88,"_89":175},{"_87":88,"_89":174},"\t\t\t\t})}","\t\t\t\t\t);","\t\t\t\t\t\t/>","\t\t\t\t\t\t\tonPointerLeave={() => onAim(undefined)}","\t\t\t\t\t\t\tonPointerEnter={() => onAim({ axis, seam })}","\t\t\t\t\t\t\tonFocus={() => onAim({ axis, seam })}","\t\t\t\t\t\t\tonClick={() => insert(seam)}","\t\t\t\t\t\t\tonBlur={() => onAim(undefined)}","\t\t\t\t\t\t\ttitle={`Insert a ${noun} here`}","\t\t\t\t\t\t\tstyle={seamBox(axis, line, origin, TOOL, SEAM)}","\t\t\t\t\t\t\tdata-tooltip-side={side}","\t\t\t\t\t\t\tdata-tooltip={`Insert ${column ? \"column\" : \"row\"}`}","\t\t\t\t\t\t\tdata-press=\"small\"","\t\t\t\t\t\t\tdata-plan-live={live(seam) || undefined}","\t\t\t\t\t\t\tclassName=\"plan-insert\"","\t\t\t\t\t\t\t\t: `Insert ${noun} after ${noun} ${seam}`}","\t\t\t\t\t\t\t\t? `Insert ${noun} before the first`",522,6,672,[195,196,197,198,199,200,201],{"_87":88,"_89":208},{"_87":88,"_89":207},{"_87":88,"_89":206},{"_87":54,"_89":205},{"_87":88,"_89":204},{"_87":88,"_89":203},{"_87":88,"_89":202},"\t\t\t\t\t\t\t\t\tonFocus={() => setUnder(index)}","\t\t\t\t\t\t\t\t\ttitle={`Remove this ${noun}`}","\t\t\t\t\t\t\t\t\tstyle={place(PAIR)}","\t\t\t\t\t\t\t\t\tdata-tooltip-side={side}","\t\t\t\t\t\t\t\t\tdata-tooltip={`Remove ${column ? \"column\" : \"row\"}`}","\t\t\t\t\t\t\t\t\tdata-plan-shown={shown}","\t\t\t\t\t\t\t\t\tdata-press=\"small\"",503,652,[212,213,214,215,216,217,218],{"_87":88,"_89":208},{"_87":88,"_89":222},{"_87":88,"_89":221},{"_87":54,"_89":205},{"_87":88,"_89":207},{"_87":88,"_89":220},{"_87":88,"_89":219},"\t\t\t\t\t\t\t\t\ttitle=\"Change this column's alignment\"","\t\t\t\t\t\t\t\t\tstyle={place(-PAIR)}","\t\t\t\t\t\t\t\t\tdata-tooltip=\"Align column\"","\t\t\t\t\t\t\t\t\tdata-plan-align={table.align[index] ?? \"default\"}",488,635,[226,227,228,229,230,231,232,233,234,235],{"_87":88,"_89":245},{"_87":88,"_89":244},{"_87":88,"_89":243},{"_87":56,"_89":242},{"_87":54,"_89":241},{"_87":54,"_89":240},{"_87":54,"_89":239},{"_87":88,"_89":238},{"_87":88,"_89":237},{"_87":88,"_89":236},"\t\t\t\t\t","\t\t\t\treturn (","","\t\t\t\tlet shown = under === index && aim?.axis !== axis ? \"\" : undefined;","\t\t\t\t// land on removing.","\t\t\t\t// Never under an aimed insert: a click meant for adding must not","\t\t\t\tlet shown = under === index ? \"\" : undefined;","\t\t\t\t\tseamBox(axis, middle + (column ? offset : 0), origin, TOOL, BUTTON);","\t\t\t\tlet place = (offset: number) =>","\t\t\t\t// track's middle rather than both on it; a row has only the one.",406,19,548,24,[251,252,253,254,255,256,257,258,259,260,261,262,263,264,265,266,267,268,269,270,271,272,273,274,275,276],{"_87":88,"_89":301},{"_87":88,"_89":300},{"_87":88,"_89":299},{"_87":56,"_89":298},{"_87":56,"_89":297},{"_87":54,"_89":296},{"_87":54,"_89":295},{"_87":88,"_89":294},{"_87":88,"_89":293},{"_87":88,"_89":237},{"_87":88,"_89":292},{"_87":88,"_89":291},{"_87":88,"_89":290},{"_87":54,"_89":289},{"_87":54,"_89":288},{"_87":54,"_89":287},{"_87":88,"_89":286},{"_87":88,"_89":285},{"_87":88,"_89":284},{"_87":88,"_89":283},{"_87":54,"_89":282},{"_87":88,"_89":281},{"_87":54,"_89":280},{"_87":88,"_89":279},{"_87":88,"_89":278},{"_87":88,"_89":277},"\t\t\t\t\t\tonPointerEnter={() => setUnder(index)}","\t\t\t\t\t\ttitle={`Drag to move this ${noun}`}","\t\t\t\t\t\tstyle={box}","\t\t\t\t\t\tdata-plan-hot={(under ?? hot) === index || undefined}","\t\t\t\t\t\tdata-plan-held={mine?.from === index || undefined}","\t\t\t\t\t\tdata-tooltip-side={side}","\t\t\t\t\t\tdata-tooltip={`Move ${column ? \"column\" : \"row\"}`}","\t\t\t\t\t\tdata-press=\"small\"","\t\t\t\t\t\tclassName={`plan-grip ${mine?.from === index ? \"is-held\" : \"\"}`}","\t\t\t\t\t\taria-label={`Move ${noun} ${index + 1}`}","\t\t\t\t\t\t\t: \"Meta+ArrowUp Meta+ArrowDown Control+ArrowUp Control+ArrowDown\"}","\t\t\t\t\t\t\t? \"Meta+ArrowLeft Meta+ArrowRight Control+ArrowLeft Control+ArrowRight\"","\t\t\t\t\t\taria-keyshortcuts={column","\t\t\t\t\t\ttype=\"button\"","\t\t\t\t\t\tkey={index}","\t\t\t\t\t;","\t\t\t\t\t// pointerleave on the way from the header to the first grip.","\t\t\t\t\t// Undrawn, but still the rail's: a hole here would be a","\t\t\t\t\t// gap in it where the row everybody can see plainly is.","\t\t\t\t\t// The header still gets a bar, so the rail does not have a","\t\t\t\tif (!holdable(index)) {","\t\t\t\tlet box = gripBox(axis, track, origin, GRIP, gripLane);","\t\t\t{tracks.map((track, index) => {",389,14,518,27,[307,308,309,310,311,312,313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328,329,330,331,332,333,334],{"_87":88,"_89":361},{"_87":88,"_89":360},{"_87":88,"_89":359},{"_87":54,"_89":358},{"_87":54,"_89":357},{"_87":54,"_89":356},{"_87":54,"_89":355},{"_87":54,"_89":354},{"_87":54,"_89":353},{"_87":54,"_89":352},{"_87":54,"_89":351},{"_87":54,"_89":350},{"_87":54,"_89":349},{"_87":88,"_89":238},{"_87":88,"_89":348},{"_87":88,"_89":347},{"_87":88,"_89":346},{"_87":88,"_89":345},{"_87":54,"_89":344},{"_87":88,"_89":343},{"_87":54,"_89":342},{"_87":54,"_89":341},{"_87":88,"_89":340},{"_87":56,"_89":339},{"_87":54,"_89":338},{"_87":88,"_89":337},{"_87":88,"_89":336},{"_87":88,"_89":335},"\t\t\t\tonHover(undefined);","\t\t\tonPointerLeave={() => {","\t\t\tonPointerOver={() => onHover(key)}","\t\t\tstyle={{ ...frame, clipPath: clipTo(metrics.clip, frame) }}","\t\t\tstyle={frame}","\t\t\t// Placement is measured, so it is a style rather than a class.","\t\t\tdata-tooltip-edge=\"\"","\t\t\t// Tooltips sit beyond the rail, so none covers a control in it.","\t\t\tdata-plan-rail={axis}","\t\t\tdata-plan-caret={caret || undefined}","\t\t\tdata-focus-boundary=\"\"","\t\t\tclassName=\"plan-rail\"","\t\t near !== undefined && (seam === near || seam === near + 1);","\tlet near = under ?? aimed;","\t */","\t * on a column rail, the last line of the paragraph above the table.","\t * The rest of the button lane lets clicks through to whatever it overlaps —","\t * Only the seams either side of the track being pointed at take the pointer.","\t/*","\tlet side = column ? undefined : \"left\";","\t// a column rail's already open above it.","\t// A row rail is beside the table, so its tooltips go further out to the left;","\tlet holdable = (index: number) => table.shape.simple && (column || index > HEADER);","\t// Every column may be taken hold of; the header row may not.","\t\tcolumn ? canRemoveColumn(table.shape, index) : canRemoveRow(table.shape, index);",321,433,[365,366,367,368,369,370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389],{"_87":88,"_89":412},{"_87":88,"_89":411},{"_87":88,"_89":238},{"_87":56,"_89":410},{"_87":54,"_89":409},{"_87":54,"_89":91},{"_87":54,"_89":408},{"_87":54,"_89":407},{"_87":54,"_89":406},{"_87":54,"_89":405},{"_87":54,"_89":404},{"_87":54,"_89":403},{"_87":54,"_89":402},{"_87":54,"_89":401},{"_87":54,"_89":400},{"_87":54,"_89":399},{"_87":54,"_89":398},{"_87":54,"_89":397},{"_87":54,"_89":396},{"_87":54,"_89":395},{"_87":54,"_89":394},{"_87":54,"_89":393},{"_87":88,"_89":392},{"_87":88,"_89":391},{"_87":88,"_89":390},"\tlet count = tracks.length;","\tlet key = table.key;","\tlet column = axis === \"column\";",") {","\t}: RailProps,","\t\ttools,","\t\ttracks,","\t\ttable,","\t\tonHover,","\t\tonDrag,","\t\tonAim,","\t\tonAct,","\t\tmetrics,","\t\thot,","\t\tdrag,","\t\tcaret,","\t\taxis,","\t\taimed,","\t\taim,","function Rail(","function Rail({ axis, drag, metrics, onAct, onDrag, onHover, table, tracks, tools }: RailProps) {","};","\ttools: boolean;",309,405,[416,417,418,419,420,421,422,423,424,425,426,427,428,429,430,431,432,433,434,435,436,437,438,439,440,441,442],{"_87":88,"_89":466},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":54,"_89":465},{"_87":54,"_89":464},{"_87":54,"_89":463},{"_87":54,"_89":462},{"_87":54,"_89":461},{"_87":54,"_89":460},{"_87":54,"_89":238},{"_87":88,"_89":459},{"_87":54,"_89":458},{"_87":54,"_89":457},{"_87":54,"_89":456},{"_87":54,"_89":455},{"_87":88,"_89":454},{"_87":54,"_89":453},{"_87":54,"_89":452},{"_87":88,"_89":451},{"_87":54,"_89":450},{"_87":54,"_89":449},{"_87":88,"_89":448},{"_87":88,"_89":447},{"_87":54,"_89":446},{"_87":88,"_89":445},{"_87":88,"_89":444},{"_87":88,"_89":443},"\ttable: Table;","\tonHover: (key: NodeKey | undefined) => void;","\tonDrag: (drag: Drag | undefined) => void;","\tonAim: (aim: Aim | undefined) => void;","\tonAct: (op: () => void) => void;","\tmetrics: Metrics;","\thot: number | undefined;","\t/** The track being pointed at in the table, or holding the caret. */","\tdrag: Drag | undefined;","\tcaret: boolean;","\t/** Whether the caret is in this table, which keeps every grip faintly drawn. */","\taxis: Axis;","\taimed: number | undefined;","\t/** The track the pointer is on in the table; the caret alone does not count. */","\taim: Aim | undefined;","\t/** The seam an insert is aimed at, on either rail. */","type RailProps = {","}","\treturn { ...box, clipPath: clipTo(metrics.clip, box) };","\t\t: { left: metrics.left, top: line - 1, width: metrics.width, height: 2 };","\t\t? { left: line - 1, top: metrics.top, width: 2, height: metrics.height }","\tlet box = axis === \"column\"","function seamLine(axis: Axis, line: number, metrics: Metrics) {","\t);",296,387,[470,471,472,473,474,475,476,477,478,479,480,481,482,483],{"_87":88,"_89":497},{"_87":88,"_89":496},{"_87":88,"_89":495},{"_87":54,"_89":494},{"_87":54,"_89":493},{"_87":54,"_89":492},{"_87":88,"_89":491},{"_87":54,"_89":490},{"_87":88,"_89":489},{"_87":88,"_89":488},{"_87":54,"_89":487},{"_87":88,"_89":486},{"_87":88,"_89":485},{"_87":88,"_89":484},"\t\t\t\ttable={table}","\t\t\t\tonHover={hover}","\t\t\t\tonDrag={setDrag}","\t\t\t\tonAim={setAim}","\t\t\t\tonAct={act}","\t\t\t\tmetrics={metrics}","\t\t\t\thot={hot?.row}","\t\t\t\tdrag={drag}","\t\t\t\tcaret={holding}","\t\t\t\taimed={aimed?.row}","\t\t\t\taim={aim}","\t\t\t\taxis=\"row\"","\t\t\t",280,349,36,[502,503,504,505,506,507,508,509,510,511,512,513,514,515,516,517,518,519,520,521,522,523,524,525,526,527,528,529,530,531,532,533,534,535,536,537],{"_87":88,"_89":560},{"_87":88,"_89":559},{"_87":88,"_89":558},{"_87":54,"_89":557},{"_87":54,"_89":556},{"_87":54,"_89":555},{"_87":54,"_89":238},{"_87":54,"_89":554},{"_87":54,"_89":553},{"_87":54,"_89":552},{"_87":88,"_89":238},{"_87":88,"_89":348},{"_87":88,"_89":551},{"_87":54,"_89":550},{"_87":54,"_89":549},{"_87":54,"_89":548},{"_87":54,"_89":547},{"_87":54,"_89":546},{"_87":54,"_89":545},{"_87":54,"_89":544},{"_87":54,"_89":543},{"_87":54,"_89":542},{"_87":54,"_89":541},{"_87":88,"_89":496},{"_87":88,"_89":540},{"_87":54,"_89":494},{"_87":54,"_89":539},{"_87":54,"_89":492},{"_87":88,"_89":491},{"_87":54,"_89":538},{"_87":88,"_89":489},{"_87":88,"_89":488},{"_87":54,"_89":487},{"_87":88,"_89":486},{"_87":88,"_89":485},{"_87":88,"_89":484},"\t\t\t\thot={hot?.column}","\t\t\t\taimed={aimed?.column}","\t\t\t\taxis=\"column\"","\t\t\t\t: null}","\t\t\t\t)","\t\t\t\t\t/>","\t\t\t\t\t\tstyle={seamLine(aim.axis, line, metrics)}","\t\t\t\t\t\tdata-plan-seam-line={aim.axis}","\t\t\t\t\t\tclassName=\"plan-seam-line\"","\t\t\t\t\t\taria-hidden=\"true\"","\t\t\t\t\t","\t\t: undefined;","\t\t? seams(aim.axis === \"column\" ? metrics.columns : metrics.rows)[aim.seam]","\tlet line = aim","\tlet holding = caretCell?.table === table.key;","\tlet hot = aimed ?? (caretCell?.table === table.key ? caretCell : undefined);","\tlet aimed = pointed?.table === table.key ? pointed : undefined;","\tlet tools = mode === \"full\";","\tif (disabled || !table || !metrics || metrics.key !== table.key) return null;","\t// table's rectangles would put the rails somewhere they do not belong.",257,323,[564,565,566,567,568,569,570,571,572,573,574,575,576,577,578,579,580,581,582,583,584],{"_87":88,"_89":604},{"_87":88,"_89":603},{"_87":88,"_89":351},{"_87":56,"_89":602},{"_87":54,"_89":601},{"_87":54,"_89":600},{"_87":88,"_89":599},{"_87":88,"_89":598},{"_87":88,"_89":597},{"_87":88,"_89":596},{"_87":56,"_89":595},{"_87":56,"_89":594},{"_87":56,"_89":593},{"_87":54,"_89":592},{"_87":54,"_89":591},{"_87":54,"_89":590},{"_87":54,"_89":589},{"_87":54,"_89":588},{"_87":88,"_89":587},{"_87":88,"_89":586},{"_87":88,"_89":585},"\t\t\t\tif (found) setActive(found);","\t\t\t\tcaret.current = found;","\t\t\t\tif (found === caret.current) return;","\t\t\t\tsetCaretCell(last => same(last, at) ? last : at);","\t\t\t\tlet at = cell ? cellAt(tablesRef.current, cell) : undefined;","\t\t\t\tlet cell = node ? $findMatchingParent(node, $isTableCellNode)?.getKey() : undefined;","\t\t\t\tlet found = node ? $findTableNode(node)?.getKey() : undefined;","\t\t\t\tlet node = $isRangeSelection(selection) ? selection.anchor.getNode() : undefined;","\t\t\t\t\t: undefined;","\t\t\t\t\t? $findTableNode(selection.anchor.getNode())?.getKey()","\t\t\t\tlet found = $isRangeSelection(selection)","\t\t\t\tlet selection = $getSelection();","\t\t\teditor.getEditorState().read(() => {","\t\tlet sync = () => {","\tuseEffect(() => {","\ttablesRef.current = tables;","\tlet tablesRef = useRef(tables);","\tlet caret = useRef(undefined);","\t * would flick between the two as long as somebody kept writing.","\t * re-asserting it against a pointer resting somewhere else, and the rails",237,292,[608,609,610,611,612,613,614,615,616,617,618,619,620,621,622,623,624,625,626,627,628,629],{"_87":88,"_89":649},{"_87":88,"_89":648},{"_87":88,"_89":647},{"_87":56,"_89":646},{"_87":54,"_89":645},{"_87":54,"_89":644},{"_87":54,"_89":643},{"_87":54,"_89":642},{"_87":54,"_89":641},{"_87":54,"_89":640},{"_87":54,"_89":639},{"_87":54,"_89":638},{"_87":54,"_89":637},{"_87":54,"_89":633},{"_87":54,"_89":636},{"_87":54,"_89":635},{"_87":54,"_89":634},{"_87":88,"_89":633},{"_87":56,"_89":632},{"_87":88,"_89":238},{"_87":88,"_89":631},{"_87":88,"_89":630},"\t\troot.addEventListener(\"pointerleave\", out);","\t\troot.addEventListener(\"pointerover\", over);","\t\tlet out = () => hover(undefined);","\t\t};","\t\t\tsetPointed(undefined);","\t\t\thover(undefined);","\t\tlet out = () => {","\t\t\tsetPointed(last => same(last, at) ? last : at);","\t\t\tlet at = key ? cellAt([found!], key) : undefined;","\t\t\t\t: undefined;","\t\t\t\t? found.cells.flat().find(item => editor.getElementByKey(item) === cell)","\t\t\tlet key = found && cell","\t\t\tlet cell = element?.closest(\"td, th\");","\t\t\tlet element = target instanceof Element ? target : target.parentElement;","\t\t\thover(found?.key);","\t\t\tlet found = tables.find(item => editor.getElementByKey(item.key)?.contains(target));","\t\t\thover(tables.find(item => editor.getElementByKey(item.key)?.contains(target))?.key);","\t\t\tif (!(target instanceof Node)) return;","\t\t\tlet target = event.target;","\t\tlet over = (event: PointerEvent) => {",227,278,[653,654,655,656,657,658,659,660,661,662,663,664],{"_87":88,"_89":674},{"_87":88,"_89":673},{"_87":88,"_89":672},{"_87":56,"_89":671},{"_87":54,"_89":670},{"_87":54,"_89":669},{"_87":54,"_89":668},{"_87":54,"_89":667},{"_87":54,"_89":666},{"_87":88,"_89":665},{"_87":88,"_89":238},{"_87":88,"_89":599},"\t}, []);","\t\t});","\t\t\tsetAim(undefined);","\t\t\tsetActive(caret.current);","\t\t\t// Back to the table holding the caret, if any, rather than none.","\t\tleaving.current = requestAnimationFrame(() => {","\t\tleaving.current = requestAnimationFrame(() => setActive(undefined));","\t\t */","\t\t * The rail's own handler cancels this before it runs.","\t\t * would take the rails out from under a pointer on its way to them.",214,264,[678,679,680,681,682,683,684],{"_87":88,"_89":689},{"_87":88,"_89":688},{"_87":88,"_89":687},{"_87":54,"_89":602},{"_87":88,"_89":238},{"_87":88,"_89":686},{"_87":88,"_89":685},"\t\tcancelAnimationFrame(leaving.current);","\tlet hover = useCallback((key: NodeKey | undefined) => {","\tlet leaving = useRef(0);","\tdragging.current = drag !== undefined;","\tlet dragging = useRef(false);",148,195,[693,694,695,696,697,698,699,700,701],{"_87":88,"_89":708},{"_87":88,"_89":707},{"_87":88,"_89":706},{"_87":54,"_89":705},{"_87":54,"_89":704},{"_87":54,"_89":703},{"_87":88,"_89":238},{"_87":88,"_89":702},{"_87":88,"_89":238},"\tlet table = tables.find(item => item.key === active);","\tlet [aim, setAim] = useState();","\tlet [caretCell, setCaretCell] = useState();","\tlet [pointed, setPointed] = useState();","\tlet [drag, setDrag] = useState();","\tlet [metrics, setMetrics] = useState();","\tlet [active, setActive] = useState();",133,179,[712,713,714,715,716,717,718],{"_87":88,"_89":723},{"_87":88,"_89":722},{"_87":88,"_89":721},{"_87":54,"_89":720},{"_87":88,"_89":719},{"_87":88,"_89":460},{"_87":88,"_89":238},"\t};","\t\tclip: visibleRect(element),","\t\trows,","\t\tcolumns,","\t\theight: frame.height,",84,86,55,[728,729,730,731,732,733,734,735,736,737,738,739,740,741,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,769,770,771,772,773,774,775,776,777,778,779,780,781,782],{"_87":88,"_89":822},{"_87":88,"_89":821},{"_87":88,"_89":820},{"_87":54,"_89":819},{"_87":54,"_89":818},{"_87":88,"_89":411},{"_87":88,"_89":238},{"_87":54,"_89":817},{"_87":54,"_89":816},{"_87":54,"_89":815},{"_87":54,"_89":814},{"_87":54,"_89":813},{"_87":54,"_89":812},{"_87":54,"_89":787},{"_87":54,"_89":811},{"_87":54,"_89":460},{"_87":54,"_89":238},{"_87":54,"_89":810},{"_87":54,"_89":809},{"_87":54,"_89":808},{"_87":54,"_89":807},{"_87":54,"_89":393},{"_87":54,"_89":806},{"_87":54,"_89":805},{"_87":54,"_89":804},{"_87":54,"_89":803},{"_87":54,"_89":802},{"_87":54,"_89":460},{"_87":54,"_89":238},{"_87":88,"_89":801},{"_87":88,"_89":800},{"_87":88,"_89":238},{"_87":54,"_89":799},{"_87":54,"_89":798},{"_87":54,"_89":238},{"_87":54,"_89":797},{"_87":54,"_89":796},{"_87":54,"_89":238},{"_87":54,"_89":795},{"_87":54,"_89":794},{"_87":54,"_89":460},{"_87":54,"_89":238},{"_87":54,"_89":793},{"_87":54,"_89":792},{"_87":54,"_89":791},{"_87":54,"_89":790},{"_87":54,"_89":789},{"_87":54,"_89":788},{"_87":54,"_89":787},{"_87":54,"_89":786},{"_87":54,"_89":460},{"_87":54,"_89":238},{"_87":88,"_89":785},{"_87":88,"_89":784},{"_87":88,"_89":783}," *"," * Measure one table.","/**","\treturn undefined;","\t}","\t\t}","\t\t\tif (column >= 0) return { table: table.key, row, column };","\t\t\tlet column = keys.indexOf(key);","\t\tfor (let [row, keys] of table.cells.entries()) {","\tfor (let table of tables) {","function cellAt(tables: Table[], key: NodeKey): Cell | undefined {","\treturn a?.table === b?.table && a?.row === b?.row && a?.column === b?.column;","function same(a: Cell | undefined, b: Cell | undefined): boolean {","type Aim = { axis: Axis; seam: number };","/** The seam an insert button is aimed at, drawn across the table. */","type Cell = { table: NodeKey; row: number; column: number };","/** A cell of the active table, by row and column. */","type Drag = { axis: Axis; from: number; seam: number };","/** A drag in progress. */","\treturn `inset(${inset.join(\" \")})`;","\t\t.map(edge => `${Math.max(edge, 0)}px`);","\tlet inset = [clip.top - box.top, 0, box.top + box.height - clip.bottom, 0]","\t// scroller's own box, and the chrome a rail must not cover is above and below.","\t// Vertical only: a row rail lives in the gutter, which can be outside the","\tbox: { left: number; top: number; width: number; height: number },","\tclip: Metrics[\"clip\"],","function clipTo(","/** A fixed overlay's `clip-path`, cutting off whatever falls outside `clip`. */","\treturn { top: 0, bottom: innerHeight };","\t\treturn { top, bottom };","\t\tlet { top, bottom } = node.getBoundingClientRect();","\t\tif (!/auto|scroll/.test(getComputedStyle(node).overflowY)) continue;","\tfor (let node = element.parentElement; node; node = node.parentElement) {","function visibleRect(element: HTMLElement): Metrics[\"clip\"] {","/** The nearest ancestor that scrolls vertically, or the viewport. */","\tclip: { top: number; bottom: number };","\t/** The visible rect of the scroller the table is in, which rails never draw past. */","\trows: Track[];","\tcolumns: Track[];","\theight: number;",54,56,[826,827,828,829,830,831,832,833,834,835,836,837,838,839,840,841,842,843,844,845,846],{"_87":88,"_89":863},{"_87":88,"_89":862},{"_87":88,"_89":861},{"_87":56,"_89":860},{"_87":56,"_89":859},{"_87":54,"_89":858},{"_87":54,"_89":857},{"_87":88,"_89":856},{"_87":88,"_89":238},{"_87":88,"_89":855},{"_87":56,"_89":854},{"_87":54,"_89":853},{"_87":88,"_89":238},{"_87":88,"_89":852},{"_87":56,"_89":851},{"_87":56,"_89":850},{"_87":54,"_89":849},{"_87":54,"_89":848},{"_87":88,"_89":238},{"_87":88,"_89":847},{"_87":88,"_89":238},"export type RailMode = \"full\" | \"grips\";","const PAIR = 13;","const BUTTON = 24;","const PAIR = 8;","const BUTTON = 15;","/** One button in the tool lane, and how far each of a pair sits from centre. */","const SEAM = 24;","const SEAM = 16;","/** How much of a seam can be aimed at. */","const DEPTH = GRIP + TOOL;","const TOOL = 24;","const GRIP = 12;","const TOOL = 14;","const GRIP = 14;"," */"," * other's pointer."," * going down. Nothing in the two lanes overlaps now, so neither can take the",8,26,[867,868,869,870,871,872,873,874,875,876],{"_87":88,"_89":238},{"_87":88,"_89":884},{"_87":88,"_89":883},{"_87":56,"_89":882},{"_87":56,"_89":881},{"_87":54,"_89":880},{"_87":54,"_89":879},{"_87":88,"_89":238},{"_87":88,"_89":878},{"_87":88,"_89":877},"import { destination, dropSeam, gripBox, seamAt, seamBox, seams } from \"./geometry\";","import { alignmentLabel, nextAlign } from \"./alignment\";","import { $findMatchingParent, $getSelection, $isRangeSelection } from \"lexical\";","import { $findTableNode, $isTableCellNode } from \"@lexical/table\";","import { $getSelection, $isRangeSelection } from \"lexical\";","import { $findTableNode } from \"@lexical/table\";","import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";","import { Fragment, useCallback, useEffect, useLayoutEffect, useRef, useState } from \"react\";",[886,887,888,889,890,891,892,893,894,895],{"_87":88,"_89":783},{"_87":88,"_89":903},{"_87":88,"_89":902},{"_87":56,"_89":901},{"_87":54,"_89":900},{"_87":54,"_89":899},{"_87":54,"_89":898},{"_87":88,"_89":783},{"_87":88,"_89":897},{"_87":88,"_89":896}," * the way down and the test runtime has no DOM. What can be decided without one"," * There is no test for this file, on purpose: it is rectangles and pointers all"," * shows only while its seam is aimed at."," * column being pointed at, or holding the caret, draw a grip; an insert button"," * around prose that is mostly not tables. Within that table only the row and"," * around prose that is mostly not tables."," * caret is in. Rails on every table at once would be a page of grey furniture"," * Only one table has rails at a time — whichever the pointer is over, or the","ee0f0745","5513979f","packages/editor/src/styles.css",{"_121":1356,"_123":124},{"_121":1355,"_123":124},111,31,[912,913,914,915,916,917,918,919,920,921],{"_62":1300,"_64":247,"_65":1300,"_66":865,"_68":1301},{"_62":1204,"_64":924,"_65":1205,"_66":1206,"_68":1207},{"_62":1171,"_64":1172,"_65":1173,"_66":1174,"_68":1175},{"_62":1088,"_64":249,"_65":1089,"_66":1090,"_68":1091},{"_62":1065,"_64":55,"_65":1066,"_66":1067,"_68":1068},{"_62":1050,"_64":107,"_65":1051,"_66":107,"_68":1052},{"_62":1015,"_64":155,"_65":1016,"_66":155,"_68":1017},{"_62":979,"_64":67,"_65":980,"_66":67,"_68":981},{"_62":952,"_64":192,"_65":953,"_66":924,"_68":954},{"_62":922,"_64":55,"_65":923,"_66":924,"_68":925},1842,1916,15,[926,927,928,929,930,931,932,933,934,935,936,937,938,939,940,941],{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":88,"_89":951},{"_87":54,"_89":950},{"_87":54,"_89":949},{"_87":54,"_89":948},{"_87":54,"_89":787},{"_87":54,"_89":238},{"_87":88,"_89":947},{"_87":88,"_89":946},{"_87":56,"_89":945},{"_87":54,"_89":944},{"_87":54,"_89":943},{"_87":88,"_89":942},{"_87":88,"_89":787},{"_87":88,"_89":460},"\t\ttransition: none;","\t.plan-align {","\t.plan-insert,","\t.plan-insert {","\t.plan-grip-remove,","\t.plan-grip,","\t\tanimation: none;","\t.plan-seam-line {","\t.plan-rail,","@media (prefers-reduced-motion: reduce) {",1791,1856,[955,956,957,958,959,960,961,962,963,964,965,966,967,968,969],{"_87":88,"_89":974},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":54,"_89":978},{"_87":54,"_89":977},{"_87":54,"_89":971},{"_87":54,"_89":976},{"_87":54,"_89":975},{"_87":54,"_89":974},{"_87":54,"_89":973},{"_87":54,"_89":460},{"_87":54,"_89":238},{"_87":88,"_89":972},{"_87":88,"_89":971},{"_87":88,"_89":970},"\tz-index: 50;","\tposition: fixed;",".plan-table-action-toolbar {","\tanimation: plan-rail-in var(--duration-fast) var(--ease-out);","\tpointer-events: none;","\tbackground: var(--color-brand);","\tz-index: 40;",".plan-seam-line {","/* Where an aimed-at insert will put the new row or column, across the table. */",1771,1836,[982,983,984,985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000,1001],{"_87":88,"_89":238},{"_87":88,"_89":1014},{"_87":88,"_89":1013},{"_87":56,"_89":1012},{"_87":54,"_89":1011},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":88,"_89":1010},{"_87":56,"_89":1009},{"_87":56,"_89":1008},{"_87":54,"_89":1007},{"_87":54,"_89":1006},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":88,"_89":1005},{"_87":56,"_89":1004},{"_87":54,"_89":1003},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":88,"_89":1002},"/* Where the drag will land. A hairline, because it is a position rather than a","\tleft: 11px;","\tleft: 7px;",".plan-align[data-plan-align=\"right\"]::after {","\tright: 9px;","\tleft: 9px;","\tright: 5px;","\tleft: 5px;",".plan-align[data-plan-align=\"center\"]::after {","\tright: 11px;","\tright: 7px;",".plan-align[data-plan-align=\"left\"]::after {",".plan-align[data-plan-align=\"default\"]::after,",1747,1812,[1018,1019,1020,1021,1022,1023,1024,1025,1026,1027,1028,1029,1030,1031,1032,1033,1034,1035,1036,1037,1038],{"_87":88,"_89":1042},{"_87":88,"_89":1049},{"_87":88,"_89":1048},{"_87":56,"_89":1047},{"_87":56,"_89":1046},{"_87":54,"_89":1004},{"_87":54,"_89":1012},{"_87":88,"_89":1045},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":88,"_89":1044},{"_87":56,"_89":1043},{"_87":54,"_89":1041},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":88,"_89":1042},{"_87":56,"_89":1041},{"_87":54,"_89":1040},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":88,"_89":1039},".plan-align[data-plan-align=\"default\"] {","\ttop: 13px;","\ttop: 9px;",".plan-align::after {","\ttop: 5px;",".plan-align::before {","\tborder-top: 1.5px solid currentcolor;","\tright: 3px;","\tleft: 3px;","\tposition: absolute;","\tcontent: \"\";",1719,1784,[1053,1054,1055,1056,1057,1058,1059,1060],{"_87":88,"_89":1064},{"_87":88,"_89":1049},{"_87":88,"_89":1048},{"_87":56,"_89":1063},{"_87":54,"_89":1062},{"_87":88,"_89":1045},{"_87":88,"_89":1061},{"_87":88,"_89":460},"\ttranslate: 0 -50%;","\tinset: 50% 30%;","\tinset: 50% 25%;",".plan-insert::after {",1706,1770,10,[1069,1070,1071,1072,1073,1074,1075,1076,1077,1078,1079],{"_87":88,"_89":238},{"_87":88,"_89":1087},{"_87":88,"_89":1086},{"_87":54,"_89":1085},{"_87":88,"_89":1084},{"_87":54,"_89":1083},{"_87":88,"_89":1082},{"_87":56,"_89":1081},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":88,"_89":1080},"/* Drawn rather than lettered: at fifteen pixels a glyph is a smudge, and these","\toutline-color: var(--color-brand);","\tcolor: var(--color-text-primary);","\tbackground-color: var(--color-hover);",".plan-align:hover {",".plan-insert:focus-visible,",".plan-insert:hover,",".plan-grip-remove:hover,",1681,1731,38,[1092,1093,1094,1095,1096,1097,1098,1099,1100,1101,1102,1103,1104,1105,1106,1107,1108,1109,1110,1111,1112,1113,1114,1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126,1127,1128,1129,1130,1131,1132,1133,1134,1135],{"_87":88,"_89":1170},{"_87":88,"_89":1169},{"_87":88,"_89":861},{"_87":54,"_89":1168},{"_87":54,"_89":1167},{"_87":54,"_89":1166},{"_87":54,"_89":861},{"_87":88,"_89":1165},{"_87":88,"_89":1164},{"_87":88,"_89":1163},{"_87":88,"_89":1162},{"_87":88,"_89":974},{"_87":56,"_89":1161},{"_87":54,"_89":1160},{"_87":88,"_89":1159},{"_87":56,"_89":1158},{"_87":56,"_89":1157},{"_87":56,"_89":1156},{"_87":56,"_89":1155},{"_87":54,"_89":1154},{"_87":54,"_89":1153},{"_87":54,"_89":1152},{"_87":54,"_89":1151},{"_87":54,"_89":1150},{"_87":54,"_89":1149},{"_87":54,"_89":460},{"_87":54,"_89":238},{"_87":54,"_89":1148},{"_87":54,"_89":1147},{"_87":54,"_89":1146},{"_87":54,"_89":1145},{"_87":54,"_89":1144},{"_87":54,"_89":1136},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":88,"_89":1143},{"_87":88,"_89":1142},{"_87":88,"_89":1141},{"_87":88,"_89":1140},{"_87":56,"_89":1139},{"_87":54,"_89":1086},{"_87":88,"_89":1138},{"_87":88,"_89":1137},{"_87":88,"_89":1136},"\tpointer-events: auto;","\topacity: 1;",".plan-insert:focus-visible {",".plan-rail:hover .plan-insert,",".plan-align:focus-visible,",".plan-grip-remove:focus-visible,",".plan-align[data-plan-shown],",".plan-grip-remove[data-plan-shown],",".plan-insert[data-plan-live] {"," insert wins, and the remove hides while an insert is aimed. */"," the rail than a remove button, so where the two meet on a short row the"," being pointed at it takes the pointer while still invisible. It is later in","/* An insert shows only while its own seam is aimed at, so beside the track","\t\tcolor var(--duration-fast) var(--ease-out);","\t\tbackground-color var(--duration-fast) var(--ease-out),","\t\topacity var(--duration-fast) var(--ease-out),","\ttransition:","\tcolor: var(--color-text-tertiary);","\tbackground-clip: content-box;","\tcolor: var(--color-text-quaternary);","\toutline-offset: calc(-1 * var(--edge-width));","\toutline: var(--edge-width) solid var(--color-control-edge);","\tbackground: var(--color-page);","\tborder-radius: var(--radius-sm);","\tpadding: calc(var(--spacing) / 2);","\ttransition: opacity var(--duration-fast) var(--ease-out);","\topacity: 0;",".plan-align {",".plan-insert,",".plan-grip-remove,"," * by its padding, so a 24-pixel target reads as a 20-pixel control."," * Each button's box is its whole target; the ghost drawn inside it is smaller,","/*"," * an invisible cross cannot be clicked by accident."," * in the tab order while it is out of sight — and `pointer-events` with it, so",1664,12,1713,13,[1176,1177,1178,1179,1180,1181,1182,1183,1184,1185,1186,1187,1188,1189,1190,1191,1192],{"_87":88,"_89":1203},{"_87":88,"_89":1202},{"_87":88,"_89":975},{"_87":54,"_89":1201},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":56,"_89":1200},{"_87":56,"_89":1199},{"_87":56,"_89":1198},{"_87":56,"_89":1197},{"_87":54,"_89":1196},{"_87":54,"_89":1195},{"_87":54,"_89":1194},{"_87":54,"_89":1162},{"_87":88,"_89":1193},{"_87":88,"_89":460},{"_87":88,"_89":238},"\tcursor: default;",".plan-rail .plan-grip.is-fixed {"," and cannot be removed, so nothing is drawn there. */","/* The header row's place in the rail. Not a control: the header cannot move","\tbackground: color-mix(in oklch, var(--color-edge) 60%, transparent);",".plan-grip.is-fixed {"," but not a control: the header cannot move and cannot be removed. */","/* The header row's bar. Drawn so the rail has no gap where the row plainly is,","\tcolor: var(--color-page);","\tcursor: grabbing;",".plan-grip.is-held {",1642,1649,57,[1208,1209,1210,1211,1212,1213,1214,1215,1216,1217,1218,1219,1220,1221,1222,1223,1224,1225,1226,1227,1228,1229,1230,1231,1232,1233,1234,1235,1236,1237,1238,1239,1240,1241,1242,1243,1244,1245,1246,1247,1248,1249,1250,1251,1252,1253,1254,1255,1256,1257,1258,1259,1260,1261,1262,1263,1264,1265,1266,1267],{"_87":88,"_89":1299},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":54,"_89":1168},{"_87":54,"_89":1298},{"_87":54,"_89":1297},{"_87":54,"_89":1296},{"_87":54,"_89":861},{"_87":88,"_89":1295},{"_87":54,"_89":1136},{"_87":54,"_89":1162},{"_87":88,"_89":1159},{"_87":56,"_89":1284},{"_87":56,"_89":1294},{"_87":54,"_89":1293},{"_87":54,"_89":1155},{"_87":54,"_89":1152},{"_87":54,"_89":1151},{"_87":54,"_89":1150},{"_87":54,"_89":1149},{"_87":54,"_89":460},{"_87":54,"_89":238},{"_87":54,"_89":1292},{"_87":54,"_89":1291},{"_87":54,"_89":460},{"_87":54,"_89":238},{"_87":54,"_89":1290},{"_87":54,"_89":1289},{"_87":54,"_89":1288},{"_87":54,"_89":1137},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":88,"_89":1287},{"_87":88,"_89":1286},{"_87":56,"_89":1285},{"_87":54,"_89":1284},{"_87":54,"_89":1283},{"_87":54,"_89":460},{"_87":54,"_89":238},{"_87":54,"_89":1282},{"_87":54,"_89":1281},{"_87":54,"_89":1280},{"_87":54,"_89":1049},{"_87":54,"_89":1048},{"_87":54,"_89":1279},{"_87":54,"_89":1278},{"_87":54,"_89":1277},{"_87":54,"_89":1276},{"_87":54,"_89":1275},{"_87":54,"_89":1274},{"_87":54,"_89":1273},{"_87":54,"_89":1272},{"_87":54,"_89":460},{"_87":54,"_89":238},{"_87":54,"_89":1271},{"_87":54,"_89":1270},{"_87":54,"_89":1269},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":88,"_89":1268},"[data-plan-rail=\"column\"] .plan-grip {","\theight: calc(var(--spacing) * 2);","\twidth: calc(var(--spacing) * 3);","[data-plan-rail=\"column\"] .plan-grip::before {","\tbackground-size: var(--spacing) var(--spacing);","\tbackground-image: radial-gradient(circle, currentcolor 35%, transparent 45%);","\t/* Stops are fractions of the tile's half-diagonal: a dot of about a pixel. */","\ttranslate: -50% -50%;","\theight: calc(var(--spacing) * 3);","\twidth: calc(var(--spacing) * 2);","\tleft: 50%;","\ttop: 50%;",".plan-grip::before {"," dots stay on whole pixels at any track length. */","/* Six dots, the mark for \"this can be dragged\". Drawn rather than an icon so the","\tcolor: var(--color-text-secondary);","\tbackground: var(--color-selected);","\tbackground: color-mix(in oklch, var(--color-brand) 45%, transparent);",".plan-grip:focus-visible {",".plan-grip:hover,",".plan-rail .plan-grip.is-held {",".plan-rail .plan-grip:focus-visible,",".plan-rail .plan-grip[data-plan-hot],","\topacity: 0.35;",".plan-rail[data-plan-caret] .plan-grip {","\tbackground: var(--color-hover);","\ttransition: background-color var(--duration-fast) var(--ease-out);",".plan-grip {"," * keyboard user can still see where every row and column can be taken from."," * The rest wait at nothing, or faintly while the caret is in the table, so a"," * Only the grip of the track being pointed at, or holding the caret, is drawn.","\tbackground: transparent;",1620,[1302,1303,1304,1305,1306,1307,1308,1309,1310,1311,1312,1313,1314,1315,1316,1317,1318,1319,1320,1321,1322,1323,1324,1325,1326,1327,1328,1329,1330,1331,1332,1333,1334],{"_87":88,"_89":1354},{"_87":88,"_89":861},{"_87":88,"_89":1168},{"_87":56,"_89":1353},{"_87":54,"_89":1352},{"_87":88,"_89":783},{"_87":56,"_89":1351},{"_87":56,"_89":1350},{"_87":56,"_89":1349},{"_87":56,"_89":1348},{"_87":56,"_89":1347},{"_87":56,"_89":1346},{"_87":54,"_89":1345},{"_87":54,"_89":1344},{"_87":54,"_89":1343},{"_87":54,"_89":1342},{"_87":54,"_89":1341},{"_87":88,"_89":861},{"_87":88,"_89":1340},{"_87":88,"_89":971},{"_87":88,"_89":976},{"_87":88,"_89":1339},{"_87":54,"_89":974},{"_87":54,"_89":973},{"_87":54,"_89":460},{"_87":54,"_89":238},{"_87":54,"_89":1338},{"_87":54,"_89":1337},{"_87":54,"_89":1336},{"_87":54,"_89":787},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":88,"_89":1335},".plan-rail > * {","\t\topacity: 0;","\tfrom {","@keyframes plan-rail-in {","\toverflow: hidden;",".plan-rail {"," * passes through a hole that would end the hover."," * sit beside the grip it came from, so crossing from table to control never"," * is unbroken and lies against the table, and the buttons a pointer heads for"," * which is usually the paragraph somebody wants to click next. The grip lane"," * Its button lane reaches past the gap above a table into the block above,"," * gutter; the prose it covers for that moment is not worth the flicker."," * while its table is being pointed at, and it is 28 pixels of a 32-pixel"," * blinked out from under a hand on its way across them. A rail exists only"," * pointer crosses anything untargetable, so every hole was somewhere the rails"," * and that is what this did first. But `pointerleave` fires the instant the"," * It is tempting to pass the gaps through so the prose behind stays clickable,"," * The rail itself lets the pointer through; only its controls take it."," * The rail takes pointer events across the whole of itself, holes included."," * than replacing it.","8316a8ca","17c07d91","e2e/table.e2e.ts",{"_121":1519,"_123":124},{"_121":1518,"_123":124},65,3,[1363,1364],{"_62":1492,"_64":1174,"_65":1492,"_66":1172,"_68":1493},{"_62":1365,"_64":192,"_65":1366,"_66":1367,"_68":1368},154,153,69,[1369,1370,1371,1372,1373,1374,1375,1376,1377,1378,1379,1380,1381,1382,1383,1384,1385,1386,1387,1388,1389,1390,1391,1392,1393,1394,1395,1396,1397,1398,1399,1400,1401,1402,1403,1404,1405,1406,1407,1408,1409,1410,1411,1412,1413,1414,1415,1416,1417,1418,1419,1420,1421,1422,1423,1424,1425,1426,1427,1428,1429,1430,1431,1432,1433,1434,1435,1436,1437],{"_87":88,"_89":1491},{"_87":88,"_89":1441},{"_87":88,"_89":238},{"_87":54,"_89":1490},{"_87":54,"_89":1439},{"_87":54,"_89":1461},{"_87":54,"_89":1489},{"_87":54,"_89":1488},{"_87":54,"_89":1458},{"_87":54,"_89":238},{"_87":54,"_89":1487},{"_87":54,"_89":1486},{"_87":54,"_89":1485},{"_87":54,"_89":238},{"_87":54,"_89":1484},{"_87":54,"_89":1483},{"_87":54,"_89":1482},{"_87":54,"_89":1481},{"_87":54,"_89":1480},{"_87":54,"_89":1479},{"_87":54,"_89":1478},{"_87":54,"_89":1477},{"_87":54,"_89":1476},{"_87":54,"_89":1475},{"_87":54,"_89":238},{"_87":54,"_89":1474},{"_87":54,"_89":1473},{"_87":54,"_89":1472},{"_87":54,"_89":1471},{"_87":54,"_89":1470},{"_87":54,"_89":1469},{"_87":54,"_89":787},{"_87":54,"_89":1468},{"_87":54,"_89":1467},{"_87":54,"_89":1466},{"_87":54,"_89":1451},{"_87":54,"_89":1465},{"_87":54,"_89":1464},{"_87":54,"_89":1441},{"_87":54,"_89":238},{"_87":54,"_89":1463},{"_87":54,"_89":1462},{"_87":54,"_89":1461},{"_87":54,"_89":1460},{"_87":54,"_89":1459},{"_87":54,"_89":1458},{"_87":54,"_89":238},{"_87":54,"_89":1457},{"_87":54,"_89":1456},{"_87":54,"_89":1455},{"_87":54,"_89":1454},{"_87":54,"_89":1453},{"_87":54,"_89":1452},{"_87":54,"_89":1451},{"_87":54,"_89":1450},{"_87":54,"_89":1449},{"_87":54,"_89":238},{"_87":54,"_89":1448},{"_87":54,"_89":1447},{"_87":54,"_89":1446},{"_87":54,"_89":1445},{"_87":54,"_89":1444},{"_87":54,"_89":1443},{"_87":54,"_89":1442},{"_87":54,"_89":1441},{"_87":54,"_89":238},{"_87":88,"_89":1440},{"_87":88,"_89":1439},{"_87":88,"_89":1438},"\tlet page = await join(\"ana\");","\tawait seed(TABLE);","test(\"a grip moves its row from the keyboard\", async ({ join, seed }) => {","});","\t).toBe(\"A paragraph that ends just above the table.\");","\t\t})","\t\t\treturn element?.closest(\"p\")?.textContent ?? null;","\t\t\tlet element = node instanceof Element ? node : node?.parentElement;","\t\t\tlet node = getSelection()?.anchorNode;","\t\tpage.evaluate(() => {","\tawait expect.poll(() =>","\tawait page.mouse.click(x, y);","\texpect(y).toBeGreaterThan(railBox.y);","\tlet railBox = (await rail.boundingBox())!;","\tlet y = line.y + line.height - 4;","\tlet x = cell.x + cell.width / 2;","\t// The rail's button lane reaches up over this line; it must let the click through.","\tlet cell = (await content(page).getByRole(\"cell\", { name: \"one\" }).boundingBox())!;","\tlet line = (await paragraph.boundingBox())!;","\tlet paragraph = content(page).getByText(\"A paragraph that ends just above the table.\");","\tawait expect(rail).toBeVisible();","\tlet rail = page.locator('[data-plan-rail=\"column\"]');","\tawait content(page).getByRole(\"cell\", { name: \"one\" }).click();","\tlet page = await join(\"ana\", { viewport: { width: 1440, height: 900 } });","\tawait seed(`A paragraph that ends just above the table.\\n\\n${TABLE}`);","test(\"the paragraph above a table stays clickable while its rails show\", async ({ join, seed }) => {","\texpect(tipBox.x + tipBox.width).toBeLessThanOrEqual(railBox.x);","\tlet tipBox = (await tooltip.boundingBox())!;","\tawait expect(tooltip).toBeVisible();","\tlet tooltip = page.locator(\"[data-icon-tooltip][data-visible]\");","\t// The grip's tooltip opens beyond the rail rather than over its buttons.","\t\texpect(Math.min(box.width, box.height)).toBeGreaterThanOrEqual(24);","\t\tlet box = (await button.boundingBox())!;","\tfor (let button of [insert, remove]) {","\tawait expect(remove).toHaveCSS(\"opacity\", \"1\");","\tlet remove = rail.getByRole(\"button\", { name: \"Remove row 3\" });","\tawait grip(rail, \"row\", 3).hover();","\texpect(Math.abs(lineBox.width - table.width)).toBeLessThan(2);","\tlet lineBox = (await line.boundingBox())!;","\tlet table = (await content(page).locator(\"table\").boundingBox())!;","\tawait expect(line).toBeVisible();","\tlet line = page.locator('[data-plan-seam-line=\"row\"]');","\tawait expect(insert).toHaveCSS(\"opacity\", \"1\");","\tawait insert.hover();","\tawait expect(insert).toHaveCSS(\"opacity\", \"0\");","\tlet insert = rail.getByRole(\"button\", { name: \"Insert row after row 2\" });","\t// An insert shows only on its own seam, with a line across the table there.","\tawait expect(grip(rail, \"row\", 2)).toHaveCSS(\"opacity\", \"0\");","\tawait expect(grip(rail, \"row\", 3)).toHaveCSS(\"opacity\", \"1\");","\t// The pointed row's grip is drawn; the others wait undrawn.","\tlet rail = page.locator('[data-plan-rail=\"row\"]');","\tawait content(page).getByRole(\"cell\", { name: \"two\" }).hover();","test(\"rails disclose only the pointed track, with roomy targets outside it\", async ({ join, seed }) => {","\tawait expect(rail.getByRole(\"button\", { name: /^Move row / })).toHaveCount(3);",135,[1494,1495,1496,1497,1498,1499,1500,1501,1502,1503,1504,1505,1506,1507,1508],{"_87":88,"_89":1517},{"_87":88,"_89":1441},{"_87":88,"_89":238},{"_87":56,"_89":1516},{"_87":54,"_89":1515},{"_87":88,"_89":1439},{"_87":88,"_89":1438},{"_87":88,"_89":1514},{"_87":88,"_89":238},{"_87":56,"_89":1513},{"_87":56,"_89":1512},{"_87":54,"_89":1511},{"_87":88,"_89":1510},{"_87":88,"_89":1509},{"_87":88,"_89":238},"\tawait expect(rail.getByRole(\"button\", { name: \"Remove row 1\" })).toHaveCount(0);","\tawait expect(rail.getByRole(\"button\", { name: \"Move row 1\" })).toHaveCount(0);","\t// The header cannot be taken hold of.","\t// a bug, so the header is drawn and simply cannot be taken hold of.","\t// A bar and not a gap: a rail with a hole where a row plainly is reads as","\tlet rail = await rails(page);","test(\"the header row has no grip\", async ({ join, seed }) => {","test(\"the header row is drawn a bar, not a grip\", async ({ join, seed }) => {","\tawait expectNoHorizontalOverflow(page);","b7b3200d","52ae1af5","apps/web/src/icon-tooltip.tsx",{"_121":1559,"_123":124},{"_121":1558,"_123":124},0,[1525],{"_62":1526,"_64":192,"_65":1526,"_66":155,"_68":1527},150,[1528,1529,1530,1531,1532,1533,1534,1535,1536,1537,1538,1539,1540,1541,1542,1543,1544],{"_87":88,"_89":1549},{"_87":88,"_89":1548},{"_87":88,"_89":293},{"_87":54,"_89":1557},{"_87":54,"_89":1556},{"_87":54,"_89":1555},{"_87":54,"_89":1554},{"_87":54,"_89":1553},{"_87":54,"_89":1552},{"_87":54,"_89":1551},{"_87":54,"_89":1550},{"_87":54,"_89":1549},{"_87":54,"_89":1548},{"_87":54,"_89":293},{"_87":88,"_89":1547},{"_87":88,"_89":1546},{"_87":88,"_89":1545},"\t\t\t\ttooltip.dataset.side = below ? \"bottom\" : \"top\";","\t\t\t\ttooltip.style.top = `${below ? rect.bottom + GAP : rect.top - GAP}px`;","\t\t\t\tlet below = rect.top < tooltip.offsetHeight + GAP;","\t\t\t\t\t}","\t\t\t\t\t\treturn;","\t\t\t\t\t\ttooltip.setAttribute(\"data-visible\", \"\");","\t\t\t\t\t\ttooltip.style.left = `${left - GAP - tooltip.offsetWidth}px`;","\t\t\t\t\t\ttooltip.style.top = `${rect.top + rect.height / 2}px`;","\t\t\t\t\tif (left - GAP - tooltip.offsetWidth >= 8) {","\t\t\t\t\tlet left = (button.closest(\"[data-tooltip-edge]\") ?? button).getBoundingClientRect().left;","\t\t\t\t\ttooltip.dataset.side = \"left\";","\t\t\t\tif (button.dataset.tooltipSide === \"left\") {","\t\t\t\t// A table's row rail keeps its tooltips beyond its outer edge, clear of its controls.","d21b81d5","49aa06da","apps/web/src/icon-tooltip.css",{"_121":1581,"_123":124},{"_121":1580,"_123":124},[1564],{"_62":910,"_64":192,"_65":910,"_66":1067,"_68":1565},[1566,1567,1568,1569,1570,1571,1572,1573,1574,1575],{"_87":88,"_89":1578},{"_87":88,"_89":460},{"_87":88,"_89":238},{"_87":54,"_89":1579},{"_87":54,"_89":1578},{"_87":54,"_89":460},{"_87":54,"_89":238},{"_87":88,"_89":1577},{"_87":88,"_89":1137},{"_87":88,"_89":1576},"\tvisibility: visible;",".icon-tooltip[data-visible] {","\ttransform: translateY(-50%);",".icon-tooltip[data-side=\"left\"] {","9e811c90","b247f2c0","id","01M4CB1B0GCAW37RXZPHR7Q391","project","number",359,"title","Disclose table rails per track, with grips and seam inserts","description",{"_1621":1622,"_53":1623},"state","merged","base",{"_1584":18,"_1617":1620,"_1619":36},"head",{"_1584":18,"_1617":1618,"_1619":38},"mergeRevision","519d116811543e3ea1447e39451c51d54877cd13","implements",[],"addresses",[],"createdBy",{"_1613":1614},"createdAt","2026-10-07T23:26:34.000Z","updatedAt","2026-10-08T14:47:14.000Z","locked","fork","headAvailable",true,"actor",{"_52":1615,"_1582":1616},"user","import:github:5599295","branch","refs/pull/359/head","revision","refs/heads/main","format","markdown","## Why\nTable rails showed every row and column as soon as any cell was hovered. Their controls were cramped, and row tooltips covered nearby actions.\n\n## What changed\n- Show the grip for the pointed track, with faint grips while the caret is in the table. Rails fade in and respect reduced motion.\n- Reveal insert controls at the aimed seam with a line across the table. Give remove and align controls larger, borderless targets.\n- Keep the rails clipped to the document scroller and their container pointer-transparent outside active controls.\n- Move row tooltips to the left, retain keyboard shortcuts and the existing phone toolbar.\n- Renew the reviewed design hash after checking the integrated rail source.\n\n## Verification\n49 focused table tests, `bun run types`, `bun run ci`, and `bun run build` pass on the restacked branch. GitHub's browser suite will check the two new rail scenarios on the final published head.\n\n## Known follow-up\nTab and Shift+Tab do not yet leave the editor, so the rail grips are reached by screen reader or programmatic focus. Their existing keyboard move shortcuts work once focused.\n\n## Visuals\n![Table rail before](https://github.com/user-attachments/assets/3dea78e7-351a-4740-9e0c-136bb09f5ae1)\n\n![Table rail after](https://github.com/user-attachments/assets/350cc9ec-7fe6-479c-9638-c42aabb86823)\n\n![Insert seam](https://github.com/user-attachments/assets/b7625096-098a-4c49-9a28-345574603978)\n","MaggieAppleton","documentNavigation","repo","githubnext/chopin","repoId","ownerId","org:89615882","site","nexthub","private","admin","settings","triage","starred","stars","watchers","watching","pinned","notify","views",[1760,1761,1762,1763,1764,1765,1766,1767,1768,1769,1770,1771,1772],"navigation",{"_1643":1644,"_1723":1724,"_1725":1726,"_1727":1728,"_1729":1730,"_1731":1732,"_87":1733},"sources",[],"meta",{"_1589":1718,"_1719":1720,"_1721":238,"_1633":22,"_1595":1713,"_1722":22,"_1638":1523,"_1639":1523},"branches",[1661,1662,1663,1664,1665,1666,1667,1668,1669,1670,1671,1672,1673,1674,1675,1676,1677,1678,1679,1680,1681,1682,1683,1684,30,1685,1686,1687,1688,1689,1690,1691,1692,1693,1694,1695,1696,1697,1698,1699,1700,1701,1702,1703,1704,1705,1706,1707,1708,1709,1710,1711,1712,1713,1714,1715,1716,1717],"tags",[1657,1658,1659,1660],"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","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","Let's compose rich plans together","owner","githubnext","section","empty","pins",[1744,1745,1746],"documents",{"_1740":1741,"_1742":153},"code",{"_23":1738,"_1739":1174},"automations",{"_1736":1361,"_1737":-5},"delivery",{"_1734":1523,"_1735":-5},"04zvKQ8QOrDUF8TO1Ovz0Zy8_TT","releases","applications","workflows","deployments",1000,"changes","counts",{"_1743":153},"total","issue",{"_1582":1739,"_1748":1758,"_48":1739,"_1750":1759,"_1641":1612,"_1752":22,"_1753":1612,"_1754":1174},{"_1582":1755,"_1748":1756,"_48":1755,"_1750":1757,"_1641":1612,"_1752":22,"_1753":1612,"_1754":1523},{"_1582":1747,"_1748":1749,"_48":1747,"_1750":1751,"_1641":1612,"_1752":22,"_1753":1612,"_1754":153},"issues","name","Issues","filters",{},"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_1582":1739,"_1748":1758,"_48":1739,"_1750":1803,"_1641":1612,"_1752":22,"_1753":1612},{"_1582":1755,"_1748":1756,"_48":1755,"_1750":1802,"_1641":1612,"_1752":22,"_1753":1612},{"_1582":1747,"_1748":1749,"_48":1747,"_1750":1801,"_1641":1612,"_1752":22,"_1753":1612},{"_1582":1798,"_1748":1799,"_48":1798,"_1750":1800,"_1641":22,"_1752":22,"_1753":1612},{"_1582":1795,"_1748":1796,"_48":1795,"_1750":1797,"_1641":22,"_1752":22,"_1753":1612},{"_1582":1736,"_1748":1793,"_48":1729,"_1750":1794,"_1641":22,"_1752":22,"_1753":1612},{"_1582":1737,"_1748":1790,"_48":1791,"_1750":1792,"_1641":22,"_1752":22,"_1753":1612},{"_1582":1734,"_1748":1788,"_48":1734,"_1750":1789,"_1641":22,"_1752":22,"_1753":1612},{"_1582":1784,"_1748":1785,"_48":1786,"_1750":1787,"_1641":22,"_1752":22,"_1753":1612},{"_1582":1725,"_1748":1782,"_48":1725,"_1750":1783,"_1641":22,"_1752":22,"_1753":22},{"_1582":1779,"_1748":1780,"_48":1779,"_1750":1781,"_1641":22,"_1752":22,"_1753":22},{"_1582":1776,"_1748":1777,"_48":1776,"_1750":1778,"_1641":22,"_1752":22,"_1753":22},{"_1582":1773,"_1748":1774,"_48":1773,"_1750":1775,"_1641":22,"_1752":22,"_1753":22},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups",[],"now",1794435430032,"sidebar","expanded"]