@hai3/studio 0.1.0-alpha.0

package/README.md

@@ -0,0 +1,133 @@
+# @hai3/studio
+
+Development tools overlay for HAI3 applications providing runtime controls and debugging capabilities.
+
+## Overview
+
+`@hai3/studio` delivers a comprehensive development environment overlay that enables real-time application control without code changes. The package provides visual controls for theme switching, screen navigation, language testing, and API mode toggling, all accessible through a draggable, resizable panel that automatically tree-shakes out of production builds.
+
+## Purpose
+
+This package accelerates development and QA workflows by providing instant access to application configuration without stopping the dev server or editing code. Studio enables rapid theme iteration, internationalization testing across 36 languages, screen navigation for UI review, and seamless switching between mock and real API implementations.
+
+## Key Capabilities
+
+### Runtime Configuration
+
+Modify application state through an intuitive visual interface. Changes take effect immediately without page reloads, enabling fast iteration cycles. All configuration state persists across browser sessions through localStorage.
+
+### Theme Development
+
+Preview all registered themes instantly with a dedicated theme selector. Current theme highlights automatically, and theme changes propagate through the entire application via the framework's theme system.
+
+### Navigation Control
+
+Browse all available screens organized by screenset category (Drafts, Mockups, Production). Click any screen to navigate immediately, making it easy to review UI implementations across the entire application.
+
+### Internationalization Testing
+
+Validate translations across 36 supported languages without modifying code. The language selector shows all available languages with native names, and changes apply immediately to all localized content.
+
+### API Mode Switching
+
+Toggle between mock and real API implementations at runtime. This enables frontend development without backend dependencies and facilitates comprehensive testing scenarios without modifying service code.
+
+## Interface Features
+
+### Draggable Panel
+
+Position the studio panel anywhere on screen through drag-and-drop. Click and hold the header to drag. Position state saves automatically to localStorage and restores on page reload.
+
+### Resizable Interface
+
+Adjust panel dimensions by dragging the bottom-right corner. Minimum size: 320×400px. Maximum size: 600×800px. Size preferences persist across sessions.
+
+### Collapsible Design
+
+Minimize the panel to a circular button in the bottom-right corner when screen space is limited. Click to expand back to full panel. Collapsed state persists across page reloads.
+
+### Keyboard Shortcuts
+
+- **Shift + `** (tilde) - Toggle studio panel visibility on all platforms
+
+## Integration
+
+### Automatic Loading (Recommended)
+
+HAI3Provider automatically detects studio package installation and loads it in development mode only. No explicit imports or configuration required - install the package and it activates automatically in development.
+
+### Manual Integration (Advanced)
+
+For custom loading scenarios, import the StudioOverlay component directly and conditionally render based on environment. Useful when implementing custom development mode detection or build-time environment variables.
+
+## Production Safety
+
+### Tree-Shaking
+
+Studio code automatically eliminates from production bundles through conditional imports. HAI3Provider uses lazy loading with environment checks to ensure zero studio code reaches production.
+
+### Bundle Verification
+
+After production builds, studio adds 0 bytes to bundle size. No studio code appears in the dist/assets directory. The framework's conditional import pattern guarantees complete code elimination.
+
+## Technical Architecture
+
+### Event-Driven State
+
+Studio integrates with HAI3's event bus for all state changes. Position, size, and configuration updates emit events that persistence effects subscribe to. This maintains loose coupling with the framework core.
+
+### Localization System
+
+Studio translations register automatically at module import time. All 36 language files lazy-load on demand - only the current language downloads. Translation keys use the standard framework namespacing pattern.
+
+### Self-Contained Implementation
+
+The package imports UI components directly from UI Kit rather than using the component registry. This ensures studio functions independently and doesn't interfere with application component registrations.
+
+## Installation
+
+```bash
+npm install --save-dev @hai3/studio
+```
+
+Install as a devDependency rather than a regular dependency to reinforce its development-only nature.
+
+## Supported Languages
+
+Studio provides full localization for 36 languages including English, Spanish, French, German, Italian, Portuguese, Russian, Chinese (Simplified & Traditional), Japanese, Korean, Arabic, Hindi, Bengali, Turkish, Vietnamese, Thai, and 20 additional languages.
+
+## Peer Dependencies
+
+Requires the following packages:
+
+- `@hai3/uicore` - Core framework for state management and events
+- `react` ^18.0.0 - React library
+- `react-dom` ^18.0.0 - React DOM renderer
+
+## Browser Compatibility
+
+- Chrome/Edge (latest 2 versions)
+- Firefox (latest 2 versions)
+- Safari (latest 2 versions)
+
+## TypeScript Support
+
+Fully typed with exported type definitions for Position, Size, and StudioState. Includes module augmentation for integrating with the framework's type system.
+
+## Version
+
+**Alpha Release** (`0.1.0-alpha.0`) - APIs may change before stable release.
+
+## License
+
+Apache-2.0
+
+## Related Packages
+
+- [`@hai3/uicore`](../uicore) - Core layout and state management
+- [`@hai3/uikit`](../uikit) - UI component library
+- [`@hai3/uikit-contracts`](../uikit-contracts) - Type definitions
+
+## Contributing
+
+Studio is part of the HAI3 monorepo. See the main repository for contribution guidelines and development setup instructions.

package/dist/i18n/ar.json

@@ -0,0 +1,15 @@
+{
+  "title": "أدوات تطوير HAI3",
+  "aria": {
+    "openButton": "فتح أدوات التطوير (Shift+`) أو السحب للتحريك",
+    "collapseButton": "طي لوحة أدوات التطوير",
+    "resizeHandle": "تغيير حجم لوحة الأدوات"
+  },
+  "controls": {
+    "heading": "عناصر التحكم في التطوير",
+    "screenset": "مجموعة الشاشات:",
+    "theme": "السمة:",
+    "language": "اللغة:",
+    "mockApi": "واجهة برمجية وهمية"
+  }
+}

