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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.mjs","names":[],"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/ToolCard.cjs

@@ -0,0 +1,210 @@
+const require_pluginRegistry = require("../../lib/pluginRegistry.cjs");
+const require_sessionModel = require("../../lib/sessionModel.cjs");
+const require_toolMessageProps = require("../../lib/toolMessageProps.cjs");
+const require_ToolRendererBoundary = require("../../components/ToolRendererBoundary.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _agimon_ai_po_web_components = require("@agimon-ai/po-web-components");
+//#region src/web/features/session/ToolCard.tsx
+const MAX_PREVIEW_LINES = 12;
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function attachmentKind(mimeType) {
+	if (mimeType.startsWith("image/")) return "image";
+	if (mimeType.startsWith("audio/")) return "audio";
+	if (mimeType.startsWith("video/")) return "video";
+	if (mimeType === "application/pdf") return "pdf";
+	if (mimeType.startsWith("text/")) return "text";
+	return "file";
+}
+function attachmentName(block, index) {
+	for (const key of [
+		"title",
+		"name",
+		"filename",
+		"fileName"
+	]) if (typeof block[key] === "string" && block[key].length > 0) return block[key];
+	if (typeof block.uri === "string" && block.uri.length > 0) return block.uri.split("/").at(-1) || block.uri;
+	return `attachment-${String(index + 1)}`;
+}
+/** Binary and linked result blocks a tool returned outside its ordinary text. */
+function hostAttachments(entry) {
+	const content = entry.result?.content ?? [];
+	const images = require_sessionModel.imagesFromContent(content).map((image, index) => ({
+		kind: "image",
+		mimeType: image.mimeType,
+		name: `${entry.name}-result-${String(index + 1)}`,
+		data: image.data
+	}));
+	const details = isRecord(entry.result?.details) ? entry.result.details : void 0;
+	const other = [...content, ...Array.isArray(details?.blocks) ? details.blocks : []].flatMap((candidate, index) => {
+		if (!isRecord(candidate) || candidate.type === "text" || candidate.type === "image") return [];
+		const resource = candidate.type === "resource" && isRecord(candidate.resource) ? candidate.resource : candidate;
+		const mimeType = typeof resource.mimeType === "string" ? resource.mimeType : "application/octet-stream";
+		const data = typeof resource.data === "string" ? resource.data : typeof resource.blob === "string" ? resource.blob : void 0;
+		const text = typeof resource.text === "string" ? resource.text : void 0;
+		const uri = typeof resource.uri === "string" ? resource.uri : void 0;
+		if (data === void 0 && text === void 0 && uri === void 0) return [];
+		return [{
+			kind: attachmentKind(mimeType),
+			mimeType,
+			name: attachmentName(resource, index),
+			data,
+			text,
+			uri
+		}];
+	});
+	return [...images, ...other];
+}
+function attachmentUrl(attachment) {
+	if (attachment.data !== void 0) return `data:${attachment.mimeType};base64,${attachment.data}`;
+	if (attachment.uri === void 0) return void 0;
+	return /^(?:https?):\/\//u.test(attachment.uri) ? attachment.uri : void 0;
+}
+function HostAttachmentView({ attachment, index }) {
+	const url = attachmentUrl(attachment);
+	if (attachment.kind === "text" && attachment.text !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+		"data-testid": "tool-output-text-file",
+		className: "max-h-96 overflow-auto whitespace-pre-wrap break-words rounded-md border border-doom-border-soft p-2",
+		children: attachment.text
+	});
+	if (url !== void 0 && attachment.kind === "image") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		href: url,
+		target: "_blank",
+		rel: "noreferrer",
+		className: "self-start",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			src: url,
+			alt: attachment.name,
+			"data-testid": "tool-output-image",
+			className: "h-auto max-h-96 max-w-full rounded-md border border-doom-border-soft object-contain"
+		})
+	});
+	if (url !== void 0 && attachment.kind === "video") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("video", {
+		src: url,
+		controls: true,
+		preload: "metadata",
+		"data-testid": "tool-output-video",
+		className: "max-h-96 max-w-full self-start rounded-md border border-doom-border-soft",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("track", { kind: "captions" })
+	});
+	if (url !== void 0 && attachment.kind === "audio") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("audio", {
+		src: url,
+		controls: true,
+		preload: "metadata",
+		"data-testid": "tool-output-audio",
+		className: "w-full",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("track", { kind: "captions" })
+	});
+	if (url !== void 0 && attachment.kind === "pdf") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("iframe", {
+		src: url,
+		title: attachment.name,
+		"data-testid": "tool-output-pdf",
+		className: "h-[480px] w-full rounded-md border border-doom-border-soft bg-doom-deep"
+	});
+	return url !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+		href: url,
+		download: attachment.name,
+		target: "_blank",
+		rel: "noreferrer",
+		"data-testid": "tool-output-file",
+		className: "self-start rounded-md border border-doom-border px-3 py-2 text-doom-blue hover:border-doom-blue/60",
+		children: [
+			attachment.name,
+			" · ",
+			attachment.mimeType
+		]
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		"data-testid": "tool-output-file",
+		className: "self-start rounded-md border border-doom-border px-3 py-2 text-base text-doom-dim",
+		children: [
+			attachment.name,
+			" · ",
+			attachment.mimeType
+		]
+	}, index);
+}
+function toneOf(entry) {
+	return entry.running ? "running" : entry.isError ? "error" : "ok";
+}
+/**
+* The host's own item for a tool no plugin claims: the argument summary in
+* the header and the result's text and safe browser previews, with long text
+* clipped until expanded, on the same shell every plugin message is built from.
+*/
+function HostToolMessage({ entry }) {
+	const lines = entry.output.length > 0 ? entry.output.split("\n") : [];
+	const attachments = hostAttachments(entry);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.MessageItem, {
+		tone: toneOf(entry),
+		expandable: lines.length > MAX_PREVIEW_LINES,
+		children: ({ expanded }) => {
+			const { shown, hidden } = (0, _agimon_ai_po_web_components.collapseLines)(lines, MAX_PREVIEW_LINES, expanded);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.MessageItemHeader, {
+				title: entry.name,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: entry.argSummary
+				})
+			}), shown.length > 0 || attachments.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.MessageItemBody, {
+				className: "flex flex-col gap-2",
+				children: [
+					shown.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+						"data-testid": "tool-output",
+						className: "whitespace-pre-wrap break-words",
+						children: shown.join("\n")
+					}) : null,
+					attachments.map((attachment, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HostAttachmentView, {
+						attachment,
+						index
+					}, `${attachment.mimeType}:${attachment.name}:${String(index)}`)),
+					hidden > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.MessageItemStatus, {
+						expands: true,
+						children: [
+							"show ",
+							hidden,
+							" more line(s)"
+						]
+					}) : null
+				]
+			}) : null] });
+		}
+	});
+}
+/**
+* One tool call in the timeline. The plugin that registered the tool owns
+* the whole item through its `message` renderer, the web half of the TUI's
+* renderShell 'self'; the host only marks the row, catches a renderer that
+* throws, and stands in for a tool nobody claims.
+*/
+const ToolCard = (0, react.memo)(function ToolCard({ entry, slotProps, statuses }) {
+	const renderer = require_pluginRegistry.pluginToolRenderer(entry.name, statuses, entry.result?.details);
+	const state = toneOf(entry);
+	const props = require_toolMessageProps.toolMessageProps(slotProps, entry, statuses);
+	const hookStatus = statuses[`repository-hooks:${entry.toolCallId}:post`]?.trim();
+	const hookBadge = hookStatus ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.StatusBadge, {
+		tone: "running",
+		title: hookStatus,
+		"aria-label": hookStatus,
+		"data-testid": "tool-hook-status",
+		children: "HOOK"
+	}) : null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ToolRendererBoundary.ToolRendererBoundary, {
+		toolName: entry.name,
+		children: (failed) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-testid": "entry-tool",
+			"data-tool-name": entry.name,
+			"data-tool-state": state,
+			"data-tool-renderer": failed ? "failed" : renderer ? "plugin" : "host",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.MessageItemHeaderAccessoryContext, {
+				value: hookBadge,
+				children: renderer && !failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(renderer.message, { ...props }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HostToolMessage, { entry })
+			})
+		})
+	}, entry.toolCallId);
+});
+//#endregion
+exports.ToolCard = ToolCard;
+
+//# sourceMappingURL=ToolCard.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCard.cjs","names":["imagesFromContent","MessageItem","collapseLines","MessageItemHeader","MessageItemBody","MessageItemStatus","memo","pluginToolRenderer","toolMessageProps","StatusBadge","ToolRendererBoundary","MessageItemHeaderAccessoryContext"],"sources":["../../../../src/web/features/session/ToolCard.tsx"],"sourcesContent":["import type { WebPluginSlotProps } from '@agimon-ai/po-core/web';\nimport {\n  collapseLines,\n  MessageItem,\n  MessageItemBody,\n  MessageItemHeader,\n  MessageItemHeaderAccessoryContext,\n  StatusBadge,\n  MessageItemStatus,\n  type StatusTone,\n} from '@agimon-ai/po-web-components';\nimport { memo } from 'react';\n\nimport { ToolRendererBoundary } from '../../components/ToolRendererBoundary';\nimport { pluginToolRenderer } from '../../lib/pluginRegistry';\nimport { imagesFromContent, type ToolEntry } from '../../lib/sessionModel';\nimport { toolMessageProps } from '../../lib/toolMessageProps';\n\nconst MAX_PREVIEW_LINES = 12;\n\ntype AttachmentKind = 'image' | 'audio' | 'video' | 'pdf' | 'text' | 'file';\n\ninterface HostAttachment {\n  kind: AttachmentKind;\n  mimeType: string;\n  name: string;\n  data?: string;\n  text?: string;\n  uri?: string;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction attachmentKind(mimeType: string): AttachmentKind {\n  if (mimeType.startsWith('image/')) return 'image';\n  if (mimeType.startsWith('audio/')) return 'audio';\n  if (mimeType.startsWith('video/')) return 'video';\n  if (mimeType === 'application/pdf') return 'pdf';\n  if (mimeType.startsWith('text/')) return 'text';\n  return 'file';\n}\n\nfunction attachmentName(block: Record<string, unknown>, index: number): string {\n  for (const key of ['title', 'name', 'filename', 'fileName']) {\n    if (typeof block[key] === 'string' && block[key].length > 0) return block[key];\n  }\n  if (typeof block.uri === 'string' && block.uri.length > 0) return block.uri.split('/').at(-1) || block.uri;\n  return `attachment-${String(index + 1)}`;\n}\n\n/** Binary and linked result blocks a tool returned outside its ordinary text. */\nfunction hostAttachments(entry: ToolEntry): HostAttachment[] {\n  const content = entry.result?.content ?? [];\n  const images: HostAttachment[] = imagesFromContent(content).map((image, index) => ({\n    kind: 'image',\n    mimeType: image.mimeType,\n    name: `${entry.name}-result-${String(index + 1)}`,\n    data: image.data,\n  }));\n  const details = isRecord(entry.result?.details) ? entry.result.details : undefined;\n  const blocks = [...content, ...(Array.isArray(details?.blocks) ? details.blocks : [])];\n  const other = blocks.flatMap((candidate, index): HostAttachment[] => {\n    if (!isRecord(candidate) || candidate.type === 'text' || candidate.type === 'image') return [];\n    const resource = candidate.type === 'resource' && isRecord(candidate.resource) ? candidate.resource : candidate;\n    const mimeType = typeof resource.mimeType === 'string' ? resource.mimeType : 'application/octet-stream';\n    const data =\n      typeof resource.data === 'string' ? resource.data : typeof resource.blob === 'string' ? resource.blob : undefined;\n    const text = typeof resource.text === 'string' ? resource.text : undefined;\n    const uri = typeof resource.uri === 'string' ? resource.uri : undefined;\n    if (data === undefined && text === undefined && uri === undefined) return [];\n    return [{ kind: attachmentKind(mimeType), mimeType, name: attachmentName(resource, index), data, text, uri }];\n  });\n  return [...images, ...other];\n}\n\nfunction attachmentUrl(attachment: HostAttachment): string | undefined {\n  if (attachment.data !== undefined) return `data:${attachment.mimeType};base64,${attachment.data}`;\n  if (attachment.uri === undefined) return undefined;\n  return /^(?:https?):\\/\\//u.test(attachment.uri) ? attachment.uri : undefined;\n}\n\nfunction HostAttachmentView({ attachment, index }: { attachment: HostAttachment; index: number }) {\n  const url = attachmentUrl(attachment);\n  if (attachment.kind === 'text' && attachment.text !== undefined) {\n    return (\n      <pre\n        data-testid=\"tool-output-text-file\"\n        className=\"max-h-96 overflow-auto whitespace-pre-wrap break-words rounded-md border border-doom-border-soft p-2\"\n      >\n        {attachment.text}\n      </pre>\n    );\n  }\n  if (url !== undefined && attachment.kind === 'image') {\n    return (\n      <a href={url} target=\"_blank\" rel=\"noreferrer\" className=\"self-start\">\n        <img\n          src={url}\n          alt={attachment.name}\n          data-testid=\"tool-output-image\"\n          className=\"h-auto max-h-96 max-w-full rounded-md border border-doom-border-soft object-contain\"\n        />\n      </a>\n    );\n  }\n  if (url !== undefined && attachment.kind === 'video') {\n    return (\n      <video\n        src={url}\n        controls\n        preload=\"metadata\"\n        data-testid=\"tool-output-video\"\n        className=\"max-h-96 max-w-full self-start rounded-md border border-doom-border-soft\"\n      >\n        <track kind=\"captions\" />\n      </video>\n    );\n  }\n  if (url !== undefined && attachment.kind === 'audio') {\n    return (\n      <audio src={url} controls preload=\"metadata\" data-testid=\"tool-output-audio\" className=\"w-full\">\n        <track kind=\"captions\" />\n      </audio>\n    );\n  }\n  if (url !== undefined && attachment.kind === 'pdf') {\n    return (\n      <iframe\n        src={url}\n        title={attachment.name}\n        data-testid=\"tool-output-pdf\"\n        className=\"h-[480px] w-full rounded-md border border-doom-border-soft bg-doom-deep\"\n      />\n    );\n  }\n  return url !== undefined ? (\n    <a\n      href={url}\n      download={attachment.name}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      data-testid=\"tool-output-file\"\n      className=\"self-start rounded-md border border-doom-border px-3 py-2 text-doom-blue hover:border-doom-blue/60\"\n    >\n      {attachment.name} · {attachment.mimeType}\n    </a>\n  ) : (\n    <span\n      key={index}\n      data-testid=\"tool-output-file\"\n      className=\"self-start rounded-md border border-doom-border px-3 py-2 text-base text-doom-dim\"\n    >\n      {attachment.name} · {attachment.mimeType}\n    </span>\n  );\n}\n\nfunction toneOf(entry: ToolEntry): StatusTone {\n  return entry.running ? 'running' : entry.isError ? 'error' : 'ok';\n}\n\n/**\n * The host's own item for a tool no plugin claims: the argument summary in\n * the header and the result's text and safe browser previews, with long text\n * clipped until expanded, on the same shell every plugin message is built from.\n */\nfunction HostToolMessage({ entry }: { entry: ToolEntry }) {\n  const lines = entry.output.length > 0 ? entry.output.split('\\n') : [];\n  const attachments = hostAttachments(entry);\n  return (\n    <MessageItem tone={toneOf(entry)} expandable={lines.length > MAX_PREVIEW_LINES}>\n      {({ expanded }) => {\n        const { shown, hidden } = collapseLines(lines, MAX_PREVIEW_LINES, expanded);\n        return (\n          <>\n            <MessageItemHeader title={entry.name}>\n              <span className=\"min-w-0 flex-1 truncate\">{entry.argSummary}</span>\n            </MessageItemHeader>\n            {shown.length > 0 || attachments.length > 0 ? (\n              <MessageItemBody className=\"flex flex-col gap-2\">\n                {shown.length > 0 ? (\n                  <pre data-testid=\"tool-output\" className=\"whitespace-pre-wrap break-words\">\n                    {shown.join('\\n')}\n                  </pre>\n                ) : null}\n                {attachments.map((attachment, index) => (\n                  <HostAttachmentView\n                    key={`${attachment.mimeType}:${attachment.name}:${String(index)}`}\n                    attachment={attachment}\n                    index={index}\n                  />\n                ))}\n                {hidden > 0 ? <MessageItemStatus expands>show {hidden} more line(s)</MessageItemStatus> : null}\n              </MessageItemBody>\n            ) : null}\n          </>\n        );\n      }}\n    </MessageItem>\n  );\n}\n\n/**\n * One tool call in the timeline. The plugin that registered the tool owns\n * the whole item through its `message` renderer, the web half of the TUI's\n * renderShell 'self'; the host only marks the row, catches a renderer that\n * throws, and stands in for a tool nobody claims.\n */\nexport const ToolCard = memo(function ToolCard({\n  entry,\n  slotProps,\n  statuses,\n}: {\n  entry: ToolEntry;\n  slotProps: WebPluginSlotProps;\n  statuses: Readonly<Record<string, string>>;\n}) {\n  const renderer = pluginToolRenderer(entry.name, statuses, entry.result?.details);\n  const state = toneOf(entry);\n  const props = toolMessageProps(slotProps, entry, statuses);\n  // ponytail: mirrors po-hook's status key; share a constant if another consumer needs it.\n  const hookStatus = statuses[`repository-hooks:${entry.toolCallId}:post`]?.trim();\n  const hookBadge = hookStatus ? (\n    <StatusBadge tone=\"running\" title={hookStatus} aria-label={hookStatus} data-testid=\"tool-hook-status\">\n      HOOK\n    </StatusBadge>\n  ) : null;\n  return (\n    <ToolRendererBoundary key={entry.toolCallId} toolName={entry.name}>\n      {(failed) => (\n        <div\n          data-testid=\"entry-tool\"\n          data-tool-name={entry.name}\n          data-tool-state={state}\n          data-tool-renderer={failed ? 'failed' : renderer ? 'plugin' : 'host'}\n        >\n          <MessageItemHeaderAccessoryContext value={hookBadge}>\n            {renderer && !failed ? <renderer.message {...props} /> : <HostToolMessage entry={entry} />}\n          </MessageItemHeaderAccessoryContext>\n        </div>\n      )}\n    </ToolRendererBoundary>\n  );\n});\n"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import { ToolEntry } from "../../lib/sessionModel.mjs";
+import { WebPluginSlotProps } from "@agimon-ai/po-core/web";
+//#region src/web/features/session/ToolCard.d.ts
+/**
+ * One tool call in the timeline. The plugin that registered the tool owns
+ * the whole item through its `message` renderer, the web half of the TUI's
+ * renderShell 'self'; the host only marks the row, catches a renderer that
+ * throws, and stands in for a tool nobody claims.
+ */
+export declare const ToolCard: import("react").MemoExoticComponent<({ entry, slotProps, statuses }: {
+  entry: ToolEntry;
+  slotProps: WebPluginSlotProps;
+  statuses: Readonly<Record<string, string>>;
+}) => import("react").JSX.Element>;
+//#endregion
+//# sourceMappingURL=ToolCard.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCard.d.mts","names":[],"sources":["../../../../src/web/features/session/ToolCard.tsx"],"mappings":";;;;;;;;;qBAkNa,0BAAQ,uBAAA,OAAA,WAAA;EAKnB,OAAO;EACP,WAAW;EACX,UAAU,SAAS;sBACpB,IAAA"}

