@flanksource/clicky-ui 0.3.15 → 0.3.17

package/dist/data/ai/SessionViewer.rows.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.rows.js","sources":["../../../src/data/ai/SessionViewer.rows.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { CodeDiff } from \"../CodeDiff\";\nimport { Button } from \"../../components/button\";\nimport {\n  UiBrain,\n  UiCancel,\n  UiCheck,\n  UiChevronDown,\n  UiComment,\n  UiSparkles,\n  UiUserCircle,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport { APPROVAL_ICONS } from \"./agent-action-icons\";\nimport {\n  getSessionAction,\n  type SessionEvent,\n  type SessionTone,\n} from \"./SessionViewer.model\";\nimport type { SessionEventGroup } from \"./SessionViewer.grouping\";\nimport {\n  shellCommand,\n  questionsFromToolInput,\n  summarizeToolInput,\n  toolDiff,\n  toolInputParams,\n  type SessionQuestion,\n  type ToolDiff,\n  type ToolParam,\n} from \"./SessionViewer.input\";\nimport type { SessionToolDecision } from \"./SessionViewer\";\n\n// Disc colors per tone. The dark variants key off a `[data-theme=\"dark\"]`\n// ancestor (the document attribute set by ThemeProvider, or the component-level\n// override painted on this viewer's root) rather than Tailwind's `dark:` —\n// which this library compiles to `prefers-color-scheme` and so would ignore the\n// `data-theme` attribute. Written as literal class strings so Tailwind scans them.\nconst DISC_TONE: Record<SessionTone, string> = {\n  sky: \"bg-sky-100 text-sky-700 [[data-theme=dark]_&]:bg-sky-500/15 [[data-theme=dark]_&]:text-sky-300\",\n  amber:\n    \"bg-amber-100 text-amber-700 [[data-theme=dark]_&]:bg-amber-500/15 [[data-theme=dark]_&]:text-amber-300\",\n  violet:\n    \"bg-violet-100 text-violet-700 [[data-theme=dark]_&]:bg-violet-500/15 [[data-theme=dark]_&]:text-violet-300\",\n  emerald:\n    \"bg-emerald-100 text-emerald-700 [[data-theme=dark]_&]:bg-emerald-500/15 [[data-theme=dark]_&]:text-emerald-300\",\n  teal: \"bg-teal-100 text-teal-700 [[data-theme=dark]_&]:bg-teal-500/15 [[data-theme=dark]_&]:text-teal-300\",\n  orange:\n    \"bg-orange-100 text-orange-700 [[data-theme=dark]_&]:bg-orange-500/15 [[data-theme=dark]_&]:text-orange-300\",\n  rose: \"bg-rose-100 text-rose-700 [[data-theme=dark]_&]:bg-rose-500/15 [[data-theme=dark]_&]:text-rose-300\",\n  indigo:\n    \"bg-indigo-100 text-indigo-700 [[data-theme=dark]_&]:bg-indigo-500/15 [[data-theme=dark]_&]:text-indigo-300\",\n  fuchsia:\n    \"bg-fuchsia-100 text-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-500/15 [[data-theme=dark]_&]:text-fuchsia-300\",\n  pink: \"bg-pink-100 text-pink-700 [[data-theme=dark]_&]:bg-pink-500/15 [[data-theme=dark]_&]:text-pink-300\",\n  slate: \"bg-muted text-muted-foreground\",\n};\n\nexport function SessionRow({\n  event,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  onPendingToolDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | undefined;\n}) {\n  if (event.kind === \"user\")\n    return <UserRow event={event} showRowMetadata={showRowMetadata} showRaw={showRaw} />;\n\n  const visual = eventVisual(event);\n  return (\n    <li\n      data-event-kind={event.kind}\n      className=\"relative flex gap-density-3 pb-density-4 last:pb-0\"\n    >\n      {!last && (\n        <span\n          aria-hidden\n          className=\"absolute bottom-0 left-[10px] top-[22px] w-px bg-border\"\n        />\n      )}\n      <span\n        className={cn(\n          \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n          DISC_TONE[visual.tone],\n        )}\n      >\n        <Icon icon={visual.icon} className=\"h-3 w-3\" />\n      </span>\n      <div className=\"min-w-0 flex-1 pt-px\">\n        <EventBody\n          event={event}\n          visual={visual}\n          defaultExpanded={defaultExpanded}\n          onPendingToolDecision={onPendingToolDecision}\n        />\n        {showRowMetadata && <EventMetadata event={event} />}\n        {showRaw && event.raw !== undefined && <RawEventBlock raw={event.raw} />}\n      </div>\n    </li>\n  );\n}\n\nexport function WaitGroupRow({\n  group,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  onPendingToolDecision,\n}: {\n  group: SessionEventGroup;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  onPendingToolDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | undefined;\n}) {\n  const [open, setOpen] = useState(false);\n  const visual = getSessionAction(\"Wait\");\n  const first = group.representative;\n  const final = group.events[group.events.length - 1] ?? first;\n  const label = `Wait × ${group.count}`;\n  const metadataEvent = { ...first };\n  delete metadataEvent.timestamp;\n  delete metadataEvent.toolState;\n  delete metadataEvent.approval;\n  metadataEvent.pending = false;\n  const timestampLabel = formatEventRange(first.timestamp, final.timestamp);\n\n  return (\n    <li\n      data-event-kind=\"tool\"\n      data-event-group=\"wait\"\n      className=\"relative flex gap-density-3 pb-density-4 last:pb-0\"\n    >\n      {!last && (\n        <span\n          aria-hidden\n          className=\"absolute bottom-0 left-[10px] top-[22px] w-px bg-border\"\n        />\n      )}\n      <span\n        className={cn(\n          \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n          DISC_TONE[visual.tone],\n        )}\n      >\n        <Icon icon={visual.icon} className=\"h-3 w-3\" />\n      </span>\n      <div className=\"min-w-0 flex-1 pt-px\">\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          aria-label={`${open ? \"Collapse\" : \"Expand\"} ${label}`}\n          onClick={() => setOpen((value) => !value)}\n          className=\"flex w-full items-center gap-1.5 text-left hover:text-foreground\"\n        >\n          <span className=\"font-medium text-foreground\">{label}</span>\n          <Icon\n            icon={UiChevronDown}\n            className={cn(\n              \"ml-auto size-3 shrink-0 text-muted-foreground transition-transform\",\n              open && \"rotate-180\",\n            )}\n          />\n        </button>\n        {showRowMetadata && (\n          <EventMetadata\n            event={metadataEvent}\n            {...(timestampLabel ? { timestampLabel } : {})}\n          />\n        )}\n        {open && (\n          <ol className=\"relative mt-density-3 border-l border-border pl-density-3\">\n            {group.events.map((event, index) => (\n              <SessionRow\n                key={event.id}\n                event={event}\n                last={index === group.events.length - 1}\n                defaultExpanded={defaultExpanded}\n                showRowMetadata={showRowMetadata}\n                showRaw={showRaw}\n                onPendingToolDecision={onPendingToolDecision}\n              />\n            ))}\n          </ol>\n        )}\n      </div>\n    </li>\n  );\n}\n\n// User prompts and selections sit on the right, like a chat composer turn.\nfunction UserRow({\n  event,\n  showRowMetadata,\n  showRaw,\n}: {\n  event: SessionEvent;\n  showRowMetadata: boolean;\n  showRaw: boolean;\n}) {\n  return (\n    <li\n      data-event-kind=\"user\"\n      className=\"relative flex justify-end pb-density-4 last:pb-0\"\n    >\n      <div className=\"flex max-w-[85%] items-start gap-density-3\">\n        <div className=\"min-w-0\">\n          <div className=\"mb-0.5 text-right text-xs font-medium text-muted-foreground\">\n            You\n          </div>\n          <div className=\"whitespace-pre-wrap break-words rounded-lg bg-accent px-density-3 py-density-2 text-right text-base font-medium leading-relaxed text-accent-foreground\">\n            {event.text}\n          </div>\n          {showRowMetadata && <EventMetadata event={event} align=\"right\" />}\n          {showRaw && event.raw !== undefined && <RawEventBlock raw={event.raw} align=\"right\" />}\n        </div>\n        <span\n          className={cn(\n            \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n            DISC_TONE.slate,\n          )}\n        >\n          <Icon icon={UiUserCircle} className=\"h-3 w-3\" />\n        </span>\n      </div>\n    </li>\n  );\n}\n\nfunction EventMetadata({\n  event,\n  align = \"left\",\n  timestampLabel,\n}: {\n  event: SessionEvent;\n  align?: \"left\" | \"right\";\n  timestampLabel?: string;\n}) {\n  const parts = [\n    timestampLabel ?? (event.timestamp ? formatEventTime(event.timestamp) : \"\"),\n    event.source,\n    event.model,\n    event.reasoningEffort,\n    event.turnId ? `turn ${event.turnId}` : \"\",\n    event.agentId ? `agent ${event.agentId}` : \"\",\n    event.toolState,\n    approvalLabel(event),\n  ].filter(Boolean);\n  if (parts.length === 0) return null;\n  return (\n    <div\n      className={cn(\n        \"mt-1 flex flex-wrap gap-x-2 gap-y-0.5 text-[11px] text-muted-foreground\",\n        align === \"right\" && \"justify-end text-right\",\n      )}\n    >\n      {parts.map((part, index) => (\n        <span key={`${part}-${index}`} className=\"min-w-0 truncate\">\n          {part}\n        </span>\n      ))}\n    </div>\n  );\n}\n\nfunction approvalLabel(event: SessionEvent) {\n  if (event.approval?.approved === true) return \"approved\";\n  if (event.approval?.approved === false) {\n    return event.approval.reason ? `denied: ${event.approval.reason}` : \"denied\";\n  }\n  if (event.pending) return \"approval pending\";\n  if (event.toolState === \"output-denied\") return \"denied\";\n  return \"\";\n}\n\nfunction approvalStatus(\n  event: SessionEvent,\n): { label: string; className: string; icon: StaticIconComponent } | null {\n  if (event.approval?.approved === true) {\n    return {\n      label: \"Approved\",\n      icon: APPROVAL_ICONS.approved.icon,\n      className:\n        \"border-emerald-500/30 bg-emerald-500/10 text-emerald-700 [[data-theme=dark]_&]:text-emerald-300\",\n    };\n  }\n  if (event.approval?.approved === false || event.toolState === \"output-denied\") {\n    const reason = event.approval?.reason ? `: ${event.approval.reason}` : \"\";\n    return {\n      label: `Denied${reason}`,\n      icon: APPROVAL_ICONS.denied.icon,\n      className:\n        \"border-rose-500/30 bg-rose-500/10 text-rose-700 [[data-theme=dark]_&]:text-rose-300\",\n    };\n  }\n  if (event.pending) {\n    return {\n      label: \"Awaiting approval\",\n      icon: APPROVAL_ICONS.pending.icon,\n      className:\n        \"border-amber-500/30 bg-amber-500/10 text-amber-700 [[data-theme=dark]_&]:text-amber-300\",\n    };\n  }\n  if (event.toolState === \"approval-responded\") {\n    return {\n      label: \"Approval answered\",\n      icon: APPROVAL_ICONS.question.icon,\n      className:\n        \"border-sky-500/30 bg-sky-500/10 text-sky-700 [[data-theme=dark]_&]:text-sky-300\",\n    };\n  }\n  return null;\n}\n\nfunction ApprovalBadge({ event }: { event: SessionEvent }) {\n  const status = approvalStatus(event);\n  if (!status) return null;\n  return (\n    <span\n      className={cn(\n        \"inline-flex shrink-0 items-center gap-1 rounded border px-1.5 py-0.5 text-[10px] font-medium\",\n        status.className,\n      )}\n    >\n      <Icon icon={status.icon} className=\"size-3\" />\n      {status.label}\n    </span>\n  );\n}\n\nfunction formatEventTime(value: string) {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return value;\n  return date.toLocaleString();\n}\n\nfunction formatEventRange(start: string | undefined, end: string | undefined) {\n  if (!start) return end ? formatEventTime(end) : undefined;\n  if (!end || end === start) return formatEventTime(start);\n  return `${formatEventTime(start)} – ${formatEventTime(end)}`;\n}\n\nfunction RawEventBlock({ raw, align = \"left\" }: { raw: unknown; align?: \"left\" | \"right\" }) {\n  const source = rawToSource(raw);\n  return (\n    <details className={cn(\"mt-1.5 text-left\", align === \"right\" && \"ml-auto max-w-full\")}>\n      <summary className=\"cursor-pointer text-[11px] text-muted-foreground hover:text-foreground\">\n        Raw\n      </summary>\n      <div className=\"mt-1\">\n        <CodeBlock language=\"json\" source={source} jsonDefaultOpenDepth={1} />\n      </div>\n    </details>\n  );\n}\n\nfunction rawToSource(raw: unknown) {\n  if (typeof raw === \"string\") {\n    try {\n      return JSON.stringify(JSON.parse(raw), null, 2);\n    } catch {\n      return raw;\n    }\n  }\n  try {\n    return JSON.stringify(raw, null, 2);\n  } catch {\n    return String(raw);\n  }\n}\n\ninterface EventVisual {\n  icon: StaticIconComponent;\n  tone: SessionTone;\n  label: string;\n  summaryOnly: boolean;\n}\n\nfunction eventVisual(event: SessionEvent): EventVisual {\n  switch (event.kind) {\n    case \"tool\": {\n      const action = getSessionAction(event.tool ?? \"\");\n      return {\n        icon: action.icon,\n        tone: action.tone,\n        label: action.label,\n        summaryOnly: action.summaryOnly ?? false,\n      };\n    }\n    case \"user\":\n      return {\n        icon: UiUserCircle,\n        tone: \"slate\",\n        label: \"User\",\n        summaryOnly: false,\n      };\n    case \"system\":\n      return {\n        icon: UiSparkles,\n        tone: \"slate\",\n        label: \"System\",\n        summaryOnly: false,\n      };\n    case \"assistant\":\n      return {\n        icon: UiSparkles,\n        tone: \"indigo\",\n        label: \"Assistant\",\n        summaryOnly: false,\n      };\n    case \"thinking\":\n      return {\n        icon: UiBrain,\n        tone: \"slate\",\n        label: \"Thinking\",\n        summaryOnly: false,\n      };\n    case \"error\":\n      return {\n        icon: UiWarningTriangle,\n        tone: \"rose\",\n        label: \"Error\",\n        summaryOnly: false,\n      };\n  }\n}\n\nfunction EventBody({\n  event,\n  visual,\n  defaultExpanded,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  defaultExpanded: boolean;\n  onPendingToolDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | undefined;\n}) {\n  if (event.kind === \"tool\")\n    return (\n      <ToolBody\n        event={event}\n        visual={visual}\n        defaultExpanded={defaultExpanded}\n        onPendingToolDecision={onPendingToolDecision}\n      />\n    );\n  if (event.kind === \"thinking\") return <ThinkingBody event={event} />;\n  if (event.kind === \"error\") return <ErrorBody event={event} />;\n  if (event.kind === \"system\") return <SystemBody event={event} />;\n  return <MessageBody event={event} />;\n}\n\nfunction ToolBody({\n  event,\n  visual,\n  defaultExpanded,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  defaultExpanded: boolean;\n  onPendingToolDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | undefined;\n}) {\n  const summary = summarizeToolInput(\n    event.tool ?? \"\",\n    event.toolInput,\n    event.cwd,\n  );\n  const command = shellCommand(event.tool ?? \"\", event.toolInput);\n  const [open, setOpen] = useState(defaultExpanded);\n\n  if (event.tool === \"AskUserQuestion\") {\n    return <QuestionToolBody event={event} visual={visual} onDecision={onPendingToolDecision} />;\n  }\n\n  // Shell rows inline the full command as a bash block — no \"Run command\"\n  // label, no tool-input JSON. Only the response stays behind the chevron.\n  if (command !== undefined) {\n    return (\n      <div className=\"not-prose\">\n        <div className=\"flex items-start gap-1.5\">\n          <div className=\"min-w-0 flex-1\">\n            <CodeBlock bare language=\"bash\" source={command} />\n          </div>\n          <ApprovalBadge event={event} />\n          {event.toolResponse !== undefined && (\n            <button\n              type=\"button\"\n              aria-expanded={open}\n              aria-label=\"Toggle response\"\n              onClick={() => setOpen((value) => !value)}\n              className=\"text-muted-foreground hover:text-foreground\"\n            >\n              <Icon\n                icon={UiChevronDown}\n                className={cn(\n                  \"size-3 shrink-0 transition-transform\",\n                  open && \"rotate-180\",\n                )}\n              />\n            </button>\n          )}\n        </div>\n        {open && event.toolResponse !== undefined && (\n          <div className=\"mt-1.5\">\n            <ResponseBlock response={event.toolResponse} />\n          </div>\n        )}\n        {event.pending && onPendingToolDecision && (\n          <PendingDecisionControls event={event} onDecision={onPendingToolDecision} />\n        )}\n      </div>\n    );\n  }\n\n  const hasDetail =\n    event.toolInput !== undefined || event.toolResponse !== undefined;\n  const params = toolInputParams(event.tool ?? \"\", event.toolInput, event.cwd);\n  const diff = toolDiff(event.tool ?? \"\", event.toolInput);\n  // summaryOnly rows (file ops) read as their path alone — the icon carries the\n  // verb. Remaining input keys follow as JetBrains-style inline param hints;\n  // write-type rows carry a +/- diff stat.\n  const header = (\n    <>\n      {visual.summaryOnly && summary ? (\n        <span className=\"min-w-0 truncate font-mono text-xs text-foreground \">\n          {summary}\n        </span>\n      ) : (\n        <span className=\"shrink-0 font-medium text-foreground\">\n          {visual.label}\n        </span>\n      )}\n      {diff && (\n        <span className=\"shrink-0 font-mono text-xs\">\n          {diff.added > 0 && (\n            <span className=\"text-emerald-600 [[data-theme=dark]_&]:text-emerald-400\">\n              +{diff.added}\n            </span>\n          )}\n          {diff.removed > 0 && (\n            <span className=\"ml-1 text-rose-600 [[data-theme=dark]_&]:text-rose-400\">\n              -{diff.removed}\n            </span>\n          )}\n        </span>\n      )}\n      <ApprovalBadge event={event} />\n      {params.length > 0 && <InlineParams params={params} />}\n    </>\n  );\n\n  return (\n    <div className=\"not-prose\">\n      {hasDetail ? (\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          onClick={() => setOpen((value) => !value)}\n          className=\"flex w-full items-center gap-1.5 text-left hover:text-foreground\"\n        >\n          {header}\n          <Icon\n            icon={UiChevronDown}\n            className={cn(\n              \"ml-auto size-3 shrink-0 text-muted-foreground transition-transform\",\n              open && \"rotate-180\",\n            )}\n          />\n        </button>\n      ) : (\n        <div className=\"flex items-center gap-1.5\">{header}</div>\n      )}\n\n      {open && hasDetail && (\n        <div className=\"mt-1.5 space-y-1.5\">\n          {diff ? (\n            <DiffBlock diff={diff} />\n          ) : (\n            event.toolInput !== undefined && (\n              <DetailBlock\n                language=\"json\"\n                source={JSON.stringify(event.toolInput, null, 2)}\n              />\n            )\n          )}\n          {event.toolResponse !== undefined && (\n            <ResponseBlock response={event.toolResponse} />\n          )}\n        </div>\n      )}\n      {event.pending && onPendingToolDecision && (\n        <PendingDecisionControls event={event} onDecision={onPendingToolDecision} />\n      )}\n    </div>\n  );\n}\n\nfunction QuestionToolBody({\n  event,\n  visual,\n  onDecision,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  onDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | undefined;\n}) {\n  const questions = questionsFromToolInput(event.toolInput);\n  const summary = summarizeToolInput(event.tool ?? \"\", event.toolInput, event.cwd);\n\n  return (\n    <div className=\"not-prose\">\n      <div className=\"flex flex-wrap items-center gap-1.5\">\n        <span className=\"shrink-0 font-medium text-foreground\">{visual.label}</span>\n        <ApprovalBadge event={event} />\n        {summary && questions.length !== 1 && (\n          <span className=\"min-w-0 truncate text-xs text-muted-foreground\">{summary}</span>\n        )}\n      </div>\n      <div className=\"mt-1.5 space-y-1.5\">\n        {questions.length > 0 ? (\n          questions.map((question, index) => (\n            <QuestionCard key={`${question.id}-${index}`} question={question} index={index} />\n          ))\n        ) : event.toolInput ? (\n          <DetailBlock language=\"json\" source={JSON.stringify(event.toolInput, null, 2)} />\n        ) : null}\n        {event.toolResponse !== undefined && (\n          <div className=\"space-y-1\">\n            <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">Answer</div>\n            <ResponseBlock response={event.toolResponse} />\n          </div>\n        )}\n        {event.pending && onDecision && (\n          <QuestionDecisionControls event={event} questions={questions} onDecision={onDecision} />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction PendingDecisionControls({\n  event,\n  onDecision,\n}: {\n  event: SessionEvent;\n  onDecision: (decision: SessionToolDecision) => Promise<void> | void;\n}) {\n  const [comment, setComment] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState(\"\");\n  const decide = async (allow: boolean, message?: string) => {\n    setBusy(true);\n    setError(\"\");\n    try { await onDecision({ event, allow, ...(message ? { message } : {}) }); }\n    catch (cause) { setError(cause instanceof Error ? cause.message : String(cause)); }\n    finally { setBusy(false); }\n  };\n  return (\n    <div className=\"mt-2 space-y-2 rounded-md border border-amber-500/30 bg-amber-500/5 p-density-3\">\n      <textarea aria-label=\"Decision comment\" value={comment} onChange={(e) => setComment(e.target.value)} placeholder=\"Optional rejection feedback\" className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\" />\n      <div className=\"flex flex-wrap gap-2\">\n        <Button size=\"sm\" loading={busy} onClick={() => decide(true)}><Icon icon={UiCheck} />Allow</Button>\n        <Button size=\"sm\" variant=\"outline\" disabled={busy} onClick={() => decide(false)}><Icon icon={UiCancel} />Reject</Button>\n        <Button size=\"sm\" variant=\"outline\" disabled={busy || !comment.trim()} onClick={() => decide(false, comment.trim())}><Icon icon={UiComment} />Reject with comment</Button>\n      </div>\n      {error && <div role=\"alert\" className=\"text-xs text-rose-600\">{error}</div>}\n    </div>\n  );\n}\n\nfunction QuestionDecisionControls({\n  event,\n  questions,\n  onDecision,\n}: {\n  event: SessionEvent;\n  questions: SessionQuestion[];\n  onDecision: (decision: SessionToolDecision) => Promise<void> | void;\n}) {\n  const [answers, setAnswers] = useState<Record<string, string | string[]>>({});\n  const [details, setDetails] = useState<Record<string, string>>({});\n  const [comment, setComment] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState(\"\");\n  const decide = async (allow: boolean, message?: string) => {\n    setBusy(true); setError(\"\");\n    const submittedAnswers = Object.fromEntries(Object.entries(answers).map(([question, answer]) => {\n      const detail = details[question]?.trim();\n      if (!detail) return [question, answer];\n      return [question, Array.isArray(answer)\n        ? [...answer, `Additional details: ${detail}`]\n        : `${answer}\\nAdditional details: ${detail}`];\n    }));\n    try { await onDecision({ event, allow, answers: submittedAnswers, ...(message ? { message } : {}) }); }\n    catch (cause) { setError(cause instanceof Error ? cause.message : String(cause)); }\n    finally { setBusy(false); }\n  };\n  return (\n    <div className=\"space-y-3 rounded-md border border-sky-500/25 bg-sky-500/5 p-density-3\">\n      {questions.map((question) => (\n        <fieldset key={question.id} className=\"space-y-1.5\">\n          <legend className=\"text-sm font-medium text-foreground\">{question.text}</legend>\n          {question.options.map((option) => question.multiSelect ? (\n            <label key={option.value} className=\"flex items-start gap-2 text-sm\">\n              <input type=\"checkbox\" checked={Array.isArray(answers[question.text]) && (answers[question.text] as string[]).includes(option.value)} onChange={(e) => setAnswers((current) => { const selected = Array.isArray(current[question.text]) ? current[question.text] as string[] : []; return { ...current, [question.text]: e.target.checked ? [...selected, option.value] : selected.filter((value) => value !== option.value) }; })} />\n              <span>{option.label}{option.description && <span className=\"ml-1 text-muted-foreground\">{option.description}</span>}</span>\n            </label>\n          ) : (\n            <label key={option.value} className=\"flex items-start gap-2 text-sm\">\n              <input type=\"radio\" name={`question-${event.id}-${question.id}`} value={option.value} checked={answers[question.text] === option.value} onChange={() => setAnswers((current) => ({ ...current, [question.text]: option.value }))} />\n              <span>{option.label}{option.description && <span className=\"ml-1 text-muted-foreground\">{option.description}</span>}</span>\n            </label>\n          ))}\n          <textarea\n            aria-label={`${question.text} additional details`}\n            value={question.options.length ? details[question.text] ?? \"\" : typeof answers[question.text] === \"string\" ? answers[question.text] as string : \"\"}\n            onChange={(e) => question.options.length\n              ? setDetails((current) => ({ ...current, [question.text]: e.target.value }))\n              : setAnswers((current) => ({ ...current, [question.text]: e.target.value }))}\n            placeholder={question.options.length ? \"Additional details\" : \"Your answer\"}\n            className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\"\n          />\n        </fieldset>\n      ))}\n      <textarea aria-label=\"Rejection comment\" value={comment} onChange={(e) => setComment(e.target.value)} placeholder=\"Optional rejection feedback\" className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\" />\n      <div className=\"flex flex-wrap gap-2\">\n        <Button size=\"sm\" loading={busy} onClick={() => decide(true)}><Icon icon={UiCheck} />Send answer</Button>\n        <Button size=\"sm\" variant=\"outline\" disabled={busy} onClick={() => decide(false)}><Icon icon={UiCancel} />Reject</Button>\n        <Button size=\"sm\" variant=\"outline\" disabled={busy || !comment.trim()} onClick={() => decide(false, comment.trim())}><Icon icon={UiComment} />Reject with comment</Button>\n      </div>\n      {error && <div role=\"alert\" className=\"text-xs text-rose-600\">{error}</div>}\n    </div>\n  );\n}\n\nfunction QuestionCard({ question, index }: { question: SessionQuestion; index: number }) {\n  const label = question.context || (question.id ? `Question ${question.id}` : `Question ${index + 1}`);\n  return (\n    <div className=\"rounded-md border border-sky-500/20 bg-sky-500/5 px-density-3 py-density-2\">\n      <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">{label}</div>\n      <div className=\"mt-0.5 whitespace-pre-wrap break-words text-sm text-foreground\">{question.text}</div>\n      {question.options.length > 0 && (\n        <div className=\"mt-1.5 flex flex-wrap gap-1\">\n          {question.options.map((option) => (\n            <span\n              key={option.value}\n              className=\"rounded border border-border bg-background px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n            >\n              <span className=\"font-medium text-foreground\">{option.label}</span>\n              {option.description && <span className=\"ml-1\">{option.description}</span>}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// A single truncating line of `name: value` hints — the container clips with an\n// ellipsis instead of wrapping, and each value is already truncated by the model.\nfunction InlineParams({ params }: { params: ToolParam[] }) {\n  return (\n    <span className=\"min-w-0 flex-1 truncate font-mono text-xs\">\n      {params.map((param) => (\n        <span key={param.name} className=\"[&:not(:first-child)]:ml-2\">\n          <span className=\"text-muted-foreground/70\">{param.name}: </span>\n          <span className=\"text-muted-foreground\">{param.value}</span>\n        </span>\n      ))}\n    </span>\n  );\n}\n\n// Language-aware line diff for write-type tools: each edit renders as a\n// `CodeDiff` (real LCS + Shiki highlighting) with git-style add/remove gutters\n// whose tints track the theme tokens.\nfunction DiffBlock({ diff }: { diff: ToolDiff }) {\n  return (\n    <div className=\"space-y-1.5\">\n      {diff.segments.map((segment, index) => (\n        <CodeDiff\n          key={index}\n          bare\n          showLineNumbers={false}\n          original={segment.original}\n          modified={segment.modified}\n          {...(diff.language ? { language: diff.language } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction ResponseBlock({ response }: { response: string }) {\n  const trimmed = response.trim();\n  const isJson = trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\");\n  return <DetailBlock language={isJson ? \"json\" : \"text\"} source={response} />;\n}\n\nfunction DetailBlock({\n  language,\n  source,\n}: {\n  language: string;\n  source: string;\n}): ReactNode {\n  return (\n    <div className=\"overflow-x-auto text-xs\">\n      <CodeBlock bare language={language} source={source} />\n    </div>\n  );\n}\n\nfunction MessageBody({ event }: { event: SessionEvent }) {\n  return (\n    <div className=\"whitespace-pre-wrap break-words text-base font-medium leading-relaxed text-foreground\">\n      {event.text}\n    </div>\n  );\n}\n\nfunction SystemBody({ event }: { event: SessionEvent }) {\n  const [open, setOpen] = useState(false);\n  const preview = event.text?.split(\"\\n\", 1)[0] ?? \"System instructions\";\n  return (\n    <div className=\"not-prose text-xs text-muted-foreground\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((value) => !value)}\n        className=\"flex w-full items-start gap-1.5 text-left hover:text-foreground\"\n      >\n        <span className=\"shrink-0 font-medium text-foreground\">System</span>\n        <span className=\"min-w-0 flex-1 truncate\">{preview}</span>\n        <Icon\n          icon={UiChevronDown}\n          className={cn(\"mt-0.5 size-3 shrink-0 transition-transform\", open && \"rotate-180\")}\n        />\n      </button>\n      {open && (\n        <div className=\"mt-1.5 whitespace-pre-wrap break-words rounded-md border border-border bg-muted/40 px-density-3 py-density-2 leading-relaxed\">\n          {event.text}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// Reasoning shows its text directly — truncated to one line, click to expand.\nfunction ThinkingBody({ event }: { event: SessionEvent }) {\n  const [open, setOpen] = useState(false);\n  return (\n    <div className=\"not-prose\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((value) => !value)}\n        className=\"flex w-full items-start gap-1.5 text-left text-xs italic leading-relaxed text-muted-foreground hover:text-foreground\"\n      >\n        <span\n          className={cn(\n            \"min-w-0 flex-1\",\n            open ? \"whitespace-pre-wrap break-words\" : \"truncate\",\n          )}\n        >\n          {event.text}\n        </span>\n        <Icon\n          icon={UiChevronDown}\n          className={cn(\n            \"mt-0.5 size-3 shrink-0 transition-transform\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n    </div>\n  );\n}\n\nfunction ErrorBody({ event }: { event: SessionEvent }) {\n  return (\n    <div className=\"rounded-md border border-rose-200 bg-rose-50 px-density-3 py-1.5 text-xs text-rose-700 [[data-theme=dark]_&]:border-rose-500/30 [[data-theme=dark]_&]:bg-rose-500/10 [[data-theme=dark]_&]:text-rose-300\">\n      {event.text}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionViewer.rows.js","sources":["../../../src/data/ai/SessionViewer.rows.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiBrain,\n  UiChevronDown,\n  UiSparkles,\n  UiUserCircle,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  getSessionAction,\n  type SessionEvent,\n  type SessionTone,\n} from \"./SessionViewer.model\";\nimport type { SessionEventGroup } from \"./SessionViewer.grouping\";\nimport { EventMetadata, RawEventBlock } from \"./SessionViewer.row-metadata\";\nimport { formatEventRange } from \"./SessionViewer.row-time\";\nimport { ToolBody } from \"./SessionViewer.tool-row\";\nimport type { SessionToolDecision } from \"./SessionViewer\";\nimport { Markdown } from \"../Markdown\";\n\n// Disc colors per tone. The dark variants key off a `[data-theme=\"dark\"]`\n// ancestor (the document attribute set by ThemeProvider, or the component-level\n// override painted on this viewer's root) rather than Tailwind's `dark:` —\n// which this library compiles to `prefers-color-scheme` and so would ignore the\n// `data-theme` attribute. Written as literal class strings so Tailwind scans them.\nconst DISC_TONE: Record<SessionTone, string> = {\n  sky: \"bg-sky-100 text-sky-700 [[data-theme=dark]_&]:bg-sky-500/15 [[data-theme=dark]_&]:text-sky-300\",\n  amber:\n    \"bg-amber-100 text-amber-700 [[data-theme=dark]_&]:bg-amber-500/15 [[data-theme=dark]_&]:text-amber-300\",\n  violet:\n    \"bg-violet-100 text-violet-700 [[data-theme=dark]_&]:bg-violet-500/15 [[data-theme=dark]_&]:text-violet-300\",\n  emerald:\n    \"bg-emerald-100 text-emerald-700 [[data-theme=dark]_&]:bg-emerald-500/15 [[data-theme=dark]_&]:text-emerald-300\",\n  teal: \"bg-teal-100 text-teal-700 [[data-theme=dark]_&]:bg-teal-500/15 [[data-theme=dark]_&]:text-teal-300\",\n  orange:\n    \"bg-orange-100 text-orange-700 [[data-theme=dark]_&]:bg-orange-500/15 [[data-theme=dark]_&]:text-orange-300\",\n  rose: \"bg-rose-100 text-rose-700 [[data-theme=dark]_&]:bg-rose-500/15 [[data-theme=dark]_&]:text-rose-300\",\n  indigo:\n    \"bg-indigo-100 text-indigo-700 [[data-theme=dark]_&]:bg-indigo-500/15 [[data-theme=dark]_&]:text-indigo-300\",\n  fuchsia:\n    \"bg-fuchsia-100 text-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-500/15 [[data-theme=dark]_&]:text-fuchsia-300\",\n  pink: \"bg-pink-100 text-pink-700 [[data-theme=dark]_&]:bg-pink-500/15 [[data-theme=dark]_&]:text-pink-300\",\n  slate: \"bg-muted text-muted-foreground\",\n};\n\nexport function SessionRow({\n  event,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | undefined;\n}) {\n  if (event.kind === \"user\") {\n    return (\n      <UserRow\n        event={event}\n        showRowMetadata={showRowMetadata}\n        showRaw={showRaw}\n      />\n    );\n  }\n\n  const visual = eventVisual(event);\n  return (\n    <li\n      data-event-kind={event.kind}\n      className=\"relative flex gap-density-3 pb-density-4 last:pb-0\"\n    >\n      {!last && (\n        <span\n          aria-hidden\n          className=\"absolute bottom-0 left-[10px] top-[22px] w-px bg-border\"\n        />\n      )}\n      <span\n        className={cn(\n          \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n          DISC_TONE[visual.tone],\n        )}\n      >\n        <Icon icon={visual.icon} className=\"h-3 w-3\" />\n      </span>\n      <div className=\"min-w-0 flex-1 pt-px\">\n        <EventBody\n          event={event}\n          visual={visual}\n          defaultExpanded={defaultExpanded}\n          messageBadge={\n            event.kind === \"assistant\" ? renderMessageBadge?.(event) : undefined\n          }\n          onPendingToolDecision={onPendingToolDecision}\n        />\n        {showRowMetadata && <EventMetadata event={event} />}\n        {showRaw && event.raw !== undefined && (\n          <RawEventBlock raw={event.raw} />\n        )}\n      </div>\n    </li>\n  );\n}\n\nexport function WaitGroupRow({\n  group,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  group: SessionEventGroup;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | undefined;\n}) {\n  const [open, setOpen] = useState(false);\n  const visual = getSessionAction(\"Wait\");\n  const first = group.representative;\n  const final = group.events[group.events.length - 1] ?? first;\n  const label = `Wait × ${group.count}`;\n  const metadataEvent = { ...first };\n  delete metadataEvent.timestamp;\n  delete metadataEvent.toolState;\n  delete metadataEvent.approval;\n  metadataEvent.pending = false;\n  const timestampLabel = formatEventRange(first.timestamp, final.timestamp);\n\n  return (\n    <li\n      data-event-kind=\"tool\"\n      data-event-group=\"wait\"\n      className=\"relative flex gap-density-3 pb-density-4 last:pb-0\"\n    >\n      {!last && (\n        <span\n          aria-hidden\n          className=\"absolute bottom-0 left-[10px] top-[22px] w-px bg-border\"\n        />\n      )}\n      <span\n        className={cn(\n          \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n          DISC_TONE[visual.tone],\n        )}\n      >\n        <Icon icon={visual.icon} className=\"h-3 w-3\" />\n      </span>\n      <div className=\"min-w-0 flex-1 pt-px\">\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          aria-label={`${open ? \"Collapse\" : \"Expand\"} ${label}`}\n          onClick={() => setOpen((value) => !value)}\n          className=\"flex w-full items-center gap-1.5 text-left hover:text-foreground\"\n        >\n          <span className=\"font-medium text-foreground\">{label}</span>\n          <Icon\n            icon={UiChevronDown}\n            className={cn(\n              \"ml-auto size-3 shrink-0 text-muted-foreground transition-transform\",\n              open && \"rotate-180\",\n            )}\n          />\n        </button>\n        {showRowMetadata && (\n          <EventMetadata\n            event={metadataEvent}\n            {...(timestampLabel ? { timestampLabel } : {})}\n          />\n        )}\n        {open && (\n          <ol className=\"relative mt-density-3 border-l border-border pl-density-3\">\n            {group.events.map((event, index) => (\n              <SessionRow\n                key={event.id}\n                event={event}\n                last={index === group.events.length - 1}\n                defaultExpanded={defaultExpanded}\n                showRowMetadata={showRowMetadata}\n                showRaw={showRaw}\n                renderMessageBadge={renderMessageBadge}\n                onPendingToolDecision={onPendingToolDecision}\n              />\n            ))}\n          </ol>\n        )}\n      </div>\n    </li>\n  );\n}\n\nfunction UserRow({\n  event,\n  showRowMetadata,\n  showRaw,\n}: {\n  event: SessionEvent;\n  showRowMetadata: boolean;\n  showRaw: boolean;\n}) {\n  return (\n    <li\n      data-event-kind=\"user\"\n      className=\"relative flex justify-end pb-density-4 last:pb-0\"\n    >\n      <div className=\"flex max-w-[85%] items-start gap-density-3\">\n        <div className=\"min-w-0\">\n          <div className=\"mb-0.5 text-right text-xs font-medium text-muted-foreground\">\n            You\n          </div>\n          <div className=\"whitespace-pre-wrap break-words rounded-lg bg-accent px-density-3 py-density-2 text-right text-base font-medium leading-relaxed text-accent-foreground\">\n            {event.text}\n          </div>\n          {showRowMetadata && <EventMetadata event={event} align=\"right\" />}\n          {showRaw && event.raw !== undefined && (\n            <RawEventBlock raw={event.raw} align=\"right\" />\n          )}\n        </div>\n        <span\n          className={cn(\n            \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n            DISC_TONE.slate,\n          )}\n        >\n          <Icon icon={UiUserCircle} className=\"h-3 w-3\" />\n        </span>\n      </div>\n    </li>\n  );\n}\n\ninterface EventVisual {\n  icon: StaticIconComponent;\n  tone: SessionTone;\n  label: string;\n  summaryOnly: boolean;\n}\n\nfunction eventVisual(event: SessionEvent): EventVisual {\n  switch (event.kind) {\n    case \"tool\": {\n      const action = getSessionAction(event.tool ?? \"\");\n      return {\n        icon: action.icon,\n        tone: action.tone,\n        label: action.label,\n        summaryOnly: action.summaryOnly ?? false,\n      };\n    }\n    case \"user\":\n      return {\n        icon: UiUserCircle,\n        tone: \"slate\",\n        label: \"User\",\n        summaryOnly: false,\n      };\n    case \"system\":\n      return {\n        icon: UiSparkles,\n        tone: \"slate\",\n        label: \"System\",\n        summaryOnly: false,\n      };\n    case \"assistant\":\n      return {\n        icon: UiSparkles,\n        tone: \"indigo\",\n        label: \"Assistant\",\n        summaryOnly: false,\n      };\n    case \"thinking\":\n      return {\n        icon: UiBrain,\n        tone: \"slate\",\n        label: \"Thinking\",\n        summaryOnly: false,\n      };\n    case \"error\":\n      return {\n        icon: UiWarningTriangle,\n        tone: \"rose\",\n        label: \"Error\",\n        summaryOnly: false,\n      };\n  }\n}\n\nfunction EventBody({\n  event,\n  visual,\n  defaultExpanded,\n  messageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  defaultExpanded: boolean;\n  messageBadge?: ReactNode;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | undefined;\n}) {\n  if (event.kind === \"tool\")\n    return (\n      <ToolBody\n        event={event}\n        visual={visual}\n        defaultExpanded={defaultExpanded}\n        onPendingToolDecision={onPendingToolDecision}\n      />\n    );\n  if (event.kind === \"thinking\") return <ThinkingBody event={event} />;\n  if (event.kind === \"error\") return <ErrorBody event={event} />;\n  if (event.kind === \"system\") return <SystemBody event={event} />;\n  return <MessageBody event={event} badge={messageBadge} />;\n}\n\nfunction MessageBody({\n  event,\n  badge,\n}: {\n  event: SessionEvent;\n  badge?: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-1.5\">\n      {badge}\n      <div className=\"min-w-0 whitespace-pre-wrap break-words text-sm font-medium leading-relaxed text-foreground\">\n        {event.text && <Markdown text={event.text} />}\n      </div>\n    </div>\n  );\n}\n\nfunction SystemBody({ event }: { event: SessionEvent }) {\n  const [open, setOpen] = useState(false);\n  const preview = event.text?.split(\"\\n\", 1)[0] ?? \"System instructions\";\n  return (\n    <div className=\"not-prose text-xs text-muted-foreground\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((value) => !value)}\n        className=\"flex w-full items-start gap-1.5 text-left hover:text-foreground\"\n      >\n        <span className=\"shrink-0 font-medium text-foreground\">System</span>\n        <span className=\"min-w-0 flex-1 truncate\">{preview}</span>\n        <Icon\n          icon={UiChevronDown}\n          className={cn(\n            \"mt-0.5 size-3 shrink-0 transition-transform\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n      {open && (\n        <div className=\"mt-1.5 whitespace-pre-wrap break-words  bg-muted/20 px-density-3 py-density-2 leading-relaxed\">\n          {event.text && <Markdown text={event.text} />}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// Reasoning shows its text directly — truncated to one line, click to expand.\nfunction ThinkingBody({ event }: { event: SessionEvent }) {\n  const [open, setOpen] = useState(false);\n  return (\n    <div className=\"not-prose\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((value) => !value)}\n        className=\"flex w-full items-start gap-1.5 text-left text-xs italic leading-relaxed text-muted-foreground hover:text-foreground\"\n      >\n        <span\n          className={cn(\n            \"min-w-0 flex-1\",\n            open ? \"whitespace-pre-wrap break-words\" : \"truncate\",\n          )}\n        >\n          {event.text}\n        </span>\n        <Icon\n          icon={UiChevronDown}\n          className={cn(\n            \"mt-0.5 size-3 shrink-0 transition-transform\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n    </div>\n  );\n}\n\nfunction ErrorBody({ event }: { event: SessionEvent }) {\n  return (\n    <div className=\"rounded-md border border-rose-200 bg-rose-50 px-density-3 py-1.5 text-xs text-rose-700 [[data-theme=dark]_&]:border-rose-500/30 [[data-theme=dark]_&]:bg-rose-500/10 [[data-theme=dark]_&]:text-rose-300\">\n      {event.text}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/SessionViewer.tool-details.cjs

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const CodeBlock = require("../CodeBlock.cjs");
+const CodeDiff = require("../CodeDiff.cjs");
+function QuestionCard({
+  question,
+  index
+}) {
+  const label = question.context || (question.id ? `Question ${question.id}` : `Question ${index + 1}`);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-sky-500/20 bg-sky-500/5 px-density-3 py-density-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] font-medium uppercase text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 whitespace-pre-wrap break-words text-sm text-foreground", children: question.text }),
+    question.options.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1.5 flex flex-wrap gap-1", children: question.options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        className: "rounded border border-border bg-background px-1.5 py-0.5 text-[11px] text-muted-foreground",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: option.label }),
+          option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1", children: option.description })
+        ]
+      },
+      option.value
+    )) })
+  ] });
+}
+function InlineParams({ params }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: params.map((param) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "[&:not(:first-child)]:ml-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground/70", children: [
+      param.name,
+      ": "
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: param.value })
+  ] }, param.name)) });
+}
+function DiffBlock({ diff }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: diff.segments.map((segment, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    CodeDiff.CodeDiff,
+    {
+      bare: true,
+      showLineNumbers: false,
+      original: segment.original,
+      modified: segment.modified,
+      ...diff.language ? { language: diff.language } : {}
+    },
+    index
+  )) });
+}
+function ResponseBlock({ response }) {
+  const trimmed = response.trim();
+  const isJson = trimmed.startsWith("{") || trimmed.startsWith("[");
+  return /* @__PURE__ */ jsxRuntime.jsx(DetailBlock, { language: isJson ? "json" : "text", source: response });
+}
+function DetailBlock({
+  language,
+  source
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { bare: true, language, source }) });
+}
+exports.DetailBlock = DetailBlock;
+exports.DiffBlock = DiffBlock;
+exports.InlineParams = InlineParams;
+exports.QuestionCard = QuestionCard;
+exports.ResponseBlock = ResponseBlock;
+//# sourceMappingURL=SessionViewer.tool-details.cjs.map

