[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_271":-5,"_274":275,"_276":277},"routes/shell",{"_40":41,"_270":-5,"_271":-5,"_272":273},"routes/repo",{"_33":-7,"_34":35,"_36":37,"_38":39,"_40":41,"_42":31,"_43":31,"_44":31,"_45":31,"_46":31,"_47":31,"_48":49,"_50":49,"_51":31,"_52":-7,"_53":-7,"_54":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":14,"_22":23,"_24":-5,"_25":26,"_27":28,"_28":29,"_30":31,"_32":14},"ref","4610bb4ec7ca2e2f212f2ff4d83ecc864aa1aeee","path","packages/ui/src/components/composer/chat-composer.tsx","oid","215937444981fb6a43ea66328815bb61bd997053","size",47027,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import { pick } from \"../../lib/emoji\";\nimport {\n\ttype ComponentPropsWithRef,\n\ttype ComponentType,\n\tFragment,\n\ttype ReactNode,\n\ttype Ref,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from \"react\";\nimport { Toolbar } from \"@base-ui/react/toolbar\";\nimport * as fuzzysort from \"fuzzysort\";\nimport type { MarkType, Node as ProseMirrorNode, NodeType } from \"prosemirror-model\";\nimport { TextSelection } from \"prosemirror-state\";\nimport type { EditorView } from \"prosemirror-view\";\n\nimport { useDraft } from \"../../hooks/use-draft\";\nimport { useHistory } from \"../../hooks/use-history\";\nimport { useMic } from \"../../hooks/use-mic\";\nimport { lookupCustomEmoji } from \"../../lib/emoji\";\nimport { parse } from \"../../lib/markdown\";\nimport { cn, isUrl } from \"../../lib/utils\";\nimport { Button } from \"../../ui/button\";\nimport {\n\tCombobox,\n\tComboboxContent,\n\tComboboxEmpty,\n\tComboboxInput,\n\tComboboxItem,\n\tComboboxList,\n\tComboboxTrigger,\n} from \"../../ui/combobox\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuSeparator,\n\tDropdownMenuTrigger,\n} from \"../../ui/dropdown-menu\";\nimport { type Emoji, EmojiPicker } from \"../../ui/emoji-picker\";\nimport { Popover, PopoverPopup, PopoverPortal, PopoverPositioner } from \"../../ui/popover\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../../ui/tooltip\";\nimport { Waveform } from \"../../ui/waveform\";\n\nimport { type Attachment, AttachmentList } from \"./attachment-list\";\nimport { Composer } from \"./composer\";\nimport { ComposerToolbar, type ComposerToolbarEvent } from \"./composer-toolbar\";\nimport { canSendMessage } from \"./send\";\nimport { useAttachments } from \"./use-attachments\";\nimport {\n\tclearLink,\n\tgetLinkInfo,\n\tsetLink as setLinkCmd,\n\ttoggleBold,\n\ttoggleBullet,\n\ttoggleCode,\n\ttoggleCodeBlock,\n\ttoggleItalic,\n\ttoggleOrdered,\n\ttoggleQuote,\n\ttoggleStrike,\n\ttoggleUnderline,\n} from \"../rich-text/commands\";\nimport {\n\ttype DocumentCandidate,\n\ttype Mention,\n\tRichText,\n\ttype SlashCommand,\n} from \"../rich-text/rich-text\";\nimport { schema } from \"../rich-text/schema\";\nimport {\n\tIconArrowUpMicro,\n\tIconCheckMicro,\n\tIconChevronDownMicro,\n\tIconChevronRightMicro,\n\tIconConsoleMicro,\n\tIconListTodoMicro,\n\tIconMessageMicro,\n\tIconSparkleMicro,\n\tIconStopFilledMicro,\n\tIconTextMicro,\n\tIconXMicro,\n} from \"../../icons\";\n\n/** A selectable mode (e.g. Chat, Ace, Plan, Terminal). */\ntype Mode = {\n\tid: string;\n\tname: string;\n\tplaceholder: string;\n\t/** Optional icon shown in the mode picker. */\n\ticon?: ComponentType<{ className?: string }>;\n\t/** If set, auto-inserts the named mention when this mode is active. */\n\tmention?: string;\n\t/** Visual/behavioral variant. Defaults to \"chat\". */\n\tkind?: \"chat\" | \"terminal\";\n\t/** Terminal-only: CWD path segments shown as the input placeholder. */\n\tcwd?: string[];\n};\n\n/** A selectable model (e.g. Opus, Sonnet). */\ntype Model = {\n\tid: string;\n\tname: string;\n\tvendor?: string;\n};\n\n/** A reasoning effort accepted by the selected model. */\ntype Effort = { id: string; name: string };\n\n/** A selectable agent or execution mode. */\ntype Agent = {\n\tid: string;\n\tname: string;\n\tdescription?: string;\n\tgroup?: string;\n\tcolor?: string;\n\ticon?: ComponentType<{ className?: string }>;\n};\n\nfunction text(model: Model) {\n\treturn [model.name, model.id, model.vendor].filter(Boolean).join(\" \");\n}\n\nfunction glyph(mode?: Mode): ComponentType<{ className?: string }> {\n\tif (mode?.icon) return mode.icon;\n\tif (mode?.kind === \"terminal\") return IconConsoleMicro;\n\tswitch (mode?.id) {\n\t\tcase \"ace\":\n\t\t\treturn IconSparkleMicro;\n\t\tcase \"plan\":\n\t\t\treturn IconListTodoMicro;\n\t\tdefault:\n\t\t\treturn IconMessageMicro;\n\t}\n}\n\n/** Payload passed to `onSend`. */\ntype SendPayload = {\n\tdoc: ProseMirrorNode;\n\ttext: string;\n\tattachments: Attachment[];\n\tmode: string;\n\tmodel?: string;\n\tagent?: string;\n};\n\n/** Imperative handle exposed via `ref`. */\ntype ChatComposerHandle = {\n\tfocus: () => void;\n\t/** Read the current document without changing the editor or its saved draft. */\n\tget: () => ProseMirrorNode | undefined;\n\tclear: () => void;\n\tset: (text: string) => void;\n\tinsert: (text: string) => void;\n};\n\ntype Props = {\n\t/** Storage scope for drafts and recalled messages. Defaults to the current pathname. */\n\tscope?: string;\n\tmentions?: Mention[];\n\t/** Documents available for &name.md references. */\n\tdocuments?: readonly DocumentCandidate[];\n\t/** Enables the reserved Plan reference in & autocomplete. */\n\tplan?: boolean;\n\tcommands?: SlashCommand[];\n\t/** Available modes. Defaults to a single \"chat\" mode. */\n\tmodes?: Mode[];\n\t/** Available models. Omit to hide the model picker. */\n\tmodels?: Model[];\n\t/** Available agents and execution modes. Omit to hide the agent picker. */\n\tagents?: Agent[];\n\t/** Overrides the active mode's placeholder. */\n\tplaceholder?: string;\n\t/** Enables the microphone + recording UI. Defaults to false. */\n\tmic?: boolean;\n\tmode?: string;\n\tonModeChange?: (mode: string) => void;\n\tmodel?: string;\n\tonModelChange?: (model: string) => void;\n\tagent?: string;\n\tonAgentChange?: (agent: string) => void;\n\t/** Reasoning efforts for the selected model. Omit to hide the effort picker. */\n\tefforts?: Effort[];\n\teffort?: string;\n\tonEffortChange?: (effort: string) => void;\n\tattachments?: Attachment[];\n\tonAttachmentsChange?: (next: Attachment[]) => void;\n\tonTypingChange?: (value: boolean) => void;\n\tonTextChange?: (text: string) => void;\n\t/** Whether an agent response is in progress. */\n\tbusy?: boolean;\n\t/** Whether the submit control should show a loading state. */\n\tsubmitBusy?: boolean;\n\t/** Whether the Stop control should be shown. Defaults to `busy`. */\n\tcanStop?: boolean;\n\t/** Whether attachments can be added. Defaults to `true`. */\n\tcanAttach?: boolean;\n\t/** Whether the current draft is editing an existing message. */\n\tediting?: boolean;\n\t/** Whether submitting the current edit reruns Ace. */\n\teditingRerun?: boolean;\n\t/** Whether submitting is currently allowed. Defaults to true. */\n\tcanSend?: boolean;\n\t/** Whether the composer clears immediately after submit. Defaults to true. */\n\tclearOnSend?: boolean;\n\t/** Called when the user stops the active agent response. */\n\tonStop?: () => void;\n\t/** Called when the user cancels message editing. */\n\tonCancelEdit?: () => void;\n\t/** Called when the full-terminal button is clicked. */\n\tonTerminalExpand?: () => void;\n\t/** Whether the formatting toolbar starts open. Defaults to true. */\n\ttools?: boolean;\n\t/** Called when the user submits. */\n\tonSend: (payload: SendPayload) => void;\n\t/** Shown just before the submit control, e.g. a context meter. */\n\taccessory?: ReactNode;\n\tclassName?: string;\n\tref?: Ref;\n};\n\ntype Active = {\n\tbold: boolean;\n\titalic: boolean;\n\tunderline: boolean;\n\tstrike: boolean;\n\tlink: boolean;\n\tordered: boolean;\n\tbullet: boolean;\n\tquote: boolean;\n\tcode: boolean;\n\tpre: boolean;\n};\n\ntype LinkState = {\n\topen: boolean;\n\tname: string;\n\thref: string;\n\tanchor: HTMLElement | { getBoundingClientRect: () => DOMRect } | null;\n};\n\ntype EmojiState = {\n\topen: boolean;\n\tanchor: HTMLElement | { getBoundingClientRect: () => DOMRect } | null;\n};\n\ntype Command = (\n\tstate: EditorView[\"state\"],\n\tdispatch?: (tr: EditorView[\"state\"][\"tr\"]) => void,\n) => boolean;\n\ntype StopProps = ComponentPropsWithRef<\"button\">;\n\nfunction Stop({\n\tclassName,\n\ttype = \"button\",\n\t\"aria-label\": label = \"Stop response\",\n\t...props\n}: StopProps) {\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n}\n\ntype CancelProps = ComponentPropsWithRef<\"button\">;\n\nfunction Cancel({\n\tclassName,\n\ttype = \"button\",\n\t\"aria-label\": label = \"Cancel edit\",\n\t...props\n}: CancelProps) {\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nconst DEFAULT_MODES: Mode[] = [\n\t{ id: \"chat\", name: \"Chat\", placeholder: \"Chat with your team, @ to mention\" },\n];\n\nconst EMPTY_MODELS: Model[] = [];\n\nconst EMPTY_ACTIVE: Active = {\n\tbold: false,\n\titalic: false,\n\tunderline: false,\n\tstrike: false,\n\tlink: false,\n\tordered: false,\n\tbullet: false,\n\tquote: false,\n\tcode: false,\n\tpre: false,\n};\n\nconst EMPTY_LINK: LinkState = { open: false, name: \"\", href: \"\", anchor: null };\nconst EMPTY_EMOJI: EmojiState = { open: false, anchor: null };\nconst IDLE = 5000;\nconst ESCAPE_WINDOW = 350;\n\nconst ACTIONS = {\n\tbold: toggleBold,\n\titalic: toggleItalic,\n\tunderline: toggleUnderline,\n\tstrike: toggleStrike,\n\tordered: toggleOrdered(),\n\tbullet: toggleBullet(),\n\tquote: toggleQuote,\n\tcode: toggleCode,\n\tpre: toggleCodeBlock,\n} satisfies Record, Command>;\n\nfunction hasMark(view: EditorView, type: MarkType) {\n\tlet { state } = view;\n\tlet { from, to, empty } = state.selection;\n\tif (empty) return !!type.isInSet(state.storedMarks || state.selection.$from.marks());\n\treturn state.doc.rangeHasMark(from, to, type);\n}\n\nfunction hasNode(view: EditorView, type: NodeType) {\n\tlet { $from } = view.state.selection;\n\tfor (let d = $from.depth; d > 0; d--) {\n\t\tif ($from.node(d).type === type) return true;\n\t}\n\treturn false;\n}\n\nfunction getActive(view: EditorView): Active {\n\treturn {\n\t\tbold: hasMark(view, schema.marks.strong),\n\t\titalic: hasMark(view, schema.marks.em),\n\t\tunderline: hasMark(view, schema.marks.underline),\n\t\tstrike: hasMark(view, schema.marks.strike),\n\t\tlink: hasMark(view, schema.marks.link),\n\t\tordered: hasNode(view, schema.nodes.ordered_list),\n\t\tbullet: hasNode(view, schema.nodes.bullet_list),\n\t\tquote: hasNode(view, schema.nodes.blockquote),\n\t\tcode: hasMark(view, schema.marks.code),\n\t\tpre: view.state.selection.$from.parent.type === schema.nodes.code_block,\n\t};\n}\n\nfunction hasMention(view: EditorView, name: string) {\n\tlet found = false;\n\tview.state.doc.descendants(node => {\n\t\tif (found) return false;\n\t\tif (isMention(node, name)) found = true;\n\t});\n\treturn found;\n}\n\nfunction isMention(node: ProseMirrorNode, name: string) {\n\treturn node.type === schema.nodes.mention\n\t\t&& typeof node.attrs.name === \"string\"\n\t\t&& node.attrs.name.toLowerCase() === name.toLowerCase();\n}\n\nfunction demoteMentions(view: EditorView, name: string) {\n\tlet { tr } = view.state;\n\tlet changed = false;\n\tview.state.doc.descendants((node, pos) => {\n\t\tif (!isMention(node, name)) return;\n\t\tlet from = tr.mapping.map(pos);\n\t\tchanged = true;\n\t\tlet end = from + node.nodeSize;\n\t\t// The leading mention is the mode's marker, not the person's words; leaving the mode drops it.\n\t\tif (pos === 1) tr.delete(from, tr.doc.textBetween(end, end + 1) === \" \" ? end + 1 : end);\n\t\telse tr.replaceWith(from, end, schema.text(node.attrs.name));\n\t});\n\tif (changed) view.dispatch(tr);\n\treturn changed;\n}\n\nfunction demoteLeadingMention(view: EditorView, name: string) {\n\tlet block = view.state.doc.firstChild;\n\tif (!block?.isTextblock) return false;\n\n\tlet start = 1;\n\tlet text = `@${name}`;\n\tlet lower = text.toLowerCase();\n\tlet offset = 0;\n\n\tfor (let i = 0; i < block.childCount; i++) {\n\t\tlet node = block.child(i);\n\t\tlet pos = start + offset;\n\t\tif (node.isText) {\n\t\t\tlet value = node.text || \"\";\n\t\t\tlet i = value.length - value.trimStart().length;\n\t\t\tif (i === value.length) {\n\t\t\t\toffset += node.nodeSize;\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tif (value.slice(i, i + text.length).toLowerCase() !== lower) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tlet after = value[i + text.length];\n\t\t\tif (after && !/\\s/.test(after)) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tview.dispatch(view.state.tr.delete(pos + i, pos + i + 1));\n\t\t\treturn true;\n\t\t}\n\t\tif (isMention(node, name)) {\n\t\t\tview.dispatch(\n\t\t\t\tview.state.tr.replaceWith(pos, pos + node.nodeSize, schema.text(node.attrs.name)),\n\t\t\t);\n\t\t\treturn true;\n\t\t}\n\t\tbreak;\n\t}\n\n\treturn false;\n}\n\nfunction promoteMention(view: EditorView, entry: Mention) {\n\tlet block = view.state.doc.firstChild;\n\tif (!block?.isTextblock) return false;\n\n\tlet start = 1;\n\tlet size = entry.name.length;\n\tlet lower = entry.name.toLowerCase();\n\tlet offset = 0;\n\n\tfor (let i = 0; i < block.childCount; i++) {\n\t\tlet node = block.child(i);\n\t\tlet pos = start + offset;\n\t\tif (!node.isText) break;\n\n\t\tlet value = node.text || \"\";\n\t\tlet j = value.length - value.trimStart().length;\n\t\tif (j === value.length) {\n\t\t\toffset += node.nodeSize;\n\t\t\tcontinue;\n\t\t}\n\t\tif (value.slice(j, j + size).toLowerCase() !== lower) {\n\t\t\tbreak;\n\t\t}\n\t\tlet after = value[j + size];\n\t\tif (after && !/\\s/.test(after)) {\n\t\t\tbreak;\n\t\t}\n\n\t\tlet mention = schema.nodes.mention.create({\n\t\t\tid: entry.id ?? null,\n\t\t\tname: entry.name,\n\t\t\tavatar: entry.avatar ?? null,\n\t\t});\n\t\tview.dispatch(view.state.tr.replaceWith(pos + j, pos + j + size, mention));\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\nfunction insertModeMention(view: EditorView, entry: Mention) {\n\tlet tr = view.state.tr.insert(1, [modeMention(entry), schema.text(\" \")]);\n\tview.dispatch(tr.setSelection(view.state.selection.map(tr.doc, tr.mapping)));\n}\n\nfunction modeMention(entry: Mention) {\n\treturn schema.nodes.mention.create({\n\t\tid: entry.id ?? null,\n\t\tname: entry.name,\n\t\tavatar: entry.avatar ?? null,\n\t});\n}\n\nfunction presentation({\n\tmodes,\n\tcurMode,\n\tediting,\n\tcanAttach,\n\tcurAttach,\n\tvalue,\n\tcanSend,\n\tcanStop,\n\tbusy,\n\tonStop,\n\tmodels,\n\tagents,\n\tcurAgent,\n\tquery,\n\teditingRerun,\n\trecording,\n\tmic,\n\tempty,\n}: {\n\tmodes: Mode[];\n\tcurMode: string;\n\tediting: boolean;\n\tcanAttach: boolean;\n\tcurAttach: Attachment[];\n\tvalue: string;\n\tcanSend: boolean;\n\tcanStop?: boolean;\n\tbusy: boolean;\n\tonStop?: () => void;\n\tmodels?: Model[];\n\tagents?: Agent[];\n\tcurAgent?: string;\n\tquery: string;\n\teditingRerun: boolean;\n\trecording: boolean;\n\tmic: boolean;\n\tempty: boolean;\n}) {\n\tlet item = modes.find(m => m.id === curMode);\n\tlet terminal = item?.kind === \"terminal\";\n\tlet edit = editing && !terminal;\n\tlet attachable = canAttach && !edit;\n\tlet current = edit ? modes[0] ?? item : item;\n\tlet cwd = current?.cwd?.join(\"/\");\n\tlet CurrentIcon = glyph(current);\n\tlet id = current?.id ?? curMode;\n\tlet ace = id === \"ace\" && !terminal;\n\tlet planning = id === \"plan\" && !terminal;\n\tlet attach = terminal ? [] : curAttach;\n\tlet filled = !!value.trim() || attach.length > 0;\n\tlet sendable = canSendMessage({ text: value, attachments: attach, enabled: canSend });\n\tlet stop = (canStop ?? busy) && !!onStop;\n\tlet showMode = modes.length > 1;\n\tlet showModel = !edit && ace && !!models?.length;\n\tlet showAgent = !edit && ace && !!agents?.length;\n\tlet selectedAgent = agents?.find(item => item.id === curAgent) ?? agents?.[0];\n\tlet AgentIcon = selectedAgent?.icon\n\t\t?? (selectedAgent?.id === \"plan\" ? IconListTodoMicro : IconSparkleMicro);\n\tlet filtering = query.trim().length > 0;\n\tlet tip = terminal\n\t\t? \"Run\"\n\t\t: edit\n\t\t? editingRerun ? \"Save & rerun\" : \"Save edit\"\n\t\t: recording\n\t\t? \"Stop recording\"\n\t\t: mic && !busy && empty && !curAttach.length\n\t\t? \"Record\"\n\t\t: \"Send\";\n\n\treturn {\n\t\tterminal,\n\t\tedit,\n\t\tattachable,\n\t\tcurrent,\n\t\tcwd,\n\t\tCurrentIcon,\n\t\tace,\n\t\tplanning,\n\t\tfilled,\n\t\tsendable,\n\t\tstop,\n\t\tshowMode,\n\t\tshowModel,\n\t\tshowAgent,\n\t\tselectedAgent,\n\t\tAgentIcon,\n\t\tfiltering,\n\t\ttip,\n\t};\n}\n\n/** Opinionated chat composer: rich text, attachments, mentions, slash commands,\n * modes, models, and an optional microphone. */\nfunction useComposer({\n\tscope,\n\tmentions,\n\tdocuments,\n\tplan = false,\n\tcommands,\n\tmodes = DEFAULT_MODES,\n\tmodels,\n\tagents,\n\tplaceholder,\n\tmic = false,\n\tmode,\n\tonModeChange,\n\tmodel,\n\tonModelChange,\n\tagent,\n\tonAgentChange,\n\tefforts,\n\teffort,\n\tonEffortChange,\n\tattachments,\n\tonAttachmentsChange,\n\tonTypingChange,\n\tonTextChange,\n\tbusy = false,\n\tsubmitBusy = false,\n\tcanStop,\n\tcanAttach = true,\n\tediting = false,\n\teditingRerun = false,\n\tcanSend = true,\n\tclearOnSend = true,\n\tonStop,\n\tonCancelEdit,\n\tonTerminalExpand,\n\ttools = true,\n\tonSend,\n\taccessory,\n\tclassName,\n\tref,\n}: Props) {\n\tlet [modeState, setModeState] = useState(mode ?? modes[0]!.id);\n\tlet [modelState, setModelState] = useState(model ?? models?.[0]?.id);\n\tlet [agentState, setAgentState] = useState(agent ?? agents?.[0]?.id);\n\tlet {\n\t\tcurrent: curAttach,\n\t\tref: attachRef,\n\t\tadd: addFiles,\n\t\tremove: removeAttach,\n\t\treset: resetAttach,\n\t} = useAttachments(\n\t\tattachments,\n\t\tonAttachmentsChange,\n\t);\n\tlet anchor = useRef(null);\n\n\tlet curMode = mode ?? (modes.some(item => item.id === modeState) ? modeState : modes[0]!.id);\n\tlet curModel = model\n\t\t?? (models?.some(item => item.id === modelState) ? modelState : models?.[0]?.id);\n\tlet curAgent = agent\n\t\t?? (agents?.some(item => item.id === agentState) ? agentState : agents?.[0]?.id);\n\tlet items = models ?? EMPTY_MODELS;\n\tlet [query, setQuery] = useState(\"\");\n\tlet results = useMemo(() => {\n\t\tlet q = query.trim();\n\t\tif (!q) return items;\n\t\tlet values = items.map(item => ({ item, value: text(item) }));\n\t\treturn fuzzysort.go(q, values, { key: \"value\" }).map(match => match.obj.item);\n\t}, [items, query]);\n\tlet selected = items.find(item => item.id === curModel) ?? items[0];\n\n\tlet [empty, setEmpty] = useState(true);\n\tlet [value, setValue] = useState(\"\");\n\tlet [recording, setRecording] = useState(false);\n\tlet [toolbar, setToolbar] = useState(tools);\n\tlet [modelMenu, setModelMenu] = useState(false);\n\tlet [keys, setKeys] = useState(false);\n\tlet [active, setActive] = useState(EMPTY_ACTIVE);\n\tlet [link, setLinkState] = useState(EMPTY_LINK);\n\tlet [emoji, setEmoji] = useState(EMPTY_EMOJI);\n\n\tlet draft = useDraft(scope);\n\tlet restoredMode = useRef(draft.defaultValue ? curMode : undefined);\n\tlet history = useHistory(scope);\n\tlet analyser = useMic(mic && recording);\n\n\tlet view = useRef(null);\n\tlet file = useRef(null);\n\tlet selection = useRef<{ from: number; to: number } | null>(null);\n\n\tlet inputs = {\n\t\tmodes,\n\t\tmentions,\n\t\tdocuments,\n\t\tplan,\n\t\tonModeChange,\n\t\tonModelChange,\n\t\tonAgentChange,\n\t\tonAttachmentsChange,\n\t\tonTypingChange,\n\t\tonTextChange,\n\t\tonCancelEdit,\n\t\tonSend,\n\t\tmode,\n\t\tmodel,\n\t\tagent,\n\t\tattachments,\n\t\tediting,\n\t};\n\tlet latest = useRef(inputs);\n\n\tlet modeRef = useRef(curMode);\n\tlet modelRef = useRef(curModel);\n\tlet agentRef = useRef(curAgent);\n\t// Handlers stage ref updates before React commits. Reconcile even when controlled props stay equal.\n\tuseLayoutEffect(() => {\n\t\tlatest.current = inputs;\n\t\tmodeRef.current = curMode;\n\t\tmodelRef.current = curModel;\n\t\tagentRef.current = curAgent;\n\t});\n\tlet typing = useRef(false);\n\tlet esc = useRef(0);\n\tlet timer = useRef | undefined>(undefined);\n\tlet pendingModel = useRef(undefined);\n\n\tfunction type(value: boolean, force = false) {\n\t\tif (timer.current) {\n\t\t\tclearTimeout(timer.current);\n\t\t\ttimer.current = undefined;\n\t\t}\n\t\tlet changed = typing.current !== value;\n\t\tif (changed) {\n\t\t\ttyping.current = value;\n\t\t}\n\t\tif (changed || force) {\n\t\t\tlatest.current.onTypingChange?.(value);\n\t\t}\n\t\tif (value) timer.current = setTimeout(() => type(false), IDLE);\n\t}\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\ttype(false);\n\t\t\tif (timer.current) clearTimeout(timer.current);\n\t\t};\n\t}, []);\n\n\tfunction updateMode(next: string | ((prev: string) => string)) {\n\t\tlet v = typeof next === \"function\" ? next(modeRef.current) : next;\n\t\tif (v === modeRef.current) return;\n\t\tmodeRef.current = v;\n\t\tif (latest.current.mode === undefined) setModeState(v);\n\t\tlatest.current.onModeChange?.(v);\n\t}\n\n\tfunction updateModel(next: string) {\n\t\tif (next === modelRef.current) return;\n\t\tmodelRef.current = next;\n\t\tif (latest.current.model === undefined) setModelState(next);\n\t\tlatest.current.onModelChange?.(next);\n\t}\n\n\tfunction updateAgent(next: string) {\n\t\tif (next === agentRef.current) return;\n\t\tagentRef.current = next;\n\t\tif (latest.current.agent === undefined) setAgentState(next);\n\t\tlatest.current.onAgentChange?.(next);\n\t}\n\n\tfunction commitModel() {\n\t\tlet next = pendingModel.current;\n\t\tpendingModel.current = undefined;\n\t\tif (next) updateModel(next);\n\t}\n\n\tfunction openModelMenu(open: boolean) {\n\t\tsetModelMenu(open);\n\t\tif (open) {\n\t\t\tsetKeys(false);\n\t\t\tsetQuery(\"\");\n\t\t\tcommitModel();\n\t\t}\n\t}\n\n\tfunction completeModelMenu(open: boolean) {\n\t\tif (open) return;\n\t\tsetQuery(\"\");\n\t\tcommitModel();\n\t}\n\n\tfunction selectModel(next: string) {\n\t\tif (next === modelRef.current) return;\n\t\tpendingModel.current = next;\n\t\tsetModelMenu(false);\n\t}\n\n\tfunction choose(next: Model | null) {\n\t\tif (next) selectModel(next.id);\n\t}\n\n\tfunction focus(type: string) {\n\t\tsetKeys(type === \"keyboard\");\n\t\treturn true;\n\t}\n\n\tfunction clear() {\n\t\tlet v = view.current;\n\t\tif (!v) return;\n\t\tlet mode = latest.current.modes.find(m => m.id === modeRef.current);\n\t\tlet entry = mode?.mention\n\t\t\t? latest.current.mentions?.find(m => m.name === mode.mention)\n\t\t\t: undefined;\n\t\tlet doc = parse();\n\t\tlet tr = v.state.tr.replaceWith(0, v.state.doc.content.size, doc.content);\n\t\tif (!latest.current.editing && entry) {\n\t\t\ttr = tr.insert(1, [modeMention(entry), schema.text(\" \")]);\n\t\t\ttr = tr.setSelection(TextSelection.atEnd(tr.doc));\n\t\t}\n\t\tv.dispatch(tr);\n\t\tdraft.clear();\n\t\ttype(false);\n\t}\n\n\tfunction cancel() {\n\t\tclear();\n\t\tlatest.current.onCancelEdit?.();\n\t\tview.current?.focus();\n\t}\n\n\tfunction exit() {\n\t\tupdateMode(modes[0]!.id);\n\t\tview.current?.focus();\n\t}\n\n\tuseImperativeHandle(ref, () => ({\n\t\tfocus: () => view.current?.focus(),\n\t\tget: () => view.current?.state.doc,\n\t\tclear,\n\t\tset: (text: string) => {\n\t\t\tlet v = view.current;\n\t\t\tif (!v) return;\n\t\t\tlet doc = parse(\n\t\t\t\ttext,\n\t\t\t\tlatest.current.mentions,\n\t\t\t\tlatest.current.documents,\n\t\t\t\tlatest.current.plan,\n\t\t\t);\n\t\t\tlet tr = v.state.tr.replaceWith(0, v.state.doc.content.size, doc.content);\n\t\t\tv.dispatch(tr.setSelection(TextSelection.atEnd(tr.doc)));\n\t\t\tv.focus();\n\t\t},\n\t\tinsert: (text: string) => {\n\t\t\tlet v = view.current;\n\t\t\tif (!v) return;\n\t\t\tv.dispatch(v.state.tr.insertText(text));\n\t\t\tv.focus();\n\t\t},\n\t}));\n\n\t// Sync mention-modes: keep the doc in sync with the active mode.\n\tuseEffect(() => {\n\t\tlet v = view.current;\n\t\tif (!v || !mentions?.length) return;\n\t\tif (latest.current.editing) return;\n\t\t// Preserve restored mentions until their inferred mode reaches the controlled prop.\n\t\tif (restoredMode.current === curMode) return;\n\t\trestoredMode.current = undefined;\n\n\t\tfor (let m of modes) {\n\t\t\tif (m.id === curMode || !m.mention) continue;\n\t\t\tdemoteMentions(v, m.mention);\n\t\t}\n\n\t\tlet target = modes.find(m => m.id === curMode);\n\t\tif (!target?.mention) return;\n\t\tlet entry = mentions.find(x => x.name === target.mention);\n\t\tif (!entry || hasMention(v, entry.name)) return;\n\t\tif (promoteMention(v, entry)) return;\n\n\t\tinsertModeMention(v, entry);\n\t}, [curMode, mentions, modes]);\n\n\tfunction run(cmd: Command) {\n\t\tlet v = view.current;\n\t\tif (!v) return;\n\t\tcmd(v.state, v.dispatch);\n\t\tv.focus();\n\t}\n\n\tfunction closeLink() {\n\t\tselection.current = null;\n\t\tsetLinkState(EMPTY_LINK);\n\t}\n\n\tfunction closeEmoji() {\n\t\tsetEmoji(EMPTY_EMOJI);\n\t}\n\n\tfunction openEmoji(anchor: HTMLElement | { getBoundingClientRect: () => DOMRect }) {\n\t\tcloseLink();\n\t\tsetEmoji(prev => prev.open && prev.anchor === anchor ? EMPTY_EMOJI : { open: true, anchor });\n\t}\n\n\tfunction insertEmoji(item: Emoji) {\n\t\tlet v = view.current;\n\t\tif (v) {\n\t\t\tlet { from } = v.state.selection;\n\t\t\tlet custom = item.native ? undefined : lookupCustomEmoji(item.id);\n\t\t\tlet tr = custom\n\t\t\t\t? v.state.tr.insert(\n\t\t\t\t\tfrom,\n\t\t\t\t\tschema.nodes.emoji.create({ id: item.id, name: custom.alt, src: custom.src }),\n\t\t\t\t)\n\t\t\t\t: v.state.tr.insertText(pick(item), from);\n\t\t\tv.dispatch(tr);\n\t\t\tv.focus();\n\t\t}\n\t\tcloseEmoji();\n\t}\n\n\tfunction openLink(anchor: HTMLElement | { getBoundingClientRect: () => DOMRect }) {\n\t\tcloseEmoji();\n\t\tlet v = view.current;\n\t\tif (!v) return;\n\t\tlet current = getLinkInfo(v.state);\n\t\tlet { from, to, empty } = v.state.selection;\n\t\tlet text = empty ? \"\" : v.state.doc.textBetween(from, to, \" \");\n\t\tlet name = \"\";\n\t\tlet href = \"\";\n\n\t\tif (current) {\n\t\t\tname = current.text;\n\t\t\thref = current.href;\n\t\t} else if (text) {\n\t\t\tif (isUrl(text)) href = text;\n\t\t\telse name = text;\n\t\t}\n\n\t\tsetLinkState({ open: true, name, href, anchor });\n\t\tselection.current = { from, to };\n\t}\n\n\tfunction restore() {\n\t\tlet v = view.current;\n\t\tlet range = selection.current;\n\t\tif (!v || !range) return null;\n\t\tv.dispatch(v.state.tr.setSelection(TextSelection.create(v.state.doc, range.from, range.to)));\n\t\treturn v;\n\t}\n\n\tfunction saveLink() {\n\t\tlet v = restore();\n\t\tif (!v) return closeLink();\n\t\tif (!link.href.trim()) clearLink(v.state, v.dispatch);\n\t\telse setLinkCmd(link.href, link.name)(v.state, v.dispatch);\n\t\tcloseLink();\n\t\tv.focus();\n\t}\n\n\tfunction removeLink() {\n\t\tlet v = restore();\n\t\tif (!v) return closeLink();\n\t\tclearLink(v.state, v.dispatch);\n\t\tcloseLink();\n\t\tv.focus();\n\t}\n\n\tfunction send() {\n\t\tlet v = view.current;\n\t\tif (!v) return;\n\t\tlet text = v.state.doc.textContent;\n\t\tlet sentMode = modeRef.current;\n\t\tlet mode = latest.current.modes.find(item => item.id === sentMode);\n\t\tlet attachments = mode?.kind === \"terminal\" ? [] : attachRef.current;\n\t\tif (!canSendMessage({ text, attachments, enabled: canSend })) return;\n\t\ttype(false);\n\t\tlatest.current.onSend({\n\t\t\tdoc: v.state.doc,\n\t\t\ttext,\n\t\t\tattachments,\n\t\t\tmode: sentMode,\n\t\t\tmodel: modelRef.current,\n\t\t\tagent: agentRef.current,\n\t\t});\n\t\thistory.push(v, sentMode);\n\t\tif (clearOnSend) {\n\t\t\tclear();\n\t\t\tresetAttach();\n\t\t}\n\t\tv.focus();\n\t}\n\n\tfunction action(event: ComposerToolbarEvent) {\n\t\tif (event.action === \"attach\") {\n\t\t\tif (attachable) file.current?.click();\n\t\t\treturn;\n\t\t}\n\t\tif (event.action === \"emoji\") return openEmoji(event.trigger);\n\t\tif (event.action === \"link\") return openLink(event.trigger);\n\t\trun(ACTIONS[event.action]);\n\t}\n\n\tfunction change(v: EditorView) {\n\t\tdraft.save(v);\n\t\thistory.reset();\n\t\tlet value = Boolean(v.state.doc.textContent);\n\t\ttype(value, value);\n\t}\n\n\tfunction keydown(v: EditorView, e: KeyboardEvent) {\n\t\tlet ms = latest.current.modes;\n\t\tif (!ms.length) return false;\n\t\tif (e.key === \"Escape\" && latest.current.editing) {\n\t\t\tesc.current = 0;\n\t\t\te.preventDefault();\n\t\t\tcancel();\n\t\t\treturn true;\n\t\t}\n\t\tif (e.key === \"Escape\") {\n\t\t\tif (e.repeat) return true;\n\t\t\tlet now = e.timeStamp;\n\t\t\tlet last = esc.current;\n\t\t\tif (modeRef.current !== ms[0]!.id) {\n\t\t\t\tesc.current = 0;\n\t\t\t\te.preventDefault();\n\t\t\t\tlet cur = ms.find(m => m.id === modeRef.current);\n\t\t\t\tupdateMode(ms[0]!.id);\n\t\t\t\tif (cur?.mention) {\n\t\t\t\t\tdemoteMentions(v, cur.mention)\n\t\t\t\t\t\t|| demoteLeadingMention(v, cur.mention);\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\tlet ace = ms.find(m => m.id === \"ace\");\n\t\t\tif (ace && last > 0 && now - last <= ESCAPE_WINDOW) {\n\t\t\t\tesc.current = 0;\n\t\t\t\te.preventDefault();\n\t\t\t\tupdateMode(ace.id);\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\tesc.current = now;\n\t\t\tfor (let m of ms) {\n\t\t\t\tif (!m.mention || !demoteLeadingMention(v, m.mention)) continue;\n\t\t\t\te.preventDefault();\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t\tif (e.key === \"!\" && !e.metaKey && !e.ctrlKey && !v.state.doc.textContent) {\n\t\t\tlet term = ms.find(m => m.kind === \"terminal\");\n\t\t\tif (term && modeRef.current !== term.id) {\n\t\t\t\te.preventDefault();\n\t\t\t\tupdateMode(term.id);\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t\treturn history.handleKey(v, e, m => updateMode(m || ms[0]!.id));\n\t}\n\n\tfunction update(v: EditorView) {\n\t\tsetActive(getActive(v));\n\t\tlet text = v.state.doc.textContent;\n\t\tlet value = Boolean(text);\n\t\tsetValue(text);\n\t\tsetEmpty(!value);\n\t\tlatest.current.onTextChange?.(text);\n\n\t\tlet ms = latest.current.modes;\n\t\tlet list = latest.current.mentions;\n\t\tif (!list?.length) return;\n\n\t\tfor (let m of ms) {\n\t\t\tif (!m.mention) continue;\n\t\t\tif (hasMention(v, m.mention) && modeRef.current !== m.id) {\n\t\t\t\treturn updateMode(m.id);\n\t\t\t}\n\t\t}\n\t\tlet cur = ms.find(m => m.id === modeRef.current);\n\t\tif (cur?.mention && !hasMention(v, cur.mention)) updateMode(ms[0]!.id);\n\t}\n\n\tlet {\n\t\tterminal,\n\t\tedit,\n\t\tattachable,\n\t\tcurrent,\n\t\tcwd,\n\t\tCurrentIcon,\n\t\tace,\n\t\tplanning,\n\t\tfilled,\n\t\tsendable,\n\t\tstop,\n\t\tshowMode,\n\t\tshowModel,\n\t\tshowAgent,\n\t\tselectedAgent,\n\t\tAgentIcon,\n\t\tfiltering,\n\t\ttip,\n\t} = presentation({\n\t\tmodes,\n\t\tcurMode,\n\t\tediting,\n\t\tcanAttach,\n\t\tcurAttach,\n\t\tvalue,\n\t\tcanSend,\n\t\tcanStop,\n\t\tbusy,\n\t\tonStop,\n\t\tmodels,\n\t\tagents,\n\t\tcurAgent,\n\t\tquery,\n\t\teditingRerun,\n\t\trecording,\n\t\tmic,\n\t\tempty,\n\t});\n\n\treturn {\n\t\tmentions,\n\t\tdocuments,\n\t\tplan,\n\t\tcommands,\n\t\tmodes,\n\t\tagents,\n\t\tefforts,\n\t\teffort,\n\t\tonEffortChange,\n\t\tplaceholder,\n\t\tmic,\n\t\tcanSend,\n\t\tbusy,\n\t\tsubmitBusy,\n\t\tonStop,\n\t\tonTerminalExpand,\n\t\taccessory,\n\t\tclassName,\n\t\tcurAttach,\n\t\tanalyser,\n\t\trecording,\n\t\ttoolbar,\n\t\tterminal,\n\t\tace,\n\t\tattachable,\n\t\tedit,\n\t\tactive,\n\t\tfile,\n\t\tview,\n\t\tdraft,\n\t\tchange,\n\t\tkeydown,\n\t\tupdate,\n\t\topenLink,\n\t\tsend,\n\t\tcwd,\n\t\tcurrent,\n\t\taddFiles,\n\t\tremoveAttach,\n\t\taction,\n\t\tshowMode,\n\t\tshowAgent,\n\t\tshowModel,\n\t\tCurrentIcon,\n\t\tupdateMode,\n\t\tselectedAgent,\n\t\tAgentIcon,\n\t\tcurAgent,\n\t\tupdateAgent,\n\t\titems,\n\t\tresults,\n\t\tselected,\n\t\tquery,\n\t\tmodelMenu,\n\t\tfiltering,\n\t\topenModelMenu,\n\t\tcompleteModelMenu,\n\t\tsetQuery,\n\t\tchoose,\n\t\tanchor,\n\t\tfocus,\n\t\tkeys,\n\t\tcurModel,\n\t\tsetToolbar,\n\t\tsendable,\n\t\ttip,\n\t\tstop,\n\t\texit,\n\t\tempty,\n\t\tfilled,\n\t\tplanning,\n\t\tsetRecording,\n\t\tcancel,\n\t\tlink,\n\t\tcloseLink,\n\t\tsetLinkState,\n\t\tsaveLink,\n\t\tremoveLink,\n\t\temoji,\n\t\tcloseEmoji,\n\t\tinsertEmoji,\n\t};\n}\n\ntype ComposerState = ReturnType;\n\nfunction ChatComposer(props: Props) {\n\tlet state = useComposer(props);\n\tlet {\n\t\tclassName,\n\t\tcurAttach,\n\t\tterminal,\n\t\tremoveAttach,\n\t\tmic,\n\t\tanalyser,\n\t\trecording,\n\t\tace,\n\t\tattachable,\n\t\taddFiles,\n\t\tfile,\n\t\tedit,\n\t\ttoolbar,\n\t\tactive,\n\t\taction,\n\t\tview,\n\t\tdraft,\n\t\tmentions,\n\t\tdocuments,\n\t\tplan,\n\t\tcommands,\n\t\topenLink,\n\t\tchange,\n\t\tkeydown,\n\t\tsend,\n\t\tupdate,\n\t\tplaceholder,\n\t\tcwd,\n\t\tcurrent,\n\t} = state;\n\treturn (\n\t\t\n\t\t\t 0 && !terminal}>\n\t\t\t\t\n\t\t\t\n\t\t\t{mic && !terminal && }\n\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\tif (edit) {\n\t\t\t\t\t\t\te.target.value = \"\";\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlet files = Array.from(e.target.files || []);\n\t\t\t\t\t\tif (files.length) addFiles(files);\n\t\t\t\t\t\te.target.value = \"\";\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{terminal && (\n\t\t\t\t\t\t

