ExecutionCard

Component

A real-time telemetry card displaying multi-step autonomous agent execution, altitude checkpoints, latency, and tokens.

Preview

executing

8,240m

Autonomous Workflow Agent

Orchestrating multi-model pipeline execution

Task Decomposition & Plan

5,364m

Context Retrieval (Vector DB)

6,800m

Execute Tool Calls & Verification

8,240m

Summit Synthesis & Response

8,848m

LATENCY: 142msTOKENS: 4.2k tok

Installation & Usage

import { ExecutionCard } from "@aayurt/8848-ui-react";

<ExecutionCard
  title="Autonomous Workflow Agent"
  subtitle="Orchestrating multi-model pipeline execution"
  status="executing"
  altitude="8,240m"
  latency="142ms"
  tokens="4.2k tok"
  steps={[
    { id: "1", label: "Task Decomposition & Plan", status: "completed", elevation: "5,364m" },
    { id: "2", label: "Context Retrieval (Vector DB)", status: "completed", elevation: "6,800m" },
    { id: "3", label: "Execute Tool Calls & Verification", status: "in_progress", elevation: "8,240m" },
    { id: "4", label: "Summit Synthesis & Response", status: "pending", elevation: "8,848m" },
  ]}
/>