Skills

SkillInvocationLog

Vertical timeline of skill calls with status, action, duration, and expandable payloads.

Preview

Installation

pnpm add nyxis-ui

Usage

import { SkillInvocationLog, type SkillInvocation } from 'nyxis-ui';

<SkillInvocationLog invocations={recent} limit={20} onSelect={(inv) => focusInvocation(inv.id)} />;

Anatomy

Each row: status badge · skill name · action (mono) · duration · timestamp.
Click a row to expand input, result, and error payloads as JSON.
limit collapses older entries with a +N earlier invocations footer.

Wiring

Drive entries from your runtime’s instrumentation. Common pattern:

// after every skill.invoke(...) call
appendInvocation({
  id: ulid(),
  skillId,
  skillName,
  action,
  status,
  startedAt: new Date(),
  durationMs,
  input,
  result,
  error,
});