\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\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nfunction ComposerMode({ state }: { state: ComposerState }) {\n\tlet { edit, CurrentIcon, current, modes, updateMode, view } = state;\n\treturn (\n\t\t\n\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\t\t\n\t\t\t\t{current?.name}\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t{modes.map(m => {\n\t\t\t\t\tlet Icon = glyph(m);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tupdateMode(m.id);\n\t\t\t\t\t\t\t\tview.current?.focus();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{m.name}\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\nfunction ComposerAgent({ state }: { state: ComposerState }) {\n\tlet { AgentIcon, selectedAgent, agents, updateAgent, view, curAgent } = state;\n\tif (!selectedAgent) return null;\n\treturn (\n\t\t\n\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\t\t\n\t\t\t\t{selectedAgent.name}\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t{agents?.map((entry, index) => {\n\t\t\t\t\tlet EntryIcon = entry.icon\n\t\t\t\t\t\t?? (entry.id === \"plan\" ? IconListTodoMicro : IconSparkleMicro);\n\t\t\t\t\tlet group = entry.group && entry.group !== agents[index - 1]?.group;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{group && }\n\t\t\t\t\t\t\t{group && {entry.group}}\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tupdateAgent(entry.id);\n\t\t\t\t\t\t\t\t\tview.current?.focus();\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\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{entry.name}\n\t\t\t\t\t\t\t\t\t{entry.description && (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{entry.description}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{entry.id === curAgent && }\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\nfunction ComposerEffort({ state }: { state: ComposerState }) {\n\tlet { efforts, effort, onEffortChange, view } = state;\n\tlet selected = efforts?.find(item => item.id === effort);\n\tif (!selected || !onEffortChange) return null;\n\treturn (\n\t\t\n\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\t\t{selected.name}\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\tReasoning effort\n\t\t\t\t{efforts?.map(entry => (\n\t\t\t\t\t {\n\t\t\t\t\t\t\tonEffortChange(entry.id);\n\t\t\t\t\t\t\tview.current?.focus();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{entry.name}\n\t\t\t\t\t\t{entry.id === effort && }\n\t\t\t\t\t\n\t\t\t\t))}\n\t\t\t\n\t\t\n\t);\n}\n\nfunction ComposerModel({ state }: { state: ComposerState }) {\n\tlet {\n\t\titems,\n\t\tresults,\n\t\tselected,\n\t\tquery,\n\t\tmodelMenu,\n\t\tfiltering,\n\t\topenModelMenu,\n\t\tcompleteModelMenu,\n\t\tsetQuery,\n\t\tchoose,\n\t\tanchor,\n\t\tfocus,\n\t\tkeys,\n\t\tcurModel,\n\t} = state;\n\treturn (\n\t\t\n\t\t\titems={items}\n\t\t\tfilteredItems={results}\n\t\t\tvalue={selected}\n\t\t\tinputValue={query}\n\t\t\topen={modelMenu}\n\t\t\tautoHighlight={filtering}\n\t\t\titemToStringLabel={item => item.name}\n\t\t\titemToStringValue={item => item.id}\n\t\t\tisItemEqualToValue={(item, value) => item.id === value.id}\n\t\t\tonOpenChange={openModelMenu}\n\t\t\tonOpenChangeComplete={completeModelMenu}\n\t\t\tonInputValueChange={setQuery}\n\t\t\tonValueChange={choose}\n\t\t>\n\t\t\t

\n\t\t\t\t\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\t\t\n\t\t\t\t\t\t{selected?.name}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t

\n\t\t\t\n\t\t\t\t\n\t\t\t\tNo models found\n\t\t\t\t\n\t\t\t\t\t{item => (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{item.name}\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\nfunction ComposerOptions({ state }: { state: ComposerState }) {\n\tlet {\n\t\tshowMode,\n\t\tshowAgent,\n\t\tshowModel,\n\t\tselectedAgent,\n\t\tterminal,\n\t\tonTerminalExpand,\n\t\trecording,\n\t\tanalyser,\n\t\ttoolbar,\n\t\tsetToolbar,\n\t} = state;\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t{(showMode || showAgent || showModel) && (\n\t\t\t\t\t\n\t\t\t\t\t\t{showMode && }\n\t\t\t\t\t\t{showAgent && selectedAgent && }\n\t\t\t\t\t\t{showModel && }\n\t\t\t\t\t\t{showModel && }\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t{terminal\n\t\t\t\t\t? onTerminalExpand && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tFull terminal\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\t: recording\n\t\t\t\t\t? (\n\t\t\t\t\t\t

\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\t: (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t setToolbar(t => !t)}\n\t\t\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{toolbar ? \"Hide tools\" : \"Show tools\"}\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\n\t\t\n\t);\n}\n\nfunction ComposerSend({ state }: { state: ComposerState }) {\n\tlet {\n\t\tmic,\n\t\tbusy,\n\t\tempty,\n\t\tcurAttach,\n\t\tedit,\n\t\tfilled,\n\t\tace,\n\t\trecording,\n\t\tsubmitBusy,\n\t\tplanning,\n\t\tsetRecording,\n\t\tsend,\n\t\tsendable,\n\t\tcanSend,\n\t} = state;\n\treturn (\n\t\t setRecording(true)\n\t\t\t\t: undefined}\n\t\t\tonStop={mic ? () => setRecording(false) : undefined}\n\t\t\tonSend={send}\n\t\t\tdisabled={!sendable && (!mic || busy || !canSend)}\n\t\t\tdata-beam={ace ? \"ace\" : undefined}\n\t\t/>\n\t);\n}\n\nfunction ComposerButtons({ state }: { state: ComposerState }) {\n\tlet { terminal, sendable, send, tip, stop, onStop, exit, edit, cancel, accessory } = state;\n\treturn (\n\t\t\n\t\t\t{accessory}\n\t\t\t\n\t\t\t\t{terminal\n\t\t\t\t\t? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{tip}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsecondary={stop\n\t\t\t\t\t\t\t\t? (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t} />\n\t\t\t\t\t\t\t\t\t\tStop response\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t: (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\tExit terminal\n\t\t\t\t\t\t\t\t\t\n\t\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\t: (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{tip}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsecondary={edit\n\t\t\t\t\t\t\t\t? (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t} />\n\t\t\t\t\t\t\t\t\t\tCancel edit\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t: stop\n\t\t\t\t\t\t\t\t? (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t} />\n\t\t\t\t\t\t\t\t\t\tStop response\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t: undefined}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\n\t\t\n\t);\n}\n\nfunction ComposerLink({ state }: { state: ComposerState }) {\n\tlet { link, closeLink, setLinkState, saveLink, removeLink } = state;\n\treturn (\n\t\t !open && closeLink()}>\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tLink\n\t\t\t\t\t\t\t\t setLinkState((prev) => ({ ...prev, href: e.target.value }))}\n\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\tsaveLink();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tif (e.key === \"Escape\") {\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\tcloseLink();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tplaceholder=\"https://example.com\"\n\t\t\t\t\t\t\t\t\tclassName=\"h-9 rounded-md squircle border border-input bg-background px-3 text-sm outline-none focus:border-ring focus:ring-2 focus:ring-ring/30\"\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\n\t\t\t\t\t\t\t\tName\n\t\t\t\t\t\t\t\t setLinkState((prev) => ({ ...prev, name: e.target.value }))}\n\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\tsaveLink();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tif (e.key === \"Escape\") {\n\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\tcloseLink();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tplaceholder=\"Link label\"\n\t\t\t\t\t\t\t\t\tclassName=\"h-9 rounded-md squircle border border-input bg-background px-3 text-sm outline-none focus:border-ring focus:ring-2 focus:ring-ring/30\"\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

\n\t\t\t\t\t\t\t\t closeLink()}\n\t\t\t\t\t\t\t\t\tclassName=\"rounded-md squircle px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tCancel\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t removeLink()}\n\t\t\t\t\t\t\t\t\tclassName=\"rounded-md squircle px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tRemove\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t saveLink()}\n\t\t\t\t\t\t\t\t\tclassName=\"rounded-md squircle bg-foreground px-2 py-1 text-xs font-medium text-background\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tApply\n\t\t\t\t\t\t\t\t\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\nfunction ComposerEmoji({ state }: { state: ComposerState }) {\n\tlet { emoji, closeEmoji, insertEmoji } = state;\n\treturn (\n\t\t !open && closeEmoji()}>\n\t\t\t\n\t\t\t\t\n\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\nexport {\n\ttype Agent,\n\tChatComposer,\n\ttype ChatComposerHandle,\n\ttype Effort,\n\ttype Mode,\n\ttype Model,\n\ttype SendPayload,\n};\n","editable",false,"branch","documentNavigation","repo","githubnext/ace2","repoId","938fe4cd-5320-4e4f-ac7c-87d4dad8490c","ownerId","org:89615882","site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers","watching","pinned","notify","views",[226,227,228,229,230,231,232,233,234,235,236,237,238],"navigation",{"_54":55,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193},"sources",[],"viewer","meta",{"_174":175,"_176":177,"_178":179,"_42":31,"_180":166,"_181":31,"_48":49,"_50":49},"branches",[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,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],"tags",[69,70,71,72,73,74,75,76,77,78,79,80],"cloneUrl","https://git.nexthub.sh/githubnext/ace2.git","desktop-canary-v0.0.10","desktop-canary-v0.0.11","desktop-canary-v0.0.12","desktop-canary-v0.0.13","desktop-canary-v0.0.14","desktop-canary-v0.0.15","desktop-canary-v0.0.16","desktop-canary-v0.0.18","desktop-canary-v0.0.21","desktop-canary-v0.0.7","desktop-canary-v0.0.8","desktop-canary-v0.0.9","amber-beacon/composer-effort","brisk-ember/github-avatars","brisk-grove/image-paste-91","calm-anchor/fix-streaming-draft-overlap","calm-grove/composer-agent-mode","cloud-pilot-ops/canary-0-0-17","cloud-pilot-ops/cloud-move","cloud-pilot-ops/cloud-pilot","codex/agentation-shortcut","codex/annotation-polish","codex/browser-pages","codex/canary-0-0-21","codex/canary-0.0.11","codex/channel-delete-close","codex/channel-watch-recovery","codex/clipboard-files-write","codex/composer-coordinate-check","codex/computer-use-validation","codex/desktop-actions","codex/desktop-app-search","codex/desktop-app-state","codex/desktop-availability","codex/desktop-click-variants","codex/desktop-clipboard","codex/desktop-clipboard-files","codex/desktop-clipboard-image","codex/desktop-clipboard-image-write","codex/desktop-clipboard-text","codex/desktop-drag","codex/desktop-keyboard","codex/desktop-launch","codex/desktop-locked-feedback","codex/desktop-menu-command","codex/desktop-menu-inventory","codex/desktop-minimize","codex/desktop-open","codex/desktop-pointer","codex/desktop-quit","codex/desktop-selection-keys","codex/desktop-tool-guidance","codex/desktop-tools-extraction","codex/desktop-window-close","codex/desktop-window-geometry","codex/desktop-windows","codex/dev-permission-identity","codex/durable-composer-drafts","codex/fix-message-clipping","codex/lane-base-96","codex/native-patch-prefix","codex/peekaboo","codex/peer-channel-messaging","codex/pixel-snapshot-authority","codex/publish-canary-0-0-21","codex/readme-security","codex/settings-refresh","codex/stale-click-refusal","codex/tab-renaming-api","codex/team-agent-access","codex/team-channel-sections","codex/team-dogfood-integration","codex/webkit-coordinate-window","codex/webkit-desktop-focus","deft-beacon/helper-isolation","deft-grove/align-avatar-byline","deft-grove/build-canary-0-0-18","deft-grove/canary-github-releases","deft-grove/ship-canary-0-0-18","deft-meadow/details-sidebar","fair-ember/canary-0-0-13","fair-ember/canary-0-0-14","fair-fjord/all-projects","feat/github-cache","feat/rebuild","fix/channel-credentials","glad-anchor/restore-message-queue","glad-ember/archive-inactive-channels","glad-fjord/project-identity","glad-orbit/channel-progress","glad-ridge/terminal-replay-input","hazy-anchor/github-row-actions","hazy-ember/channel-access-toggles","hazy-grove/all-projects-add-channel","local-project-setup/build-canary-0-0-20","local-project-setup/canary-0-0-20","local-project-setup/local-project-setup","main","mellow-ridge/canary-0-0-16","mellow-ridge/top-bar-drag-area","nimble-cedar/modal-top-offset","nimble-meadow/canary-0-0-15","remote-channel-load/build-canary-0-0-19","remote-channel-load/canary-0-0-19","remote-channel-load/fix-remote-channel-load","description","Ace: a collaborative coding environment on the team's own machines","owner","githubnext","section","","head","empty","pins",[208,209,210],"documents",{"_203":204,"_205":206},"code",{"_199":200,"_201":202},"automations",{"_196":197,"_198":-5},"delivery",{"_194":49,"_195":-5},"tag","9Rn62lcgXCFfpmCuooTjLxGyUf8","releases","applications","workflows",2,"deployments","commits",215,"changes",1,"counts",{"_207":206},"total",86,"issue",{"_211":201,"_213":224,"_15":201,"_215":225,"_52":217,"_218":31,"_219":217,"_220":202},{"_211":221,"_213":222,"_15":221,"_215":223,"_52":217,"_218":31,"_219":217,"_220":49},{"_211":212,"_213":214,"_15":212,"_215":216,"_52":217,"_218":31,"_219":217,"_220":206},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_211":201,"_213":224,"_15":201,"_215":269,"_52":217,"_218":31,"_219":217},{"_211":221,"_213":222,"_15":221,"_215":268,"_52":217,"_218":31,"_219":217},{"_211":212,"_213":214,"_15":212,"_215":267,"_52":217,"_218":31,"_219":217},{"_211":264,"_213":265,"_15":264,"_215":266,"_52":31,"_218":31,"_219":217},{"_211":261,"_213":262,"_15":261,"_215":263,"_52":31,"_218":31,"_219":217},{"_211":196,"_213":259,"_15":188,"_215":260,"_52":31,"_218":31,"_219":217},{"_211":198,"_213":256,"_15":257,"_215":258,"_52":31,"_218":31,"_219":217},{"_211":194,"_213":254,"_15":194,"_215":255,"_52":31,"_218":31,"_219":217},{"_211":250,"_213":251,"_15":252,"_215":253,"_52":31,"_218":31,"_219":217},{"_211":184,"_213":248,"_15":184,"_215":249,"_52":31,"_218":31,"_219":31},{"_211":245,"_213":246,"_15":245,"_215":247,"_52":31,"_218":31,"_219":31},{"_211":242,"_213":243,"_15":242,"_215":244,"_52":31,"_218":31,"_219":31},{"_211":239,"_213":240,"_15":239,"_215":241,"_52":31,"_218":31,"_219":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794584227099,"sidebar","expanded"]