Holat va javob · compound
Agent izi
AI agent bajargan qadamlar: holat belgisi (bajarildi — doira, işlayapti — pulsatsiyali halqa, kutyapti — halqa, xato — romb), nom, vaqt, oçiladigan tafsilot. Kengaytma: içma-iç .fx-trace, .fx-trace__io (kiriş/çiqiş), data-state=skipped, yiğilgan guruh .fx-trace-group.
- PDP inventarizatsiyasi
- 0.15.0 build va sinovlar
Tafsilot
build: 43 komponent\ncheck: toza
- Sayt yönalişlari
- Ustoz tanlovi
3 qadam · 12 s
- Qidiriş4 s
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-state | donerunningwaitingerror | done |
Anatomiya
- root
.fx-traceşart - step
.fx-trace__stepşart - title
.fx-trace__titleşart - time
.fx-trace__timeixtiyoriy - detail
.fx-trace__detailixtiyoriy - io
.fx-trace__ioixtiyoriy - group
.fx-trace-groupixtiyoriy
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Enter, Space | Tafsilotni oçadi |
<ol aria-label>; holat söz bilan ham (masalan, sr-only «bajarildi»).
Kod
AI uçun: qaçon işlatiladi
- AI agent yoki avtomatik jarayon qadamlarini körsatiş.
- Foydalanuvçi töldiradigan bosqiçlar →
steps - Holatni faqat rang bilan bermang — şakl va matn bor.
npx foxui add trace
<ol class="fx-trace" aria-label="Mister Fox qadamlari">
<li class="fx-trace__step" data-state="done"><span class="fx-trace__title">PDP inventarizatsiyasi</span><time class="fx-trace__time">8 daq</time></li>
<li class="fx-trace__step" data-state="done"><span class="fx-trace__title">0.15.0 build va sinovlar</span><time class="fx-trace__time">2 daq</time>
<details class="fx-trace__detail"><summary>Tafsilot</summary><pre>build: 43 komponent\ncheck: toza</pre></details></li>
<li class="fx-trace__step" data-state="running"><span class="fx-trace__title">Sayt yönalişlari</span><time class="fx-trace__time">hozir</time></li>
<li class="fx-trace__step" data-state="waiting"><span class="fx-trace__title">Ustoz tanlovi</span></li>
</ol>
<details class="fx-trace-group"><summary class="fx-trace-group__summary">3 qadam · 12 s</summary><ol class="fx-trace"><li class="fx-trace__step"><span class="fx-trace__title">Qidiriş</span><span class="fx-trace__time">4 s</span></li></ol></details>Tokenlar: --fx-bg-muted --fx-border-color-default --fx-border-color-focus --fx-border-width-default --fx-border-width-focus --fx-control-h-sm --fx-duration-pulse --fx-ease-standard --fx-fg-error --fx-fg-success --fx-font-adjust-mono --fx-font-family-mono --fx-font-size-sm --fx-font-size-xs --fx-font-weight-semibold --fx-motion-base --fx-radius-badge --fx-radius-circle --fx-size-icon-md --fx-size-icon-sm --fx-size-status-dot --fx-size-status-dot-sm --fx-space-1 --fx-space-2 --fx-space-3 --fx-text-brand --fx-text-primary --fx-text-secondary --fx-text-tertiary