const { Badge, Banner, Transcript, Prose, ArtifactFrame, KeyValueList, Button } = window.EquestrianismDesignSystem_6b57f9; const EVENTS = [ { type: 'session', body: 'Started from routine weekly-shop (0 7 * * 1).', time: '07:00:02' }, { type: 'tool call', body: 'browser.open\n{ "url": "https://groceries.example.co.uk" }', time: '07:00:11' }, { type: 'output', body: 'Basket restored from last week — 34 items, £86.20 before substitutions.', time: '07:01:48' }, { type: 'warning', tone: 'warning', body: 'Two items unavailable: semi-skimmed 2L, sourdough. Proposing substitutions.', time: '07:02:03' }, { type: 'question', body: 'The sourdough substitute is £1.40 dearer and a different bakery. Accept, or drop the item?', time: '07:02:04' }, ]; function SessionDetail({ go }) { const [events, setEvents] = React.useState(EVENTS); React.useEffect(() => { const t = setInterval(() => { setEvents((ev) => ev.length < 8 ? [...ev, { type: 'poll', body: `Still waiting on the substitution question (${ev.length - 4}m).`, time: `07:0${Math.min(ev.length, 9)}:00`, }] : ev); }, 5000); return () => clearInterval(t); }, []); return (

session s-4189 · started 07:00 · $0.41 so far} end={Needs input} /> {}}>Answer}> The agent asked a question 22 minutes ago; the run is paused until someone answers.

Transcript

Details

Artifact — substitution notes

Proposed substitutions

Semi-skimmed 2L → 2 × 1L, same brand (+£0.15)
Sourdough → awaiting your answer

groceries.example.co.uk

34 items · £86.20
Delivery: Tue 07:00–08:00

'} />

); } window.SessionDetail = SessionDetail;