package/dist/i18n/bn.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 ডেভেলপমেন্ট টুলস",
+  "aria": {
+    "openButton": "ডেভেলপমেন্ট টুলস খুলুন (Shift+`) বা সরানোর জন্য টানুন",
+    "collapseButton": "ডেভেলপমেন্ট টুলস প্যানেল সংকুচিত করুন",
+    "resizeHandle": "টুলস প্যানেলের আকার পরিবর্তন করুন"
+  },
+  "controls": {
+    "heading": "উন্নয়ন নিয়ন্ত্রণ",
+    "screenset": "স্ক্রিনসেট:",
+    "theme": "থিম:",
+    "language": "ভাষা:",
+    "mockApi": "মক API"
+  }
+}

package/dist/i18n/cs.json

@@ -0,0 +1,15 @@
+{
+  "title": "Vývojářské nástroje HAI3",
+  "aria": {
+    "openButton": "Otevřít vývojářské nástroje (Shift+`) nebo přetáhnout pro přesun",
+    "collapseButton": "Sbalit panel vývojářských nástrojů",
+    "resizeHandle": "Změnit velikost panelu nástrojů"
+  },
+  "controls": {
+    "heading": "Vývojářské ovládací prvky",
+    "screenset": "Sada obrazovek:",
+    "theme": "Motiv:",
+    "language": "Jazyk:",
+    "mockApi": "Simulované API"
+  }
+}

package/dist/i18n/da.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 Udviklingsværktøjer",
+  "aria": {
+    "openButton": "Åbn Udviklingsværktøjer (Shift+`) eller træk for at flytte",
+    "collapseButton": "Skjul udviklingsværktøjspanelet",
+    "resizeHandle": "Ændre størrelse på værktøjspanelet"
+  },
+  "controls": {
+    "heading": "Udviklingskontrolelementer",
+    "screenset": "Skærmsæt:",
+    "theme": "Tema:",
+    "language": "Sprog:",
+    "mockApi": "Mock-API"
+  }
+}

package/dist/i18n/de.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 Entwicklerwerkzeuge",
+  "aria": {
+    "openButton": "Entwicklerwerkzeuge öffnen (Shift+`) oder ziehen zum Verschieben",
+    "collapseButton": "Entwicklerwerkzeuge-Panel einklappen",
+    "resizeHandle": "Größe des Werkzeug-Panels ändern"
+  },
+  "controls": {
+    "heading": "Entwicklungssteuerung",
+    "screenset": "Bildschirmset:",
+    "theme": "Design:",
+    "language": "Sprache:",
+    "mockApi": "Mock-API"
+  }
+}

