yagnikbarasiya2306@gmail.com

Flutter · Agent run timeline

Trace

Show the work, not a spinner.

An agent run timeline for Flutter: reasoning streams in and folds away, tool calls show their input and output, parallel calls run side by side and failures offer a retry. Reads OpenAI, Anthropic and AI SDK streams.

View on GitHub Live demo
Platform
Flutter 3.47+ · Android, iOS, web
Size
Single Dart file
Dependencies
None
Licence
MIT · free for client work

Demo

A recording of the demo. Open it in a new tab

What it does

  1. 01

    A TraceController you drive by hand or from a model stream

  2. 02

    Tools that start together are grouped into lanes with progress

  3. 03

    Adapters for OpenAI Responses, Anthropic Messages and the Vercel AI SDK

  4. 04

    Follows new steps until you scroll up; announces results to screen readers

Use it

Add to pubspec.yamlyaml
dependencies:
  trace_agent_timeline:
    git:
      url: https://github.com/YagnikBarasiya23/trace_agent_timeline.git
Exampledart
import 'package:trace_agent_timeline/trace_agent_timeline.dart';

final trace = TraceController();

SizedBox(height: 360, child: Trace(controller: trace));

await trace.fromEvents(events, format: TraceFormat.anthropic, runTool: (name, args) => tools[name]!(args));

Every option, the technique behind the motion and the accessibility notes are in the README on GitHub

More components

All 15
  • Web

    01 · Rolling number counter

    Tally

    Digits turn over like an odometer.

    • 3.6 KB gzip
    • No dependencies
    • Free · MIT
  • Web

    02 · Paper-fold accordion

    Fold

    Panels unfold like paper.

    • 3.0 KB gzip
    • No dependencies
    • Free · MIT

Get in touch

Open for freelance projects, contract roles and collaborations — mobile apps and full-stack products in particular. WhatsApp gets the fastest reply.

Message on WhatsApp Send an email
Based in
Rajkot, Gujarat, India
Elsewhere