Studio: akış monitörü + Material Icons + saat + başlık büyütme
Akış monitör paneli (sağ kenar, akış varken görünür):
- Gönderiyorum / Geliyor bölümleri ayrı ayrı
- Video tile: <video> önizleme, aspect-ratio 16/9
- Ses tile: mic ikonu + mavi arka plan
- Her tile: etiket, peer IP/ID, ✕ kapat butonu
- Track 'ended' olunca tile otomatik kalkar
- addStream çağrısında localTile eklendi (_call + cihaz seçimi)
- _watchIncoming → remoteTile eklendi
Material Icons Round (@import Google Fonts):
- Tüm item ikonları: people/videocam/mic/screen_share/upload_file/
live_tv/hd/sd/link_off/stop_circle/meeting_room/sensors vb.
- chevron_right ok ikonu
- Column.js: icon string → Material Icons textContent,
HTML içeriyorsa innerHTML (ikonlu butonlar için)
- addAction label: innerHTML → butonlara ikon eklenebilir
- Bildirim banner'ında wifi ikonu
Araç çubuğu:
- Başlık: 12px → 17px, font-weight 700, yükseklik 46px
- ID kartı: "Kimliğim" etiket metni kaldırıldı, sadece IP + UUID + ⎘
- Sağ üst köşe: HH:MM:SS canlı saat (setInterval 1s)
Layout:
- .mwse-studio__main: flex-row → kolonlar sol, panel sağ
- ColumnView artık mainArea'ya mount ediliyor
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
c1d1ddf383