@flanksource/clicky-ui 0.3.41 → 0.3.42

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

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.rows.cjs","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 { SESSION_TONES } from \"./session-tones\";\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\";\nimport { MessageFilePart } from \"../chat/MessageFilePart\";\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-2 pb-density-3 last:pb-0 @min-[48rem]/session-viewer:gap-density-3 @min-[48rem]/session-viewer:pb-density-4\"\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          SESSION_TONES[visual.tone].disc,\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-2 pb-density-3 last:pb-0 @min-[48rem]/session-viewer:gap-density-3 @min-[48rem]/session-viewer:pb-density-4\"\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          SESSION_TONES[visual.tone].disc,\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-full items-start gap-density-2 @min-[48rem]/session-viewer:max-w-[85%] @min-[48rem]/session-viewer: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.file ? <MessageFilePart part={event.file} /> : 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            SESSION_TONES.slate.disc,\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\n// Base visuals per event kind. A row's `icon`/`tone` fields (set for a\n// `verified`/`verify_failed` system row — see SessionViewer.model.ts) override\n// these defaults; eventVisual applies that override uniformly below rather\n// than special-casing it inside the switch.\nfunction baseEventVisual(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 eventVisual(event: SessionEvent): EventVisual {\n  const base = baseEventVisual(event);\n  return {\n    ...base,\n    icon: event.icon ?? base.icon,\n    tone: event.tone ?? base.tone,\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.file && <MessageFilePart part={event.file} />}\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":["jsx","jsxs","cn","SESSION_TONES","Icon","EventMetadata","RawEventBlock","useState","getSessionAction","formatEventRange","UiChevronDown","MessageFilePart","UiUserCircle","UiSparkles","UiBrain","UiWarningTriangle","ToolBody","Markdown"],"mappings":";;;;;;;;;;;;;;;;;;AAwBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV;AAAA,EACA;AACF,GAUG;AACD,MAAI,MAAM,SAAS,QAAQ;AACzB,WACEA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAEA,QAAM,SAAS,YAAY,KAAK;AAChC,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,mBAAiB,MAAM;AAAA,MACvB,WAAU;AAAA,MAET,UAAA;AAAA,QAAA,CAAC,QACAD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAW;AAAA,YACX,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE,MAAAA;AAAAA,cACT;AAAA,cACAC,2BAAc,OAAO,IAAI,EAAE;AAAA,YAAA;AAAA,YAG7B,yCAACC,KAAAA,MAAA,EAAK,MAAM,OAAO,MAAM,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAE/CH,2BAAAA,KAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,UAAAD,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA,cACE,MAAM,SAAS,cAAc,yDAAqB,SAAS;AAAA,cAE7D;AAAA,YAAA;AAAA,UAAA;AAAA,UAED,mBAAmBA,2BAAAA,IAACK,yCAAA,EAAc,MAAA,CAAc;AAAA,UAChD,WAAW,MAAM,QAAQ,yCACvBC,0BAAAA,eAAA,EAAc,KAAK,MAAM,IAAA,CAAK;AAAA,QAAA,EAAA,CAEnC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV;AAAA,EACA;AACF,GAUG;AACD,QAAM,CAAC,MAAM,OAAO,IAAIC,MAAAA,SAAS,KAAK;AACtC,QAAM,SAASC,oBAAAA,iBAAiB,MAAM;AACtC,QAAM,QAAQ,MAAM;AACpB,QAAM,QAAQ,MAAM,OAAO,MAAM,OAAO,SAAS,CAAC,KAAK;AACvD,QAAM,QAAQ,UAAU,MAAM,KAAK;AACnC,QAAM,gBAAgB,EAAE,GAAG,MAAA;AAC3B,SAAO,cAAc;AACrB,SAAO,cAAc;AACrB,SAAO,cAAc;AACrB,gBAAc,UAAU;AACxB,QAAM,iBAAiBC,sBAAAA,iBAAiB,MAAM,WAAW,MAAM,SAAS;AAExE,SACER,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,mBAAgB;AAAA,MAChB,oBAAiB;AAAA,MACjB,WAAU;AAAA,MAET,UAAA;AAAA,QAAA,CAAC,QACAD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAW;AAAA,YACX,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE,MAAAA;AAAAA,cACT;AAAA,cACAC,2BAAc,OAAO,IAAI,EAAE;AAAA,YAAA;AAAA,YAG7B,yCAACC,KAAAA,MAAA,EAAK,MAAM,OAAO,MAAM,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAE/CH,2BAAAA,KAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,iBAAe;AAAA,cACf,cAAY,GAAG,OAAO,aAAa,QAAQ,IAAI,KAAK;AAAA,cACpD,SAAS,MAAM,QAAQ,CAAC,UAAU,CAAC,KAAK;AAAA,cACxC,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAAD,2BAAAA,IAAC,QAAA,EAAK,WAAU,+BAA+B,UAAA,OAAM;AAAA,gBACrDA,2BAAAA;AAAAA,kBAACI,KAAAA;AAAAA,kBAAA;AAAA,oBACC,MAAMM,cAAAA;AAAAA,oBACN,WAAWR,MAAAA;AAAAA,sBACT;AAAA,sBACA,QAAQ;AAAA,oBAAA;AAAA,kBACV;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAAA;AAAA,UAED,mBACCF,2BAAAA;AAAAA,YAACK,0BAAAA;AAAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACN,GAAI,iBAAiB,EAAE,mBAAmB,CAAA;AAAA,YAAC;AAAA,UAAA;AAAA,UAG/C,QACCL,2BAAAA,IAAC,MAAA,EAAG,WAAU,6DACX,gBAAM,OAAO,IAAI,CAAC,OAAO,UACxBA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC;AAAA,cACA,MAAM,UAAU,MAAM,OAAO,SAAS;AAAA,cACtC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,YAPK,MAAM;AAAA,UAAA,CASd,EAAA,CACH;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,mBAAgB;AAAA,MAChB,WAAU;AAAA,MAEV,UAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,+HACb,UAAA;AAAA,QAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,UAAAD,2BAAAA,IAAC,OAAA,EAAI,WAAU,+DAA8D,UAAA,OAE7E;AAAA,UACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,0JACZ,UAAA,MAAM,OAAOA,2BAAAA,IAACW,gBAAAA,iBAAA,EAAgB,MAAM,MAAM,KAAA,CAAM,IAAK,MAAM,MAC9D;AAAA,UACC,mBAAmBX,2BAAAA,IAACK,0BAAAA,eAAA,EAAc,OAAc,OAAM,SAAQ;AAAA,UAC9D,WAAW,MAAM,QAAQ,UACxBL,2BAAAA,IAACM,0BAAAA,iBAAc,KAAK,MAAM,KAAK,OAAM,QAAA,CAAQ;AAAA,QAAA,GAEjD;AAAA,QACAN,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE,MAAAA;AAAAA,cACT;AAAA,cACAC,aAAAA,cAAc,MAAM;AAAA,YAAA;AAAA,YAGtB,UAAAH,2BAAAA,IAACI,WAAA,EAAK,MAAMQ,aAAAA,cAAc,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAChD,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAaA,SAAS,gBAAgB,OAAkC;AACzD,UAAQ,MAAM,MAAA;AAAA,IACZ,KAAK,QAAQ;AACX,YAAM,SAASJ,oBAAAA,iBAAiB,MAAM,QAAQ,EAAE;AAChD,aAAO;AAAA,QACL,MAAM,OAAO;AAAA,QACb,MAAM,OAAO;AAAA,QACb,OAAO,OAAO;AAAA,QACd,aAAa,OAAO,eAAe;AAAA,MAAA;AAAA,IAEvC;AAAA,IACA,KAAK;AACH,aAAO;AAAA,QACL,MAAMI,aAAAA;AAAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IAEjB,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,WAAAA;AAAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IAEjB,KAAK;AACH,aAAO;AAAA,QACL,MAAMA,WAAAA;AAAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IAEjB,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,QAAAA;AAAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IAEjB,KAAK;AACH,aAAO;AAAA,QACL,MAAMC,kBAAAA;AAAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,EACf;AAEN;AAEA,SAAS,YAAY,OAAkC;AACrD,QAAM,OAAO,gBAAgB,KAAK;AAClC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM,MAAM,QAAQ,KAAK;AAAA,IACzB,MAAM,MAAM,QAAQ,KAAK;AAAA,EAAA;AAE7B;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,MAAI,MAAM,SAAS;AACjB,WACEf,2BAAAA;AAAAA,MAACgB,sBAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAGN,MAAI,MAAM,SAAS,WAAY,QAAOhB,2BAAAA,IAAC,gBAAa,OAAc;AAClE,MAAI,MAAM,SAAS,QAAS,QAAOA,2BAAAA,IAAC,aAAU,OAAc;AAC5D,MAAI,MAAM,SAAS,SAAU,QAAOA,2BAAAA,IAAC,cAAW,OAAc;AAC9D,SAAOA,2BAAAA,IAAC,aAAA,EAAY,OAAc,OAAO,aAAA,CAAc;AACzD;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AACF,GAGG;AACD,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,4BACZ,UAAA;AAAA,IAAA;AAAA,IACDA,2BAAAA,KAAC,OAAA,EAAI,WAAU,+FACZ,UAAA;AAAA,MAAA,MAAM,QAAQD,+BAACW,gBAAAA,iBAAA,EAAgB,MAAM,MAAM,MAAM;AAAA,MACjD,MAAM,QAAQX,+BAACiB,SAAAA,UAAA,EAAS,MAAM,MAAM,KAAA,CAAM;AAAA,IAAA,EAAA,CAC7C;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,WAAW,EAAE,SAAkC;;AACtD,QAAM,CAAC,MAAM,OAAO,IAAIV,MAAAA,SAAS,KAAK;AACtC,QAAM,YAAU,WAAM,SAAN,mBAAY,MAAM,MAAM,GAAG,OAAM;AACjD,SACEN,2BAAAA,KAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,IAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,SAAS,MAAM,QAAQ,CAAC,UAAU,CAAC,KAAK;AAAA,QACxC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAD,2BAAAA,IAAC,QAAA,EAAK,WAAU,wCAAuC,UAAA,UAAM;AAAA,UAC7DA,2BAAAA,IAAC,QAAA,EAAK,WAAU,2BAA2B,UAAA,SAAQ;AAAA,UACnDA,2BAAAA;AAAAA,YAACI,KAAAA;AAAAA,YAAA;AAAA,cACC,MAAMM,cAAAA;AAAAA,cACN,WAAWR,MAAAA;AAAAA,gBACT;AAAA,gBACA,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAED,QACCF,2BAAAA,IAAC,OAAA,EAAI,WAAU,iGACZ,UAAA,MAAM,QAAQA,2BAAAA,IAACiB,SAAAA,UAAA,EAAS,MAAM,MAAM,KAAA,CAAM,EAAA,CAC7C;AAAA,EAAA,GAEJ;AAEJ;AAGA,SAAS,aAAa,EAAE,SAAkC;AACxD,QAAM,CAAC,MAAM,OAAO,IAAIV,MAAAA,SAAS,KAAK;AACtC,SACEP,2BAAAA,IAAC,OAAA,EAAI,WAAU,aACb,UAAAC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,SAAS,MAAM,QAAQ,CAAC,UAAU,CAAC,KAAK;AAAA,MACxC,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE,MAAAA;AAAAA,cACT;AAAA,cACA,OAAO,oCAAoC;AAAA,YAAA;AAAA,YAG5C,UAAA,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAETF,2BAAAA;AAAAA,UAACI,KAAAA;AAAAA,UAAA;AAAA,YACC,MAAMM,cAAAA;AAAAA,YACN,WAAWR,MAAAA;AAAAA,cACT;AAAA,cACA,QAAQ;AAAA,YAAA;AAAA,UACV;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAAS,UAAU,EAAE,SAAkC;AACrD,SACEF,2BAAAA,IAAC,OAAA,EAAI,WAAU,4MACZ,gBAAM,MACT;AAEJ;;;"}
+{"version":3,"file":"SessionViewer.rows.cjs","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 { SESSION_TONES } from \"./session-tones\";\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\";\nimport { MessageFilePart } from \"../chat/MessageFilePart\";\n\nexport function SessionRow({\n  event,\n  initialPrompt = false,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  initialPrompt?: boolean;\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        initialPrompt={initialPrompt}\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-2 pb-density-3 last:pb-0 @min-[48rem]/session-viewer:gap-density-3 @min-[48rem]/session-viewer:pb-density-4\"\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          SESSION_TONES[visual.tone].disc,\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-2 pb-density-3 last:pb-0 @min-[48rem]/session-viewer:gap-density-3 @min-[48rem]/session-viewer:pb-density-4\"\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          SESSION_TONES[visual.tone].disc,\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  initialPrompt,\n  showRowMetadata,\n  showRaw,\n}: {\n  event: SessionEvent;\n  initialPrompt: boolean;\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={cn(\"flex max-w-full items-start gap-density-2 @min-[48rem]/session-viewer:gap-density-3\", !initialPrompt && \"@min-[48rem]/session-viewer:max-w-[85%]\")}>\n        <div className=\"min-w-0\">\n          <div className=\"mb-0.5 text-right text-xs font-medium text-muted-foreground\">\n            {initialPrompt ? \"Initial prompt\" : \"You\"}\n          </div>\n          <div className=\"min-w-0 break-words rounded-lg bg-accent px-density-3 py-density-2 text-left text-sm leading-relaxed text-accent-foreground\">\n            {event.file ? <MessageFilePart part={event.file} /> : event.text && <Markdown text={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            SESSION_TONES.slate.disc,\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\n// Base visuals per event kind. A row's `icon`/`tone` fields (set for a\n// `verified`/`verify_failed` system row — see SessionViewer.model.ts) override\n// these defaults; eventVisual applies that override uniformly below rather\n// than special-casing it inside the switch.\nfunction baseEventVisual(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 eventVisual(event: SessionEvent): EventVisual {\n  const base = baseEventVisual(event);\n  return {\n    ...base,\n    icon: event.icon ?? base.icon,\n    tone: event.tone ?? base.tone,\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.file && <MessageFilePart part={event.file} />}\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":["jsx","jsxs","cn","SESSION_TONES","Icon","EventMetadata","RawEventBlock","useState","getSessionAction","formatEventRange","UiChevronDown","MessageFilePart","Markdown","UiUserCircle","UiSparkles","UiBrain","UiWarningTriangle","ToolBody"],"mappings":"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"}

