[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_272":-5,"_275":276,"_277":278},"routes/shell",{"_42":43,"_271":-5,"_272":-5,"_273":274},"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","bc7f20ea6dc7fa0a0a7dfeab22689dae9dd045f7","path","packages/ui/src/components/timeline/timeline.tsx","oid","778062943d6ef40669a6323ffefecef136d1cdac","size",47237,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import {\n\ttype ComponentPropsWithRef,\n\ttype CSSProperties,\n\tFragment,\n\ttype MouseEvent,\n\ttype PointerEvent,\n\ttype ReactNode,\n\ttype Ref,\n\tuseCallback,\n\tuseEffect,\n\tuseEffectEvent,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from \"react\";\nimport type { Event, REPO } from \"../../types\";\n\nimport { AceAvatar } from \"../ace-avatar/ace-avatar\";\nimport {\n\ttype ExecAction,\n\ttype ExecActionPayload,\n\tExecActionProvider,\n\ttype Mention,\n\tToolProvider,\n} from \"../blocks\";\nimport { fonts as blockFonts } from \"../blocks/parse\";\nimport {\n\tMessageToolbar,\n\ttype MessageToolbarAction,\n\ttype MessageToolbarProps,\n} from \"../message-toolbar/message-toolbar\";\nimport { Reactions } from \"../reactions/reactions\";\nimport type { DocumentCandidate } from \"../rich-text/references\";\nimport {\n\tScrollView,\n\ttype ScrollViewHandle,\n\ttype ScrollViewRange,\n} from \"../scroll-view/scroll-view\";\nimport { TurnSummary } from \"../turn-summary/turn-summary\";\nimport type { Block } from \"../../lib/block\";\nimport { iconFor } from \"../../lib/tool-icon\";\nimport { agentColor, agentLabel } from \"../../lib/agent\";\nimport { cn } from \"../../lib/utils\";\nimport {\n\ttype AgentTurn,\n\tcompile,\n\ttype Group,\n\tisCommentChunk,\n\ttype Row,\n\ttype TimelineItem,\n\ttype TimelineWorking,\n\ttype WorkingItem,\n} from \"../../lib/timeline\";\n\nimport {\n\tAVATAR,\n\tAVATAR_GAP,\n\tAVATAR_NUDGE,\n\tBUBBLE_BORDER,\n\tBUBBLE_GAP,\n\tBUBBLE_PAD_X,\n\tBUBBLE_PAD_Y,\n\tBYLINE_HEIGHT,\n\tCONTENT_GAP,\n\tDAY_HEIGHT,\n\tGAP,\n\tHEADER_GAP,\n\titemHeight,\n\tLANE,\n\tmeasureRow,\n\tPAD,\n\tPR_COMMENT_BODY_GAP,\n\tPR_COMMENT_BUBBLE_PAD_BOTTOM,\n\tPR_COMMENT_GAP,\n\tREACTION_GAP,\n\tsummaryId,\n\tTAIL,\n\tTOOL_GROUP_PAD_Y,\n\tTOOL_GROUP_ROW_HEIGHT,\n\tTOOL_LIST_INDENT,\n\tTURN_GAP,\n\tuseBlockMap,\n\tWORKING_SUMMARY_HEIGHT,\n} from \"./layout\";\nimport {\n\tIconChevronDownMicro,\n\tIconCommit,\n\tIconEnter,\n\tIconExit,\n\tIconMessage,\n\tIconPullRequest,\n\tIconRecord,\n\tIconTerminal,\n} from \"../../icons\";\n\nimport \"./timeline.css\";\n\nconst timeFmt = new Intl.DateTimeFormat(undefined, { hour: \"numeric\", minute: \"2-digit\" });\nconst exactFmt = new Intl.DateTimeFormat(undefined, { dateStyle: \"medium\", timeStyle: \"short\" });\nconst rtf = new Intl.RelativeTimeFormat(undefined, { numeric: \"auto\" });\nconst workingTextFonts = blockFonts();\nconst workingTextFont = {\n\tfont: workingTextFonts.font,\n\tlineHeight: `${workingTextFonts.lineHeight}px`,\n};\nconst dateFmt = new Intl.DateTimeFormat(undefined, {\n\tweekday: \"short\",\n\tmonth: \"short\",\n\tday: \"numeric\",\n});\nconst dateYearFmt = new Intl.DateTimeFormat(undefined, {\n\tweekday: \"short\",\n\tmonth: \"short\",\n\tday: \"numeric\",\n\tyear: \"numeric\",\n});\nconst introDateFmt = new Intl.DateTimeFormat(undefined, {\n\tmonth: \"short\",\n\tday: \"numeric\",\n\tyear: \"numeric\",\n});\nlet ids = new WeakMap();\nlet seq = 0;\n/** How far the floating toolbar overlaps the top edge of the message bubble. */\nconst OVERLAP = 10;\nconst TOOLBAR_HEIGHT = 26;\n/** Sticky top offset for long Ace turns — matches the avatar's `sticky top-3`. */\nconst STICKY_TOP = 12;\nconst VIEWPORT_PAD = 8;\n/** Horizontal protrusion of the toolbar beyond the bubble's outer edge. */\nconst OFFSET = 14;\nconst WORKING_ROLLUP_MS = 180;\nconst CODE_OUTSET = BUBBLE_PAD_X - BUBBLE_PAD_Y;\n\ntype Style = CSSProperties & { \"--code-outset\"?: string };\n\n/** Format a day-divider label using Intl.RelativeTimeFormat, falling back to an absolute date past a week. */\nfunction dayLabel(ts: number): string {\n\tlet day = new Date(ts * 1000);\n\tlet now = new Date();\n\tlet today = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();\n\tlet diff = Math.round((today - day.getTime()) / 86400000);\n\tif (diff < 7) {\n\t\tlet rel = rtf.format(-diff, \"day\");\n\t\treturn rel[0]!.toUpperCase() + rel.slice(1);\n\t}\n\tif (day.getFullYear() === now.getFullYear()) return dateFmt.format(day);\n\treturn dateYearFmt.format(day);\n}\n\ntype TimelineIntro = {\n\tname: string;\n\tcreatedAt: number;\n\towner?: string;\n};\n\ntype TimelineVisibility = {\n\tpinned: boolean;\n\tmessages: string[];\n};\ntype TimelineExecAction = ExecAction;\ntype TimelineExec = ExecActionPayload;\n\ntype EventRow = Extract[\"row\"];\ntype EventIcon = typeof IconCommit;\n\nfunction introLabel(intro: TimelineIntro): string {\n\tlet name = intro.name.trim();\n\tlet title = name ? name.startsWith(\"#\") ? name : `#${name}` : \"This\";\n\tlet date = introDateFmt.format(new Date(intro.createdAt * 1000));\n\treturn `${title} channel was created on ${date}${intro.owner ? ` by ${intro.owner}` : \"\"}`;\n}\n\n// -- Rendering --\n\n/** Render a list of blocks at a given width. */\nfunction BlockList({ blocks, width }: { blocks: Block[]; width: number }) {\n\treturn <>{blocks.map(b => {b.render(width)})};\n}\n\nfunction key(block: Block) {\n\tif (block.key) return block.key;\n\tlet id = ids.get(block);\n\tif (!id) {\n\t\tid = String(++seq);\n\t\tids.set(block, id);\n\t}\n\treturn id;\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n\treturn Math.min(Math.max(value, min), max);\n}\n\nfunction FloatingToolbar(\n\t{\n\t\talign,\n\t\tactions,\n\t\tcanEdit,\n\t\tmine,\n\t\tonAction,\n\t\tonOpenChange,\n\t\tsticky,\n\t\twidth,\n\t}: {\n\t\talign: \"left\" | \"right\";\n\t\tactions?: MessageToolbarProps[\"actions\"];\n\t\tcanEdit: boolean;\n\t\tmine: boolean;\n\t\tonAction: (action: MessageToolbarAction) => void;\n\t\tonOpenChange?: (open: boolean) => void;\n\t\tsticky?: boolean;\n\t\twidth: number;\n\t},\n) {\n\tlet frame = useRef(null);\n\tlet bar = useRef(null);\n\tlet [shift, setShift] = useState(0);\n\n\t// Positioning-only: this measures viewport/lane bounds to clamp the floating toolbar\n\t// horizontally. It does not contribute to row height — the toolbar is absolute/sticky\n\t// with `pointer-events-none`, fully outside the measured timeline layout.\n\tuseLayoutEffect(() => {\n\t\tlet root = frame.current;\n\t\tlet toolbar = bar.current;\n\t\tif (!root || !toolbar) return;\n\n\t\tlet viewport = root.closest(\"[data-slot='scroll-view']\");\n\t\tlet lane = root.closest(\"[data-message-lane]\");\n\n\t\tlet update = () => {\n\t\t\tlet vp = viewport?.getBoundingClientRect();\n\t\t\tlet lb = lane?.getBoundingClientRect();\n\t\t\tlet rect = root.getBoundingClientRect();\n\t\t\tlet size = toolbar.getBoundingClientRect().width;\n\t\t\tlet left = align === \"right\" ? rect.right - size : rect.left;\n\t\t\tlet min = Math.max((vp?.left ?? 0) + VIEWPORT_PAD, lb?.left ?? 0);\n\t\t\tlet end = Math.min(\n\t\t\t\t(vp?.right ?? window.innerWidth) - VIEWPORT_PAD,\n\t\t\t\tlb?.right ?? window.innerWidth,\n\t\t\t);\n\t\t\tlet max = Math.max(min, end - size);\n\t\t\tlet next = Math.round(clamp(left, min, max) - left);\n\t\t\tsetShift(prev => prev === next ? prev : next);\n\t\t};\n\n\t\tupdate();\n\t\tlet observer = new ResizeObserver(update);\n\t\tobserver.observe(root);\n\t\tobserver.observe(toolbar);\n\t\twindow.addEventListener(\"resize\", update);\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t\twindow.removeEventListener(\"resize\", update);\n\t\t};\n\t}, [align, sticky, width]);\n\n\tlet right = align === \"right\";\n\tlet transform = [\n\t\tshift ? `translateX(${shift}px)` : \"\",\n\t\tsticky ? `translateY(calc(-100% + ${OVERLAP}px))` : \"\",\n\t].filter(Boolean).join(\" \") || undefined;\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nfunction AgentWorkingItemView(\n\t{\n\t\titem,\n\t\tblocks,\n\t\twidth,\n\t\topen,\n\t\texpanded,\n\t\tonToggle,\n\t\tlive,\n\t\tindex,\n\t}: {\n\t\titem: WorkingItem;\n\t\tblocks: Map;\n\t\twidth: number;\n\t\topen: boolean;\n\t\texpanded: boolean;\n\t\tonToggle: (id: string) => void;\n\t\tlive: boolean;\n\t\tindex: number;\n\t},\n) {\n\tlet b = blocks.get(item.id) || [];\n\tlet delay = live ? `${Math.min(index, 4) * 45}ms` : undefined;\n\tif (item.type === \"text\") {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n\n\tlet first = item.tools[0];\n\tlet icon = first?.agent?.kind === \"subagent\" || first?.name === \"task\"\n\t\t? \"subagent\"\n\t\t: first?.name || \"tool\";\n\tlet Icon = iconFor(/^view(file)?$/i.test(icon) ? \"read\" : icon);\n\tlet panel = `${item.id}-tools`;\n\treturn (\n\t\t\n\t\t\t onToggle(item.id)}\n\t\t\t\tdata-state={expanded ? \"open\" : \"closed\"}\n\t\t\t\taria-expanded={expanded}\n\t\t\t\taria-controls={panel}\n\t\t\t\tclassName=\"flex min-w-0 items-center gap-1.5 self-start overflow-hidden rounded-md pr-1.5 text-sm text-muted-foreground transition-colors duration-150 hover:text-foreground\"\n\t\t\t\tstyle={{ blockSize: TOOL_GROUP_ROW_HEIGHT, maxInlineSize: \"100%\", ...workingTextFont }}\n\t\t\t>\n\t\t\t\t\n\t\t\t\t{item.summary}\n\t\t\t\t\n\t\t\t\n\t\t\t{open && (\n\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 workingClass(collapsed: boolean, open: boolean, settling: boolean) {\n\treturn cn(\n\t\t\"flex min-w-0 flex-col rounded-2xl squircle border border-border\",\n\t\tcollapsed && \"text-muted-foreground transition-colors duration-150\",\n\t\tcollapsed && !open && \"hover:bg-muted/60 hover:text-foreground\",\n\t\tcollapsed && open && !settling && \"timeline-working-context-open\",\n\t\tcollapsed && settling && \"timeline-working-context-closing\",\n\t);\n}\n\nfunction AgentWorkingContextView(\n\t{\n\t\tturn,\n\t\tblocks,\n\t\twidth,\n\t\topen,\n\t\texpanded,\n\t\tsettling,\n\t\tgroupId,\n\t\topenGroups,\n\t\tonToggle,\n\t\tonToggleGroup,\n\t}: {\n\t\tturn: AgentTurn;\n\t\tblocks: Map;\n\t\twidth: number;\n\t\topen: boolean;\n\t\texpanded: boolean;\n\t\tsettling: boolean;\n\t\tgroupId: string;\n\t\topenGroups: Set;\n\t\tonToggle: (id: string) => void;\n\t\tonToggleGroup: (id: string) => void;\n\t},\n) {\n\tlet collapsed = !!turn.final;\n\tlet live = !collapsed;\n\tlet panel = `${groupId}-working`;\n\n\treturn (\n\t\t\n\t\t\t{collapsed && (\n\t\t\t\t onToggle(groupId)}\n\t\t\t\t\taria-expanded={expanded}\n\t\t\t\t\taria-controls={panel}\n\t\t\t\t\tclassName=\"flex min-w-0 items-center gap-1.5 overflow-hidden rounded-md pr-1.5 text-left text-sm\"\n\t\t\t\t\tstyle={{ blockSize: WORKING_SUMMARY_HEIGHT, maxInlineSize: \"100%\", ...workingTextFont }}\n\t\t\t\t>\n\t\t\t\t\t{turn.summary}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\t\t\t{open && (\n\t\t\t\t\n\t\t\t\t\t{turn.working.map((w, index) => {\n\t\t\t\t\t\tlet open = w.type === \"tools\" && openGroups.has(w.id);\n\t\t\t\t\t\treturn (\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 find(items: TimelineItem[], uid: string) {\n\tfor (let i = 0; i < items.length; i++) {\n\t\tlet item = items[i]!;\n\t\tif (item.kind === \"event\" && item.row.uid === uid) return i;\n\t\tif (item.kind === \"group\" && item.group.rows.some(row => row.uid === uid)) return i;\n\t}\n\treturn -1;\n}\n\nfunction finalWorkingIds(items: TimelineItem[]): string[] {\n\tlet ids: string[] = [];\n\tfor (let item of items) {\n\t\tif (item.kind !== \"group\") continue;\n\t\tif (item.turn?.final && item.turn.working.length) ids.push(item.group.id);\n\t}\n\treturn ids;\n}\n\nfunction EventBlockList({ blocks, row, width }: { blocks: Block[]; row: Row; width: number }) {\n\tif (isPrCommentEvent(row, blocks)) {\n\t\treturn ;\n\t}\n\n\treturn (\n\t\t

\n\t\t\t\n\t\t

\n\t);\n}\n\nfunction isPrCommentEvent(row: Row, blocks: Block[]): boolean {\n\treturn isCommentChunk(row.chunks[0]?.kind) && blocks.length > 1;\n}\n\nfunction PrCommentEvent({ blocks, width }: { blocks: Block[]; width: number }) {\n\tlet [head, ...body] = blocks;\n\tlet inner = width - BUBBLE_PAD_X * 2;\n\n\treturn (\n\t\t

\n\t\t\t{head && {head.render(width)}}\n\t\t\t\n\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 RenderedBlocks({ blocks, width }: { blocks: Block[]; width: number }) {\n\treturn <>{blocks.map(b => {b.render(width)})};\n}\n\nfunction EventGlyph({ row }: { row: EventRow }) {\n\tlet { Icon, marginBlockStart } = eventGlyph(row);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nfunction eventGlyph(row: EventRow): { Icon: EventIcon; marginBlockStart: number } {\n\tlet chunk = row.chunks[0];\n\n\tswitch (chunk?.kind) {\n\t\tcase \"exec\":\n\t\t\treturn { Icon: IconTerminal, marginBlockStart: AVATAR_NUDGE };\n\t\tcase \"presence\":\n\t\t\treturn {\n\t\t\t\tIcon: chunk.action === \"join\" ? IconEnter : IconExit,\n\t\t\t\tmarginBlockStart: AVATAR_NUDGE,\n\t\t\t};\n\t\tcase \"pr-comment\":\n\t\tcase \"pr-review\":\n\t\tcase \"pr-review-comment\":\n\t\tcase \"issue-comment\":\n\t\t\treturn {\n\t\t\t\tIcon: IconMessage,\n\t\t\t\t// Only offset for the bubble layout (when a markdown body follows).\n\t\t\t\tmarginBlockStart: row.chunks.length > 1 ? prCommentGlyphOffset() : AVATAR_NUDGE,\n\t\t\t};\n\t\tcase \"issue\":\n\t\t\treturn {\n\t\t\t\tIcon: IconRecord,\n\t\t\t\t// Only offset for the bubble layout (when a markdown body follows).\n\t\t\t\tmarginBlockStart: row.chunks.length > 1 ? prCommentGlyphOffset() : AVATAR_NUDGE,\n\t\t\t};\n\t\tcase \"issue-update\":\n\t\t\treturn { Icon: IconRecord, marginBlockStart: AVATAR_NUDGE };\n\t\tcase \"pr\":\n\t\tcase \"pr-update\":\n\t\t\treturn { Icon: IconPullRequest, marginBlockStart: AVATAR_NUDGE };\n\t\tdefault:\n\t\t\treturn { Icon: IconCommit, marginBlockStart: AVATAR_NUDGE };\n\t}\n}\n\nfunction prCommentGlyphOffset(): number {\n\tlet icon = 16;\n\treturn BYLINE_HEIGHT + PR_COMMENT_GAP - (AVATAR - icon) / 2;\n}\n\n/** Render a message group with sticky avatar and block-based content. */\ntype GroupProps = {\n\tgroup: Group;\n\tactions?: TimelineProps[\"actions\"];\n\tturn?: AgentTurn;\n\tblocks: Map;\n\twidth: number;\n\tloading: boolean;\n\tavatars?: Record;\n\tcurrentUser?: Event.Viewer;\n\talignment: \"left\" | \"right\";\n\ttarget?: string;\n\tediting?: string;\n\tunsent?: ReadonlyMap;\n\teditable?: ReadonlySet;\n\topenGroups: Set;\n\topenWorking: Set;\n\tsettlingWorking: Set;\n\tonToggleWorking: (id: string) => void;\n\tonToggleGroup: (id: string) => void;\n\tonRowEnter?: (uid: string) => void;\n\tonRowLeave?: () => void;\n\tonReact?: (uid: string, emoji: string) => void;\n\tonLink?: (href: string) => void;\n\tonFileOpen?: (file: string) => void;\n\tonDiffFileOpen?: (file: string) => void;\n\tonReviewChanges?: () => void;\n\thover?: string | null;\n\tonToolbarAction?: (uid: string, action: MessageToolbarAction) => void;\n\tonOpenChange?: (open: boolean) => void;\n};\n\nfunction frame(\n\t{ group, turn, width, currentUser, alignment, avatars, hover, openWorking, settlingWorking }:\n\t\tGroupProps,\n) {\n\tlet content = width - PAD * 2 - AVATAR - AVATAR_GAP;\n\tlet text = content - BUBBLE_PAD_X * 2;\n\tlet workingExpanded = !!turn && (!turn.final || openWorking.has(group.id));\n\tlet workingOpen = workingExpanded || settlingWorking.has(group.id);\n\tlet workingSettling = settlingWorking.has(group.id);\n\tlet label = group.role === \"user\"\n\t\t? group.display || String(group.sender || \"User\")\n\t\t: group.display || (group.run ? \"Ace\" : \"ace\");\n\tlet name = label;\n\tlet hasByline = group.rows.length > 0;\n\tlet own = !!currentUser && group.role === \"user\"\n\t\t&& (currentUser.own\n\t\t\t? currentUser.own.includes(String(group.sender))\n\t\t\t: group.sender === currentUser.id || group.display === currentUser.login);\n\tlet mine = alignment === \"right\" && own;\n\tlet src = group.display && avatars?.[group.display]\n\t\t|| (group.sender != null ? avatars?.[String(group.sender)] : undefined);\n\n\tlet uid = turn?.final?.uid || group.rows.at(-1)?.uid;\n\tlet active =\n\t\thover && (turn ? turn.final?.uid === hover : group.rows.some(row => row.uid === hover))\n\t\t\t? hover\n\t\t\t: null;\n\tlet meta = active\n\t\t? group.rows.find(row => row.uid === active) ?? turn?.final\n\t\t: group.rows.at(-1) ?? turn?.final;\n\tlet edited = meta?.edited;\n\tlet stamp = meta?.ts ?? group.ts;\n\tlet date = timeFmt.format(stamp * 1000);\n\tlet title = exactFmt.format(stamp * 1000);\n\tlet edit = edited && (active ? exactFmt.format(edited * 1000) : \"edited\");\n\tlet editTitle = edited ? exactFmt.format(edited * 1000) : undefined;\n\tlet selection = meta?.agent;\n\tlet agent = agentLabel(selection);\n\tlet tone = agentColor(selection);\n\treturn {\n\t\tcontent,\n\t\ttext,\n\t\tworkingExpanded,\n\t\tworkingOpen,\n\t\tworkingSettling,\n\t\tlabel,\n\t\tname,\n\t\thasByline,\n\t\town,\n\t\tmine,\n\t\tsrc,\n\t\tuid,\n\t\tactive,\n\t\tdate,\n\t\ttitle,\n\t\tedit,\n\t\teditTitle,\n\t\tagent,\n\t\ttone,\n\t};\n}\n\n/** Delivery state of an own message that the server has not acknowledged. */\ntype Unsent = \"pending\" | \"failed\";\n\ntype GroupState = ReturnType;\ntype GroupRender = { props: GroupProps; state: GroupState };\ntype RowToolbar = (id: string, fit: number, sticky?: boolean) => ReactNode;\n\nfunction GroupView(props: GroupProps) {\n\tlet { turn, onRowEnter, onRowLeave, editable, onToolbarAction, onOpenChange } = props;\n\tlet state = frame(props);\n\tlet { uid, active, own, mine } = state;\n\tlet enter = uid && onRowEnter\n\t\t? ((e: MouseEvent) => {\n\t\t\tlet target = e.target;\n\t\t\tlet node = target instanceof Element\n\t\t\t\t? target.closest(\"[data-message-id]\")\n\t\t\t\t: null;\n\t\t\tonRowEnter(node?.dataset.messageId || uid);\n\t\t})\n\t\t: undefined;\n\tlet toolbar = (id: string, fit: number, sticky?: boolean) =>\n\t\tactive === id && (\n\t\t\t onToolbarAction?.(id, action)}\n\t\t\t\tonOpenChange={onOpenChange}\n\t\t\t/>\n\t\t);\n\n\treturn (\n\t\t\n\t\t\t\n\n\t\t\t

\n\t\t\t\t\n\n\t\t\t\t{turn\n\t\t\t\t\t? \n\t\t\t\t\t: }\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction GroupAvatar({ props, state }: GroupRender) {\n\tlet { group, loading } = props;\n\tlet { hasByline, src, label } = state;\n\treturn (\n\t\t\n\t\t\t{group.role === \"assistant\"\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\t: src\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\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\n\t);\n}\n\nfunction GroupByline({ state }: { state: GroupState }) {\n\tlet { hasByline, mine, name, agent, tone, title, date, edit, editTitle } = state;\n\treturn (\n\t\t<>\n\t\t\t{hasByline && (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{name}\n\t\t\t\t\t\n\t\t\t\t\t{agent && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{agent}\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{date}\n\t\t\t\t\t\n\t\t\t\t\t{edit && {edit}}\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n}\n\nfunction GroupTurn({ props, state, toolbar }: GroupRender & { toolbar: RowToolbar }) {\n\tlet {\n\t\tturn,\n\t\tgroup,\n\t\tblocks,\n\t\topenGroups,\n\t\tonToggleWorking,\n\t\tonToggleGroup,\n\t\tonRowEnter,\n\t\tcurrentUser,\n\t\tonReact,\n\t\tonOpenChange,\n\t\tonFileOpen,\n\t\tonDiffFileOpen,\n\t\tonLink,\n\t\tonReviewChanges,\n\t} = props;\n\tlet { text, content, workingOpen, workingExpanded, workingSettling } = state;\n\tif (!turn) return null;\n\treturn (\n\t\t

\n\t\t\t

\n\t\t\t\t{turn.working.length > 0 && (\n\t\t\t\t\t\n\t\t\t\t)}\n\n\t\t\t\t{turn.final && (\n\t\t\t\t\t onRowEnter(turn.final!.uid))}\n\t\t\t\t\t>\n\t\t\t\t\t\t{toolbar(turn.final.uid, content, true)}\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

\n\t\t\t\t\t\t\t{turn.final.reactions && turn.final.reactions.length > 0 && (\n\t\t\t\t\t\t\t\t onReact(turn.final!.uid, emoji))}\n\t\t\t\t\t\t\t\t\tonOpenChange={onOpenChange}\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\n\t\t\t\t{(turn.artifacts.length > 0 || turn.files.length > 0) && (\n\t\t\t\t\t onToggleGroup(summaryId(group.id, \"artifacts\"))}\n\t\t\t\t\t\tonToggleFiles={() => onToggleGroup(summaryId(group.id, \"files\"))}\n\t\t\t\t\t\tonFileOpen={onFileOpen}\n\t\t\t\t\t\tonEditedFileOpen={onDiffFileOpen}\n\t\t\t\t\t\tonLink={onLink}\n\t\t\t\t\t\tonReviewChanges={onReviewChanges}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\n\t\t\n\t);\n}\n\nfunction GroupRows({ props, state, toolbar }: GroupRender & { toolbar: RowToolbar }) {\n\tlet { group, blocks, editing, unsent, target, onRowEnter, currentUser, onReact, onOpenChange } =\n\t\tprops;\n\tlet { content, mine } = state;\n\n\tlet isUser = group.role === \"user\";\n\tlet isBubble = isUser || group.role === \"assistant\";\n\tlet inner = isBubble ? content - BUBBLE_PAD_X * 2 : content;\n\tlet entries = group.rows.map(row => {\n\t\tlet b = blocks.get(row.uid) || [];\n\t\treturn {\n\t\t\tb,\n\t\t\tagent: row.agent,\n\t\t\tfit: isBubble ? measureRow(b, inner).fit : inner,\n\t\t\treactions: row.reactions,\n\t\t\tuid: row.uid,\n\t\t};\n\t});\n\tlet broke = (j: number) => {\n\t\tlet p = entries[j - 1];\n\t\tlet e = entries[j];\n\t\tlet n = entries[j + 1];\n\t\treturn !!(p && n && e && e.fit < p.fit && e.fit < n.fit);\n\t};\n\treturn (\n\t\t\n\t\t\t{entries.map(({ b, agent, fit, reactions, uid }, i) => {\n\t\t\t\tlet prev = entries[i - 1];\n\t\t\t\tlet next = entries[i + 1];\n\t\t\t\tlet last = i === entries.length - 1;\n\t\t\t\tlet self = broke(i);\n\t\t\t\tlet above = broke(i - 1);\n\t\t\t\tlet below = broke(i + 1);\n\t\t\t\tlet hasReact = !!reactions?.length;\n\t\t\t\tlet prevHasReact = !!prev?.reactions?.length;\n\t\t\t\tlet edit = editing === uid;\n\t\t\t\tlet state = unsent?.get(uid);\n\t\t\t\tlet wide = isBubble ? fit + BUBBLE_PAD_X * 2 : fit;\n\t\t\t\tlet tone = agentColor(agent);\n\t\t\t\tlet label = agentLabel(agent);\n\t\t\t\treturn (\n\t\t\t\t\t onRowEnter(uid))}\n\t\t\t\t\t>\n\t\t\t\t\t\t{toolbar(uid, wide)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{label && Sent to {label}}\n\t\t\t\t\t\t\t{state && (\n\t\t\t\t\t\t\t\t{state === \"failed\" ? \"Not sent\" : \"Sending\"}\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\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{reactions && reactions.length > 0 && (\n\t\t\t\t\t\t\t onReact(uid, emoji))}\n\t\t\t\t\t\t\t\tonOpenChange={onOpenChange}\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\n// -- Component --\n\ntype TimelineProps =\n\t& Omit, \"children\" | \"onCopy\" | \"onScrollEnd\" | \"ref\">\n\t& {\n\t\t/** Chronological event stream to render. */\n\t\tevents: Event[];\n\t\t/** Hide message actions when the caller only supports reading the timeline. */\n\t\ttoolbar?: boolean;\n\t\t/** Available actions, optionally resolved for each message; omitted entries retain existing behavior. */\n\t\tactions?: MessageToolbarProps[\"actions\"] | ((uid: string) => MessageToolbarProps[\"actions\"]);\n\t\t/** Repository full name used to link git system events. */\n\t\tproject?: REPO;\n\t\t/** Optional channel metadata shown on the first day divider. */\n\t\tintro?: TimelineIntro;\n\t\t/** Whether the agent is actively working — controls intent row visibility. */\n\t\tworking?: TimelineWorking;\n\t\t/** Avatar URLs keyed by sender value (e.g. `\"terkelg\"`, `\"ace:bot\"`). */\n\t\tavatars?: Record;\n\t\t/** Login-based mention profiles used when rendering message text. */\n\t\tmentions?: Mention[];\n\t\t/** Documents resolved from &name.md references, including historical aliases. */\n\t\tdocuments?: readonly DocumentCandidate[];\n\t\t/**\n\t\t * The current user. `own` matches verified current/historical author IDs exclusively.\n\t\t * Legacy callers can match `id` or `login`. Controls toolbar edit/delete visibility and the highlighted state on\n\t\t * reaction chips. `id` is optional but recommended — without it, \"is this my message\"\n\t\t * falls back to comparing against `login`.\n\t\t */\n\t\tcurrentUser?: Event.Viewer;\n\t\t/** Where own user messages render in the timeline. Defaults to `\"left\"`. */\n\t\talignment?: \"left\" | \"right\";\n\t\t/** Message UID currently loaded into the composer for editing. */\n\t\tediting?: string;\n\t\t/** Own messages that have not reached the server yet, or were rejected. */\n\t\tunsent?: ReadonlyMap;\n\t\t/** Message UIDs whose toolbar should expose Edit. */\n\t\teditable?: ReadonlySet;\n\t\t/** Called when the user picks an emoji from the toolbar's emoji picker. */\n\t\tonReact?: (uid: string, emoji: string) => void;\n\t\t/** Message UID to scroll into view. */\n\t\ttarget?: string;\n\t\t/** Called when the user clicks a rendered message link. */\n\t\tonLink?: (href: string) => void;\n\t\t/** Called when the user clicks a resolved document reference. */\n\t\tonDocumentOpen?: (uid: DocumentCandidate[\"uid\"]) => void;\n\t\t/** Called when the user clicks the reserved Plan reference. */\n\t\tonPlanOpen?: () => void;\n\t\t/** Called when the user clicks a generated artifact file. */\n\t\tonFileOpen?: (file: string) => void;\n\t\t/** Called when the user clicks an edited file in the turn summary. */\n\t\tonDiffFileOpen?: (file: string) => void;\n\t\t/** Called when the user clicks the edited-files review action. */\n\t\tonReviewChanges?: () => void;\n\t\t/** Called when the user clicks the toolbar's copy button. */\n\t\tonCopy?: (uid: string) => void;\n\t\t/** Called when the user clicks the toolbar's permalink button. */\n\t\tonPermalink?: (uid: string) => void;\n\t\t/** Called when the user clicks the toolbar's edit button (only fires for own messages). */\n\t\tonEdit?: (uid: string) => void;\n\t\t/** Called when the user clicks the toolbar's delete button (only fires for own messages). */\n\t\tonDelete?: (uid: string) => void;\n\t\t/** Called when the user uses terminal command row actions. */\n\t\tonExecAction?: (action: TimelineExecAction, exec: TimelineExec) => void;\n\t\t/** Called when the viewport-visible message IDs or bottom-pinned state changes. */\n\t\tonVisibilityChange?: (visibility: TimelineVisibility) => void;\n\t\t/** Imperative scroll handle (forwarded from the underlying ScrollView). */\n\t\tref?: Ref;\n\t};\n\n/**\n * Virtualized chat timeline. Takes a stream of events, compiles them into\n * message groups and system rows, then renders each with pixel-precise heights\n * via the Block protocol so the scroll container never has to read the DOM.\n */\nfunction useTimeline(\n\t{\n\t\tevents,\n\t\ttoolbar = true,\n\t\tactions,\n\t\tproject,\n\t\tintro,\n\t\tworking = false,\n\t\tavatars,\n\t\tmentions,\n\t\tdocuments,\n\t\tcurrentUser,\n\t\talignment = \"left\",\n\t\tediting,\n\t\tunsent,\n\t\teditable,\n\t\tonReact,\n\t\ttarget,\n\t\tonLink,\n\t\tonDocumentOpen,\n\t\tonPlanOpen,\n\t\tonFileOpen,\n\t\tonDiffFileOpen,\n\t\tonReviewChanges,\n\t\tonCopy,\n\t\tonPermalink,\n\t\tonEdit,\n\t\tonDelete,\n\t\tonExecAction,\n\t\tonVisibilityChange,\n\t\tref,\n\t\tonClickCapture,\n\t\tonPointerEnter,\n\t\tonPointerMove,\n\t\tclassName,\n\t\tstyle,\n\t\t...props\n\t}: TimelineProps,\n) {\n\tlet [expanded, setExpanded] = useState(() => new Set());\n\tlet [expandedResults, setExpandedResults] = useState(() => new Set());\n\tlet [openGroups, setOpenGroups] = useState(() => new Set());\n\tlet [openWorking, setOpenWorking] = useState(() => new Set());\n\tlet [settlingWorking, setSettlingWorking] = useState(() => new Set());\n\tlet [hover, setHover] = useState(null);\n\tlet held = useRef(false);\n\tlet [range, setRange] = useState(null);\n\tlet scroll = useRef(null);\n\tlet timer = useRef | null>(null);\n\tlet rollup = useRef(new Set>());\n\tlet seenFinalWorking = useRef | null>(null);\n\tlet point = useRef<{ x: number; y: number } | null>(null);\n\tlet suppress = useRef(false);\n\tlet timeline = useMemo(() => compile(events, working, project), [events, working, project]);\n\tlet finalWorkingKey = useMemo(() => finalWorkingIds(timeline).join(\"\\0\"), [timeline]);\n\tlet visibleWorking = useMemo(() => {\n\t\tlet next = new Set(openWorking);\n\t\tfor (let id of settlingWorking) next.add(id);\n\t\treturn next;\n\t}, [openWorking, settlingWorking]);\n\tlet toggle = (id: string) => {\n\t\tlet closing = expanded.has(id);\n\n\t\tif (closing) {\n\t\t\tsetExpanded(prev => {\n\t\t\t\tlet next = new Set(prev);\n\t\t\t\tnext.delete(id);\n\t\t\t\treturn next;\n\t\t\t});\n\t\t\tsetExpandedResults(prev => {\n\t\t\t\tif (!prev.has(id)) return prev;\n\t\t\t\tlet next = new Set(prev);\n\t\t\t\tnext.delete(id);\n\t\t\t\treturn next;\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\n\t\tsetExpanded(prev => {\n\t\t\tlet next = new Set(prev);\n\t\t\tnext.add(id);\n\t\t\treturn next;\n\t\t});\n\t};\n\tlet toggleResult = (id: string) => {\n\t\tsetExpandedResults(prev => {\n\t\t\tlet next = new Set(prev);\n\t\t\tif (next.has(id)) next.delete(id);\n\t\t\telse next.add(id);\n\t\t\treturn next;\n\t\t});\n\t};\n\tlet toggleGroup = (id: string) => {\n\t\tsetOpenGroups(prev => {\n\t\t\tlet next = new Set(prev);\n\t\t\tif (next.has(id)) next.delete(id);\n\t\t\telse next.add(id);\n\t\t\treturn next;\n\t\t});\n\t};\n\tlet scheduleWorkingSettle = useCallback((ids: string[]) => {\n\t\t// Each rollup timer removes itself on completion; the unmount cleanup\n\t\t// below cancels every remaining handle in rollup.current.\n\t\tlet timer = setTimeout(() => {\n\t\t\trollup.current.delete(timer);\n\t\t\tsetSettlingWorking(prev => {\n\t\t\t\tlet next = new Set(prev);\n\t\t\t\tfor (let id of ids) next.delete(id);\n\t\t\t\treturn next;\n\t\t\t});\n\t\t}, WORKING_ROLLUP_MS);\n\t\trollup.current.add(timer);\n\t}, []);\n\tlet toggleWorking = (id: string) => {\n\t\tlet closing = openWorking.has(id);\n\n\t\tif (closing) {\n\t\t\tsetOpenWorking(prev => {\n\t\t\t\tlet next = new Set(prev);\n\t\t\t\tnext.delete(id);\n\t\t\t\treturn next;\n\t\t\t});\n\t\t\tsetSettlingWorking(prev => {\n\t\t\t\tlet next = new Set(prev);\n\t\t\t\tnext.add(id);\n\t\t\t\treturn next;\n\t\t\t});\n\t\t\tscheduleWorkingSettle([id]);\n\t\t\treturn;\n\t\t}\n\n\t\tsetSettlingWorking(prev => {\n\t\t\tif (!prev.has(id)) return prev;\n\t\t\tlet next = new Set(prev);\n\t\t\tnext.delete(id);\n\t\t\treturn next;\n\t\t});\n\t\tsetOpenWorking(prev => {\n\t\t\tlet next = new Set(prev);\n\t\t\tnext.add(id);\n\t\t\treturn next;\n\t\t});\n\t};\n\n\tlet cancelHide = () => {\n\t\tif (timer.current) {\n\t\t\tclearTimeout(timer.current);\n\t\t\ttimer.current = null;\n\t\t}\n\t};\n\tlet scheduleHide = () => {\n\t\tcancelHide();\n\t\ttimer.current = setTimeout(() => setHover(null), 150);\n\t};\n\tlet onRowEnter = (uid: string) => {\n\t\tif (suppress.current) return;\n\t\tcancelHide();\n\t\tif (hover !== uid) setHover(uid);\n\t};\n\tlet onRowLeave = () => {\n\t\tif (suppress.current) return;\n\t\tif (held.current) return;\n\t\tscheduleHide();\n\t};\n\tlet restoreHover = () => {\n\t\tlet pos = point.current;\n\t\tlet vp = scroll.current?.viewport();\n\t\tif (!pos || !vp) return;\n\n\t\tlet target = document.elementFromPoint(pos.x, pos.y);\n\t\tif (!(target instanceof Element) || !vp.contains(target)) return;\n\n\t\tlet node = target.closest(\"[data-message-id], [data-hover-message-id]\");\n\t\tlet id = node?.dataset.messageId || node?.dataset.hoverMessageId;\n\t\tif (id) onRowEnter(id);\n\t};\n\tlet onScrollStart = () => {\n\t\tif (suppress.current) return;\n\t\tsuppress.current = true;\n\t\tcancelHide();\n\t\tsetHover(null);\n\t};\n\tlet onScrollEnd = () => {\n\t\tsuppress.current = false;\n\t\trestoreHover();\n\t};\n\tlet onEnter = (e: PointerEvent) => {\n\t\tpoint.current = { x: e.clientX, y: e.clientY };\n\t\tonPointerEnter?.(e);\n\t};\n\tlet onMove = (e: PointerEvent) => {\n\t\tpoint.current = { x: e.clientX, y: e.clientY };\n\t\tonPointerMove?.(e);\n\t};\n\tlet onOpenChange = (o: boolean) => {\n\t\theld.current = o;\n\t\tif (o) cancelHide();\n\t\telse scheduleHide();\n\t};\n\tlet onClick = (e: MouseEvent) => {\n\t\tonClickCapture?.(e);\n\t\tif (e.defaultPrevented) return;\n\t\tif (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;\n\n\t\tlet target = e.target;\n\t\tif (!(target instanceof Element)) return;\n\t\tlet plan = target.closest(\"[data-plan-reference]\");\n\t\tif (plan && e.currentTarget.contains(plan) && onPlanOpen) {\n\t\t\te.preventDefault();\n\t\t\tonPlanOpen();\n\t\t\treturn;\n\t\t}\n\t\tlet document = target.closest(\"[data-document-uid]\");\n\t\tif (document && e.currentTarget.contains(document) && onDocumentOpen) {\n\t\t\tlet uid = document.dataset.documentUid;\n\t\t\tif (uid) {\n\t\t\t\te.preventDefault();\n\t\t\t\tonDocumentOpen(uid);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t\tif (!onLink) return;\n\t\tlet link = target.closest(\"a[href]\");\n\t\tif (!link || !e.currentTarget.contains(link)) return;\n\n\t\te.preventDefault();\n\t\tonLink(link.href);\n\t};\n\tlet onToolbarAction = (uid: string, action: MessageToolbarAction) => {\n\t\tswitch (action.type) {\n\t\t\tcase \"react\":\n\t\t\t\tonReact?.(uid, action.emoji);\n\t\t\t\tbreak;\n\t\t\tcase \"copy\":\n\t\t\t\tonCopy?.(uid);\n\t\t\t\tbreak;\n\t\t\tcase \"permalink\":\n\t\t\t\tonPermalink?.(uid);\n\t\t\t\tbreak;\n\t\t\tcase \"edit\":\n\t\t\t\tonEdit?.(uid);\n\t\t\t\tbreak;\n\t\t\tcase \"delete\":\n\t\t\t\tonDelete?.(uid);\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tlet setScroll = (handle: ScrollViewHandle | null) => {\n\t\tscroll.current = handle;\n\t\tif (typeof ref === \"function\") ref(handle);\n\t\telse if (ref) (ref as { current: ScrollViewHandle | null }).current = handle;\n\t};\n\n\tlet labels: Mention[] | undefined = mentions ?? (avatars\n\t\t? Object.entries(avatars).map(([name, avatar]) => ({ name, avatar }))\n\t\t: undefined);\n\tif (documents?.length) {\n\t\tlet signature = documents.map(document =>\n\t\t\t[document.uid, document.name, ...(document.aliases || [])].join(\"\\u0001\")\n\t\t).join(\"\\u0002\");\n\t\tlet carrier = { name: `\\uE100${signature}`, documents } as Mention & {\n\t\t\tdocuments: readonly DocumentCandidate[];\n\t\t};\n\t\tlabels = [...(labels || []), carrier];\n\t}\n\tlet blocks = useBlockMap(timeline, labels, expanded, expandedResults, undefined, !!onPlanOpen);\n\tlet requested = useRef(null);\n\tlet resolved = useRef(null);\n\n\t// Timers live outside React; clear any delayed hover or rollup work on unmount.\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (timer.current) {\n\t\t\t\tclearTimeout(timer.current);\n\t\t\t\ttimer.current = null;\n\t\t\t}\n\t\t\tfor (let id of rollup.current) clearTimeout(id);\n\t\t\trollup.current.clear();\n\t\t};\n\t}, []);\n\n\t// When a final answer arrives, keep the working context mounted long enough to roll it up before the browser paints the settled frame.\n\tuseLayoutEffect(() => {\n\t\tlet ids = finalWorkingKey ? new Set(finalWorkingKey.split(\"\\0\")) : new Set();\n\t\tlet prev = seenFinalWorking.current;\n\t\tif (!prev) {\n\t\t\tseenFinalWorking.current = ids;\n\t\t\treturn;\n\t\t}\n\n\t\tseenFinalWorking.current = ids;\n\t\tlet fresh = [...ids].filter(id => !prev.has(id));\n\t\tif (!fresh.length) return;\n\n\t\tsetSettlingWorking(prev => {\n\t\t\tlet next = new Set(prev);\n\t\t\tfor (let id of fresh) next.add(id);\n\t\t\treturn next;\n\t\t});\n\n\t\tscheduleWorkingSettle(fresh);\n\t}, [finalWorkingKey, scheduleWorkingSettle]);\n\n\t// Resolve permalink targets against the latest virtual-scroll frame, then center the row.\n\tuseEffect(() => {\n\t\tif (requested.current !== target) {\n\t\t\trequested.current = target || null;\n\t\t\tresolved.current = null;\n\t\t}\n\t\tif (!target) {\n\t\t\tresolved.current = null;\n\t\t\treturn;\n\t\t}\n\t\tif (resolved.current === target) return;\n\t\tlet index = find(timeline, target);\n\t\tif (index < 0) return;\n\n\t\tresolved.current = target;\n\t\tscroll.current?.scrollTo(index);\n\t\tlet frame = requestAnimationFrame(() => {\n\t\t\tlet row = scroll.current?.viewport()?.querySelector(\n\t\t\t\t`[data-message-id=\"${CSS.escape(target)}\"]`,\n\t\t\t);\n\t\t\trow?.scrollIntoView({ block: \"center\" });\n\t\t});\n\t\treturn () => cancelAnimationFrame(frame);\n\t}, [target, timeline]);\n\n\tlet notify = useEffectEvent((value: TimelineVisibility) => onVisibilityChange?.(value));\n\tuseLayoutEffect(() => {\n\t\tif (!onVisibilityChange || !range) return;\n\t\tlet vp = scroll.current?.viewport();\n\t\tif (!vp) return;\n\n\t\tlet rect = vp.getBoundingClientRect();\n\t\tlet messages = new Set();\n\t\tfor (let node of vp.querySelectorAll(\"[data-message-id]\")) {\n\t\t\tlet id = node.dataset.messageId;\n\t\t\tif (!id) continue;\n\n\t\t\tlet box = node.getBoundingClientRect();\n\t\t\tif (box.bottom > rect.top && box.top < rect.bottom) messages.add(id);\n\t\t}\n\n\t\tnotify({ pinned: range.pinned, messages: [...messages] });\n\t}, [range, onVisibilityChange, timeline]);\n\n\treturn {\n\t\tonExecAction,\n\t\texpandedResults,\n\t\ttoggle,\n\t\ttoggleResult,\n\t\tsetScroll,\n\t\ttimeline,\n\t\tblocks,\n\t\topenGroups,\n\t\tvisibleWorking,\n\t\tsetRange,\n\t\tonScrollStart,\n\t\tonScrollEnd,\n\t\tonClick,\n\t\tonEnter,\n\t\tonMove,\n\t\tclassName,\n\t\tstyle,\n\t\tprops,\n\t\tintro,\n\t\tworking,\n\t\tavatars,\n\t\tcurrentUser,\n\t\talignment,\n\t\ttarget,\n\t\tediting,\n\t\tunsent,\n\t\teditable,\n\t\topenWorking,\n\t\tsettlingWorking,\n\t\ttoggleWorking,\n\t\ttoggleGroup,\n\t\tonRowEnter,\n\t\tonRowLeave,\n\t\tonReact,\n\t\tonLink,\n\t\tonFileOpen,\n\t\tonDiffFileOpen,\n\t\tonReviewChanges,\n\t\tactions,\n\t\thover: toolbar ? hover : null,\n\t\tonToolbarAction,\n\t\tonOpenChange,\n\t};\n}\n\nfunction Timeline(input: TimelineProps) {\n\tlet {\n\t\tactions,\n\t\tonExecAction,\n\t\texpandedResults,\n\t\ttoggle,\n\t\ttoggleResult,\n\t\tsetScroll,\n\t\ttimeline,\n\t\tblocks,\n\t\topenGroups,\n\t\tvisibleWorking,\n\t\tsetRange,\n\t\tonScrollStart,\n\t\tonScrollEnd,\n\t\tonClick,\n\t\tonEnter,\n\t\tonMove,\n\t\tclassName,\n\t\tstyle,\n\t\tprops,\n\t\tintro,\n\t\tworking,\n\t\tavatars,\n\t\tcurrentUser,\n\t\talignment,\n\t\ttarget,\n\t\tediting,\n\t\tunsent,\n\t\teditable,\n\t\topenWorking,\n\t\tsettlingWorking,\n\t\ttoggleWorking,\n\t\ttoggleGroup,\n\t\tonRowEnter,\n\t\tonRowLeave,\n\t\tonReact,\n\t\tonLink,\n\t\tonFileOpen,\n\t\tonDiffFileOpen,\n\t\tonReviewChanges,\n\t\thover,\n\t\tonToolbarAction,\n\t\tonOpenChange,\n\t} = useTimeline(input);\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\titemHeight(timeline[i]!, blocks, Math.min(w, LANE), openGroups, visibleWorking)}\n\t\t\t\t\tgap={GAP}\n\t\t\t\t\tend={TAIL}\n\t\t\t\t\tonRangeChange={setRange}\n\t\t\t\t\tonScrollStart={onScrollStart}\n\t\t\t\t\tonScrollEnd={onScrollEnd}\n\t\t\t\t\tonClickCapture={onClick}\n\t\t\t\t\tonPointerEnter={onEnter}\n\t\t\t\t\tonPointerMove={onMove}\n\t\t\t\t\tclassName={cn(className, \"scrollbar-muted\")}\n\t\t\t\t\tstyle={style}\n\t\t\t\t\t{...props}\n\t\t\t\t>\n\t\t\t\t\t{(index, width) => {\n\t\t\t\t\t\tlet item = timeline[index]!;\n\t\t\t\t\t\tlet lane = Math.min(width, LANE);\n\t\t\t\t\t\tif (item.kind === \"day\") {\n\t\t\t\t\t\t\tlet start = index === 0 ? intro : undefined;\n\t\t\t\t\t\t\tlet first = !!start;\n\t\t\t\t\t\t\tlet label = start ? introLabel(start) : dayLabel(item.ts);\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{!first &&

}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{!first &&

}\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\tif (item.kind === \"event\") {\n\t\t\t\t\t\t\tlet content = lane - PAD * 2 - AVATAR - AVATAR_GAP;\n\t\t\t\t\t\t\treturn (\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

\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);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\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

\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\tTimeline,\n\ttype TimelineExec,\n\ttype TimelineExecAction,\n\ttype TimelineIntro,\n\ttype TimelineProps,\n\ttype TimelineVisibility,\n};\n","editable",false,"branch","documentNavigation","repo","githubnext/ace2","repoId","938fe4cd-5320-4e4f-ac7c-87d4dad8490c","ownerId","org:89615882","organization",true,"site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers","watching","pinned","notify","views",[227,228,229,230,231,232,233,234,235,236,237,238,239],"navigation",{"_56":57,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195},"sources",[],"viewer","meta",{"_176":177,"_178":179,"_180":181,"_44":31,"_182":168,"_183":31,"_50":51,"_52":51},"branches",[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,174,175],"tags",[71,72,73,74,75,76,77,78,79,80,81,82],"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",[210,211,212],"documents",{"_205":206,"_207":208},"code",{"_201":202,"_203":204},"automations",{"_198":199,"_200":-5},"delivery",{"_196":51,"_197":-5},"tag","9Rn62lcgXCFfpmCuooTjLxGyUf8","releases","applications","workflows",2,"deployments","commits",215,"changes",1,"counts",{"_209":208},"total",86,"issue",{"_213":203,"_215":225,"_15":203,"_217":226,"_54":41,"_219":31,"_220":41,"_221":204},{"_213":222,"_215":223,"_15":222,"_217":224,"_54":41,"_219":31,"_220":41,"_221":51},{"_213":214,"_215":216,"_15":214,"_217":218,"_54":41,"_219":31,"_220":41,"_221":208},"id","issues","name","Issues","filters",{},"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_213":203,"_215":225,"_15":203,"_217":270,"_54":41,"_219":31,"_220":41},{"_213":222,"_215":223,"_15":222,"_217":269,"_54":41,"_219":31,"_220":41},{"_213":214,"_215":216,"_15":214,"_217":268,"_54":41,"_219":31,"_220":41},{"_213":265,"_215":266,"_15":265,"_217":267,"_54":31,"_219":31,"_220":41},{"_213":262,"_215":263,"_15":262,"_217":264,"_54":31,"_219":31,"_220":41},{"_213":198,"_215":260,"_15":190,"_217":261,"_54":31,"_219":31,"_220":41},{"_213":200,"_215":257,"_15":258,"_217":259,"_54":31,"_219":31,"_220":41},{"_213":196,"_215":255,"_15":196,"_217":256,"_54":31,"_219":31,"_220":41},{"_213":251,"_215":252,"_15":253,"_217":254,"_54":31,"_219":31,"_220":41},{"_213":186,"_215":249,"_15":186,"_217":250,"_54":31,"_219":31,"_220":31},{"_213":246,"_215":247,"_15":246,"_217":248,"_54":31,"_219":31,"_220":31},{"_213":243,"_215":244,"_15":243,"_217":245,"_54":31,"_219":31,"_220":31},{"_213":240,"_215":241,"_15":240,"_217":242,"_54":31,"_219":31,"_220":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794610879498,"sidebar","expanded"]