package/dist/data/ai/SessionViewer.tool-details.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.tool-details.cjs","sources":["../../../src/data/ai/SessionViewer.tool-details.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { CodeDiff } from \"../CodeDiff\";\nimport type {\n  SessionQuestion,\n  ToolDiff,\n  ToolParam,\n} from \"./SessionViewer.input\";\n\nexport function QuestionCard({\n  question,\n  index,\n}: {\n  question: SessionQuestion;\n  index: number;\n}) {\n  const label =\n    question.context ||\n    (question.id ? `Question ${question.id}` : `Question ${index + 1}`);\n  return (\n    <div className=\"rounded-md border border-sky-500/20 bg-sky-500/5 px-density-3 py-density-2\">\n      <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">\n        {label}\n      </div>\n      <div className=\"mt-0.5 whitespace-pre-wrap break-words text-sm text-foreground\">\n        {question.text}\n      </div>\n      {question.options.length > 0 && (\n        <div className=\"mt-1.5 flex flex-wrap gap-1\">\n          {question.options.map((option) => (\n            <span\n              key={option.value}\n              className=\"rounded border border-border bg-background px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n            >\n              <span className=\"font-medium text-foreground\">\n                {option.label}\n              </span>\n              {option.description && (\n                <span className=\"ml-1\">{option.description}</span>\n              )}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function InlineParams({ params }: { params: ToolParam[] }) {\n  return (\n    <span className=\"min-w-0 flex-1 truncate font-mono text-xs\">\n      {params.map((param) => (\n        <span key={param.name} className=\"[&:not(:first-child)]:ml-2\">\n          <span className=\"text-muted-foreground/70\">{param.name}: </span>\n          <span className=\"text-muted-foreground\">{param.value}</span>\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport function DiffBlock({ diff }: { diff: ToolDiff }) {\n  return (\n    <div className=\"space-y-1.5\">\n      {diff.segments.map((segment, index) => (\n        <CodeDiff\n          key={index}\n          bare\n          showLineNumbers={false}\n          original={segment.original}\n          modified={segment.modified}\n          {...(diff.language ? { language: diff.language } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function ResponseBlock({ response }: { response: string }) {\n  const trimmed = response.trim();\n  const isJson = trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\");\n  return <DetailBlock language={isJson ? \"json\" : \"text\"} source={response} />;\n}\n\nexport function DetailBlock({\n  language,\n  source,\n}: {\n  language: string;\n  source: string;\n}): ReactNode {\n  return (\n    <div className=\"overflow-x-auto text-xs\">\n      <CodeBlock bare language={language} source={source} />\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","CodeDiff","CodeBlock"],"mappings":";;;;;AASO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,QAAM,QACJ,SAAS,YACR,SAAS,KAAK,YAAY,SAAS,EAAE,KAAK,YAAY,QAAQ,CAAC;AAClE,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAU,8EACb,UAAA;AAAA,IAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,2DACZ,UAAA,OACH;AAAA,IACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,kEACZ,mBAAS,MACZ;AAAA,IACC,SAAS,QAAQ,SAAS,KACzBA,2BAAAA,IAAC,OAAA,EAAI,WAAU,+BACZ,UAAA,SAAS,QAAQ,IAAI,CAAC,WACrBD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,+BACb,UAAA,OAAO,OACV;AAAA,UACC,OAAO,eACNA,2BAAAA,IAAC,UAAK,WAAU,QAAQ,iBAAO,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAPxC,OAAO;AAAA,IAAA,CAUf,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;AAEO,SAAS,aAAa,EAAE,UAAmC;AAChE,SACEA,2BAAAA,IAAC,QAAA,EAAK,WAAU,6CACb,UAAA,OAAO,IAAI,CAAC,UACXD,2BAAAA,KAAC,QAAA,EAAsB,WAAU,8BAC/B,UAAA;AAAA,IAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,4BAA4B,UAAA;AAAA,MAAA,MAAM;AAAA,MAAK;AAAA,IAAA,GAAE;AAAA,IACzDC,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAyB,gBAAM,MAAA,CAAM;AAAA,EAAA,EAAA,GAF5C,MAAM,IAGjB,CACD,GACH;AAEJ;AAEO,SAAS,UAAU,EAAE,QAA4B;AACtD,SACEA,+BAAC,SAAI,WAAU,eACZ,eAAK,SAAS,IAAI,CAAC,SAAS,UAC3BA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MAEC,MAAI;AAAA,MACJ,iBAAiB;AAAA,MACjB,UAAU,QAAQ;AAAA,MAClB,UAAU,QAAQ;AAAA,MACjB,GAAI,KAAK,WAAW,EAAE,UAAU,KAAK,SAAA,IAAa,CAAA;AAAA,IAAC;AAAA,IAL/C;AAAA,EAAA,CAOR,GACH;AAEJ;AAEO,SAAS,cAAc,EAAE,YAAkC;AAChE,QAAM,UAAU,SAAS,KAAA;AACzB,QAAM,SAAS,QAAQ,WAAW,GAAG,KAAK,QAAQ,WAAW,GAAG;AAChE,wCAAQ,aAAA,EAAY,UAAU,SAAS,SAAS,QAAQ,QAAQ,UAAU;AAC5E;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGc;AACZ,SACED,2BAAAA,IAAC,OAAA,EAAI,WAAU,2BACb,UAAAA,2BAAAA,IAACE,UAAAA,aAAU,MAAI,MAAC,UAAoB,OAAA,CAAgB,EAAA,CACtD;AAEJ;;;;;;"}

