@agimon-ai/po-web-dashboard 0.0.0-alpha.0

package/dist/web/features/session/Timeline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.cjs","names":["personaInitials","Avatar","AvatarImage","AvatarFallback","UserIcon","Button","RewindIcon","QuoteIcon","pluginToolRenderer","ToolCard","MessageItemGroup","groupTone","groupSummary","memo","useRef","appendComposerQuote","focusPrompt","MessageMarkdown","isSupportedImageMimeType","MentionPreviews","parseFileMentions","rewindToMessage","StreamCursor","Separator","AlertIcon","SparklesIcon","Fragment","useStore","useActiveSession","useFileLinks","useOpenTab","useWebPluginRegistry","usePluginSlotProps","useMemo","pluginUserMessageActions","useCallback","fileTabForPath","timelineUnits","useVirtualizer","useState","requestLatestHistory","requestOlderHistory","requestNewerHistory","ChevronDownIcon","sessionsStore","useActivityGroups","sessionStoreFor","EmptyState","submitMessageWithAck","ExternalLinkIcon"],"sources":["../../../../src/web/features/session/Timeline.tsx"],"sourcesContent":["import type { UserMessageActionRunContext, WebPluginSlotProps } from '@agimon-ai/po-core/web';\nimport {\n  AlertIcon,\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  Button,\n  ChevronDownIcon,\n  EmptyState,\n  ExternalLinkIcon,\n  MessageItemGroup,\n  QuoteIcon,\n  RewindIcon,\n  Separator,\n  SparklesIcon,\n  StreamCursor,\n  UserIcon,\n} from '@agimon-ai/po-web-components';\nimport { useStore } from '@tanstack/react-store';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport type { Store } from '@tanstack/store';\nimport { Fragment, memo, type ReactNode, useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport { fileTabForPath, useActivityGroups, useFileLinks } from '../../lib/composition';\nimport { parseFileMentions } from '../../lib/fileMentions';\nimport { pluginToolRenderer, pluginUserMessageActions } from '../../lib/pluginRegistry';\nimport { focusPrompt } from '../../lib/promptFocus';\nimport {\n  isSupportedImageMimeType,\n  type ProfileIdentity,\n  type SessionState,\n  type TimelineEntry,\n  type ToolEntry,\n} from '../../lib/sessionModel';\nimport { personaInitials } from '../../lib/sessionSummary';\nimport { groupSummary, groupTone, timelineUnits } from '../../lib/timelineGroups';\nimport { appendComposerQuote } from '../../stores/composerStore';\nimport { sessionsStore } from '../../stores/sessionsStore';\nimport {\n  requestOlderHistory,\n  requestNewerHistory,\n  requestLatestHistory,\n  rewindToMessage,\n  sessionStoreFor,\n  submitMessageWithAck,\n  useActiveSession,\n} from '../../stores/sessionStore';\nimport { openTransientTab } from '../../stores/transientTabsStore';\nimport { useOpenTab } from '../../stores/useOpenTab';\nimport { usePluginSlotProps } from '../../stores/usePluginSlotProps';\nimport { useWebPluginRegistry } from '../../stores/useWebPluginRegistry';\nimport { MentionPreviews } from './MentionPreviews';\nimport { MessageMarkdown, type MessageFileLinkHandler } from './MessageMarkdown';\nimport { ToolCard } from './ToolCard';\n\nconst SUGGESTIONS = [\n  'Review the working tree and summarise the diff',\n  'Run the affected nx targets and report failures',\n  'Explain how the session socket handshake works',\n];\n\n/** Closer than this to the end counts as reading the latest, so new frames keep the view pinned. */\nconst PINNED_THRESHOLD_PX = 200;\n/** Closer than this to the top asks for the window above, before the reader hits the edge. */\nconst PAGE_BACK_THRESHOLD_PX = 400;\n/**\n * Entries at the end that are never skipped.\n *\n * Containment makes a skipped entry report its placeholder height, so a\n * transcript whose tail is contained has a scroll height that is only an\n * estimate, and following the newest line lands short of it. The tail is also\n * the part a reader is nearly always looking at, so there is nothing to skip\n * there; everything above it is what makes a long session slow.\n */\n\nfunction noticeHref(line: string): string | null {\n  if (/\\s/u.test(line) || !/^https?:\\/\\//i.test(line)) return null;\n\n  try {\n    const url = new URL(line);\n    if ((url.protocol !== 'http:' && url.protocol !== 'https:') || !url.host || url.username || url.password) {\n      return null;\n    }\n    return url.href;\n  } catch {\n    return null;\n  }\n}\n\n/** Two letters from a persona name, so a profile without an icon is still distinct. */\nfunction SpeakerAvatar({ speaker, identity }: { speaker: 'assistant' | 'user'; identity?: ProfileIdentity | null }) {\n  if (speaker === 'assistant') {\n    // The icon arrives as a bounded data URL on the journalled identity entry,\n    // so a persona without one, or with one that failed to load, still renders.\n    const label = identity?.name ?? identity?.profile ?? 'Po';\n    const fallback = identity ? personaInitials(label) : 'PO';\n    return (\n      <Avatar aria-label={label} className=\"size-9 shrink-0 border border-doom-border-soft bg-doom-deep p-1\">\n        <AvatarImage src={identity?.icon ?? '/favicon.svg'} alt=\"\" />\n        <AvatarFallback className=\"text-doom-magenta\">{fallback}</AvatarFallback>\n      </Avatar>\n    );\n  }\n\n  return (\n    <Avatar aria-label=\"You\" className=\"size-9 shrink-0 border border-doom-border bg-doom-panel\">\n      <AvatarFallback className=\"bg-doom-panel text-doom-dim\">\n        <UserIcon aria-hidden=\"true\" className=\"size-4\" />\n      </AvatarFallback>\n    </Avatar>\n  );\n}\n\ntype UserMessageActions = ReturnType<typeof pluginUserMessageActions>;\n\nfunction MessageActions({\n  actions,\n  disabled,\n  actionsDisabled,\n  onQuote,\n  onRewind,\n  userMessage,\n}: {\n  actions: UserMessageActions;\n  disabled: boolean;\n  actionsDisabled: boolean;\n  onQuote: () => void;\n  onRewind: () => void;\n  userMessage?: UserMessageActionRunContext;\n}) {\n  return (\n    <div\n      data-testid=\"entry-actions\"\n      className=\"pointer-events-none absolute right-1 bottom-0 z-10 flex max-w-[calc(100%-0.5rem)] translate-y-1/2 flex-wrap justify-end gap-1 rounded-md border border-doom-border-soft bg-doom-panel p-0.5 opacity-0 shadow-sm transition-opacity group-hover/message:pointer-events-auto group-hover/message:opacity-100 group-focus-within/message:pointer-events-auto group-focus-within/message:opacity-100 [@media(hover:none)]:pointer-events-auto [@media(hover:none)]:opacity-100\"\n    >\n      {userMessage\n        ? actions.map((action) => {\n            const ActionIcon = action.icon;\n            return (\n              <Button\n                key={`${action.pluginId}.${action.id}`}\n                variant=\"subtle\"\n                size={ActionIcon ? 'icon' : 'sm'}\n                data-testid=\"entry-plugin-action\"\n                aria-label={action.label}\n                title={action.label}\n                disabled={actionsDisabled}\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => action.run(userMessage)}\n                className={ActionIcon ? 'border-0 shadow-none' : 'h-6 border-0 px-2 shadow-none'}\n              >\n                {ActionIcon ? <ActionIcon aria-hidden={true} className=\"h-3 w-3\" /> : action.label}\n              </Button>\n            );\n          })\n        : null}\n      <Button\n        variant=\"subtle\"\n        size=\"icon\"\n        data-testid=\"entry-rewind\"\n        aria-label=\"Rewind to message\"\n        title={disabled ? 'Wait for the current response before rewinding' : 'Rewind to message'}\n        disabled={disabled || actionsDisabled}\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={onRewind}\n        className=\"border-0 shadow-none\"\n      >\n        <RewindIcon aria-hidden=\"true\" className=\"h-3 w-3\" />\n      </Button>\n      <Button\n        variant=\"subtle\"\n        size=\"icon\"\n        data-testid=\"entry-quote\"\n        aria-label=\"Quote message\"\n        title=\"Quote message\"\n        disabled={actionsDisabled}\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={onQuote}\n        className=\"border-0 shadow-none\"\n      >\n        <QuoteIcon aria-hidden=\"true\" className=\"h-3 w-3\" />\n      </Button>\n    </div>\n  );\n}\n\n/** The message's wall-clock time, quiet at the end of its first line; nothing when the entry carries none. */\nfunction MessageTime({ timestamp }: { timestamp: number | undefined }) {\n  if (timestamp === undefined) return null;\n  const at = new Date(timestamp);\n  return (\n    <time\n      data-testid=\"entry-time\"\n      dateTime={at.toISOString()}\n      className=\"shrink-0 pt-0.5 text-sm text-doom-dim tabular-nums\"\n    >\n      {at.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' })}\n    </time>\n  );\n}\nfunction ToolEntryRow({\n  entry,\n  slotProps,\n  statuses,\n}: {\n  entry: Extract<TimelineEntry, { kind: 'tool' }>;\n  slotProps: WebPluginSlotProps;\n  statuses: Readonly<Record<string, string>>;\n}) {\n  const presentation = pluginToolRenderer(entry.name, statuses)?.timelinePresentation ?? 'tool';\n  return (\n    <div\n      data-testid=\"entry-tool-row\"\n      data-tool-presentation={presentation}\n      className={presentation === 'tool' ? 'min-w-0 sm:pl-12' : 'min-w-0'}\n    >\n      <ToolCard entry={entry} slotProps={slotProps} statuses={statuses} />\n    </div>\n  );\n}\n\n/**\n * A run of calls to one tool, under one frame, indented to the message column. The rows\n * inside are the same cards the tool renders on its own; the group only takes\n * their border, so each call still opens and closes by itself.\n */\nfunction ToolGroupRow({\n  name,\n  entries,\n  slotProps,\n  statuses,\n}: {\n  name: string;\n  entries: readonly ToolEntry[];\n  slotProps: WebPluginSlotProps;\n  statuses: Readonly<Record<string, string>>;\n}) {\n  return (\n    <div data-testid=\"entry-tool-row\" data-tool-presentation=\"tool\" className=\"min-w-0 sm:pl-12\">\n      <MessageItemGroup\n        data-testid=\"entry-tool-group\"\n        data-tool-name={name}\n        data-tool-count={entries.length}\n        tone={groupTone(entries)}\n        title={name}\n        summary={`· ${groupSummary(entries)}`}\n        className=\"min-w-0\"\n      >\n        {entries.map((entry) => (\n          <ToolCard key={entry.id} entry={entry} slotProps={slotProps} statuses={statuses} />\n        ))}\n      </MessageItemGroup>\n    </div>\n  );\n}\ninterface EntryProps {\n  entry: TimelineEntry;\n  onFileLink: MessageFileLinkHandler;\n  pluginActions: UserMessageActions;\n  sessionId: string | null;\n  sessionIdentity: ProfileIdentity | null;\n  sessionStreaming: boolean;\n  runtimeActionsDisabled: boolean;\n  slotProps: WebPluginSlotProps;\n  toolStatuses: Readonly<Record<string, string>>;\n  /** A grid card or thread fold: prose drops from the conversation's 15px to 13px. */\n  compact: boolean;\n}\n\nconst Entry = memo(function Entry({\n  entry,\n  onFileLink,\n  pluginActions,\n  sessionId,\n  sessionIdentity,\n  sessionStreaming,\n  runtimeActionsDisabled,\n  slotProps,\n  toolStatuses,\n  compact,\n}: EntryProps) {\n  const quoteSource = useRef<HTMLDivElement>(null);\n  const quoteMessage = (text: string): void => {\n    const selection = window.getSelection();\n    const source = quoteSource.current;\n    const selected =\n      source !== null &&\n      selection !== null &&\n      !selection.isCollapsed &&\n      selection.anchorNode !== null &&\n      selection.focusNode !== null &&\n      source.contains(selection.anchorNode) &&\n      source.contains(selection.focusNode)\n        ? selection.toString()\n        : text;\n    const caret = appendComposerQuote(sessionId, selected);\n    if (caret !== null) requestAnimationFrame(() => focusPrompt(caret));\n  };\n\n  if (entry.kind === 'user') {\n    return (\n      <div data-testid=\"entry-user\" className=\"group/message flex flex-row-reverse items-start gap-3\">\n        <SpeakerAvatar speaker=\"user\" />\n        {/* Mirrored and shrink-wrapped, so who spoke reads at a glance. */}\n        <div className=\"relative min-w-0 max-w-4/5\">\n          <div\n            ref={quoteSource}\n            className={`flex flex-col gap-2 rounded-lg bg-doom-rail px-4 py-3 leading-relaxed break-words text-doom-hi ${compact ? 'text-base' : 'text-lg'}`}\n          >\n            <div className=\"flex items-start gap-4\">\n              <div className=\"min-w-0 flex-1\">\n                <MessageMarkdown sessionId={sessionId} onFileLink={onFileLink} text={entry.text} />\n              </div>\n              <MessageTime timestamp={entry.timestamp} />\n            </div>\n            {entry.images && entry.images.length > 0 ? (\n              <div data-testid=\"user-attachments\" className=\"flex flex-wrap gap-2\">\n                {entry.images\n                  .filter((image) => isSupportedImageMimeType(image.mimeType))\n                  .map((image, index) => (\n                    <img\n                      key={`${image.mimeType}:${image.data.slice(0, 24)}:${String(index)}`}\n                      src={`data:${image.mimeType};base64,${image.data}`}\n                      alt={`Attachment ${String(index + 1)}`}\n                      data-testid=\"user-attached-image\"\n                      className=\"h-auto max-h-80 max-w-full rounded-md object-contain\"\n                    />\n                  ))}\n              </div>\n            ) : null}\n            {sessionId ? (\n              <MentionPreviews sessionId={sessionId} mentions={parseFileMentions(entry.text)} onFileLink={onFileLink} />\n            ) : null}\n          </div>\n          <MessageActions\n            actions={pluginActions}\n            disabled={sessionStreaming}\n            actionsDisabled={runtimeActionsDisabled}\n            onQuote={() => quoteMessage(entry.text)}\n            onRewind={() => rewindToMessage(entry.id, sessionId)}\n            userMessage={\n              sessionId !== null && entry.text.trim().length > 0\n                ? { sessionId, messageId: entry.id, text: entry.text }\n                : undefined\n            }\n          />\n        </div>\n      </div>\n    );\n  }\n\n  if (entry.kind === 'assistant') {\n    return (\n      <div\n        data-testid=\"entry-assistant\"\n        data-streaming={entry.streaming}\n        className=\"group/message flex items-start gap-3\"\n      >\n        <SpeakerAvatar speaker=\"assistant\" identity={entry.identity ?? sessionIdentity} />\n        <div className=\"relative min-w-0 flex-1\">\n          <div className=\"flex items-start gap-4 px-1 pt-1.5\">\n            <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n              {entry.thinking ? (\n                <div\n                  data-testid=\"entry-thinking\"\n                  // Thinking stays quiet and neutral, even when its Markdown source\n                  // uses strong emphasis for status updates.\n                  className={`font-normal text-doom-dim [&_p]:whitespace-pre-wrap [&_strong]:font-normal [&_strong]:text-doom-dim ${compact ? 'text-sm' : 'text-base'}`}\n                >\n                  <MessageMarkdown sessionId={sessionId} onFileLink={onFileLink} text={entry.thinking} />\n                </div>\n              ) : null}\n              <div\n                ref={quoteSource}\n                data-testid=\"entry-text\"\n                className={`leading-relaxed break-words text-doom-text ${compact ? 'text-base' : 'text-lg'}`}\n              >\n                <MessageMarkdown sessionId={sessionId} onFileLink={onFileLink} text={entry.text} />\n                {entry.streaming ? <StreamCursor /> : null}\n              </div>\n            </div>\n            {entry.streaming ? null : <MessageTime timestamp={entry.timestamp} />}\n          </div>\n          <MessageActions\n            actions={pluginActions}\n            disabled={sessionStreaming}\n            actionsDisabled={runtimeActionsDisabled}\n            onQuote={() => quoteMessage(entry.text)}\n            onRewind={() => rewindToMessage(entry.id, sessionId)}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  if (entry.kind === 'tool') return <ToolEntryRow entry={entry} slotProps={slotProps} statuses={toolStatuses} />;\n\n  if (entry.kind === 'settled') {\n    return (\n      <div data-testid=\"entry-settled\" className=\"flex items-center gap-3 sm:pl-12\">\n        <Separator className=\"flex-1\" />\n        <span className=\"text-sm text-doom-dim\">\n          Agent settled{entry.tools > 0 ? ` · ${entry.tools} tool${entry.tools === 1 ? '' : 's'}` : ''}\n        </span>\n        <Separator className=\"flex-1\" />\n      </div>\n    );\n  }\n\n  if (entry.kind === 'queued') return null;\n  // A notice: the agent's own aside (a mode switch, a refusal). Only an error\n  // shouts; an informational one reads as a quiet line in Po's voice.\n  const isError = entry.tone === 'error';\n  return (\n    <div data-testid=\"entry-notice\" data-tone={entry.tone} className=\"flex items-start gap-2.5\">\n      <span\n        aria-hidden\n        className={`grid size-5 shrink-0 place-items-center rounded-full ${\n          isError ? 'bg-doom-tint-red text-doom-red' : 'bg-doom-tint-green text-doom-green'\n        }`}\n      >\n        {isError ? <AlertIcon className=\"size-3.5\" /> : <SparklesIcon className=\"size-3\" />}\n      </span>\n      <p\n        className={`min-w-0 flex-1 whitespace-pre-wrap break-words text-base ${isError ? 'text-doom-red' : 'text-doom-dim'}`}\n      >\n        {entry.text.split(/(\\s+)/u).map((part, index) => {\n          const href = noticeHref(part);\n          return (\n            <Fragment key={index}>\n              {href === null ? (\n                part\n              ) : (\n                <a href={href} target=\"_blank\" rel=\"noopener noreferrer\" className=\"underline underline-offset-2\">\n                  {part}\n                </a>\n              )}\n            </Fragment>\n          );\n        })}\n      </p>\n    </div>\n  );\n}, entriesEqual);\n\nfunction entriesEqual(previous: EntryProps, next: EntryProps): boolean {\n  if (previous.entry !== next.entry || previous.sessionId !== next.sessionId || previous.compact !== next.compact)\n    return false;\n  if (next.entry.kind === 'tool') {\n    return previous.slotProps === next.slotProps && previous.toolStatuses === next.toolStatuses;\n  }\n  if (next.entry.kind === 'user') {\n    return (\n      previous.onFileLink === next.onFileLink &&\n      previous.pluginActions === next.pluginActions &&\n      previous.sessionStreaming === next.sessionStreaming &&\n      previous.runtimeActionsDisabled === next.runtimeActionsDisabled\n    );\n  }\n  if (next.entry.kind === 'assistant') {\n    return (\n      previous.onFileLink === next.onFileLink &&\n      previous.sessionIdentity === next.sessionIdentity &&\n      previous.sessionStreaming === next.sessionStreaming &&\n      previous.runtimeActionsDisabled === next.runtimeActionsDisabled\n    );\n  }\n  return true;\n}\n\nfunction BackgroundWorkNotice() {\n  return (\n    <output data-testid=\"background-work-notice\" className=\"mt-auto flex shrink-0 justify-center px-3 pt-2 pb-3\">\n      <span className=\"max-w-lg rounded-md border border-doom-yellow/40 bg-doom-panel px-3 py-2 text-center text-sm leading-relaxed text-doom-yellow\">\n        Background work is still running. The agent will resume when results are ready.\n      </span>\n    </output>\n  );\n}\n\n/**\n * One transcript, whichever fold it reads: the focused session's own, or a\n * thread of it. Owns the scroll pinning; the caller owns the empty state and\n * the session the entries' tool cards act on.\n *\n * `limit` and `compact` are for a fold that is not a whole surface, such as a\n * grid card: only the newest entries, drawn tighter, with no history paging\n * and no jump control, because a card is a glance and not a place to read.\n */\nexport function Transcript({\n  store,\n  sessionId,\n  historyKey = sessionId,\n  empty,\n  testId = 'timeline',\n  backgroundWorkActive = false,\n  runtimeActionsDisabled = false,\n  limit,\n  compact = false,\n}: {\n  store: Store<SessionState>;\n  sessionId: string | null;\n  historyKey?: string | null;\n  empty: ReactNode;\n  testId?: string;\n  backgroundWorkActive?: boolean;\n  runtimeActionsDisabled?: boolean;\n  limit?: number;\n  compact?: boolean;\n}) {\n  'use no memo';\n  const entries = useStore(store, (state) => state.entries);\n  const hasNewerHistory = useStore(store, (state) => state.hasNewerHistory);\n  // Pi's protocol transcript carries no persona, and a history window taken from\n  // the middle of a session carries no identity entry either, so an entry from\n  // those paths has no stamp of its own. The fold's current persona is the honest\n  // answer for one of them, and it corrects itself when the identity lands late,\n  // which a stamp written at merge time cannot do.\n  const sessionIdentity = useStore(store, (state) => state.profileIdentity);\n  const sessionStreaming = useActiveSession((state) => state.streaming);\n  const toolStatuses = useActiveSession((state) => state.statuses);\n  const resolveFileLink = useFileLinks(sessionId);\n  const openTab = useOpenTab();\n  const registryRevision = useWebPluginRegistry();\n  const slotProps = usePluginSlotProps(sessionId);\n  const pluginActions = useMemo(() => {\n    void registryRevision;\n    return pluginUserMessageActions();\n  }, [registryRevision]);\n  const onFileLink = useCallback<MessageFileLinkHandler>(\n    (label, explicit = false) => {\n      if (sessionId === null) return undefined;\n      const tab = explicit ? fileTabForPath(sessionId, label) : resolveFileLink(label);\n      if (tab === undefined) return undefined;\n      return () => {\n        openTransientTab(sessionId, tab);\n        openTab(tab.id);\n      };\n    },\n    [openTab, resolveFileLink, sessionId],\n  );\n  const visibleEntries = useMemo(() => {\n    const shown = entries.filter((entry) => entry.kind !== 'queued');\n    return limit === undefined ? shown : shown.slice(-limit);\n  }, [entries, limit]);\n  // A tool that presents itself as a message has no frame to share, so only\n  // the card-shaped ones are gathered into runs.\n  const units = useMemo(() => {\n    void registryRevision;\n    return timelineUnits(\n      visibleEntries,\n      (name) => (pluginToolRenderer(name, toolStatuses)?.timelinePresentation ?? 'tool') === 'tool',\n    );\n  }, [registryRevision, toolStatuses, visibleEntries]);\n  const scroller = useRef<HTMLDivElement>(null);\n  const unitKey = useCallback(\n    (index: number): string => {\n      const unit = units[index]!;\n      return unit.kind === 'group' ? `group-${unit.entries[0]?.id ?? ''}` : unit.entry.id;\n    },\n    [units],\n  );\n  // This component opts out of compiler memoization because the virtualizer is mutable.\n  // oxlint-disable-next-line react/incompatible-library\n  const virtualizer = useVirtualizer({\n    count: units.length,\n    getScrollElement: () => scroller.current,\n    estimateSize: () => 80,\n    overscan: 8,\n    getItemKey: unitKey,\n    initialRect: { width: 0, height: 800 },\n  });\n  // Rows start at the 80px estimate and grow once measured. The layout effect\n  // watches this so a measured row is followed like a new one.\n  const totalSize = virtualizer.getTotalSize();\n  // The transcript's height as of the last entry. Whether to follow the newest\n  // line is decided against this rather than against a scroll event, because\n  // an event fires after the fact and a fast run can grow the transcript\n  // before the browser has reported the reader's scroll.\n  const lastHeight = useRef(0);\n  const lastLayoutEntries = useRef(visibleEntries);\n  const following = useRef(true);\n  const [unread, setUnread] = useState(false);\n  // Where the bottom of the transcript sat before a window was prepended.\n  // Restoring against this is what keeps the reader's place: prepending grows\n  // the scroll height above them, and the browser would otherwise leave the\n  // viewport where it was and the content would appear to jump.\n  const anchor = useRef<{ key: string; offset: number } | null>(null);\n  // The first entry's key. A window prepended above the reader changes it, and\n  // nothing else does: an entry arriving at the bottom, or the streaming one\n  // growing, leaves the top of the transcript alone. That is the difference\n  // between holding the reader's place and refusing to follow a live run.\n  const firstId = useRef<string | null>(null);\n\n  const atBottom = (element: HTMLDivElement, height: number): boolean =>\n    element.scrollTop + element.clientHeight >= height - PINNED_THRESHOLD_PX;\n\n  const followLatest = (): void => {\n    const element = scroller.current;\n    if (!element || !following.current) return;\n    element.scrollTop = Math.max(0, element.scrollHeight - element.clientHeight);\n    setUnread(false);\n  };\n\n  const jumpToLatest = (): void => {\n    following.current = true;\n    setUnread(false);\n    if (!requestLatestHistory(historyKey)) followLatest();\n  };\n\n  /** Reaching the bottom by hand is the same as never having left it. */\n  const onScroll = (): void => {\n    const element = scroller.current;\n    if (!element) return;\n    const bottom = atBottom(element, element.scrollHeight);\n    following.current = bottom;\n    if (bottom) setUnread(false);\n    // A compact fold shows a fixed tail of a live thread; asking for the\n    // window above it would page history nobody can read there.\n    if (\n      !compact &&\n      ((element.scrollTop <= PAGE_BACK_THRESHOLD_PX && requestOlderHistory(historyKey)) ||\n        (bottom && requestNewerHistory(historyKey)))\n    ) {\n      following.current = false;\n      const item = virtualizer.getVirtualItems().find((candidate) => candidate.end > element.scrollTop);\n      if (item) anchor.current = { key: String(item.key), offset: element.scrollTop - item.start };\n    }\n  };\n\n  /** Wheel input is explicit intent to leave the live tail. */\n  const onWheel = (): void => {\n    following.current = false;\n  };\n\n  // A different fold starts at the bottom of its transcript. The unread badge\n  // is cleared during render so the new fold never paints the old fold's badge;\n  // the scroll bookkeeping stays in the layout effect, where refs belong.\n  const [shownStore, setShownStore] = useState(store);\n  if (shownStore !== store) {\n    setShownStore(store);\n    setUnread(false);\n  }\n  useLayoutEffect(() => {\n    lastHeight.current = 0;\n    firstId.current = null;\n    anchor.current = null;\n    following.current = true;\n  }, [store]);\n\n  useLayoutEffect(() => {\n    const element = scroller.current;\n    if (!element) return;\n    const entriesChanged = lastLayoutEntries.current !== visibleEntries;\n    lastLayoutEntries.current = visibleEntries;\n    // Registry/status regrouping can resize unchanged entries. A no-op regroup\n    // must not manufacture unread activity for someone reading older content.\n    if (!entriesChanged && element.scrollHeight === lastHeight.current) return;\n    // A prepended window grew the transcript upwards; hold the reader where\n    // they were by moving down by exactly what appeared above them.\n    const held = anchor.current;\n    const prepended =\n      visibleEntries.length > 0 && firstId.current !== null && visibleEntries[0]?.id !== firstId.current;\n    firstId.current = visibleEntries[0]?.id ?? null;\n    if (held !== null && prepended) {\n      anchor.current = null;\n      const index = units.findIndex((_unit, position) => unitKey(position) === held.key);\n      if (index >= 0) {\n        const offset = virtualizer.getOffsetForIndex(index, 'start')?.[0];\n        if (offset !== undefined) element.scrollTop = offset + held.offset;\n        lastHeight.current = element.scrollHeight;\n        return;\n      }\n    }\n    // The first layout and later streaming growth pin directly to the live tail.\n    // Repeated easing fights the changing target and makes token streaming jitter.\n    if (lastHeight.current === 0) {\n      element.scrollTop = element.scrollHeight;\n      lastHeight.current = element.scrollHeight;\n      following.current = true;\n      setUnread(false);\n      return;\n    }\n    // Measuring a row the estimate got wrong grows the transcript with nothing\n    // new in it. A reader sitting on the old bottom stays on the bottom, and\n    // nobody else is told there is new activity, because there is none.\n    if (!entriesChanged) {\n      const pinned = element.scrollTop + element.clientHeight >= lastHeight.current - 1;\n      lastHeight.current = element.scrollHeight;\n      if (pinned) {\n        following.current = true;\n        followLatest();\n      }\n      return;\n    }\n    const shouldFollow = following.current || atBottom(element, lastHeight.current);\n    lastHeight.current = element.scrollHeight;\n    if (shouldFollow) {\n      following.current = true;\n      setUnread(false);\n      followLatest();\n      return;\n    }\n    setUnread(true);\n  }, [units, visibleEntries, virtualizer, unitKey, totalSize]);\n\n  if (visibleEntries.length === 0) {\n    return (\n      <div className=\"relative flex min-h-0 flex-1 flex-col overflow-y-auto\">\n        {empty}\n        {backgroundWorkActive ? <BackgroundWorkNotice /> : null}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"relative flex min-h-0 flex-1 flex-col\">\n      <div\n        ref={scroller}\n        onScroll={onScroll}\n        onWheel={onWheel}\n        data-testid={testId}\n        className={compact ? 'flex-1 overflow-y-auto px-2.5 py-2' : 'flex-1 overflow-y-auto px-2 py-4 sm:py-5'}\n      >\n        <div style={{ height: totalSize, position: 'relative', width: '100%' }}>\n          {virtualizer.getVirtualItems().map((row) => {\n            const unit = units[row.index]!;\n            return (\n              <div\n                key={row.key}\n                data-index={row.index}\n                ref={virtualizer.measureElement}\n                style={{\n                  position: 'absolute',\n                  top: 0,\n                  left: 0,\n                  width: '100%',\n                  transform: `translateY(${row.start}px)`,\n                  paddingBottom: compact ? 8 : 20,\n                }}\n              >\n                {unit.kind === 'group' ? (\n                  <ToolGroupRow name={unit.name} entries={unit.entries} slotProps={slotProps} statuses={toolStatuses} />\n                ) : (\n                  <Entry\n                    entry={unit.entry}\n                    onFileLink={onFileLink}\n                    pluginActions={pluginActions}\n                    sessionId={sessionId}\n                    sessionIdentity={sessionIdentity}\n                    sessionStreaming={sessionStreaming}\n                    runtimeActionsDisabled={runtimeActionsDisabled}\n                    slotProps={slotProps}\n                    toolStatuses={toolStatuses}\n                    compact={compact}\n                  />\n                )}\n              </div>\n            );\n          })}\n        </div>\n        {backgroundWorkActive ? <BackgroundWorkNotice /> : null}\n      </div>\n      {(unread || hasNewerHistory) && !compact ? (\n        <Button\n          variant=\"subtle\"\n          size=\"sm\"\n          data-testid=\"timeline-jump\"\n          onClick={jumpToLatest}\n          className=\"absolute bottom-3 left-1/2 -translate-x-1/2 border border-doom-border shadow-lg animate-doom-rise\"\n        >\n          <ChevronDownIcon className=\"h-3 w-3\" />\n          New activity below\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n\n/** The focused session's conversation, with saved history readable before wake. */\nexport function Timeline() {\n  const activeId = useStore(sessionsStore, (state) => state.activeId);\n  const dormant = useStore(\n    sessionsStore,\n    (state) => state.activeId !== null && state.byId[state.activeId]?.summary.dormant === true,\n  );\n  const idle = useStore(\n    sessionsStore,\n    (state) => state.activeId !== null && state.byId[state.activeId]?.summary.phase === 'idle',\n  );\n  const statuses = useActiveSession((state) => state.statuses);\n  const widgets = useActiveSession((state) => state.widgets);\n  const settled = useActiveSession((state) => state.settled);\n  // Only worth saying once the agent has stopped: while it is still running the\n  // transcript already shows the work, and the notice would just be noise.\n  const hasActiveWork = useActivityGroups(statuses, widgets, activeId).some((group) => group.active);\n  const backgroundWorkActive = idle && settled && hasActiveWork;\n  return (\n    <Transcript\n      store={sessionStoreFor(activeId)}\n      sessionId={activeId}\n      runtimeActionsDisabled={dormant}\n      backgroundWorkActive={backgroundWorkActive}\n      empty={\n        <EmptyState\n          data-testid=\"timeline\"\n          title={<span className=\"text-xl\">No messages yet</span>}\n          description={\n            dormant\n              ? 'There is no saved conversation to show yet. Waking starts the agent again when you are ready.'\n              : 'This session is attached and waiting. Anything you send goes straight to the supervised agent.'\n          }\n        >\n          {dormant ? null : (\n            <div data-testid=\"timeline-empty\" className=\"mt-2 flex w-full flex-col gap-1.5\">\n              {SUGGESTIONS.map((suggestion, index) => (\n                <Button\n                  key={suggestion}\n                  variant=\"outline\"\n                  size=\"lg\"\n                  data-testid={`suggestion-${index}`}\n                  onClick={() => {\n                    void submitMessageWithAck(suggestion);\n                  }}\n                  className=\"h-auto justify-between bg-doom-panel px-3 py-2 text-left font-normal text-doom-text\"\n                >\n                  <span className=\"flex-1 truncate\">{suggestion}</span>\n                  <ExternalLinkIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n                </Button>\n              ))}\n            </div>\n          )}\n        </EmptyState>\n      }\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/web/features/session/Timeline.d.mts

@@ -0,0 +1,28 @@
+import { SessionState } from "../../lib/sessionModel.mjs";
+import { ReactNode } from "react";
+import { Store } from "@tanstack/store";
+//#region src/web/features/session/Timeline.d.ts
+/**
+ * One transcript, whichever fold it reads: the focused session's own, or a
+ * thread of it. Owns the scroll pinning; the caller owns the empty state and
+ * the session the entries' tool cards act on.
+ *
+ * `limit` and `compact` are for a fold that is not a whole surface, such as a
+ * grid card: only the newest entries, drawn tighter, with no history paging
+ * and no jump control, because a card is a glance and not a place to read.
+ */
+export declare function Transcript({ store, sessionId, historyKey, empty, testId, backgroundWorkActive, runtimeActionsDisabled, limit, compact }: {
+  store: Store<SessionState>;
+  sessionId: string | null;
+  historyKey?: string | null;
+  empty: ReactNode;
+  testId?: string;
+  backgroundWorkActive?: boolean;
+  runtimeActionsDisabled?: boolean;
+  limit?: number;
+  compact?: boolean;
+}): import("react").JSX.Element;
+/** The focused session's conversation, with saved history readable before wake. */
+export declare function Timeline(): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Timeline.d.mts.map

package/dist/web/features/session/Timeline.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.mts","names":[],"sources":["../../../../src/web/features/session/Timeline.tsx"],"mappings":";;;;;;;;;;;;;wBAyegB,aACd,OACA,WACA,YACA,OACA,QACA,sBACA,wBACA,OACA;EAEA,OAAO,MAAM;EACb;EACA;EACA,OAAO;EACP;EACA;EACA;EACA;EACA;oBACD,IAAA;;wBA+Qe,4BAAQ,IAAA"}