Vosita çaqiruvi kartasi

1. root.fx-toolcallşart
2. name.fx-toolcall__nameşart
3. time.fx-toolcall__timeixtiyoriy
4. status.fx-toolcall__statusşart
5. chev.fx-toolcall__chevixtiyoriy
6. body.fx-toolcall__bodyixtiyoriy
7. section.fx-toolcall__sectionixtiyoriy
8. label.fx-toolcall__labelixtiyoriy
9. error.fx-toolcall__errorixtiyoriy

Native <details>; holat — matnli yorliq (rang yolğiz emas). Xato matni .fx-toolcall__error. “Ruxsat kutmoqda” holatida karta içiga .fx-approval qöying.

Naqş: WAI-ARIA APG disclosure

npx foxui add toolcall

<div style="display:grid;gap:var(--fx-space-3)">
<details class="fx-toolcall" data-state="done" open>
  <summary><svg data-fx-icon="wrench" viewBox="0 0 24 24" aria-hidden="true"><path d="M14.7 6.3a4 4 0 0 0-5.4 5.1L3 17.7 6.3 21l6.3-6.3a4 4 0 0 0 5.1-5.4l-2.6 2.6-2.4-.6-.6-2.4z"/></svg><span class="fx-toolcall__name">crm.mijozlar.qidirish</span><time class="fx-toolcall__time">0,8 s</time><span class="fx-toolcall__status">Bajarildi</span><svg data-fx-icon="chev" class="fx-toolcall__chev" viewBox="0 0 24 24" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></summary>
  <div class="fx-toolcall__body"><div class="fx-toolcall__section"><span class="fx-toolcall__label">Kiriş</span><pre>{ "holat": "faol", "oxirgi_faollik": "&gt; 2 yil" }</pre></div><div class="fx-toolcall__section"><span class="fx-toolcall__label">Natija</span><pre>12 ta yozuv topildi</pre></div></div>
</details>
<details class="fx-toolcall" data-state="running">
  <summary><svg data-fx-icon="wrench" viewBox="0 0 24 24" aria-hidden="true"><path d="M14.7 6.3a4 4 0 0 0-5.4 5.1L3 17.7 6.3 21l6.3-6.3a4 4 0 0 0 5.1-5.4l-2.6 2.6-2.4-.6-.6-2.4z"/></svg><span class="fx-toolcall__name">hisobot.qayta_hisoblash</span><time class="fx-toolcall__time">3 s</time><span class="fx-toolcall__status">Bajarilmoqda</span><svg data-fx-icon="chev" class="fx-toolcall__chev" viewBox="0 0 24 24" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></summary>
  <div class="fx-toolcall__body"><div class="fx-toolcall__section"><span class="fx-toolcall__label">Kiriş</span><pre>{ "oy": "2026-10" }</pre></div></div>
</details>
<details class="fx-toolcall" data-state="waiting">
  <summary><svg data-fx-icon="wrench" viewBox="0 0 24 24" aria-hidden="true"><path d="M14.7 6.3a4 4 0 0 0-5.4 5.1L3 17.7 6.3 21l6.3-6.3a4 4 0 0 0 5.1-5.4l-2.6 2.6-2.4-.6-.6-2.4z"/></svg><span class="fx-toolcall__name">crm.yozuvlar.oʻchirish</span><time class="fx-toolcall__time"></time><span class="fx-toolcall__status">Ruxsat kutmoqda</span><svg data-fx-icon="chev" class="fx-toolcall__chev" viewBox="0 0 24 24" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></summary>
  <div class="fx-toolcall__body"><div class="fx-toolcall__section"><span class="fx-toolcall__label">Kiriş</span><pre>{ "yozuvlar": 12 }</pre></div></div>
</details>
<details class="fx-toolcall" data-state="error">
  <summary><svg data-fx-icon="wrench" viewBox="0 0 24 24" aria-hidden="true"><path d="M14.7 6.3a4 4 0 0 0-5.4 5.1L3 17.7 6.3 21l6.3-6.3a4 4 0 0 0 5.1-5.4l-2.6 2.6-2.4-.6-.6-2.4z"/></svg><span class="fx-toolcall__name">eksport.pdf</span><time class="fx-toolcall__time">1,4 s</time><span class="fx-toolcall__status">Xato</span><svg data-fx-icon="chev" class="fx-toolcall__chev" viewBox="0 0 24 24" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></summary>
  <div class="fx-toolcall__body"><p class="fx-toolcall__error">Fayl yozib bölmadi: disk töla.</p></div>
</details>
<details class="fx-toolcall" data-state="pending">
  <summary><svg data-fx-icon="wrench" viewBox="0 0 24 24" aria-hidden="true"><path d="M14.7 6.3a4 4 0 0 0-5.4 5.1L3 17.7 6.3 21l6.3-6.3a4 4 0 0 0 5.1-5.4l-2.6 2.6-2.4-.6-.6-2.4z"/></svg><span class="fx-toolcall__name">xabar.telegram</span><time class="fx-toolcall__time"></time><span class="fx-toolcall__status">Navbatda</span><svg data-fx-icon="chev" class="fx-toolcall__chev" viewBox="0 0 24 24" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></summary>
  <div class="fx-toolcall__body"><div class="fx-toolcall__section"><span class="fx-toolcall__label">Kiriş</span><pre>{ "kanal": "mijozlar" }</pre></div></div>
</details>
</div>

Tokenlar: --fx-bg-brand-subtle --fx-bg-error-subtle --fx-bg-muted --fx-bg-subtle --fx-bg-success-subtle --fx-bg-surface --fx-bg-warning-subtle --fx-border-color-default --fx-border-color-error --fx-border-color-focus --fx-border-width-default --fx-border-width-focus --fx-duration-pulse --fx-ease-standard --fx-fg-error --fx-fg-success --fx-fg-warning --fx-font-adjust-mono --fx-font-family-mono --fx-font-size-sm --fx-font-size-xs --fx-font-weight-medium --fx-motion-base --fx-radius-badge --fx-radius-circle --fx-radius-overlay --fx-size-icon-md --fx-size-status-dot --fx-space-1 --fx-space-2 --fx-space-3 --fx-text-brand --fx-text-error --fx-text-primary --fx-text-secondary --fx-text-tertiary