package/dist/i18n/el.json

@@ -0,0 +1,15 @@
+{
+  "title": "Εργαλεία Ανάπτυξης HAI3",
+  "aria": {
+    "openButton": "Άνοιγμα Εργαλείων Ανάπτυξης (Shift+`) ή σύρετε για μετακίνηση",
+    "collapseButton": "Σύμπτυξη πίνακα εργαλείων ανάπτυξης",
+    "resizeHandle": "Αλλαγή μεγέθους πίνακα εργαλείων"
+  },
+  "controls": {
+    "heading": "Στοιχεία Ελέγχου Ανάπτυξης",
+    "screenset": "Σύνολο Οθονών:",
+    "theme": "Θέμα:",
+    "language": "Γλώσσα:",
+    "mockApi": "Mock API"
+  }
+}

package/dist/i18n/en.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 Studio",
+  "aria": {
+    "openButton": "Open Studio (Shift+`) or drag to move",
+    "collapseButton": "Collapse Studio panel",
+    "resizeHandle": "Resize Studio panel"
+  },
+  "controls": {
+    "heading": "Development Controls",
+    "screenset": "Screenset:",
+    "theme": "Theme:",
+    "language": "Language:",
+    "mockApi": "Mock API"
+  }
+}

package/dist/i18n/es.json

@@ -0,0 +1,15 @@
+{
+  "title": "Herramientas de Desarrollo HAI3",
+  "aria": {
+    "openButton": "Abrir Herramientas de Desarrollo (Shift+`) o arrastrar para mover",
+    "collapseButton": "Contraer panel de herramientas de desarrollo",
+    "resizeHandle": "Cambiar tamaño del panel de herramientas"
+  },
+  "controls": {
+    "heading": "Controles de Desarrollo",
+    "screenset": "Conjunto de Pantallas:",
+    "theme": "Tema:",
+    "language": "Idioma:",
+    "mockApi": "API Simulada"
+  }
+}

package/dist/i18n/fa.json

@@ -0,0 +1,15 @@
+{
+  "title": "ابزارهای توسعه HAI3",
+  "aria": {
+    "openButton": "باز کردن ابزارهای توسعه (Shift+`) یا کشیدن برای جابجایی",
+    "collapseButton": "جمع کردن پنل ابزارهای توسعه",
+    "resizeHandle": "تغییر اندازه پنل ابزارها"
+  },
+  "controls": {
+    "heading": "کنترل‌های توسعه",
+    "screenset": "مجموعه صفحه‌نمایش:",
+    "theme": "پوسته:",
+    "language": "زبان:",
+    "mockApi": "API ساختگی"
+  }
+}

package/dist/i18n/fi.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 Kehitystyökalut",
+  "aria": {
+    "openButton": "Avaa Kehitystyökalut (Shift+`) tai vedä siirtääksesi",
+    "collapseButton": "Tiivistä kehitystyökalupaneeli",
+    "resizeHandle": "Muuta työkalupaneelin kokoa"
+  },
+  "controls": {
+    "heading": "Kehitysohjaimet",
+    "screenset": "Näyttösarja:",
+    "theme": "Teema:",
+    "language": "Kieli:",
+    "mockApi": "Mock-API"
+  }
+}

package/dist/i18n/fr.json

@@ -0,0 +1,15 @@
+{
+  "title": "Outils de Développement HAI3",
+  "aria": {
+    "openButton": "Ouvrir les outils de développement (Shift+`) ou glisser pour déplacer",
+    "collapseButton": "Réduire le panneau des outils de développement",
+    "resizeHandle": "Redimensionner le panneau des outils"
+  },
+  "controls": {
+    "heading": "Contrôles de Développement",
+    "screenset": "Ensemble d'Écrans:",
+    "theme": "Thème:",
+    "language": "Langue:",
+    "mockApi": "API Simulée"
+  }
+}

package/dist/i18n/he.json

