Yerleşim bileşenleri
İçeriği düzenleyen ve açan bileşenler: yarıda geri çevrilebilen yükseklik hareketli akordeonlar ve katlanabilirler, scroll-snap karusel, boyutlandırılabilir bölünmüş paneller, kenarları solan kaydırma alanları, en-boy oranı kutuları ve ayırıcılar.
Kapalı paneller tarayıcının bul özelliğiyle aranabilir kalır ve içerik yüklenince hiçbir şey zıplamaz.
- AccordionHer biri bir panel gösteren yığılmış başlıklar; yarıda tersine çevrilebilen yükseklik hareketi ve kapalıyken de aranabilir kalan paneller.
- Aspect ratioMedya yüklenmeden önce şeklini koruyan, yüklenirken parıldayan, medyayı yumuşakça görünür kılan ve hata durumunda yedeğe düşen bir kutu.
- CarouselDokunmatik ekranda ivmeli, fare sürüklemeli, ok tuşlu, noktalı, küçük resimli yerel scroll-snap slaytları ve gerektiğinde duran bir otomatik oynatma.
- CollapsibleYüksekliği hareketle gösterilip gizlenen, yarıda tersine çevrilebilen ve yerleşimi zıplatmayan bir panel.
- ResizableBirbirinden ayırabileceğiniz paneller; hover'da uyanan sakin bir ayırıcı, sıfırlama ya da daraltmada kayarak değişen boyutlar ve kalıcı düzenler sunar.
- Scroll areaMinimal bir kaydırma çubuğuyla yerel kaydırma, yalnızca görülecek daha fazla şey olan yerde solan kenarlar ve son öğeyi ikiye bölen isteğe bağlı bir göz atma payı.
- Separatorİçeriği yatay ya da dikey olarak ayıran ince bir çizgi; isteğe bağlı etiket ve yalnızca görsel çizgiler için dekoratif bir mod içerir.
Pro bloklarda kullanılanlar
Bu bileşenlerle oluşturulmuş yapay zeka ürünleri için bloklar.
- Agent TodosBir ajanın çalışırken tuttuğu plan, her adım için bir satır. Devam eden adımları, başarısız adımları ve çalışma sırasındaki plan değişikliklerini ele alır.
- Chat SidebarSabitlenmiş sohbetler, projeler ve son sohbetlerle bir sohbet uygulamasının kenar çubuğu. Yerinde yeniden adlandırmayı, geri alınabilir silmeyi ve hâlâ yanıt veren sohbetleri ele alır.
- Stack TraceBir geliştiricinin okuduğu biçimde gösterilen çökme. Önce sizin kodunuz gelir, çerçeve kareleri katlanır ve her neden sırayla listelenir.
- SubagentsBir ajanın diğer ajanlara devrettiği çalıştırmalar, her biri için bir satır. Paralel çalıştırmaları, durdurup yeniden denemeyi ve her çalıştırma bitince bir özeti ele alır.
- Test ResultsBir ajanın test çalıştırması, olduğu gibi gösterilir. Testler akarak gelir ve bir özete katlanır, her başarısızlık diff’iyle birlikte açık kalır.
- ThinkingBir yapay zeka sohbetinin düşünme görünümü. Canlı bir etiket her adımı izler, aramalar ve kaynaklar bir ize katlanır ve alıntılar yanıtın yanında durur.