> ## Documentation Index
> Fetch the complete documentation index at: https://docs.claboard.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Durum Animasyonları

> Görevler durumlar arasında geçiş yaptığında görsel geri bildirim

Bir görev durumlar arasında hareket ettiğinde — ister sürükle-bırak, ister buton tıklama, ister sesli komutla — Claude Board görev kartında bir geçiş animasyonu oynatır.

## Animasyon Türleri

| Geçiş             | Efekt                | Açıklama                                                         |
| ----------------- | -------------------- | ---------------------------------------------------------------- |
| → **In Progress** | Kehribar kıvılcımlar | 12 parlayan parçacık altın bir darbesiyle dışa doğru uçar        |
| → **Testing**     | Parlama dalgası      | Mor/kehribar degrade, yüzen noktalarla birlikte geçiş yapar      |
| → **Done**        | Konfeti patlaması    | 24 renkli parçacık, karışık şekillerle ve bir onay işareti pop'u |
| ← **Geri**        | Geri sarım sürüşü    | Ters yönde hafif gri bir geçiş                                   |

Tüm geçişler ayrıca şu unsurları içerir:

* Hedef durum rengine uygun bir **parlama darbesi**
* Bir **kart büyüme** ölçek animasyonu (kısa süreliğine büyür, sonra yerine oturur)

## Nasıl Çalışır

Animasyon sistemi, son geçişleri izleyen bir React context'i (`StatusTransitionContext`) kullanır:

1. `onStatusChange` tetiklendiğinde, `emitStatusTransition(taskId, fromStatus, toStatus)` geçişi kaydeder
2. Her `TaskCard` aktif geçişler için context'i kontrol eder
3. Görevi için bir geçiş varsa, `StatusTransitionEffect` katmanını render eder
4. Animasyonlar 2 saniye sonra otomatik olarak temizlenir

## Teknik Detaylar

* Tüm efektler **saf CSS animasyonları** kullanır — harici kütüphane yoktur
* Parçacıklar, CSS `@keyframes` ile rastgele oluşturulan `div` elementleridir
* Konfeti 8 farklı renk ve karışık şekiller (daireler + dikdörtgenler) kullanır
* Efektler kısa ömürlü olduğundan ve GPU hızlandırmalı dönüşümler kullandığından performans hafiftir