@@ -0,0 +1,15 @@
+{
+  "title": "כלי פיתוח HAI3",
+  "aria": {
+    "openButton": "פתח כלי פיתוח (Shift+`) או גרור להזזה",
+    "collapseButton": "כווץ חלונית כלי פיתוח",
+    "resizeHandle": "שנה גודל חלונית כלים"
+  },
+  "controls": {
+    "heading": "בקרות פיתוח",
+    "screenset": "ערכת מסכים:",
+    "theme": "ערכת נושא:",
+    "language": "שפה:",
+    "mockApi": "API מדומה"
+  }
+}

package/dist/i18n/hi.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 डेवलपमेंट टूल्स",
+  "aria": {
+    "openButton": "डेवलपमेंट टूल्स खोलें (Shift+`) या स्थानांतरित करने के लिए खींचें",
+    "collapseButton": "डेवलपमेंट टूल्स पैनल को संक्षिप्त करें",
+    "resizeHandle": "टूल्स पैनल का आकार बदलें"
+  },
+  "controls": {
+    "heading": "विकास नियंत्रण",
+    "screenset": "स्क्रीनसेट:",
+    "theme": "थीम:",
+    "language": "भाषा:",
+    "mockApi": "मॉक API"
+  }
+}

package/dist/i18n/hu.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 Fejlesztői Eszközök",
+  "aria": {
+    "openButton": "Fejlesztői Eszközök megnyitása (Shift+`) vagy húzza az áthelyezéshez",
+    "collapseButton": "Fejlesztői eszközök panel összecsukása",
+    "resizeHandle": "Eszközpanel átméretezése"
+  },
+  "controls": {
+    "heading": "Fejlesztési Vezérlők",
+    "screenset": "Képernyőkészlet:",
+    "theme": "Téma:",
+    "language": "Nyelv:",
+    "mockApi": "Mock API"
+  }
+}

package/dist/i18n/id.json

@@ -0,0 +1,15 @@
+{
+  "title": "Alat Pengembangan HAI3",
+  "aria": {
+    "openButton": "Buka Alat Pengembangan (Shift+`) atau seret untuk memindahkan",
+    "collapseButton": "Ciutkan panel alat pengembangan",
+    "resizeHandle": "Ubah ukuran panel alat"
+  },
+  "controls": {
+    "heading": "Kontrol Pengembangan",
+    "screenset": "Set Layar:",
+    "theme": "Tema:",
+    "language": "Bahasa:",
+    "mockApi": "API Tiruan"
+  }
+}

package/dist/i18n/it.json

@@ -0,0 +1,15 @@
+{
+  "title": "Strumenti di Sviluppo HAI3",
+  "aria": {
+    "openButton": "Apri Strumenti di Sviluppo (Shift+`) o trascina per spostare",
+    "collapseButton": "Comprimi pannello strumenti di sviluppo",
+    "resizeHandle": "Ridimensiona pannello strumenti"
+  },
+  "controls": {
+    "heading": "Controlli di Sviluppo",
+    "screenset": "Set di Schermate:",
+    "theme": "Tema:",
+    "language": "Lingua:",
+    "mockApi": "API Simulata"
+  }
+}

package/dist/i18n/ja.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 開発ツール",
+  "aria": {
+    "openButton": "開発ツールを開く (Shift+`) またはドラッグして移動",
+    "collapseButton": "開発ツールパネルを折りたたむ",
+    "resizeHandle": "ツールパネルのサイズを変更"
+  },
+  "controls": {
+    "heading": "開発コントロール",
+    "screenset": "スクリーンセット:",
+    "theme": "テーマ:",
+    "language": "言語:",
+    "mockApi": "モック API"
+  }
+}

package/dist/i18n/ko.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 개발 도구",
+  "aria": {
+    "openButton": "개발 도구 열기 (Shift+`) 또는 드래그하여 이동",
+    "collapseButton": "개발 도구 패널 접기",
+    "resizeHandle": "도구 패널 크기 조정"
+  },
+  "controls": {
+    "heading": "개발 제어",
+    "screenset": "화면 세트:",
+    "theme": "테마:",
+    "language": "언어:",
+    "mockApi": "모의 API"
+  }
+}

package/dist/i18n/ms.json

