[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_1724":-5,"_1916":1917,"_1918":1919},"routes/shell",{"_1740":1741,"_1914":-5,"_1724":-5,"_27":1915},"routes/repo",{"_1734":-7,"_1735":1736,"_1737":18,"_1738":1739,"_1740":1741,"_1742":22,"_1743":22,"_1744":22,"_21":22,"_1745":22,"_1746":22,"_1747":883,"_1748":883,"_1749":22,"_1750":-7,"_1751":-7,"_1752":1753,"_1754":1755,"_1756":1757,"_34":-5,"_1758":1759,"_1760":1761,"_1762":1763,"_1764":1765},"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",{"_1725":1733},"selections",{},"repositoryId","7d1a8ac3-35b0-4dea-85d4-06a980f3bada","change",{"_1691":1692,"_51":19,"_1693":18,"_1694":1695,"_1696":1697,"_1698":1699,"_1700":1701,"_1702":1703,"_1704":1705,"_1706":1707,"_1708":1709,"_1710":1711,"_1712":1713,"_1714":1715,"_1716":1717,"_1718":22,"_1719":22,"_1720":1721},"maintainer",false,"commits",6,"diff",{"_35":36,"_37":38,"_39":40,"_41":22},"agents",[],"computing","comments",[],"reactions",{},"viewer","old","f7fd928e5f2a2d4606a1d79809c87a82caaab541","new","0e55e42c63c3d4f73feb030f1d4210ba506153eb","files",[42,43,44,45,46],"truncated",{"_47":1433,"_35":-5,"_37":1434,"_51":52,"_53":1435,"_55":883,"_57":1436},{"_47":1044,"_35":1045,"_37":1046,"_51":52,"_53":1047,"_55":1048,"_57":1049},{"_47":980,"_35":-5,"_37":981,"_51":52,"_53":822,"_55":883,"_57":982},{"_47":880,"_35":-5,"_37":881,"_51":52,"_53":882,"_55":883,"_57":884},{"_47":48,"_35":49,"_37":50,"_51":52,"_53":54,"_55":56,"_57":58},"path","packages/editor/src/widgets/tabs.tsx",{"_875":879,"_877":878},{"_875":876,"_877":878},"kind","text","add",308,"del",42,"hunks",[59,60,61,62,63,64],{"_65":843,"_67":844,"_69":843,"_71":845,"_73":846},{"_65":822,"_67":24,"_69":823,"_71":824,"_73":825},{"_65":433,"_67":434,"_69":435,"_71":436,"_73":437},{"_65":115,"_67":116,"_69":117,"_71":118,"_73":119},{"_65":96,"_67":68,"_69":97,"_71":68,"_73":98},{"_65":66,"_67":68,"_69":70,"_71":72,"_73":74},"aStart",188,"aLen",7,"bStart",453,"bLen",8,"ops",[75,76,77,78,79,80,81,82,83],{"_84":85,"_86":95},{"_84":85,"_86":94},{"_84":85,"_86":93},{"_84":55,"_86":92},{"_84":53,"_86":91},{"_84":53,"_86":90},{"_84":85,"_86":89},{"_84":85,"_86":88},{"_84":85,"_86":87},"tag","eq","line","\t\t\t\t\thost,","\t\t\t\t\t/>,","\t\t\t\t\t\tonSelect={key => select(group.key, key)}","\t\t\t\t\t\teditable={!disabled}","\t\t\t\t\t\tactive={shown(group, active[group.key]) ?? \"\"}","\t\t\t\t\t\tactive={active[group.key] ?? group.tabs[0]?.key ?? \"\"}","\t\t\t\t\t\tgroup={group}","\t\t\t\t\t {","\t// Show exactly one panel per group without touching the document.",99,56,294,126,[120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240,241,242,243,244,245,246,247,248,249,250,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,277,278,279],{"_84":85,"_86":432},{"_84":85,"_86":431},{"_84":85,"_86":430},{"_84":55,"_86":429},{"_84":53,"_86":428},{"_84":85,"_86":286},{"_84":85,"_86":427},{"_84":85,"_86":426},{"_84":55,"_86":425},{"_84":55,"_86":424},{"_84":55,"_86":423},{"_84":53,"_86":422},{"_84":85,"_86":421},{"_84":85,"_86":420},{"_84":55,"_86":419},{"_84":55,"_86":418},{"_84":53,"_86":417},{"_84":85,"_86":416},{"_84":55,"_86":415},{"_84":53,"_86":414},{"_84":53,"_86":413},{"_84":53,"_86":412},{"_84":53,"_86":411},{"_84":53,"_86":410},{"_84":53,"_86":409},{"_84":53,"_86":408},{"_84":53,"_86":407},{"_84":53,"_86":406},{"_84":53,"_86":405},{"_84":53,"_86":404},{"_84":53,"_86":403},{"_84":53,"_86":402},{"_84":53,"_86":401},{"_84":53,"_86":400},{"_84":53,"_86":399},{"_84":53,"_86":398},{"_84":53,"_86":397},{"_84":53,"_86":396},{"_84":53,"_86":395},{"_84":53,"_86":394},{"_84":53,"_86":393},{"_84":53,"_86":392},{"_84":53,"_86":391},{"_84":53,"_86":390},{"_84":53,"_86":389},{"_84":53,"_86":388},{"_84":53,"_86":387},{"_84":53,"_86":386},{"_84":53,"_86":385},{"_84":53,"_86":384},{"_84":53,"_86":383},{"_84":53,"_86":382},{"_84":53,"_86":381},{"_84":53,"_86":380},{"_84":53,"_86":347},{"_84":53,"_86":379},{"_84":53,"_86":378},{"_84":53,"_86":377},{"_84":53,"_86":376},{"_84":53,"_86":375},{"_84":53,"_86":374},{"_84":53,"_86":373},{"_84":53,"_86":372},{"_84":53,"_86":371},{"_84":53,"_86":370},{"_84":53,"_86":369},{"_84":53,"_86":368},{"_84":53,"_86":367},{"_84":53,"_86":366},{"_84":53,"_86":365},{"_84":53,"_86":364},{"_84":53,"_86":363},{"_84":53,"_86":353},{"_84":53,"_86":347},{"_84":53,"_86":362},{"_84":53,"_86":361},{"_84":53,"_86":360},{"_84":53,"_86":359},{"_84":53,"_86":347},{"_84":53,"_86":358},{"_84":53,"_86":357},{"_84":53,"_86":356},{"_84":53,"_86":355},{"_84":53,"_86":354},{"_84":53,"_86":353},{"_84":53,"_86":352},{"_84":53,"_86":351},{"_84":53,"_86":350},{"_84":53,"_86":347},{"_84":53,"_86":349},{"_84":53,"_86":348},{"_84":53,"_86":347},{"_84":53,"_86":346},{"_84":53,"_86":345},{"_84":53,"_86":344},{"_84":53,"_86":343},{"_84":53,"_86":342},{"_84":53,"_86":341},{"_84":53,"_86":340},{"_84":53,"_86":339},{"_84":53,"_86":338},{"_84":53,"_86":337},{"_84":53,"_86":336},{"_84":53,"_86":335},{"_84":53,"_86":334},{"_84":53,"_86":333},{"_84":53,"_86":332},{"_84":53,"_86":331},{"_84":53,"_86":330},{"_84":53,"_86":329},{"_84":53,"_86":328},{"_84":53,"_86":327},{"_84":53,"_86":326},{"_84":85,"_86":325},{"_84":55,"_86":324},{"_84":55,"_86":323},{"_84":55,"_86":322},{"_84":55,"_86":305},{"_84":85,"_86":321},{"_84":55,"_86":320},{"_84":55,"_86":319},{"_84":55,"_86":318},{"_84":55,"_86":317},{"_84":55,"_86":316},{"_84":55,"_86":315},{"_84":55,"_86":314},{"_84":55,"_86":313},{"_84":55,"_86":312},{"_84":55,"_86":311},{"_84":55,"_86":310},{"_84":55,"_86":309},{"_84":55,"_86":308},{"_84":55,"_86":307},{"_84":55,"_86":306},{"_84":55,"_86":305},{"_84":55,"_86":304},{"_84":55,"_86":303},{"_84":55,"_86":302},{"_84":55,"_86":301},{"_84":55,"_86":300},{"_84":53,"_86":299},{"_84":53,"_86":298},{"_84":53,"_86":297},{"_84":53,"_86":296},{"_84":85,"_86":295},{"_84":55,"_86":294},{"_84":53,"_86":293},{"_84":85,"_86":292},{"_84":55,"_86":291},{"_84":53,"_86":290},{"_84":85,"_86":289},{"_84":85,"_86":288},{"_84":85,"_86":287},{"_84":85,"_86":286},{"_84":85,"_86":285},{"_84":85,"_86":284},{"_84":53,"_86":283},{"_84":85,"_86":282},{"_84":85,"_86":281},{"_84":85,"_86":280},"\tlet [active, setActive] = useState>({});","\t/** Active tab per group, by node key. Local to this viewer. */","\tlet [groups, setGroups] = useState([]);","\tlet disabled = useCellValue(readOnly$);","\tlet [editor] = useLexicalComposerContext();","export function TabsPlugin() {","","}","\t);","\t\t","\t\t\t)}","\t\t\t))}","\t\t\t\t","\t\t\t\t\t","\t\t\t\t\t{tab.label || `Tab ${position + 1}`}","\t\t\t\t>","\t\t\t\t\tclassName=\"plan-tab-add btn btn-icon btn-ghost\"","\t\t\t\t\tonClick={add}","\t\t\t\t\ttitle=\"Add tab\"","\t\t\t\t\taria-label=\"Add tab\"","\t\t\t\t\t}`}","\t\t\t\t\t\t\t: \"text-text-quaternary hover:text-text-primary\"","\t\t\t\t\t\t\t? \"bg-selected text-text-primary\"","\t\t\t\t\t\ttab.key === active","\t\t\t\t\tclassName={`max-w-64 shrink-0 truncate rounded-md px-2.5 py-1 text-left text-sm font-medium transition ${","\t\t\t\t\t}}","\t\t\t\t\t\tevent.preventDefault();","\t\t\t\t\t\telse return;","\t\t\t\t\t\telse if (event.key === \"End\") select(group.tabs.length - 1);","\t\t\t\t\t\t} else if (event.key === \"Home\") select(0);","\t\t\t\t\t\t\tselect((position - 1 + group.tabs.length) % group.tabs.length);","\t\t\t\t\t\telse if (event.key === \"ArrowLeft\") {","\t\t\t\t\t\tif (event.key === \"ArrowRight\") select((position + 1) % group.tabs.length);","\t\t\t\t\tonKeyDown={event => {","\t\t\t\t\tonClick={() => onSelect(tab.key)}","\t\t\t\t\ttabIndex={tab.key === active ? 0 : -1}","\t\t\t\t\taria-controls={`ace-panel-${tab.key}`}","\t\t\t\t\taria-selected={tab.key === active}","\t\t\t\t\tid={`ace-tab-${tab.key}`}","\t\t\t\t\ttitle={tab.label || undefined}","\t\t\t\t\trole=\"tab\"","\t\t\t\t\ttype=\"button\"","\t\t\t\t\t\tbuttons.current[position] = element;","\t\t\t\t\tref={element => {","\t\t\t\t\tkey={tab.key}","\t\t\t\t","\t\t\t\t})}","\t\t\t\t\t);","\t\t\t\t\t\t","\t\t\t\t\t\t\t)}","\t\t\t\t\t\t\t\t","\t\t\t\t\t\t\t\t\t","\t\t\t\t\t\t\t\t>","\t\t\t\t\t\t\t\t\tclassName=\"plan-tab-remove\"","\t\t\t\t\t\t\t\t\tonClick={() => remove(position)}","\t\t\t\t\t\t\t\t\ttitle={`Remove ${name}`}","\t\t\t\t\t\t\t\t\taria-label={`Remove ${name}`}","\t\t\t\t\t\t\t\t\ttabIndex={-1}","\t\t\t\t\t\t\t\t\ttype=\"button\"","\t\t\t\t\t\t\t\t","\t\t\t\t\t\t\t\t{name}","\t\t\t\t\t\t\t>","\t\t\t\t\t\t\t\tclassName=\"min-w-0 max-w-64 truncate px-2.5 py-1 text-left text-sm font-medium\"","\t\t\t\t\t\t\t\t}}","\t\t\t\t\t\t\t\t\tif (editable) setRenaming(tab.key);","\t\t\t\t\t\t\t\tonDoubleClick={() => {","\t\t\t\t\t\t\t\t\telse onSelect(tab.key);","\t\t\t\t\t\t\t\t\tif (editable && selected && pointer.current === \"touch\") setRenaming(tab.key);","\t\t\t\t\t\t\t\t\t// Touch has no double-click: a second tap on the open tab renames it.","\t\t\t\t\t\t\t\t\t}","\t\t\t\t\t\t\t\t\t\treturn;","\t\t\t\t\t\t\t\t\t\tpressed.current = false;","\t\t\t\t\t\t\t\t\tif (pressed.current) {","\t\t\t\t\t\t\t\t\t// A long press reveals removal; the tap that ends it does nothing else.","\t\t\t\t\t\t\t\tonClick={() => {","\t\t\t\t\t\t\t\t\tif (pointer.current === \"touch\" && canRemove) event.preventDefault();","\t\t\t\t\t\t\t\tonContextMenu={event => {","\t\t\t\t\t\t\t\tonPointerCancel={release}","\t\t\t\t\t\t\t\tonPointerUp={release}","\t\t\t\t\t\t\t\t\t\t}, LONG_PRESS);","\t\t\t\t\t\t\t\t\t\t\tsetRevealed(key);","\t\t\t\t\t\t\t\t\t\t\tpressed.current = true;","\t\t\t\t\t\t\t\t\t\t\tpress.current = undefined;","\t\t\t\t\t\t\t\t\t\tpress.current = setTimeout(() => {","\t\t\t\t\t\t\t\t\t\tlet key = tab.key;","\t\t\t\t\t\t\t\t\tif (event.pointerType === \"touch\" && canRemove) {","\t\t\t\t\t\t\t\t\tpointer.current = event.pointerType;","\t\t\t\t\t\t\t\tonPointerDown={event => {","\t\t\t\t\t\t\t\ttabIndex={selected ? 0 : -1}","\t\t\t\t\t\t\t\taria-keyshortcuts={editable ? \"Enter Delete\" : undefined}","\t\t\t\t\t\t\t\taria-controls={`ace-panel-${tab.key}`}","\t\t\t\t\t\t\t\taria-selected={selected}","\t\t\t\t\t\t\t\tid={`ace-tab-${tab.key}`}","\t\t\t\t\t\t\t\ttitle={tab.label || undefined}","\t\t\t\t\t\t\t\trole=\"tab\"","\t\t\t\t\t\t\t\ttype=\"button\"","\t\t\t\t\t\t\t\t\tbuttons.current[position] = element;","\t\t\t\t\t\t\t\tref={element => {","\t\t\t\t\t\t\t","\t\t\t\t\t\t\t}}","\t\t\t\t\t\t\t\tif (event.pointerType !== \"touch\" && revealed === tab.key) setRevealed(undefined);","\t\t\t\t\t\t\t\t// Touch reports a leave as the finger lifts, which would undo a long press.","\t\t\t\t\t\t\tonPointerLeave={event => {","\t\t\t\t\t\t\tdata-removable={canRemove ? \"\" : undefined}","\t\t\t\t\t\t\tdata-revealed={revealed === tab.key ? \"\" : undefined}","\t\t\t\t\t\t\tdata-selected={selected ? \"\" : undefined}","\t\t\t\t\t\t\tclassName=\"plan-tab\"","\t\t\t\t\t\t\tkey={tab.key}","\t\t\t\t\t\t","\t\t\t\t\t\t\t\tonDone={label => rename(tab.key, label)}","\t\t\t\t\t\t\t\tlabel={tab.label}","\t\t\t\t\t\t\t\tkey={tab.key}","\t\t\t\t\t\t\t {","\t\t\t>","\t\t\t\tclassName=\"flex min-w-0 gap-1 overflow-x-auto scroll-smooth motion-reduce:scroll-auto\"","\t\t\t\tstyle={mask ? { maskImage: mask, WebkitMaskImage: mask } : undefined}","\t\t\t\tdata-focus-boundary=\"\"","\t\t\t\trole=\"tablist\"","\t\t\t\tref={strip}","\t\t\t (","\t\t>","\t\t\tclassName=\"plan-tab-strip\"","\t\t\tclassName=\"flex gap-1 overflow-x-auto pb-1 hairline-b scroll-smooth motion-reduce:scroll-auto\"","\t\t\tstyle={mask ? { maskImage: mask, WebkitMaskImage: mask } : undefined}","\t\t\tcontentEditable={false}","\t\t\t// The strip is chrome, not content: keep it out of the editable tree.","\t\t\tref={chrome}","\t\t\tdata-focus-boundary=\"\"","\t\t\trole=\"tablist\"","\t\t\tref={strip}","\t\t {","\t}, []);","\t\treturn () => host.removeEventListener(\"keydown\", keydown);","\t\thost.addEventListener(\"keydown\", keydown);","\t\t\thandlers.current(event);","\t\t\tevent.stopPropagation();","\t\t\tif (!STRIP_KEYS.has(event.key)) return;","\t\tlet keydown = (event: KeyboardEvent) => {","\t\tif (!host) return;","\t\tlet host = chrome.current;","\t// listener, which would otherwise apply it to the document's selection too.","\t// Native, so a key meant for a strip control never reaches Lexical's root","\t};","\t\telse remove(position);","\t\t} else if (action.type === \"rename\") setRenaming(group.tabs[position]!.key);","\t\t\tbuttons.current[action.index]?.focus();","\t\t\tonSelect(group.tabs[action.index]!.key);","\t\tif (action.type === \"select\") {","\t\tevent.preventDefault();","\t\tif (!action) return;","\t\tlet action = stripKey(event.key, position, group.tabs.length, editable);","\t\tif (position < 0) return;","\t\tlet position = buttons.current.findIndex(button => button === event.target);","\thandlers.current = event => {","\tlet handlers = useRef<(event: KeyboardEvent) => void>(() => {});","\t}, [revealed]);","\t\treturn () => clearTimeout(timer);","\t\tlet timer = setTimeout(() => setRevealed(undefined), 4000);","\t\tif (!revealed) return;","\t\tsetRenaming(key);","\t\tonSelect(key);","\t\tif (!key) return;","\t\t});","\t\t\tkey = tab.getKey();","\t\t\tnode.append(tab);","\t\t\ttab.append($createParagraphNode());","\t\t\tlet tab = $createTabNode(ulid(), newTabLabel(group.tabs.map(other => other.label)));","\t\t\tif (!$isTabsNode(node)) return;","\t\t\tlet node = $getNodeByKey(group.key);","\t\teditor.update(() => {","\t\tlet key: string | undefined;","\tlet add = () => {","\t\t}","\t\t\tfocusTab(next.key);","\t\t\tonSelect(next.key);","\t\tif (next) {","\t\t\tif ($isTabNode(node) && (node.getParent()?.getChildrenSize() ?? 0) > 1) node.remove();","\t\t\tlet node = $getNodeByKey(tab.key);","\t\tsetRenaming(undefined);","\t\t);","\t\t\tother => other.key === active,","\t\tlet next = tab.key === active ? rest[successor(group.tabs.length, index)] : rest.find(","\t\tlet rest = group.tabs.filter(other => other.key !== tab.key);","\t\tsetRevealed(undefined);","\t\tif (!tab || !canRemove) return;","\t\tlet tab = group.tabs[index];","\tlet remove = (index: number) => {","\t\tfocusTab(key);","\t\t\t});","\t\t\t\tif ($isTabNode(node) && node.getLabel() !== label) node.setLabel(label);","\t\t\t\tlet node = $getNodeByKey(key);","\t\t\teditor.update(() => {","\t\tif (label !== undefined) {","\tlet rename = (key: string, label: string | undefined) => {","\t\t\tstrip.current?.querySelector(`[aria-controls=\"ace-panel-${key}\"]`)?.focus();","\t\trequestAnimationFrame(() => {","\tlet focusTab = (key: string) => {","\tlet canRemove = editable && group.tabs.length > 1;","\t\tbuttons.current[index]?.focus();","\t\tonSelect(group.tabs[index]!.key);","\tlet select = (index: number) => {","\tlet structure = group.tabs.map(tab => tab.key).join(\" \");","\tlet activeIndex = group.tabs.findIndex(tab => tab.key === active);","\t\tpress.current = undefined;","\t\tclearTimeout(press.current);","\tlet release = () => {","\tlet pressed = useRef(false);","\tlet press = useRef>(undefined);","\tlet pointer = useRef(\"mouse\");","\tlet [revealed, setRevealed] = useState();","\t/** A long press reveals the remove control on touch. */","\tlet [renaming, setRenaming] = useState();","\tlet [mask, setMask] = useState();","\tlet buttons = useRef>([]);","\tlet strip = useRef(null);","\tlet chrome = useRef(null);",") {","\t},","\t\tonSelect: (key: string) => void;","\t\teditable: boolean;","\t\tactive: string;","\t\tgroup: Group;","\t{ group, active, editable, onSelect }: {","\t{ group, active, onSelect }: {","function Strip(","\t\t","\t\t\t/>","\t\t\t\tspellCheck={false}","\t\t\t\tsize={1}","\t\t\t\t// The hidden copy sets the width; one column keeps the input from adding its own.","\t\t\t\tmaxLength={limits.MAX_TAB_LABEL}","\t\t\t\tdefaultValue={label}","\t\t\t\tclassName=\"field\"","\t\t\t\taria-label=\"Tab name\"","\t\t\t\tref={field}","\t\t\t{value || label}","\t\t","\t\t\tinput.removeEventListener(\"blur\", blur);","\t\t\tfor (let name of FIELD_EVENTS) input.removeEventListener(name, stop);","\t\treturn () => {","\t\tinput.addEventListener(\"blur\", blur);","\t\tfor (let name of FIELD_EVENTS) input.addEventListener(name, stop);","\t\tlet blur = () => finish(tabLabel(input.value));","\t\t\tevent.preventDefault();","\t\t\telse return;","\t\t\telse if (event.key === \"Escape\") finish(undefined);","\t\t\tif (event.key === \"Enter\") finish(tabLabel(input.value));","\t\t\tif (!(event instanceof KeyboardEvent) || event.isComposing) return;","\t\t\tif (event.type === \"input\") setValue(input.value);","\t\tlet stop = (event: Event) => {","\t\t\tactions.current.onDone(next);","\t\t\tfinished.current = true;","\t\t\tif (finished.current) return;","\t\tlet finish = (next: string | undefined) => {","\t\tinput.select();","\t\tinput.focus();","\t\tif (!input) return;","\t\tlet input = field.current;","\tactions.current = { onDone };","\tlet actions = useRef({ onDone });","\tlet finished = useRef(false);","\tlet [value, setValue] = useState(label);","\tlet field = useRef(null);","\t\tonDone: (label: string | undefined) => void;","\t\tlabel: string;","\t{ label, onDone }: {","function RenameField(","] as const;","\t\"dragstart\",","\t\"drop\",","\t\"copy\",","\t\"cut\",","\t\"paste\",","\t\"compositionend\",","\t\"compositionstart\",","\t\"input\",","\t\"beforeinput\",","\t\"keydown\",","const FIELD_EVENTS = ["," */"," * the document's selection."," * editable root, so without this its typing, undo and paste would also reach"," * Events Lexical listens for on its root. The rename field sits inside the","/**","]);","\t\" \",","\t\"Delete\",","\t\"F2\",","\t\"Enter\",","\t\"End\",","\t\"Home\",","\t\"ArrowRight\",","\t\"ArrowLeft\",","const STRIP_KEYS = new Set([","/** Keys a focused tab answers itself, so Lexical never acts on them against the document. */","const LONG_PRESS = 500;","/** How long a touch holds a tab before it offers removal. */","\treturn groups;",34,38,11,[826,827,828,829,830,831,832,833,834,835,836],{"_84":85,"_86":288},{"_84":85,"_86":287},{"_84":85,"_86":286},{"_84":53,"_86":842},{"_84":53,"_86":841},{"_84":53,"_86":840},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":85,"_86":839},{"_84":85,"_86":838},{"_84":85,"_86":837},"\tlet groups: Group[] = [];","function collect(editor: LexicalEditor): Group[] {","/** Read the tab structure out of the document. */","\treturn group.tabs.some(tab => tab.key === chosen) ? chosen : group.tabs[0]?.key;","function shown(group: Group, chosen: string | undefined): string | undefined {","/** The chosen tab while it exists; otherwise, as when a collaborator removed it, the first. */",10,9,13,[847,848,849,850,851,852,853,854,855,856,857,858,859,860,861],{"_84":85,"_86":874},{"_84":85,"_86":873},{"_84":85,"_86":872},{"_84":55,"_86":871},{"_84":55,"_86":870},{"_84":53,"_86":869},{"_84":53,"_86":868},{"_84":53,"_86":867},{"_84":53,"_86":866},{"_84":53,"_86":865},{"_84":85,"_86":286},{"_84":53,"_86":864},{"_84":85,"_86":863},{"_84":85,"_86":286},{"_84":85,"_86":862},"import type { ElementNode, LexicalEditor } from \"lexical\";","import { edgeMask, revealDelta, scrollEdges } from \"./tab-edges\";","import { newTabLabel, stripKey, successor, tabLabel } from \"./tab-authoring\";","import { $createTabNode, $isTabNode, $isTabsNode, limits, ulid } from \"@chopin/dialect\";","import { $createParagraphNode, $getNodeByKey, $getRoot, $isElementNode } from \"lexical\";","import { useCellValue } from \"@mdxeditor/gurx\";","import { readOnly$ } from \"@mdxeditor/editor\";","import { CloseIcon, PlusIcon } from \"@chopin/icons\";","import { $isTabNode, $isTabsNode } from \"@chopin/dialect\";","import { $getRoot, $isElementNode } from \"lexical\";","import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";","import { createPortal } from \"react-dom\";","import { useCallback, useEffect, useLayoutEffect, useRef, useState } from \"react\";","oid","4e553f85","mode","100644","c2c789a6","packages/editor/src/widgets/tab-authoring.ts",{"_875":979,"_877":878},50,0,[885],{"_65":883,"_67":883,"_69":886,"_71":882,"_73":887},1,[888,889,890,891,892,893,894,895,896,897,898,899,900,901,902,903,904,905,906,907,908,909,910,911,912,913,914,915,916,917,918,919,920,921,922,923,924,925,926,927,928,929,930,931,932,933,934,935,936,937],{"_84":53,"_86":978},{"_84":53,"_86":286},{"_84":53,"_86":977},{"_84":53,"_86":976},{"_84":53,"_86":975},{"_84":53,"_86":974},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":973},{"_84":53,"_86":972},{"_84":53,"_86":971},{"_84":53,"_86":970},{"_84":53,"_86":969},{"_84":53,"_86":968},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":967},{"_84":53,"_86":966},{"_84":53,"_86":965},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":964},{"_84":53,"_86":963},{"_84":53,"_86":962},{"_84":53,"_86":961},{"_84":53,"_86":286},{"_84":53,"_86":960},{"_84":53,"_86":959},{"_84":53,"_86":958},{"_84":53,"_86":957},{"_84":53,"_86":956},{"_84":53,"_86":955},{"_84":53,"_86":954},{"_84":53,"_86":953},{"_84":53,"_86":952},{"_84":53,"_86":951},{"_84":53,"_86":950},{"_84":53,"_86":949},{"_84":53,"_86":948},{"_84":53,"_86":947},{"_84":53,"_86":946},{"_84":53,"_86":945},{"_84":53,"_86":944},{"_84":53,"_86":943},{"_84":53,"_86":942},{"_84":53,"_86":941},{"_84":53,"_86":940},{"_84":53,"_86":939},{"_84":53,"_86":938},{"_84":53,"_86":287},"\treturn undefined;","\t}","\t\t\treturn editable && count > 1 ? { type: \"remove\" } : undefined;","\t\tcase \"Delete\":","\t\t\treturn editable ? { type: \"rename\" } : undefined;","\t\tcase \"F2\":","\t\tcase \"Enter\":","\t\t\treturn { type: \"select\", index: count - 1 };","\t\tcase \"End\":","\t\t\treturn { type: \"select\", index: 0 };","\t\tcase \"Home\":","\t\t\treturn { type: \"select\", index: (position - 1 + count) % count };","\t\tcase \"ArrowLeft\":","\t\t\treturn { type: \"select\", index: (position + 1) % count };","\t\tcase \"ArrowRight\":","\tswitch (key) {","): StripAction | undefined {","\teditable: boolean,","\tcount: number,","\tposition: number,","\tkey: string,","export function stripKey(","/** What a key does on a focused tab. Authoring keys apply only when the document is editable. */","\t| { type: \"remove\" };","\t| { type: \"rename\" }","\t| { type: \"select\"; index: number }","export type StripAction =","\treturn Math.max(0, Math.min(removed, count - 2));","export function successor(count: number, removed: number): number {","/** Index, among the tabs that remain, of the one that takes a removed tab's place. */","\treturn `Tab ${number}`;","\twhile (taken.has(`tab ${number}`)) number++;","\tlet number = labels.length + 1;","\tlet taken = new Set(labels.map(label => label.trim().toLowerCase()));","export function newTabLabel(labels: string[]): string {","/** \"Tab N\" for the next position, skipping any number already in use. */","\treturn label || undefined;","\tlet label = raw.replace(/\\s+/g, \" \").trim().slice(0, limits.MAX_TAB_LABEL).trim();","export function tabLabel(raw: string): string | undefined {","/** A label the dialect accepts, or `undefined` when nothing usable was typed. */","import { limits } from \"@chopin/dialect\";","fd281feb","packages/editor/src/widgets/tab-authoring.test.ts",{"_875":1043,"_877":878},[983],{"_65":883,"_67":883,"_69":886,"_71":822,"_73":984},[985,986,987,988,989,990,991,992,993,994,995,996,997,998,999,1000,1001,1002,1003,1004,1005,1006,1007,1008,1009,1010,1011,1012,1013,1014,1015,1016,1017,1018],{"_84":53,"_86":1042},{"_84":53,"_86":978},{"_84":53,"_86":286},{"_84":53,"_86":864},{"_84":53,"_86":286},{"_84":53,"_86":1041},{"_84":53,"_86":1040},{"_84":53,"_86":1039},{"_84":53,"_86":1038},{"_84":53,"_86":1019},{"_84":53,"_86":286},{"_84":53,"_86":1037},{"_84":53,"_86":1036},{"_84":53,"_86":1035},{"_84":53,"_86":1034},{"_84":53,"_86":1019},{"_84":53,"_86":286},{"_84":53,"_86":1033},{"_84":53,"_86":1032},{"_84":53,"_86":1031},{"_84":53,"_86":1030},{"_84":53,"_86":1029},{"_84":53,"_86":1019},{"_84":53,"_86":286},{"_84":53,"_86":1028},{"_84":53,"_86":1027},{"_84":53,"_86":1026},{"_84":53,"_86":1025},{"_84":53,"_86":1024},{"_84":53,"_86":1023},{"_84":53,"_86":1022},{"_84":53,"_86":1021},{"_84":53,"_86":1020},{"_84":53,"_86":1019},"});","\texpect(stripKey(\"a\", 0, 3, true)).toBeUndefined();","\texpect(stripKey(\"Delete\", 1, 3, false)).toBeUndefined();","\texpect(stripKey(\"Delete\", 0, 1, true)).toBeUndefined();","\texpect(stripKey(\"Delete\", 1, 3, true)).toEqual({ type: \"remove\" });","\texpect(stripKey(\"F2\", 0, 3, false)).toBeUndefined();","\texpect(stripKey(\"Enter\", 0, 3, true)).toEqual({ type: \"rename\" });","\texpect(stripKey(\"End\", 0, 3, false)).toEqual({ type: \"select\", index: 2 });","\texpect(stripKey(\"ArrowLeft\", 0, 3, false)).toEqual({ type: \"select\", index: 2 });","test(\"authoring keys apply only while editable, and never remove the last tab\", () => {","\texpect(successor(2, 1)).toBe(0);","\texpect(successor(3, 2)).toBe(1);","\texpect(successor(3, 1)).toBe(1);","\texpect(successor(3, 0)).toBe(0);","test(\"removing a tab hands its place to the next, or the previous at the end\", () => {","\texpect(newTabLabel([\"tab 2\"])).toBe(\"Tab 3\");","\texpect(newTabLabel([\"Tab 1\", \"Tab 3\"])).toBe(\"Tab 4\");","\texpect(newTabLabel([\"One\", \"Two\"])).toBe(\"Tab 3\");","test(\"a new tab takes the next free number\", () => {","\texpect(tabLabel(\" \\n\\t \")).toBeUndefined();","\texpect(tabLabel(\"x\".repeat(limits.MAX_TAB_LABEL + 5))).toHaveLength(limits.MAX_TAB_LABEL);","\texpect(tabLabel(\" Mobile\\n app \")).toBe(\"Mobile app\");","test(\"a label is one trimmed line within the dialect limit\", () => {","import { expect, test } from \"bun:test\";","56328171","packages/editor/src/styles.css",{"_875":1432,"_877":878},{"_875":1431,"_877":878},180,32,[1050,1051],{"_65":1319,"_67":1320,"_69":1319,"_71":1321,"_73":1322},{"_65":1052,"_67":843,"_69":1053,"_71":1054,"_73":1055},2558,2546,170,[1056,1057,1058,1059,1060,1061,1062,1063,1064,1065,1066,1067,1068,1069,1070,1071,1072,1073,1074,1075,1076,1077,1078,1079,1080,1081,1082,1083,1084,1085,1086,1087,1088,1089,1090,1091,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,1136,1137,1138,1139,1140,1141,1142,1143,1144,1145,1146,1147,1148,1149,1150,1151,1152,1153,1154,1155,1156,1157,1158,1159,1160,1161,1162,1163,1164,1165,1166,1167,1168,1169,1170,1171,1172,1173,1174,1175,1176,1177,1178,1179,1180,1181,1182,1183,1184,1185,1186,1187,1188,1189,1190,1191,1192,1193,1194,1195,1196,1197,1198,1199,1200,1201,1202,1203,1204,1205,1206,1207,1208,1209,1210,1211,1212,1213,1214,1215,1216,1217,1218,1219,1220,1221,1222,1223,1224,1225],{"_84":85,"_86":1318},{"_84":85,"_86":287},{"_84":85,"_86":286},{"_84":53,"_86":1317},{"_84":53,"_86":1311},{"_84":53,"_86":1316},{"_84":53,"_86":1315},{"_84":53,"_86":1314},{"_84":53,"_86":1242},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1313},{"_84":53,"_86":1312},{"_84":53,"_86":1237},{"_84":53,"_86":1311},{"_84":53,"_86":1258},{"_84":53,"_86":1310},{"_84":53,"_86":1309},{"_84":53,"_86":1308},{"_84":53,"_86":1307},{"_84":53,"_86":1229},{"_84":53,"_86":1306},{"_84":53,"_86":1305},{"_84":53,"_86":1304},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1303},{"_84":53,"_86":1302},{"_84":53,"_86":1280},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1301},{"_84":53,"_86":1300},{"_84":53,"_86":1280},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1226},{"_84":53,"_86":1299},{"_84":53,"_86":1298},{"_84":53,"_86":803},{"_84":53,"_86":1297},{"_84":53,"_86":1296},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1295},{"_84":53,"_86":1231},{"_84":53,"_86":1294},{"_84":53,"_86":1293},{"_84":53,"_86":1292},{"_84":53,"_86":1291},{"_84":53,"_86":1290},{"_84":53,"_86":1289},{"_84":53,"_86":1288},{"_84":53,"_86":1287},{"_84":53,"_86":1269},{"_84":53,"_86":1228},{"_84":53,"_86":1268},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1286},{"_84":53,"_86":1285},{"_84":53,"_86":1262},{"_84":53,"_86":1277},{"_84":53,"_86":939},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1284},{"_84":53,"_86":1283},{"_84":53,"_86":1265},{"_84":53,"_86":1282},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1281},{"_84":53,"_86":1280},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1279},{"_84":53,"_86":1264},{"_84":53,"_86":1278},{"_84":53,"_86":1262},{"_84":53,"_86":1277},{"_84":53,"_86":939},{"_84":53,"_86":286},{"_84":53,"_86":1276},{"_84":53,"_86":1275},{"_84":53,"_86":939},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1274},{"_84":53,"_86":1273},{"_84":53,"_86":1272},{"_84":53,"_86":1231},{"_84":53,"_86":1271},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1270},{"_84":53,"_86":1258},{"_84":53,"_86":1269},{"_84":53,"_86":1268},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1267},{"_84":53,"_86":1266},{"_84":53,"_86":1265},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1264},{"_84":53,"_86":1263},{"_84":53,"_86":1262},{"_84":53,"_86":939},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1261},{"_84":53,"_86":1260},{"_84":53,"_86":1259},{"_84":53,"_86":1258},{"_84":53,"_86":1257},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1256},{"_84":53,"_86":1255},{"_84":53,"_86":1254},{"_84":53,"_86":1253},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1252},{"_84":53,"_86":1251},{"_84":53,"_86":1250},{"_84":53,"_86":1249},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1248},{"_84":53,"_86":1247},{"_84":53,"_86":1246},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1245},{"_84":53,"_86":1244},{"_84":53,"_86":1243},{"_84":53,"_86":1242},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":85,"_86":1241},{"_84":85,"_86":1240},{"_84":85,"_86":287},{"_84":85,"_86":286},{"_84":53,"_86":1239},{"_84":53,"_86":1238},{"_84":53,"_86":1237},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1236},{"_84":53,"_86":1235},{"_84":53,"_86":1232},{"_84":53,"_86":1234},{"_84":53,"_86":1229},{"_84":53,"_86":1228},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":53,"_86":1233},{"_84":53,"_86":1232},{"_84":53,"_86":1231},{"_84":53,"_86":1230},{"_84":53,"_86":1229},{"_84":53,"_86":1228},{"_84":53,"_86":287},{"_84":53,"_86":286},{"_84":85,"_86":1227},{"_84":85,"_86":286},{"_84":85,"_86":1226},"/*","/* Status ----------------------------------------------------------------- */","\tpointer-events: none;","\tcolor: var(--color-text-quaternary);","\tinset-inline-start: 0;","\tposition: absolute;","\tcontent: \"Write in this tab…\";",".plan-content[contenteditable=\"true\"] .planTab > p:only-child:has(> br:only-child)::before {","\tdisplay: block;",".plan-content[contenteditable=\"true\"] .planTab:not(:has(> :not(br)))::before {","/* A tab with no blocks at all, as the Planner or MDX can write one. */","\tposition: relative;",".plan-content[contenteditable=\"true\"] .planTab > p:only-child:has(> br:only-child) {","/* Like the formula placeholder: out of flow, so the caret stays where it is. */","\tdisplay: none;",".plan-content [data-plan-panels] > [hidden] {","\tborder-block-end: var(--edge-width) solid var(--color-edge);","\tpadding-block-end: calc(var(--spacing) * 2);",".plan-content [data-plan-panels] {","/* A rule closes the panel so the block after it reads as outside the tabs. */","\tfont: inherit;","\tinline-size: 100%;",".plan-content .plan-tab-rename > input {","\twhite-space: pre;","\toverflow: hidden;","\tvisibility: hidden;",".plan-content .plan-tab-rename > span {","\tpadding: calc(var(--spacing) * 1) calc(var(--spacing) * 2.5);","\tmin-inline-size: 4rem;","\tgrid-area: 1 / 1;",".plan-content .plan-tab-rename > * {","\tmax-inline-size: 16rem;","\tflex-shrink: 0;","\tdisplay: inline-grid;",".plan-content .plan-tab-rename {","/* The field sizes to its text: the hidden copy sets the width the input fills. */","\t\topacity: 1;","\t.plan-content .plan-tab-add {","@media (hover: none) {","\topacity: 1;",".plan-content .plan-tab-strip:focus-within .plan-tab-add {",".plan-content .planTabs:hover .plan-tab-add,","\ttransition: opacity var(--duration-fast) var(--ease-out);","\topacity: 0;",".plan-content .plan-tab-add {","\tinset: calc(50% - 22px);","\tcontent: \"\";",":root[data-plan-coarse-pointer] .plan-content .plan-tab-remove::after {","/* Coarse pointers: a 44px target around the small remove button. */","\t\tpadding-inline-end: calc(var(--spacing) * 2.5);","\t.plan-content .plan-tab[data-removable]:not([data-selected]):not([data-revealed]) > [role=\"tab\"] {","\t\tpointer-events: auto;","\t.plan-content .plan-tab[data-selected] .plan-tab-remove {","/* Touch shows removal on the selected tab; others stay compact until revealed. */","\tcolor: var(--color-text-primary);",".plan-content .plan-tab-remove:hover {","\tpointer-events: auto;",".plan-content .plan-tab[data-revealed] .plan-tab-remove {","/* A long press reveals the remove control for a tab that is not selected. */","\t.plan-content .plan-tab:hover .plan-tab-remove {","@media (hover: hover) {","\tcolor: var(--color-text-tertiary);","\tborder-radius: var(--radius-sm);","\tblock-size: calc(var(--spacing) * 4);","\tinline-size: calc(var(--spacing) * 4);","\tplace-items: center;","\tdisplay: grid;","\tinset-inline-end: calc(var(--spacing) * 1);","\tinset-block-start: calc(50% - var(--spacing) * 2);",".plan-content .plan-tab-remove {","\tpadding-inline-end: calc(var(--spacing) * 6);",".plan-content .plan-tab[data-removable] > [role=\"tab\"] {"," * button never covers the label or moves the tabs beside it."," * A removable tab always keeps a slot at its end for remove, so showing the","\t--plan-tab-surface: var(--color-selected);",".plan-content .plan-tab[data-selected] {","\t--plan-tab-surface: var(--color-hover);",".plan-content .plan-tab:hover {","\t\tbackground-color var(--duration-fast) var(--ease-out);","\t\tcolor var(--duration-fast) var(--ease-out),","\ttransition:","\tbackground: var(--plan-tab-surface);","\tborder-radius: var(--radius-md);","\tmax-inline-size: 100%;","\t/* Never wider than the strip, so a selected tab can always be shown whole. */","\tdisplay: flex;","\t--plan-tab-surface: var(--color-page);",".plan-content .plan-tab {","\tpadding-block-end: calc(var(--spacing) * 1);","\tgap: calc(var(--spacing) * 1);","\talign-items: center;",".plan-content .plan-tab-strip {","\tmargin-block-end: 0.5rem;",1458,47,35,[1323,1324,1325,1326,1327,1328,1329,1330,1331,1332,1333,1334,1335,1336,1337,1338,1339,1340,1341,1342,1343,1344,1345,1346,1347,1348,1349,1350,1351,1352,1353,1354,1355,1356,1357,1358,1359,1360,1361,1362,1363,1364,1365,1366,1367,1368,1369,1370,1371,1372,1373,1374,1375,1376,1377,1378,1379,1380,1381,1382,1383,1384,1385,1386,1387,1388,1389],{"_84":85,"_86":287},{"_84":85,"_86":286},{"_84":85,"_86":1226},{"_84":55,"_86":1430},{"_84":55,"_86":1429},{"_84":55,"_86":1428},{"_84":55,"_86":1427},{"_84":55,"_86":1426},{"_84":55,"_86":1425},{"_84":55,"_86":1424},{"_84":55,"_86":1423},{"_84":55,"_86":1422},{"_84":53,"_86":1421},{"_84":53,"_86":1420},{"_84":53,"_86":1419},{"_84":85,"_86":803},{"_84":55,"_86":1418},{"_84":55,"_86":1417},{"_84":55,"_86":287},{"_84":55,"_86":286},{"_84":55,"_86":1416},{"_84":55,"_86":1415},{"_84":55,"_86":1414},{"_84":55,"_86":287},{"_84":55,"_86":286},{"_84":55,"_86":1413},{"_84":55,"_86":1412},{"_84":55,"_86":287},{"_84":55,"_86":286},{"_84":55,"_86":1411},{"_84":55,"_86":1410},{"_84":53,"_86":1409},{"_84":53,"_86":1408},{"_84":53,"_86":1309},{"_84":85,"_86":287},{"_84":85,"_86":286},{"_84":55,"_86":1407},{"_84":55,"_86":1406},{"_84":53,"_86":1405},{"_84":53,"_86":1404},{"_84":53,"_86":1403},{"_84":85,"_86":287},{"_84":85,"_86":286},{"_84":55,"_86":1402},{"_84":55,"_86":1401},{"_84":53,"_86":1400},{"_84":53,"_86":1399},{"_84":85,"_86":287},{"_84":85,"_86":286},{"_84":55,"_86":1398},{"_84":55,"_86":1397},{"_84":53,"_86":1396},{"_84":53,"_86":1237},{"_84":85,"_86":287},{"_84":85,"_86":286},{"_84":55,"_86":1395},{"_84":55,"_86":1394},{"_84":53,"_86":1393},{"_84":53,"_86":1392},{"_84":53,"_86":1231},{"_84":53,"_86":1230},{"_84":53,"_86":1229},{"_84":53,"_86":1391},{"_84":53,"_86":1228},{"_84":85,"_86":287},{"_84":85,"_86":286},{"_84":85,"_86":1390},"/* The paragraph owns the wide row; the image keeps its intrinsic size inside it. */","\tfont-weight: 500;","\tcontent: \"Column \" counter(plan-column);",".plan-content[contenteditable=\"true\"] th > p:only-child:has(> br:only-child)::before {","\t--plan-table-columns: 6;",".plan-content table tr:has(> :last-child:nth-child(6)) {",".plan-content[contenteditable=\"true\"] th > p:only-child:has(> br:only-child) {","\t--plan-table-columns: 5;",".plan-content table tr:has(> :last-child:nth-child(5)) {","\tcounter-increment: plan-column;",".plan-content table tr:first-of-type > th {","\t--plan-table-columns: 4;",".plan-content table tr:has(> :last-child:nth-child(4)) {","\tcounter-reset: plan-column;",".plan-content table tr:first-of-type {","/* Name an empty header for what it holds. Counted per header cell, out of flow. */","\t--plan-table-columns: 3;",".plan-content table tr:has(> :last-child:nth-child(3)) {","\tinline-size: max-content;",".plan-content > table {","\t--plan-table-columns: 2;",".plan-content table tr:has(> :last-child:nth-child(2)) {","\t--plan-table-columns: 1;",".plan-content table tr:has(> :last-child:nth-child(1)) {","\tmin-inline-size: max(7rem, (100cqi - 1px) / var(--plan-table-columns, 7));","\t/* Less one hairline, which the collapsed outer borders add to the sum. */",".plan-content table tr > :is(th, td) {","\tcontainer-type: inline-size;",".plan-content table {"," * and column rails are fixed overlays and sit in the gutter outside it."," * like every other block; a wide one scrolls inside the prose measure. The row"," * A compact table shrink-wraps around its columns from the prose's start edge,"," * column and the table scrolls."," * columns at their minimum already fill it. Longer content still widens its own"," * to six asks for an equal share of the measure (the container) instead; six"," * few short columns would stop halfway across. Each column of a table with up"," * The rows live in an anonymous table box that shrink-wraps its columns, so a"," *"," * gutter outside it."," * scrolls inside it. The row and column rails are fixed overlays and sit in the"," * A table spans the prose measure like the paragraphs around it; a wide one","c6b5790d","08b4286f","e2e/tab-authoring.e2e.ts",{"_875":1690,"_877":878},151,[1437],{"_65":883,"_67":883,"_69":886,"_71":1435,"_73":1438},[1439,1440,1441,1442,1443,1444,1445,1446,1447,1448,1449,1450,1451,1452,1453,1454,1455,1456,1457,1458,1459,1460,1461,1462,1463,1464,1465,1466,1467,1468,1469,1470,1471,1472,1473,1474,1475,1476,1477,1478,1479,1480,1481,1482,1483,1484,1485,1486,1487,1488,1489,1490,1491,1492,1493,1494,1495,1496,1497,1498,1499,1500,1501,1502,1503,1504,1505,1506,1507,1508,1509,1510,1511,1512,1513,1514,1515,1516,1517,1518,1519,1520,1521,1522,1523,1524,1525,1526,1527,1528,1529,1530,1531,1532,1533,1534,1535,1536,1537,1538,1539,1540,1541,1542,1543,1544,1545,1546,1547,1548,1549,1550,1551,1552,1553,1554,1555,1556,1557,1558,1559,1560,1561,1562,1563,1564,1565,1566,1567,1568,1569,1570,1571,1572,1573,1574,1575,1576,1577,1578,1579,1580,1581,1582,1583,1584,1585,1586,1587,1588,1589],{"_84":53,"_86":1689},{"_84":53,"_86":286},{"_84":53,"_86":1688},{"_84":53,"_86":286},{"_84":53,"_86":1687},{"_84":53,"_86":1686},{"_84":53,"_86":1685},{"_84":53,"_86":286},{"_84":53,"_86":1684},{"_84":53,"_86":286},{"_84":53,"_86":1683},{"_84":53,"_86":1682},{"_84":53,"_86":286},{"_84":53,"_86":1681},{"_84":53,"_86":286},{"_84":53,"_86":1679},{"_84":53,"_86":1680},{"_84":53,"_86":286},{"_84":53,"_86":1679},{"_84":53,"_86":1678},{"_84":53,"_86":286},{"_84":53,"_86":1677},{"_84":53,"_86":1676},{"_84":53,"_86":286},{"_84":53,"_86":1675},{"_84":53,"_86":1604},{"_84":53,"_86":1674},{"_84":53,"_86":1602},{"_84":53,"_86":1636},{"_84":53,"_86":1630},{"_84":53,"_86":286},{"_84":53,"_86":1673},{"_84":53,"_86":1672},{"_84":53,"_86":1671},{"_84":53,"_86":1659},{"_84":53,"_86":1670},{"_84":53,"_86":1656},{"_84":53,"_86":1669},{"_84":53,"_86":1650},{"_84":53,"_86":1649},{"_84":53,"_86":1668},{"_84":53,"_86":1667},{"_84":53,"_86":1666},{"_84":53,"_86":286},{"_84":53,"_86":1665},{"_84":53,"_86":1656},{"_84":53,"_86":1659},{"_84":53,"_86":1664},{"_84":53,"_86":1663},{"_84":53,"_86":1656},{"_84":53,"_86":1650},{"_84":53,"_86":286},{"_84":53,"_86":1662},{"_84":53,"_86":1661},{"_84":53,"_86":1660},{"_84":53,"_86":1659},{"_84":53,"_86":1658},{"_84":53,"_86":1657},{"_84":53,"_86":1656},{"_84":53,"_86":1655},{"_84":53,"_86":1654},{"_84":53,"_86":1653},{"_84":53,"_86":286},{"_84":53,"_86":1652},{"_84":53,"_86":1651},{"_84":53,"_86":1650},{"_84":53,"_86":1649},{"_84":53,"_86":286},{"_84":53,"_86":1648},{"_84":53,"_86":1647},{"_84":53,"_86":1646},{"_84":53,"_86":1640},{"_84":53,"_86":1645},{"_84":53,"_86":1644},{"_84":53,"_86":1643},{"_84":53,"_86":288},{"_84":53,"_86":286},{"_84":53,"_86":1642},{"_84":53,"_86":1595},{"_84":53,"_86":1641},{"_84":53,"_86":1640},{"_84":53,"_86":286},{"_84":53,"_86":1627},{"_84":53,"_86":1639},{"_84":53,"_86":1019},{"_84":53,"_86":286},{"_84":53,"_86":1638},{"_84":53,"_86":1604},{"_84":53,"_86":1637},{"_84":53,"_86":1602},{"_84":53,"_86":1636},{"_84":53,"_86":286},{"_84":53,"_86":1635},{"_84":53,"_86":1634},{"_84":53,"_86":1633},{"_84":53,"_86":286},{"_84":53,"_86":1632},{"_84":53,"_86":1631},{"_84":53,"_86":1630},{"_84":53,"_86":1629},{"_84":53,"_86":1622},{"_84":53,"_86":1628},{"_84":53,"_86":286},{"_84":53,"_86":1627},{"_84":53,"_86":1626},{"_84":53,"_86":1625},{"_84":53,"_86":1624},{"_84":53,"_86":1623},{"_84":53,"_86":1622},{"_84":53,"_86":1019},{"_84":53,"_86":286},{"_84":53,"_86":1621},{"_84":53,"_86":1604},{"_84":53,"_86":1620},{"_84":53,"_86":1619},{"_84":53,"_86":1618},{"_84":53,"_86":1617},{"_84":53,"_86":1605},{"_84":53,"_86":1602},{"_84":53,"_86":1616},{"_84":53,"_86":1615},{"_84":53,"_86":1614},{"_84":53,"_86":1613},{"_84":53,"_86":1019},{"_84":53,"_86":286},{"_84":53,"_86":1612},{"_84":53,"_86":1611},{"_84":53,"_86":1610},{"_84":53,"_86":1609},{"_84":53,"_86":1608},{"_84":53,"_86":1607},{"_84":53,"_86":1606},{"_84":53,"_86":1605},{"_84":53,"_86":1604},{"_84":53,"_86":1603},{"_84":53,"_86":1602},{"_84":53,"_86":1601},{"_84":53,"_86":1600},{"_84":53,"_86":286},{"_84":53,"_86":1599},{"_84":53,"_86":1598},{"_84":53,"_86":1597},{"_84":53,"_86":1596},{"_84":53,"_86":1595},{"_84":53,"_86":1594},{"_84":53,"_86":1593},{"_84":53,"_86":1592},{"_84":53,"_86":1591},{"_84":53,"_86":1590},{"_84":53,"_86":288},{"_84":53,"_86":1019},"\t\t\"true\",","\t\t\"aria-selected\",","\tawait expect(strip.getByRole(\"tab\", { name: \"Desktop\" })).toHaveAttribute(","\tawait expect(content(page).getByRole(\"textbox\", { name: \"Tab name\" })).toHaveCount(0);","\tawait strip.getByRole(\"tab\", { name: \"Desktop\" }).dblclick();","\tawait expect(content(page).getByRole(\"button\", { name: /^Remove / })).toHaveCount(0);","\tawait expect(content(page).getByRole(\"button\", { name: \"Add tab\" })).toHaveCount(0);","\tawait expect(content(page)).toHaveAttribute(\"contenteditable\", \"false\");","\tawait sockets.at(-1)!.close();","\toffline = true;","\tawait expect(content(page).getByRole(\"button\", { name: \"Remove Desktop\" })).toBeAttached();","\tawait strip.getByRole(\"tab\", { name: \"Desktop\" }).hover();","\tlet strip = content(page).getByRole(\"tablist\");","\tawait join(\"ana\");","\tawait seed(SOURCE);","\t});","\t\tsockets.push(route);","\t\troute.connectToServer();","\t\tif (offline) return route.close();","\tawait page.routeWebSocket(\"**/ws?**\", route => {","\tlet offline = false;","\tlet sockets: WebSocketRoute[] = [];","test(\"a locked document offers no tab authoring\", async ({ join, page, seed }) => {","\tawait expect(strip.getByRole(\"tab\")).toHaveText([\"Desktop\"]);","\tawait remove.tap();","\tawait expect(remove).toHaveCSS(\"opacity\", \"1\");","\tlet remove = content(page).getByRole(\"button\", { name: \"Remove Mobile\", exact: true });","\t\tisMobile: true,","\t\thasTouch: true,","\t\tviewport: { width: 390, height: 844 },","\tlet page = await join(\"ana\", {","test(\"touch removes the selected tab with one tap\", async ({ join, seed }) => {","\tawait expect(content(page).getByText(\"Queue in memory only.\")).toBeVisible();","\t]);","\t\t\"Desktop\",","\t\t\"Mobile\",","\tawait expect(content(page).getByRole(\"tablist\").getByRole(\"tab\")).toHaveText([","\tawait page.reload();","\tawait written(page, room, /[\\s\\S]*Queue in memory only\\./);","\tawait strip.getByRole(\"tab\", { name: \"Mobile\", exact: true }).click();","\tawait expect(tabs).toHaveText([\"Mobile\", \"Desktop\"]);","\tawait page.keyboard.press(\"ControlOrMeta+z\");","\tawait content(page).locator(\"p\").filter({ hasText: \"After the tabs.\" }).click();","\tawait written(page, room, / {","\tawait expect(content(page).getByRole(\"tablist\").getByRole(\"tab\")).toHaveText([\"Wide screens\"]);","\tawait expect(tabs).toHaveText([\"Wide screens\"]);","\tawait strip.getByRole(\"tab\", { name: \"Wide screens\" }).press(\"Delete\");","\t// The last tab cannot be removed.","\t\t\"Queue in memory only.\",","\tawait expect.poll(async () => (await content(page).textContent()) ?? \"\").not.toContain(","\tawait written(page, room, /\\s* {","`;","After the tabs.","","","","Queue in memory only.","","","const SOURCE = `Before the tabs.","const SECOND = \"01K0N4V4E7Y6P4MJ5WD8XZF3BB\";","const FIRST = \"01K0N4V4E7Y6P4MJ5WD8XZF3BA\";","const TABS = \"01K0N4TR8K7JGM4R1J7PW4R8YA\";","import type { WebSocketRoute } from \"@playwright/test\";","import { content, expect, test, written } from \"./room\";","3a77a3ed","id","01M4CHGDZ08BVF87CB5626Y837","project","number",382,"title","Make tabs authorable in place and label empty table headers","description",{"_1730":1731,"_52":1732},"state","merged","base",{"_1693":18,"_1726":1729,"_1728":36},"head",{"_1693":18,"_1726":1727,"_1728":38},"mergeRevision","727ca9c218475c65d7f42153455c8b39c3e2274b","implements",[],"addresses",[],"createdBy",{"_1722":1723},"createdAt","2026-10-08T01:19:40.000Z","updatedAt","2026-10-08T17:43:58.000Z","locked","fork","headAvailable",true,"actor",{"_51":1724,"_1691":1725},"user","import:github:5599295","branch","refs/pull/382/head","revision","refs/heads/main","format","markdown","## Why\n\n`/Tabs` inserted tabs called \"One\" and \"Two\" that nobody could rename, add to or remove. The panel had no visible end, so its content ran into the next block. `/Table` inserted an unlabelled grid that stopped halfway across the page.\n\n## What changed\n\n- **Rename:** double-click a tab, or press Enter or F2 on a focused one, to edit its name in place. A tap on the open tab works on touch. Enter or blur saves, Escape cancels, and an empty name keeps the old one. Labels are trimmed to one line within the dialect's 60 characters.\n- **Add:** a ghost \"+\" at the end of the strip appears on hover or focus, and always without hover. It adds \"Tab N\" with an empty paragraph, selects it and opens its name for editing.\n- **Remove:** a removable tab keeps a fixed slot at its end, and a × appears on hover or focus without shifting neighbouring tabs. Delete or × removes a tab, including one with content, in one step; document undo from #352 can restore it. On touch, the selected tab exposes × directly, while a long press reveals × for another tab. The last tab cannot be removed.\n- **Keys stay out of the document:** the strip handles its keys with native listeners, so Lexical's root never applies Enter, Delete, typing, paste or undo from the strip or the name field to the document selection.\n- **Collaboration:** if a collaborator removes the tab you have open, the panel falls back to the first tab instead of hiding every panel.\n- **Panel end:** the panel ends on the same hairline as the strip. An empty panel, including a tab with no blocks at all, shows \"Write in this tab…\" while the document is editable.\n- **Tables:** empty header cells read \"Column 1\", \"Column 2\" and so on, using a CSS counter, only while the document is editable. The full-width table behavior from merged #386 is inherited; this diff adds header placeholders.\n- **Read-only:** no add, remove or rename controls.\n- Reorder is not included.\n\n## Screenshots\n\nBefore: tabs, then a new table\n\n![Before tabs](https://github.com/user-attachments/assets/12928445-5217-4d3e-8a90-a84a4d02c872)\n![Before table](https://github.com/user-attachments/assets/58276aac-c424-4052-99e4-69d4d7826ee8)\n\nAfter: new table, with header placeholders\n\n![After table](https://github.com/user-attachments/assets/2f1e3abe-c8c3-411d-a4c8-84c7c4bd0458)\n\nAfter: phone, renaming by tap\n\n![After phone rename](https://github.com/user-attachments/assets/b4bd6f34-104f-4801-9a60-85e5f22d9532)\n\n## Verification\n\n- Five commits, including the one-step removal review fix, remain patch-identical on the refreshed stack.\n- Focused tab-authoring tests: 4 passed. `bun run fix`, `bun run ci`, `bun run types`, and `bun run build` passed.\n- Earlier isolated browser checks passed for undo restoring a deleted tab and its contents after reload, and one-tap removal on touch. Fresh GitHub CI must run after the prepared head is published.\n- Initial JavaScript: 251,414 B raw / 79,332 B gzip, within budget.\n\n🤖 Generated with [Claude Code](https://claude.com/claude-code)\n\n","MaggieAppleton","documentNavigation","repo","githubnext/chopin","repoId","ownerId","org:89615882","site","nexthub","private","admin","settings","triage","starred","stars","watchers","watching","pinned","notify","views",[1870,1871,1872,1873,1874,1875,1876,1877,1878,1879,1880,1881,1882],"navigation",{"_1752":1753,"_1832":1833,"_1834":1835,"_1836":1837,"_1838":1839,"_1840":1841,"_84":1842},"sources",[],"meta",{"_1698":1827,"_1828":1829,"_1830":286,"_1742":22,"_1704":1822,"_1831":22,"_1747":883,"_1748":883},"branches",[1770,1771,1772,1773,1774,1775,1776,1777,1778,1779,1780,1781,1782,1783,1784,1785,1786,1787,1788,1789,1790,1791,1792,1793,30,1794,1795,1796,1797,1798,1799,1800,1801,1802,1803,1804,1805,1806,1807,1808,1809,1810,1811,1812,1813,1814,1815,1816,1817,1818,1819,1820,1821,1822,1823,1824,1825,1826],"tags",[1766,1767,1768,1769],"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",[1854,1855,1856],"documents",{"_1850":1851,"_1852":824},"code",{"_23":1848,"_1849":845},"automations",{"_1845":1846,"_1847":-5},"delivery",{"_1843":883,"_1844":-5},"04zvKQ8QOrDUF8TO1Ovz0Zy8_TT","releases","applications","workflows",3,"deployments",1000,"changes","counts",{"_1853":824},"total","issue",{"_1691":1849,"_1858":1868,"_47":1849,"_1860":1869,"_1750":1721,"_1862":22,"_1863":1721,"_1864":845},{"_1691":1865,"_1858":1866,"_47":1865,"_1860":1867,"_1750":1721,"_1862":22,"_1863":1721,"_1864":883},{"_1691":1857,"_1858":1859,"_47":1857,"_1860":1861,"_1750":1721,"_1862":22,"_1863":1721,"_1864":824},"issues","name","Issues","filters",{},"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_1691":1849,"_1858":1868,"_47":1849,"_1860":1913,"_1750":1721,"_1862":22,"_1863":1721},{"_1691":1865,"_1858":1866,"_47":1865,"_1860":1912,"_1750":1721,"_1862":22,"_1863":1721},{"_1691":1857,"_1858":1859,"_47":1857,"_1860":1911,"_1750":1721,"_1862":22,"_1863":1721},{"_1691":1908,"_1858":1909,"_47":1908,"_1860":1910,"_1750":22,"_1862":22,"_1863":1721},{"_1691":1905,"_1858":1906,"_47":1905,"_1860":1907,"_1750":22,"_1862":22,"_1863":1721},{"_1691":1845,"_1858":1903,"_47":1838,"_1860":1904,"_1750":22,"_1862":22,"_1863":1721},{"_1691":1847,"_1858":1900,"_47":1901,"_1860":1902,"_1750":22,"_1862":22,"_1863":1721},{"_1691":1843,"_1858":1898,"_47":1843,"_1860":1899,"_1750":22,"_1862":22,"_1863":1721},{"_1691":1894,"_1858":1895,"_47":1896,"_1860":1897,"_1750":22,"_1862":22,"_1863":1721},{"_1691":1834,"_1858":1892,"_47":1834,"_1860":1893,"_1750":22,"_1862":22,"_1863":22},{"_1691":1889,"_1858":1890,"_47":1889,"_1860":1891,"_1750":22,"_1862":22,"_1863":22},{"_1691":1886,"_1858":1887,"_47":1886,"_1860":1888,"_1750":22,"_1862":22,"_1863":22},{"_1691":1883,"_1858":1884,"_47":1883,"_1860":1885,"_1750":22,"_1862":22,"_1863":22},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups",[],"now",1794435431509,"sidebar","expanded"]