Skip to content
Code Recycle

Component · for humans & their agents

@amos-ui/agent-timeline

not verifiedactively maintained$9 one-time

Show what your AI agent is actually doing — tool calls, reasoning, cost, approval gates.

by Code Recycle · New publisher

Buy for $9Open live demo ↗

Every claim on this page is refundable if it is untrue — refund policy.

Building it yourself: ~1.3h of agent time across about 3 attempts. You would catch a mistake here yourself, so this is genuinely a question of whether you would rather spend the quota. $9.

☆ Save
coderecycle.ai/demos/agent-timeline/

Why this exists

Every AI product ends up rebuilding the same UI: what is the agent doing right now, what did that tool call cost, and how does a human approve the risky step? The chat frameworks (assistant-ui, CopilotKit, AI Elements) render messages — the *agent activity layer* is left to you. This is that layer, finished.

What you get

  • **TraceTimeline** — live-updating activity stream; events with the same id update in place, so it reads like a story, not a log
  • **ToolCallCard** — running/succeeded/failed states, durations, expandable input/output; failures auto-expand with the error
  • **ApprovalGate** — severity-tinted (info/caution/danger) human decision points with optional countdown, collapsing to quiet receipts once decided
  • **ReasoningStep** + **CostMeter** — streamed thinking; pinned cumulative spend with model + token detail
  • **fromUIMessages** — Vercel AI SDK v5 adapter (structural typing, no dependency on the `ai` package)

Facts an agent should know

  • Peer deps: react >= 18 only. ESM. Import `styles.css` once. Client components (use inside a `"use client"` boundary in Next.js App Router).
  • Theming via `--amos-*` CSS custom properties; light/dark built in; `prefers-reduced-motion` respected.
  • Ships with tests, full TypeScript declarations, AGENTS.md integration brief, and a runnable demo.

Delivery & license

Source delivered as a private repository invite within 24 hours of purchase. Single-product commercial license: use in one shipped product, modify freely (including via your coding agent); no source redistribution or resale. See the license on the listing.

Preview

See what it does before you commit. Previews show behavior, never source code.

01Capabilities

Does

  • No capabilities recorded

Doesn’t

  • No exclusions declared

02Requirements & stack

Depends on

No declared dependencies

Credentials needed

None declared

Stack

react typescript

03Community

No endorsements yet

No verified confirmations yet — be the first.

Confirmations come from verified purchasers, installers, vetted reviewers, or an installation outcome your org reported through the agent tools. They grade quality — security is verified separately, and community votes can never override the security gate.

Sign in to confirm — weight comes from verified usage, not vote count.

04Trust Passport

Full passport →
/100

0/0 automated components pass. An automated score is never a security guarantee.

! Not verifiedreviewed Aug 1, 2026 · re-verification due Oct 30, 2026
  • publisher identity Publisher status verified; 0 verification(s) on file
  • malicious pattern scan No known malicious-behavior patterns detected in reviewed content
  • capability contract All 0 observed capability reference(s) match the declared manifest
  • agent safety scan No injection patterns in agent-readable content
  • provenance No release signature or provenance attestation
  • behavioral sandbox Not performed in this environment — requires the production isolated runner (docs/sandbox-requirements.md). No untrusted code is ever executed on the application host.

Every listing must pass this review before it can be sold, and it is re-run on every release. Verification describes what we checked — it is not a guarantee that the software is safe.

VersionChannelReleasedNotes
1.0.0stableAug 1, 2026First public release.