@@ -0,0 +1,15 @@
+{
+  "title": "Alat Pembangun HAI3",
+  "aria": {
+    "openButton": "Buka Alat Pembangun (Shift+`) atau seret untuk alih",
+    "collapseButton": "Runtuhkan panel alat pembangun",
+    "resizeHandle": "Ubah saiz panel alat"
+  },
+  "controls": {
+    "heading": "Kawalan Pembangunan",
+    "screenset": "Set Skrin:",
+    "theme": "Tema:",
+    "language": "Bahasa:",
+    "mockApi": "API Palsu"
+  }
+}

package/dist/i18n/nl.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 Ontwikkeltools",
+  "aria": {
+    "openButton": "Open Ontwikkeltools (Shift+`) of sleep om te verplaatsen",
+    "collapseButton": "Ontwikkeltools paneel inklappen",
+    "resizeHandle": "Formaat van tools paneel wijzigen"
+  },
+  "controls": {
+    "heading": "Ontwikkelingsbesturing",
+    "screenset": "Schermset:",
+    "theme": "Thema:",
+    "language": "Taal:",
+    "mockApi": "Nep-API"
+  }
+}

package/dist/i18n/no.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 Utviklingsverktøy",
+  "aria": {
+    "openButton": "Åpne Utviklingsverktøy (Shift+`) eller dra for å flytte",
+    "collapseButton": "Skjul utviklingsverktøypanelet",
+    "resizeHandle": "Endre størrelse på verktøypanelet"
+  },
+  "controls": {
+    "heading": "Utviklingskontroller",
+    "screenset": "Skjermsett:",
+    "theme": "Tema:",
+    "language": "Språk:",
+    "mockApi": "Mock-API"
+  }
+}

package/dist/i18n/pl.json

@@ -0,0 +1,15 @@
+{
+  "title": "Narzędzia programistyczne HAI3",
+  "aria": {
+    "openButton": "Otwórz narzędzia programistyczne (Shift+`) lub przeciągnij, aby przenieść",
+    "collapseButton": "Zwiń panel narzędzi programistycznych",
+    "resizeHandle": "Zmień rozmiar panelu narzędzi"
+  },
+  "controls": {
+    "heading": "Kontrolki programistyczne",
+    "screenset": "Zestaw ekranów:",
+    "theme": "Motyw:",
+    "language": "Język:",
+    "mockApi": "Fikcyjne API"
+  }
+}

package/dist/i18n/pt.json

@@ -0,0 +1,15 @@
+{
+  "title": "Ferramentas de Desenvolvimento HAI3",
+  "aria": {
+    "openButton": "Abrir Ferramentas de Desenvolvimento (Shift+`) ou arrastar para mover",
+    "collapseButton": "Recolher painel de ferramentas de desenvolvimento",
+    "resizeHandle": "Redimensionar painel de ferramentas"
+  },
+  "controls": {
+    "heading": "Controles de Desenvolvimento",
+    "screenset": "Conjunto de Telas:",
+    "theme": "Tema:",
+    "language": "Idioma:",
+    "mockApi": "API Simulada"
+  }
+}

package/dist/i18n/ro.json

@@ -0,0 +1,15 @@
+{
+  "title": "Instrumente de Dezvoltare HAI3",
+  "aria": {
+    "openButton": "Deschide Instrumente de Dezvoltare (Shift+`) sau trage pentru a muta",
+    "collapseButton": "Restrânge panoul instrumentelor de dezvoltare",
+    "resizeHandle": "Redimensionează panoul instrumentelor"
+  },
+  "controls": {
+    "heading": "Controale de Dezvoltare",
+    "screenset": "Set de Ecrane:",
+    "theme": "Temă:",
+    "language": "Limbă:",
+    "mockApi": "API Simulat"
+  }
+}

package/dist/i18n/ru.json

@@ -0,0 +1,15 @@
+{
+  "title": "Инструменты разработки HAI3",
+  "aria": {
+    "openButton": "Открыть инструменты разработки (Shift+`) или перетащить для перемещения",
+    "collapseButton": "Свернуть панель инструментов разработки",
+    "resizeHandle": "Изменить размер панели инструментов"
+  },
+  "controls": {
+    "heading": "Элементы управления разработкой",
+    "screenset": "Набор экранов:",
+    "theme": "Тема:",
+    "language": "Язык:",
+    "mockApi": "Фиктивный API"
+  }
+}

