Körsatiş · molecule
Fikrlaş (chain of thought)
Yiğiladigan fikrlaş bloki: «12 soniya öyladi ▸» — oçilsa mulohaza matni. Öylaş paytida (data-state="thinking") oçiq va sarlavha yaltiraydi; tugagaç özi yopiladi (foydalanuvçi oçgan bölsa — tegilmaydi).
Öylayapti…
Mijozlar jadvalida 12 ta yozuv 2 yildan beri özgarmagan. Avval ularni arxivga köçiriş, keyin hisobotni qayta hisoblaş kerak. Öçirişdan oldin ruxsat sörayman.
12 soniya öyladi
Mijozlar jadvalida 12 ta yozuv 2 yildan beri özgarmagan. Avval ularni arxivga köçiriş, keyin hisobotni qayta hisoblaş kerak. Öçirişdan oldin ruxsat sörayman.
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-state | thinking Oçiq, yaltiraydi; “done” ga ötganda yopiladi. | done |
Anatomiya
- root
.fx-reasoningşart - label
.fx-reasoning__labelşart - chev
.fx-reasoning__chevixtiyoriy - body
.fx-reasoning__bodyşart
Holatlar
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Enter, Space | Oçadi / yopadi |
Native <details>/<summary>: Enter/Space oçadi-yopadi, fokus halqasi bor. Sarlavhadagi matn holatni söz bilan aytadi (Öylayapti… / 12 soniya öyladi).
Naqş: WAI-ARIA APG disclosure
Kod
AI uçun: qaçon işlatiladi
- AI mulohazasini ixtiyoriy körsatiş.
- Bajarilgan qadamlar va vosita çaqiruvlari →
trace - Oddiy yiğiladigan bölim →
accordion - Fikrlaş matnini asosiy javob bilan aralaştirmang — alohida blok.
- Yopilgan holatda davomiylikni yaşirmang («12 soniya öyladi»).
- data-state ni qölda özgartirgan bölsangiz, oçiq/yopiq holatni ham qölda boşqarmang — JS özi hal qiladi.
npx foxui add reasoning
<details class="fx-reasoning" id="rs1" data-fx-reasoning data-state="thinking" open> <summary><svg data-fx-icon="spark" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z"/></svg><span class="fx-reasoning__label">Öylayapti…</span><svg data-fx-icon="chev" class="fx-reasoning__chev" viewBox="0 0 24 24" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></summary> <div class="fx-reasoning__body"><p>Mijozlar jadvalida 12 ta yozuv 2 yildan beri özgarmagan. Avval ularni arxivga köçiriş, keyin hisobotni qayta hisoblaş kerak. Öçirişdan oldin ruxsat sörayman.</p></div> </details> <details class="fx-reasoning" data-fx-reasoning data-state="done"> <summary><svg data-fx-icon="spark" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z"/></svg><span class="fx-reasoning__label">12 soniya öyladi</span><svg data-fx-icon="chev" class="fx-reasoning__chev" viewBox="0 0 24 24" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></summary> <div class="fx-reasoning__body"><p>Mijozlar jadvalida 12 ta yozuv 2 yildan beri özgarmagan. Avval ularni arxivga köçiriş, keyin hisobotni qayta hisoblaş kerak. Öçirişdan oldin ruxsat sörayman.</p></div> </details>
Tokenlar: --fx-bg-muted --fx-bg-pressed --fx-border-color-default --fx-border-color-focus --fx-border-width-default --fx-border-width-focus --fx-duration-pulse --fx-ease-enter --fx-ease-standard --fx-font-size-sm --fx-font-weight-medium --fx-motion-base --fx-motion-fast --fx-radius-control --fx-size-icon-sm --fx-space-1 --fx-space-2 --fx-space-4 --fx-text-brand --fx-text-primary --fx-text-secondary --fx-text-tertiary