Primitive 11 / Execution log

Execution log

A bottom-pane log of node executions. Each row shows timestamp, status icon, node label, message, and a duration chip. Uses an aria-live region and `@formkit/auto-animate` for buttery appends on new entries — reduced-motion mode skips the animation.

Production answer

Execution log is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Execution log states
Generative search brief

Execution log: A bottom-pane log of node executions. Each row shows timestamp, status icon, node label, message, and a duration chip. Uses an aria-live region and `@formkit/auto-animate` for buttery appends on new entries — reduced-motion mode skips the animation.

Live primitive — 8 mixed-status events
Execution log8 events · last 09:42:08
  • 09:42:08Send confirmation SMSConnecting to Twilio…Running
  • 09:42:05Condition · Hilux platform?Matched · branch True12ms
  • 09:42:05Fetch booking200 OK · booking_id=bk_4128184ms
  • 09:42:04Trigger · New bookingWebhook payload received3ms
  • 09:35:11Send fitment reminderTwilio · 30007 region_blocked412ms
  • 09:30:00Wait 2 hoursBypassed via test-runSkipped
  • 09:18:42Cancelled by userManual stop from toolbarCancelled
  • 09:18:30Send confirmation SMSAwaiting rate-limit windowQueued