package/dist/i18n/sv.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 Utvecklingsverktyg",
+  "aria": {
+    "openButton": "Öppna Utvecklingsverktyg (Shift+`) eller dra för att flytta",
+    "collapseButton": "Fäll ihop utvecklingsverktygspanelen",
+    "resizeHandle": "Ändra storlek på verktygspanelen"
+  },
+  "controls": {
+    "heading": "Utvecklingskontroller",
+    "screenset": "Skärmuppsättning:",
+    "theme": "Tema:",
+    "language": "Språk:",
+    "mockApi": "Mock-API"
+  }
+}

package/dist/i18n/sw.json

@@ -0,0 +1,15 @@
+{
+  "title": "Zana za Utengenezaji wa HAI3",
+  "aria": {
+    "openButton": "Fungua Zana za Utengenezaji (Shift+`) au buruta ili kuhamisha",
+    "collapseButton": "Kunja paneli ya zana za utengenezaji",
+    "resizeHandle": "Badilisha ukubwa wa paneli ya zana"
+  },
+  "controls": {
+    "heading": "Vidhibiti vya Maendeleo",
+    "screenset": "Seti ya Skrini:",
+    "theme": "Mandhari:",
+    "language": "Lugha:",
+    "mockApi": "API ya Majaribio"
+  }
+}

package/dist/i18n/ta.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 மேம்பாட்டு கருவிகள்",
+  "aria": {
+    "openButton": "மேம்பாட்டு கருவிகளைத் திற (Shift+`) அல்லது நகர்த்த இழுக்கவும்",
+    "collapseButton": "மேம்பாட்டு கருவிகள் பலகத்தை மடிக்கவும்",
+    "resizeHandle": "கருவிகள் பலகத்தின் அளவை மாற்றவும்"
+  },
+  "controls": {
+    "heading": "மேம்பாட்டு கட்டுப்பாடுகள்",
+    "screenset": "திரைத் தொகுப்பு:",
+    "theme": "தீம்:",
+    "language": "மொழி:",
+    "mockApi": "போலி API"
+  }
+}

package/dist/i18n/th.json

@@ -0,0 +1,15 @@
+{
+  "title": "เครื่องมือพัฒนา HAI3",
+  "aria": {
+    "openButton": "เปิดเครื่องมือพัฒนา (Shift+`) หรือลากเพื่อย้าย",
+    "collapseButton": "ยุบแผงเครื่องมือพัฒนา",
+    "resizeHandle": "ปรับขนาดแผงเครื่องมือ"
+  },
+  "controls": {
+    "heading": "ควบคุมการพัฒนา",
+    "screenset": "ชุดหน้าจอ:",
+    "theme": "ธีม:",
+    "language": "ภาษา:",
+    "mockApi": "API จำลอง"
+  }
+}

package/dist/i18n/tl.json

@@ -0,0 +1,15 @@
+{
+  "title": "Mga Kasangkapan sa Pag-develop ng HAI3",
+  "aria": {
+    "openButton": "Buksan ang Mga Kasangkapan sa Pag-develop (Shift+`) o i-drag upang ilipat",
+    "collapseButton": "I-collapse ang panel ng mga kasangkapan sa pag-develop",
+    "resizeHandle": "Baguhin ang laki ng panel ng mga kasangkapan"
+  },
+  "controls": {
+    "heading": "Mga Kontrol sa Pag-unlad",
+    "screenset": "Hanay ng Screen:",
+    "theme": "Tema:",
+    "language": "Wika:",
+    "mockApi": "Mock API"
+  }
+}

package/dist/i18n/tr.json

@@ -0,0 +1,15 @@
+{
+  "title": "HAI3 Geliştirici Araçları",
+  "aria": {
+    "openButton": "Geliştirici Araçlarını Aç (Shift+`) veya taşımak için sürükle",
+    "collapseButton": "Geliştirici araçları panelini daralt",
+    "resizeHandle": "Araç panelini yeniden boyutlandır"
+  },
+  "controls": {
+    "heading": "Geliştirme Kontrolleri",
+    "screenset": "Ekran Seti:",
+    "theme": "Tema:",
+    "language": "Dil:",
+    "mockApi": "Sahte API"
+  }
+}