package/dist/web/features/session/ToolCard.mjs

@@ -0,0 +1,210 @@
+import { pluginToolRenderer } from "../../lib/pluginRegistry.mjs";
+import { imagesFromContent } from "../../lib/sessionModel.mjs";
+import { toolMessageProps } from "../../lib/toolMessageProps.mjs";
+import { ToolRendererBoundary } from "../../components/ToolRendererBoundary.mjs";
+import { memo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { MessageItem, MessageItemBody, MessageItemHeader, MessageItemHeaderAccessoryContext, MessageItemStatus, StatusBadge, collapseLines } from "@agimon-ai/po-web-components";
+//#region src/web/features/session/ToolCard.tsx
+const MAX_PREVIEW_LINES = 12;
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function attachmentKind(mimeType) {
+	if (mimeType.startsWith("image/")) return "image";
+	if (mimeType.startsWith("audio/")) return "audio";
+	if (mimeType.startsWith("video/")) return "video";
+	if (mimeType === "application/pdf") return "pdf";
+	if (mimeType.startsWith("text/")) return "text";
+	return "file";
+}
+function attachmentName(block, index) {
+	for (const key of [
+		"title",
+		"name",
+		"filename",
+		"fileName"
+	]) if (typeof block[key] === "string" && block[key].length > 0) return block[key];
+	if (typeof block.uri === "string" && block.uri.length > 0) return block.uri.split("/").at(-1) || block.uri;
+	return `attachment-${String(index + 1)}`;
+}
+/** Binary and linked result blocks a tool returned outside its ordinary text. */
+function hostAttachments(entry) {
+	const content = entry.result?.content ?? [];
+	const images = imagesFromContent(content).map((image, index) => ({
+		kind: "image",
+		mimeType: image.mimeType,
+		name: `${entry.name}-result-${String(index + 1)}`,
+		data: image.data
+	}));
+	const details = isRecord(entry.result?.details) ? entry.result.details : void 0;
+	const other = [...content, ...Array.isArray(details?.blocks) ? details.blocks : []].flatMap((candidate, index) => {
+		if (!isRecord(candidate) || candidate.type === "text" || candidate.type === "image") return [];
+		const resource = candidate.type === "resource" && isRecord(candidate.resource) ? candidate.resource : candidate;
+		const mimeType = typeof resource.mimeType === "string" ? resource.mimeType : "application/octet-stream";
+		const data = typeof resource.data === "string" ? resource.data : typeof resource.blob === "string" ? resource.blob : void 0;
+		const text = typeof resource.text === "string" ? resource.text : void 0;
+		const uri = typeof resource.uri === "string" ? resource.uri : void 0;
+		if (data === void 0 && text === void 0 && uri === void 0) return [];
+		return [{
+			kind: attachmentKind(mimeType),
+			mimeType,
+			name: attachmentName(resource, index),
+			data,
+			text,
+			uri
+		}];
+	});
+	return [...images, ...other];
+}
+function attachmentUrl(attachment) {
+	if (attachment.data !== void 0) return `data:${attachment.mimeType};base64,${attachment.data}`;
+	if (attachment.uri === void 0) return void 0;
+	return /^(?:https?):\/\//u.test(attachment.uri) ? attachment.uri : void 0;
+}
+function HostAttachmentView({ attachment, index }) {
+	const url = attachmentUrl(attachment);
+	if (attachment.kind === "text" && attachment.text !== void 0) return /* @__PURE__ */ jsx("pre", {
+		"data-testid": "tool-output-text-file",
+		className: "max-h-96 overflow-auto whitespace-pre-wrap break-words rounded-md border border-doom-border-soft p-2",
+		children: attachment.text
+	});
+	if (url !== void 0 && attachment.kind === "image") return /* @__PURE__ */ jsx("a", {
+		href: url,
+		target: "_blank",
+		rel: "noreferrer",
+		className: "self-start",
+		children: /* @__PURE__ */ jsx("img", {
+			src: url,
+			alt: attachment.name,
+			"data-testid": "tool-output-image",
+			className: "h-auto max-h-96 max-w-full rounded-md border border-doom-border-soft object-contain"
+		})
+	});
+	if (url !== void 0 && attachment.kind === "video") return /* @__PURE__ */ jsx("video", {
+		src: url,
+		controls: true,
+		preload: "metadata",
+		"data-testid": "tool-output-video",
+		className: "max-h-96 max-w-full self-start rounded-md border border-doom-border-soft",
+		children: /* @__PURE__ */ jsx("track", { kind: "captions" })
+	});
+	if (url !== void 0 && attachment.kind === "audio") return /* @__PURE__ */ jsx("audio", {
+		src: url,
+		controls: true,
+		preload: "metadata",
+		"data-testid": "tool-output-audio",
+		className: "w-full",
+		children: /* @__PURE__ */ jsx("track", { kind: "captions" })
+	});
+	if (url !== void 0 && attachment.kind === "pdf") return /* @__PURE__ */ jsx("iframe", {
+		src: url,
+		title: attachment.name,
+		"data-testid": "tool-output-pdf",
+		className: "h-[480px] w-full rounded-md border border-doom-border-soft bg-doom-deep"
+	});
+	return url !== void 0 ? /* @__PURE__ */ jsxs("a", {
+		href: url,
+		download: attachment.name,
+		target: "_blank",
+		rel: "noreferrer",
+		"data-testid": "tool-output-file",
+		className: "self-start rounded-md border border-doom-border px-3 py-2 text-doom-blue hover:border-doom-blue/60",
+		children: [
+			attachment.name,
+			" · ",
+			attachment.mimeType
+		]
+	}) : /* @__PURE__ */ jsxs("span", {
+		"data-testid": "tool-output-file",
+		className: "self-start rounded-md border border-doom-border px-3 py-2 text-base text-doom-dim",
+		children: [
+			attachment.name,
+			" · ",
+			attachment.mimeType
+		]
+	}, index);
+}
+function toneOf(entry) {
+	return entry.running ? "running" : entry.isError ? "error" : "ok";
+}
+/**
+* The host's own item for a tool no plugin claims: the argument summary in
+* the header and the result's text and safe browser previews, with long text
+* clipped until expanded, on the same shell every plugin message is built from.
+*/
+function HostToolMessage({ entry }) {
+	const lines = entry.output.length > 0 ? entry.output.split("\n") : [];
+	const attachments = hostAttachments(entry);
+	return /* @__PURE__ */ jsx(MessageItem, {
+		tone: toneOf(entry),
+		expandable: lines.length > MAX_PREVIEW_LINES,
+		children: ({ expanded }) => {
+			const { shown, hidden } = collapseLines(lines, MAX_PREVIEW_LINES, expanded);
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MessageItemHeader, {
+				title: entry.name,
+				children: /* @__PURE__ */ jsx("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: entry.argSummary
+				})
+			}), shown.length > 0 || attachments.length > 0 ? /* @__PURE__ */ jsxs(MessageItemBody, {
+				className: "flex flex-col gap-2",
+				children: [
+					shown.length > 0 ? /* @__PURE__ */ jsx("pre", {
+						"data-testid": "tool-output",
+						className: "whitespace-pre-wrap break-words",
+						children: shown.join("\n")
+					}) : null,
+					attachments.map((attachment, index) => /* @__PURE__ */ jsx(HostAttachmentView, {
+						attachment,
+						index
+					}, `${attachment.mimeType}:${attachment.name}:${String(index)}`)),
+					hidden > 0 ? /* @__PURE__ */ jsxs(MessageItemStatus, {
+						expands: true,
+						children: [
+							"show ",
+							hidden,
+							" more line(s)"
+						]
+					}) : null
+				]
+			}) : null] });
+		}
+	});
+}
+/**
+* One tool call in the timeline. The plugin that registered the tool owns
+* the whole item through its `message` renderer, the web half of the TUI's
+* renderShell 'self'; the host only marks the row, catches a renderer that
+* throws, and stands in for a tool nobody claims.
+*/
+const ToolCard = memo(function ToolCard({ entry, slotProps, statuses }) {
+	const renderer = pluginToolRenderer(entry.name, statuses, entry.result?.details);
+	const state = toneOf(entry);
+	const props = toolMessageProps(slotProps, entry, statuses);
+	const hookStatus = statuses[`repository-hooks:${entry.toolCallId}:post`]?.trim();
+	const hookBadge = hookStatus ? /* @__PURE__ */ jsx(StatusBadge, {
+		tone: "running",
+		title: hookStatus,
+		"aria-label": hookStatus,
+		"data-testid": "tool-hook-status",
+		children: "HOOK"
+	}) : null;
+	return /* @__PURE__ */ jsx(ToolRendererBoundary, {
+		toolName: entry.name,
+		children: (failed) => /* @__PURE__ */ jsx("div", {
+			"data-testid": "entry-tool",
+			"data-tool-name": entry.name,
+			"data-tool-state": state,
+			"data-tool-renderer": failed ? "failed" : renderer ? "plugin" : "host",
+			children: /* @__PURE__ */ jsx(MessageItemHeaderAccessoryContext, {
+				value: hookBadge,
+				children: renderer && !failed ? /* @__PURE__ */ jsx(renderer.message, { ...props }) : /* @__PURE__ */ jsx(HostToolMessage, { entry })
+			})
+		})
+	}, entry.toolCallId);
+});
+//#endregion
+export { ToolCard };
+
+//# sourceMappingURL=ToolCard.mjs.map

