agent-relay-server 0.85.0 → 0.87.0

package/public/assets/{MessageBubble-DqFyach0.js.map → MessageBubble-DS4Hbn0k.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessageBubble-DqFyach0.js","names":[],"sources":["../../dashboard/src/components/chat/sessionTrace.ts","../../dashboard/src/components/chat/helpers.ts","../../dashboard/src/components/chat/TraceView.tsx","../../dashboard/src/components/chat/hooks/useTtsPlayingKey.ts","../../dashboard/src/components/chat/MessageBubble.tsx"],"sourcesContent":["\nimport { isReactionEventMessage, messageBody, toTimestamp, responseBodyContainsBlock } from '@/lib/display'\nimport { HUMAN_AGENT_ID } from '@/lib/constants'\nimport type { ChatStatusEvent as StatusEvent } from '@/store'\nimport type { ChatHistoryImport, ChatHistoryImportEntry, Message } from '@/types'\n\nexport interface ActivityStep { id: number; kind: 'narration' | 'reasoning' | 'tool'; label?: string; text: string; ts: number; turnId?: string }\nexport type RelayInjectionCategory = 'memory' | 'instructions' | 'tools' | 'comms' | 'knowledge' | 'context'\ninterface RelayInjectionTimelineEvent {\n  id: number\n  category: RelayInjectionCategory\n  summary: string\n  detail: Record<string, unknown>\n  agentId: string\n  timestamp: number\n}\n\nexport type TimelineEntry =\n  | { type: 'message'; msg: Message }\n  | { type: 'initial-prompt'; msg: Message }\n  | { type: 'notice'; msg: Message }\n  | { type: 'relay-injection'; event: RelayInjectionTimelineEvent }\n  | { type: 'agent-action'; direction: 'spawned-child' | 'spawned-by'; agentId: string; provider?: string; status: 'ready' | 'exited' | 'failed'; reason?: string; timestamp: number }\n  | { type: 'activity'; steps: ActivityStep[]; timestamp: number }\n  | { type: 'import-boundary'; history: ChatHistoryImport; timestamp: number }\n  | { type: 'imported-message'; history: ChatHistoryImport; entry: ChatHistoryImportEntry }\n  | { type: 'status'; event: StatusEvent }\n  | { type: 'date'; date: string; timestamp: number }\n  | { type: 'created'; timestamp: number }\n\nexport const TIMELINE_STATUS_LABELS: Record<string, string> = {\n  online: 'came online',\n  offline: 'went offline',\n  shutdown: 'shut down',\n  restarted: 'restarted',\n  'compaction-requested': 'compaction requested',\n  compacting: 'compaction started',\n  compacted: 'context compacted',\n  'compaction-stalled': 'compaction stalled — may need manual intervention',\n  'clear-requested': 'clear requested',\n  'clearing-context': 'clear started',\n  'context-cleared': 'context cleared',\n  'clear-stalled': 'context clear stalled — may need manual intervention',\n  'shutting-down': 'shutting down',\n}\n\nconst TIMELINE_STATUSES = new Set(Object.keys(TIMELINE_STATUS_LABELS))\nconst STATUS_DEDUPE_WINDOW_MS = 3000\n\n// True event time of a message: occurredAt (set when a Runner backfilled a message it had\n// queued during an outage, #196) falling back to the server receive time. Used for chat\n// timeline ordering + display so a backfilled turn lands where it actually happened in the\n// conversation, not at the bottom. Display-only — DB poll cursors still use created_at.\nfunction messageEventTime(msg: Message): number {\n  return new Date(msg.occurredAt ?? msg.createdAt).getTime()\n}\n\n// Narration/reasoning/tool session events are mirrored as `kind:\"session\"` messages\n// but must not become chat bubbles — they render inline in the turn's activity trace.\n// (`narration` = the agent's intermediate spoken text; `reasoning` = its thinking.)\nexport function sessionActivityStep(msg: Message): ActivityStep | null {\n  if (msg.kind !== 'session') return null\n  const s = msg.payload?.session as { type?: string; label?: string; turnId?: string } | undefined\n  if (!s || (s.type !== 'narration' && s.type !== 'reasoning' && s.type !== 'tool')) return null\n  return {\n    id: msg.id,\n    kind: s.type,\n    label: typeof s.label === 'string' ? s.label : undefined,\n    text: msg.body,\n    ts: messageEventTime(msg),\n    turnId: typeof s.turnId === 'string' ? s.turnId : undefined,\n  }\n}\n\n// A `notice` session event (e.g. the runner's durable \"context compacted\" marker) renders\n// as a discreet timeline marker, reusing the StatusMarker path. Its `label` carries a\n// timeline-status key (e.g. \"compacted\"); we surface it as a StatusEvent so it dedupes with\n// the ephemeral live timeline-status decoration and survives a reload (the ephemeral one does\n// not). Returns null for non-notice messages or labels we don't render.\nexport function sessionNoticeStatusEvent(msg: Message): StatusEvent | null {\n  if (msg.kind !== 'session') return null\n  const s = msg.payload?.session as { type?: string; label?: string } | undefined\n  if (s?.type !== 'notice') return null\n  const status = typeof s.label === 'string' && s.label ? s.label : 'compacted'\n  return { id: `notice-${msg.id}`, status, timestamp: messageEventTime(msg) }\n}\n\nexport function sessionRelayInjectionEvent(msg: Message): RelayInjectionTimelineEvent | null {\n  if (msg.kind !== 'session') return null\n  const s = msg.payload?.session as { type?: string; relayInjection?: Record<string, unknown> } | undefined\n  if (s?.type !== 'relay-injection') return null\n  const raw = s.relayInjection && typeof s.relayInjection === 'object' && !Array.isArray(s.relayInjection) ? s.relayInjection : {}\n  const category = typeof raw.category === 'string' && ['memory', 'instructions', 'tools', 'comms', 'knowledge', 'context'].includes(raw.category)\n    ? raw.category as RelayInjectionCategory\n    : 'context'\n  const timestamp = typeof raw.timestamp === 'number' && Number.isFinite(raw.timestamp) ? raw.timestamp : messageEventTime(msg)\n  const detail = raw.detail && typeof raw.detail === 'object' && !Array.isArray(raw.detail) ? raw.detail as Record<string, unknown> : {}\n  return {\n    id: msg.id,\n    category,\n    summary: typeof raw.summary === 'string' && raw.summary.trim() ? raw.summary : msg.body,\n    detail,\n    agentId: typeof raw.agentId === 'string' && raw.agentId ? raw.agentId : msg.from,\n    timestamp,\n  }\n}\n\nfunction stripLeadingResponseBlocks(body: string, blocks: string[]): string {\n  let remaining = body.trim()\n  for (const raw of blocks) {\n    const block = raw.trim()\n    if (!block) continue\n    if (remaining === block) break\n    if (remaining.startsWith(`${block}\\n\\n`)) {\n      remaining = remaining.slice(block.length + 2).trimStart()\n    }\n  }\n  return remaining.trim() || body.trim()\n}\n\n// Bus-level system signals (kind:\"system\", from:\"system\") — e.g. branch.landed,\n// agent.context_threshold, workspace.* events. Rendered as notice pills (NoticePill\n// labels/humanizes the kind, #507), NOT chat bubbles or session status markers.\nexport function isBusSignalMessage(msg: Message): boolean {\n  return msg.kind === 'system' && msg.from === 'system'\n}\n\n// Spawn lifecycle signals routed to the parent: agent.ready / agent.exited / agent.spawn_failed.\n// These are richer than generic bus signals and get their own agent-action timeline entry.\nconst LIFECYCLE_KINDS = new Set(['agent.ready', 'agent.exited', 'agent.spawn_failed'])\n\nexport function dateKey(ts: number): string {\n  const d = new Date(ts)\n  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`\n}\n\nexport function dedupeStatusEvents(statusEvents: StatusEvent[]): StatusEvent[] {\n  const events = statusEvents\n    .filter((event) => TIMELINE_STATUSES.has(event.status))\n    .slice()\n    .sort((a, b) => a.timestamp - b.timestamp)\n  const result: StatusEvent[] = []\n  for (const event of events) {\n    if (result.some((existing) => existing.id === event.id)) continue\n    if (result.some((existing) => existing.status === event.status && Math.abs(existing.timestamp - event.timestamp) <= STATUS_DEDUPE_WINDOW_MS)) continue\n    result.push(event)\n  }\n  return result\n}\n\nexport function buildTimeline(\n  messages: Message[],\n  statusEvents: StatusEvent[],\n  createdAt?: string | number | null,\n  importedHistory: ChatHistoryImport[] = [],\n  options?: { spawnedBy?: { agentId: string; provider?: string } },\n): TimelineEntry[] {\n  const raw: Array<{ ts: number; entry: TimelineEntry }> = []\n\n  for (const history of importedHistory) {\n    const firstImportedAt = history.entries.reduce((min, entry) => Math.min(min, toTimestamp(entry.originalCreatedAt)), Number.POSITIVE_INFINITY)\n    const boundaryAt = Number.isFinite(firstImportedAt) ? firstImportedAt - 1 : history.importedAt\n    raw.push({ ts: boundaryAt, entry: { type: 'import-boundary', history, timestamp: boundaryAt } })\n    for (const entry of history.entries) {\n      raw.push({ ts: toTimestamp(entry.originalCreatedAt), entry: { type: 'imported-message', history, entry } })\n    }\n  }\n\n  if (createdAt) {\n    const ts = new Date(createdAt as string).getTime()\n    if (Number.isFinite(ts)) raw.push({ ts, entry: { type: 'created', timestamp: ts } })\n  }\n\n  // Synthetic \"spawned by\" lead entry for child agents — derives from the agent's spawnedBy\n  // metadata (no inbound system message exists for this direction). Placed at createdAt so it\n  // sorts as the first real entry after the created/date markers.\n  if (options?.spawnedBy) {\n    const ts = createdAt ? new Date(createdAt as string).getTime() : 0\n    const spawnedByTs = Number.isFinite(ts) ? ts : 0\n    raw.push({ ts: spawnedByTs, entry: { type: 'agent-action', direction: 'spawned-by', agentId: options.spawnedBy.agentId, provider: options.spawnedBy.provider, status: 'ready', timestamp: spawnedByTs } })\n  }\n\n  // The initial/spawn prompt (#513): the earliest real prompt that kicked off the\n  // session — a human prompt, or (for a spawned agent) the first message from the spawn\n  // parent. Tagged so it renders with a distinct title instead of as a normal bubble or\n  // a folded peer one-liner. Skip session events, bus signals, reactions, and empty bodies.\n  const spawnParentId = options?.spawnedBy?.agentId\n  let initialPromptId: number | null = null\n  let initialPromptTs = Number.POSITIVE_INFINITY\n  for (const msg of messages) {\n    if (msg.kind === 'session' || isBusSignalMessage(msg) || isReactionEventMessage(msg)) continue\n    const fromInitiator = msg.from === HUMAN_AGENT_ID || (spawnParentId !== undefined && msg.from === spawnParentId)\n    if (!fromInitiator || !messageBody(msg).trim()) continue\n    const ts = messageEventTime(msg)\n    if (ts < initialPromptTs) { initialPromptTs = ts; initialPromptId = msg.id }\n  }\n\n  // A full-capture response stores the turn's narration blocks plus the final\n  // answer. Keep the stored message intact, but derive what the response bubble\n  // should show: strip leading narration blocks and leave the final visible block.\n  // Narration suppression then compares against that visible block only, preserving\n  // the live chronological trace after the turn completes.\n  const responseBodiesByTurn = new Map<string, string[]>()\n  const narrationByTurn = new Map<string, Array<{ id: number; body: string }>>()\n  const responseDisplayBodyByMessageId = new Map<number, string>()\n  for (const msg of messages) {\n    if (msg.kind !== 'session') continue\n    const s = msg.payload?.session as { type?: string; turnId?: string } | undefined\n    if (s?.type === 'narration' && typeof s.turnId === 'string') {\n      const list = narrationByTurn.get(s.turnId) ?? []\n      list.push({ id: msg.id, body: msg.body.trim() })\n      narrationByTurn.set(s.turnId, list)\n    } else if (s?.type === 'response' && typeof s.turnId === 'string') {\n      const list = responseBodiesByTurn.get(s.turnId) ?? []\n      list.push(msg.body.trim())\n      responseBodiesByTurn.set(s.turnId, list)\n    }\n  }\n  const responseDisplayBodiesByTurn = new Map<string, string[]>()\n  for (const [turnId, bodies] of responseBodiesByTurn) {\n    const narrationBodies = (narrationByTurn.get(turnId) ?? []).map((item) => item.body)\n    responseDisplayBodiesByTurn.set(turnId, bodies.map((body) => stripLeadingResponseBlocks(body, narrationBodies)))\n  }\n  for (const msg of messages) {\n    if (msg.kind !== 'session') continue\n    const s = msg.payload?.session as { type?: string; turnId?: string } | undefined\n    if (s?.type !== 'response' || typeof s.turnId !== 'string') continue\n    const displayBody = stripLeadingResponseBlocks(msg.body, (narrationByTurn.get(s.turnId) ?? []).map((item) => item.body))\n    if (displayBody && displayBody !== msg.body) responseDisplayBodyByMessageId.set(msg.id, displayBody)\n  }\n  const suppressedNarrationIds = new Set<number>()\n  for (const [turnId, bodies] of responseDisplayBodiesByTurn) {\n    const narrations = narrationByTurn.get(turnId) ?? []\n    for (const body of bodies) {\n      for (let i = narrations.length - 1; i >= 0; i--) {\n        const narration = narrations[i]!\n        if (suppressedNarrationIds.has(narration.id)) continue\n        if (!responseBodyContainsBlock(body, narration.body)) continue\n        suppressedNarrationIds.add(narration.id)\n        break\n      }\n    }\n  }\n\n  // Tracks in-progress agent-action entries by child id so ready→exited coalesces into one entry.\n  type RawAgentAction = { ts: number; entry: Extract<TimelineEntry, { type: 'agent-action' }> }\n  const agentActionByChild = new Map<string, RawAgentAction>()\n\n  const noticeStatusEvents: StatusEvent[] = []\n  for (const msg of messages) {\n    if (isBusSignalMessage(msg)) {\n      const kind = typeof msg.payload?.kind === 'string' ? msg.payload.kind : ''\n      if (LIFECYCLE_KINDS.has(kind)) {\n        const p = msg.payload as { kind: string; agentId?: string; provider?: string; reason?: string }\n        const childId = typeof p.agentId === 'string' ? p.agentId : ''\n        const ts = messageEventTime(msg)\n        if (!childId) {\n          // agent.spawn_failed without a child id (command-level failure): fall through to notice\n          raw.push({ ts, entry: { type: 'notice', msg } })\n          continue\n        }\n        const status: 'ready' | 'exited' | 'failed' = kind === 'agent.ready' ? 'ready' : kind === 'agent.exited' ? 'exited' : 'failed'\n        const existing = agentActionByChild.get(childId)\n        if (existing) {\n          // Coalesce: evolve the same entry to the final status in place\n          existing.entry.status = status\n          if (typeof p.reason === 'string') existing.entry.reason = p.reason\n          existing.entry.timestamp = ts\n          existing.ts = ts\n        } else {\n          const item: RawAgentAction = {\n            ts,\n            entry: {\n              type: 'agent-action',\n              direction: 'spawned-child',\n              agentId: childId,\n              provider: typeof p.provider === 'string' ? p.provider : undefined,\n              status,\n              reason: typeof p.reason === 'string' ? p.reason : undefined,\n              timestamp: ts,\n            },\n          }\n          agentActionByChild.set(childId, item)\n          raw.push(item)\n        }\n        continue\n      }\n      raw.push({ ts: messageEventTime(msg), entry: { type: 'notice', msg } })\n      continue\n    }\n    const notice = sessionNoticeStatusEvent(msg)\n    if (notice) {\n      noticeStatusEvents.push(notice)\n      continue\n    }\n    const step = sessionActivityStep(msg)\n    if (step) {\n      if (step.kind === 'narration' && suppressedNarrationIds.has(step.id)) continue\n      raw.push({ ts: step.ts, entry: { type: 'activity', steps: [step], timestamp: step.ts } })\n      continue\n    }\n    const relayInjection = sessionRelayInjectionEvent(msg)\n    if (relayInjection) {\n      raw.push({ ts: relayInjection.timestamp, entry: { type: 'relay-injection', event: relayInjection } })\n      continue\n    }\n    if (msg.kind === 'session') {\n      const s = msg.payload?.session as { type?: string; turnId?: string } | undefined\n      if (s?.type === 'response' && typeof s.turnId === 'string') {\n        const body = responseDisplayBodyByMessageId.get(msg.id)\n        if (body && body !== msg.body) {\n          raw.push({ ts: messageEventTime(msg), entry: { type: 'message', msg: { ...msg, body } } })\n          continue\n        }\n      }\n    }\n    const entryType = msg.id === initialPromptId ? 'initial-prompt' : 'message'\n    raw.push({ ts: messageEventTime(msg), entry: { type: entryType, msg } })\n  }\n  for (const event of dedupeStatusEvents([...statusEvents, ...noticeStatusEvents])) {\n    raw.push({ ts: event.timestamp, entry: { type: 'status', event } })\n  }\n\n  const typeOrder = { created: 0, date: 1, 'import-boundary': 2, 'imported-message': 3, 'initial-prompt': 4, message: 4, activity: 4, notice: 4, 'agent-action': 4, 'relay-injection': 4, status: 5 } as const\n  raw.sort((a, b) => {\n    const dt = a.ts - b.ts\n    if (Math.abs(dt) < 3000) return typeOrder[a.entry.type] - typeOrder[b.entry.type] || dt\n    return dt\n  })\n\n  const entries: TimelineEntry[] = []\n  let lastDate = ''\n  for (const { ts, entry } of raw) {\n    if (entry.type === 'created') {\n      entries.push(entry)\n      continue\n    }\n    const dk = dateKey(ts)\n    if (dk !== lastDate) {\n      entries.push({ type: 'date', date: dk, timestamp: ts })\n      lastDate = dk\n    }\n    // Coalesce consecutive activity steps from the same turn into one trace.\n    if (entry.type === 'activity') {\n      const prev = entries[entries.length - 1]\n      if (prev && prev.type === 'activity' && sameActivityTurn(prev, entry)) {\n        prev.steps.push(...entry.steps)\n        continue\n      }\n    }\n    entries.push(entry)\n  }\n\n  return entries\n}\n\n// Stable per-entry key — used by Virtuoso for reconciliation AND by chat search to\n// address a match back to its timeline row. Lives here (pure logic) rather than in\n// VirtualTimeline so the search layer can reuse it without pulling in react-virtuoso.\nexport function timelineEntryKey(entry: TimelineEntry): string {\n  if (entry.type === 'message') return `msg-${entry.msg.id}`\n  if (entry.type === 'initial-prompt') return `initprompt-${entry.msg.id}`\n  if (entry.type === 'notice') return `notice-${entry.msg.id}`\n  if (entry.type === 'relay-injection') return `relay-injection-${entry.event.id}`\n  if (entry.type === 'agent-action') return `agent-action-${entry.direction}-${entry.agentId}`\n  // Key by the FIRST step only — stable as the turn streams. Including the last\n  // step's id rekeyed the entry on every appended step, so virtuoso treated the\n  // in-place-growing turn as a replaced item and lost its resize anchoring: the\n  // viewport jumped down by the added height while scrolled up reading history.\n  if (entry.type === 'activity') return `act-${entry.steps[0]?.id ?? entry.timestamp}`\n  if (entry.type === 'import-boundary') return `import-${entry.history.id}`\n  if (entry.type === 'imported-message') return `import-msg-${entry.history.id}-${entry.entry.originalMessageId}-${entry.entry.position}`\n  if (entry.type === 'status') return `status-${entry.event.id}`\n  if (entry.type === 'date') return `date-${entry.date}`\n  return `created-${entry.timestamp}`\n}\n\n// Searchable plain text for an entry — what chat search matches against. Only entries\n// that carry human-readable content contribute; structural rows (date/status/created/\n// agent-action/import-boundary) return '' so they're never search targets.\nexport function timelineEntryText(entry: TimelineEntry): string {\n  if (entry.type === 'message' || entry.type === 'initial-prompt' || entry.type === 'notice') {\n    const subject = entry.msg.subject ? `${entry.msg.subject} ` : ''\n    return subject + messageBody(entry.msg)\n  }\n  if (entry.type === 'imported-message') return messageBody(entry.entry.message)\n  if (entry.type === 'activity') {\n    return entry.steps.map((step) => [step.label, step.text].filter(Boolean).join(' ')).join('\\n')\n  }\n  if (entry.type === 'relay-injection') return `${entry.event.category} ${entry.event.summary}\\n${JSON.stringify(entry.event.detail)}`\n  return ''\n}\n\nexport function sameActivityTurn(a: Extract<TimelineEntry, { type: 'activity' }>, b: Extract<TimelineEntry, { type: 'activity' }>): boolean {\n  const at = a.steps[a.steps.length - 1]?.turnId\n  const bt = b.steps[0]?.turnId\n  if (at && bt) return at === bt\n  // No turn id on either side: group adjacent steps regardless.\n  return !at && !bt\n}\n","\nimport { AlertCircle, Check, CheckCheck, Clock } from 'lucide-react'\nimport { HUMAN_AGENT_ID } from '@/lib/constants'\nimport {\n  isBadgeWorthy,\n  isReactionEventMessage,\n  normalizePathForCompare,\n  normalizeReactionEmoji,\n  pathWithinBase,\n  toTimestamp,\n} from '@/lib/display'\nimport { planLookupKey } from '@/store/slices/plans'\nimport type { Agent, AttachmentRef, InboxThread, Message, Orchestrator, Plan } from '@/types'\nimport type { PendingAttachment } from './types'\n\nexport function formatBytes(size: number): string {\n  if (size < 1024) return `${size} B`\n  if (size < 1024 * 1024) return `${(size / 1024).toFixed(1)} KB`\n  return `${(size / 1024 / 1024).toFixed(1)} MB`\n}\n\nexport function resolveRelativePath(cwd: string, path: string): string {\n  if (path.startsWith('/')) return path\n  const parts = `${cwd.replace(/\\/+$/, '')}/${path}`.split('/')\n  const stack: string[] = []\n  for (const part of parts) {\n    if (!part || part === '.') continue\n    if (part === '..') stack.pop()\n    else stack.push(part)\n  }\n  return '/' + stack.join('/')\n}\n\nexport function parentPath(path: string): string {\n  const trimmed = path.replace(/\\/+$/, '')\n  const index = trimmed.lastIndexOf('/')\n  return index > 0 ? trimmed.slice(0, index) : '/'\n}\n\nexport function orchestratorForFilePreview(orchestrators: Orchestrator[], path: string): Orchestrator | undefined {\n  return orchestrators\n    .filter((orch) => orch.status === 'online' && pathWithinBase(path, orch.baseDir))\n    .sort((a, b) => normalizePathForCompare(b.baseDir).length - normalizePathForCompare(a.baseDir).length)[0] ||\n    orchestrators.find((orch) => orch.status === 'online')\n}\n\nexport function supportsSideFilePreview(): boolean {\n  return typeof window !== 'undefined' && window.matchMedia('(min-width: 1280px)').matches\n}\n\nexport function hasActiveTextSelection(): boolean {\n  return typeof window !== 'undefined' && Boolean(window.getSelection()?.toString())\n}\n\nexport function messageAttachments(msg: Message): AttachmentRef[] {\n  const attachments = msg.payload?.attachments\n  if (!Array.isArray(attachments)) return []\n  return attachments.filter((item): item is AttachmentRef => Boolean(item && typeof item === 'object' && typeof (item as AttachmentRef).artifactId === 'string'))\n}\n\nexport const QUICK_REACTIONS = ['👍', '❤️', '✅', '👀'] as const\n\nexport function groupedReactions(msg: Message): Array<{ emoji: string; count: number; mine: boolean; actors: string[] }> {\n  const groups = new Map<string, { emoji: string; count: number; mine: boolean; actors: string[] }>()\n  for (const reaction of msg.reactions || []) {\n    const emoji = normalizeReactionEmoji(reaction.emoji)\n    const current = groups.get(emoji) ?? { emoji, count: 0, mine: false, actors: [] }\n    current.count += 1\n    current.mine = current.mine || reaction.actorId === HUMAN_AGENT_ID\n    current.actors.push(reaction.actorId)\n    groups.set(emoji, current)\n  }\n  return [...groups.values()].sort((a, b) => b.count - a.count || a.emoji.localeCompare(b.emoji))\n}\n\nexport function isReactionEvent(msg: Message): boolean {\n  return isReactionEventMessage(msg)\n}\n\nexport function outboundReceipt(msg: Message, peer: string): { label: string; title: string; tone: 'muted' | 'ok' | 'warn' | 'danger'; icon: typeof Check } {\n  const readBy = msg.readBy || []\n  const expectedReader = msg.resolvedToAgent || peer || msg.to\n  const readByExpected = expectedReader ? readBy.includes(expectedReader) : false\n  const readBySomeone = readBy.some((id) => id !== HUMAN_AGENT_ID)\n  if (readByExpected || readBySomeone) {\n    const reader = readByExpected ? expectedReader : readBy.find((id) => id !== HUMAN_AGENT_ID)\n    return { label: 'read', title: reader ? `Read by ${reader}` : 'Read by agent', tone: 'ok', icon: CheckCheck }\n  }\n  if (msg.deliveryStatus === 'delivered') {\n    return { label: 'delivered', title: 'Delivered to agent inbox', tone: 'ok', icon: CheckCheck }\n  }\n  if (msg.deliveryStatus === 'queued') {\n    return { label: 'queued', title: 'Queued until the target agent is available', tone: 'warn', icon: Clock }\n  }\n  if (msg.deliveryStatus === 'failed' || msg.deliveryStatus === 'dead') {\n    const detail = msg.deliveryPoisonReason || msg.deliveryLastError || msg.deliveryStatus\n    return { label: msg.deliveryStatus, title: detail, tone: 'danger', icon: AlertCircle }\n  }\n  return { label: 'sent', title: 'Accepted by Relay', tone: 'muted', icon: Check }\n}\n\nfunction messageActivityTimestamp(msg: Message): number {\n  const messageAt = toTimestamp(msg.createdAt)\n  return (msg.reactions || []).reduce((latest, reaction) => {\n    return Math.max(latest, toTimestamp(reaction.updatedAt || reaction.createdAt))\n  }, messageAt)\n}\n\nexport function threadActivityTimestamp(thread: InboxThread | undefined): number {\n  if (!thread) return 0\n  return thread.messages.reduce((latest, msg) => Math.max(latest, messageActivityTimestamp(msg)), 0)\n}\n\n// Ascending-by-time comparator for the conversations-list sorts (last activity, last seen).\n// Older timestamp sorts first, so 'asc' (the default, SortAsc icon) reads oldest→newest and a\n// conversation whose agent just finished a turn appends at the bottom instead of being yanked\n// to the top on every turn-completion (#541). dir=-1 ('desc') flips it to newest-first.\nexport function compareConversationActivity(ta: number, tb: number, dir: number): number {\n  return (ta - tb) * dir\n}\n\n// Time of the agent's last *final response* (`kind:\"session\"`, `session.final === true`) — what\n// the conversations list shows instead of a heartbeat/last-seen or any-message activity.\n// 0 when the agent hasn't produced a response yet (caller falls back to thread activity).\nexport function lastFinalResponseTimestamp(thread: InboxThread | undefined): number {\n  if (!thread) return 0\n  let latest = 0\n  for (const msg of thread.messages) {\n    if (isBadgeWorthy(msg)) latest = Math.max(latest, toTimestamp(msg.createdAt))\n  }\n  return latest\n}\n\nexport function chatTimestamp(iso: string | number): string {\n  const d = new Date(iso as string)\n  return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })\n}\n\nexport function revokePendingAttachmentUrls(items: PendingAttachment[]): void {\n  for (const item of items) if (item.previewUrl) URL.revokeObjectURL(item.previewUrl)\n}\n\ntype ChatPlanContext = { threadId: string | number; channel?: string } | { teamId: string; channel?: string }\n\nexport function resolveChatPlanContext(\n  agent: Agent | null,\n  messages: Message[],\n  lastMessage: Message | null | undefined,\n  plansByThread: Record<string, Plan | null>,\n): ChatPlanContext | null {\n  if (agent?.teamId) return { teamId: agent.teamId }\n  const ordered = [...messages]\n  if (lastMessage && !ordered.some((message) => message.id === lastMessage.id)) ordered.push(lastMessage)\n  const threaded = ordered.filter((message) => message.threadId).reverse()\n  const knownPlanMessage = threaded.find((message) => Boolean(plansByThread[planLookupKey(message.threadId!, message.channel)]))\n  const selected = knownPlanMessage ?? threaded[0]\n  if (!selected?.threadId) return null\n  return {\n    threadId: selected.threadId,\n    ...(selected.channel ? { channel: selected.channel } : {}),\n  }\n}\n","\nimport { useEffect, useMemo, useState, useSyncExternalStore } from 'react'\nimport type React from 'react'\nimport { AlertCircle, AlertTriangle, ArrowLeft, BookOpen, Brain, ChevronDown, ChevronRight, ChevronUp, Circle, CircleStop, Database, FileText, GitFork, GitMerge, LogOut, PlugZap, Plus, Radio, Sparkles, Terminal, Wrench } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\nimport { FormattedBody } from '@/components/shared/formatted-body'\nimport { HUMAN_AGENT_ID } from '@/lib/constants'\nimport { displayName, messageBody } from '@/lib/display'\nimport type { ChatHistoryImport, ChatHistoryImportEntry } from '@/types'\nimport { cn } from '@/lib/utils'\nimport { chatTimestamp } from './helpers'\nimport { dateKey, TIMELINE_STATUS_LABELS, type ActivityStep, type RelayInjectionCategory, type TimelineEntry } from './sessionTrace'\nimport type { Message } from '@/types'\nimport type { ChatStatusEvent as StatusEvent } from '@/store'\nimport { useRelayStore } from '@/store'\nimport { AgentTypeIcon } from '@/components/shared/agent-type-icon'\n\nconst TIMELINE_STATUS_COLORS: Record<string, string> = {\n  online: 'text-emerald-400',\n  offline: 'text-zinc-400',\n  shutdown: 'text-zinc-400',\n  restarted: 'text-blue-400',\n  'compaction-requested': 'text-zinc-400',\n  compacting: 'text-amber-400',\n  compacted: 'text-amber-400',\n  'compaction-stalled': 'text-red-400',\n  'clear-requested': 'text-zinc-400',\n  'clearing-context': 'text-amber-400',\n  'context-cleared': 'text-amber-400',\n  'clear-stalled': 'text-red-400',\n  'shutting-down': 'text-zinc-400',\n}\n\nfunction dateSeparatorLabel(dateStr: string): string {\n  const today = new Date()\n  const [y, m, d] = dateStr.split('-').map(Number)\n  const target = new Date(y!, m! - 1, d)\n  const todayKey = dateKey(today.getTime())\n  if (dateStr === todayKey) return 'Today'\n  const yesterday = new Date(today)\n  yesterday.setDate(yesterday.getDate() - 1)\n  if (dateStr === dateKey(yesterday.getTime())) return 'Yesterday'\n  return target.toLocaleDateString(undefined, { weekday: 'short', month: 'short', day: 'numeric', year: target.getFullYear() !== today.getFullYear() ? 'numeric' : undefined })\n}\n\nexport function StatusMarker({ event }: { event: StatusEvent }) {\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n        <Circle className={cn('w-2 h-2 fill-current', TIMELINE_STATUS_COLORS[event.status] || 'text-zinc-400')} />\n        <span>{TIMELINE_STATUS_LABELS[event.status] || event.status}</span>\n        <span className=\"text-muted-foreground/60\">{chatTimestamp(event.timestamp)}</span>\n      </div>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nconst BUS_SIGNAL_ICON: Record<string, LucideIcon> = {\n  'branch.landed': GitMerge,\n  'context.warning': AlertTriangle,\n  'agent.context_threshold': AlertTriangle,\n  'agent.resume_budget_exhausted': AlertTriangle,\n  'agent.rate_limit_resume': PlugZap,\n}\n\n// Explicit overrides for kinds that read better with custom wording; every other bus\n// signal is humanized from its kind (see humanizeSignalKind) so no event renders as a\n// raw dotted identifier and nothing is silently dropped (#507).\nconst BUS_SIGNAL_LABEL: Record<string, string> = {\n  'branch.landed': 'branch landed',\n  'context.warning': 'context warning',\n  'agent.context_threshold': 'context threshold reached',\n}\n\n// Turn an unmapped bus-signal kind into a readable label: drop the leading namespace\n// segment and normalize separators. e.g. `agent.rate_limit_resume` → \"rate limit resume\",\n// `workspace.review-request` → \"review request\". Falls back to \"system signal\" if empty.\nfunction humanizeSignalKind(kind: string): string {\n  if (!kind) return 'system signal'\n  const withoutNamespace = kind.includes('.') ? kind.slice(kind.indexOf('.') + 1) : kind\n  const words = withoutNamespace.replace(/[._-]+/g, ' ').trim()\n  return words || 'system signal'\n}\n\n// Inline, clickable agent reference — the ONE place chat resolves an agent id to a\n// label (#522: prefer label everywhere) and links it to that agent's chat (#522: every\n// reference links). Falls back to the raw id only when the agent is unknown and no\n// fallback label was supplied. Reused by NoticePill, AgentActionEntry, and MessageBubble.\nexport function AgentLink({ agentId, fallbackLabel, className, noIcon }: { agentId: string; fallbackLabel?: string; className?: string; noIcon?: boolean }) {\n  const agent = useRelayStore((s) => s.agentsById[agentId]) || null\n  const openInboxThread = useRelayStore((s) => s.openInboxThread)\n  const switchView = useRelayStore((s) => s.switchView)\n  const label = agent ? displayName(agent) : (fallbackLabel || agentId)\n  return (\n    <button\n      type=\"button\"\n      className={cn('inline-flex max-w-full items-center gap-1 rounded px-1 text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground', className)}\n      onClick={(e) => { e.stopPropagation(); openInboxThread(agentId); void switchView('chat') }}\n      title={`Open chat for ${label}`}\n    >\n      {!noIcon && <AgentTypeIcon agent={agent} className=\"w-4 h-4 text-[10px]\" />}\n      <span className=\"max-w-[160px] truncate\">{label}</span>\n    </button>\n  )\n}\n\n// Branch-landed gets a richer pill than the generic notice: the short merge SHA plus a\n// linked \"by {agent}\" attribution (#509). The payload (src/branch-landed.ts) carries\n// sha (mergedSha), author (ownerAgentId), branch, base — all previously dropped.\nfunction BranchLandedPill({ msg }: { msg: Message }) {\n  const payload = (msg.payload ?? {}) as Record<string, unknown>\n  const sha = typeof payload.sha === 'string' ? payload.sha : ''\n  const shortSha = sha ? sha.slice(0, 7) : ''\n  const author = typeof payload.author === 'string' ? payload.author : ''\n  const branch = typeof payload.branch === 'string' ? payload.branch : ''\n  const base = typeof payload.base === 'string' ? payload.base : ''\n  const pushed = payload.pushed\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      {/* Emerald shades flip per theme (#612): darker text/border on light themes for\n          contrast, the lighter dark-mode shades under `dark:`. The transparent green\n          fill stays the same so the look is preserved in both. */}\n      <div className=\"flex max-w-full flex-wrap items-center justify-center gap-x-1.5 gap-y-0.5 rounded-full border border-emerald-600/35 bg-emerald-500/10 px-2.5 py-1 text-xs text-emerald-700 dark:border-emerald-500/25 dark:text-emerald-300/90\">\n        <GitMerge className=\"h-3 w-3 shrink-0 text-emerald-600 dark:text-emerald-400\" />\n        <span className=\"text-emerald-700 dark:text-emerald-300\">branch landed</span>\n        {branch && base && (\n          <span className=\"font-mono text-emerald-700/80 dark:text-emerald-200/70\" title={`${branch} → ${base}`}>\n            {branch}<span className=\"opacity-50\"> → </span>{base}\n          </span>\n        )}\n        {shortSha && (\n          <span className=\"rounded bg-emerald-500/15 px-1 font-mono text-emerald-800 dark:text-emerald-200\" title={sha}>{shortSha}</span>\n        )}\n        {author && (\n          <span className=\"inline-flex items-center gap-1 text-emerald-700/80 dark:text-emerald-300/80\">\n            <span className=\"opacity-70\">by</span>\n            <AgentLink agentId={author} className=\"text-emerald-700 hover:text-emerald-900 dark:text-emerald-300/90 dark:hover:text-emerald-100\" />\n          </span>\n        )}\n        {pushed === false && <span className=\"text-amber-600 dark:text-amber-300/80\" title=\"Local-only land — not pushed to origin\">· local only</span>}\n        <span className=\"text-emerald-700/60 dark:text-emerald-300/50\">{chatTimestamp(msg.occurredAt ?? (msg.createdAt as string))}</span>\n      </div>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nexport function NoticePill({ msg }: { msg: Message }) {\n  const signalKind = typeof msg.payload?.kind === 'string' ? msg.payload.kind : ''\n  if (signalKind === 'branch.landed') return <BranchLandedPill msg={msg} />\n  const Icon: LucideIcon = BUS_SIGNAL_ICON[signalKind] ?? Radio\n  const label = BUS_SIGNAL_LABEL[signalKind] ?? humanizeSignalKind(signalKind)\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-2.5 py-1 text-xs text-muted-foreground\">\n        <Icon className=\"h-3 w-3\" />\n        <span>{label}</span>\n        <span className=\"text-muted-foreground/60\">{chatTimestamp(msg.occurredAt ?? (msg.createdAt as string))}</span>\n      </div>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nconst AGENT_ACTION_VERB: Record<string, Record<string, string>> = {\n  'spawned-child': { ready: 'spawned', exited: 'spawned · exited', failed: 'spawn failed' },\n  'spawned-by': { ready: 'spawned by', exited: 'spawned by', failed: 'spawned by' },\n}\n\nconst AGENT_ACTION_ICON: Record<string, LucideIcon> = {\n  'spawned-child-ready': Plus,\n  'spawned-child-exited': LogOut,\n  'spawned-child-failed': AlertCircle,\n  'spawned-by-ready': ArrowLeft,\n  'spawned-by-exited': ArrowLeft,\n  'spawned-by-failed': ArrowLeft,\n}\n\nconst AGENT_ACTION_COLOR: Record<string, string> = {\n  'spawned-child-ready': 'text-emerald-400',\n  'spawned-child-exited': 'text-zinc-400',\n  'spawned-child-failed': 'text-red-400',\n  'spawned-by-ready': 'text-blue-400',\n  'spawned-by-exited': 'text-blue-400',\n  'spawned-by-failed': 'text-blue-400',\n}\n\nexport function AgentActionEntry({ entry }: { entry: Extract<TimelineEntry, { type: 'agent-action' }> }) {\n  const key = `${entry.direction}-${entry.status}`\n  const verb = AGENT_ACTION_VERB[entry.direction]?.[entry.status] ?? entry.direction\n  const Icon: LucideIcon = AGENT_ACTION_ICON[key] ?? Radio\n  const color = AGENT_ACTION_COLOR[key] ?? 'text-muted-foreground'\n  const isError = entry.status === 'failed'\n\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <div className={cn('flex items-center gap-1.5 rounded-full border bg-muted/30 px-2.5 py-1 text-xs', isError ? 'border-red-500/30' : 'border-border')}>\n        <Icon className={cn('h-3 w-3 shrink-0', color)} />\n        <span className=\"text-muted-foreground\">{verb}</span>\n        <AgentLink agentId={entry.agentId} />\n        {entry.reason && isError && (\n          <span className=\"text-red-400/80 max-w-[120px] truncate\" title={entry.reason}>— {entry.reason}</span>\n        )}\n        <span className=\"text-muted-foreground/60 shrink-0\">{chatTimestamp(entry.timestamp)}</span>\n      </div>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nconst RELAY_INJECTION_ICON: Record<RelayInjectionCategory, LucideIcon> = {\n  memory: Brain,\n  instructions: FileText,\n  tools: Wrench,\n  comms: Radio,\n  knowledge: BookOpen,\n  context: Database,\n}\n\nconst RELAY_INJECTION_TONE: Record<RelayInjectionCategory, string> = {\n  memory: 'border-emerald-500/25 bg-emerald-500/10 text-emerald-300',\n  instructions: 'border-sky-500/25 bg-sky-500/10 text-sky-300',\n  tools: 'border-amber-500/25 bg-amber-500/10 text-amber-300',\n  comms: 'border-violet-500/25 bg-violet-500/10 text-violet-300',\n  knowledge: 'border-cyan-500/25 bg-cyan-500/10 text-cyan-300',\n  context: 'border-zinc-500/25 bg-zinc-500/10 text-zinc-300',\n}\n\nfunction detailJson(detail: Record<string, unknown>): string {\n  try {\n    return JSON.stringify(detail, null, 2)\n  } catch {\n    return String(detail)\n  }\n}\n\nexport function RelayInjectionRow({ entry }: { entry: Extract<TimelineEntry, { type: 'relay-injection' }> }) {\n  const [expanded, setExpanded] = useState(false)\n  const event = entry.event\n  const Icon = RELAY_INJECTION_ICON[event.category] ?? Sparkles\n  const tone = RELAY_INJECTION_TONE[event.category] ?? RELAY_INJECTION_TONE.context\n  return (\n    <div className=\"flex justify-center py-2 my-1\">\n      <div className={cn('w-full max-w-[85%] md:max-w-[75%] rounded-lg border px-2.5 py-1.5 text-xs shadow-sm', tone)}>\n        <button\n          type=\"button\"\n          className=\"flex w-full min-w-0 items-center gap-1.5 text-left\"\n          onClick={() => setExpanded((value) => !value)}\n        >\n          <Icon className=\"h-3.5 w-3.5 shrink-0\" />\n          <span className=\"shrink-0 font-medium\">{event.category}</span>\n          <span className=\"min-w-0 flex-1 truncate text-foreground/80\">{event.summary}</span>\n          <span className=\"shrink-0 text-muted-foreground/60\">{chatTimestamp(event.timestamp)}</span>\n          <ChevronRight className={cn('h-3.5 w-3.5 shrink-0 transition-transform', expanded && 'rotate-90')} />\n        </button>\n        {expanded && (\n          <pre className=\"mt-2 max-h-72 overflow-auto rounded-md border border-border/60 bg-background/75 p-2 font-mono text-[11px] leading-relaxed text-muted-foreground whitespace-pre-wrap break-words\">\n            {detailJson(event.detail)}\n          </pre>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function BusyIndicator({ blockedLabel, onInterrupt }: { blockedLabel?: string; onInterrupt?: () => void }) {\n  if (blockedLabel) {\n    return (\n      <div className=\"flex justify-start mb-3 animate-in fade-in slide-in-from-bottom-1 duration-150\">\n        <div className=\"flex h-9 items-center gap-2 rounded-2xl rounded-bl-sm bg-card ring-1 ring-red-500/30 px-4\">\n          <AlertCircle className=\"w-3.5 h-3.5 text-red-400\" />\n          <span className=\"text-xs text-red-300\">blocked: {blockedLabel}</span>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex justify-start mb-3 animate-in fade-in slide-in-from-bottom-1 duration-150\">\n      <div className=\"flex h-9 items-center gap-2 rounded-2xl rounded-bl-sm bg-card ring-1 ring-foreground/10 px-4\">\n        <div className=\"flex items-center gap-1\">\n          <span className=\"w-1.5 h-1.5 rounded-full bg-yellow-400 animate-[pulse_1.4s_ease-in-out_infinite]\" />\n          <span className=\"w-1.5 h-1.5 rounded-full bg-yellow-400 animate-[pulse_1.4s_ease-in-out_0.2s_infinite]\" />\n          <span className=\"w-1.5 h-1.5 rounded-full bg-yellow-400 animate-[pulse_1.4s_ease-in-out_0.4s_infinite]\" />\n        </div>\n        <span className=\"text-xs text-muted-foreground\">working</span>\n        {onInterrupt && (\n          <button\n            onClick={onInterrupt}\n            title=\"Interrupt\"\n            className=\"ml-1 flex items-center gap-1 rounded-full px-1.5 py-0.5 text-xs text-muted-foreground hover:text-red-300 hover:bg-red-500/10 transition-colors\"\n          >\n            <CircleStop className=\"w-3.5 h-3.5\" />\n            Stop\n          </button>\n        )}\n      </div>\n    </div>\n  )\n}\n\nconst HIDE_TOOLS_KEY = 'agent-relay:chat-hide-tools'\nconst hideToolsStore = (() => {\n  const listeners = new Set<() => void>()\n  let value = (() => {\n    try {\n      return window.localStorage.getItem(HIDE_TOOLS_KEY) === 'on'\n    } catch {\n      return false\n    }\n  })()\n  const emit = () => listeners.forEach((l) => l())\n  if (typeof window !== 'undefined') {\n    window.addEventListener('storage', (e) => {\n      if (e.key !== HIDE_TOOLS_KEY) return\n      value = e.newValue === 'on'\n      emit()\n    })\n  }\n  return {\n    subscribe(cb: () => void) {\n      listeners.add(cb)\n      return () => listeners.delete(cb)\n    },\n    get: () => value,\n    toggle() {\n      value = !value\n      try {\n        window.localStorage.setItem(HIDE_TOOLS_KEY, value ? 'on' : 'off')\n      } catch {}\n      emit()\n    },\n  }\n})()\n\nfunction useHideTools(): [boolean, () => void] {\n  const hideTools = useSyncExternalStore(hideToolsStore.subscribe, hideToolsStore.get, () => false)\n  return [hideTools, hideToolsStore.toggle]\n}\n\nexport function ActivityTrace({ steps, showReasoning, issueRepo }: { steps: ActivityStep[]; showReasoning: boolean; issueRepo?: string }) {\n  const [hideTools, toggleHideTools] = useHideTools()\n  const visible = showReasoning ? steps : steps.filter((s) => s.kind !== 'reasoning')\n  if (!visible.length) return null\n  const toolCount = visible.filter((s) => s.kind === 'tool').length\n  return (\n    <div className=\"flex justify-start mb-2\">\n      <div className=\"max-w-[85%] md:max-w-[75%] min-w-0 space-y-1.5\">\n        {visible.map((step) => {\n          if (step.kind === 'narration') {\n            return (\n              <FormattedBody\n                key={step.id}\n                text={step.text}\n                issueRepo={issueRepo}\n                className=\"text-sm leading-relaxed break-words text-foreground/90 min-w-0\"\n              />\n            )\n          }\n          if (step.kind === 'reasoning') {\n            return (\n              <div key={step.id} className=\"flex items-start gap-1.5 text-xs leading-relaxed text-muted-foreground/80\">\n                <Brain className=\"w-3.5 h-3.5 mt-0.5 shrink-0 opacity-70\" />\n                <FormattedBody text={step.text} issueRepo={issueRepo} className=\"italic break-words min-w-0\" />\n              </div>\n            )\n          }\n          if (hideTools) return null\n          return (\n            <div key={step.id} className=\"flex items-start gap-1.5 text-xs leading-relaxed text-muted-foreground\">\n              <Terminal className=\"w-3 h-3 mt-0.5 shrink-0 opacity-70\" />\n              <span className=\"min-w-0 break-words\">\n                <span className=\"font-medium\">{step.label || 'tool'}</span>\n                {step.text && step.text.trim() && step.text.trim() !== (step.label ?? '').trim() ? <span className=\"opacity-70\"> — {step.text}</span> : null}\n              </span>\n            </div>\n          )\n        })}\n        {toolCount > 0 && (\n          <button\n            onClick={toggleHideTools}\n            className=\"flex items-center gap-1 text-[11px] text-muted-foreground/50 hover:text-muted-foreground transition-colors text-left\"\n          >\n            <ChevronRight className={cn('w-3 h-3 shrink-0 transition-transform', !hideTools && 'rotate-90')} />\n            <span>{hideTools ? `show ${toolCount} tool step${toolCount === 1 ? '' : 's'}` : 'hide tool steps'}</span>\n          </button>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function DateSeparator({ date }: { date: string }) {\n  return (\n    <div className=\"flex items-center justify-center gap-3 py-3 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <span className=\"text-xs font-medium text-muted-foreground\">{dateSeparatorLabel(date)}</span>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nexport function CreatedMarker({ timestamp }: { timestamp: number }) {\n  const d = new Date(timestamp)\n  const label = d.toLocaleString(undefined, { month: 'short', day: 'numeric', year: 'numeric', hour: '2-digit', minute: '2-digit' })\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <span className=\"text-xs text-muted-foreground/60\">created {label}</span>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nexport function ImportedHistoryMarker({ history }: { history: ChatHistoryImport }) {\n  const source = history.sourceAgentLabel || history.sourcePeerId\n  const count = history.entries.length\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <div className=\"flex items-center gap-1.5 rounded-full border border-dashed border-border bg-muted/30 px-2 py-1 text-[11px] text-muted-foreground\">\n        <GitFork className=\"h-3 w-3\" />\n        <span>forked history from {source}</span>\n        <span className=\"text-muted-foreground/60\">{count} {count === 1 ? 'entry' : 'entries'}</span>\n      </div>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nexport function ImportedMessageBubble({ entry, sourceLabel, issueRepo }: { entry: ChatHistoryImportEntry; sourceLabel?: string; issueRepo?: string }) {\n  const msg = entry.message\n  const body = messageBody(msg)\n  const isOriginalHuman = entry.originalFrom === HUMAN_AGENT_ID\n  return (\n    <div className={cn('flex mb-3 opacity-80', isOriginalHuman ? 'justify-end' : 'justify-start')}>\n      <div className=\"max-w-[85%] md:max-w-[75%]\">\n        <div\n          className={cn(\n            'rounded-2xl border border-dashed px-3.5 py-2 text-sm select-text',\n            isOriginalHuman\n              ? 'border-primary/25 bg-primary/10 text-foreground rounded-br-sm'\n              : 'border-border bg-card/70 rounded-bl-sm'\n          )}\n        >\n          <div className={cn('mb-1 text-[10px] uppercase tracking-normal', isOriginalHuman ? 'text-primary/70' : 'text-muted-foreground')}>\n            forked history · {isOriginalHuman ? 'you' : (sourceLabel || entry.originalFrom)}\n          </div>\n          <FormattedBody text={body} rawBody={msg.body} issueRepo={issueRepo} className=\"leading-relaxed\" />\n          <p className={cn('mt-1 flex items-center justify-end gap-1.5 text-xs', isOriginalHuman ? 'text-primary/60' : 'text-muted-foreground')}>\n            <span className=\"opacity-40\">#{entry.originalMessageId}</span>\n            <span>{chatTimestamp(entry.originalCreatedAt)}</span>\n          </p>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n// The initial/spawn prompt (#513) — the message that kicked off the session — gets a\n// distinct titled panel instead of a plain user bubble, so it reads as the brief at the\n// top of the conversation. data-msg-id is preserved for the scroll/measurement logic.\nexport function InitialPromptBubble({ msg, issueRepo }: { msg: Message; issueRepo?: string }) {\n  const body = messageBody(msg)\n  const time = chatTimestamp(msg.occurredAt ?? (msg.createdAt as string))\n  return (\n    <div data-msg-id={msg.id} className=\"mb-3\">\n      <div className=\"rounded-xl border border-primary/30 bg-primary/[0.06] px-3.5 py-2.5 shadow-sm\">\n        <div className=\"mb-1.5 flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wide text-primary/80\">\n          <Sparkles className=\"h-3.5 w-3.5\" />\n          <span>Initial prompt</span>\n          <span className=\"ml-auto text-[10px] font-normal normal-case text-muted-foreground/60\">{time}</span>\n        </div>\n        <FormattedBody text={body} rawBody={msg.body} issueRepo={issueRepo} className=\"text-sm leading-relaxed text-foreground\" />\n      </div>\n    </div>\n  )\n}\n\n// Pinned \"Last prompt\" reminder. Rendered as a shrink-0 flex sibling ABOVE the timeline in\n// ChatPanel — the SAME mechanism as the chat search bar (ChatSearchBar) — so it stays put\n// above the conversation instead of scrolling away (#545). It previously lived inside the\n// scroll container as a position:sticky child, which broke when the timeline was virtualized\n// (b0ef5c5): a Virtuoso Header item scrolls/unmounts, so sticky no longer pinned it and it was\n// only glimpsed at the very top. `scrollEl` is the Virtuoso scroller (lifted up from\n// VirtualTimeline), used to observe whether the original prompt is on-screen and to scroll to it.\nexport function StickyPromptBanner({ scrollEl, timeline }: { scrollEl: HTMLElement | null; timeline: TimelineEntry[] }) {\n  const [hidden, setHidden] = useState(true)\n  const [expandedByPrompt, setExpandedByPrompt] = useState<{ id: number; value: boolean } | null>(null)\n  const [collapsedByPrompt, setCollapsedByPrompt] = useState<{ id: number; value: boolean } | null>(null)\n  const [promptAbove, setPromptAbove] = useState(false)\n\n  const lastOutbound = useMemo(() => {\n    for (let i = timeline.length - 1; i >= 0; i--) {\n      const entry = timeline[i]\n      if (!entry || (entry.type !== 'message' && entry.type !== 'initial-prompt')) continue\n      if (entry.msg.from === HUMAN_AGENT_ID) {\n        return { id: entry.msg.id, body: messageBody(entry.msg) }\n      }\n    }\n    return null\n  }, [timeline])\n\n  // Auto-hide while the original prompt is on-screen (no reminder needed), show it once the\n  // prompt scrolls out of view. The timeline is virtualized, so the prompt row mounts/unmounts\n  // as you scroll — re-resolve the target on every scroll and re-attach the observer when the\n  // row swaps. When the row is unmounted entirely it's definitely off-screen, so show the banner.\n  useEffect(() => {\n    if (!lastOutbound || !scrollEl) { setHidden(true); return }\n    let observer: IntersectionObserver | null = null\n    let observed: Element | null = null\n    const sync = () => {\n      const target = scrollEl.querySelector(`[data-msg-id=\"${lastOutbound.id}\"]`)\n      if (!target) {\n        observer?.disconnect()\n        observer = null\n        observed = null\n        setHidden(false) // prompt row virtualized away → off-screen → show the reminder\n        return\n      }\n      const r = target.getBoundingClientRect()\n      const sr = scrollEl.getBoundingClientRect()\n      setPromptAbove(r.top < sr.top)\n      if (target === observed) return\n      observer?.disconnect()\n      observed = target\n      observer = new IntersectionObserver(\n        ([e]) => { if (e) setHidden(e.isIntersecting) },\n        { root: scrollEl, threshold: 0 }\n      )\n      observer.observe(target)\n    }\n    sync()\n    scrollEl.addEventListener('scroll', sync, { passive: true })\n    return () => { observer?.disconnect(); scrollEl.removeEventListener('scroll', sync) }\n  }, [lastOutbound?.id, scrollEl])\n\n  if (hidden || !lastOutbound || !lastOutbound.body.trim()) return null\n\n  const expanded = expandedByPrompt?.id === lastOutbound.id ? expandedByPrompt.value : false\n  const collapsed = collapsedByPrompt?.id === lastOutbound.id ? collapsedByPrompt.value : false\n\n  function scrollToPrompt() {\n    if (!scrollEl || !lastOutbound) return\n    const target = scrollEl.querySelector(`[data-msg-id=\"${lastOutbound.id}\"]`)\n    target?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n  }\n\n  const arrow = promptAbove ? '↑' : '↓'\n\n  if (collapsed) {\n    return (\n      <div className=\"flex shrink-0 bg-card/45 border-b border-border\">\n        <button\n          type=\"button\"\n          className=\"w-full flex items-center justify-center gap-1.5 py-1 text-[11px] text-primary/60 hover:text-primary transition-colors\"\n          onClick={() => setCollapsedByPrompt({ id: lastOutbound.id, value: false })}\n        >\n          <span>Your prompt</span>\n          <ChevronDown className=\"w-3 h-3\" />\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <section className=\"flex shrink-0 flex-col border-b border-border bg-card/45 px-3 py-2\">\n      <div className=\"flex items-center gap-2 text-[11px] text-muted-foreground mb-0.5\">\n        <span className=\"font-medium text-primary/70\">Your prompt</span>\n        <button\n          type=\"button\"\n          className=\"ml-auto hover:text-foreground transition-colors\"\n          onClick={scrollToPrompt}\n        >\n          {arrow} scroll to original\n        </button>\n        <button\n          type=\"button\"\n          className=\"hover:text-foreground transition-colors\"\n          onClick={() => setCollapsedByPrompt({ id: lastOutbound.id, value: true })}\n          title=\"Minimize\"\n        >\n          <ChevronUp className=\"w-3 h-3\" />\n        </button>\n      </div>\n      <p\n        className={cn('text-sm text-foreground leading-snug cursor-pointer', !expanded && 'line-clamp-2')}\n        onClick={() => setExpandedByPrompt({ id: lastOutbound.id, value: !expanded })}\n      >\n        {lastOutbound.body}\n      </p>\n    </section>\n  )\n}\n","\nimport { useSyncExternalStore } from 'react'\nimport { voiceTts } from '@/lib/voice'\n\nexport function useTtsPlayingKey(): string | null {\n  return useSyncExternalStore(\n    (cb) => voiceTts.subscribe(cb),\n    () => voiceTts.getPlayingKey(),\n    () => null,\n  )\n}\n","\nimport { memo, useEffect, useRef, useState, type MouseEvent as ReactMouseEvent } from 'react'\nimport { AlertCircle, ArrowLeft, ArrowRight, ChevronRight, CircleStop, Download, FileText, Loader2, SmilePlus, Volume2, X, ZoomIn } from 'lucide-react'\nimport { voiceTts } from '@/lib/voice'\nimport { useRelayStore } from '@/store'\nimport { FormattedBody } from '@/components/shared/formatted-body'\nimport { AgentLink, InitialPromptBubble } from './TraceView'\nimport { AgentTypeIcon } from '@/components/shared/agent-type-icon'\nimport { Button } from '@/components/ui/button'\nimport { Dialog, DialogContent, DialogTitle } from '@/components/ui/dialog'\nimport { apiBlob } from '@/lib/api'\nimport { displayTarget, humanAccentClass, humanDisplayName, messageBody, resolveUser } from '@/lib/display'\nimport { isHumanAgentId } from 'agent-relay-sdk/types'\nimport { UserAvatar } from '@/components/shared/user-avatar'\nimport type { Agent, AttachmentRef, Message } from '@/types'\nimport { cn } from '@/lib/utils'\nimport type { ReferencedPathInfo } from './types'\nimport {\n  chatTimestamp,\n  groupedReactions,\n  hasActiveTextSelection,\n  isReactionEvent,\n  messageAttachments,\n  outboundReceipt,\n  QUICK_REACTIONS,\n  resolveRelativePath,\n} from './helpers'\nimport { useTtsPlayingKey } from './hooks/useTtsPlayingKey'\n\n// Spawn prompts (origin:\"provider\") are system-initiated — reuse InitialPromptBubble's\n// panel style rather than masquerading as an operator prompt bubble (Tier A, #420).\nfunction SpawnPromptBubble({ msg, peer }: { msg: Message; peer: string }) {\n  const issueRepo = useRelayStore((s) => s.agentsById[peer]?.issueRepo)\n  return <InitialPromptBubble msg={msg} issueRepo={issueRepo} />\n}\n\n// Small tappable sender avatar placed at the edge of a bubble (Tier B, #420).\n// Uses AgentTypeIcon so provider icon resolution stays in one place (DRY ratchet).\nfunction BubbleAvatar({ agent, onClick }: { agent: Agent | null; onClick?: () => void }) {\n  const canClick = Boolean(onClick && agent)\n  return (\n    <button\n      type=\"button\"\n      title={agent ? (agent.label || agent.name || agent.id) : undefined}\n      onClick={onClick}\n      disabled={!canClick}\n      className={cn('shrink-0 self-end transition-opacity', canClick ? 'cursor-pointer hover:opacity-80' : 'cursor-default opacity-60')}\n    >\n      <AgentTypeIcon agent={agent} />\n    </button>\n  )\n}\n\nfunction AttachmentPreview({ attachment, outbound }: { attachment: AttachmentRef; outbound: boolean }) {\n  const isImage = attachment.kind === 'image'\n  const title = attachment.title || attachment.artifactId\n  const [objectUrl, setObjectUrl] = useState<string | null>(null)\n  const [error, setError] = useState<string | null>(null)\n  const [loading, setLoading] = useState(false)\n  const [lightboxOpen, setLightboxOpen] = useState(false)\n\n  useEffect(() => {\n    let cancelled = false\n    let url: string | null = null\n\n    async function load() {\n      setLoading(true)\n      setError(null)\n      setObjectUrl(null)\n      try {\n        const blob = await apiBlob(`/artifacts/${encodeURIComponent(attachment.artifactId)}/content`)\n        if (cancelled) return\n        url = URL.createObjectURL(blob)\n        setObjectUrl(url)\n      } catch (e) {\n        if (!cancelled) setError((e as Error).message)\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n\n    void load()\n    return () => {\n      cancelled = true\n      if (url) URL.revokeObjectURL(url)\n    }\n  }, [attachment.artifactId])\n\n  function download() {\n    if (!objectUrl) return\n    const a = document.createElement('a')\n    a.href = objectUrl\n    a.download = title\n    document.body.appendChild(a)\n    a.click()\n    a.remove()\n  }\n\n  if (isImage) {\n    return (\n      <>\n        <button\n          type=\"button\"\n          onClick={() => objectUrl && setLightboxOpen(true)}\n          disabled={!objectUrl}\n          className=\"group/img mt-2 block overflow-hidden rounded-md border border-foreground/10 bg-black/10 text-left disabled:cursor-default relative\"\n        >\n          {objectUrl ? (\n            <>\n              <img src={objectUrl} alt={title} loading=\"lazy\" className=\"block max-h-72 max-w-full object-contain\" />\n              <span className=\"absolute inset-0 flex items-center justify-center bg-black/0 group-hover/img:bg-black/30 transition-colors\">\n                <ZoomIn className=\"w-6 h-6 text-white opacity-0 group-hover/img:opacity-100 transition-opacity drop-shadow-md\" />\n              </span>\n            </>\n          ) : (\n            <span className={cn('flex min-h-20 items-center gap-2 px-3 py-2 text-xs', error ? 'text-red-400' : 'text-muted-foreground')}>\n              {loading ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <AlertCircle className=\"h-4 w-4\" />}\n              {error || 'Loading image'}\n            </span>\n          )}\n        </button>\n        {objectUrl && (\n          <Dialog open={lightboxOpen} onOpenChange={setLightboxOpen}>\n            <DialogContent className=\"max-w-[95vw] max-h-[95vh] w-auto p-0 bg-black/95 border-zinc-800 gap-0 overflow-hidden\" showCloseButton={false}>\n              <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n              <div className=\"relative flex items-center justify-center min-h-[200px]\">\n                <img src={objectUrl} alt={title} className=\"max-w-[93vw] max-h-[90vh] object-contain\" />\n                <div className=\"absolute top-2 right-2 flex gap-1\">\n                  <button type=\"button\" onClick={download} className=\"rounded-md bg-black/60 hover:bg-black/80 p-2 text-white transition-colors\" title=\"Download\">\n                    <Download className=\"w-4 h-4\" />\n                  </button>\n                  <button type=\"button\" onClick={() => setLightboxOpen(false)} className=\"rounded-md bg-black/60 hover:bg-black/80 p-2 text-white transition-colors\" title=\"Close\">\n                    <X className=\"w-4 h-4\" />\n                  </button>\n                </div>\n              </div>\n            </DialogContent>\n          </Dialog>\n        )}\n      </>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={download}\n      disabled={!objectUrl}\n      className={cn(\n        'mt-2 flex w-full items-center gap-2 rounded-md border px-2.5 py-2 text-left text-xs transition-colors disabled:cursor-default disabled:opacity-70',\n        outbound ? 'border-primary-foreground/20 bg-primary-foreground/10 hover:bg-primary-foreground/15' : 'border-border bg-background hover:bg-muted'\n      )}\n    >\n      {loading ? <Loader2 className=\"h-4 w-4 shrink-0 animate-spin\" /> : error ? <AlertCircle className=\"h-4 w-4 shrink-0 text-red-400\" /> : <FileText className=\"h-4 w-4 shrink-0\" />}\n      <span className={cn('min-w-0 flex-1 truncate', error && 'text-red-400')}>{error || title}</span>\n      <Download className=\"h-3.5 w-3.5 shrink-0\" />\n    </button>\n  )\n}\n\nfunction AddReaction({ open, onToggle, onReact }: { open: boolean; onToggle: () => void; onReact: (emoji: string) => void }) {\n  return (\n    <div className=\"relative shrink-0\">\n      <button\n        type=\"button\"\n        title=\"Add reaction\"\n        onClick={onToggle}\n        className={cn(\n          'inline-flex h-5 w-6 items-center justify-center rounded-full border border-border bg-popover text-muted-foreground shadow-sm transition hover:bg-muted hover:text-foreground',\n          open ? 'opacity-100' : 'opacity-0 pointer-events-none md:group-hover/msg:opacity-100 md:group-hover/msg:pointer-events-auto'\n        )}\n      >\n        <SmilePlus className=\"h-3 w-3\" />\n      </button>\n      {open && (\n        <div className=\"absolute bottom-full left-0 z-30 mb-1 flex gap-0.5 rounded-full border border-border bg-popover p-0.5 shadow-md\">\n          {QUICK_REACTIONS.map((emoji) => (\n            <button\n              key={emoji}\n              type=\"button\"\n              title={`React ${emoji}`}\n              onClick={() => onReact(emoji)}\n              className=\"inline-flex h-6 w-7 items-center justify-center rounded-full text-xs transition-colors hover:bg-muted\"\n            >\n              {emoji}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\n// Inter-agent (peer↔peer) messages render as a compact, foldable one-liner — distinct\n// from the user↔agent bubbles, never persisted-open (#508). The other party is shown via\n// AgentLink (label-preferred + clickable, #522); fan-out targets (broadcast/tag:/cap:/…)\n// fall back to a plain displayTarget label since they don't resolve to one agent.\nfunction PeerMessageLine({ msg, peer }: { msg: Message; peer: string }) {\n  const [expanded, setExpanded] = useState(false)\n  const agentsById = useRelayStore((s) => s.agentsById)\n  const openAgentDetail = useRelayStore((s) => s.openAgentDetail)\n  const isOutbound = msg.from === peer\n  const otherParty = (isOutbound ? msg.to : msg.from) || ''\n  // Per-project #NNN linkify (#533/#543): outbound folded lines use the selected\n  // peer's repo; inbound inter-agent lines use the originating agent's repo.\n  const issueRepo = agentsById[isOutbound ? peer : otherParty]?.issueRepo ?? agentsById[peer]?.issueRepo\n  const isSelector = !otherParty || otherParty === 'broadcast' || otherParty.includes(':')\n  const body = messageBody(msg)\n  const time = chatTimestamp(msg.occurredAt ?? (msg.createdAt as string))\n  const DirIcon = isOutbound ? ArrowRight : ArrowLeft\n  const senderAgent = agentsById[msg.from ?? ''] ?? null\n  function openSenderDetail(e: ReactMouseEvent<HTMLButtonElement>) {\n    e.stopPropagation()\n    if (senderAgent) openAgentDetail(senderAgent)\n  }\n\n  return (\n    <div data-msg-id={msg.id} className=\"flex justify-center mb-1.5\">\n      <div className=\"w-full max-w-[94%] rounded-md border border-border/50 bg-muted/15 px-2.5 py-1\">\n        <div className=\"flex items-center gap-1.5 text-xs cursor-pointer select-none\" onClick={() => setExpanded((v) => !v)}>\n          <ChevronRight className={cn('h-3 w-3 shrink-0 text-muted-foreground/60 transition-transform', expanded && 'rotate-90')} />\n          <button\n            type=\"button\"\n            title={senderAgent ? (senderAgent.label || senderAgent.name || senderAgent.id) : undefined}\n            disabled={!senderAgent}\n            onClick={openSenderDetail}\n            className={cn('shrink-0 transition-opacity', senderAgent ? 'cursor-pointer hover:opacity-80' : 'cursor-default opacity-60')}\n          >\n            <AgentTypeIcon agent={senderAgent} className=\"!w-4 !h-4 !rounded-sm opacity-70\" />\n          </button>\n          <DirIcon className=\"h-3 w-3 shrink-0 text-muted-foreground/70\" />\n          <span className=\"shrink-0 text-muted-foreground\">Message {isOutbound ? 'to' : 'from'}</span>\n          {isSelector\n            ? <span className=\"shrink-0 font-medium text-muted-foreground\">{displayTarget(otherParty, agentsById)}</span>\n            : <AgentLink agentId={otherParty} className=\"shrink-0 px-0.5 text-foreground/80\" noIcon />}\n          {!expanded && <span className=\"min-w-0 flex-1 truncate text-muted-foreground/50\">{body}</span>}\n          <span className=\"ml-auto shrink-0 text-muted-foreground/40\">{time}</span>\n        </div>\n        {expanded && (\n          <div className=\"mt-1.5 pl-5\">\n            <FormattedBody text={body} rawBody={msg.body} issueRepo={issueRepo} className=\"text-sm leading-relaxed text-foreground/90\" />\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport const MessageBubble = memo(function MessageBubble({\n  msg,\n  peer,\n  showAvatar = false,\n  onOpenReferencedPath,\n  onPreviewReferencedPath,\n  onPreviewReferencedPathEnd,\n}: {\n  msg: Message\n  peer: string\n  /** Show the sender avatar on this bubble (last in a consecutive same-sender run). */\n  showAvatar?: boolean\n  onOpenReferencedPath?: (path: string, line?: number, type?: ReferencedPathInfo['type']) => void\n  onPreviewReferencedPath?: (path: string, line?: number, anchor?: DOMRect) => void\n  onPreviewReferencedPathEnd?: () => void\n}) {\n  // Inter-agent (peer↔peer) messages get a folded one-liner instead of a bubble (#508).\n  // This early-return precedes all hooks, which is safe here: the timeline keys each\n  // MessageBubble by msg id (VirtualTimeline.timelineEntryKey), and from/to are immutable\n  // for a given id — so a mounted instance never flips between the two render paths.\n  // De-singletoned human addressing (#390): any human side — legacy bare `'user'` or a\n  // per-user `user:<id>` sink — renders as a user↔agent bubble; only agent↔agent stays a\n  // folded peer line. isHumanAgentId keeps multi-human threads from collapsing to peer lines.\n  if (!isHumanAgentId(msg.from) && !isHumanAgentId(msg.to)) {\n    return <PeerMessageLine msg={msg} peer={peer} />\n  }\n  // Spawn prompts (kind:\"session\", type:\"prompt\", origin:\"provider\") are system-initiated\n  // and must NOT masquerade as operator-typed prompts. Render with the InitialPromptBubble\n  // panel style instead (#420 Tier A). Immutable payload — safe as a pre-hook early return.\n  const sessionPayload = msg.kind === 'session'\n    ? (msg.payload?.session as { type?: string; origin?: string } | undefined)\n    : undefined\n  if (sessionPayload?.type === 'prompt' && sessionPayload?.origin === 'provider') {\n    return <SpawnPromptBubble msg={msg} peer={peer} />\n  }\n  const isOutbound = isHumanAgentId(msg.from)\n  const reactToMessage = useRelayStore((s) => s.reactToMessage)\n  const voiceTtsEnabled = useRelayStore((s) => s.voiceTtsEnabled)\n  const ttsPlayingKey = useTtsPlayingKey()\n  const peerCwd = useRelayStore((s) => {\n    const cwd = s.agentsById[peer]?.meta?.cwd\n    return typeof cwd === 'string' ? cwd : ''\n  })\n  // Per-project #NNN linkify (#533): the peer agent's resolved project repo.\n  const peerIssueRepo = useRelayStore((s) => s.agentsById[peer]?.issueRepo)\n  // Sender avatar (#420 Tier B): peer agent for inbound, operator stub for outbound.\n  const peerAgent = useRelayStore((s) => s.agentsById[peer] ?? null)\n  // Human attribution (#390): resolve which user sent an outbound bubble, and whether more\n  // than one human exists. With the single seeded user:default, multiHuman is false and the\n  // name tag / colored avatar stay off — the bubble renders exactly as before.\n  const usersById = useRelayStore((s) => s.usersById)\n  const multiHuman = useRelayStore((s) => s.users.length > 1)\n  const sendingUser = isOutbound ? resolveUser(msg.from, usersById) : undefined\n  const openAgentDetail = useRelayStore((s) => s.openAgentDetail)\n  const [showQuickReact, setShowQuickReact] = useState(false)\n  const bubbleRef = useRef<HTMLDivElement>(null)\n  const pointerStartRef = useRef<{ x: number; y: number } | null>(null)\n  const suppressBubbleClickRef = useRef(false)\n  const body = messageBody(msg)\n  const time = chatTimestamp(msg.occurredAt ?? (msg.createdAt as string))\n  const attachments = messageAttachments(msg)\n  const reactions = groupedReactions(msg)\n  const receipt = isOutbound ? outboundReceipt(msg, peer) : null\n  const ReceiptIcon = receipt?.icon\n  // On-demand TTS: replay any agent response through the same Kokoro/browser\n  // pipeline. Only when the speaker is on, and only for inbound non-reaction text.\n  const isTtsPlaying = ttsPlayingKey === String(msg.id)\n  const showPlayButton = voiceTtsEnabled && !isOutbound && !isReactionEvent(msg) && body.trim().length > 0\n  function togglePlay(e: React.MouseEvent) {\n    e.stopPropagation()\n    if (isTtsPlaying) voiceTts.bargeIn()\n    else voiceTts.speak(msg.body, String(msg.id))\n  }\n  useEffect(() => {\n    if (!showQuickReact) return\n    function dismiss(e: MouseEvent | TouchEvent) {\n      if (hasActiveTextSelection()) return\n      if (bubbleRef.current && !bubbleRef.current.contains(e.target as Node)) setShowQuickReact(false)\n    }\n    document.addEventListener('mousedown', dismiss)\n    document.addEventListener('touchstart', dismiss)\n    return () => { document.removeEventListener('mousedown', dismiss); document.removeEventListener('touchstart', dismiss) }\n  }, [showQuickReact])\n\n  function resolvedReferencedPath(path: string): string {\n    return resolveRelativePath(peerCwd || '/', path)\n  }\n\n  function openReferencedPath(path: string, line?: number) {\n    const absolute = resolvedReferencedPath(path)\n    onOpenReferencedPath?.(absolute, line)\n  }\n\n  function previewReferencedPath(path: string, line?: number, anchor?: DOMRect) {\n    const absolute = resolvedReferencedPath(path)\n    onPreviewReferencedPath?.(absolute, line, anchor)\n  }\n\n  function handleReact(emoji: string) {\n    reactToMessage(msg, emoji)\n    setShowQuickReact(false)\n  }\n\n  function handleBubblePointerDown(e: React.PointerEvent<HTMLDivElement>) {\n    if (e.button !== 0) return\n    pointerStartRef.current = { x: e.clientX, y: e.clientY }\n    suppressBubbleClickRef.current = false\n  }\n\n  function handleBubblePointerMove(e: React.PointerEvent<HTMLDivElement>) {\n    const start = pointerStartRef.current\n    if (!start) return\n    if (Math.abs(e.clientX - start.x) > 3 || Math.abs(e.clientY - start.y) > 3) {\n      suppressBubbleClickRef.current = true\n    }\n  }\n\n  function handleBubbleClick(e: React.MouseEvent<HTMLDivElement>) {\n    if (isReactionEvent(msg) || isOutbound) return\n    const target = e.target as HTMLElement\n    if (target.closest('a,button,input,textarea,select,[role=\"button\"]')) return\n    if (suppressBubbleClickRef.current || hasActiveTextSelection()) {\n      suppressBubbleClickRef.current = false\n      return\n    }\n    setShowQuickReact((v) => !v)\n  }\n\n  const hasAvatar = showAvatar && !isReactionEvent(msg)\n  function handleAvatarClick() {\n    if (!isOutbound && peerAgent) openAgentDetail(peerAgent)\n  }\n\n  return (\n    <div data-msg-id={msg.id} className={cn('group/msg flex mb-3 items-end', isOutbound ? 'justify-end' : 'justify-start', hasAvatar && 'gap-1.5')}>\n      {!isOutbound && hasAvatar && <BubbleAvatar agent={peerAgent} onClick={handleAvatarClick} />}\n      <div ref={bubbleRef} className={cn('relative', hasAvatar ? 'max-w-[calc(85%-2rem)] md:max-w-[calc(75%-2rem)]' : 'max-w-[85%] md:max-w-[75%]')}>\n        {showPlayButton && (\n          <button\n            type=\"button\"\n            title={isTtsPlaying ? 'Stop playback' : 'Play aloud'}\n            onClick={togglePlay}\n            className={cn(\n              'absolute -top-2 -right-2 z-20 inline-flex h-6 w-6 items-center justify-center rounded-full border bg-popover shadow-sm transition',\n              isTtsPlaying\n                ? 'border-primary/50 text-primary opacity-100'\n                // Hide-until-hover only on hover-capable devices; touch screens (iPad)\n                // have no hover, so keep the button visible there instead of opacity-0.\n                : 'border-border text-muted-foreground opacity-70 hover:bg-muted hover:text-foreground hover:opacity-100 [@media(hover:hover)]:md:opacity-0 [@media(hover:hover)]:md:group-hover/msg:opacity-100'\n            )}\n          >\n            {isTtsPlaying ? <CircleStop className=\"h-3.5 w-3.5 animate-pulse\" /> : <Volume2 className=\"h-3.5 w-3.5\" />}\n          </button>\n        )}\n        <div\n          className={cn(\n            'rounded-2xl px-3.5 py-2 text-sm select-text',\n            !isOutbound && !isReactionEvent(msg) && 'cursor-pointer',\n            isOutbound\n              ? 'bg-primary text-primary-foreground rounded-br-sm'\n              : 'bg-card ring-1 ring-foreground/10 rounded-bl-sm'\n          )}\n          onPointerDown={handleBubblePointerDown}\n          onPointerMove={handleBubblePointerMove}\n          onClick={handleBubbleClick}\n        >\n          {isOutbound && multiHuman && (\n            <p className={cn('text-[11px] font-semibold mb-0.5 text-right', humanAccentClass(msg.from))}>\n              {humanDisplayName(msg.from, usersById)}\n            </p>\n          )}\n          {msg.subject && (\n            <p className={cn('text-xs font-semibold mb-1', isOutbound ? 'text-primary-foreground/70' : 'text-muted-foreground')}>\n              {msg.subject}\n            </p>\n          )}\n          <FormattedBody\n            text={body}\n            rawBody={msg.body}\n            issueRepo={peerIssueRepo}\n            className=\"leading-relaxed\"\n            onPrimary={isOutbound}\n            onOpenPath={openReferencedPath}\n            onPreviewPath={previewReferencedPath}\n            onPreviewPathEnd={onPreviewReferencedPathEnd}\n            resolvePathTitle={(path, line) => `${resolvedReferencedPath(path)}${line ? `:${line}` : ''}`}\n          />\n          {attachments.map((attachment) => (\n            <AttachmentPreview key={`${msg.id}-${attachment.artifactId}-${attachment.role || ''}`} attachment={attachment} outbound={isOutbound} />\n          ))}\n          <p className={cn('text-xs mt-1 flex items-center gap-1.5', isOutbound ? 'justify-end text-primary-foreground/60' : 'justify-end text-muted-foreground')}>\n            <span className=\"opacity-40\">#{msg.id}</span>\n            <span>{time}</span>\n            {receipt && ReceiptIcon && (\n              <span\n                className={cn(\n                  'inline-flex items-center gap-1',\n                  receipt.tone === 'ok' && 'text-emerald-300',\n                  receipt.tone === 'warn' && 'text-amber-200',\n                  receipt.tone === 'danger' && 'text-red-200'\n                )}\n                title={receipt.title}\n              >\n                <ReceiptIcon className=\"h-3 w-3\" />\n                {receipt.label}\n              </span>\n            )}\n          </p>\n        </div>\n        {!isReactionEvent(msg) && reactions.length > 0 && (\n          <div className={cn('flex flex-wrap items-center gap-0.5 -mt-1 relative z-10', isOutbound ? 'justify-end pr-2' : 'justify-start pl-2')}>\n            {!isOutbound && <AddReaction open={showQuickReact} onToggle={() => setShowQuickReact((v) => !v)} onReact={handleReact} />}\n            {reactions.map((reaction) => (\n              <button\n                key={reaction.emoji}\n                type=\"button\"\n                title={reaction.actors.join(', ')}\n                onClick={() => handleReact(reaction.emoji)}\n                className={cn(\n                  'inline-flex h-5 items-center gap-0.5 rounded-full border px-1.5 text-[11px] shadow-sm transition-colors',\n                  reaction.mine\n                    ? 'border-primary/40 bg-primary/10 text-primary'\n                    : 'border-border bg-background hover:bg-muted text-foreground'\n                )}\n              >\n                <span>{reaction.emoji}</span>\n                {reaction.count > 1 && <span>{reaction.count}</span>}\n              </button>\n            ))}\n          </div>\n        )}\n        {!isReactionEvent(msg) && !isOutbound && reactions.length === 0 && (\n          <div className=\"absolute -bottom-2.5 left-1 z-20\">\n            <AddReaction open={showQuickReact} onToggle={() => setShowQuickReact((v) => !v)} onReact={handleReact} />\n          </div>\n        )}\n      </div>\n      {isOutbound && hasAvatar && (\n        <span className=\"shrink-0 self-end opacity-60\">\n          <UserAvatar user={sendingUser} address={msg.from} distinct={multiHuman} />\n        </span>\n      )}\n    </div>\n  )\n})\n"],"mappings":"grBA8BA,GAAA,geAgBA,GAAA,IAAA,IAAA,OAAA,KAAA,GAAA,CAAA,CACA,GAAA,IAMA,SAAA,EAAA,EAAA,sDAOA,SAAA,GAAA,EAAA,gRAmBA,SAAA,GAAA,EAAA,8MAQA,SAAA,GAAA,EAAA,+qBAoBA,SAAA,GAAA,EAAA,EAAA,6JAgBA,SAAA,GAAA,EAAA,6CAMA,IAAA,GAAA,IAAA,IAAA,qDAEA,SAAA,EAAA,EAAA,+HAKA,SAAA,GAAA,EAAA,wNAcA,SAAA,GAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,49GAiNA,SAAA,GAAA,EAAA,+jBAqBA,SAAA,GAAA,EAAA;6GAaA,SAAA,GAAA,EAAA,EAAA,uFC1XA,SAAgB,GAAY,EAAsB,CAGhD,OAFI,EAAO,KAAa,GAAG,EAAK,IAC5B,EAAO,KAAO,KAAa,IAAI,EAAO,MAAM,QAAQ,EAAE,CAAC,KACpD,IAAI,EAAO,KAAO,MAAM,QAAQ,EAAE,CAAC,KAG5C,SAAgB,GAAoB,EAAa,EAAsB,CACrE,GAAI,EAAK,WAAW,IAAI,CAAE,OAAO,EACjC,IAAM,EAAQ,GAAG,EAAI,QAAQ,OAAQ,GAAG,CAAC,GAAG,IAAO,MAAM,IAAI,CACvD,EAAkB,EAAE,CAC1B,IAAK,IAAM,KAAQ,EACb,CAAC,GAAQ,IAAS,MAClB,IAAS,KAAM,EAAM,KAAK,CACzB,EAAM,KAAK,EAAK,EAEvB,MAAO,IAAM,EAAM,KAAK,IAAI,CAG9B,SAAgB,GAAW,EAAsB,CAC/C,IAAM,EAAU,EAAK,QAAQ,OAAQ,GAAG,CAClC,EAAQ,EAAQ,YAAY,IAAI,CACtC,OAAO,EAAQ,EAAI,EAAQ,MAAM,EAAG,EAAM,CAAG,IAG/C,SAAgB,GAA2B,EAA+B,EAAwC,CAChH,OAAO,EACJ,OAAQ,GAAS,EAAK,SAAW,UAAY,EAAe,EAAM,EAAK,QAAQ,CAAC,CAChF,MAAM,EAAG,IAAM,EAAwB,EAAE,QAAQ,CAAC,OAAS,EAAwB,EAAE,QAAQ,CAAC,OAAO,CAAC,IACvG,EAAc,KAAM,GAAS,EAAK,SAAW,SAAS,CAG1D,SAAgB,IAAmC,CACjD,OAAO,OAAO,OAAW,KAAe,OAAO,WAAW,sBAAsB,CAAC,QAGnF,SAAgB,IAAkC,CAChD,OAAO,OAAO,OAAW,KAAe,EAAQ,OAAO,cAAc,EAAE,UAAU,CAGnF,SAAgB,GAAmB,EAA+B,CAChE,IAAM,EAAc,EAAI,SAAS,YAEjC,OADK,MAAM,QAAQ,EAAY,CACxB,EAAY,OAAQ,GAAgC,GAAQ,GAAQ,OAAO,GAAS,UAAY,OAAQ,EAAuB,YAAe,UAAU,CADvH,EAAE,CAI5C,IAAa,GAAkB,CAAC,KAAM,KAAM,IAAK,KAAK,CAEtD,SAAgB,GAAiB,EAAwF,CACvH,IAAM,EAAS,IAAI,IACnB,IAAK,IAAM,KAAY,EAAI,WAAa,EAAE,CAAE,CAC1C,IAAM,EAAQ,EAAuB,EAAS,MAAM,CAC9C,EAAU,EAAO,IAAI,EAAM,EAAI,CAAE,QAAO,MAAO,EAAG,KAAM,GAAO,OAAQ,EAAE,CAAE,CACjF,EAAQ,OAAS,EACjB,EAAQ,KAAO,EAAQ,MAAQ,EAAS,UAAA,OACxC,EAAQ,OAAO,KAAK,EAAS,QAAQ,CACrC,EAAO,IAAI,EAAO,EAAQ,CAE5B,MAAO,CAAC,GAAG,EAAO,QAAQ,CAAC,CAAC,MAAM,EAAG,IAAM,EAAE,MAAQ,EAAE,OAAS,EAAE,MAAM,cAAc,EAAE,MAAM,CAAC,CAGjG,SAAgB,EAAgB,EAAuB,CACrD,OAAO,EAAuB,EAAI,CAGpC,SAAgB,GAAgB,EAAc,EAA8G,CAC1J,IAAM,EAAS,EAAI,QAAU,EAAE,CACzB,EAAiB,EAAI,iBAAmB,GAAQ,EAAI,GACpD,EAAiB,EAAiB,EAAO,SAAS,EAAe,CAAG,GACpE,EAAgB,EAAO,KAAM,GAAO,IAAO,EAAe,CAChE,GAAI,GAAkB,EAAe,CACnC,IAAM,EAAS,EAAiB,EAAiB,EAAO,KAAM,GAAO,IAAO,EAAe,CAC3F,MAAO,CAAE,MAAO,OAAQ,MAAO,EAAS,WAAW,IAAW,gBAAiB,KAAM,KAAM,KAAM,EAAY,CAE/G,GAAI,EAAI,iBAAmB,YACzB,MAAO,CAAE,MAAO,YAAa,MAAO,2BAA4B,KAAM,KAAM,KAAM,EAAY,CAEhG,GAAI,EAAI,iBAAmB,SACzB,MAAO,CAAE,MAAO,SAAU,MAAO,6CAA8C,KAAM,OAAQ,KAAM,EAAO,CAE5G,GAAI,EAAI,iBAAmB,UAAY,EAAI,iBAAmB,OAAQ,CACpE,IAAM,EAAS,EAAI,sBAAwB,EAAI,mBAAqB,EAAI,eACxE,MAAO,CAAE,MAAO,EAAI,eAAgB,MAAO,EAAQ,KAAM,SAAU,KAAM,EAAa,CAExF,MAAO,CAAE,MAAO,OAAQ,MAAO,oBAAqB,KAAM,QAAS,KAAM,EAAO,CAGlF,SAAS,GAAyB,EAAsB,CACtD,IAAM,EAAY,EAAY,EAAI,UAAU,CAC5C,OAAQ,EAAI,WAAa,EAAE,EAAE,QAAQ,EAAQ,IACpC,KAAK,IAAI,EAAQ,EAAY,EAAS,WAAa,EAAS,UAAU,CAAC,CAC7E,EAAU,CAGf,SAAgB,GAAwB,EAAyC,CAE/E,OADK,EACE,EAAO,SAAS,QAAQ,EAAQ,IAAQ,KAAK,IAAI,EAAQ,GAAyB,EAAI,CAAC,CAAE,EAAE,CAD9E,EAQtB,SAAgB,GAA4B,EAAY,EAAY,EAAqB,CACvF,OAAQ,EAAK,GAAM,EAMrB,SAAgB,GAA2B,EAAyC,CAClF,GAAI,CAAC,EAAQ,MAAO,GACpB,IAAI,EAAS,EACb,IAAK,IAAM,KAAO,EAAO,SACnB,EAAc,EAAI,GAAE,EAAS,KAAK,IAAI,EAAQ,EAAY,EAAI,UAAU,CAAC,EAE/E,OAAO,EAGT,SAAgB,EAAc,EAA8B,CAE1D,OAAO,IADO,KAAK,EACZ,CAAE,mBAAmB,EAAE,CAAE,CAAE,KAAM,UAAW,OAAQ,UAAW,CAAC,CAGzE,SAAgB,GAA4B,EAAkC,CAC5E,IAAK,IAAM,KAAQ,EAAW,EAAK,YAAY,IAAI,gBAAgB,EAAK,WAAW,CAKrF,SAAgB,GACd,EACA,EACA,EACA,EACwB,CACxB,GAAI,GAAO,OAAQ,MAAO,CAAE,OAAQ,EAAM,OAAQ,CAClD,IAAM,EAAU,CAAC,GAAG,EAAS,CACzB,GAAe,CAAC,EAAQ,KAAM,GAAY,EAAQ,KAAO,EAAY,GAAG,EAAE,EAAQ,KAAK,EAAY,CACvG,IAAM,EAAW,EAAQ,OAAQ,GAAY,EAAQ,SAAS,CAAC,SAAS,CAElE,EADmB,EAAS,KAAM,GAAY,EAAQ,EAAc,GAAc,EAAQ,SAAW,EAAQ,QAAQ,EAC1G,EAAoB,EAAS,GAE9C,OADK,GAAU,SACR,CACL,SAAU,EAAS,SACnB,GAAI,EAAS,QAAU,CAAE,QAAS,EAAS,QAAS,CAAG,EAAE,CAC1D,CAJ+B,eC3I5B,GAAiD,CACrD,OAAQ,mBACR,QAAS,gBACT,SAAU,gBACV,UAAW,gBACX,uBAAwB,gBACxB,WAAY,iBACZ,UAAW,iBACX,qBAAsB,eACtB,kBAAmB,gBACnB,mBAAoB,iBACpB,kBAAmB,iBACnB,gBAAiB,eACjB,gBAAiB,gBAClB,CAED,SAAS,GAAmB,EAAyB,CACnD,IAAM,EAAQ,IAAI,KACZ,CAAC,EAAG,EAAG,GAAK,EAAQ,MAAM,IAAI,CAAC,IAAI,OAAO,CAC1C,EAAS,IAAI,KAAK,EAAI,EAAK,EAAG,EAAE,CAEtC,GAAI,IADa,EAAQ,EAAM,SAAS,CACxB,CAAU,MAAO,QACjC,IAAM,EAAY,IAAI,KAAK,EAAM,CAGjC,OAFA,EAAU,QAAQ,EAAU,SAAS,CAAG,EAAE,CACtC,IAAY,EAAQ,EAAU,SAAS,CAAC,CAAS,YAC9C,EAAO,mBAAmB,IAAA,GAAW,CAAE,QAAS,QAAS,MAAO,QAAS,IAAK,UAAW,KAAM,EAAO,aAAa,GAAK,EAAM,aAAa,CAAe,IAAA,GAAZ,UAAuB,CAAC,CAG/K,SAAgB,GAAa,CAAE,SAAiC,CAC9D,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EACzC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mEAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAQ,UAAW,EAAG,uBAAwB,GAAuB,EAAM,SAAW,gBAAgB,CAAI,CAAA,EAC1G,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,GAAuB,EAAM,SAAW,EAAM,OAAc,CAAA,EACnE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oCAA4B,EAAc,EAAM,UAAU,CAAQ,CAAA,CAC9E,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,IAAM,GAA8C,CAClD,gBAAiB,EACjB,kBAAmB,EACnB,0BAA2B,EAC3B,gCAAiC,EACjC,0BAA2B,EAC5B,CAKK,GAA2C,CAC/C,gBAAiB,gBACjB,kBAAmB,kBACnB,0BAA2B,4BAC5B,CAKD,SAAS,GAAmB,EAAsB,CAIhD,OAHK,IACoB,EAAK,SAAS,IAAI,CAAG,EAAK,MAAM,EAAK,QAAQ,IAAI,CAAG,EAAE,CAAG,GACnD,QAAQ,UAAW,IAAI,CAAC,MAChD,EAHW,gBAUpB,SAAgB,EAAU,CAAE,UAAS,gBAAe,YAAW,UAA6F,CAC1J,IAAM,EAAQ,EAAe,GAAM,EAAE,WAAW,GAAS,EAAI,KACvD,EAAkB,EAAe,GAAM,EAAE,gBAAgB,CACzD,EAAa,EAAe,GAAM,EAAE,WAAW,CAC/C,EAAQ,EAAQ,GAAY,EAAM,CAAI,GAAiB,EAC7D,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,UAAW,EAAG,yIAA0I,EAAU,CAClK,QAAU,GAAM,CAAE,EAAE,iBAAiB,CAAE,EAAgB,EAAQ,CAAE,EAAgB,OAAO,EACxF,MAAO,iBAAiB,aAJ1B,CAMG,CAAC,IAAU,EAAA,EAAA,KAAC,EAAD,CAAsB,QAAO,UAAU,sBAAwB,CAAA,EAC3E,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,kCAA0B,EAAa,CAAA,CAChD,GAOb,SAAS,GAAiB,CAAE,OAAyB,CACnD,IAAM,EAAW,EAAI,SAAW,EAAE,CAC5B,EAAM,OAAO,EAAQ,KAAQ,SAAW,EAAQ,IAAM,GACtD,EAAW,EAAM,EAAI,MAAM,EAAG,EAAE,CAAG,GACnC,EAAS,OAAO,EAAQ,QAAW,SAAW,EAAQ,OAAS,GAC/D,EAAS,OAAO,EAAQ,QAAW,SAAW,EAAQ,OAAS,GAC/D,EAAO,OAAO,EAAQ,MAAS,SAAW,EAAQ,KAAO,GACzD,EAAS,EAAQ,OACvB,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EAIzC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0OAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,0DAA4D,CAAA,EAChF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,kDAAyC,gBAAoB,CAAA,CAC5E,GAAU,IACT,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,yDAAyD,MAAO,GAAG,EAAO,KAAK,aAA/F,CACG,GAAO,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAa,MAAU,CAAA,CAAC,EAC3C,GAER,IACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,kFAAkF,MAAO,WAAM,EAAgB,CAAA,CAEhI,IACC,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,uFAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAa,KAAS,CAAA,EACtC,EAAA,EAAA,KAAC,EAAD,CAAW,QAAS,EAAQ,UAAU,+FAAiG,CAAA,CAClI,GAER,IAAW,KAAS,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wCAAwC,MAAM,kDAAyC,eAAmB,CAAA,EAC/I,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wDAAgD,EAAc,EAAI,YAAe,EAAI,UAAqB,CAAQ,CAAA,CAC9H,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,SAAgB,GAAW,CAAE,OAAyB,CACpD,IAAM,EAAa,OAAO,EAAI,SAAS,MAAS,SAAW,EAAI,QAAQ,KAAO,GAC9E,GAAI,IAAe,gBAAiB,OAAO,EAAA,EAAA,KAAC,GAAD,CAAuB,MAAO,CAAA,CACzE,IAAM,EAAmB,GAAgB,IAAe,EAClD,EAAQ,GAAiB,IAAe,GAAmB,EAAW,CAC5E,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EACzC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6HAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,UAAY,CAAA,EAC5B,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAa,CAAA,EACpB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oCAA4B,EAAc,EAAI,YAAe,EAAI,UAAqB,CAAQ,CAAA,CAC1G,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,IAAM,GAA4D,CAChE,gBAAiB,CAAE,MAAO,UAAW,OAAQ,mBAAoB,OAAQ,eAAgB,CACzF,aAAc,CAAE,MAAO,aAAc,OAAQ,aAAc,OAAQ,aAAc,CAClF,CAEK,GAAgD,CACpD,sBAAuB,EACvB,uBAAwB,GACxB,uBAAwB,EACxB,mBAAoB,EACpB,oBAAqB,EACrB,oBAAqB,EACtB,CAEK,GAA6C,CACjD,sBAAuB,mBACvB,uBAAwB,gBACxB,uBAAwB,eACxB,mBAAoB,gBACpB,oBAAqB,gBACrB,oBAAqB,gBACtB,CAED,SAAgB,GAAiB,CAAE,SAAsE,CACvG,IAAM,EAAM,GAAG,EAAM,UAAU,GAAG,EAAM,SAClC,EAAO,GAAkB,EAAM,aAAa,EAAM,SAAW,EAAM,UACnE,EAAmB,GAAkB,IAAQ,EAC7C,EAAQ,GAAmB,IAAQ,wBACnC,EAAU,EAAM,SAAW,SAEjC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EACzC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAG,gFAAiF,EAAU,oBAAsB,gBAAgB,UAApJ,EACE,EAAA,EAAA,KAAC,EAAD,CAAM,UAAW,EAAG,mBAAoB,EAAM,CAAI,CAAA,EAClD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iCAAyB,EAAY,CAAA,EACrD,EAAA,EAAA,KAAC,EAAD,CAAW,QAAS,EAAM,QAAW,CAAA,CACpC,EAAM,QAAU,IACf,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,yCAAyC,MAAO,EAAM,gBAAtE,CAA8E,KAAG,EAAM,OAAc,IAEvG,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6CAAqC,EAAc,EAAM,UAAU,CAAQ,CAAA,CACvF,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,IAAM,GAAmE,CACvE,OAAQ,EACR,aAAc,EACd,MAAO,EACP,MAAO,EACP,UAAW,EACX,QAAS,GACV,CAEK,GAA+D,CACnE,OAAQ,2DACR,aAAc,+CACd,MAAO,qDACP,MAAO,wDACP,UAAW,kDACX,QAAS,kDACV,CAED,SAAS,GAAW,EAAyC,CAC3D,GAAI,CACF,OAAO,KAAK,UAAU,EAAQ,KAAM,EAAE,MAChC,CACN,OAAO,OAAO,EAAO,EAIzB,SAAgB,GAAkB,CAAE,SAAyE,CAC3G,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,GAAM,CACzC,EAAQ,EAAM,MACd,EAAO,GAAqB,EAAM,WAAa,EAErD,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,0CACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAG,sFAHV,GAAqB,EAAM,WAAa,GAAqB,QAGyC,UAA/G,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,UAAU,qDACV,YAAe,EAAa,GAAU,CAAC,EAAM,UAH/C,EAKE,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,uBAAyB,CAAA,EACzC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gCAAwB,EAAM,SAAgB,CAAA,EAC9D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sDAA8C,EAAM,QAAe,CAAA,EACnF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6CAAqC,EAAc,EAAM,UAAU,CAAQ,CAAA,EAC3F,EAAA,EAAA,KAAC,EAAD,CAAc,UAAW,EAAG,4CAA6C,GAAY,YAAY,CAAI,CAAA,CAC9F,GACR,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2LACZ,GAAW,EAAM,OAAO,CACrB,CAAA,CAEJ,GACF,CAAA,CAIV,SAAgB,GAAc,CAAE,eAAc,eAAoE,CAYhH,OAXI,GAEA,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2FACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qGAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,2BAA6B,CAAA,EACpD,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,gCAAhB,CAAuC,YAAU,EAAoB,GACjE,GACF,CAAA,EAKR,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2FACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,wGAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mFAAqF,CAAA,EACrG,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wFAA0F,CAAA,EAC1G,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wFAA0F,CAAA,CACtG,IACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yCAAgC,UAAc,CAAA,CAC7D,IACC,EAAA,EAAA,MAAC,SAAD,CACE,QAAS,EACT,MAAM,YACN,UAAU,0JAHZ,EAKE,EAAA,EAAA,KAAC,GAAD,CAAY,UAAU,cAAgB,CAAA,CAAA,OAE/B,GAEP,GACF,CAAA,CAIV,IAAM,EAAiB,8BACjB,OAAwB,CAC5B,IAAM,EAAY,IAAI,IAClB,OAAe,CACjB,GAAI,CACF,OAAO,OAAO,aAAa,QAAQ,EAAe,GAAK,UACjD,CACN,MAAO,OAEP,CACE,MAAa,EAAU,QAAS,GAAM,GAAG,CAAC,CAQhD,OAPI,OAAO,OAAW,KACpB,OAAO,iBAAiB,UAAY,GAAM,CACpC,EAAE,MAAQ,IACd,EAAQ,EAAE,WAAa,KACvB,GAAM,GACN,CAEG,CACL,UAAU,EAAgB,CAExB,OADA,EAAU,IAAI,EAAG,KACJ,EAAU,OAAO,EAAG,EAEnC,QAAW,EACX,QAAS,CACP,EAAQ,CAAC,EACT,GAAI,CACF,OAAO,aAAa,QAAQ,EAAgB,EAAQ,KAAO,MAAM,MAC3D,EACR,GAAM,EAET,IACC,CAEJ,SAAS,IAAsC,CAE7C,MAAO,EAAA,EAAA,EAAA,sBADgC,EAAe,UAAW,EAAe,QAAW,GACnF,CAAW,EAAe,OAAO,CAG3C,SAAgB,GAAc,CAAE,QAAO,gBAAe,aAAoF,CACxI,GAAM,CAAC,EAAW,GAAmB,IAAc,CAC7C,EAAU,EAAgB,EAAQ,EAAM,OAAQ,GAAM,EAAE,OAAS,YAAY,CACnF,GAAI,CAAC,EAAQ,OAAQ,OAAO,KAC5B,IAAM,EAAY,EAAQ,OAAQ,GAAM,EAAE,OAAS,OAAO,CAAC,OAC3D,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0DAAf,CACG,EAAQ,IAAK,GACR,EAAK,OAAS,aAEd,EAAA,EAAA,KAAC,EAAD,CAEE,KAAM,EAAK,KACA,YACX,UAAU,iEACV,CAJK,EAAK,GAIV,CAGF,EAAK,OAAS,aAEd,EAAA,EAAA,MAAC,MAAD,CAAmB,UAAU,qFAA7B,EACE,EAAA,EAAA,KAAC,EAAD,CAAO,UAAU,yCAA2C,CAAA,EAC5D,EAAA,EAAA,KAAC,EAAD,CAAe,KAAM,EAAK,KAAiB,YAAW,UAAU,6BAA+B,CAAA,CAC3F,EAHI,EAAK,GAGT,CAGN,EAAkB,MAEpB,EAAA,EAAA,MAAC,MAAD,CAAmB,UAAU,kFAA7B,EACE,EAAA,EAAA,KAAC,GAAD,CAAU,UAAU,qCAAuC,CAAA,EAC3D,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,+BAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uBAAe,EAAK,OAAS,OAAc,CAAA,CAC1D,EAAK,MAAQ,EAAK,KAAK,MAAM,EAAI,EAAK,KAAK,MAAM,IAAM,EAAK,OAAS,IAAI,MAAM,EAAG,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,sBAAhB,CAA6B,MAAI,EAAK,KAAY,GAAG,KACnI,GACH,EANI,EAAK,GAMT,CAER,CACD,EAAY,IACX,EAAA,EAAA,MAAC,SAAD,CACE,QAAS,EACT,UAAU,gIAFZ,EAIE,EAAA,EAAA,KAAC,EAAD,CAAc,UAAW,EAAG,wCAAyC,CAAC,GAAa,YAAY,CAAI,CAAA,EACnG,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAY,QAAQ,EAAU,YAAY,IAAc,EAAI,GAAK,MAAQ,kBAAyB,CAAA,CAClG,GAEP,GACF,CAAA,CAIV,SAAgB,GAAc,CAAE,QAA0B,CACxD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EACzC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDAA6C,GAAmB,EAAK,CAAQ,CAAA,EAC7F,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,SAAgB,GAAc,CAAE,aAAoC,CAElE,IAAM,EAAQ,IADA,KAAK,EACL,CAAE,eAAe,IAAA,GAAW,CAAE,MAAO,QAAS,IAAK,UAAW,KAAM,UAAW,KAAM,UAAW,OAAQ,UAAW,CAAC,CAClI,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EACzC,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,4CAAhB,CAAmD,WAAS,EAAa,IACzE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,SAAgB,GAAsB,CAAE,WAA2C,CACjF,IAAM,EAAS,EAAQ,kBAAoB,EAAQ,aAC7C,EAAQ,EAAQ,QAAQ,OAC9B,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EACzC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6IAAf,EACE,EAAA,EAAA,KAAC,GAAD,CAAS,UAAU,UAAY,CAAA,EAC/B,EAAA,EAAA,MAAC,OAAD,CAAA,SAAA,CAAM,uBAAqB,EAAc,CAAA,CAAA,EACzC,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,oCAAhB,CAA4C,EAAM,IAAE,IAAU,EAAI,QAAU,UAAiB,GACzF,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,SAAgB,GAAsB,CAAE,QAAO,cAAa,aAA0F,CACpJ,IAAM,EAAM,EAAM,QACZ,EAAO,EAAY,EAAI,CACvB,EAAkB,EAAM,eAAiB,EAC/C,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAG,uBAAwB,EAAkB,cAAgB,gBAAgB,WAC3F,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uCACb,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EACT,mEACA,EACI,gEACA,yCACL,UANH,EAQE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAG,6CAA8C,EAAkB,kBAAoB,wBAAwB,UAA/H,CAAiI,oBAC7G,EAAkB,MAAS,GAAe,EAAM,aAC9D,IACN,EAAA,EAAA,KAAC,EAAD,CAAe,KAAM,EAAM,QAAS,EAAI,KAAiB,YAAW,UAAU,kBAAoB,CAAA,EAClG,EAAA,EAAA,MAAC,IAAD,CAAG,UAAW,EAAG,qDAAsD,EAAkB,kBAAoB,wBAAwB,UAArI,EACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,sBAAhB,CAA6B,IAAE,EAAM,kBAAyB,IAC9D,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAc,EAAM,kBAAkB,CAAQ,CAAA,CACnD,GACA,GACF,CAAA,CACF,CAAA,CAOV,SAAgB,GAAoB,CAAE,MAAK,aAAmD,CAC5F,IAAM,EAAO,EAAY,EAAI,CACvB,EAAO,EAAc,EAAI,YAAe,EAAI,UAAqB,CACvE,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,cAAa,EAAI,GAAI,UAAU,iBAClC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yFAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,8GAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,cAAgB,CAAA,EACpC,EAAA,EAAA,KAAC,OAAD,CAAA,SAAM,iBAAqB,CAAA,EAC3B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gFAAwE,EAAY,CAAA,CAChG,IACN,EAAA,EAAA,KAAC,EAAD,CAAe,KAAM,EAAM,QAAS,EAAI,KAAiB,YAAW,UAAU,0CAA4C,CAAA,CACtH,GACF,CAAA,CAWV,SAAgB,GAAmB,CAAE,WAAU,YAAyE,CACtH,GAAM,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,GAAK,CACpC,CAAC,EAAkB,IAAA,EAAA,EAAA,UAAuE,KAAK,CAC/F,CAAC,EAAmB,IAAA,EAAA,EAAA,UAAwE,KAAK,CACjG,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,GAAM,CAE/C,GAAA,EAAA,EAAA,aAA6B,CACjC,IAAK,IAAI,EAAI,EAAS,OAAS,EAAG,GAAK,EAAG,IAAK,CAC7C,IAAM,EAAQ,EAAS,GACnB,MAAC,GAAU,EAAM,OAAS,WAAa,EAAM,OAAS,mBACtD,EAAM,IAAI,OAAA,OACZ,MAAO,CAAE,GAAI,EAAM,IAAI,GAAI,KAAM,EAAY,EAAM,IAAI,CAAE,CAG7D,OAAO,MACN,CAAC,EAAS,CAAC,CAoCd,IA9BA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAAgB,CAAC,EAAU,CAAE,EAAU,GAAK,CAAE,OACnD,IAAI,EAAwC,KACxC,EAA2B,KACzB,MAAa,CACjB,IAAM,EAAS,EAAS,cAAc,iBAAiB,EAAa,GAAG,IAAI,CAC3E,GAAI,CAAC,EAAQ,CACX,GAAU,YAAY,CACtB,EAAW,KACX,EAAW,KACX,EAAU,GAAM,CAChB,OAEF,IAAM,EAAI,EAAO,uBAAuB,CAClC,EAAK,EAAS,uBAAuB,CAC3C,EAAe,EAAE,IAAM,EAAG,IAAI,CAC1B,IAAW,IACf,GAAU,YAAY,CACtB,EAAW,EACX,EAAW,IAAI,sBACZ,CAAC,KAAO,CAAM,GAAG,EAAU,EAAE,eAAe,EAC7C,CAAE,KAAM,EAAU,UAAW,EAAG,CACjC,CACD,EAAS,QAAQ,EAAO,GAI1B,OAFA,GAAM,CACN,EAAS,iBAAiB,SAAU,EAAM,CAAE,QAAS,GAAM,CAAC,KAC/C,CAAE,GAAU,YAAY,CAAE,EAAS,oBAAoB,SAAU,EAAK,GAClF,CAAC,GAAc,GAAI,EAAS,CAAC,CAE5B,GAAU,CAAC,GAAgB,CAAC,EAAa,KAAK,MAAM,CAAE,OAAO,KAEjE,IAAM,EAAW,GAAkB,KAAO,EAAa,GAAK,EAAiB,MAAQ,GAC/E,EAAY,GAAmB,KAAO,EAAa,GAAK,EAAkB,MAAQ,GAExF,SAAS,GAAiB,CACpB,CAAC,GAAY,CAAC,GAElB,EADwB,cAAc,iBAAiB,EAAa,GAAG,IACvE,EAAQ,eAAe,CAAE,SAAU,SAAU,MAAO,SAAU,CAAC,CAGjE,IAAM,EAAQ,EAAc,IAAM,IAiBlC,OAfI,GAEA,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,4DACb,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,UAAU,wHACV,YAAe,EAAqB,CAAE,GAAI,EAAa,GAAI,MAAO,GAAO,CAAC,UAH5E,EAKE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAM,cAAkB,CAAA,EACxB,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,UAAY,CAAA,CAC5B,GACL,CAAA,EAKR,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,8EAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4EAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uCAA8B,cAAkB,CAAA,EAChE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,UAAU,kDACV,QAAS,WAHX,CAKG,EAAM,sBACA,IACT,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAU,0CACV,YAAe,EAAqB,CAAE,GAAI,EAAa,GAAI,MAAO,GAAM,CAAC,CACzE,MAAM,qBAEN,EAAA,EAAA,KAAC,EAAD,CAAW,UAAU,UAAY,CAAA,CAC1B,CAAA,CACL,IACN,EAAA,EAAA,KAAC,IAAD,CACE,UAAW,EAAG,sDAAuD,CAAC,GAAY,eAAe,CACjG,YAAe,EAAoB,CAAE,GAAI,EAAa,GAAI,MAAO,CAAC,EAAU,CAAC,UAE5E,EAAa,KACZ,CAAA,CACI,GChlBd,SAAgB,IAAkC,CAChD,OAAA,EAAA,EAAA,sBACG,GAAO,EAAS,UAAU,EAAG,KACxB,EAAS,eAAe,KACxB,KACP,CCsBH,SAAS,GAAkB,CAAE,MAAK,QAAwC,CAExE,OAAO,EAAA,EAAA,KAAC,GAAD,CAA0B,MAAgB,UAD/B,EAAe,GAAM,EAAE,WAAW,IAAO,UACV,CAAa,CAAA,CAKhE,SAAS,GAAa,CAAE,QAAO,WAA0D,CACvF,IAAM,EAAW,GAAQ,GAAW,GACpC,OACE,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,MAAO,EAAS,EAAM,OAAS,EAAM,MAAQ,EAAM,GAAM,IAAA,GAChD,UACT,SAAU,CAAC,EACX,UAAW,EAAG,uCAAwC,EAAW,kCAAoC,4BAA4B,WAEjI,EAAA,EAAA,KAAC,EAAD,CAAsB,QAAS,CAAA,CACxB,CAAA,CAIb,SAAS,GAAkB,CAAE,aAAY,YAA8D,CACrG,IAAM,EAAU,EAAW,OAAS,QAC9B,EAAQ,EAAW,OAAS,EAAW,WACvC,CAAC,EAAW,IAAA,EAAA,EAAA,UAAwC,KAAK,CACzD,CAAC,EAAO,IAAA,EAAA,EAAA,UAAoC,KAAK,CACjD,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,EAAc,IAAA,EAAA,EAAA,UAA4B,GAAM,EAEvD,EAAA,EAAA,eAAgB,CACd,IAAI,EAAY,GACZ,EAAqB,KAEzB,eAAe,GAAO,CACpB,EAAW,GAAK,CAChB,EAAS,KAAK,CACd,EAAa,KAAK,CAClB,GAAI,CACF,IAAM,EAAO,MAAM,EAAQ,cAAc,mBAAmB,EAAW,WAAW,CAAC,UAAU,CAC7F,GAAI,EAAW,OACf,EAAM,IAAI,gBAAgB,EAAK,CAC/B,EAAa,EAAI,OACV,EAAG,CACL,GAAW,EAAU,EAAY,QAAQ,QACtC,CACH,GAAW,EAAW,GAAM,EAKrC,OADA,GAAW,KACE,CACX,EAAY,GACR,GAAK,IAAI,gBAAgB,EAAI,GAElC,CAAC,EAAW,WAAW,CAAC,CAE3B,SAAS,GAAW,CAClB,GAAI,CAAC,EAAW,OAChB,IAAM,EAAI,SAAS,cAAc,IAAI,CACrC,EAAE,KAAO,EACT,EAAE,SAAW,EACb,SAAS,KAAK,YAAY,EAAE,CAC5B,EAAE,OAAO,CACT,EAAE,QAAQ,CAgDZ,OA7CI,GAEA,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,YAAe,GAAa,EAAgB,GAAK,CACjD,SAAU,CAAC,EACX,UAAU,8IAET,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,IAAK,EAAW,IAAK,EAAO,QAAQ,OAAO,UAAU,2CAA6C,CAAA,EACvG,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uHACd,EAAA,EAAA,KAAC,EAAD,CAAQ,UAAU,6FAA+F,CAAA,CAC5G,CAAA,CACN,CAAA,CAAA,EAEH,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAG,qDAAsD,EAAQ,eAAiB,wBAAwB,UAA3H,CACG,GAAU,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,uBAAyB,CAAA,EAAG,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,UAAY,CAAA,CAC5F,GAAS,gBACL,GAEF,CAAA,CACR,IACC,EAAA,EAAA,KAAC,GAAD,CAAQ,KAAM,EAAc,aAAc,YACxC,EAAA,EAAA,MAAC,GAAD,CAAe,UAAU,yFAAyF,gBAAiB,YAAnI,EACE,EAAA,EAAA,KAAC,GAAD,CAAa,UAAU,mBAAW,EAAoB,CAAA,EACtD,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mEAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,IAAK,EAAW,IAAK,EAAO,UAAU,2CAA6C,CAAA,EACxF,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,KAAC,SAAD,CAAQ,KAAK,SAAS,QAAS,EAAU,UAAU,4EAA4E,MAAM,qBACnI,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,UAAY,CAAA,CACzB,CAAA,EACT,EAAA,EAAA,KAAC,SAAD,CAAQ,KAAK,SAAS,YAAe,EAAgB,GAAM,CAAE,UAAU,4EAA4E,MAAM,kBACvJ,EAAA,EAAA,KAAC,EAAD,CAAG,UAAU,UAAY,CAAA,CAClB,CAAA,CACL,GACF,GACQ,GACT,CAAA,CAEV,CAAA,CAAA,EAKL,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,SAAU,CAAC,EACX,UAAW,EACT,oJACA,EAAW,uFAAyF,6CACrG,UAPH,CASG,GAAU,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,gCAAkC,CAAA,CAAG,GAAQ,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,gCAAkC,CAAA,EAAG,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,mBAAqB,CAAA,EAChL,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAG,0BAA2B,GAAS,eAAe,UAAG,GAAS,EAAa,CAAA,EAChG,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,uBAAyB,CAAA,CACtC,GAIb,SAAS,GAAY,CAAE,OAAM,WAAU,WAAsF,CAC3H,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6BAAf,EACE,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,MAAM,eACN,QAAS,EACT,UAAW,EACT,+KACA,EAAO,cAAgB,sGACxB,WAED,EAAA,EAAA,KAAC,EAAD,CAAW,UAAU,UAAY,CAAA,CAC1B,CAAA,CACR,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2HACZ,GAAgB,IAAK,IACpB,EAAA,EAAA,KAAC,SAAD,CAEE,KAAK,SACL,MAAO,SAAS,IAChB,YAAe,EAAQ,EAAM,CAC7B,UAAU,iHAET,EACM,CAPF,EAOE,CACT,CACE,CAAA,CAEJ,GAQV,SAAS,GAAgB,CAAE,MAAK,QAAwC,CACtE,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,GAAM,CACzC,EAAa,EAAe,GAAM,EAAE,WAAW,CAC/C,EAAkB,EAAe,GAAM,EAAE,gBAAgB,CACzD,EAAa,EAAI,OAAS,EAC1B,GAAc,EAAa,EAAI,GAAK,EAAI,OAAS,GAGjD,EAAY,EAAW,EAAa,EAAO,IAAa,WAAa,EAAW,IAAO,UACvF,EAAa,CAAC,GAAc,IAAe,aAAe,EAAW,SAAS,IAAI,CAClF,EAAO,EAAY,EAAI,CACvB,EAAO,EAAc,EAAI,YAAe,EAAI,UAAqB,CACjE,EAAU,EAAa,EAAa,EACpC,EAAc,EAAW,EAAI,MAAQ,KAAO,KAClD,SAAS,EAAiB,EAAuC,CAC/D,EAAE,iBAAiB,CACf,GAAa,EAAgB,EAAY,CAG/C,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,cAAa,EAAI,GAAI,UAAU,uCAClC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yFAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+DAA+D,YAAe,EAAa,GAAM,CAAC,EAAE,UAAnH,EACE,EAAA,EAAA,KAAC,EAAD,CAAc,UAAW,EAAG,iEAAkE,GAAY,YAAY,CAAI,CAAA,EAC1H,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,MAAO,EAAe,EAAY,OAAS,EAAY,MAAQ,EAAY,GAAM,IAAA,GACjF,SAAU,CAAC,EACX,QAAS,EACT,UAAW,EAAG,8BAA+B,EAAc,kCAAoC,4BAA4B,WAE3H,EAAA,EAAA,KAAC,EAAD,CAAe,MAAO,EAAa,UAAU,mCAAqC,CAAA,CAC3E,CAAA,EACT,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,4CAA8C,CAAA,EACjE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,0CAAhB,CAAiD,WAAS,EAAa,KAAO,OAAc,GAC3F,GACG,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sDAA8C,GAAc,EAAY,EAAW,CAAQ,CAAA,EAC3G,EAAA,EAAA,KAAC,EAAD,CAAW,QAAS,EAAY,UAAU,qCAAqC,OAAA,GAAS,CAAA,CAC3F,CAAC,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4DAAoD,EAAY,CAAA,EAC9F,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDAA6C,EAAY,CAAA,CACrE,GACL,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBACb,EAAA,EAAA,KAAC,EAAD,CAAe,KAAM,EAAM,QAAS,EAAI,KAAiB,YAAW,UAAU,6CAA+C,CAAA,CACzH,CAAA,CAEJ,GACF,CAAA,CAIV,IAAa,IAAA,EAAA,EAAA,MAAqB,SAAuB,CACvD,MACA,OACA,aAAa,GACb,uBACA,0BACA,8BASC,CAQD,GAAI,CAAC,EAAe,EAAI,KAAK,EAAI,CAAC,EAAe,EAAI,GAAG,CACtD,OAAO,EAAA,EAAA,KAAC,GAAD,CAAsB,MAAW,OAAQ,CAAA,CAKlD,IAAM,EAAiB,EAAI,OAAS,UAC/B,EAAI,SAAS,QACd,IAAA,GACJ,GAAI,GAAgB,OAAS,UAAY,GAAgB,SAAW,WAClE,OAAO,EAAA,EAAA,KAAC,GAAD,CAAwB,MAAW,OAAQ,CAAA,CAEpD,IAAM,EAAa,EAAe,EAAI,KAAK,CACrC,EAAiB,EAAe,GAAM,EAAE,eAAe,CACvD,EAAkB,EAAe,GAAM,EAAE,gBAAgB,CACzD,EAAgB,IAAkB,CAClC,EAAU,EAAe,GAAM,CACnC,IAAM,EAAM,EAAE,WAAW,IAAO,MAAM,IACtC,OAAO,OAAO,GAAQ,SAAW,EAAM,IACvC,CAEI,EAAgB,EAAe,GAAM,EAAE,WAAW,IAAO,UAAU,CAEnE,EAAY,EAAe,GAAM,EAAE,WAAW,IAAS,KAAK,CAI5D,EAAY,EAAe,GAAM,EAAE,UAAU,CAC7C,EAAa,EAAe,GAAM,EAAE,MAAM,OAAS,EAAE,CACrD,EAAc,EAAa,GAAY,EAAI,KAAM,EAAU,CAAG,IAAA,GAC9D,GAAkB,EAAe,GAAM,EAAE,gBAAgB,CACzD,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA8B,GAAM,CACrD,GAAA,EAAA,EAAA,QAAmC,KAAK,CACxC,GAAA,EAAA,EAAA,QAA0D,KAAK,CAC/D,GAAA,EAAA,EAAA,QAAgC,GAAM,CACtC,EAAO,EAAY,EAAI,CACvB,GAAO,EAAc,EAAI,YAAe,EAAI,UAAqB,CACjE,GAAc,GAAmB,EAAI,CACrC,EAAY,GAAiB,EAAI,CACjC,EAAU,EAAa,GAAgB,EAAK,EAAK,CAAG,KACpD,EAAc,GAAS,KAGvB,EAAe,IAAkB,OAAO,EAAI,GAAG,CAC/C,GAAiB,GAAmB,CAAC,GAAc,CAAC,EAAgB,EAAI,EAAI,EAAK,MAAM,CAAC,OAAS,EACvG,SAAS,EAAW,EAAqB,CACvC,EAAE,iBAAiB,CACf,EAAc,EAAS,SAAS,CAC/B,EAAS,MAAM,EAAI,KAAM,OAAO,EAAI,GAAG,CAAC,EAE/C,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAgB,OACrB,SAAS,EAAQ,EAA4B,CACvC,IAAwB,EACxB,EAAU,SAAW,CAAC,EAAU,QAAQ,SAAS,EAAE,OAAe,EAAE,EAAkB,GAAM,CAIlG,OAFA,SAAS,iBAAiB,YAAa,EAAQ,CAC/C,SAAS,iBAAiB,aAAc,EAAQ,KACnC,CAAE,SAAS,oBAAoB,YAAa,EAAQ,CAAE,SAAS,oBAAoB,aAAc,EAAQ,GACrH,CAAC,EAAe,CAAC,CAEpB,SAAS,EAAuB,EAAsB,CACpD,OAAO,GAAoB,GAAW,IAAK,EAAK,CAGlD,SAAS,GAAmB,EAAc,EAAe,CACvD,IAAM,EAAW,EAAuB,EAAK,CAC7C,IAAuB,EAAU,EAAK,CAGxC,SAAS,EAAsB,EAAc,EAAe,EAAkB,CAC5E,IAAM,EAAW,EAAuB,EAAK,CAC7C,IAA0B,EAAU,EAAM,EAAO,CAGnD,SAAS,EAAY,EAAe,CAClC,EAAe,EAAK,EAAM,CAC1B,EAAkB,GAAM,CAG1B,SAAS,EAAwB,EAAuC,CAClE,EAAE,SAAW,IACjB,EAAgB,QAAU,CAAE,EAAG,EAAE,QAAS,EAAG,EAAE,QAAS,CACxD,EAAuB,QAAU,IAGnC,SAAS,EAAwB,EAAuC,CACtE,IAAM,EAAQ,EAAgB,QACzB,IACD,KAAK,IAAI,EAAE,QAAU,EAAM,EAAE,CAAG,GAAK,KAAK,IAAI,EAAE,QAAU,EAAM,EAAE,CAAG,KACvE,EAAuB,QAAU,IAIrC,SAAS,EAAkB,EAAqC,CAC1D,OAAgB,EAAI,EAAI,IACb,GAAE,OACN,QAAQ,iDAAiD,CACpE,IAAI,EAAuB,SAAW,IAAwB,CAAE,CAC9D,EAAuB,QAAU,GACjC,OAEF,EAAmB,GAAM,CAAC,EAAE,EAG9B,IAAM,EAAY,GAAc,CAAC,EAAgB,EAAI,CACrD,SAAS,IAAoB,CACvB,CAAC,GAAc,GAAW,GAAgB,EAAU,CAG1D,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAa,EAAI,GAAI,UAAW,EAAG,gCAAiC,EAAa,cAAgB,gBAAiB,GAAa,UAAU,UAA9I,CACG,CAAC,GAAc,IAAa,EAAA,EAAA,KAAC,GAAD,CAAc,MAAO,EAAW,QAAS,GAAqB,CAAA,EAC3F,EAAA,EAAA,MAAC,MAAD,CAAK,IAAK,EAAW,UAAW,EAAG,WAAY,EAAY,mDAAqD,6BAA6B,UAA7I,CACG,KACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,MAAO,EAAe,gBAAkB,aACxC,QAAS,EACT,UAAW,EACT,oIACA,EACI,6CAGA,gMACL,UAEA,GAAe,EAAA,EAAA,KAAC,GAAD,CAAY,UAAU,4BAA8B,CAAA,EAAG,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,cAAgB,CAAA,CACnG,CAAA,EAEX,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EACT,8CACA,CAAC,GAAc,CAAC,EAAgB,EAAI,EAAI,iBACxC,EACI,mDACA,kDACL,CACD,cAAe,EACf,cAAe,EACf,QAAS,WAVX,CAYG,GAAc,IACb,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAG,8CAA+C,GAAiB,EAAI,KAAK,CAAC,UACxF,GAAiB,EAAI,KAAM,EAAU,CACpC,CAAA,CAEL,EAAI,UACH,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAG,6BAA8B,EAAa,6BAA+B,wBAAwB,UAChH,EAAI,QACH,CAAA,EAEN,EAAA,EAAA,KAAC,EAAD,CACE,KAAM,EACN,QAAS,EAAI,KACb,UAAW,EACX,UAAU,kBACV,UAAW,EACX,WAAY,GACZ,cAAe,EACf,iBAAkB,EAClB,kBAAmB,EAAM,IAAS,GAAG,EAAuB,EAAK,GAAG,EAAO,IAAI,IAAS,KACxF,CAAA,CACD,GAAY,IAAK,IAChB,EAAA,EAAA,KAAC,GAAD,CAAmG,aAAY,SAAU,EAAc,CAA/G,GAAG,EAAI,GAAG,GAAG,EAAW,WAAW,GAAG,EAAW,MAAQ,KAAsD,CACvI,EACF,EAAA,EAAA,MAAC,IAAD,CAAG,UAAW,EAAG,yCAA0C,EAAa,yCAA2C,oCAAoC,UAAvJ,EACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,sBAAhB,CAA6B,IAAE,EAAI,GAAU,IAC7C,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,GAAY,CAAA,CAClB,GAAW,IACV,EAAA,EAAA,MAAC,OAAD,CACE,UAAW,EACT,iCACA,EAAQ,OAAS,MAAQ,mBACzB,EAAQ,OAAS,QAAU,iBAC3B,EAAQ,OAAS,UAAY,eAC9B,CACD,MAAO,EAAQ,eAPjB,EASE,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,UAAY,CAAA,CAClC,EAAQ,MACJ,GAEP,GACA,GACL,CAAC,EAAgB,EAAI,EAAI,EAAU,OAAS,IAC3C,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAG,0DAA2D,EAAa,mBAAqB,qBAAqB,UAArI,CACG,CAAC,IAAc,EAAA,EAAA,KAAC,GAAD,CAAa,KAAM,EAAgB,aAAgB,EAAmB,GAAM,CAAC,EAAE,CAAE,QAAS,EAAe,CAAA,CACxH,EAAU,IAAK,IACd,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,MAAO,EAAS,OAAO,KAAK,KAAK,CACjC,YAAe,EAAY,EAAS,MAAM,CAC1C,UAAW,EACT,0GACA,EAAS,KACL,+CACA,6DACL,UAVH,EAYE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAS,MAAa,CAAA,CAC5B,EAAS,MAAQ,IAAK,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAS,MAAa,CAAA,CAC7C,EAbF,EAAS,MAaP,CACT,CACE,GAEP,CAAC,EAAgB,EAAI,EAAI,CAAC,GAAc,EAAU,SAAW,IAC5D,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,6CACb,EAAA,EAAA,KAAC,GAAD,CAAa,KAAM,EAAgB,aAAgB,EAAmB,GAAM,CAAC,EAAE,CAAE,QAAS,EAAe,CAAA,CACrG,CAAA,CAEJ,GACL,GAAc,IACb,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yCACd,EAAA,EAAA,KAAC,GAAD,CAAY,KAAM,EAAa,QAAS,EAAI,KAAM,SAAU,EAAc,CAAA,CACrE,CAAA,CAEL,IAER"}
+{"version":3,"file":"MessageBubble-DS4Hbn0k.js","names":[],"sources":["../../dashboard/src/components/chat/sessionTrace.ts","../../dashboard/src/components/chat/helpers.ts","../../dashboard/src/components/chat/TraceView.tsx","../../dashboard/src/components/chat/hooks/useTtsPlayingKey.ts","../../dashboard/src/components/chat/MessageBubble.tsx"],"sourcesContent":["\nimport { isReactionEventMessage, messageBody, toTimestamp, responseBodyContainsBlock } from '@/lib/display'\nimport { HUMAN_AGENT_ID } from '@/lib/constants'\nimport type { ChatStatusEvent as StatusEvent } from '@/store'\nimport type { ChatHistoryImport, ChatHistoryImportEntry, Message } from '@/types'\n\nexport interface ActivityStep { id: number; kind: 'narration' | 'reasoning' | 'tool'; label?: string; text: string; ts: number; turnId?: string }\nexport type RelayInjectionCategory = 'memory' | 'instructions' | 'tools' | 'comms' | 'knowledge' | 'context'\ninterface RelayInjectionTimelineEvent {\n  id: number\n  category: RelayInjectionCategory\n  summary: string\n  detail: Record<string, unknown>\n  agentId: string\n  timestamp: number\n}\n\nexport type TimelineEntry =\n  | { type: 'message'; msg: Message }\n  | { type: 'initial-prompt'; msg: Message }\n  | { type: 'notice'; msg: Message }\n  | { type: 'relay-injection'; event: RelayInjectionTimelineEvent }\n  | { type: 'agent-action'; direction: 'spawned-child' | 'spawned-by'; agentId: string; provider?: string; status: 'ready' | 'exited' | 'failed'; reason?: string; timestamp: number }\n  | { type: 'activity'; steps: ActivityStep[]; timestamp: number }\n  | { type: 'import-boundary'; history: ChatHistoryImport; timestamp: number }\n  | { type: 'imported-message'; history: ChatHistoryImport; entry: ChatHistoryImportEntry }\n  | { type: 'status'; event: StatusEvent }\n  | { type: 'date'; date: string; timestamp: number }\n  | { type: 'created'; timestamp: number }\n\nexport const TIMELINE_STATUS_LABELS: Record<string, string> = {\n  online: 'came online',\n  offline: 'went offline',\n  shutdown: 'shut down',\n  restarted: 'restarted',\n  'compaction-requested': 'compaction requested',\n  compacting: 'compaction started',\n  compacted: 'context compacted',\n  'compaction-stalled': 'compaction stalled — may need manual intervention',\n  'clear-requested': 'clear requested',\n  'clearing-context': 'clear started',\n  'context-cleared': 'context cleared',\n  'clear-stalled': 'context clear stalled — may need manual intervention',\n  'shutting-down': 'shutting down',\n}\n\nconst TIMELINE_STATUSES = new Set(Object.keys(TIMELINE_STATUS_LABELS))\nconst STATUS_DEDUPE_WINDOW_MS = 3000\n\n// True event time of a message: occurredAt (set when a Runner backfilled a message it had\n// queued during an outage, #196) falling back to the server receive time. Used for chat\n// timeline ordering + display so a backfilled turn lands where it actually happened in the\n// conversation, not at the bottom. Display-only — DB poll cursors still use created_at.\nfunction messageEventTime(msg: Message): number {\n  return new Date(msg.occurredAt ?? msg.createdAt).getTime()\n}\n\n// Narration/reasoning/tool session events are mirrored as `kind:\"session\"` messages\n// but must not become chat bubbles — they render inline in the turn's activity trace.\n// (`narration` = the agent's intermediate spoken text; `reasoning` = its thinking.)\nexport function sessionActivityStep(msg: Message): ActivityStep | null {\n  if (msg.kind !== 'session') return null\n  const s = msg.payload?.session as { type?: string; label?: string; turnId?: string } | undefined\n  if (!s || (s.type !== 'narration' && s.type !== 'reasoning' && s.type !== 'tool')) return null\n  return {\n    id: msg.id,\n    kind: s.type,\n    label: typeof s.label === 'string' ? s.label : undefined,\n    text: msg.body,\n    ts: messageEventTime(msg),\n    turnId: typeof s.turnId === 'string' ? s.turnId : undefined,\n  }\n}\n\n// A `notice` session event (e.g. the runner's durable \"context compacted\" marker) renders\n// as a discreet timeline marker, reusing the StatusMarker path. Its `label` carries a\n// timeline-status key (e.g. \"compacted\"); we surface it as a StatusEvent so it dedupes with\n// the ephemeral live timeline-status decoration and survives a reload (the ephemeral one does\n// not). Returns null for non-notice messages or labels we don't render.\nexport function sessionNoticeStatusEvent(msg: Message): StatusEvent | null {\n  if (msg.kind !== 'session') return null\n  const s = msg.payload?.session as { type?: string; label?: string } | undefined\n  if (s?.type !== 'notice') return null\n  const status = typeof s.label === 'string' && s.label ? s.label : 'compacted'\n  return { id: `notice-${msg.id}`, status, timestamp: messageEventTime(msg) }\n}\n\nexport function sessionRelayInjectionEvent(msg: Message): RelayInjectionTimelineEvent | null {\n  if (msg.kind !== 'session') return null\n  const s = msg.payload?.session as { type?: string; relayInjection?: Record<string, unknown> } | undefined\n  if (s?.type !== 'relay-injection') return null\n  const raw = s.relayInjection && typeof s.relayInjection === 'object' && !Array.isArray(s.relayInjection) ? s.relayInjection : {}\n  const category = typeof raw.category === 'string' && ['memory', 'instructions', 'tools', 'comms', 'knowledge', 'context'].includes(raw.category)\n    ? raw.category as RelayInjectionCategory\n    : 'context'\n  const timestamp = typeof raw.timestamp === 'number' && Number.isFinite(raw.timestamp) ? raw.timestamp : messageEventTime(msg)\n  const detail = raw.detail && typeof raw.detail === 'object' && !Array.isArray(raw.detail) ? raw.detail as Record<string, unknown> : {}\n  return {\n    id: msg.id,\n    category,\n    summary: typeof raw.summary === 'string' && raw.summary.trim() ? raw.summary : msg.body,\n    detail,\n    agentId: typeof raw.agentId === 'string' && raw.agentId ? raw.agentId : msg.from,\n    timestamp,\n  }\n}\n\nfunction stripLeadingResponseBlocks(body: string, blocks: string[]): string {\n  let remaining = body.trim()\n  for (const raw of blocks) {\n    const block = raw.trim()\n    if (!block) continue\n    if (remaining === block) break\n    if (remaining.startsWith(`${block}\\n\\n`)) {\n      remaining = remaining.slice(block.length + 2).trimStart()\n    }\n  }\n  return remaining.trim() || body.trim()\n}\n\n// Bus-level system signals (kind:\"system\", from:\"system\") — e.g. branch.landed,\n// agent.context_threshold, workspace.* events. Rendered as notice pills (NoticePill\n// labels/humanizes the kind, #507), NOT chat bubbles or session status markers.\nexport function isBusSignalMessage(msg: Message): boolean {\n  return msg.kind === 'system' && msg.from === 'system'\n}\n\n// Spawn lifecycle signals routed to the parent: agent.ready / agent.exited / agent.spawn_failed.\n// These are richer than generic bus signals and get their own agent-action timeline entry.\nconst LIFECYCLE_KINDS = new Set(['agent.ready', 'agent.exited', 'agent.spawn_failed'])\n\nexport function dateKey(ts: number): string {\n  const d = new Date(ts)\n  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`\n}\n\nexport function dedupeStatusEvents(statusEvents: StatusEvent[]): StatusEvent[] {\n  const events = statusEvents\n    .filter((event) => TIMELINE_STATUSES.has(event.status))\n    .slice()\n    .sort((a, b) => a.timestamp - b.timestamp)\n  const result: StatusEvent[] = []\n  for (const event of events) {\n    if (result.some((existing) => existing.id === event.id)) continue\n    if (result.some((existing) => existing.status === event.status && Math.abs(existing.timestamp - event.timestamp) <= STATUS_DEDUPE_WINDOW_MS)) continue\n    result.push(event)\n  }\n  return result\n}\n\nexport function buildTimeline(\n  messages: Message[],\n  statusEvents: StatusEvent[],\n  createdAt?: string | number | null,\n  importedHistory: ChatHistoryImport[] = [],\n  options?: { spawnedBy?: { agentId: string; provider?: string } },\n): TimelineEntry[] {\n  const raw: Array<{ ts: number; entry: TimelineEntry }> = []\n\n  for (const history of importedHistory) {\n    const firstImportedAt = history.entries.reduce((min, entry) => Math.min(min, toTimestamp(entry.originalCreatedAt)), Number.POSITIVE_INFINITY)\n    const boundaryAt = Number.isFinite(firstImportedAt) ? firstImportedAt - 1 : history.importedAt\n    raw.push({ ts: boundaryAt, entry: { type: 'import-boundary', history, timestamp: boundaryAt } })\n    for (const entry of history.entries) {\n      raw.push({ ts: toTimestamp(entry.originalCreatedAt), entry: { type: 'imported-message', history, entry } })\n    }\n  }\n\n  if (createdAt) {\n    const ts = new Date(createdAt as string).getTime()\n    if (Number.isFinite(ts)) raw.push({ ts, entry: { type: 'created', timestamp: ts } })\n  }\n\n  // Synthetic \"spawned by\" lead entry for child agents — derives from the agent's spawnedBy\n  // metadata (no inbound system message exists for this direction). Placed at createdAt so it\n  // sorts as the first real entry after the created/date markers.\n  if (options?.spawnedBy) {\n    const ts = createdAt ? new Date(createdAt as string).getTime() : 0\n    const spawnedByTs = Number.isFinite(ts) ? ts : 0\n    raw.push({ ts: spawnedByTs, entry: { type: 'agent-action', direction: 'spawned-by', agentId: options.spawnedBy.agentId, provider: options.spawnedBy.provider, status: 'ready', timestamp: spawnedByTs } })\n  }\n\n  // The initial/spawn prompt (#513): the earliest real prompt that kicked off the\n  // session — a human prompt, or (for a spawned agent) the first message from the spawn\n  // parent. Tagged so it renders with a distinct title instead of as a normal bubble or\n  // a folded peer one-liner. Skip session events, bus signals, reactions, and empty bodies.\n  const spawnParentId = options?.spawnedBy?.agentId\n  let initialPromptId: number | null = null\n  let initialPromptTs = Number.POSITIVE_INFINITY\n  for (const msg of messages) {\n    if (msg.kind === 'session' || isBusSignalMessage(msg) || isReactionEventMessage(msg)) continue\n    const fromInitiator = msg.from === HUMAN_AGENT_ID || (spawnParentId !== undefined && msg.from === spawnParentId)\n    if (!fromInitiator || !messageBody(msg).trim()) continue\n    const ts = messageEventTime(msg)\n    if (ts < initialPromptTs) { initialPromptTs = ts; initialPromptId = msg.id }\n  }\n\n  // A full-capture response stores the turn's narration blocks plus the final\n  // answer. Keep the stored message intact, but derive what the response bubble\n  // should show: strip leading narration blocks and leave the final visible block.\n  // Narration suppression then compares against that visible block only, preserving\n  // the live chronological trace after the turn completes.\n  const responseBodiesByTurn = new Map<string, string[]>()\n  const narrationByTurn = new Map<string, Array<{ id: number; body: string }>>()\n  const responseDisplayBodyByMessageId = new Map<number, string>()\n  for (const msg of messages) {\n    if (msg.kind !== 'session') continue\n    const s = msg.payload?.session as { type?: string; turnId?: string } | undefined\n    if (s?.type === 'narration' && typeof s.turnId === 'string') {\n      const list = narrationByTurn.get(s.turnId) ?? []\n      list.push({ id: msg.id, body: msg.body.trim() })\n      narrationByTurn.set(s.turnId, list)\n    } else if (s?.type === 'response' && typeof s.turnId === 'string') {\n      const list = responseBodiesByTurn.get(s.turnId) ?? []\n      list.push(msg.body.trim())\n      responseBodiesByTurn.set(s.turnId, list)\n    }\n  }\n  const responseDisplayBodiesByTurn = new Map<string, string[]>()\n  for (const [turnId, bodies] of responseBodiesByTurn) {\n    const narrationBodies = (narrationByTurn.get(turnId) ?? []).map((item) => item.body)\n    responseDisplayBodiesByTurn.set(turnId, bodies.map((body) => stripLeadingResponseBlocks(body, narrationBodies)))\n  }\n  for (const msg of messages) {\n    if (msg.kind !== 'session') continue\n    const s = msg.payload?.session as { type?: string; turnId?: string } | undefined\n    if (s?.type !== 'response' || typeof s.turnId !== 'string') continue\n    const displayBody = stripLeadingResponseBlocks(msg.body, (narrationByTurn.get(s.turnId) ?? []).map((item) => item.body))\n    if (displayBody && displayBody !== msg.body) responseDisplayBodyByMessageId.set(msg.id, displayBody)\n  }\n  const suppressedNarrationIds = new Set<number>()\n  for (const [turnId, bodies] of responseDisplayBodiesByTurn) {\n    const narrations = narrationByTurn.get(turnId) ?? []\n    for (const body of bodies) {\n      for (let i = narrations.length - 1; i >= 0; i--) {\n        const narration = narrations[i]!\n        if (suppressedNarrationIds.has(narration.id)) continue\n        if (!responseBodyContainsBlock(body, narration.body)) continue\n        suppressedNarrationIds.add(narration.id)\n        break\n      }\n    }\n  }\n\n  // Tracks in-progress agent-action entries by child id so ready→exited coalesces into one entry.\n  type RawAgentAction = { ts: number; entry: Extract<TimelineEntry, { type: 'agent-action' }> }\n  const agentActionByChild = new Map<string, RawAgentAction>()\n\n  const noticeStatusEvents: StatusEvent[] = []\n  for (const msg of messages) {\n    if (isBusSignalMessage(msg)) {\n      const kind = typeof msg.payload?.kind === 'string' ? msg.payload.kind : ''\n      if (LIFECYCLE_KINDS.has(kind)) {\n        const p = msg.payload as { kind: string; agentId?: string; provider?: string; reason?: string }\n        const childId = typeof p.agentId === 'string' ? p.agentId : ''\n        const ts = messageEventTime(msg)\n        if (!childId) {\n          // agent.spawn_failed without a child id (command-level failure): fall through to notice\n          raw.push({ ts, entry: { type: 'notice', msg } })\n          continue\n        }\n        const status: 'ready' | 'exited' | 'failed' = kind === 'agent.ready' ? 'ready' : kind === 'agent.exited' ? 'exited' : 'failed'\n        const existing = agentActionByChild.get(childId)\n        if (existing) {\n          // Coalesce: evolve the same entry to the final status in place\n          existing.entry.status = status\n          if (typeof p.reason === 'string') existing.entry.reason = p.reason\n          existing.entry.timestamp = ts\n          existing.ts = ts\n        } else {\n          const item: RawAgentAction = {\n            ts,\n            entry: {\n              type: 'agent-action',\n              direction: 'spawned-child',\n              agentId: childId,\n              provider: typeof p.provider === 'string' ? p.provider : undefined,\n              status,\n              reason: typeof p.reason === 'string' ? p.reason : undefined,\n              timestamp: ts,\n            },\n          }\n          agentActionByChild.set(childId, item)\n          raw.push(item)\n        }\n        continue\n      }\n      raw.push({ ts: messageEventTime(msg), entry: { type: 'notice', msg } })\n      continue\n    }\n    const notice = sessionNoticeStatusEvent(msg)\n    if (notice) {\n      noticeStatusEvents.push(notice)\n      continue\n    }\n    const step = sessionActivityStep(msg)\n    if (step) {\n      if (step.kind === 'narration' && suppressedNarrationIds.has(step.id)) continue\n      raw.push({ ts: step.ts, entry: { type: 'activity', steps: [step], timestamp: step.ts } })\n      continue\n    }\n    const relayInjection = sessionRelayInjectionEvent(msg)\n    if (relayInjection) {\n      raw.push({ ts: relayInjection.timestamp, entry: { type: 'relay-injection', event: relayInjection } })\n      continue\n    }\n    if (msg.kind === 'session') {\n      const s = msg.payload?.session as { type?: string; turnId?: string } | undefined\n      if (s?.type === 'response' && typeof s.turnId === 'string') {\n        const body = responseDisplayBodyByMessageId.get(msg.id)\n        if (body && body !== msg.body) {\n          raw.push({ ts: messageEventTime(msg), entry: { type: 'message', msg: { ...msg, body } } })\n          continue\n        }\n      }\n    }\n    const entryType = msg.id === initialPromptId ? 'initial-prompt' : 'message'\n    raw.push({ ts: messageEventTime(msg), entry: { type: entryType, msg } })\n  }\n  for (const event of dedupeStatusEvents([...statusEvents, ...noticeStatusEvents])) {\n    raw.push({ ts: event.timestamp, entry: { type: 'status', event } })\n  }\n\n  const typeOrder = { created: 0, date: 1, 'import-boundary': 2, 'imported-message': 3, 'initial-prompt': 4, message: 4, activity: 4, notice: 4, 'agent-action': 4, 'relay-injection': 4, status: 5 } as const\n  raw.sort((a, b) => {\n    const dt = a.ts - b.ts\n    if (Math.abs(dt) < 3000) return typeOrder[a.entry.type] - typeOrder[b.entry.type] || dt\n    return dt\n  })\n\n  const entries: TimelineEntry[] = []\n  let lastDate = ''\n  for (const { ts, entry } of raw) {\n    if (entry.type === 'created') {\n      entries.push(entry)\n      continue\n    }\n    const dk = dateKey(ts)\n    if (dk !== lastDate) {\n      entries.push({ type: 'date', date: dk, timestamp: ts })\n      lastDate = dk\n    }\n    // Coalesce consecutive activity steps from the same turn into one trace.\n    if (entry.type === 'activity') {\n      const prev = entries[entries.length - 1]\n      if (prev && prev.type === 'activity' && sameActivityTurn(prev, entry)) {\n        prev.steps.push(...entry.steps)\n        continue\n      }\n    }\n    entries.push(entry)\n  }\n\n  return entries\n}\n\n// Stable per-entry key — used by Virtuoso for reconciliation AND by chat search to\n// address a match back to its timeline row. Lives here (pure logic) rather than in\n// VirtualTimeline so the search layer can reuse it without pulling in react-virtuoso.\nexport function timelineEntryKey(entry: TimelineEntry): string {\n  if (entry.type === 'message') return `msg-${entry.msg.id}`\n  if (entry.type === 'initial-prompt') return `initprompt-${entry.msg.id}`\n  if (entry.type === 'notice') return `notice-${entry.msg.id}`\n  if (entry.type === 'relay-injection') return `relay-injection-${entry.event.id}`\n  if (entry.type === 'agent-action') return `agent-action-${entry.direction}-${entry.agentId}`\n  // Key by the FIRST step only — stable as the turn streams. Including the last\n  // step's id rekeyed the entry on every appended step, so virtuoso treated the\n  // in-place-growing turn as a replaced item and lost its resize anchoring: the\n  // viewport jumped down by the added height while scrolled up reading history.\n  if (entry.type === 'activity') return `act-${entry.steps[0]?.id ?? entry.timestamp}`\n  if (entry.type === 'import-boundary') return `import-${entry.history.id}`\n  if (entry.type === 'imported-message') return `import-msg-${entry.history.id}-${entry.entry.originalMessageId}-${entry.entry.position}`\n  if (entry.type === 'status') return `status-${entry.event.id}`\n  if (entry.type === 'date') return `date-${entry.date}`\n  return `created-${entry.timestamp}`\n}\n\n// Searchable plain text for an entry — what chat search matches against. Only entries\n// that carry human-readable content contribute; structural rows (date/status/created/\n// agent-action/import-boundary) return '' so they're never search targets.\nexport function timelineEntryText(entry: TimelineEntry): string {\n  if (entry.type === 'message' || entry.type === 'initial-prompt' || entry.type === 'notice') {\n    const subject = entry.msg.subject ? `${entry.msg.subject} ` : ''\n    return subject + messageBody(entry.msg)\n  }\n  if (entry.type === 'imported-message') return messageBody(entry.entry.message)\n  if (entry.type === 'activity') {\n    return entry.steps.map((step) => [step.label, step.text].filter(Boolean).join(' ')).join('\\n')\n  }\n  if (entry.type === 'relay-injection') return `${entry.event.category} ${entry.event.summary}\\n${JSON.stringify(entry.event.detail)}`\n  return ''\n}\n\nexport function sameActivityTurn(a: Extract<TimelineEntry, { type: 'activity' }>, b: Extract<TimelineEntry, { type: 'activity' }>): boolean {\n  const at = a.steps[a.steps.length - 1]?.turnId\n  const bt = b.steps[0]?.turnId\n  if (at && bt) return at === bt\n  // No turn id on either side: group adjacent steps regardless.\n  return !at && !bt\n}\n","\nimport { AlertCircle, Check, CheckCheck, Clock } from 'lucide-react'\nimport { HUMAN_AGENT_ID } from '@/lib/constants'\nimport {\n  isBadgeWorthy,\n  isReactionEventMessage,\n  normalizePathForCompare,\n  normalizeReactionEmoji,\n  pathWithinBase,\n  toTimestamp,\n} from '@/lib/display'\nimport { planLookupKey } from '@/store/slices/plans'\nimport type { Agent, AttachmentRef, InboxThread, Message, Orchestrator, Plan } from '@/types'\nimport type { PendingAttachment } from './types'\n\nexport function formatBytes(size: number): string {\n  if (size < 1024) return `${size} B`\n  if (size < 1024 * 1024) return `${(size / 1024).toFixed(1)} KB`\n  return `${(size / 1024 / 1024).toFixed(1)} MB`\n}\n\nexport function resolveRelativePath(cwd: string, path: string): string {\n  if (path.startsWith('/')) return path\n  const parts = `${cwd.replace(/\\/+$/, '')}/${path}`.split('/')\n  const stack: string[] = []\n  for (const part of parts) {\n    if (!part || part === '.') continue\n    if (part === '..') stack.pop()\n    else stack.push(part)\n  }\n  return '/' + stack.join('/')\n}\n\nexport function parentPath(path: string): string {\n  const trimmed = path.replace(/\\/+$/, '')\n  const index = trimmed.lastIndexOf('/')\n  return index > 0 ? trimmed.slice(0, index) : '/'\n}\n\nexport function orchestratorForFilePreview(orchestrators: Orchestrator[], path: string): Orchestrator | undefined {\n  return orchestrators\n    .filter((orch) => orch.status === 'online' && pathWithinBase(path, orch.baseDir))\n    .sort((a, b) => normalizePathForCompare(b.baseDir).length - normalizePathForCompare(a.baseDir).length)[0] ||\n    orchestrators.find((orch) => orch.status === 'online')\n}\n\nexport function supportsSideFilePreview(): boolean {\n  return typeof window !== 'undefined' && window.matchMedia('(min-width: 1280px)').matches\n}\n\nexport function hasActiveTextSelection(): boolean {\n  return typeof window !== 'undefined' && Boolean(window.getSelection()?.toString())\n}\n\nexport function messageAttachments(msg: Message): AttachmentRef[] {\n  const attachments = msg.payload?.attachments\n  if (!Array.isArray(attachments)) return []\n  return attachments.filter((item): item is AttachmentRef => Boolean(item && typeof item === 'object' && typeof (item as AttachmentRef).artifactId === 'string'))\n}\n\nexport const QUICK_REACTIONS = ['👍', '❤️', '✅', '👀'] as const\n\nexport function groupedReactions(msg: Message): Array<{ emoji: string; count: number; mine: boolean; actors: string[] }> {\n  const groups = new Map<string, { emoji: string; count: number; mine: boolean; actors: string[] }>()\n  for (const reaction of msg.reactions || []) {\n    const emoji = normalizeReactionEmoji(reaction.emoji)\n    const current = groups.get(emoji) ?? { emoji, count: 0, mine: false, actors: [] }\n    current.count += 1\n    current.mine = current.mine || reaction.actorId === HUMAN_AGENT_ID\n    current.actors.push(reaction.actorId)\n    groups.set(emoji, current)\n  }\n  return [...groups.values()].sort((a, b) => b.count - a.count || a.emoji.localeCompare(b.emoji))\n}\n\nexport function isReactionEvent(msg: Message): boolean {\n  return isReactionEventMessage(msg)\n}\n\nexport function outboundReceipt(msg: Message, peer: string): { label: string; title: string; tone: 'muted' | 'ok' | 'warn' | 'danger'; icon: typeof Check } {\n  const readBy = msg.readBy || []\n  const expectedReader = msg.resolvedToAgent || peer || msg.to\n  const readByExpected = expectedReader ? readBy.includes(expectedReader) : false\n  const readBySomeone = readBy.some((id) => id !== HUMAN_AGENT_ID)\n  if (readByExpected || readBySomeone) {\n    const reader = readByExpected ? expectedReader : readBy.find((id) => id !== HUMAN_AGENT_ID)\n    return { label: 'read', title: reader ? `Read by ${reader}` : 'Read by agent', tone: 'ok', icon: CheckCheck }\n  }\n  if (msg.deliveryStatus === 'delivered') {\n    return { label: 'delivered', title: 'Delivered to agent inbox', tone: 'ok', icon: CheckCheck }\n  }\n  if (msg.deliveryStatus === 'queued') {\n    return { label: 'queued', title: 'Queued until the target agent is available', tone: 'warn', icon: Clock }\n  }\n  if (msg.deliveryStatus === 'failed' || msg.deliveryStatus === 'dead') {\n    const detail = msg.deliveryPoisonReason || msg.deliveryLastError || msg.deliveryStatus\n    return { label: msg.deliveryStatus, title: detail, tone: 'danger', icon: AlertCircle }\n  }\n  return { label: 'sent', title: 'Accepted by Relay', tone: 'muted', icon: Check }\n}\n\nfunction messageActivityTimestamp(msg: Message): number {\n  const messageAt = toTimestamp(msg.createdAt)\n  return (msg.reactions || []).reduce((latest, reaction) => {\n    return Math.max(latest, toTimestamp(reaction.updatedAt || reaction.createdAt))\n  }, messageAt)\n}\n\nexport function threadActivityTimestamp(thread: InboxThread | undefined): number {\n  if (!thread) return 0\n  return thread.messages.reduce((latest, msg) => Math.max(latest, messageActivityTimestamp(msg)), 0)\n}\n\n// Ascending-by-time comparator for the conversations-list sorts (last activity, last seen).\n// Older timestamp sorts first, so 'asc' (the default, SortAsc icon) reads oldest→newest and a\n// conversation whose agent just finished a turn appends at the bottom instead of being yanked\n// to the top on every turn-completion (#541). dir=-1 ('desc') flips it to newest-first.\nexport function compareConversationActivity(ta: number, tb: number, dir: number): number {\n  return (ta - tb) * dir\n}\n\n// Time of the agent's last *final response* (`kind:\"session\"`, `session.final === true`) — what\n// the conversations list shows instead of a heartbeat/last-seen or any-message activity.\n// 0 when the agent hasn't produced a response yet (caller falls back to thread activity).\nexport function lastFinalResponseTimestamp(thread: InboxThread | undefined): number {\n  if (!thread) return 0\n  let latest = 0\n  for (const msg of thread.messages) {\n    if (isBadgeWorthy(msg)) latest = Math.max(latest, toTimestamp(msg.createdAt))\n  }\n  return latest\n}\n\nexport function chatTimestamp(iso: string | number): string {\n  const d = new Date(iso as string)\n  return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })\n}\n\nexport function revokePendingAttachmentUrls(items: PendingAttachment[]): void {\n  for (const item of items) if (item.previewUrl) URL.revokeObjectURL(item.previewUrl)\n}\n\ntype ChatPlanContext = { threadId: string | number; channel?: string } | { teamId: string; channel?: string }\n\nexport function resolveChatPlanContext(\n  agent: Agent | null,\n  messages: Message[],\n  lastMessage: Message | null | undefined,\n  plansByThread: Record<string, Plan | null>,\n): ChatPlanContext | null {\n  if (agent?.teamId) return { teamId: agent.teamId }\n  const ordered = [...messages]\n  if (lastMessage && !ordered.some((message) => message.id === lastMessage.id)) ordered.push(lastMessage)\n  const threaded = ordered.filter((message) => message.threadId).reverse()\n  const knownPlanMessage = threaded.find((message) => Boolean(plansByThread[planLookupKey(message.threadId!, message.channel)]))\n  const selected = knownPlanMessage ?? threaded[0]\n  if (!selected?.threadId) return null\n  return {\n    threadId: selected.threadId,\n    ...(selected.channel ? { channel: selected.channel } : {}),\n  }\n}\n","\nimport { useEffect, useMemo, useState, useSyncExternalStore } from 'react'\nimport type React from 'react'\nimport { AlertCircle, AlertTriangle, ArrowLeft, BookOpen, Brain, ChevronDown, ChevronRight, ChevronUp, Circle, CircleStop, Database, FileText, GitFork, GitMerge, LogOut, PlugZap, Plus, Radio, Sparkles, Terminal, Wrench } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\nimport { FormattedBody } from '@/components/shared/formatted-body'\nimport { HUMAN_AGENT_ID } from '@/lib/constants'\nimport { displayName, messageBody } from '@/lib/display'\nimport type { ChatHistoryImport, ChatHistoryImportEntry } from '@/types'\nimport { cn } from '@/lib/utils'\nimport { chatTimestamp } from './helpers'\nimport { dateKey, TIMELINE_STATUS_LABELS, type ActivityStep, type RelayInjectionCategory, type TimelineEntry } from './sessionTrace'\nimport type { Message } from '@/types'\nimport type { ChatStatusEvent as StatusEvent } from '@/store'\nimport { useRelayStore } from '@/store'\nimport { AgentTypeIcon } from '@/components/shared/agent-type-icon'\n\nconst TIMELINE_STATUS_COLORS: Record<string, string> = {\n  online: 'text-emerald-400',\n  offline: 'text-zinc-400',\n  shutdown: 'text-zinc-400',\n  restarted: 'text-blue-400',\n  'compaction-requested': 'text-zinc-400',\n  compacting: 'text-amber-400',\n  compacted: 'text-amber-400',\n  'compaction-stalled': 'text-red-400',\n  'clear-requested': 'text-zinc-400',\n  'clearing-context': 'text-amber-400',\n  'context-cleared': 'text-amber-400',\n  'clear-stalled': 'text-red-400',\n  'shutting-down': 'text-zinc-400',\n}\n\nfunction dateSeparatorLabel(dateStr: string): string {\n  const today = new Date()\n  const [y, m, d] = dateStr.split('-').map(Number)\n  const target = new Date(y!, m! - 1, d)\n  const todayKey = dateKey(today.getTime())\n  if (dateStr === todayKey) return 'Today'\n  const yesterday = new Date(today)\n  yesterday.setDate(yesterday.getDate() - 1)\n  if (dateStr === dateKey(yesterday.getTime())) return 'Yesterday'\n  return target.toLocaleDateString(undefined, { weekday: 'short', month: 'short', day: 'numeric', year: target.getFullYear() !== today.getFullYear() ? 'numeric' : undefined })\n}\n\nexport function StatusMarker({ event }: { event: StatusEvent }) {\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n        <Circle className={cn('w-2 h-2 fill-current', TIMELINE_STATUS_COLORS[event.status] || 'text-zinc-400')} />\n        <span>{TIMELINE_STATUS_LABELS[event.status] || event.status}</span>\n        <span className=\"text-muted-foreground/60\">{chatTimestamp(event.timestamp)}</span>\n      </div>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nconst BUS_SIGNAL_ICON: Record<string, LucideIcon> = {\n  'branch.landed': GitMerge,\n  'context.warning': AlertTriangle,\n  'agent.context_threshold': AlertTriangle,\n  'agent.resume_budget_exhausted': AlertTriangle,\n  'agent.rate_limit_resume': PlugZap,\n}\n\n// Explicit overrides for kinds that read better with custom wording; every other bus\n// signal is humanized from its kind (see humanizeSignalKind) so no event renders as a\n// raw dotted identifier and nothing is silently dropped (#507).\nconst BUS_SIGNAL_LABEL: Record<string, string> = {\n  'branch.landed': 'branch landed',\n  'context.warning': 'context warning',\n  'agent.context_threshold': 'context threshold reached',\n}\n\n// Turn an unmapped bus-signal kind into a readable label: drop the leading namespace\n// segment and normalize separators. e.g. `agent.rate_limit_resume` → \"rate limit resume\",\n// `workspace.review-request` → \"review request\". Falls back to \"system signal\" if empty.\nfunction humanizeSignalKind(kind: string): string {\n  if (!kind) return 'system signal'\n  const withoutNamespace = kind.includes('.') ? kind.slice(kind.indexOf('.') + 1) : kind\n  const words = withoutNamespace.replace(/[._-]+/g, ' ').trim()\n  return words || 'system signal'\n}\n\n// Inline, clickable agent reference — the ONE place chat resolves an agent id to a\n// label (#522: prefer label everywhere) and links it to that agent's chat (#522: every\n// reference links). Falls back to the raw id only when the agent is unknown and no\n// fallback label was supplied. Reused by NoticePill, AgentActionEntry, and MessageBubble.\nexport function AgentLink({ agentId, fallbackLabel, className, noIcon }: { agentId: string; fallbackLabel?: string; className?: string; noIcon?: boolean }) {\n  const agent = useRelayStore((s) => s.agentsById[agentId]) || null\n  const openInboxThread = useRelayStore((s) => s.openInboxThread)\n  const switchView = useRelayStore((s) => s.switchView)\n  const label = agent ? displayName(agent) : (fallbackLabel || agentId)\n  return (\n    <button\n      type=\"button\"\n      className={cn('inline-flex max-w-full items-center gap-1 rounded px-1 text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground', className)}\n      onClick={(e) => { e.stopPropagation(); openInboxThread(agentId); void switchView('chat') }}\n      title={`Open chat for ${label}`}\n    >\n      {!noIcon && <AgentTypeIcon agent={agent} className=\"w-4 h-4 text-[10px]\" />}\n      <span className=\"max-w-[160px] truncate\">{label}</span>\n    </button>\n  )\n}\n\n// Branch-landed gets a richer pill than the generic notice: the short merge SHA plus a\n// linked \"by {agent}\" attribution (#509). The payload (src/branch-landed.ts) carries\n// sha (mergedSha), author (ownerAgentId), branch, base — all previously dropped.\nfunction BranchLandedPill({ msg }: { msg: Message }) {\n  const payload = (msg.payload ?? {}) as Record<string, unknown>\n  const sha = typeof payload.sha === 'string' ? payload.sha : ''\n  const shortSha = sha ? sha.slice(0, 7) : ''\n  const author = typeof payload.author === 'string' ? payload.author : ''\n  const branch = typeof payload.branch === 'string' ? payload.branch : ''\n  const base = typeof payload.base === 'string' ? payload.base : ''\n  const pushed = payload.pushed\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      {/* Emerald shades flip per theme (#612): darker text/border on light themes for\n          contrast, the lighter dark-mode shades under `dark:`. The transparent green\n          fill stays the same so the look is preserved in both. */}\n      <div className=\"flex max-w-full flex-wrap items-center justify-center gap-x-1.5 gap-y-0.5 rounded-full border border-emerald-600/35 bg-emerald-500/10 px-2.5 py-1 text-xs text-emerald-700 dark:border-emerald-500/25 dark:text-emerald-300/90\">\n        <GitMerge className=\"h-3 w-3 shrink-0 text-emerald-600 dark:text-emerald-400\" />\n        <span className=\"text-emerald-700 dark:text-emerald-300\">branch landed</span>\n        {branch && base && (\n          <span className=\"font-mono text-emerald-700/80 dark:text-emerald-200/70\" title={`${branch} → ${base}`}>\n            {branch}<span className=\"opacity-50\"> → </span>{base}\n          </span>\n        )}\n        {shortSha && (\n          <span className=\"rounded bg-emerald-500/15 px-1 font-mono text-emerald-800 dark:text-emerald-200\" title={sha}>{shortSha}</span>\n        )}\n        {author && (\n          <span className=\"inline-flex items-center gap-1 text-emerald-700/80 dark:text-emerald-300/80\">\n            <span className=\"opacity-70\">by</span>\n            <AgentLink agentId={author} className=\"text-emerald-700 hover:text-emerald-900 dark:text-emerald-300/90 dark:hover:text-emerald-100\" />\n          </span>\n        )}\n        {pushed === false && <span className=\"text-amber-600 dark:text-amber-300/80\" title=\"Local-only land — not pushed to origin\">· local only</span>}\n        <span className=\"text-emerald-700/60 dark:text-emerald-300/50\">{chatTimestamp(msg.occurredAt ?? (msg.createdAt as string))}</span>\n      </div>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nexport function NoticePill({ msg }: { msg: Message }) {\n  const signalKind = typeof msg.payload?.kind === 'string' ? msg.payload.kind : ''\n  if (signalKind === 'branch.landed') return <BranchLandedPill msg={msg} />\n  const Icon: LucideIcon = BUS_SIGNAL_ICON[signalKind] ?? Radio\n  const label = BUS_SIGNAL_LABEL[signalKind] ?? humanizeSignalKind(signalKind)\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-muted/30 px-2.5 py-1 text-xs text-muted-foreground\">\n        <Icon className=\"h-3 w-3\" />\n        <span>{label}</span>\n        <span className=\"text-muted-foreground/60\">{chatTimestamp(msg.occurredAt ?? (msg.createdAt as string))}</span>\n      </div>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nconst AGENT_ACTION_VERB: Record<string, Record<string, string>> = {\n  'spawned-child': { ready: 'spawned', exited: 'spawned · exited', failed: 'spawn failed' },\n  'spawned-by': { ready: 'spawned by', exited: 'spawned by', failed: 'spawned by' },\n}\n\nconst AGENT_ACTION_ICON: Record<string, LucideIcon> = {\n  'spawned-child-ready': Plus,\n  'spawned-child-exited': LogOut,\n  'spawned-child-failed': AlertCircle,\n  'spawned-by-ready': ArrowLeft,\n  'spawned-by-exited': ArrowLeft,\n  'spawned-by-failed': ArrowLeft,\n}\n\nconst AGENT_ACTION_COLOR: Record<string, string> = {\n  'spawned-child-ready': 'text-emerald-400',\n  'spawned-child-exited': 'text-zinc-400',\n  'spawned-child-failed': 'text-red-400',\n  'spawned-by-ready': 'text-blue-400',\n  'spawned-by-exited': 'text-blue-400',\n  'spawned-by-failed': 'text-blue-400',\n}\n\nexport function AgentActionEntry({ entry }: { entry: Extract<TimelineEntry, { type: 'agent-action' }> }) {\n  const key = `${entry.direction}-${entry.status}`\n  const verb = AGENT_ACTION_VERB[entry.direction]?.[entry.status] ?? entry.direction\n  const Icon: LucideIcon = AGENT_ACTION_ICON[key] ?? Radio\n  const color = AGENT_ACTION_COLOR[key] ?? 'text-muted-foreground'\n  const isError = entry.status === 'failed'\n\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <div className={cn('flex items-center gap-1.5 rounded-full border bg-muted/30 px-2.5 py-1 text-xs', isError ? 'border-red-500/30' : 'border-border')}>\n        <Icon className={cn('h-3 w-3 shrink-0', color)} />\n        <span className=\"text-muted-foreground\">{verb}</span>\n        <AgentLink agentId={entry.agentId} />\n        {entry.reason && isError && (\n          <span className=\"text-red-400/80 max-w-[120px] truncate\" title={entry.reason}>— {entry.reason}</span>\n        )}\n        <span className=\"text-muted-foreground/60 shrink-0\">{chatTimestamp(entry.timestamp)}</span>\n      </div>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nconst RELAY_INJECTION_ICON: Record<RelayInjectionCategory, LucideIcon> = {\n  memory: Brain,\n  instructions: FileText,\n  tools: Wrench,\n  comms: Radio,\n  knowledge: BookOpen,\n  context: Database,\n}\n\nconst RELAY_INJECTION_TONE: Record<RelayInjectionCategory, string> = {\n  memory: 'border-emerald-500/25 bg-emerald-500/10 text-emerald-300',\n  instructions: 'border-sky-500/25 bg-sky-500/10 text-sky-300',\n  tools: 'border-amber-500/25 bg-amber-500/10 text-amber-300',\n  comms: 'border-violet-500/25 bg-violet-500/10 text-violet-300',\n  knowledge: 'border-cyan-500/25 bg-cyan-500/10 text-cyan-300',\n  context: 'border-zinc-500/25 bg-zinc-500/10 text-zinc-300',\n}\n\nfunction detailJson(detail: Record<string, unknown>): string {\n  try {\n    return JSON.stringify(detail, null, 2)\n  } catch {\n    return String(detail)\n  }\n}\n\nexport function RelayInjectionRow({ entry }: { entry: Extract<TimelineEntry, { type: 'relay-injection' }> }) {\n  const [expanded, setExpanded] = useState(false)\n  const event = entry.event\n  const Icon = RELAY_INJECTION_ICON[event.category] ?? Sparkles\n  const tone = RELAY_INJECTION_TONE[event.category] ?? RELAY_INJECTION_TONE.context\n  return (\n    <div className=\"flex justify-center py-2 my-1\">\n      <div className={cn('w-full max-w-[85%] md:max-w-[75%] rounded-lg border px-2.5 py-1.5 text-xs shadow-sm', tone)}>\n        <button\n          type=\"button\"\n          className=\"flex w-full min-w-0 items-center gap-1.5 text-left\"\n          onClick={() => setExpanded((value) => !value)}\n        >\n          <Icon className=\"h-3.5 w-3.5 shrink-0\" />\n          <span className=\"shrink-0 font-medium\">{event.category}</span>\n          <span className=\"min-w-0 flex-1 truncate text-foreground/80\">{event.summary}</span>\n          <span className=\"shrink-0 text-muted-foreground/60\">{chatTimestamp(event.timestamp)}</span>\n          <ChevronRight className={cn('h-3.5 w-3.5 shrink-0 transition-transform', expanded && 'rotate-90')} />\n        </button>\n        {expanded && (\n          <pre className=\"mt-2 max-h-72 overflow-auto rounded-md border border-border/60 bg-background/75 p-2 font-mono text-[11px] leading-relaxed text-muted-foreground whitespace-pre-wrap break-words\">\n            {detailJson(event.detail)}\n          </pre>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function BusyIndicator({ blockedLabel, onInterrupt }: { blockedLabel?: string; onInterrupt?: () => void }) {\n  if (blockedLabel) {\n    return (\n      <div className=\"flex justify-start mb-3 animate-in fade-in slide-in-from-bottom-1 duration-150\">\n        <div className=\"flex h-9 items-center gap-2 rounded-2xl rounded-bl-sm bg-card ring-1 ring-red-500/30 px-4\">\n          <AlertCircle className=\"w-3.5 h-3.5 text-red-400\" />\n          <span className=\"text-xs text-red-300\">blocked: {blockedLabel}</span>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex justify-start mb-3 animate-in fade-in slide-in-from-bottom-1 duration-150\">\n      <div className=\"flex h-9 items-center gap-2 rounded-2xl rounded-bl-sm bg-card ring-1 ring-foreground/10 px-4\">\n        <div className=\"flex items-center gap-1\">\n          <span className=\"w-1.5 h-1.5 rounded-full bg-yellow-400 animate-[pulse_1.4s_ease-in-out_infinite]\" />\n          <span className=\"w-1.5 h-1.5 rounded-full bg-yellow-400 animate-[pulse_1.4s_ease-in-out_0.2s_infinite]\" />\n          <span className=\"w-1.5 h-1.5 rounded-full bg-yellow-400 animate-[pulse_1.4s_ease-in-out_0.4s_infinite]\" />\n        </div>\n        <span className=\"text-xs text-muted-foreground\">working</span>\n        {onInterrupt && (\n          <button\n            onClick={onInterrupt}\n            title=\"Interrupt\"\n            className=\"ml-1 flex items-center gap-1 rounded-full px-1.5 py-0.5 text-xs text-muted-foreground hover:text-red-300 hover:bg-red-500/10 transition-colors\"\n          >\n            <CircleStop className=\"w-3.5 h-3.5\" />\n            Stop\n          </button>\n        )}\n      </div>\n    </div>\n  )\n}\n\nconst HIDE_TOOLS_KEY = 'agent-relay:chat-hide-tools'\nconst hideToolsStore = (() => {\n  const listeners = new Set<() => void>()\n  let value = (() => {\n    try {\n      return window.localStorage.getItem(HIDE_TOOLS_KEY) === 'on'\n    } catch {\n      return false\n    }\n  })()\n  const emit = () => listeners.forEach((l) => l())\n  if (typeof window !== 'undefined') {\n    window.addEventListener('storage', (e) => {\n      if (e.key !== HIDE_TOOLS_KEY) return\n      value = e.newValue === 'on'\n      emit()\n    })\n  }\n  return {\n    subscribe(cb: () => void) {\n      listeners.add(cb)\n      return () => listeners.delete(cb)\n    },\n    get: () => value,\n    toggle() {\n      value = !value\n      try {\n        window.localStorage.setItem(HIDE_TOOLS_KEY, value ? 'on' : 'off')\n      } catch {}\n      emit()\n    },\n  }\n})()\n\nfunction useHideTools(): [boolean, () => void] {\n  const hideTools = useSyncExternalStore(hideToolsStore.subscribe, hideToolsStore.get, () => false)\n  return [hideTools, hideToolsStore.toggle]\n}\n\nexport function ActivityTrace({ steps, showReasoning, issueRepo }: { steps: ActivityStep[]; showReasoning: boolean; issueRepo?: string }) {\n  const [hideTools, toggleHideTools] = useHideTools()\n  const visible = showReasoning ? steps : steps.filter((s) => s.kind !== 'reasoning')\n  if (!visible.length) return null\n  const toolCount = visible.filter((s) => s.kind === 'tool').length\n  return (\n    <div className=\"flex justify-start mb-2\">\n      <div className=\"max-w-[85%] md:max-w-[75%] min-w-0 space-y-1.5\">\n        {visible.map((step) => {\n          if (step.kind === 'narration') {\n            return (\n              <FormattedBody\n                key={step.id}\n                text={step.text}\n                issueRepo={issueRepo}\n                className=\"text-sm leading-relaxed break-words text-foreground/90 min-w-0\"\n              />\n            )\n          }\n          if (step.kind === 'reasoning') {\n            return (\n              <div key={step.id} className=\"flex items-start gap-1.5 text-xs leading-relaxed text-muted-foreground/80\">\n                <Brain className=\"w-3.5 h-3.5 mt-0.5 shrink-0 opacity-70\" />\n                <FormattedBody text={step.text} issueRepo={issueRepo} className=\"italic break-words min-w-0\" />\n              </div>\n            )\n          }\n          if (hideTools) return null\n          return (\n            <div key={step.id} className=\"flex items-start gap-1.5 text-xs leading-relaxed text-muted-foreground\">\n              <Terminal className=\"w-3 h-3 mt-0.5 shrink-0 opacity-70\" />\n              <span className=\"min-w-0 break-words\">\n                <span className=\"font-medium\">{step.label || 'tool'}</span>\n                {step.text && step.text.trim() && step.text.trim() !== (step.label ?? '').trim() ? <span className=\"opacity-70\"> — {step.text}</span> : null}\n              </span>\n            </div>\n          )\n        })}\n        {toolCount > 0 && (\n          <button\n            onClick={toggleHideTools}\n            className=\"flex items-center gap-1 text-[11px] text-muted-foreground/50 hover:text-muted-foreground transition-colors text-left\"\n          >\n            <ChevronRight className={cn('w-3 h-3 shrink-0 transition-transform', !hideTools && 'rotate-90')} />\n            <span>{hideTools ? `show ${toolCount} tool step${toolCount === 1 ? '' : 's'}` : 'hide tool steps'}</span>\n          </button>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function DateSeparator({ date }: { date: string }) {\n  return (\n    <div className=\"flex items-center justify-center gap-3 py-3 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <span className=\"text-xs font-medium text-muted-foreground\">{dateSeparatorLabel(date)}</span>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nexport function CreatedMarker({ timestamp }: { timestamp: number }) {\n  const d = new Date(timestamp)\n  const label = d.toLocaleString(undefined, { month: 'short', day: 'numeric', year: 'numeric', hour: '2-digit', minute: '2-digit' })\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <span className=\"text-xs text-muted-foreground/60\">created {label}</span>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nexport function ImportedHistoryMarker({ history }: { history: ChatHistoryImport }) {\n  const source = history.sourceAgentLabel || history.sourcePeerId\n  const count = history.entries.length\n  return (\n    <div className=\"flex items-center justify-center gap-2 py-2 my-1\">\n      <div className=\"h-px flex-1 bg-border\" />\n      <div className=\"flex items-center gap-1.5 rounded-full border border-dashed border-border bg-muted/30 px-2 py-1 text-[11px] text-muted-foreground\">\n        <GitFork className=\"h-3 w-3\" />\n        <span>forked history from {source}</span>\n        <span className=\"text-muted-foreground/60\">{count} {count === 1 ? 'entry' : 'entries'}</span>\n      </div>\n      <div className=\"h-px flex-1 bg-border\" />\n    </div>\n  )\n}\n\nexport function ImportedMessageBubble({ entry, sourceLabel, issueRepo }: { entry: ChatHistoryImportEntry; sourceLabel?: string; issueRepo?: string }) {\n  const msg = entry.message\n  const body = messageBody(msg)\n  const isOriginalHuman = entry.originalFrom === HUMAN_AGENT_ID\n  return (\n    <div className={cn('flex mb-3 opacity-80', isOriginalHuman ? 'justify-end' : 'justify-start')}>\n      <div className=\"max-w-[85%] md:max-w-[75%]\">\n        <div\n          className={cn(\n            'rounded-2xl border border-dashed px-3.5 py-2 text-sm select-text',\n            isOriginalHuman\n              ? 'border-primary/25 bg-primary/10 text-foreground rounded-br-sm'\n              : 'border-border bg-card/70 rounded-bl-sm'\n          )}\n        >\n          <div className={cn('mb-1 text-[10px] uppercase tracking-normal', isOriginalHuman ? 'text-primary/70' : 'text-muted-foreground')}>\n            forked history · {isOriginalHuman ? 'you' : (sourceLabel || entry.originalFrom)}\n          </div>\n          <FormattedBody text={body} rawBody={msg.body} issueRepo={issueRepo} className=\"leading-relaxed\" />\n          <p className={cn('mt-1 flex items-center justify-end gap-1.5 text-xs', isOriginalHuman ? 'text-primary/60' : 'text-muted-foreground')}>\n            <span className=\"opacity-40\">#{entry.originalMessageId}</span>\n            <span>{chatTimestamp(entry.originalCreatedAt)}</span>\n          </p>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n// The initial/spawn prompt (#513) — the message that kicked off the session — gets a\n// distinct titled panel instead of a plain user bubble, so it reads as the brief at the\n// top of the conversation. data-msg-id is preserved for the scroll/measurement logic.\nexport function InitialPromptBubble({ msg, issueRepo }: { msg: Message; issueRepo?: string }) {\n  const body = messageBody(msg)\n  const time = chatTimestamp(msg.occurredAt ?? (msg.createdAt as string))\n  return (\n    <div data-msg-id={msg.id} className=\"mb-3\">\n      <div className=\"rounded-xl border border-primary/30 bg-primary/[0.06] px-3.5 py-2.5 shadow-sm\">\n        <div className=\"mb-1.5 flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wide text-primary/80\">\n          <Sparkles className=\"h-3.5 w-3.5\" />\n          <span>Initial prompt</span>\n          <span className=\"ml-auto text-[10px] font-normal normal-case text-muted-foreground/60\">{time}</span>\n        </div>\n        <FormattedBody text={body} rawBody={msg.body} issueRepo={issueRepo} className=\"text-sm leading-relaxed text-foreground\" />\n      </div>\n    </div>\n  )\n}\n\n// Pinned \"Last prompt\" reminder. Rendered as a shrink-0 flex sibling ABOVE the timeline in\n// ChatPanel — the SAME mechanism as the chat search bar (ChatSearchBar) — so it stays put\n// above the conversation instead of scrolling away (#545). It previously lived inside the\n// scroll container as a position:sticky child, which broke when the timeline was virtualized\n// (b0ef5c5): a Virtuoso Header item scrolls/unmounts, so sticky no longer pinned it and it was\n// only glimpsed at the very top. `scrollEl` is the Virtuoso scroller (lifted up from\n// VirtualTimeline), used to observe whether the original prompt is on-screen and to scroll to it.\nexport function StickyPromptBanner({ scrollEl, timeline }: { scrollEl: HTMLElement | null; timeline: TimelineEntry[] }) {\n  const [hidden, setHidden] = useState(true)\n  const [expandedByPrompt, setExpandedByPrompt] = useState<{ id: number; value: boolean } | null>(null)\n  const [collapsedByPrompt, setCollapsedByPrompt] = useState<{ id: number; value: boolean } | null>(null)\n  const [promptAbove, setPromptAbove] = useState(false)\n\n  const lastOutbound = useMemo(() => {\n    for (let i = timeline.length - 1; i >= 0; i--) {\n      const entry = timeline[i]\n      if (!entry || (entry.type !== 'message' && entry.type !== 'initial-prompt')) continue\n      if (entry.msg.from === HUMAN_AGENT_ID) {\n        return { id: entry.msg.id, body: messageBody(entry.msg) }\n      }\n    }\n    return null\n  }, [timeline])\n\n  // Auto-hide while the original prompt is on-screen (no reminder needed), show it once the\n  // prompt scrolls out of view. The timeline is virtualized, so the prompt row mounts/unmounts\n  // as you scroll — re-resolve the target on every scroll and re-attach the observer when the\n  // row swaps. When the row is unmounted entirely it's definitely off-screen, so show the banner.\n  useEffect(() => {\n    if (!lastOutbound || !scrollEl) { setHidden(true); return }\n    let observer: IntersectionObserver | null = null\n    let observed: Element | null = null\n    const sync = () => {\n      const target = scrollEl.querySelector(`[data-msg-id=\"${lastOutbound.id}\"]`)\n      if (!target) {\n        observer?.disconnect()\n        observer = null\n        observed = null\n        setHidden(false) // prompt row virtualized away → off-screen → show the reminder\n        return\n      }\n      const r = target.getBoundingClientRect()\n      const sr = scrollEl.getBoundingClientRect()\n      setPromptAbove(r.top < sr.top)\n      if (target === observed) return\n      observer?.disconnect()\n      observed = target\n      observer = new IntersectionObserver(\n        ([e]) => { if (e) setHidden(e.isIntersecting) },\n        { root: scrollEl, threshold: 0 }\n      )\n      observer.observe(target)\n    }\n    sync()\n    scrollEl.addEventListener('scroll', sync, { passive: true })\n    return () => { observer?.disconnect(); scrollEl.removeEventListener('scroll', sync) }\n  }, [lastOutbound?.id, scrollEl])\n\n  if (hidden || !lastOutbound || !lastOutbound.body.trim()) return null\n\n  const expanded = expandedByPrompt?.id === lastOutbound.id ? expandedByPrompt.value : false\n  const collapsed = collapsedByPrompt?.id === lastOutbound.id ? collapsedByPrompt.value : false\n\n  function scrollToPrompt() {\n    if (!scrollEl || !lastOutbound) return\n    const target = scrollEl.querySelector(`[data-msg-id=\"${lastOutbound.id}\"]`)\n    target?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n  }\n\n  const arrow = promptAbove ? '↑' : '↓'\n\n  if (collapsed) {\n    return (\n      <div className=\"flex shrink-0 bg-card/45 border-b border-border\">\n        <button\n          type=\"button\"\n          className=\"w-full flex items-center justify-center gap-1.5 py-1 text-[11px] text-primary/60 hover:text-primary transition-colors\"\n          onClick={() => setCollapsedByPrompt({ id: lastOutbound.id, value: false })}\n        >\n          <span>Your prompt</span>\n          <ChevronDown className=\"w-3 h-3\" />\n        </button>\n      </div>\n    )\n  }\n\n  return (\n    <section className=\"flex shrink-0 flex-col border-b border-border bg-card/45 px-3 py-2\">\n      <div className=\"flex items-center gap-2 text-[11px] text-muted-foreground mb-0.5\">\n        <span className=\"font-medium text-primary/70\">Your prompt</span>\n        <button\n          type=\"button\"\n          className=\"ml-auto hover:text-foreground transition-colors\"\n          onClick={scrollToPrompt}\n        >\n          {arrow} scroll to original\n        </button>\n        <button\n          type=\"button\"\n          className=\"hover:text-foreground transition-colors\"\n          onClick={() => setCollapsedByPrompt({ id: lastOutbound.id, value: true })}\n          title=\"Minimize\"\n        >\n          <ChevronUp className=\"w-3 h-3\" />\n        </button>\n      </div>\n      <p\n        className={cn('text-sm text-foreground leading-snug cursor-pointer', !expanded && 'line-clamp-2')}\n        onClick={() => setExpandedByPrompt({ id: lastOutbound.id, value: !expanded })}\n      >\n        {lastOutbound.body}\n      </p>\n    </section>\n  )\n}\n","\nimport { useSyncExternalStore } from 'react'\nimport { voiceTts } from '@/lib/voice'\n\nexport function useTtsPlayingKey(): string | null {\n  return useSyncExternalStore(\n    (cb) => voiceTts.subscribe(cb),\n    () => voiceTts.getPlayingKey(),\n    () => null,\n  )\n}\n","\nimport { memo, useEffect, useRef, useState, type MouseEvent as ReactMouseEvent } from 'react'\nimport { AlertCircle, ArrowLeft, ArrowRight, ChevronRight, CircleStop, Download, FileText, Loader2, SmilePlus, Volume2, X, ZoomIn } from 'lucide-react'\nimport { voiceTts } from '@/lib/voice'\nimport { useRelayStore } from '@/store'\nimport { FormattedBody } from '@/components/shared/formatted-body'\nimport { AgentLink, InitialPromptBubble } from './TraceView'\nimport { AgentTypeIcon } from '@/components/shared/agent-type-icon'\nimport { Button } from '@/components/ui/button'\nimport { Dialog, DialogContent, DialogTitle } from '@/components/ui/dialog'\nimport { apiBlob } from '@/lib/api'\nimport { displayTarget, humanAccentClass, humanDisplayName, messageBody, resolveUser } from '@/lib/display'\nimport { isHumanAgentId } from 'agent-relay-sdk/types'\nimport { UserAvatar } from '@/components/shared/user-avatar'\nimport type { Agent, AttachmentRef, Message } from '@/types'\nimport { cn } from '@/lib/utils'\nimport type { ReferencedPathInfo } from './types'\nimport {\n  chatTimestamp,\n  groupedReactions,\n  hasActiveTextSelection,\n  isReactionEvent,\n  messageAttachments,\n  outboundReceipt,\n  QUICK_REACTIONS,\n  resolveRelativePath,\n} from './helpers'\nimport { useTtsPlayingKey } from './hooks/useTtsPlayingKey'\n\n// Spawn prompts (origin:\"provider\") are system-initiated — reuse InitialPromptBubble's\n// panel style rather than masquerading as an operator prompt bubble (Tier A, #420).\nfunction SpawnPromptBubble({ msg, peer }: { msg: Message; peer: string }) {\n  const issueRepo = useRelayStore((s) => s.agentsById[peer]?.issueRepo)\n  return <InitialPromptBubble msg={msg} issueRepo={issueRepo} />\n}\n\n// Small tappable sender avatar placed at the edge of a bubble (Tier B, #420).\n// Uses AgentTypeIcon so provider icon resolution stays in one place (DRY ratchet).\nfunction BubbleAvatar({ agent, onClick }: { agent: Agent | null; onClick?: () => void }) {\n  const canClick = Boolean(onClick && agent)\n  return (\n    <button\n      type=\"button\"\n      title={agent ? (agent.label || agent.name || agent.id) : undefined}\n      onClick={onClick}\n      disabled={!canClick}\n      className={cn('shrink-0 self-end transition-opacity', canClick ? 'cursor-pointer hover:opacity-80' : 'cursor-default opacity-60')}\n    >\n      <AgentTypeIcon agent={agent} />\n    </button>\n  )\n}\n\nfunction AttachmentPreview({ attachment, outbound }: { attachment: AttachmentRef; outbound: boolean }) {\n  const isImage = attachment.kind === 'image'\n  const title = attachment.title || attachment.artifactId\n  const [objectUrl, setObjectUrl] = useState<string | null>(null)\n  const [error, setError] = useState<string | null>(null)\n  const [loading, setLoading] = useState(false)\n  const [lightboxOpen, setLightboxOpen] = useState(false)\n\n  useEffect(() => {\n    let cancelled = false\n    let url: string | null = null\n\n    async function load() {\n      setLoading(true)\n      setError(null)\n      setObjectUrl(null)\n      try {\n        const blob = await apiBlob(`/artifacts/${encodeURIComponent(attachment.artifactId)}/content`)\n        if (cancelled) return\n        url = URL.createObjectURL(blob)\n        setObjectUrl(url)\n      } catch (e) {\n        if (!cancelled) setError((e as Error).message)\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n\n    void load()\n    return () => {\n      cancelled = true\n      if (url) URL.revokeObjectURL(url)\n    }\n  }, [attachment.artifactId])\n\n  function download() {\n    if (!objectUrl) return\n    const a = document.createElement('a')\n    a.href = objectUrl\n    a.download = title\n    document.body.appendChild(a)\n    a.click()\n    a.remove()\n  }\n\n  if (isImage) {\n    return (\n      <>\n        <button\n          type=\"button\"\n          onClick={() => objectUrl && setLightboxOpen(true)}\n          disabled={!objectUrl}\n          className=\"group/img mt-2 block overflow-hidden rounded-md border border-foreground/10 bg-black/10 text-left disabled:cursor-default relative\"\n        >\n          {objectUrl ? (\n            <>\n              <img src={objectUrl} alt={title} loading=\"lazy\" className=\"block max-h-72 max-w-full object-contain\" />\n              <span className=\"absolute inset-0 flex items-center justify-center bg-black/0 group-hover/img:bg-black/30 transition-colors\">\n                <ZoomIn className=\"w-6 h-6 text-white opacity-0 group-hover/img:opacity-100 transition-opacity drop-shadow-md\" />\n              </span>\n            </>\n          ) : (\n            <span className={cn('flex min-h-20 items-center gap-2 px-3 py-2 text-xs', error ? 'text-red-400' : 'text-muted-foreground')}>\n              {loading ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <AlertCircle className=\"h-4 w-4\" />}\n              {error || 'Loading image'}\n            </span>\n          )}\n        </button>\n        {objectUrl && (\n          <Dialog open={lightboxOpen} onOpenChange={setLightboxOpen}>\n            <DialogContent className=\"max-w-[95vw] max-h-[95vh] w-auto p-0 bg-black/95 border-zinc-800 gap-0 overflow-hidden\" showCloseButton={false}>\n              <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n              <div className=\"relative flex items-center justify-center min-h-[200px]\">\n                <img src={objectUrl} alt={title} className=\"max-w-[93vw] max-h-[90vh] object-contain\" />\n                <div className=\"absolute top-2 right-2 flex gap-1\">\n                  <button type=\"button\" onClick={download} className=\"rounded-md bg-black/60 hover:bg-black/80 p-2 text-white transition-colors\" title=\"Download\">\n                    <Download className=\"w-4 h-4\" />\n                  </button>\n                  <button type=\"button\" onClick={() => setLightboxOpen(false)} className=\"rounded-md bg-black/60 hover:bg-black/80 p-2 text-white transition-colors\" title=\"Close\">\n                    <X className=\"w-4 h-4\" />\n                  </button>\n                </div>\n              </div>\n            </DialogContent>\n          </Dialog>\n        )}\n      </>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={download}\n      disabled={!objectUrl}\n      className={cn(\n        'mt-2 flex w-full items-center gap-2 rounded-md border px-2.5 py-2 text-left text-xs transition-colors disabled:cursor-default disabled:opacity-70',\n        outbound ? 'border-primary-foreground/20 bg-primary-foreground/10 hover:bg-primary-foreground/15' : 'border-border bg-background hover:bg-muted'\n      )}\n    >\n      {loading ? <Loader2 className=\"h-4 w-4 shrink-0 animate-spin\" /> : error ? <AlertCircle className=\"h-4 w-4 shrink-0 text-red-400\" /> : <FileText className=\"h-4 w-4 shrink-0\" />}\n      <span className={cn('min-w-0 flex-1 truncate', error && 'text-red-400')}>{error || title}</span>\n      <Download className=\"h-3.5 w-3.5 shrink-0\" />\n    </button>\n  )\n}\n\nfunction AddReaction({ open, onToggle, onReact }: { open: boolean; onToggle: () => void; onReact: (emoji: string) => void }) {\n  return (\n    <div className=\"relative shrink-0\">\n      <button\n        type=\"button\"\n        title=\"Add reaction\"\n        onClick={onToggle}\n        className={cn(\n          'inline-flex h-5 w-6 items-center justify-center rounded-full border border-border bg-popover text-muted-foreground shadow-sm transition hover:bg-muted hover:text-foreground',\n          open ? 'opacity-100' : 'opacity-0 pointer-events-none md:group-hover/msg:opacity-100 md:group-hover/msg:pointer-events-auto'\n        )}\n      >\n        <SmilePlus className=\"h-3 w-3\" />\n      </button>\n      {open && (\n        <div className=\"absolute bottom-full left-0 z-30 mb-1 flex gap-0.5 rounded-full border border-border bg-popover p-0.5 shadow-md\">\n          {QUICK_REACTIONS.map((emoji) => (\n            <button\n              key={emoji}\n              type=\"button\"\n              title={`React ${emoji}`}\n              onClick={() => onReact(emoji)}\n              className=\"inline-flex h-6 w-7 items-center justify-center rounded-full text-xs transition-colors hover:bg-muted\"\n            >\n              {emoji}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\n// Inter-agent (peer↔peer) messages render as a compact, foldable one-liner — distinct\n// from the user↔agent bubbles, never persisted-open (#508). The other party is shown via\n// AgentLink (label-preferred + clickable, #522); fan-out targets (broadcast/tag:/cap:/…)\n// fall back to a plain displayTarget label since they don't resolve to one agent.\nfunction PeerMessageLine({ msg, peer }: { msg: Message; peer: string }) {\n  const [expanded, setExpanded] = useState(false)\n  const agentsById = useRelayStore((s) => s.agentsById)\n  const openAgentDetail = useRelayStore((s) => s.openAgentDetail)\n  const isOutbound = msg.from === peer\n  const otherParty = (isOutbound ? msg.to : msg.from) || ''\n  // Per-project #NNN linkify (#533/#543): outbound folded lines use the selected\n  // peer's repo; inbound inter-agent lines use the originating agent's repo.\n  const issueRepo = agentsById[isOutbound ? peer : otherParty]?.issueRepo ?? agentsById[peer]?.issueRepo\n  const isSelector = !otherParty || otherParty === 'broadcast' || otherParty.includes(':')\n  const body = messageBody(msg)\n  const time = chatTimestamp(msg.occurredAt ?? (msg.createdAt as string))\n  const DirIcon = isOutbound ? ArrowRight : ArrowLeft\n  const senderAgent = agentsById[msg.from ?? ''] ?? null\n  function openSenderDetail(e: ReactMouseEvent<HTMLButtonElement>) {\n    e.stopPropagation()\n    if (senderAgent) openAgentDetail(senderAgent)\n  }\n\n  return (\n    <div data-msg-id={msg.id} className=\"flex justify-center mb-1.5\">\n      <div className=\"w-full max-w-[94%] rounded-md border border-border/50 bg-muted/15 px-2.5 py-1\">\n        <div className=\"flex items-center gap-1.5 text-xs cursor-pointer select-none\" onClick={() => setExpanded((v) => !v)}>\n          <ChevronRight className={cn('h-3 w-3 shrink-0 text-muted-foreground/60 transition-transform', expanded && 'rotate-90')} />\n          <button\n            type=\"button\"\n            title={senderAgent ? (senderAgent.label || senderAgent.name || senderAgent.id) : undefined}\n            disabled={!senderAgent}\n            onClick={openSenderDetail}\n            className={cn('shrink-0 transition-opacity', senderAgent ? 'cursor-pointer hover:opacity-80' : 'cursor-default opacity-60')}\n          >\n            <AgentTypeIcon agent={senderAgent} className=\"!w-4 !h-4 !rounded-sm opacity-70\" />\n          </button>\n          <DirIcon className=\"h-3 w-3 shrink-0 text-muted-foreground/70\" />\n          <span className=\"shrink-0 text-muted-foreground\">Message {isOutbound ? 'to' : 'from'}</span>\n          {isSelector\n            ? <span className=\"shrink-0 font-medium text-muted-foreground\">{displayTarget(otherParty, agentsById)}</span>\n            : <AgentLink agentId={otherParty} className=\"shrink-0 px-0.5 text-foreground/80\" noIcon />}\n          {!expanded && <span className=\"min-w-0 flex-1 truncate text-muted-foreground/50\">{body}</span>}\n          <span className=\"ml-auto shrink-0 text-muted-foreground/40\">{time}</span>\n        </div>\n        {expanded && (\n          <div className=\"mt-1.5 pl-5\">\n            <FormattedBody text={body} rawBody={msg.body} issueRepo={issueRepo} className=\"text-sm leading-relaxed text-foreground/90\" />\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport const MessageBubble = memo(function MessageBubble({\n  msg,\n  peer,\n  showAvatar = false,\n  onOpenReferencedPath,\n  onPreviewReferencedPath,\n  onPreviewReferencedPathEnd,\n}: {\n  msg: Message\n  peer: string\n  /** Show the sender avatar on this bubble (last in a consecutive same-sender run). */\n  showAvatar?: boolean\n  onOpenReferencedPath?: (path: string, line?: number, type?: ReferencedPathInfo['type']) => void\n  onPreviewReferencedPath?: (path: string, line?: number, anchor?: DOMRect) => void\n  onPreviewReferencedPathEnd?: () => void\n}) {\n  // Inter-agent (peer↔peer) messages get a folded one-liner instead of a bubble (#508).\n  // This early-return precedes all hooks, which is safe here: the timeline keys each\n  // MessageBubble by msg id (VirtualTimeline.timelineEntryKey), and from/to are immutable\n  // for a given id — so a mounted instance never flips between the two render paths.\n  // De-singletoned human addressing (#390): any human side — legacy bare `'user'` or a\n  // per-user `user:<id>` sink — renders as a user↔agent bubble; only agent↔agent stays a\n  // folded peer line. isHumanAgentId keeps multi-human threads from collapsing to peer lines.\n  if (!isHumanAgentId(msg.from) && !isHumanAgentId(msg.to)) {\n    return <PeerMessageLine msg={msg} peer={peer} />\n  }\n  // Spawn prompts (kind:\"session\", type:\"prompt\", origin:\"provider\") are system-initiated\n  // and must NOT masquerade as operator-typed prompts. Render with the InitialPromptBubble\n  // panel style instead (#420 Tier A). Immutable payload — safe as a pre-hook early return.\n  const sessionPayload = msg.kind === 'session'\n    ? (msg.payload?.session as { type?: string; origin?: string } | undefined)\n    : undefined\n  if (sessionPayload?.type === 'prompt' && sessionPayload?.origin === 'provider') {\n    return <SpawnPromptBubble msg={msg} peer={peer} />\n  }\n  const isOutbound = isHumanAgentId(msg.from)\n  const reactToMessage = useRelayStore((s) => s.reactToMessage)\n  const voiceTtsEnabled = useRelayStore((s) => s.voiceTtsEnabled)\n  const ttsPlayingKey = useTtsPlayingKey()\n  const peerCwd = useRelayStore((s) => {\n    const cwd = s.agentsById[peer]?.meta?.cwd\n    return typeof cwd === 'string' ? cwd : ''\n  })\n  // Per-project #NNN linkify (#533): the peer agent's resolved project repo.\n  const peerIssueRepo = useRelayStore((s) => s.agentsById[peer]?.issueRepo)\n  // Sender avatar (#420 Tier B): peer agent for inbound, operator stub for outbound.\n  const peerAgent = useRelayStore((s) => s.agentsById[peer] ?? null)\n  // Human attribution (#390): resolve which user sent an outbound bubble, and whether more\n  // than one human exists. With the single seeded user:default, multiHuman is false and the\n  // name tag / colored avatar stay off — the bubble renders exactly as before.\n  const usersById = useRelayStore((s) => s.usersById)\n  const multiHuman = useRelayStore((s) => s.users.length > 1)\n  const sendingUser = isOutbound ? resolveUser(msg.from, usersById) : undefined\n  const openAgentDetail = useRelayStore((s) => s.openAgentDetail)\n  const [showQuickReact, setShowQuickReact] = useState(false)\n  const bubbleRef = useRef<HTMLDivElement>(null)\n  const pointerStartRef = useRef<{ x: number; y: number } | null>(null)\n  const suppressBubbleClickRef = useRef(false)\n  const body = messageBody(msg)\n  const time = chatTimestamp(msg.occurredAt ?? (msg.createdAt as string))\n  const attachments = messageAttachments(msg)\n  const reactions = groupedReactions(msg)\n  const receipt = isOutbound ? outboundReceipt(msg, peer) : null\n  const ReceiptIcon = receipt?.icon\n  // On-demand TTS: replay any agent response through the same Kokoro/browser\n  // pipeline. Only when the speaker is on, and only for inbound non-reaction text.\n  const isTtsPlaying = ttsPlayingKey === String(msg.id)\n  const showPlayButton = voiceTtsEnabled && !isOutbound && !isReactionEvent(msg) && body.trim().length > 0\n  function togglePlay(e: React.MouseEvent) {\n    e.stopPropagation()\n    if (isTtsPlaying) voiceTts.bargeIn()\n    else voiceTts.speak(msg.body, String(msg.id))\n  }\n  useEffect(() => {\n    if (!showQuickReact) return\n    function dismiss(e: MouseEvent | TouchEvent) {\n      if (hasActiveTextSelection()) return\n      if (bubbleRef.current && !bubbleRef.current.contains(e.target as Node)) setShowQuickReact(false)\n    }\n    document.addEventListener('mousedown', dismiss)\n    document.addEventListener('touchstart', dismiss)\n    return () => { document.removeEventListener('mousedown', dismiss); document.removeEventListener('touchstart', dismiss) }\n  }, [showQuickReact])\n\n  function resolvedReferencedPath(path: string): string {\n    return resolveRelativePath(peerCwd || '/', path)\n  }\n\n  function openReferencedPath(path: string, line?: number) {\n    const absolute = resolvedReferencedPath(path)\n    onOpenReferencedPath?.(absolute, line)\n  }\n\n  function previewReferencedPath(path: string, line?: number, anchor?: DOMRect) {\n    const absolute = resolvedReferencedPath(path)\n    onPreviewReferencedPath?.(absolute, line, anchor)\n  }\n\n  function handleReact(emoji: string) {\n    reactToMessage(msg, emoji)\n    setShowQuickReact(false)\n  }\n\n  function handleBubblePointerDown(e: React.PointerEvent<HTMLDivElement>) {\n    if (e.button !== 0) return\n    pointerStartRef.current = { x: e.clientX, y: e.clientY }\n    suppressBubbleClickRef.current = false\n  }\n\n  function handleBubblePointerMove(e: React.PointerEvent<HTMLDivElement>) {\n    const start = pointerStartRef.current\n    if (!start) return\n    if (Math.abs(e.clientX - start.x) > 3 || Math.abs(e.clientY - start.y) > 3) {\n      suppressBubbleClickRef.current = true\n    }\n  }\n\n  function handleBubbleClick(e: React.MouseEvent<HTMLDivElement>) {\n    if (isReactionEvent(msg) || isOutbound) return\n    const target = e.target as HTMLElement\n    if (target.closest('a,button,input,textarea,select,[role=\"button\"]')) return\n    if (suppressBubbleClickRef.current || hasActiveTextSelection()) {\n      suppressBubbleClickRef.current = false\n      return\n    }\n    setShowQuickReact((v) => !v)\n  }\n\n  const hasAvatar = showAvatar && !isReactionEvent(msg)\n  function handleAvatarClick() {\n    if (!isOutbound && peerAgent) openAgentDetail(peerAgent)\n  }\n\n  return (\n    <div data-msg-id={msg.id} className={cn('group/msg flex mb-3 items-end', isOutbound ? 'justify-end' : 'justify-start', hasAvatar && 'gap-1.5')}>\n      {!isOutbound && hasAvatar && <BubbleAvatar agent={peerAgent} onClick={handleAvatarClick} />}\n      <div ref={bubbleRef} className={cn('relative', hasAvatar ? 'max-w-[calc(85%-2rem)] md:max-w-[calc(75%-2rem)]' : 'max-w-[85%] md:max-w-[75%]')}>\n        {showPlayButton && (\n          <button\n            type=\"button\"\n            title={isTtsPlaying ? 'Stop playback' : 'Play aloud'}\n            onClick={togglePlay}\n            className={cn(\n              'absolute -top-2 -right-2 z-20 inline-flex h-6 w-6 items-center justify-center rounded-full border bg-popover shadow-sm transition',\n              isTtsPlaying\n                ? 'border-primary/50 text-primary opacity-100'\n                // Hide-until-hover only on hover-capable devices; touch screens (iPad)\n                // have no hover, so keep the button visible there instead of opacity-0.\n                : 'border-border text-muted-foreground opacity-70 hover:bg-muted hover:text-foreground hover:opacity-100 [@media(hover:hover)]:md:opacity-0 [@media(hover:hover)]:md:group-hover/msg:opacity-100'\n            )}\n          >\n            {isTtsPlaying ? <CircleStop className=\"h-3.5 w-3.5 animate-pulse\" /> : <Volume2 className=\"h-3.5 w-3.5\" />}\n          </button>\n        )}\n        <div\n          className={cn(\n            'rounded-2xl px-3.5 py-2 text-sm select-text',\n            !isOutbound && !isReactionEvent(msg) && 'cursor-pointer',\n            isOutbound\n              ? 'bg-primary text-primary-foreground rounded-br-sm'\n              : 'bg-card ring-1 ring-foreground/10 rounded-bl-sm'\n          )}\n          onPointerDown={handleBubblePointerDown}\n          onPointerMove={handleBubblePointerMove}\n          onClick={handleBubbleClick}\n        >\n          {isOutbound && multiHuman && (\n            <p className={cn('text-[11px] font-semibold mb-0.5 text-right', humanAccentClass(msg.from))}>\n              {humanDisplayName(msg.from, usersById)}\n            </p>\n          )}\n          {msg.subject && (\n            <p className={cn('text-xs font-semibold mb-1', isOutbound ? 'text-primary-foreground/70' : 'text-muted-foreground')}>\n              {msg.subject}\n            </p>\n          )}\n          <FormattedBody\n            text={body}\n            rawBody={msg.body}\n            issueRepo={peerIssueRepo}\n            className=\"leading-relaxed\"\n            onPrimary={isOutbound}\n            onOpenPath={openReferencedPath}\n            onPreviewPath={previewReferencedPath}\n            onPreviewPathEnd={onPreviewReferencedPathEnd}\n            resolvePathTitle={(path, line) => `${resolvedReferencedPath(path)}${line ? `:${line}` : ''}`}\n          />\n          {attachments.map((attachment) => (\n            <AttachmentPreview key={`${msg.id}-${attachment.artifactId}-${attachment.role || ''}`} attachment={attachment} outbound={isOutbound} />\n          ))}\n          <p className={cn('text-xs mt-1 flex items-center gap-1.5', isOutbound ? 'justify-end text-primary-foreground/60' : 'justify-end text-muted-foreground')}>\n            <span className=\"opacity-40\">#{msg.id}</span>\n            <span>{time}</span>\n            {receipt && ReceiptIcon && (\n              <span\n                className={cn(\n                  'inline-flex items-center gap-1',\n                  receipt.tone === 'ok' && 'text-emerald-300',\n                  receipt.tone === 'warn' && 'text-amber-200',\n                  receipt.tone === 'danger' && 'text-red-200'\n                )}\n                title={receipt.title}\n              >\n                <ReceiptIcon className=\"h-3 w-3\" />\n                {receipt.label}\n              </span>\n            )}\n          </p>\n        </div>\n        {!isReactionEvent(msg) && reactions.length > 0 && (\n          <div className={cn('flex flex-wrap items-center gap-0.5 -mt-1 relative z-10', isOutbound ? 'justify-end pr-2' : 'justify-start pl-2')}>\n            {!isOutbound && <AddReaction open={showQuickReact} onToggle={() => setShowQuickReact((v) => !v)} onReact={handleReact} />}\n            {reactions.map((reaction) => (\n              <button\n                key={reaction.emoji}\n                type=\"button\"\n                title={reaction.actors.join(', ')}\n                onClick={() => handleReact(reaction.emoji)}\n                className={cn(\n                  'inline-flex h-5 items-center gap-0.5 rounded-full border px-1.5 text-[11px] shadow-sm transition-colors',\n                  reaction.mine\n                    ? 'border-primary/40 bg-primary/10 text-primary'\n                    : 'border-border bg-background hover:bg-muted text-foreground'\n                )}\n              >\n                <span>{reaction.emoji}</span>\n                {reaction.count > 1 && <span>{reaction.count}</span>}\n              </button>\n            ))}\n          </div>\n        )}\n        {!isReactionEvent(msg) && !isOutbound && reactions.length === 0 && (\n          <div className=\"absolute -bottom-2.5 left-1 z-20\">\n            <AddReaction open={showQuickReact} onToggle={() => setShowQuickReact((v) => !v)} onReact={handleReact} />\n          </div>\n        )}\n      </div>\n      {isOutbound && hasAvatar && (\n        <span className=\"shrink-0 self-end opacity-60\">\n          <UserAvatar user={sendingUser} address={msg.from} distinct={multiHuman} />\n        </span>\n      )}\n    </div>\n  )\n})\n"],"mappings":"grBA8BA,GAAA,geAgBA,GAAA,IAAA,IAAA,OAAA,KAAA,GAAA,CAAA,CACA,GAAA,IAMA,SAAA,EAAA,EAAA,sDAOA,SAAA,GAAA,EAAA,gRAmBA,SAAA,GAAA,EAAA,8MAQA,SAAA,GAAA,EAAA,+qBAoBA,SAAA,GAAA,EAAA,EAAA,6JAgBA,SAAA,GAAA,EAAA,6CAMA,IAAA,GAAA,IAAA,IAAA,qDAEA,SAAA,EAAA,EAAA,+HAKA,SAAA,GAAA,EAAA,wNAcA,SAAA,GAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,49GAiNA,SAAA,GAAA,EAAA,+jBAqBA,SAAA,GAAA,EAAA;6GAaA,SAAA,GAAA,EAAA,EAAA,uFC1XA,SAAgB,GAAY,EAAsB,CAGhD,OAFI,EAAO,KAAa,GAAG,EAAK,IAC5B,EAAO,KAAO,KAAa,IAAI,EAAO,MAAM,QAAQ,EAAE,CAAC,KACpD,IAAI,EAAO,KAAO,MAAM,QAAQ,EAAE,CAAC,KAG5C,SAAgB,GAAoB,EAAa,EAAsB,CACrE,GAAI,EAAK,WAAW,IAAI,CAAE,OAAO,EACjC,IAAM,EAAQ,GAAG,EAAI,QAAQ,OAAQ,GAAG,CAAC,GAAG,IAAO,MAAM,IAAI,CACvD,EAAkB,EAAE,CAC1B,IAAK,IAAM,KAAQ,EACb,CAAC,GAAQ,IAAS,MAClB,IAAS,KAAM,EAAM,KAAK,CACzB,EAAM,KAAK,EAAK,EAEvB,MAAO,IAAM,EAAM,KAAK,IAAI,CAG9B,SAAgB,GAAW,EAAsB,CAC/C,IAAM,EAAU,EAAK,QAAQ,OAAQ,GAAG,CAClC,EAAQ,EAAQ,YAAY,IAAI,CACtC,OAAO,EAAQ,EAAI,EAAQ,MAAM,EAAG,EAAM,CAAG,IAG/C,SAAgB,GAA2B,EAA+B,EAAwC,CAChH,OAAO,EACJ,OAAQ,GAAS,EAAK,SAAW,UAAY,EAAe,EAAM,EAAK,QAAQ,CAAC,CAChF,MAAM,EAAG,IAAM,EAAwB,EAAE,QAAQ,CAAC,OAAS,EAAwB,EAAE,QAAQ,CAAC,OAAO,CAAC,IACvG,EAAc,KAAM,GAAS,EAAK,SAAW,SAAS,CAG1D,SAAgB,IAAmC,CACjD,OAAO,OAAO,OAAW,KAAe,OAAO,WAAW,sBAAsB,CAAC,QAGnF,SAAgB,IAAkC,CAChD,OAAO,OAAO,OAAW,KAAe,EAAQ,OAAO,cAAc,EAAE,UAAU,CAGnF,SAAgB,GAAmB,EAA+B,CAChE,IAAM,EAAc,EAAI,SAAS,YAEjC,OADK,MAAM,QAAQ,EAAY,CACxB,EAAY,OAAQ,GAAgC,GAAQ,GAAQ,OAAO,GAAS,UAAY,OAAQ,EAAuB,YAAe,UAAU,CADvH,EAAE,CAI5C,IAAa,GAAkB,CAAC,KAAM,KAAM,IAAK,KAAK,CAEtD,SAAgB,GAAiB,EAAwF,CACvH,IAAM,EAAS,IAAI,IACnB,IAAK,IAAM,KAAY,EAAI,WAAa,EAAE,CAAE,CAC1C,IAAM,EAAQ,EAAuB,EAAS,MAAM,CAC9C,EAAU,EAAO,IAAI,EAAM,EAAI,CAAE,QAAO,MAAO,EAAG,KAAM,GAAO,OAAQ,EAAE,CAAE,CACjF,EAAQ,OAAS,EACjB,EAAQ,KAAO,EAAQ,MAAQ,EAAS,UAAA,OACxC,EAAQ,OAAO,KAAK,EAAS,QAAQ,CACrC,EAAO,IAAI,EAAO,EAAQ,CAE5B,MAAO,CAAC,GAAG,EAAO,QAAQ,CAAC,CAAC,MAAM,EAAG,IAAM,EAAE,MAAQ,EAAE,OAAS,EAAE,MAAM,cAAc,EAAE,MAAM,CAAC,CAGjG,SAAgB,EAAgB,EAAuB,CACrD,OAAO,EAAuB,EAAI,CAGpC,SAAgB,GAAgB,EAAc,EAA8G,CAC1J,IAAM,EAAS,EAAI,QAAU,EAAE,CACzB,EAAiB,EAAI,iBAAmB,GAAQ,EAAI,GACpD,EAAiB,EAAiB,EAAO,SAAS,EAAe,CAAG,GACpE,EAAgB,EAAO,KAAM,GAAO,IAAO,EAAe,CAChE,GAAI,GAAkB,EAAe,CACnC,IAAM,EAAS,EAAiB,EAAiB,EAAO,KAAM,GAAO,IAAO,EAAe,CAC3F,MAAO,CAAE,MAAO,OAAQ,MAAO,EAAS,WAAW,IAAW,gBAAiB,KAAM,KAAM,KAAM,EAAY,CAE/G,GAAI,EAAI,iBAAmB,YACzB,MAAO,CAAE,MAAO,YAAa,MAAO,2BAA4B,KAAM,KAAM,KAAM,EAAY,CAEhG,GAAI,EAAI,iBAAmB,SACzB,MAAO,CAAE,MAAO,SAAU,MAAO,6CAA8C,KAAM,OAAQ,KAAM,EAAO,CAE5G,GAAI,EAAI,iBAAmB,UAAY,EAAI,iBAAmB,OAAQ,CACpE,IAAM,EAAS,EAAI,sBAAwB,EAAI,mBAAqB,EAAI,eACxE,MAAO,CAAE,MAAO,EAAI,eAAgB,MAAO,EAAQ,KAAM,SAAU,KAAM,EAAa,CAExF,MAAO,CAAE,MAAO,OAAQ,MAAO,oBAAqB,KAAM,QAAS,KAAM,EAAO,CAGlF,SAAS,GAAyB,EAAsB,CACtD,IAAM,EAAY,EAAY,EAAI,UAAU,CAC5C,OAAQ,EAAI,WAAa,EAAE,EAAE,QAAQ,EAAQ,IACpC,KAAK,IAAI,EAAQ,EAAY,EAAS,WAAa,EAAS,UAAU,CAAC,CAC7E,EAAU,CAGf,SAAgB,GAAwB,EAAyC,CAE/E,OADK,EACE,EAAO,SAAS,QAAQ,EAAQ,IAAQ,KAAK,IAAI,EAAQ,GAAyB,EAAI,CAAC,CAAE,EAAE,CAD9E,EAQtB,SAAgB,GAA4B,EAAY,EAAY,EAAqB,CACvF,OAAQ,EAAK,GAAM,EAMrB,SAAgB,GAA2B,EAAyC,CAClF,GAAI,CAAC,EAAQ,MAAO,GACpB,IAAI,EAAS,EACb,IAAK,IAAM,KAAO,EAAO,SACnB,EAAc,EAAI,GAAE,EAAS,KAAK,IAAI,EAAQ,EAAY,EAAI,UAAU,CAAC,EAE/E,OAAO,EAGT,SAAgB,EAAc,EAA8B,CAE1D,OAAO,IADO,KAAK,EACZ,CAAE,mBAAmB,EAAE,CAAE,CAAE,KAAM,UAAW,OAAQ,UAAW,CAAC,CAGzE,SAAgB,GAA4B,EAAkC,CAC5E,IAAK,IAAM,KAAQ,EAAW,EAAK,YAAY,IAAI,gBAAgB,EAAK,WAAW,CAKrF,SAAgB,GACd,EACA,EACA,EACA,EACwB,CACxB,GAAI,GAAO,OAAQ,MAAO,CAAE,OAAQ,EAAM,OAAQ,CAClD,IAAM,EAAU,CAAC,GAAG,EAAS,CACzB,GAAe,CAAC,EAAQ,KAAM,GAAY,EAAQ,KAAO,EAAY,GAAG,EAAE,EAAQ,KAAK,EAAY,CACvG,IAAM,EAAW,EAAQ,OAAQ,GAAY,EAAQ,SAAS,CAAC,SAAS,CAElE,EADmB,EAAS,KAAM,GAAY,EAAQ,EAAc,GAAc,EAAQ,SAAW,EAAQ,QAAQ,EAC1G,EAAoB,EAAS,GAE9C,OADK,GAAU,SACR,CACL,SAAU,EAAS,SACnB,GAAI,EAAS,QAAU,CAAE,QAAS,EAAS,QAAS,CAAG,EAAE,CAC1D,CAJ+B,eC3I5B,GAAiD,CACrD,OAAQ,mBACR,QAAS,gBACT,SAAU,gBACV,UAAW,gBACX,uBAAwB,gBACxB,WAAY,iBACZ,UAAW,iBACX,qBAAsB,eACtB,kBAAmB,gBACnB,mBAAoB,iBACpB,kBAAmB,iBACnB,gBAAiB,eACjB,gBAAiB,gBAClB,CAED,SAAS,GAAmB,EAAyB,CACnD,IAAM,EAAQ,IAAI,KACZ,CAAC,EAAG,EAAG,GAAK,EAAQ,MAAM,IAAI,CAAC,IAAI,OAAO,CAC1C,EAAS,IAAI,KAAK,EAAI,EAAK,EAAG,EAAE,CAEtC,GAAI,IADa,EAAQ,EAAM,SAAS,CACxB,CAAU,MAAO,QACjC,IAAM,EAAY,IAAI,KAAK,EAAM,CAGjC,OAFA,EAAU,QAAQ,EAAU,SAAS,CAAG,EAAE,CACtC,IAAY,EAAQ,EAAU,SAAS,CAAC,CAAS,YAC9C,EAAO,mBAAmB,IAAA,GAAW,CAAE,QAAS,QAAS,MAAO,QAAS,IAAK,UAAW,KAAM,EAAO,aAAa,GAAK,EAAM,aAAa,CAAe,IAAA,GAAZ,UAAuB,CAAC,CAG/K,SAAgB,GAAa,CAAE,SAAiC,CAC9D,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EACzC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mEAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAQ,UAAW,EAAG,uBAAwB,GAAuB,EAAM,SAAW,gBAAgB,CAAI,CAAA,EAC1G,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,GAAuB,EAAM,SAAW,EAAM,OAAc,CAAA,EACnE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oCAA4B,EAAc,EAAM,UAAU,CAAQ,CAAA,CAC9E,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,IAAM,GAA8C,CAClD,gBAAiB,EACjB,kBAAmB,EACnB,0BAA2B,EAC3B,gCAAiC,EACjC,0BAA2B,EAC5B,CAKK,GAA2C,CAC/C,gBAAiB,gBACjB,kBAAmB,kBACnB,0BAA2B,4BAC5B,CAKD,SAAS,GAAmB,EAAsB,CAIhD,OAHK,IACoB,EAAK,SAAS,IAAI,CAAG,EAAK,MAAM,EAAK,QAAQ,IAAI,CAAG,EAAE,CAAG,GACnD,QAAQ,UAAW,IAAI,CAAC,MAChD,EAHW,gBAUpB,SAAgB,EAAU,CAAE,UAAS,gBAAe,YAAW,UAA6F,CAC1J,IAAM,EAAQ,EAAe,GAAM,EAAE,WAAW,GAAS,EAAI,KACvD,EAAkB,EAAe,GAAM,EAAE,gBAAgB,CACzD,EAAa,EAAe,GAAM,EAAE,WAAW,CAC/C,EAAQ,EAAQ,GAAY,EAAM,CAAI,GAAiB,EAC7D,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,UAAW,EAAG,yIAA0I,EAAU,CAClK,QAAU,GAAM,CAAE,EAAE,iBAAiB,CAAE,EAAgB,EAAQ,CAAE,EAAgB,OAAO,EACxF,MAAO,iBAAiB,aAJ1B,CAMG,CAAC,IAAU,EAAA,EAAA,KAAC,EAAD,CAAsB,QAAO,UAAU,sBAAwB,CAAA,EAC3E,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,kCAA0B,EAAa,CAAA,CAChD,GAOb,SAAS,GAAiB,CAAE,OAAyB,CACnD,IAAM,EAAW,EAAI,SAAW,EAAE,CAC5B,EAAM,OAAO,EAAQ,KAAQ,SAAW,EAAQ,IAAM,GACtD,EAAW,EAAM,EAAI,MAAM,EAAG,EAAE,CAAG,GACnC,EAAS,OAAO,EAAQ,QAAW,SAAW,EAAQ,OAAS,GAC/D,EAAS,OAAO,EAAQ,QAAW,SAAW,EAAQ,OAAS,GAC/D,EAAO,OAAO,EAAQ,MAAS,SAAW,EAAQ,KAAO,GACzD,EAAS,EAAQ,OACvB,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EAIzC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0OAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,0DAA4D,CAAA,EAChF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,kDAAyC,gBAAoB,CAAA,CAC5E,GAAU,IACT,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,yDAAyD,MAAO,GAAG,EAAO,KAAK,aAA/F,CACG,GAAO,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAa,MAAU,CAAA,CAAC,EAC3C,GAER,IACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,kFAAkF,MAAO,WAAM,EAAgB,CAAA,CAEhI,IACC,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,uFAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAa,KAAS,CAAA,EACtC,EAAA,EAAA,KAAC,EAAD,CAAW,QAAS,EAAQ,UAAU,+FAAiG,CAAA,CAClI,GAER,IAAW,KAAS,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wCAAwC,MAAM,kDAAyC,eAAmB,CAAA,EAC/I,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wDAAgD,EAAc,EAAI,YAAe,EAAI,UAAqB,CAAQ,CAAA,CAC9H,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,SAAgB,GAAW,CAAE,OAAyB,CACpD,IAAM,EAAa,OAAO,EAAI,SAAS,MAAS,SAAW,EAAI,QAAQ,KAAO,GAC9E,GAAI,IAAe,gBAAiB,OAAO,EAAA,EAAA,KAAC,GAAD,CAAuB,MAAO,CAAA,CACzE,IAAM,EAAmB,GAAgB,IAAe,EAClD,EAAQ,GAAiB,IAAe,GAAmB,EAAW,CAC5E,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EACzC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6HAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,UAAY,CAAA,EAC5B,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAa,CAAA,EACpB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oCAA4B,EAAc,EAAI,YAAe,EAAI,UAAqB,CAAQ,CAAA,CAC1G,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,IAAM,GAA4D,CAChE,gBAAiB,CAAE,MAAO,UAAW,OAAQ,mBAAoB,OAAQ,eAAgB,CACzF,aAAc,CAAE,MAAO,aAAc,OAAQ,aAAc,OAAQ,aAAc,CAClF,CAEK,GAAgD,CACpD,sBAAuB,EACvB,uBAAwB,GACxB,uBAAwB,EACxB,mBAAoB,EACpB,oBAAqB,EACrB,oBAAqB,EACtB,CAEK,GAA6C,CACjD,sBAAuB,mBACvB,uBAAwB,gBACxB,uBAAwB,eACxB,mBAAoB,gBACpB,oBAAqB,gBACrB,oBAAqB,gBACtB,CAED,SAAgB,GAAiB,CAAE,SAAsE,CACvG,IAAM,EAAM,GAAG,EAAM,UAAU,GAAG,EAAM,SAClC,EAAO,GAAkB,EAAM,aAAa,EAAM,SAAW,EAAM,UACnE,EAAmB,GAAkB,IAAQ,EAC7C,EAAQ,GAAmB,IAAQ,wBACnC,EAAU,EAAM,SAAW,SAEjC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EACzC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAG,gFAAiF,EAAU,oBAAsB,gBAAgB,UAApJ,EACE,EAAA,EAAA,KAAC,EAAD,CAAM,UAAW,EAAG,mBAAoB,EAAM,CAAI,CAAA,EAClD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iCAAyB,EAAY,CAAA,EACrD,EAAA,EAAA,KAAC,EAAD,CAAW,QAAS,EAAM,QAAW,CAAA,CACpC,EAAM,QAAU,IACf,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,yCAAyC,MAAO,EAAM,gBAAtE,CAA8E,KAAG,EAAM,OAAc,IAEvG,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6CAAqC,EAAc,EAAM,UAAU,CAAQ,CAAA,CACvF,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,IAAM,GAAmE,CACvE,OAAQ,EACR,aAAc,EACd,MAAO,EACP,MAAO,EACP,UAAW,EACX,QAAS,GACV,CAEK,GAA+D,CACnE,OAAQ,2DACR,aAAc,+CACd,MAAO,qDACP,MAAO,wDACP,UAAW,kDACX,QAAS,kDACV,CAED,SAAS,GAAW,EAAyC,CAC3D,GAAI,CACF,OAAO,KAAK,UAAU,EAAQ,KAAM,EAAE,MAChC,CACN,OAAO,OAAO,EAAO,EAIzB,SAAgB,GAAkB,CAAE,SAAyE,CAC3G,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,GAAM,CACzC,EAAQ,EAAM,MACd,EAAO,GAAqB,EAAM,WAAa,EAErD,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,0CACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAG,sFAHV,GAAqB,EAAM,WAAa,GAAqB,QAGyC,UAA/G,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,UAAU,qDACV,YAAe,EAAa,GAAU,CAAC,EAAM,UAH/C,EAKE,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,uBAAyB,CAAA,EACzC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gCAAwB,EAAM,SAAgB,CAAA,EAC9D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sDAA8C,EAAM,QAAe,CAAA,EACnF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6CAAqC,EAAc,EAAM,UAAU,CAAQ,CAAA,EAC3F,EAAA,EAAA,KAAC,EAAD,CAAc,UAAW,EAAG,4CAA6C,GAAY,YAAY,CAAI,CAAA,CAC9F,GACR,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2LACZ,GAAW,EAAM,OAAO,CACrB,CAAA,CAEJ,GACF,CAAA,CAIV,SAAgB,GAAc,CAAE,eAAc,eAAoE,CAYhH,OAXI,GAEA,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2FACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qGAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,2BAA6B,CAAA,EACpD,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,gCAAhB,CAAuC,YAAU,EAAoB,GACjE,GACF,CAAA,EAKR,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2FACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,wGAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mFAAqF,CAAA,EACrG,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wFAA0F,CAAA,EAC1G,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wFAA0F,CAAA,CACtG,IACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yCAAgC,UAAc,CAAA,CAC7D,IACC,EAAA,EAAA,MAAC,SAAD,CACE,QAAS,EACT,MAAM,YACN,UAAU,0JAHZ,EAKE,EAAA,EAAA,KAAC,GAAD,CAAY,UAAU,cAAgB,CAAA,CAAA,OAE/B,GAEP,GACF,CAAA,CAIV,IAAM,EAAiB,8BACjB,OAAwB,CAC5B,IAAM,EAAY,IAAI,IAClB,OAAe,CACjB,GAAI,CACF,OAAO,OAAO,aAAa,QAAQ,EAAe,GAAK,UACjD,CACN,MAAO,OAEP,CACE,MAAa,EAAU,QAAS,GAAM,GAAG,CAAC,CAQhD,OAPI,OAAO,OAAW,KACpB,OAAO,iBAAiB,UAAY,GAAM,CACpC,EAAE,MAAQ,IACd,EAAQ,EAAE,WAAa,KACvB,GAAM,GACN,CAEG,CACL,UAAU,EAAgB,CAExB,OADA,EAAU,IAAI,EAAG,KACJ,EAAU,OAAO,EAAG,EAEnC,QAAW,EACX,QAAS,CACP,EAAQ,CAAC,EACT,GAAI,CACF,OAAO,aAAa,QAAQ,EAAgB,EAAQ,KAAO,MAAM,MAC3D,EACR,GAAM,EAET,IACC,CAEJ,SAAS,IAAsC,CAE7C,MAAO,EAAA,EAAA,EAAA,sBADgC,EAAe,UAAW,EAAe,QAAW,GACnF,CAAW,EAAe,OAAO,CAG3C,SAAgB,GAAc,CAAE,QAAO,gBAAe,aAAoF,CACxI,GAAM,CAAC,EAAW,GAAmB,IAAc,CAC7C,EAAU,EAAgB,EAAQ,EAAM,OAAQ,GAAM,EAAE,OAAS,YAAY,CACnF,GAAI,CAAC,EAAQ,OAAQ,OAAO,KAC5B,IAAM,EAAY,EAAQ,OAAQ,GAAM,EAAE,OAAS,OAAO,CAAC,OAC3D,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0DAAf,CACG,EAAQ,IAAK,GACR,EAAK,OAAS,aAEd,EAAA,EAAA,KAAC,EAAD,CAEE,KAAM,EAAK,KACA,YACX,UAAU,iEACV,CAJK,EAAK,GAIV,CAGF,EAAK,OAAS,aAEd,EAAA,EAAA,MAAC,MAAD,CAAmB,UAAU,qFAA7B,EACE,EAAA,EAAA,KAAC,EAAD,CAAO,UAAU,yCAA2C,CAAA,EAC5D,EAAA,EAAA,KAAC,EAAD,CAAe,KAAM,EAAK,KAAiB,YAAW,UAAU,6BAA+B,CAAA,CAC3F,EAHI,EAAK,GAGT,CAGN,EAAkB,MAEpB,EAAA,EAAA,MAAC,MAAD,CAAmB,UAAU,kFAA7B,EACE,EAAA,EAAA,KAAC,GAAD,CAAU,UAAU,qCAAuC,CAAA,EAC3D,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,+BAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uBAAe,EAAK,OAAS,OAAc,CAAA,CAC1D,EAAK,MAAQ,EAAK,KAAK,MAAM,EAAI,EAAK,KAAK,MAAM,IAAM,EAAK,OAAS,IAAI,MAAM,EAAG,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,sBAAhB,CAA6B,MAAI,EAAK,KAAY,GAAG,KACnI,GACH,EANI,EAAK,GAMT,CAER,CACD,EAAY,IACX,EAAA,EAAA,MAAC,SAAD,CACE,QAAS,EACT,UAAU,gIAFZ,EAIE,EAAA,EAAA,KAAC,EAAD,CAAc,UAAW,EAAG,wCAAyC,CAAC,GAAa,YAAY,CAAI,CAAA,EACnG,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAY,QAAQ,EAAU,YAAY,IAAc,EAAI,GAAK,MAAQ,kBAAyB,CAAA,CAClG,GAEP,GACF,CAAA,CAIV,SAAgB,GAAc,CAAE,QAA0B,CACxD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EACzC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDAA6C,GAAmB,EAAK,CAAQ,CAAA,EAC7F,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,SAAgB,GAAc,CAAE,aAAoC,CAElE,IAAM,EAAQ,IADA,KAAK,EACL,CAAE,eAAe,IAAA,GAAW,CAAE,MAAO,QAAS,IAAK,UAAW,KAAM,UAAW,KAAM,UAAW,OAAQ,UAAW,CAAC,CAClI,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EACzC,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,4CAAhB,CAAmD,WAAS,EAAa,IACzE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,SAAgB,GAAsB,CAAE,WAA2C,CACjF,IAAM,EAAS,EAAQ,kBAAoB,EAAQ,aAC7C,EAAQ,EAAQ,QAAQ,OAC9B,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,EACzC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6IAAf,EACE,EAAA,EAAA,KAAC,GAAD,CAAS,UAAU,UAAY,CAAA,EAC/B,EAAA,EAAA,MAAC,OAAD,CAAA,SAAA,CAAM,uBAAqB,EAAc,CAAA,CAAA,EACzC,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,oCAAhB,CAA4C,EAAM,IAAE,IAAU,EAAI,QAAU,UAAiB,GACzF,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBAA0B,CAAA,CACrC,GAIV,SAAgB,GAAsB,CAAE,QAAO,cAAa,aAA0F,CACpJ,IAAM,EAAM,EAAM,QACZ,EAAO,EAAY,EAAI,CACvB,EAAkB,EAAM,eAAiB,EAC/C,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAG,uBAAwB,EAAkB,cAAgB,gBAAgB,WAC3F,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uCACb,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EACT,mEACA,EACI,gEACA,yCACL,UANH,EAQE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAG,6CAA8C,EAAkB,kBAAoB,wBAAwB,UAA/H,CAAiI,oBAC7G,EAAkB,MAAS,GAAe,EAAM,aAC9D,IACN,EAAA,EAAA,KAAC,EAAD,CAAe,KAAM,EAAM,QAAS,EAAI,KAAiB,YAAW,UAAU,kBAAoB,CAAA,EAClG,EAAA,EAAA,MAAC,IAAD,CAAG,UAAW,EAAG,qDAAsD,EAAkB,kBAAoB,wBAAwB,UAArI,EACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,sBAAhB,CAA6B,IAAE,EAAM,kBAAyB,IAC9D,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAc,EAAM,kBAAkB,CAAQ,CAAA,CACnD,GACA,GACF,CAAA,CACF,CAAA,CAOV,SAAgB,GAAoB,CAAE,MAAK,aAAmD,CAC5F,IAAM,EAAO,EAAY,EAAI,CACvB,EAAO,EAAc,EAAI,YAAe,EAAI,UAAqB,CACvE,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,cAAa,EAAI,GAAI,UAAU,iBAClC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yFAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,8GAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,cAAgB,CAAA,EACpC,EAAA,EAAA,KAAC,OAAD,CAAA,SAAM,iBAAqB,CAAA,EAC3B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gFAAwE,EAAY,CAAA,CAChG,IACN,EAAA,EAAA,KAAC,EAAD,CAAe,KAAM,EAAM,QAAS,EAAI,KAAiB,YAAW,UAAU,0CAA4C,CAAA,CACtH,GACF,CAAA,CAWV,SAAgB,GAAmB,CAAE,WAAU,YAAyE,CACtH,GAAM,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,GAAK,CACpC,CAAC,EAAkB,IAAA,EAAA,EAAA,UAAuE,KAAK,CAC/F,CAAC,EAAmB,IAAA,EAAA,EAAA,UAAwE,KAAK,CACjG,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,GAAM,CAE/C,GAAA,EAAA,EAAA,aAA6B,CACjC,IAAK,IAAI,EAAI,EAAS,OAAS,EAAG,GAAK,EAAG,IAAK,CAC7C,IAAM,EAAQ,EAAS,GACnB,MAAC,GAAU,EAAM,OAAS,WAAa,EAAM,OAAS,mBACtD,EAAM,IAAI,OAAA,OACZ,MAAO,CAAE,GAAI,EAAM,IAAI,GAAI,KAAM,EAAY,EAAM,IAAI,CAAE,CAG7D,OAAO,MACN,CAAC,EAAS,CAAC,CAoCd,IA9BA,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAAgB,CAAC,EAAU,CAAE,EAAU,GAAK,CAAE,OACnD,IAAI,EAAwC,KACxC,EAA2B,KACzB,MAAa,CACjB,IAAM,EAAS,EAAS,cAAc,iBAAiB,EAAa,GAAG,IAAI,CAC3E,GAAI,CAAC,EAAQ,CACX,GAAU,YAAY,CACtB,EAAW,KACX,EAAW,KACX,EAAU,GAAM,CAChB,OAEF,IAAM,EAAI,EAAO,uBAAuB,CAClC,EAAK,EAAS,uBAAuB,CAC3C,EAAe,EAAE,IAAM,EAAG,IAAI,CAC1B,IAAW,IACf,GAAU,YAAY,CACtB,EAAW,EACX,EAAW,IAAI,sBACZ,CAAC,KAAO,CAAM,GAAG,EAAU,EAAE,eAAe,EAC7C,CAAE,KAAM,EAAU,UAAW,EAAG,CACjC,CACD,EAAS,QAAQ,EAAO,GAI1B,OAFA,GAAM,CACN,EAAS,iBAAiB,SAAU,EAAM,CAAE,QAAS,GAAM,CAAC,KAC/C,CAAE,GAAU,YAAY,CAAE,EAAS,oBAAoB,SAAU,EAAK,GAClF,CAAC,GAAc,GAAI,EAAS,CAAC,CAE5B,GAAU,CAAC,GAAgB,CAAC,EAAa,KAAK,MAAM,CAAE,OAAO,KAEjE,IAAM,EAAW,GAAkB,KAAO,EAAa,GAAK,EAAiB,MAAQ,GAC/E,EAAY,GAAmB,KAAO,EAAa,GAAK,EAAkB,MAAQ,GAExF,SAAS,GAAiB,CACpB,CAAC,GAAY,CAAC,GAElB,EADwB,cAAc,iBAAiB,EAAa,GAAG,IACvE,EAAQ,eAAe,CAAE,SAAU,SAAU,MAAO,SAAU,CAAC,CAGjE,IAAM,EAAQ,EAAc,IAAM,IAiBlC,OAfI,GAEA,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,4DACb,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,UAAU,wHACV,YAAe,EAAqB,CAAE,GAAI,EAAa,GAAI,MAAO,GAAO,CAAC,UAH5E,EAKE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAM,cAAkB,CAAA,EACxB,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,UAAY,CAAA,CAC5B,GACL,CAAA,EAKR,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,8EAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4EAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uCAA8B,cAAkB,CAAA,EAChE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,UAAU,kDACV,QAAS,WAHX,CAKG,EAAM,sBACA,IACT,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAU,0CACV,YAAe,EAAqB,CAAE,GAAI,EAAa,GAAI,MAAO,GAAM,CAAC,CACzE,MAAM,qBAEN,EAAA,EAAA,KAAC,EAAD,CAAW,UAAU,UAAY,CAAA,CAC1B,CAAA,CACL,IACN,EAAA,EAAA,KAAC,IAAD,CACE,UAAW,EAAG,sDAAuD,CAAC,GAAY,eAAe,CACjG,YAAe,EAAoB,CAAE,GAAI,EAAa,GAAI,MAAO,CAAC,EAAU,CAAC,UAE5E,EAAa,KACZ,CAAA,CACI,GChlBd,SAAgB,IAAkC,CAChD,OAAA,EAAA,EAAA,sBACG,GAAO,EAAS,UAAU,EAAG,KACxB,EAAS,eAAe,KACxB,KACP,CCsBH,SAAS,GAAkB,CAAE,MAAK,QAAwC,CAExE,OAAO,EAAA,EAAA,KAAC,GAAD,CAA0B,MAAgB,UAD/B,EAAe,GAAM,EAAE,WAAW,IAAO,UACV,CAAa,CAAA,CAKhE,SAAS,GAAa,CAAE,QAAO,WAA0D,CACvF,IAAM,EAAW,GAAQ,GAAW,GACpC,OACE,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,MAAO,EAAS,EAAM,OAAS,EAAM,MAAQ,EAAM,GAAM,IAAA,GAChD,UACT,SAAU,CAAC,EACX,UAAW,EAAG,uCAAwC,EAAW,kCAAoC,4BAA4B,WAEjI,EAAA,EAAA,KAAC,EAAD,CAAsB,QAAS,CAAA,CACxB,CAAA,CAIb,SAAS,GAAkB,CAAE,aAAY,YAA8D,CACrG,IAAM,EAAU,EAAW,OAAS,QAC9B,EAAQ,EAAW,OAAS,EAAW,WACvC,CAAC,EAAW,IAAA,EAAA,EAAA,UAAwC,KAAK,CACzD,CAAC,EAAO,IAAA,EAAA,EAAA,UAAoC,KAAK,CACjD,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,EAAc,IAAA,EAAA,EAAA,UAA4B,GAAM,EAEvD,EAAA,EAAA,eAAgB,CACd,IAAI,EAAY,GACZ,EAAqB,KAEzB,eAAe,GAAO,CACpB,EAAW,GAAK,CAChB,EAAS,KAAK,CACd,EAAa,KAAK,CAClB,GAAI,CACF,IAAM,EAAO,MAAM,EAAQ,cAAc,mBAAmB,EAAW,WAAW,CAAC,UAAU,CAC7F,GAAI,EAAW,OACf,EAAM,IAAI,gBAAgB,EAAK,CAC/B,EAAa,EAAI,OACV,EAAG,CACL,GAAW,EAAU,EAAY,QAAQ,QACtC,CACH,GAAW,EAAW,GAAM,EAKrC,OADA,GAAW,KACE,CACX,EAAY,GACR,GAAK,IAAI,gBAAgB,EAAI,GAElC,CAAC,EAAW,WAAW,CAAC,CAE3B,SAAS,GAAW,CAClB,GAAI,CAAC,EAAW,OAChB,IAAM,EAAI,SAAS,cAAc,IAAI,CACrC,EAAE,KAAO,EACT,EAAE,SAAW,EACb,SAAS,KAAK,YAAY,EAAE,CAC5B,EAAE,OAAO,CACT,EAAE,QAAQ,CAgDZ,OA7CI,GAEA,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,YAAe,GAAa,EAAgB,GAAK,CACjD,SAAU,CAAC,EACX,UAAU,8IAET,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,IAAK,EAAW,IAAK,EAAO,QAAQ,OAAO,UAAU,2CAA6C,CAAA,EACvG,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uHACd,EAAA,EAAA,KAAC,EAAD,CAAQ,UAAU,6FAA+F,CAAA,CAC5G,CAAA,CACN,CAAA,CAAA,EAEH,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAG,qDAAsD,EAAQ,eAAiB,wBAAwB,UAA3H,CACG,GAAU,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,uBAAyB,CAAA,EAAG,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,UAAY,CAAA,CAC5F,GAAS,gBACL,GAEF,CAAA,CACR,IACC,EAAA,EAAA,KAAC,GAAD,CAAQ,KAAM,EAAc,aAAc,YACxC,EAAA,EAAA,MAAC,GAAD,CAAe,UAAU,yFAAyF,gBAAiB,YAAnI,EACE,EAAA,EAAA,KAAC,GAAD,CAAa,UAAU,mBAAW,EAAoB,CAAA,EACtD,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mEAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,IAAK,EAAW,IAAK,EAAO,UAAU,2CAA6C,CAAA,EACxF,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,KAAC,SAAD,CAAQ,KAAK,SAAS,QAAS,EAAU,UAAU,4EAA4E,MAAM,qBACnI,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,UAAY,CAAA,CACzB,CAAA,EACT,EAAA,EAAA,KAAC,SAAD,CAAQ,KAAK,SAAS,YAAe,EAAgB,GAAM,CAAE,UAAU,4EAA4E,MAAM,kBACvJ,EAAA,EAAA,KAAC,EAAD,CAAG,UAAU,UAAY,CAAA,CAClB,CAAA,CACL,GACF,GACQ,GACT,CAAA,CAEV,CAAA,CAAA,EAKL,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,SAAU,CAAC,EACX,UAAW,EACT,oJACA,EAAW,uFAAyF,6CACrG,UAPH,CASG,GAAU,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,gCAAkC,CAAA,CAAG,GAAQ,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,gCAAkC,CAAA,EAAG,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,mBAAqB,CAAA,EAChL,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAG,0BAA2B,GAAS,eAAe,UAAG,GAAS,EAAa,CAAA,EAChG,EAAA,EAAA,KAAC,EAAD,CAAU,UAAU,uBAAyB,CAAA,CACtC,GAIb,SAAS,GAAY,CAAE,OAAM,WAAU,WAAsF,CAC3H,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6BAAf,EACE,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,MAAM,eACN,QAAS,EACT,UAAW,EACT,+KACA,EAAO,cAAgB,sGACxB,WAED,EAAA,EAAA,KAAC,EAAD,CAAW,UAAU,UAAY,CAAA,CAC1B,CAAA,CACR,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2HACZ,GAAgB,IAAK,IACpB,EAAA,EAAA,KAAC,SAAD,CAEE,KAAK,SACL,MAAO,SAAS,IAChB,YAAe,EAAQ,EAAM,CAC7B,UAAU,iHAET,EACM,CAPF,EAOE,CACT,CACE,CAAA,CAEJ,GAQV,SAAS,GAAgB,CAAE,MAAK,QAAwC,CACtE,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,UAAwB,GAAM,CACzC,EAAa,EAAe,GAAM,EAAE,WAAW,CAC/C,EAAkB,EAAe,GAAM,EAAE,gBAAgB,CACzD,EAAa,EAAI,OAAS,EAC1B,GAAc,EAAa,EAAI,GAAK,EAAI,OAAS,GAGjD,EAAY,EAAW,EAAa,EAAO,IAAa,WAAa,EAAW,IAAO,UACvF,EAAa,CAAC,GAAc,IAAe,aAAe,EAAW,SAAS,IAAI,CAClF,EAAO,EAAY,EAAI,CACvB,EAAO,EAAc,EAAI,YAAe,EAAI,UAAqB,CACjE,EAAU,EAAa,EAAa,EACpC,EAAc,EAAW,EAAI,MAAQ,KAAO,KAClD,SAAS,EAAiB,EAAuC,CAC/D,EAAE,iBAAiB,CACf,GAAa,EAAgB,EAAY,CAG/C,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,cAAa,EAAI,GAAI,UAAU,uCAClC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yFAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+DAA+D,YAAe,EAAa,GAAM,CAAC,EAAE,UAAnH,EACE,EAAA,EAAA,KAAC,EAAD,CAAc,UAAW,EAAG,iEAAkE,GAAY,YAAY,CAAI,CAAA,EAC1H,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,MAAO,EAAe,EAAY,OAAS,EAAY,MAAQ,EAAY,GAAM,IAAA,GACjF,SAAU,CAAC,EACX,QAAS,EACT,UAAW,EAAG,8BAA+B,EAAc,kCAAoC,4BAA4B,WAE3H,EAAA,EAAA,KAAC,EAAD,CAAe,MAAO,EAAa,UAAU,mCAAqC,CAAA,CAC3E,CAAA,EACT,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,4CAA8C,CAAA,EACjE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,0CAAhB,CAAiD,WAAS,EAAa,KAAO,OAAc,GAC3F,GACG,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sDAA8C,GAAc,EAAY,EAAW,CAAQ,CAAA,EAC3G,EAAA,EAAA,KAAC,EAAD,CAAW,QAAS,EAAY,UAAU,qCAAqC,OAAA,GAAS,CAAA,CAC3F,CAAC,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4DAAoD,EAAY,CAAA,EAC9F,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDAA6C,EAAY,CAAA,CACrE,GACL,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wBACb,EAAA,EAAA,KAAC,EAAD,CAAe,KAAM,EAAM,QAAS,EAAI,KAAiB,YAAW,UAAU,6CAA+C,CAAA,CACzH,CAAA,CAEJ,GACF,CAAA,CAIV,IAAa,IAAA,EAAA,EAAA,MAAqB,SAAuB,CACvD,MACA,OACA,aAAa,GACb,uBACA,0BACA,8BASC,CAQD,GAAI,CAAC,EAAe,EAAI,KAAK,EAAI,CAAC,EAAe,EAAI,GAAG,CACtD,OAAO,EAAA,EAAA,KAAC,GAAD,CAAsB,MAAW,OAAQ,CAAA,CAKlD,IAAM,EAAiB,EAAI,OAAS,UAC/B,EAAI,SAAS,QACd,IAAA,GACJ,GAAI,GAAgB,OAAS,UAAY,GAAgB,SAAW,WAClE,OAAO,EAAA,EAAA,KAAC,GAAD,CAAwB,MAAW,OAAQ,CAAA,CAEpD,IAAM,EAAa,EAAe,EAAI,KAAK,CACrC,EAAiB,EAAe,GAAM,EAAE,eAAe,CACvD,EAAkB,EAAe,GAAM,EAAE,gBAAgB,CACzD,EAAgB,IAAkB,CAClC,EAAU,EAAe,GAAM,CACnC,IAAM,EAAM,EAAE,WAAW,IAAO,MAAM,IACtC,OAAO,OAAO,GAAQ,SAAW,EAAM,IACvC,CAEI,EAAgB,EAAe,GAAM,EAAE,WAAW,IAAO,UAAU,CAEnE,EAAY,EAAe,GAAM,EAAE,WAAW,IAAS,KAAK,CAI5D,EAAY,EAAe,GAAM,EAAE,UAAU,CAC7C,EAAa,EAAe,GAAM,EAAE,MAAM,OAAS,EAAE,CACrD,EAAc,EAAa,GAAY,EAAI,KAAM,EAAU,CAAG,IAAA,GAC9D,GAAkB,EAAe,GAAM,EAAE,gBAAgB,CACzD,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA8B,GAAM,CACrD,GAAA,EAAA,EAAA,QAAmC,KAAK,CACxC,GAAA,EAAA,EAAA,QAA0D,KAAK,CAC/D,GAAA,EAAA,EAAA,QAAgC,GAAM,CACtC,EAAO,EAAY,EAAI,CACvB,GAAO,EAAc,EAAI,YAAe,EAAI,UAAqB,CACjE,GAAc,GAAmB,EAAI,CACrC,EAAY,GAAiB,EAAI,CACjC,EAAU,EAAa,GAAgB,EAAK,EAAK,CAAG,KACpD,EAAc,GAAS,KAGvB,EAAe,IAAkB,OAAO,EAAI,GAAG,CAC/C,GAAiB,GAAmB,CAAC,GAAc,CAAC,EAAgB,EAAI,EAAI,EAAK,MAAM,CAAC,OAAS,EACvG,SAAS,EAAW,EAAqB,CACvC,EAAE,iBAAiB,CACf,EAAc,EAAS,SAAS,CAC/B,EAAS,MAAM,EAAI,KAAM,OAAO,EAAI,GAAG,CAAC,EAE/C,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAgB,OACrB,SAAS,EAAQ,EAA4B,CACvC,IAAwB,EACxB,EAAU,SAAW,CAAC,EAAU,QAAQ,SAAS,EAAE,OAAe,EAAE,EAAkB,GAAM,CAIlG,OAFA,SAAS,iBAAiB,YAAa,EAAQ,CAC/C,SAAS,iBAAiB,aAAc,EAAQ,KACnC,CAAE,SAAS,oBAAoB,YAAa,EAAQ,CAAE,SAAS,oBAAoB,aAAc,EAAQ,GACrH,CAAC,EAAe,CAAC,CAEpB,SAAS,EAAuB,EAAsB,CACpD,OAAO,GAAoB,GAAW,IAAK,EAAK,CAGlD,SAAS,GAAmB,EAAc,EAAe,CACvD,IAAM,EAAW,EAAuB,EAAK,CAC7C,IAAuB,EAAU,EAAK,CAGxC,SAAS,EAAsB,EAAc,EAAe,EAAkB,CAC5E,IAAM,EAAW,EAAuB,EAAK,CAC7C,IAA0B,EAAU,EAAM,EAAO,CAGnD,SAAS,EAAY,EAAe,CAClC,EAAe,EAAK,EAAM,CAC1B,EAAkB,GAAM,CAG1B,SAAS,EAAwB,EAAuC,CAClE,EAAE,SAAW,IACjB,EAAgB,QAAU,CAAE,EAAG,EAAE,QAAS,EAAG,EAAE,QAAS,CACxD,EAAuB,QAAU,IAGnC,SAAS,EAAwB,EAAuC,CACtE,IAAM,EAAQ,EAAgB,QACzB,IACD,KAAK,IAAI,EAAE,QAAU,EAAM,EAAE,CAAG,GAAK,KAAK,IAAI,EAAE,QAAU,EAAM,EAAE,CAAG,KACvE,EAAuB,QAAU,IAIrC,SAAS,EAAkB,EAAqC,CAC1D,OAAgB,EAAI,EAAI,IACb,GAAE,OACN,QAAQ,iDAAiD,CACpE,IAAI,EAAuB,SAAW,IAAwB,CAAE,CAC9D,EAAuB,QAAU,GACjC,OAEF,EAAmB,GAAM,CAAC,EAAE,EAG9B,IAAM,EAAY,GAAc,CAAC,EAAgB,EAAI,CACrD,SAAS,IAAoB,CACvB,CAAC,GAAc,GAAW,GAAgB,EAAU,CAG1D,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAa,EAAI,GAAI,UAAW,EAAG,gCAAiC,EAAa,cAAgB,gBAAiB,GAAa,UAAU,UAA9I,CACG,CAAC,GAAc,IAAa,EAAA,EAAA,KAAC,GAAD,CAAc,MAAO,EAAW,QAAS,GAAqB,CAAA,EAC3F,EAAA,EAAA,MAAC,MAAD,CAAK,IAAK,EAAW,UAAW,EAAG,WAAY,EAAY,mDAAqD,6BAA6B,UAA7I,CACG,KACC,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,MAAO,EAAe,gBAAkB,aACxC,QAAS,EACT,UAAW,EACT,oIACA,EACI,6CAGA,gMACL,UAEA,GAAe,EAAA,EAAA,KAAC,GAAD,CAAY,UAAU,4BAA8B,CAAA,EAAG,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,cAAgB,CAAA,CACnG,CAAA,EAEX,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EACT,8CACA,CAAC,GAAc,CAAC,EAAgB,EAAI,EAAI,iBACxC,EACI,mDACA,kDACL,CACD,cAAe,EACf,cAAe,EACf,QAAS,WAVX,CAYG,GAAc,IACb,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAG,8CAA+C,GAAiB,EAAI,KAAK,CAAC,UACxF,GAAiB,EAAI,KAAM,EAAU,CACpC,CAAA,CAEL,EAAI,UACH,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAG,6BAA8B,EAAa,6BAA+B,wBAAwB,UAChH,EAAI,QACH,CAAA,EAEN,EAAA,EAAA,KAAC,EAAD,CACE,KAAM,EACN,QAAS,EAAI,KACb,UAAW,EACX,UAAU,kBACV,UAAW,EACX,WAAY,GACZ,cAAe,EACf,iBAAkB,EAClB,kBAAmB,EAAM,IAAS,GAAG,EAAuB,EAAK,GAAG,EAAO,IAAI,IAAS,KACxF,CAAA,CACD,GAAY,IAAK,IAChB,EAAA,EAAA,KAAC,GAAD,CAAmG,aAAY,SAAU,EAAc,CAA/G,GAAG,EAAI,GAAG,GAAG,EAAW,WAAW,GAAG,EAAW,MAAQ,KAAsD,CACvI,EACF,EAAA,EAAA,MAAC,IAAD,CAAG,UAAW,EAAG,yCAA0C,EAAa,yCAA2C,oCAAoC,UAAvJ,EACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,sBAAhB,CAA6B,IAAE,EAAI,GAAU,IAC7C,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,GAAY,CAAA,CAClB,GAAW,IACV,EAAA,EAAA,MAAC,OAAD,CACE,UAAW,EACT,iCACA,EAAQ,OAAS,MAAQ,mBACzB,EAAQ,OAAS,QAAU,iBAC3B,EAAQ,OAAS,UAAY,eAC9B,CACD,MAAO,EAAQ,eAPjB,EASE,EAAA,EAAA,KAAC,EAAD,CAAa,UAAU,UAAY,CAAA,CAClC,EAAQ,MACJ,GAEP,GACA,GACL,CAAC,EAAgB,EAAI,EAAI,EAAU,OAAS,IAC3C,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAG,0DAA2D,EAAa,mBAAqB,qBAAqB,UAArI,CACG,CAAC,IAAc,EAAA,EAAA,KAAC,GAAD,CAAa,KAAM,EAAgB,aAAgB,EAAmB,GAAM,CAAC,EAAE,CAAE,QAAS,EAAe,CAAA,CACxH,EAAU,IAAK,IACd,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,MAAO,EAAS,OAAO,KAAK,KAAK,CACjC,YAAe,EAAY,EAAS,MAAM,CAC1C,UAAW,EACT,0GACA,EAAS,KACL,+CACA,6DACL,UAVH,EAYE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAS,MAAa,CAAA,CAC5B,EAAS,MAAQ,IAAK,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAS,MAAa,CAAA,CAC7C,EAbF,EAAS,MAaP,CACT,CACE,GAEP,CAAC,EAAgB,EAAI,EAAI,CAAC,GAAc,EAAU,SAAW,IAC5D,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,6CACb,EAAA,EAAA,KAAC,GAAD,CAAa,KAAM,EAAgB,aAAgB,EAAmB,GAAM,CAAC,EAAE,CAAE,QAAS,EAAe,CAAA,CACrG,CAAA,CAEJ,GACL,GAAc,IACb,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yCACd,EAAA,EAAA,KAAC,GAAD,CAAY,KAAM,EAAa,QAAS,EAAI,KAAM,SAAU,EAAc,CAAA,CACrE,CAAA,CAEL,IAER"}

package/public/assets/{PlanGraphPanel-CCvKbYWe.js → PlanGraphPanel-BYlragEi.js}

@@ -1,2 +1,2 @@
-import{r as e}from"./chunk-CilyBKbf.js";import{Et as t,Hn as n,Wn as r,dn as i,mn as a,rr as o}from"./lucide-react-CsPXvXMC.js";import{i as s,r as c,t as l}from"./store-DYaQAXRv.js";import{f as u}from"./index-TZskQfQL.js";var d=e(o(),1),f=`(max-width: 767px)`;function p(e){if(typeof window>`u`)return()=>{};let t=window.matchMedia(f);return t.addEventListener(`change`,e),()=>t.removeEventListener(`change`,e)}function m(){return(0,d.useSyncExternalStore)(p,()=>typeof window<`u`?window.matchMedia(f).matches:!1,()=>!1)}var h=r(),g=196,_=84,v=52,y=16,b=14,x=[`landed`,`in-progress`,`pending`,`blocked`],S={landed:{label:`landed`,dot:`bg-emerald-400`,accent:`border-l-emerald-400`,text:`text-emerald-300`,wire:`#34d399`},"in-progress":{label:`in progress`,dot:`bg-sky-400`,accent:`border-l-sky-400`,text:`text-sky-300`,wire:`#38bdf8`},pending:{label:`pending`,dot:`bg-amber-400`,accent:`border-l-amber-400`,text:`text-amber-300`,wire:`#fbbf24`},blocked:{label:`blocked`,dot:`bg-red-400`,accent:`border-l-red-400`,text:`text-red-300`,wire:`#f87171`}};function C(e){return e?e.label||(e.policyName?`policy:${e.policyName}`:e.agentId||``):``}function w(e){let t=new Map(e.nodes.map(e=>[e.id,e])),n=new Map(e.nodes.map((e,t)=>[e.id,t])),r=new Map,i=new Map(e.nodes.map(e=>[e.id,0]));for(let n of e.edges)!t.has(n.from)||!t.has(n.to)||(r.set(n.from,[...r.get(n.from)??[],n.to]),i.set(n.to,(i.get(n.to)??0)+1));let a=new Map(e.nodes.map(e=>[e.id,0])),o=e.nodes.filter(e=>(i.get(e.id)??0)===0).map(e=>e.id),s=new Set;for(;o.length;){let e=o.shift();s.add(e);let t=a.get(e)??0;for(let n of r.get(e)??[])a.set(n,Math.max(a.get(n)??0,t+1)),i.set(n,(i.get(n)??0)-1),(i.get(n)??0)===0&&o.push(n)}let c=Math.max(0,...Array.from(a.values()))+1;for(let t of e.nodes)s.has(t.id)||a.set(t.id,c++);let l=new Map;for(let t of e.nodes){let e=a.get(t.id)??0;l.set(e,[...l.get(e)??[],t])}let u=[...l.entries()].sort(([e],[t])=>e-t),d=Math.max(1,...u.map(([,e])=>e.length)),f=_+y,p=[];u.forEach(([e,t],r)=>{let i=[...t].sort((e,t)=>(e.lane||``).localeCompare(t.lane||``)||(n.get(e.id)??0)-(n.get(t.id)??0)),a=(d-i.length)*f/2;i.forEach((t,n)=>{p.push({node:t,layer:e,x:b+r*(g+v),y:b+a+n*f})})});let m=u.length;return{nodes:p,width:Math.max(320,b*2+m*g+Math.max(0,m-1)*v),height:Math.max(_+b*2,b*2+d*_+Math.max(0,d-1)*y)}}function T(e,t){let n=e.x+g,r=e.y+_/2,i=t.x,a=t.y+_/2,o=n+Math.max(20,(i-n)/2);return`M ${n} ${r} C ${o} ${r}, ${o} ${a}, ${i} ${a}`}function E({threadId:e,teamId:r,channel:o}){let f=r?s(r,o):e?c(e,o):``,p=l(e=>r?e.plansByTeam[f]:f?e.plansByThread[f]:null),v=l(e=>e.fetchPlan),y=l(e=>e.planCollapsed),b=l(e=>e.setPlanCollapsed),E=l(e=>e.issueRefsById),D=m(),O=y??D;(0,d.useEffect)(()=>{if(r){v({teamId:r,channel:o});return}e&&v({threadId:e,channel:o})},[o,v,r,e]);let k=(0,d.useMemo)(()=>p?w(p):null,[p]),A=(0,d.useMemo)(()=>new Map(k?.nodes.map(e=>[e.node.id,e])??[]),[k]),j=(0,d.useMemo)(()=>{if(!p)return[];let e=new Map;for(let t of p.nodes)e.set(t.status,(e.get(t.status)??0)+1);return x.filter(t=>e.has(t)).map(t=>({status:t,count:e.get(t)??0}))},[p]);if(!p||!k)return null;let M=p.nodes.length,N=j.find(e=>e.status===`landed`)?.count??0,P=`${M} node${M===1?``:`s`}${N>0?` · ${N} landed`:``}`;return(0,h.jsxs)(`section`,{className:`shrink-0 border-b border-border bg-card/45 px-3 py-2`,children:[(0,h.jsxs)(`button`,{type:`button`,onClick:()=>b(!O),"aria-expanded":!O,"aria-label":O?`Expand plan graph`:`Collapse plan graph`,className:n(`flex w-full min-w-0 items-center gap-2 text-left`,!O&&`mb-2`),children:[(0,h.jsx)(`span`,{className:`flex h-5 w-5 shrink-0 items-center justify-center rounded bg-muted/60`,children:(0,h.jsx)(t,{className:`h-3 w-3 text-muted-foreground`})}),(0,h.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,h.jsx)(`div`,{className:`truncate text-[13px] font-semibold leading-tight text-foreground`,children:p.title||`Plan`}),(0,h.jsx)(`div`,{className:`truncate text-[11px] leading-tight text-muted-foreground`,children:O?P:p.objective||P})]}),j.length>0&&(0,h.jsx)(`div`,{className:`hidden shrink-0 items-center gap-2.5 sm:flex`,children:j.map(({status:e,count:t})=>(0,h.jsxs)(`span`,{className:`flex items-center gap-1 text-[10px] text-muted-foreground`,children:[(0,h.jsx)(`span`,{className:n(`h-1.5 w-1.5 rounded-full`,S[e].dot)}),(0,h.jsx)(`span`,{className:n(`font-medium tabular-nums`,S[e].text),children:t}),(0,h.jsx)(`span`,{children:S[e].label})]},e))}),(0,h.jsxs)(`span`,{className:`shrink-0 rounded bg-muted/60 px-1.5 py-0.5 text-[10px] font-medium tabular-nums text-muted-foreground`,children:[`v`,p.version]}),(0,h.jsx)(`span`,{className:`flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted/60 hover:text-foreground`,children:O?(0,h.jsx)(a,{className:`h-3.5 w-3.5`}):(0,h.jsx)(i,{className:`h-3.5 w-3.5`})})]}),O?null:p.nodes.length===0?(0,h.jsx)(`div`,{className:`rounded-md border border-dashed border-border px-3 py-3 text-center text-xs text-muted-foreground`,children:`No nodes yet — the plan graph fills in as the team is composed.`}):(0,h.jsx)(`div`,{className:`max-h-[min(46vh,360px)] overflow-auto`,children:(0,h.jsxs)(`div`,{className:`relative`,style:{width:k.width,height:k.height},children:[(0,h.jsxs)(`svg`,{className:`pointer-events-none absolute inset-0`,width:k.width,height:k.height,"aria-hidden":`true`,children:[(0,h.jsx)(`defs`,{children:x.map(e=>(0,h.jsx)(`marker`,{id:`plan-arrow-${e}`,viewBox:`0 0 8 8`,refX:`6.5`,refY:`4`,markerWidth:`6`,markerHeight:`6`,orient:`auto-start-reverse`,children:(0,h.jsx)(`path`,{d:`M0 0 L8 4 L0 8 z`,fill:S[e].wire})},e))}),p.edges.map(e=>{let t=A.get(e.from),n=A.get(e.to);if(!t||!n)return null;let r=S[t.node.status];return(0,h.jsx)(`path`,{d:T(t,n),stroke:r.wire,strokeOpacity:.7,strokeWidth:2,fill:`none`,strokeLinecap:`round`,markerEnd:`url(#plan-arrow-${t.node.status})`},`${e.from}->${e.to}`)})]}),k.nodes.map(({node:e,x:t,y:r})=>{let i=S[e.status],a=C(e.ownerRef),o=e.refs?.issueId?E[e.refs.issueId]:null;return(0,h.jsxs)(`article`,{className:n(`group absolute flex flex-col justify-between rounded-md border border-l-[3px] bg-background/95 p-2`,`shadow-sm transition-all hover:-translate-y-px hover:border-border hover:shadow-md hover:bg-background`,i.accent),style:{left:t,top:r,width:g,height:_},title:e.scopeBlurb||e.label,children:[(0,h.jsx)(`div`,{className:`truncate text-xs font-semibold leading-tight text-foreground`,children:e.label}),(e.scopeBlurb||e.id)&&(0,h.jsx)(`div`,{className:`truncate text-[10px] leading-tight text-muted-foreground`,children:e.scopeBlurb||e.id}),o&&(0,h.jsx)(`div`,{className:`min-w-0`,children:(0,h.jsx)(u,{issueRef:o,compact:!0,className:`max-w-full`})}),(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-1.5`,children:[(0,h.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1.5`,children:[(0,h.jsx)(`span`,{className:n(`h-1.5 w-1.5 shrink-0 rounded-full`,i.dot)}),(0,h.jsx)(`span`,{className:n(`text-[10px] font-medium`,i.text),children:i.label})]}),(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1.5`,children:[a&&(0,h.jsx)(`span`,{className:`truncate text-[10px] text-muted-foreground`,children:a}),e.lane&&(0,h.jsx)(`span`,{className:`shrink-0 rounded-sm bg-muted/70 px-1 py-px text-[9px] font-medium uppercase tracking-wide text-muted-foreground`,children:e.lane})]})]})]},e.id)})]})})]})}export{E as t};
-//# sourceMappingURL=PlanGraphPanel-CCvKbYWe.js.map
+import{r as e}from"./chunk-CilyBKbf.js";import{Et as t,Hn as n,Wn as r,dn as i,mn as a,rr as o}from"./lucide-react-CsPXvXMC.js";import{i as s,r as c,t as l}from"./store-DsqUEZOf.js";import{f as u}from"./index-Bd1NBLyd.js";var d=e(o(),1),f=`(max-width: 767px)`;function p(e){if(typeof window>`u`)return()=>{};let t=window.matchMedia(f);return t.addEventListener(`change`,e),()=>t.removeEventListener(`change`,e)}function m(){return(0,d.useSyncExternalStore)(p,()=>typeof window<`u`?window.matchMedia(f).matches:!1,()=>!1)}var h=r(),g=196,_=84,v=52,y=16,b=14,x=[`landed`,`in-progress`,`pending`,`blocked`],S={landed:{label:`landed`,dot:`bg-emerald-400`,accent:`border-l-emerald-400`,text:`text-emerald-300`,wire:`#34d399`},"in-progress":{label:`in progress`,dot:`bg-sky-400`,accent:`border-l-sky-400`,text:`text-sky-300`,wire:`#38bdf8`},pending:{label:`pending`,dot:`bg-amber-400`,accent:`border-l-amber-400`,text:`text-amber-300`,wire:`#fbbf24`},blocked:{label:`blocked`,dot:`bg-red-400`,accent:`border-l-red-400`,text:`text-red-300`,wire:`#f87171`}};function C(e){return e?e.label||(e.policyName?`policy:${e.policyName}`:e.agentId||``):``}function w(e){let t=new Map(e.nodes.map(e=>[e.id,e])),n=new Map(e.nodes.map((e,t)=>[e.id,t])),r=new Map,i=new Map(e.nodes.map(e=>[e.id,0]));for(let n of e.edges)!t.has(n.from)||!t.has(n.to)||(r.set(n.from,[...r.get(n.from)??[],n.to]),i.set(n.to,(i.get(n.to)??0)+1));let a=new Map(e.nodes.map(e=>[e.id,0])),o=e.nodes.filter(e=>(i.get(e.id)??0)===0).map(e=>e.id),s=new Set;for(;o.length;){let e=o.shift();s.add(e);let t=a.get(e)??0;for(let n of r.get(e)??[])a.set(n,Math.max(a.get(n)??0,t+1)),i.set(n,(i.get(n)??0)-1),(i.get(n)??0)===0&&o.push(n)}let c=Math.max(0,...Array.from(a.values()))+1;for(let t of e.nodes)s.has(t.id)||a.set(t.id,c++);let l=new Map;for(let t of e.nodes){let e=a.get(t.id)??0;l.set(e,[...l.get(e)??[],t])}let u=[...l.entries()].sort(([e],[t])=>e-t),d=Math.max(1,...u.map(([,e])=>e.length)),f=_+y,p=[];u.forEach(([e,t],r)=>{let i=[...t].sort((e,t)=>(e.lane||``).localeCompare(t.lane||``)||(n.get(e.id)??0)-(n.get(t.id)??0)),a=(d-i.length)*f/2;i.forEach((t,n)=>{p.push({node:t,layer:e,x:b+r*(g+v),y:b+a+n*f})})});let m=u.length;return{nodes:p,width:Math.max(320,b*2+m*g+Math.max(0,m-1)*v),height:Math.max(_+b*2,b*2+d*_+Math.max(0,d-1)*y)}}function T(e,t){let n=e.x+g,r=e.y+_/2,i=t.x,a=t.y+_/2,o=n+Math.max(20,(i-n)/2);return`M ${n} ${r} C ${o} ${r}, ${o} ${a}, ${i} ${a}`}function E({threadId:e,teamId:r,channel:o}){let f=r?s(r,o):e?c(e,o):``,p=l(e=>r?e.plansByTeam[f]:f?e.plansByThread[f]:null),v=l(e=>e.fetchPlan),y=l(e=>e.planCollapsed),b=l(e=>e.setPlanCollapsed),E=l(e=>e.issueRefsById),D=m(),O=y??D;(0,d.useEffect)(()=>{if(r){v({teamId:r,channel:o});return}e&&v({threadId:e,channel:o})},[o,v,r,e]);let k=(0,d.useMemo)(()=>p?w(p):null,[p]),A=(0,d.useMemo)(()=>new Map(k?.nodes.map(e=>[e.node.id,e])??[]),[k]),j=(0,d.useMemo)(()=>{if(!p)return[];let e=new Map;for(let t of p.nodes)e.set(t.status,(e.get(t.status)??0)+1);return x.filter(t=>e.has(t)).map(t=>({status:t,count:e.get(t)??0}))},[p]);if(!p||!k)return null;let M=p.nodes.length,N=j.find(e=>e.status===`landed`)?.count??0,P=`${M} node${M===1?``:`s`}${N>0?` · ${N} landed`:``}`;return(0,h.jsxs)(`section`,{className:`shrink-0 border-b border-border bg-card/45 px-3 py-2`,children:[(0,h.jsxs)(`button`,{type:`button`,onClick:()=>b(!O),"aria-expanded":!O,"aria-label":O?`Expand plan graph`:`Collapse plan graph`,className:n(`flex w-full min-w-0 items-center gap-2 text-left`,!O&&`mb-2`),children:[(0,h.jsx)(`span`,{className:`flex h-5 w-5 shrink-0 items-center justify-center rounded bg-muted/60`,children:(0,h.jsx)(t,{className:`h-3 w-3 text-muted-foreground`})}),(0,h.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,h.jsx)(`div`,{className:`truncate text-[13px] font-semibold leading-tight text-foreground`,children:p.title||`Plan`}),(0,h.jsx)(`div`,{className:`truncate text-[11px] leading-tight text-muted-foreground`,children:O?P:p.objective||P})]}),j.length>0&&(0,h.jsx)(`div`,{className:`hidden shrink-0 items-center gap-2.5 sm:flex`,children:j.map(({status:e,count:t})=>(0,h.jsxs)(`span`,{className:`flex items-center gap-1 text-[10px] text-muted-foreground`,children:[(0,h.jsx)(`span`,{className:n(`h-1.5 w-1.5 rounded-full`,S[e].dot)}),(0,h.jsx)(`span`,{className:n(`font-medium tabular-nums`,S[e].text),children:t}),(0,h.jsx)(`span`,{children:S[e].label})]},e))}),(0,h.jsxs)(`span`,{className:`shrink-0 rounded bg-muted/60 px-1.5 py-0.5 text-[10px] font-medium tabular-nums text-muted-foreground`,children:[`v`,p.version]}),(0,h.jsx)(`span`,{className:`flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted/60 hover:text-foreground`,children:O?(0,h.jsx)(a,{className:`h-3.5 w-3.5`}):(0,h.jsx)(i,{className:`h-3.5 w-3.5`})})]}),O?null:p.nodes.length===0?(0,h.jsx)(`div`,{className:`rounded-md border border-dashed border-border px-3 py-3 text-center text-xs text-muted-foreground`,children:`No nodes yet — the plan graph fills in as the team is composed.`}):(0,h.jsx)(`div`,{className:`max-h-[min(46vh,360px)] overflow-auto`,children:(0,h.jsxs)(`div`,{className:`relative`,style:{width:k.width,height:k.height},children:[(0,h.jsxs)(`svg`,{className:`pointer-events-none absolute inset-0`,width:k.width,height:k.height,"aria-hidden":`true`,children:[(0,h.jsx)(`defs`,{children:x.map(e=>(0,h.jsx)(`marker`,{id:`plan-arrow-${e}`,viewBox:`0 0 8 8`,refX:`6.5`,refY:`4`,markerWidth:`6`,markerHeight:`6`,orient:`auto-start-reverse`,children:(0,h.jsx)(`path`,{d:`M0 0 L8 4 L0 8 z`,fill:S[e].wire})},e))}),p.edges.map(e=>{let t=A.get(e.from),n=A.get(e.to);if(!t||!n)return null;let r=S[t.node.status];return(0,h.jsx)(`path`,{d:T(t,n),stroke:r.wire,strokeOpacity:.7,strokeWidth:2,fill:`none`,strokeLinecap:`round`,markerEnd:`url(#plan-arrow-${t.node.status})`},`${e.from}->${e.to}`)})]}),k.nodes.map(({node:e,x:t,y:r})=>{let i=S[e.status],a=C(e.ownerRef),o=e.refs?.issueId?E[e.refs.issueId]:null;return(0,h.jsxs)(`article`,{className:n(`group absolute flex flex-col justify-between rounded-md border border-l-[3px] bg-background/95 p-2`,`shadow-sm transition-all hover:-translate-y-px hover:border-border hover:shadow-md hover:bg-background`,i.accent),style:{left:t,top:r,width:g,height:_},title:e.scopeBlurb||e.label,children:[(0,h.jsx)(`div`,{className:`truncate text-xs font-semibold leading-tight text-foreground`,children:e.label}),(e.scopeBlurb||e.id)&&(0,h.jsx)(`div`,{className:`truncate text-[10px] leading-tight text-muted-foreground`,children:e.scopeBlurb||e.id}),o&&(0,h.jsx)(`div`,{className:`min-w-0`,children:(0,h.jsx)(u,{issueRef:o,compact:!0,className:`max-w-full`})}),(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-1.5`,children:[(0,h.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1.5`,children:[(0,h.jsx)(`span`,{className:n(`h-1.5 w-1.5 shrink-0 rounded-full`,i.dot)}),(0,h.jsx)(`span`,{className:n(`text-[10px] font-medium`,i.text),children:i.label})]}),(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1.5`,children:[a&&(0,h.jsx)(`span`,{className:`truncate text-[10px] text-muted-foreground`,children:a}),e.lane&&(0,h.jsx)(`span`,{className:`shrink-0 rounded-sm bg-muted/70 px-1 py-px text-[9px] font-medium uppercase tracking-wide text-muted-foreground`,children:e.lane})]})]})]},e.id)})]})})]})}export{E as t};
+//# sourceMappingURL=PlanGraphPanel-BYlragEi.js.map