Emulator için hangi yön daha profesyonel?

Üç yaklaşım da VS Code temasını kullanıyor; fark, kontrollerin sahneyle kurduğu hiyerarşi.

PREVIEW● Ready
localhost:5173
Open

A — Stage-first Toolbox

Önerim. Preview merkezde; sık eylemler ince araç çubuğunda, ayrıntılar gerektiğinde drawer olarak açılır.

GAMETEGRAReady
SOURCE
localhost:5173
DEVICE
iPhone 15 Pro
Portrait
TOOLS
FitShot

B — Inspector Split

Geniş editör panelinde çok verimli; dar Activity Bar görünümünde drawer’a dönüşmesi gerekir.

EMULATOR◉ Connected
SourceDeviceTools

C — Canvas + Bottom Actions

En sade görünüm; ancak geliştirici kontrolleri daha fazla tıklama arkasında kalır.

Ortak iyileştirmeler

  • Gerçek Login → Connect → Start akışı
  • Dark, Light ve High Contrast uyumu
  • Klavye, dialog focus ve screen-reader desteği
  • Dar sidebar ile geniş panel için ayrı responsive davranış

Kapsam sınırı

  • Gizlenmiş CLI menüsü geri getirilmeyecek
  • Komutlar görev odaklı onboarding ve VS Code komutları üzerinden sunulacak
  • Bundler/TypeScript migrasyonu görsel değişiklikten ayrı tutulacak