package/dist/web/features/session/ToolCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCard.mjs","names":[],"sources":["../../../../src/web/features/session/ToolCard.tsx"],"sourcesContent":["import type { WebPluginSlotProps } from '@agimon-ai/po-core/web';\nimport {\n  collapseLines,\n  MessageItem,\n  MessageItemBody,\n  MessageItemHeader,\n  MessageItemHeaderAccessoryContext,\n  StatusBadge,\n  MessageItemStatus,\n  type StatusTone,\n} from '@agimon-ai/po-web-components';\nimport { memo } from 'react';\n\nimport { ToolRendererBoundary } from '../../components/ToolRendererBoundary';\nimport { pluginToolRenderer } from '../../lib/pluginRegistry';\nimport { imagesFromContent, type ToolEntry } from '../../lib/sessionModel';\nimport { toolMessageProps } from '../../lib/toolMessageProps';\n\nconst MAX_PREVIEW_LINES = 12;\n\ntype AttachmentKind = 'image' | 'audio' | 'video' | 'pdf' | 'text' | 'file';\n\ninterface HostAttachment {\n  kind: AttachmentKind;\n  mimeType: string;\n  name: string;\n  data?: string;\n  text?: string;\n  uri?: string;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction attachmentKind(mimeType: string): AttachmentKind {\n  if (mimeType.startsWith('image/')) return 'image';\n  if (mimeType.startsWith('audio/')) return 'audio';\n  if (mimeType.startsWith('video/')) return 'video';\n  if (mimeType === 'application/pdf') return 'pdf';\n  if (mimeType.startsWith('text/')) return 'text';\n  return 'file';\n}\n\nfunction attachmentName(block: Record<string, unknown>, index: number): string {\n  for (const key of ['title', 'name', 'filename', 'fileName']) {\n    if (typeof block[key] === 'string' && block[key].length > 0) return block[key];\n  }\n  if (typeof block.uri === 'string' && block.uri.length > 0) return block.uri.split('/').at(-1) || block.uri;\n  return `attachment-${String(index + 1)}`;\n}\n\n/** Binary and linked result blocks a tool returned outside its ordinary text. */\nfunction hostAttachments(entry: ToolEntry): HostAttachment[] {\n  const content = entry.result?.content ?? [];\n  const images: HostAttachment[] = imagesFromContent(content).map((image, index) => ({\n    kind: 'image',\n    mimeType: image.mimeType,\n    name: `${entry.name}-result-${String(index + 1)}`,\n    data: image.data,\n  }));\n  const details = isRecord(entry.result?.details) ? entry.result.details : undefined;\n  const blocks = [...content, ...(Array.isArray(details?.blocks) ? details.blocks : [])];\n  const other = blocks.flatMap((candidate, index): HostAttachment[] => {\n    if (!isRecord(candidate) || candidate.type === 'text' || candidate.type === 'image') return [];\n    const resource = candidate.type === 'resource' && isRecord(candidate.resource) ? candidate.resource : candidate;\n    const mimeType = typeof resource.mimeType === 'string' ? resource.mimeType : 'application/octet-stream';\n    const data =\n      typeof resource.data === 'string' ? resource.data : typeof resource.blob === 'string' ? resource.blob : undefined;\n    const text = typeof resource.text === 'string' ? resource.text : undefined;\n    const uri = typeof resource.uri === 'string' ? resource.uri : undefined;\n    if (data === undefined && text === undefined && uri === undefined) return [];\n    return [{ kind: attachmentKind(mimeType), mimeType, name: attachmentName(resource, index), data, text, uri }];\n  });\n  return [...images, ...other];\n}\n\nfunction attachmentUrl(attachment: HostAttachment): string | undefined {\n  if (attachment.data !== undefined) return `data:${attachment.mimeType};base64,${attachment.data}`;\n  if (attachment.uri === undefined) return undefined;\n  return /^(?:https?):\\/\\//u.test(attachment.uri) ? attachment.uri : undefined;\n}\n\nfunction HostAttachmentView({ attachment, index }: { attachment: HostAttachment; index: number }) {\n  const url = attachmentUrl(attachment);\n  if (attachment.kind === 'text' && attachment.text !== undefined) {\n    return (\n      <pre\n        data-testid=\"tool-output-text-file\"\n        className=\"max-h-96 overflow-auto whitespace-pre-wrap break-words rounded-md border border-doom-border-soft p-2\"\n      >\n        {attachment.text}\n      </pre>\n    );\n  }\n  if (url !== undefined && attachment.kind === 'image') {\n    return (\n      <a href={url} target=\"_blank\" rel=\"noreferrer\" className=\"self-start\">\n        <img\n          src={url}\n          alt={attachment.name}\n          data-testid=\"tool-output-image\"\n          className=\"h-auto max-h-96 max-w-full rounded-md border border-doom-border-soft object-contain\"\n        />\n      </a>\n    );\n  }\n  if (url !== undefined && attachment.kind === 'video') {\n    return (\n      <video\n        src={url}\n        controls\n        preload=\"metadata\"\n        data-testid=\"tool-output-video\"\n        className=\"max-h-96 max-w-full self-start rounded-md border border-doom-border-soft\"\n      >\n        <track kind=\"captions\" />\n      </video>\n    );\n  }\n  if (url !== undefined && attachment.kind === 'audio') {\n    return (\n      <audio src={url} controls preload=\"metadata\" data-testid=\"tool-output-audio\" className=\"w-full\">\n        <track kind=\"captions\" />\n      </audio>\n    );\n  }\n  if (url !== undefined && attachment.kind === 'pdf') {\n    return (\n      <iframe\n        src={url}\n        title={attachment.name}\n        data-testid=\"tool-output-pdf\"\n        className=\"h-[480px] w-full rounded-md border border-doom-border-soft bg-doom-deep\"\n      />\n    );\n  }\n  return url !== undefined ? (\n    <a\n      href={url}\n      download={attachment.name}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      data-testid=\"tool-output-file\"\n      className=\"self-start rounded-md border border-doom-border px-3 py-2 text-doom-blue hover:border-doom-blue/60\"\n    >\n      {attachment.name} · {attachment.mimeType}\n    </a>\n  ) : (\n    <span\n      key={index}\n      data-testid=\"tool-output-file\"\n      className=\"self-start rounded-md border border-doom-border px-3 py-2 text-base text-doom-dim\"\n    >\n      {attachment.name} · {attachment.mimeType}\n    </span>\n  );\n}\n\nfunction toneOf(entry: ToolEntry): StatusTone {\n  return entry.running ? 'running' : entry.isError ? 'error' : 'ok';\n}\n\n/**\n * The host's own item for a tool no plugin claims: the argument summary in\n * the header and the result's text and safe browser previews, with long text\n * clipped until expanded, on the same shell every plugin message is built from.\n */\nfunction HostToolMessage({ entry }: { entry: ToolEntry }) {\n  const lines = entry.output.length > 0 ? entry.output.split('\\n') : [];\n  const attachments = hostAttachments(entry);\n  return (\n    <MessageItem tone={toneOf(entry)} expandable={lines.length > MAX_PREVIEW_LINES}>\n      {({ expanded }) => {\n        const { shown, hidden } = collapseLines(lines, MAX_PREVIEW_LINES, expanded);\n        return (\n          <>\n            <MessageItemHeader title={entry.name}>\n              <span className=\"min-w-0 flex-1 truncate\">{entry.argSummary}</span>\n            </MessageItemHeader>\n            {shown.length > 0 || attachments.length > 0 ? (\n              <MessageItemBody className=\"flex flex-col gap-2\">\n                {shown.length > 0 ? (\n                  <pre data-testid=\"tool-output\" className=\"whitespace-pre-wrap break-words\">\n                    {shown.join('\\n')}\n                  </pre>\n                ) : null}\n                {attachments.map((attachment, index) => (\n                  <HostAttachmentView\n                    key={`${attachment.mimeType}:${attachment.name}:${String(index)}`}\n                    attachment={attachment}\n                    index={index}\n                  />\n                ))}\n                {hidden > 0 ? <MessageItemStatus expands>show {hidden} more line(s)</MessageItemStatus> : null}\n              </MessageItemBody>\n            ) : null}\n          </>\n        );\n      }}\n    </MessageItem>\n  );\n}\n\n/**\n * One tool call in the timeline. The plugin that registered the tool owns\n * the whole item through its `message` renderer, the web half of the TUI's\n * renderShell 'self'; the host only marks the row, catches a renderer that\n * throws, and stands in for a tool nobody claims.\n */\nexport const ToolCard = memo(function ToolCard({\n  entry,\n  slotProps,\n  statuses,\n}: {\n  entry: ToolEntry;\n  slotProps: WebPluginSlotProps;\n  statuses: Readonly<Record<string, string>>;\n}) {\n  const renderer = pluginToolRenderer(entry.name, statuses, entry.result?.details);\n  const state = toneOf(entry);\n  const props = toolMessageProps(slotProps, entry, statuses);\n  // ponytail: mirrors po-hook's status key; share a constant if another consumer needs it.\n  const hookStatus = statuses[`repository-hooks:${entry.toolCallId}:post`]?.trim();\n  const hookBadge = hookStatus ? (\n    <StatusBadge tone=\"running\" title={hookStatus} aria-label={hookStatus} data-testid=\"tool-hook-status\">\n      HOOK\n    </StatusBadge>\n  ) : null;\n  return (\n    <ToolRendererBoundary key={entry.toolCallId} toolName={entry.name}>\n      {(failed) => (\n        <div\n          data-testid=\"entry-tool\"\n          data-tool-name={entry.name}\n          data-tool-state={state}\n          data-tool-renderer={failed ? 'failed' : renderer ? 'plugin' : 'host'}\n        >\n          <MessageItemHeaderAccessoryContext value={hookBadge}>\n            {renderer && !failed ? <renderer.message {...props} /> : <HostToolMessage entry={entry} />}\n          </MessageItemHeaderAccessoryContext>\n        </div>\n      )}\n    </ToolRendererBoundary>\n  );\n});\n"],"mappings":"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"}