Components · Command Palette

Command Palette

⌘K / Ctrl+K ile her yerden açılan, tüm aksiyon ve gezinmeyi tek arama kutusuna kümeleyen güç-kullanıcı yüzeyi. Mouse'la nav'a girmenin alternatifi değil, uzmanın klavye yolu. Sipariş ara, ürün düzenle, sayfaya git, son aksiyonları tekrar et — hepsi tek input'tan.

01 · Açık · arama ile filtrelenmiş gruplar

↑ Sayfa altta görünür — palette modal değil, blocking lite
tablo
tablo
tablo
tablo
tablo
tablo
esc
Aksiyon
Yeni sipariş oluştur
Manuel sipariş gir — telefon siparişi için
N
Siparişi iptal et
Seçili siparişi iptal eder, müşteriye bildirim gönderir
Hazır olarak işaretle
Aktif siparişi "Hazır" durumuna getirir
R
Sayfaya git
Sipariş Panosu
/orders
GO
Sipariş — son 24sa
#1247 · Mehmet Özkan
Hazırlanıyor · Kadıköy/Bağdat · 124,50 ₺ · 14:32
#1246 · Ayşe Kara
Yeni · Kadıköy/Moda · 52,00 ₺ · 14:18
gez seç K aç/kapat
6 sonuç

02 · Boş · sonuç yok

sayfa
sayfa
sayfa
esc
"zzqq" için sonuç yok
Sipariş no için "#"; müşteri için ad/telefon yaz.
Klavye kısayolları için ?'ye bas.

Kurallar

· ⌘K (Mac) / Ctrl+K (Win) tek genel kısayol; bu kombo başka hiçbir aksiyona atanmaz.
· Gruplama: Aksiyon → Sayfaya git → Veri (sipariş, müşteri, ürün). Aksiyonlar her zaman üstte; en aşağı geçmiş varsa "Son" grubu.
· Match: prefix-match önce, sonra sub-string, sonra fuzzy. Eşleşen harfler .hl ile vurgulanır.
· İlk sonuç default seçili (active highlight). ↑↓ gezinti, ⏎ tetik, ⎋ kapatır.
· 580px genişlik, 60-80px üstten boşluk; tam ortalanmaz (üstte daha az boşluk → klavyeyle açıldığında göz hızlı bulur).
· Arama input'u 14px (büyük), kalan içerik 13px. Recently-used öğe varsa "Son" grubu boş aramada en üstte.
· Boş durum mutlaka yardımcı: "neyi nasıl ararım?" hint'i. Sadece "Sonuç yok" yasak.
· Erişilebilirlik: role="dialog" + aria-modal="true", listbox + option pattern; focus trap; reader açılışta "Komut paleti açıldı, X öğe" duyurur.
· Yasak: palet içinde 5+ aksiyon kategorisi (önceliklendir, hide-by-default), ikon-only öğeler (her zaman ikon + ad), 8'den uzun öğe tek satır gri açıklama.