package/dist/data/ai/SessionViewer.rows.d.ts

@@ -2,8 +2,9 @@ import { ReactNode } from 'react';
 import { SessionEvent } from './SessionViewer.model.js';
 import { SessionEventGroup } from './SessionViewer.grouping.js';
 import { SessionToolDecision } from './SessionViewer.js';
-export declare function SessionRow({ event, last, defaultExpanded, showRowMetadata, showRaw, renderMessageBadge, onPendingToolDecision, }: {
+export declare function SessionRow({ event, initialPrompt, last, defaultExpanded, showRowMetadata, showRaw, renderMessageBadge, onPendingToolDecision, }: {
     event: SessionEvent;
+    initialPrompt?: boolean;
     last: boolean;
     defaultExpanded: boolean;
     showRowMetadata?: boolean;

package/dist/data/ai/SessionViewer.rows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.rows.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.rows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUjD,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAI3D,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,eAAe,EACf,eAAuB,EACvB,OAAe,EACf,kBAAkB,EAClB,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtE,qBAAqB,CAAC,EACpB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACb,+BAgDA;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,eAAe,EACf,eAAuB,EACvB,OAAe,EACf,kBAAkB,EAClB,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtE,qBAAqB,CAAC,EACpB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACb,+BA2EA"}
+{"version":3,"file":"SessionViewer.rows.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.rows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUjD,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAI3D,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,aAAqB,EACrB,IAAI,EACJ,eAAe,EACf,eAAuB,EACvB,OAAe,EACf,kBAAkB,EAClB,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtE,qBAAqB,CAAC,EACpB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACb,+BAiDA;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,eAAe,EACf,eAAuB,EACvB,OAAe,EACf,kBAAkB,EAClB,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtE,qBAAqB,CAAC,EACpB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACb,+BA2EA"}

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

@@ -16,6 +16,7 @@ import { UiBrain } from "../../icons/components/UiBrain.js";
 import { UiSparkles } from "../../icons/components/UiSparkles.js";
 function SessionRow({
   event,
+  initialPrompt = false,
   last,
   defaultExpanded,
   showRowMetadata = false,
@@ -28,6 +29,7 @@ function SessionRow({
       UserRow,
       {
         event,
+        initialPrompt,
         showRowMetadata,
         showRaw
       }
@@ -170,6 +172,7 @@ function WaitGroupRow({
 }
 function UserRow({
   event,
+  initialPrompt,
   showRowMetadata,
   showRaw
 }) {
@@ -178,10 +181,10 @@ function UserRow({
     {
       "data-event-kind": "user",
       className: "relative flex justify-end pb-density-4 last:pb-0",
-      children: /* @__PURE__ */ jsxs("div", { className: "flex max-w-full items-start gap-density-2 @min-[48rem]/session-viewer:max-w-[85%] @min-[48rem]/session-viewer:gap-density-3", children: [
+      children: /* @__PURE__ */ jsxs("div", { className: cn("flex max-w-full items-start gap-density-2 @min-[48rem]/session-viewer:gap-density-3", !initialPrompt && "@min-[48rem]/session-viewer:max-w-[85%]"), children: [
         /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx("div", { className: "mb-0.5 text-right text-xs font-medium text-muted-foreground", children: "You" }),
-          /* @__PURE__ */ jsx("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", children: event.file ? /* @__PURE__ */ jsx(MessageFilePart, { part: event.file }) : event.text }),
+          /* @__PURE__ */ jsx("div", { className: "mb-0.5 text-right text-xs font-medium text-muted-foreground", children: initialPrompt ? "Initial prompt" : "You" }),
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 break-words rounded-lg bg-accent px-density-3 py-density-2 text-left text-sm leading-relaxed text-accent-foreground", children: event.file ? /* @__PURE__ */ jsx(MessageFilePart, { part: event.file }) : event.text && /* @__PURE__ */ jsx(Markdown, { text: event.text }) }),
           showRowMetadata && /* @__PURE__ */ jsx(EventMetadata, { event, align: "right" }),
           showRaw && event.raw !== void 0 && /* @__PURE__ */ jsx(RawEventBlock, { raw: event.raw, align: "right" })
         ] }),

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 {\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 { SESSION_TONES } from \"./session-tones\";\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\";\nimport { MessageFilePart } from \"../chat/MessageFilePart\";\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-2 pb-density-3 last:pb-0 @min-[48rem]/session-viewer:gap-density-3 @min-[48rem]/session-viewer:pb-density-4\"\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          SESSION_TONES[visual.tone].disc,\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-2 pb-density-3 last:pb-0 @min-[48rem]/session-viewer:gap-density-3 @min-[48rem]/session-viewer:pb-density-4\"\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          SESSION_TONES[visual.tone].disc,\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-full items-start gap-density-2 @min-[48rem]/session-viewer:max-w-[85%] @min-[48rem]/session-viewer: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.file ? <MessageFilePart part={event.file} /> : 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            SESSION_TONES.slate.disc,\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\n// Base visuals per event kind. A row's `icon`/`tone` fields (set for a\n// `verified`/`verify_failed` system row — see SessionViewer.model.ts) override\n// these defaults; eventVisual applies that override uniformly below rather\n// than special-casing it inside the switch.\nfunction baseEventVisual(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 eventVisual(event: SessionEvent): EventVisual {\n  const base = baseEventVisual(event);\n  return {\n    ...base,\n    icon: event.icon ?? base.icon,\n    tone: event.tone ?? base.tone,\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.file && <MessageFilePart part={event.file} />}\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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"}
+{"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 { SESSION_TONES } from \"./session-tones\";\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\";\nimport { MessageFilePart } from \"../chat/MessageFilePart\";\n\nexport function SessionRow({\n  event,\n  initialPrompt = false,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  initialPrompt?: boolean;\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        initialPrompt={initialPrompt}\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-2 pb-density-3 last:pb-0 @min-[48rem]/session-viewer:gap-density-3 @min-[48rem]/session-viewer:pb-density-4\"\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          SESSION_TONES[visual.tone].disc,\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-2 pb-density-3 last:pb-0 @min-[48rem]/session-viewer:gap-density-3 @min-[48rem]/session-viewer:pb-density-4\"\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          SESSION_TONES[visual.tone].disc,\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  initialPrompt,\n  showRowMetadata,\n  showRaw,\n}: {\n  event: SessionEvent;\n  initialPrompt: boolean;\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={cn(\"flex max-w-full items-start gap-density-2 @min-[48rem]/session-viewer:gap-density-3\", !initialPrompt && \"@min-[48rem]/session-viewer:max-w-[85%]\")}>\n        <div className=\"min-w-0\">\n          <div className=\"mb-0.5 text-right text-xs font-medium text-muted-foreground\">\n            {initialPrompt ? \"Initial prompt\" : \"You\"}\n          </div>\n          <div className=\"min-w-0 break-words rounded-lg bg-accent px-density-3 py-density-2 text-left text-sm leading-relaxed text-accent-foreground\">\n            {event.file ? <MessageFilePart part={event.file} /> : event.text && <Markdown text={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            SESSION_TONES.slate.disc,\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\n// Base visuals per event kind. A row's `icon`/`tone` fields (set for a\n// `verified`/`verify_failed` system row — see SessionViewer.model.ts) override\n// these defaults; eventVisual applies that override uniformly below rather\n// than special-casing it inside the switch.\nfunction baseEventVisual(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 eventVisual(event: SessionEvent): EventVisual {\n  const base = baseEventVisual(event);\n  return {\n    ...base,\n    icon: event.icon ?? base.icon,\n    tone: event.tone ?? base.tone,\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.file && <MessageFilePart part={event.file} />}\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-row.cjs

@@ -2,17 +2,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const button = require("../../components/button.cjs");
 const utils = require("../../lib/utils.cjs");
 const CodeBlock = require("../CodeBlock.cjs");
 const Icon = require("../Icon.cjs");
 const SessionViewer_input = require("./SessionViewer.input.cjs");
 const SessionViewer_rowMetadata = require("./SessionViewer.row-metadata.cjs");
 const SessionViewer_toolDetails = require("./SessionViewer.tool-details.cjs");
+const approvalRequest = require("./approval-request.cjs");
+const SessionViewer_approvalBody = require("./SessionViewer.approval-body.cjs");
+const SessionViewer_decisionControls = require("./SessionViewer.decision-controls.cjs");
 const UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
-const UiCheck = require("../../icons/components/UiCheck.cjs");
-const UiCancel = require("../../icons/components/UiCancel.cjs");
-const UiComment = require("../../icons/components/UiComment.cjs");
 function ToolBody({
   event,
   visual,
@@ -26,7 +25,7 @@ function ToolBody({
   );
   const command = SessionViewer_input.shellCommand(event.tool ?? "", event.toolInput);
   const [open, setOpen] = react.useState(defaultExpanded);
-  if (event.tool === "AskUserQuestion") {
+  if (event.tool === "AskUserQuestion" || event.approvalKind === "question") {
     return /* @__PURE__ */ jsxRuntime.jsx(
       QuestionToolBody,
       {
@@ -36,6 +35,22 @@ function ToolBody({
       }
     );
   }
+  if (event.pending && approvalRequest.hasApprovalBody(event.approvalRequest)) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "not-prose", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium text-foreground", children: visual.label }),
+        /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_rowMetadata.ApprovalBadge, { event })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SessionViewer_approvalBody.TypedApprovalBody,
+        {
+          event,
+          request: event.approvalRequest,
+          onDecision: onPendingToolDecision
+        }
+      )
+    ] });
+  }
   if (command !== void 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "not-prose", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-1.5", children: [
@@ -64,9 +79,10 @@ function ToolBody({
       ] }),
       open && event.toolResponse !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolDetails.ResponseBlock, { response: event.toolResponse }) }),
       event.pending && onPendingToolDecision && /* @__PURE__ */ jsxRuntime.jsx(
-        PendingDecisionControls,
+        SessionViewer_decisionControls.PendingDecisionControls,
         {
           event,
+          request: event.approvalRequest,
           onDecision: onPendingToolDecision
         }
       )
@@ -124,9 +140,10 @@ function ToolBody({
       event.toolResponse !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolDetails.ResponseBlock, { response: event.toolResponse })
     ] }),
     event.pending && onPendingToolDecision && /* @__PURE__ */ jsxRuntime.jsx(
-      PendingDecisionControls,
+      SessionViewer_decisionControls.PendingDecisionControls,
       {
         event,
+        request: event.approvalRequest,
         onDecision: onPendingToolDecision
       }
     )
@@ -137,7 +154,9 @@ function QuestionToolBody({
   visual,
   onDecision
 }) {
-  const questions = SessionViewer_input.questionsFromToolInput(event.toolInput);
+  var _a;
+  const typedQuestions = (_a = event.approvalRequest) == null ? void 0 : _a.questions;
+  const questions = (typedQuestions == null ? void 0 : typedQuestions.length) ? SessionViewer_input.questionsFromApproval(typedQuestions) : SessionViewer_input.questionsFromToolInput(event.toolInput);
   const summary = SessionViewer_input.summarizeToolInput(
     event.tool ?? "",
     event.toolInput,
@@ -169,9 +188,10 @@ function QuestionToolBody({
         /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolDetails.ResponseBlock, { response: event.toolResponse })
       ] }),
       event.pending && onDecision && /* @__PURE__ */ jsxRuntime.jsx(
-        QuestionDecisionControls,
+        SessionViewer_decisionControls.QuestionDecisionControls,
         {
           event,
+          request: event.approvalRequest,
           questions,
           onDecision
         }
@@ -179,233 +199,5 @@ function QuestionToolBody({
     ] })
   ] });
 }
-function PendingDecisionControls({
-  event,
-  onDecision
-}) {
-  const [comment, setComment] = react.useState("");
-  const [busy, setBusy] = react.useState(false);
-  const [error, setError] = react.useState("");
-  const decide = async (allow, message) => {
-    setBusy(true);
-    setError("");
-    try {
-      await onDecision({ event, allow, ...message ? { message } : {} });
-    } catch (cause) {
-      setError(cause instanceof Error ? cause.message : String(cause));
-    } finally {
-      setBusy(false);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 space-y-2 rounded-md border border-amber-500/30 bg-amber-500/5 p-density-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        "aria-label": "Decision comment",
-        value: comment,
-        onChange: (event2) => setComment(event2.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"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { size: "sm", loading: busy, onClick: () => decide(true), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck }),
-        "Allow"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        button.Button,
-        {
-          size: "sm",
-          variant: "outline",
-          disabled: busy,
-          onClick: () => decide(false),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCancel.UiCancel }),
-            "Reject"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        button.Button,
-        {
-          size: "sm",
-          variant: "outline",
-          disabled: busy || !comment.trim(),
-          onClick: () => decide(false, comment.trim()),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiComment.UiComment }),
-            "Reject with comment"
-          ]
-        }
-      )
-    ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", className: "text-xs text-rose-600", children: error })
-  ] });
-}
-function QuestionDecisionControls({
-  event,
-  questions,
-  onDecision
-}) {
-  const [answers, setAnswers] = react.useState({});
-  const [details, setDetails] = react.useState({});
-  const [comment, setComment] = react.useState("");
-  const [busy, setBusy] = react.useState(false);
-  const [error, setError] = react.useState("");
-  const answerFor = (question) => {
-    var _a;
-    const selected = answers[question.id];
-    const other = (_a = details[question.id]) == null ? void 0 : _a.trim();
-    if (question.options.length && question.isOther && other) {
-      return question.multiSelect ? [...Array.isArray(selected) ? selected : [], other] : other;
-    }
-    return selected ?? "";
-  };
-  const canSend = questions.length > 0 && questions.every((question) => {
-    const answer = answerFor(question);
-    return Array.isArray(answer) ? answer.length > 0 && answer.every((value) => value.trim() !== "") : answer.trim() !== "";
-  });
-  const decide = async (allow, message) => {
-    setBusy(true);
-    setError("");
-    try {
-      await onDecision({
-        event,
-        allow,
-        ...allow ? { answers: Object.fromEntries(questions.map((question) => [question.id, answerFor(question)])) } : {},
-        ...message ? { message } : {}
-      });
-    } catch (cause) {
-      setError(cause instanceof Error ? cause.message : String(cause));
-    } finally {
-      setBusy(false);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 rounded-md border border-sky-500/25 bg-sky-500/5 p-density-3", children: [
-    questions.map((question) => /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("legend", { className: "text-sm font-medium text-foreground", children: question.text }),
-      question.options.map(
-        (option) => {
-          var _a;
-          return question.multiSelect ? /* @__PURE__ */ jsxRuntime.jsxs(
-            "label",
-            {
-              className: "flex items-start gap-2 text-sm",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: Array.isArray(answers[question.id]) && answers[question.id].includes(option.value),
-                    onChange: (event2) => setAnswers((current) => {
-                      const selected = Array.isArray(current[question.id]) ? current[question.id] : [];
-                      return {
-                        ...current,
-                        [question.id]: event2.target.checked ? [...selected, option.value] : selected.filter((value) => value !== option.value)
-                      };
-                    })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                  option.label,
-                  option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-muted-foreground", children: option.description })
-                ] })
-              ]
-            },
-            option.value
-          ) : /* @__PURE__ */ jsxRuntime.jsxs(
-            "label",
-            {
-              className: "flex items-start gap-2 text-sm",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
-                  {
-                    type: "radio",
-                    name: `question-${event.id}-${question.id}`,
-                    value: option.value,
-                    checked: answers[question.id] === option.value && !((_a = details[question.id]) == null ? void 0 : _a.trim()),
-                    onChange: () => {
-                      setDetails((current) => ({ ...current, [question.id]: "" }));
-                      setAnswers((current) => ({
-                        ...current,
-                        [question.id]: option.value
-                      }));
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                  option.label,
-                  option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-muted-foreground", children: option.description })
-                ] })
-              ]
-            },
-            option.value
-          );
-        }
-      ),
-      (!question.options.length || question.isOther) && /* @__PURE__ */ jsxRuntime.jsx(
-        "textarea",
-        {
-          "aria-label": `${question.text} ${question.options.length ? "other answer" : "answer"}`,
-          value: question.options.length ? details[question.id] ?? "" : typeof answers[question.id] === "string" ? answers[question.id] : "",
-          onChange: (event2) => question.options.length ? setDetails((current) => ({
-            ...current,
-            [question.id]: event2.target.value
-          })) : setAnswers((current) => ({
-            ...current,
-            [question.id]: event2.target.value
-          })),
-          placeholder: question.options.length ? "Other answer" : "Your answer",
-          className: "min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm"
-        }
-      )
-    ] }, question.id)),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        "aria-label": "Rejection comment",
-        value: comment,
-        onChange: (event2) => setComment(event2.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"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { size: "sm", loading: busy, disabled: !canSend, onClick: () => decide(true), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck }),
-        "Send answer"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        button.Button,
-        {
-          size: "sm",
-          variant: "outline",
-          disabled: busy,
-          onClick: () => decide(false),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCancel.UiCancel }),
-            "Reject"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        button.Button,
-        {
-          size: "sm",
-          variant: "outline",
-          disabled: busy || !comment.trim(),
-          onClick: () => decide(false, comment.trim()),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiComment.UiComment }),
-            "Reject with comment"
-          ]
-        }
-      )
-    ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", className: "text-xs text-rose-600", children: error })
-  ] });
-}
 exports.ToolBody = ToolBody;
 //# sourceMappingURL=SessionViewer.tool-row.cjs.map