Trace · Zellify

Installation#

Terminal

npx shadcn@latest add @zellify/trace

Usage#

trace.tsx

import {  Trace,  TraceLine,  TraceIcon,  TraceTitle,  TraceDescription,  TraceCollapsible,  TraceCollapsibleTrigger,  TraceCollapsibleContent,} from "@/components/ui/trace"

Examples#

Chat

Rows

Scanning 52 files

Read apps/v4/lib/docs.ts

Tool Calls

Searched for minimumReleaseAge

$ node --version
v24.18.0

Reasoning

Chain of Thought

Image optimization takes almost four minutes on every deploy. The other steps finish in under a minute.

Task

Searched for app/page.tsxRead app/page.tsxScanned 52 filesRead app/layout.tsx

Sources

Caching build outputs | example.com Image optimization reference | example.com Deploy hooks and cache keys | example.com

Whole Turn

Ran mkdir -p dist

Node is installed and pnpm is not. Reading the docs config.

Read apps/v4/lib/docs.ts

API reference#

Exports Trace TraceLine TraceIcon TraceTitle TraceDescription TraceCollapsible TraceCollapsibleTrigger TraceCollapsibleContent. Every part takes its element's usual props and a className.