§03-12AI
Trace / token 表示
AI の処理過程とトークン消費を一覧で示す。
生成結果がどの手順と費用で得られたかを可視化する。開発者や管理者が応答の遅さやコストの原因を探るときに効く。
実装のポイント
ステップごとに入出力トークンと所要時間を並べ、合計行で全体コストを示す。数値は tabular-nums で右揃えにし、桁を比較しやすくする。
- 特徴
- モック
- デモで使っているもの
- lucide-react
§03-12AI
AI の処理過程とトークン消費を一覧で示す。
生成結果がどの手順と費用で得られたかを可視化する。開発者や管理者が応答の遅さやコストの原因を探るときに効く。
ステップごとに入出力トークンと所要時間を並べ、合計行で全体コストを示す。数値は tabular-nums で右揃えにし、桁を比較しやすくする。