[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_229":-5,"_232":233,"_234":235},"routes/shell",{"_42":43,"_228":-5,"_229":-5,"_230":231},"routes/repo",{"_33":-7,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":31,"_45":31,"_46":31,"_47":31,"_48":31,"_49":31,"_50":51,"_52":51,"_53":31,"_54":-7,"_55":-7,"_56":57,"_58":59,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":14,"_22":23,"_24":-5,"_25":26,"_27":28,"_28":29,"_30":31,"_32":14},"ref","9008efdc5b82c7b4e3dfa773b9a08049fd91eed2","path","packages/editor/src/toolbar/slash.tsx","oid","b06695239b9a3246d4bd782f66d56cde622b3f9d","size",22593,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","/**\n * Block insertion, driven by typing `/`.\n *\n * Everything inserts locally and immediately, including the components that\n * carry a durable id: a ULID has enough entropy that two clients cannot mint\n * the same one, so buying uniqueness with a server round trip would only make\n * the block appear later than the keystroke that asked for it.\n */\n\nimport {\n\tFragment,\n\tuseCallback,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\tuseSyncExternalStore,\n} from \"react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { $copyBlockFormatIndent, $setBlocksType } from \"@lexical/selection\";\nimport { $getAnchorAndFocusForUserState } from \"@lexical/yjs\";\nimport {\n\t$createRangeSelection,\n\t$getNodeByKey,\n\t$getSelection,\n\t$isElementNode,\n\t$isRangeSelection,\n\t$isTextNode,\n\t$setSelection,\n\tCOLLABORATION_TAG,\n\tCOMMAND_PRIORITY_LOW,\n\tHISTORIC_TAG,\n\tKEY_DOWN_COMMAND,\n} from \"lexical\";\nimport {\n\t$createCalloutNode,\n\t$createCodeBlockNode,\n\t$createImageNode,\n\t$createMathNode,\n\t$createResearchNode,\n\t$createTabNode,\n\t$createTabsNode,\n\t$isResearchNode,\n\tDIFF_LANGUAGE,\n\tIMAGE_PROTOCOLS,\n\tMERMAID_LANGUAGE,\n\tulid,\n} from \"@chopin/dialect\";\n\nimport { $createTableNodeWithDimensions } from \"@lexical/table\";\nimport { $createParagraphNode, $createTextNode, $insertNodes } from \"lexical\";\nimport * as Y from \"yjs\";\n\nimport { askForUrl } from \"./url\";\nimport { ResearchDraftStore } from \"../research-draft\";\nimport { ResearchComposer } from \"../widgets/research\";\nimport { placeSurface } from \"./placement\";\nimport {\n\tDIVIDER,\n\teditorSurfaceViewport,\n\tlistenToEditorGeometry,\n\tnativeSelectionRect,\n\tROW,\n\tSHELL,\n} from \"./surface\";\n\nimport type { Binding } from \"@lexical/yjs\";\nimport type { ElementNode, LexicalEditor, LexicalNode } from \"lexical\";\nimport type { ResearchStore } from \"../widget-options\";\nimport type { DOMRectLike, SurfacePlacement } from \"./placement\";\n\nconst MULTI_WORD_COMMANDS = [\"web search\"];\n\nexport type SlashCommand = {\n\tid: string;\n\tlabel: string;\n\tgroup: string;\n\tkeywords: string[];\n\trun: (editor: LexicalEditor, actions?: { research?: () => void }) => void;\n};\n\n/** Replace the current block, dropping the `/query` the user typed. */\nfunction replace(editor: LexicalEditor, build: () => ElementNode) {\n\teditor.update(() => {\n\t\tlet selection = $getSelection();\n\t\tif (!$isRangeSelection(selection)) return;\n\t\t$setBlocksType(selection, build);\n\t});\n}\n\n/** Keep the replaced block as a block inside the new container. */\nfunction insertContainer(\n\teditor: LexicalEditor,\n\tbuild: () => ElementNode,\n\tallowed: (node: LexicalNode) => boolean = () => true,\n) {\n\teditor.update(() => {\n\t\tlet selection = $getSelection();\n\t\tif (!$isRangeSelection(selection)) return;\n\t\tif (!allowed(selection.anchor.getNode())) return;\n\t\tlet body: ElementNode | undefined;\n\n\t\t$setBlocksType(\n\t\t\tselection,\n\t\t\tbuild,\n\t\t\t(previous, container) => {\n\t\t\t\tlet paragraph = $createParagraphNode();\n\t\t\t\t$copyBlockFormatIndent(previous, paragraph);\n\t\t\t\tparagraph.append(...previous.getChildren());\n\t\t\t\tcontainer.append(paragraph);\n\t\t\t\tbody = paragraph;\n\t\t\t},\n\t\t);\n\n\t\t// An empty text child is normalised away after this update; anchor the\n\t\t// caret to its paragraph so the next character does not become a direct\n\t\t// child of the callout instead.\n\t\tif (body?.getTextContentSize() === 0) body.selectEnd();\n\t});\n}\n\n/**\n * What the menu offers.\n *\n * Only blocks markdown cannot type. Headings, quotes and lists have shortcuts\n * — `# `, `> `, `- `, `1. ` — and a control in the selection bubble, so listing\n * them here would be a third way to do what two already do, and would bury the\n * things that have no other route.\n *\n * A code fence is the exception that proves it: ``` is not wired, because\n * MDXEditor's transformer builds its own code node rather than the dialect's.\n */\nconst COMMANDS: SlashCommand[] = [\n\t{\n\t\tid: \"research\",\n\t\tlabel: \"Research\",\n\t\tgroup: \"Research\",\n\t\tkeywords: [\"research\", \"web search\"],\n\t\trun: (_editor, actions) => actions?.research?.(),\n\t},\n\t{\n\t\tid: \"code\",\n\t\tlabel: \"Code block\",\n\t\tgroup: \"Technical\",\n\t\tkeywords: [\"code\", \"snippet\", \"fence\"],\n\t\trun: editor => replace(editor, () => $createCodeBlockNode(\"\")),\n\t},\n\t{\n\t\tid: \"diff\",\n\t\tlabel: \"Diff\",\n\t\tgroup: \"Technical\",\n\t\tkeywords: [\"diff\", \"patch\", \"change\"],\n\t\trun: editor => replace(editor, () => $createCodeBlockNode(DIFF_LANGUAGE)),\n\t},\n\t{\n\t\tid: \"mermaid\",\n\t\tlabel: \"Diagram\",\n\t\tgroup: \"Technical\",\n\t\tkeywords: [\"mermaid\", \"diagram\", \"flowchart\", \"graph\"],\n\t\trun: editor => replace(editor, () => $createCodeBlockNode(MERMAID_LANGUAGE)),\n\t},\n\t{\n\t\tid: \"math\",\n\t\tlabel: \"Formula\",\n\t\tgroup: \"Technical\",\n\t\tkeywords: [\"math\", \"latex\", \"katex\", \"equation\"],\n\t\trun: editor => replace(editor, () => $createMathNode(false)),\n\t},\n\t{\n\t\tid: \"image\",\n\t\tlabel: \"Image\",\n\t\tgroup: \"Technical\",\n\t\tkeywords: [\"image\", \"picture\", \"figure\", \"screenshot\"],\n\t\trun: editor => {\n\t\t\tlet src = askForUrl(\"Image URL\", { protocols: IMAGE_PROTOCOLS, relative: false });\n\t\t\tif (!src) return;\n\t\t\teditor.update(() => {\n\t\t\t\t$insertNodes([$createImageNode(src, \"\")]);\n\t\t\t});\n\t\t},\n\t},\n\t{\n\t\tid: \"callout\",\n\t\tlabel: \"Callout\",\n\t\tgroup: \"Layout\",\n\t\tkeywords: [\"note\", \"warning\", \"aside\", \"admonition\"],\n\t\trun: editor => insertContainer(editor, () => $createCalloutNode(ulid())),\n\t},\n\t{\n\t\tid: \"table\",\n\t\tlabel: \"Table\",\n\t\tgroup: \"Layout\",\n\t\tkeywords: [\"table\", \"grid\", \"row\", \"column\", \"spreadsheet\"],\n\t\trun: editor =>\n\t\t\teditor.update(() => {\n\t\t\t\t/*\n\t\t\t\t * Row headers only.\n\t\t\t\t *\n\t\t\t\t * `includeHeaders: true` would mark the first cell of every row\n\t\t\t\t * as a header too, which renders as a bold shaded column — and\n\t\t\t\t * GFM has no way to write one, so the table would claim\n\t\t\t\t * something on screen that the saved source does not say.\n\t\t\t\t */\n\t\t\t\t$insertNodes([$createTableNodeWithDimensions(3, 3, { rows: true, columns: false })]);\n\t\t\t}),\n\t},\n\t{\n\t\tid: \"tabs\",\n\t\tlabel: \"Tabs\",\n\t\tgroup: \"Layout\",\n\t\tkeywords: [\"tab\", \"switch\", \"panel\"],\n\t\trun: editor =>\n\t\t\teditor.update(() => {\n\t\t\t\tlet tabs = $createTabsNode();\n\t\t\t\ttabs.setId(ulid());\n\t\t\t\tfor (let label of [\"One\", \"Two\"]) {\n\t\t\t\t\tlet tab = $createTabNode();\n\t\t\t\t\ttab.setId(ulid());\n\t\t\t\t\ttab.setLabel(label);\n\t\t\t\t\ttab.append($createParagraphNode().append($createTextNode(\"\")));\n\t\t\t\t\ttabs.append(tab);\n\t\t\t\t}\n\t\t\t\t$insertNodes([tabs]);\n\t\t\t}),\n\t},\n];\n\nfunction match(command: SlashCommand, query: string): boolean {\n\tif (!query) return true;\n\tlet needle = query.toLowerCase();\n\treturn command.label.toLowerCase().includes(needle)\n\t\t|| command.keywords.some(word => word.includes(needle));\n}\n\nexport function availableCommands(query: string): SlashCommand[] {\n\treturn COMMANDS.filter(command => match(command, query));\n}\n\n/** Capture a document-safe insertion point before an asynchronous request begins. */\nexport function captureResearchPosition(binding: Binding): Y.RelativePosition | undefined {\n\tlet selection = $getSelection();\n\tif (!$isRangeSelection(selection) || !selection.isCollapsed()) return;\n\tlet point = selection.anchor;\n\tlet node = point.getNode();\n\tlet collab = binding.collabNodeMap.get(point.key);\n\tif (!collab) return;\n\n\tlet shared = collab.getSharedType();\n\tlet offset = point.offset;\n\tif ($isTextNode(node)) {\n\t\tlet parent = node.getParent();\n\t\tlet parentCollab = parent && binding.collabNodeMap.get(parent.getKey());\n\t\tlet currentOffset = collab.getOffset();\n\t\tif (!parentCollab || currentOffset < 0) return;\n\t\tshared = parentCollab.getSharedType();\n\t\toffset = currentOffset + 1 + point.offset;\n\t} else if ($isElementNode(node) && point.type === \"element\") {\n\t\toffset = 0;\n\t\tfor (let child of node.getChildren().slice(0, point.offset)) {\n\t\t\toffset += $isTextNode(child) ? child.getTextContentSize() + 1 : 1;\n\t\t}\n\t}\n\treturn Y.createRelativePositionFromTypeIndex(shared, offset);\n}\n\n/** Insert only when the saved collaborative position still resolves, and verify the result. */\nexport function insertResearchReference(\n\teditor: LexicalEditor,\n\tbinding: Binding,\n\tposition: Y.RelativePosition,\n\tid: string,\n): boolean {\n\tlet key: string | undefined;\n\ttry {\n\t\teditor.update(() => {\n\t\t\tlet resolved = $getAnchorAndFocusForUserState(binding, {\n\t\t\t\tanchorPos: position,\n\t\t\t\tfocusPos: position,\n\t\t\t\tcolor: \"\",\n\t\t\t\tfocusing: false,\n\t\t\t\tname: \"\",\n\t\t\t\tawarenessData: {},\n\t\t\t});\n\t\t\tif (!resolved.anchorKey || !resolved.focusKey) return;\n\t\t\tlet anchor = $getNodeByKey(resolved.anchorKey);\n\t\t\tlet focus = $getNodeByKey(resolved.focusKey);\n\t\t\tif (!anchor || !focus) return;\n\t\t\tlet selection = $createRangeSelection();\n\t\t\tselection.anchor.set(\n\t\t\t\tresolved.anchorKey,\n\t\t\t\tresolved.anchorOffset,\n\t\t\t\t$isElementNode(anchor) ? \"element\" : \"text\",\n\t\t\t);\n\t\t\tselection.focus.set(\n\t\t\t\tresolved.focusKey,\n\t\t\t\tresolved.focusOffset,\n\t\t\t\t$isElementNode(focus) ? \"element\" : \"text\",\n\t\t\t);\n\t\t\t$setSelection(selection);\n\t\t\tlet reference = $createResearchNode(id);\n\t\t\t$insertNodes([reference]);\n\t\t\tkey = reference.getKey();\n\t\t}, { discrete: true });\n\t} catch {\n\t\treturn false;\n\t}\n\tif (!key) return false;\n\tlet inserted = false;\n\teditor.getEditorState().read(() => {\n\t\tlet reference = $getNodeByKey(key!);\n\t\tinserted = $isResearchNode(reference) && reference.getId() === id && reference.isAttached();\n\t});\n\treturn inserted;\n}\n\nexport function dismissResearchComposer(\n\teditor: Pick,\n\tdismiss: () => void,\n) {\n\tdismiss();\n\teditor.focus();\n}\n\nexport function beginResearchDraft(\n\tdrafts: ResearchDraftStore,\n\tconsume: () => { anchor: DOMRectLike; position?: Y.RelativePosition } | undefined,\n): boolean {\n\tif (!drafts.canOpen()) return false;\n\tlet next = consume();\n\treturn next ? drafts.open(next.anchor, next.position) : false;\n}\n\n/**\n * What the caret is asking to insert, if anything.\n *\n * The slash has to start a word — beginning the block, or following a space.\n * A plan is full of paths, URLs and dates, and a rule that only looked for the\n * last slash in the line would put a menu over `src/index.ts`, `https://x.com`\n * and `24/7`. Only text behind the caret counts, so editing earlier in a line\n * that happens to contain a slash stays quiet too.\n *\n * Returns the query typed after the slash, or undefined for no trigger. An\n * empty string is a bare `/`, which opens the full list.\n */\nexport function trigger(text: string, offset: number): string | undefined {\n\tlet before = text.slice(0, offset);\n\tlet slash = before.lastIndexOf(\"/\");\n\tif (slash < 0) return undefined;\n\n\tlet preceding = slash > 0 ? before[slash - 1] : undefined;\n\tif (preceding !== undefined && !/\\s/.test(preceding)) return undefined;\n\n\tlet query = before.slice(slash + 1);\n\t// Spaces continue only a known multi-word command. Ordinary prose still\n\t// closes immediately, rather than leaving a menu over the sentence.\n\tif (\n\t\t/\\s/.test(query)\n\t\t&& !MULTI_WORD_COMMANDS.some(command => command.startsWith(query.toLowerCase()))\n\t) return undefined;\n\n\treturn query;\n}\n\nexport type Decision = \"open\" | \"close\" | \"ignore\";\n\n/**\n * Whether an editor update should show, hide or be ignored by the menu.\n *\n * Opening is caused, not derived. Lexical commits an update for every change\n * including a bare caret move, and an agent turn writing `/workspace/project`\n * lands text and recovers the local selection into it — so a menu that simply\n * asked \"does the caret sit after a slash?\" would open over content nobody\n * typed. Only a keystroke arms it.\n *\n * Closing stays unconditional: a peer deleting the slash this menu is attached\n * to should dismiss it, whoever caused the change.\n */\nexport function decide(\n\t{ typed, open, armed, remote, composing }: {\n\t\t/** Query behind the caret, from `trigger`. */\n\t\ttyped: string | undefined;\n\t\topen: boolean;\n\t\t/** The local user pressed `/`. */\n\t\tarmed: boolean;\n\t\t/** Applied from collaboration or history rather than this client. */\n\t\tremote: boolean;\n\t\tcomposing: boolean;\n\t},\n): Decision {\n\t// Intermediate IME text is not a decision the author has made yet.\n\tif (composing) return \"ignore\";\n\tif (typed === undefined) return \"close\";\n\tif (open) return \"open\";\n\tif (remote || !armed) return \"ignore\";\n\treturn \"open\";\n}\n\nexport type SlashMenuProps = {\n\tbinding?: Binding;\n\tdisabled?: boolean;\n\tdrafts?: ResearchDraftStore;\n\tresearch?: ResearchStore;\n};\n\nexport function SlashMenu({ binding, disabled, drafts, research }: SlashMenuProps) {\n\tlet [editor] = useLexicalComposerContext();\n\tlet [query, setQuery] = useState();\n\tlet [anchor, setAnchor] = useState();\n\tlet [position, setPosition] = useState();\n\tlet [index, setIndex] = useState(0);\n\tlet subscribeDraft = useCallback(\n\t\t(listener: () => void) => drafts?.subscribe(listener) ?? (() => {}),\n\t\t[drafts],\n\t);\n\tlet readDraft = useCallback(() => drafts?.get(), [drafts]);\n\tlet draft = useSyncExternalStore(subscribeDraft, readDraft, readDraft);\n\tlet surface = useRef(null);\n\tlet open = query !== undefined && !disabled;\n\n\tlet matches = useMemo(\n\t\t() =>\n\t\t\tavailableCommands(query ?? \"\").filter(command =>\n\t\t\t\tcommand.id !== \"research\" || (research && drafts?.canOpen())\n\t\t\t),\n\t\t[query, research, drafts, draft],\n\t);\n\t// Groups now place dividers while options remain direct listbox children.\n\tlet grouped = useMemo(() => {\n\t\tlet out = new Map();\n\t\tfor (let command of matches) {\n\t\t\tout.set(command.group, [...(out.get(command.group) ?? []), command]);\n\t\t}\n\t\treturn [...out];\n\t}, [matches]);\n\n\t/**\n\t * Set when the local user presses `/`.\n\t *\n\t * A ref rather than state: it gates the very update that follows the\n\t * keystroke, which is committed long before a re-render would land.\n\t */\n\tlet armed = useRef(false);\n\tlet currentQuery = useRef(undefined);\n\n\t/** Read inside the update listener, which must not re-register per keystroke. */\n\tlet showing = useRef(false);\n\tshowing.current = open;\n\n\tlet close = useCallback(() => {\n\t\t// Dismissing has to disarm, or the next update would re-derive the same\n\t\t// trigger and reopen what the user just closed.\n\t\tarmed.current = false;\n\t\tcurrentQuery.current = undefined;\n\t\tsetQuery(undefined);\n\t\tsetAnchor(undefined);\n\t\tsetPosition(undefined);\n\t\tsetIndex(0);\n\t}, []);\n\n\t/**\n\t * Remove the typed `/query` before acting on it.\n\t *\n\t * Only that span: anything the user had already written after the caret\n\t * belongs to them, and truncating the line to the slash would eat it.\n\t */\n\tlet consume = useCallback((): { position?: Y.RelativePosition } | undefined => {\n\t\tlet consumed: { position?: Y.RelativePosition } | undefined;\n\t\teditor.update(() => {\n\t\t\tlet selection = $getSelection();\n\t\t\tif (!$isRangeSelection(selection)) return;\n\n\t\t\tlet node = selection.anchor.getNode();\n\t\t\tif (!$isTextNode(node)) return;\n\n\t\t\tlet offset = selection.anchor.offset;\n\t\t\tlet text = node.getTextContent();\n\t\t\tlet typed = trigger(text, offset);\n\t\t\tif (typed === undefined) return;\n\n\t\t\tlet start = offset - typed.length - 1;\n\t\t\tnode.setTextContent(text.slice(0, start) + text.slice(offset));\n\t\t\tnode.select(start, start);\n\t\t\tconsumed = { position: binding ? captureResearchPosition(binding) : undefined };\n\t\t}, { discrete: true });\n\t\treturn consumed;\n\t}, [binding, editor]);\n\n\tlet choose = useCallback((command: SlashCommand) => {\n\t\tlet placement = anchor;\n\t\tif (command.id === \"research\") {\n\t\t\tcommand.run(editor, {\n\t\t\t\tresearch: research && drafts && placement\n\t\t\t\t\t? () => {\n\t\t\t\t\t\tbeginResearchDraft(drafts, () => {\n\t\t\t\t\t\t\tlet consumed = consume();\n\t\t\t\t\t\t\treturn consumed ? { anchor: placement, position: consumed.position } : undefined;\n\t\t\t\t\t\t});\n\t\t\t\t\t\tsetPosition(undefined);\n\t\t\t\t\t}\n\t\t\t\t\t: undefined,\n\t\t\t});\n\t\t\tclose();\n\t\t\treturn;\n\t\t}\n\t\tconsume();\n\t\tclose();\n\t\tcommand.run(editor);\n\t}, [anchor, consume, close, drafts, editor, research]);\n\n\t// Arming is what separates a slash the author typed from one that arrived\n\t// with someone else's edit. Registered whether or not the menu is showing,\n\t// because it is the thing that decides whether it should.\n\tuseEffect(() => {\n\t\treturn editor.registerCommand(\n\t\t\tKEY_DOWN_COMMAND,\n\t\t\t(event: KeyboardEvent) => {\n\t\t\t\tif (event.key === \"/\") armed.current = true;\n\t\t\t\treturn false;\n\t\t\t},\n\t\t\tCOMMAND_PRIORITY_LOW,\n\t\t);\n\t}, [editor]);\n\n\t// Track what follows the `/` so the list can filter as the user types.\n\tuseEffect(() => {\n\t\t// Clears any query left behind by the lock, which would otherwise spring\n\t\t// the menu open the moment an agent turn ends.\n\t\tif (disabled) {\n\t\t\tclose();\n\t\t\treturn;\n\t\t}\n\t\treturn editor.registerUpdateListener(({ tags }) => {\n\t\t\teditor.getEditorState().read(() => {\n\t\t\t\tlet selection = $getSelection();\n\t\t\t\tif (!$isRangeSelection(selection) || !selection.isCollapsed()) return close();\n\n\t\t\t\tlet typed = trigger(\n\t\t\t\t\tselection.anchor.getNode().getTextContent(),\n\t\t\t\t\tselection.anchor.offset,\n\t\t\t\t);\n\n\t\t\t\tlet decision = decide({\n\t\t\t\t\ttyped,\n\t\t\t\t\topen: showing.current,\n\t\t\t\t\tarmed: armed.current,\n\t\t\t\t\tremote: tags.has(COLLABORATION_TAG) || tags.has(HISTORIC_TAG),\n\t\t\t\t\tcomposing: editor.isComposing(),\n\t\t\t\t});\n\t\t\t\tif (decision === \"ignore\") return;\n\t\t\t\tif (decision === \"close\") return close();\n\n\t\t\t\tlet rect = nativeSelectionRect();\n\t\t\t\tif (!rect) return close();\n\n\t\t\t\tif (typed !== currentQuery.current) setIndex(0);\n\t\t\t\tcurrentQuery.current = typed;\n\t\t\t\tsetQuery(typed);\n\t\t\t\tsetAnchor(rect);\n\t\t\t});\n\t\t});\n\t}, [editor, close, disabled]);\n\n\tlet place = useCallback(() => {\n\t\tlet element = surface.current;\n\t\tlet placement = draft?.anchor ?? anchor;\n\t\tif (!element || !placement) return;\n\t\tlet liveAnchor = draft ? draft.anchor : nativeSelectionRect();\n\t\tif (!liveAnchor) {\n\t\t\tsetPosition(undefined);\n\t\t\treturn;\n\t\t}\n\t\tlet viewport = editorSurfaceViewport(editor);\n\t\telement.style.maxWidth = `${Math.max(0, viewport.width - 16)}px`;\n\t\tlet next = placeSurface(\n\t\t\tliveAnchor,\n\t\t\t{ width: element.offsetWidth, height: element.scrollHeight },\n\t\t\tviewport,\n\t\t);\n\t\tsetPosition(current =>\n\t\t\tcurrent?.left === next.left && current.top === next.top\n\t\t\t\t&& current.maxHeight === next.maxHeight\n\t\t\t\t? current\n\t\t\t\t: next\n\t\t);\n\t}, [anchor, draft]);\n\tuseLayoutEffect(() => {\n\t\tif (open || draft) place();\n\t}, [open, draft, grouped, place]);\n\n\tuseEffect(() => {\n\t\tif (!open && !draft) return;\n\t\treturn listenToEditorGeometry(editor, place);\n\t}, [editor, open, draft, place]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!drafts || !binding || disabled) return;\n\t\treturn drafts.attachPlacement((saved, id) =>\n\t\t\tinsertResearchReference(editor, binding, saved, id)\n\t\t);\n\t}, [binding, disabled, drafts, editor]);\n\n\tlet selected = useRef(matches[0]);\n\tselected.current = matches[index];\n\n\tuseEffect(() => {\n\t\tif (!open) return;\n\t\treturn editor.registerCommand(\n\t\t\tKEY_DOWN_COMMAND,\n\t\t\t(event: KeyboardEvent) => {\n\t\t\t\tif (event.key === \"Escape\") {\n\t\t\t\t\tclose();\n\t\t\t\t} else if (event.key === \"ArrowDown\") {\n\t\t\t\t\tsetIndex(value => (value + 1) % Math.max(matches.length, 1));\n\t\t\t\t} else if (event.key === \"ArrowUp\") {\n\t\t\t\t\tsetIndex(value => (value - 1 + matches.length) % Math.max(matches.length, 1));\n\t\t\t\t} else if (event.key === \"Enter\" || event.key === \"Tab\") {\n\t\t\t\t\tlet command = selected.current;\n\t\t\t\t\tif (!command) return false;\n\t\t\t\t\tchoose(command);\n\t\t\t\t} else {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tevent.preventDefault();\n\t\t\t\treturn true;\n\t\t\t},\n\t\t\tCOMMAND_PRIORITY_LOW,\n\t\t);\n\t}, [editor, open, matches.length, close, choose]);\n\n\tif (draft && drafts && research) {\n\t\tlet dismiss = () => dismissResearchComposer(editor, () => drafts.dismiss());\n\t\tlet currentPosition = () => {\n\t\t\tif (!binding) return;\n\t\t\tlet found: Y.RelativePosition | undefined;\n\t\t\teditor.getEditorState().read(() => {\n\t\t\t\tfound = captureResearchPosition(binding);\n\t\t\t});\n\t\t\treturn found;\n\t\t};\n\t\tlet submit = () => {\n\t\t\tif (draft.submitting || draft.cancelling || !draft.question.trim()) return;\n\t\t\tif (!binding || disabled) return;\n\t\t\tif (draft.created) {\n\t\t\t\tlet position = currentPosition();\n\t\t\t\tif (position) drafts.place(position, !disabled);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvoid drafts.start(\n\t\t\t\t(question, requestId) => research.create(question, requestId),\n\t\t\t\tcurrentPosition(),\n\t\t\t);\n\t\t};\n\t\tlet cancel = () => {\n\t\t\tif (!draft.created) return dismiss();\n\t\t\tif (disabled) return;\n\t\t\tvoid drafts.cancelCreated(id => research.cancel(id), !disabled).then(cancelled => {\n\t\t\t\tif (cancelled) editor.focus();\n\t\t\t});\n\t\t};\n\t\tlet busy = !!draft.submitting || !!draft.cancelling;\n\t\tlet dismissible = !busy && !draft.created;\n\t\treturn (\n\t\t\t\n\t\t\t\t drafts.change(question)}\n\t\t\t\t\tonEscape={dismiss}\n\t\t\t\t\tonSubmit={submit}\n\t\t\t\t\tquestion={draft.question}\n\t\t\t\t\tquestionLocked={!!draft.created}\n\t\t\t\t\tsubmitLabel={draft.created ? \"Place research here\" : undefined}\n\t\t\t\t\tsubmitting={busy}\n\t\t\t\t/>\n\t\t\t\n\t\t);\n\t}\n\n\tif (!open || !anchor || matches.length === 0) return null;\n\n\tlet flat = matches;\n\n\treturn (\n\t\t event.preventDefault()}\n\t\t>\n\t\t\t{grouped.map(([group, commands], place) => (\n\t\t\t\t\n\t\t\t\t\t{place > 0 &&

}\n\t\t\t\t\t{commands.map(command => {\n\t\t\t\t\t\tlet position = flat.indexOf(command);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t setIndex(position)}\n\t\t\t\t\t\t\t\tonClick={() => choose(command)}\n\t\t\t\t\t\t\t\tclassName={`${ROW} ${\n\t\t\t\t\t\t\t\t\tposition === index\n\t\t\t\t\t\t\t\t\t\t? \"bg-selected text-text-primary\"\n\t\t\t\t\t\t\t\t\t\t: \"text-text-tertiary\"\n\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{command.label}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\n\t\t\t))}\n\t\t

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