package/dist/data/ai/SessionViewer.tool-details.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { SessionQuestion, ToolDiff, ToolParam } from './SessionViewer.input';
+export declare function QuestionCard({ question, index, }: {
+    question: SessionQuestion;
+    index: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InlineParams({ params }: {
+    params: ToolParam[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DiffBlock({ diff }: {
+    diff: ToolDiff;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ResponseBlock({ response }: {
+    response: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DetailBlock({ language, source, }: {
+    language: string;
+    source: string;
+}): ReactNode;
+//# sourceMappingURL=SessionViewer.tool-details.d.ts.map

package/dist/data/ai/SessionViewer.tool-details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.tool-details.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.tool-details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EACV,eAAe,EACf,QAAQ,EACR,SAAS,EACV,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,eAAe,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf,2CA+BA;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,SAAS,EAAE,CAAA;CAAE,2CAW/D;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,2CAerD;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,2CAI/D;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,SAAS,CAMZ"}

package/dist/data/ai/SessionViewer.tool-details.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CodeBlock } from "../CodeBlock.js";
+import { CodeDiff } from "../CodeDiff.js";
+function QuestionCard({
+  question,
+  index
+}) {
+  const label = question.context || (question.id ? `Question ${question.id}` : `Question ${index + 1}`);
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-sky-500/20 bg-sky-500/5 px-density-3 py-density-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-[11px] font-medium uppercase text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "mt-0.5 whitespace-pre-wrap break-words text-sm text-foreground", children: question.text }),
+    question.options.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-1.5 flex flex-wrap gap-1", children: question.options.map((option) => /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: "rounded border border-border bg-background px-1.5 py-0.5 text-[11px] text-muted-foreground",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: option.label }),
+          option.description && /* @__PURE__ */ jsx("span", { className: "ml-1", children: option.description })
+        ]
+      },
+      option.value
+    )) })
+  ] });
+}
+function InlineParams({ params }) {
+  return /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: params.map((param) => /* @__PURE__ */ jsxs("span", { className: "[&:not(:first-child)]:ml-2", children: [
+    /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/70", children: [
+      param.name,
+      ": "
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: param.value })
+  ] }, param.name)) });
+}
+function DiffBlock({ diff }) {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: diff.segments.map((segment, index) => /* @__PURE__ */ jsx(
+    CodeDiff,
+    {
+      bare: true,
+      showLineNumbers: false,
+      original: segment.original,
+      modified: segment.modified,
+      ...diff.language ? { language: diff.language } : {}
+    },
+    index
+  )) });
+}
+function ResponseBlock({ response }) {
+  const trimmed = response.trim();
+  const isJson = trimmed.startsWith("{") || trimmed.startsWith("[");
+  return /* @__PURE__ */ jsx(DetailBlock, { language: isJson ? "json" : "text", source: response });
+}
+function DetailBlock({
+  language,
+  source
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto text-xs", children: /* @__PURE__ */ jsx(CodeBlock, { bare: true, language, source }) });
+}
+export {
+  DetailBlock,
+  DiffBlock,
+  InlineParams,
+  QuestionCard,
+  ResponseBlock
+};
+//# sourceMappingURL=SessionViewer.tool-details.js.map

package/dist/data/ai/SessionViewer.tool-details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.tool-details.js","sources":["../../../src/data/ai/SessionViewer.tool-details.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { CodeDiff } from \"../CodeDiff\";\nimport type {\n  SessionQuestion,\n  ToolDiff,\n  ToolParam,\n} from \"./SessionViewer.input\";\n\nexport function QuestionCard({\n  question,\n  index,\n}: {\n  question: SessionQuestion;\n  index: number;\n}) {\n  const label =\n    question.context ||\n    (question.id ? `Question ${question.id}` : `Question ${index + 1}`);\n  return (\n    <div className=\"rounded-md border border-sky-500/20 bg-sky-500/5 px-density-3 py-density-2\">\n      <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">\n        {label}\n      </div>\n      <div className=\"mt-0.5 whitespace-pre-wrap break-words text-sm text-foreground\">\n        {question.text}\n      </div>\n      {question.options.length > 0 && (\n        <div className=\"mt-1.5 flex flex-wrap gap-1\">\n          {question.options.map((option) => (\n            <span\n              key={option.value}\n              className=\"rounded border border-border bg-background px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n            >\n              <span className=\"font-medium text-foreground\">\n                {option.label}\n              </span>\n              {option.description && (\n                <span className=\"ml-1\">{option.description}</span>\n              )}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function InlineParams({ params }: { params: ToolParam[] }) {\n  return (\n    <span className=\"min-w-0 flex-1 truncate font-mono text-xs\">\n      {params.map((param) => (\n        <span key={param.name} className=\"[&:not(:first-child)]:ml-2\">\n          <span className=\"text-muted-foreground/70\">{param.name}: </span>\n          <span className=\"text-muted-foreground\">{param.value}</span>\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport function DiffBlock({ diff }: { diff: ToolDiff }) {\n  return (\n    <div className=\"space-y-1.5\">\n      {diff.segments.map((segment, index) => (\n        <CodeDiff\n          key={index}\n          bare\n          showLineNumbers={false}\n          original={segment.original}\n          modified={segment.modified}\n          {...(diff.language ? { language: diff.language } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function ResponseBlock({ response }: { response: string }) {\n  const trimmed = response.trim();\n  const isJson = trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\");\n  return <DetailBlock language={isJson ? \"json\" : \"text\"} source={response} />;\n}\n\nexport function DetailBlock({\n  language,\n  source,\n}: {\n  language: string;\n  source: string;\n}): ReactNode {\n  return (\n    <div className=\"overflow-x-auto text-xs\">\n      <CodeBlock bare language={language} source={source} />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AASO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,QAAM,QACJ,SAAS,YACR,SAAS,KAAK,YAAY,SAAS,EAAE,KAAK,YAAY,QAAQ,CAAC;AAClE,SACE,qBAAC,OAAA,EAAI,WAAU,8EACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,2DACZ,UAAA,OACH;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,kEACZ,mBAAS,MACZ;AAAA,IACC,SAAS,QAAQ,SAAS,KACzB,oBAAC,OAAA,EAAI,WAAU,+BACZ,UAAA,SAAS,QAAQ,IAAI,CAAC,WACrB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,+BACb,UAAA,OAAO,OACV;AAAA,UACC,OAAO,eACN,oBAAC,UAAK,WAAU,QAAQ,iBAAO,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAPxC,OAAO;AAAA,IAAA,CAUf,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;AAEO,SAAS,aAAa,EAAE,UAAmC;AAChE,SACE,oBAAC,QAAA,EAAK,WAAU,6CACb,UAAA,OAAO,IAAI,CAAC,UACX,qBAAC,QAAA,EAAsB,WAAU,8BAC/B,UAAA;AAAA,IAAA,qBAAC,QAAA,EAAK,WAAU,4BAA4B,UAAA;AAAA,MAAA,MAAM;AAAA,MAAK;AAAA,IAAA,GAAE;AAAA,IACzD,oBAAC,QAAA,EAAK,WAAU,yBAAyB,gBAAM,MAAA,CAAM;AAAA,EAAA,EAAA,GAF5C,MAAM,IAGjB,CACD,GACH;AAEJ;AAEO,SAAS,UAAU,EAAE,QAA4B;AACtD,SACE,oBAAC,SAAI,WAAU,eACZ,eAAK,SAAS,IAAI,CAAC,SAAS,UAC3B;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,MAAI;AAAA,MACJ,iBAAiB;AAAA,MACjB,UAAU,QAAQ;AAAA,MAClB,UAAU,QAAQ;AAAA,MACjB,GAAI,KAAK,WAAW,EAAE,UAAU,KAAK,SAAA,IAAa,CAAA;AAAA,IAAC;AAAA,IAL/C;AAAA,EAAA,CAOR,GACH;AAEJ;AAEO,SAAS,cAAc,EAAE,YAAkC;AAChE,QAAM,UAAU,SAAS,KAAA;AACzB,QAAM,SAAS,QAAQ,WAAW,GAAG,KAAK,QAAQ,WAAW,GAAG;AAChE,6BAAQ,aAAA,EAAY,UAAU,SAAS,SAAS,QAAQ,QAAQ,UAAU;AAC5E;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGc;AACZ,SACE,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA,oBAAC,aAAU,MAAI,MAAC,UAAoB,OAAA,CAAgB,EAAA,CACtD;AAEJ;"}