feat: add debug overlay with localization support for multiple languages

zurdi15 · zurdi15 · commit eb1b47701391 · 2026-06-19T13:06:26.000Z
diff --git a/frontend/src/locales/bg_BG/settings.json b/frontend/src/locales/bg_BG/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "Добави ново изключение за",
   "add-folder-alias": "Добави псевдоним на папка",
   "add-folder-mapping": "Добави свързване на папка",
diff --git a/frontend/src/locales/cs_CZ/settings.json b/frontend/src/locales/cs_CZ/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "Přidat novou výjimku pro",
   "add-folder-alias": "Přidat alias složky",
   "add-folder-mapping": "Přidat mapování složky",
diff --git a/frontend/src/locales/de_DE/settings.json b/frontend/src/locales/de_DE/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "Neuen Ausschluss hinzufügen für",
   "add-folder-alias": "Ordner-Alias hinzufügen",
   "add-folder-mapping": "Ordnerzuordnung hinzufügen",
diff --git a/frontend/src/locales/en_GB/settings.json b/frontend/src/locales/en_GB/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "Add a new exclusion for",
   "add-folder-alias": "Add folder alias",
   "add-folder-mapping": "Add folder mapping",
diff --git a/frontend/src/locales/en_US/settings.json b/frontend/src/locales/en_US/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "Add a new exclusion for",
   "add-folder-alias": "Add folder alias",
   "add-folder-mapping": "Add folder mapping",
diff --git a/frontend/src/locales/es_ES/settings.json b/frontend/src/locales/es_ES/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Desarrollador",
+  "debug-overlay": "Capa de depuración",
+  "debug-overlay-desc": "Muestra una capa de depuración (abajo a la derecha) con información en vivo del breakpoint, viewport, modalidad de entrada, tema, ruta, mando y rendimiento.",
   "add-exclusion-for": "Agregar nueva exclusión para",
   "add-folder-alias": "Añadir alias de carpeta",
   "add-folder-mapping": "Añadir mapeo de carpeta",
diff --git a/frontend/src/locales/fr_FR/settings.json b/frontend/src/locales/fr_FR/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "Ajouter une nouvelle exclusion pour",
   "add-folder-alias": "Ajouter un alias de dossier",
   "add-folder-mapping": "Ajouter un mappage de dossier",
diff --git a/frontend/src/locales/hu_HU/settings.json b/frontend/src/locales/hu_HU/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "Új kizárás hozzáadása:",
   "add-folder-alias": "Mappa alias hozzáadása",
   "add-folder-mapping": "Mappa leképezés hozzáadása",
diff --git a/frontend/src/locales/it_IT/settings.json b/frontend/src/locales/it_IT/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "Aggiungi nuova esclusione per",
   "add-folder-alias": "Aggiungi alias cartella",
   "add-folder-mapping": "Aggiungi mapping cartella",
diff --git a/frontend/src/locales/ja_JP/settings.json b/frontend/src/locales/ja_JP/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "新しい除外を追加:",
   "add-folder-alias": "フォルダエイリアスを追加",
   "add-folder-mapping": "フォルダーマッピングを追加",
diff --git a/frontend/src/locales/ko_KR/settings.json b/frontend/src/locales/ko_KR/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "다음에 대한 새 제외 추가:",
   "add-folder-alias": "폴더 별칭 추가",
   "add-folder-mapping": "폴더 매핑 추가",
diff --git a/frontend/src/locales/pl_PL/settings.json b/frontend/src/locales/pl_PL/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "Dodaj nowe wykluczenie dla",
   "add-folder-alias": "Dodaj alias folderu",
   "add-folder-mapping": "Dodaj mapowanie folderu",
diff --git a/frontend/src/locales/pt_BR/settings.json b/frontend/src/locales/pt_BR/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "Adicionar nova exclusão para",
   "add-folder-alias": "Adicionar alias de pasta",
   "add-folder-mapping": "Adicionar mapeamento de pasta",
diff --git a/frontend/src/locales/ro_RO/settings.json b/frontend/src/locales/ro_RO/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "Adăugați excludere nouă pentru",
   "add-folder-alias": "Adaugă alias dosar",
   "add-folder-mapping": "Adaugă mapare dosar",
diff --git a/frontend/src/locales/ru_RU/settings.json b/frontend/src/locales/ru_RU/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "Добавить новое исключение для",
   "add-folder-alias": "Добавить псевдоним папки",
   "add-folder-mapping": "Добавить сопоставление папки",
diff --git a/frontend/src/locales/zh_CN/settings.json b/frontend/src/locales/zh_CN/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "为以下项添加新排除:",
   "add-folder-alias": "添加文件夹别名",
   "add-folder-mapping": "添加文件夹映射",
diff --git a/frontend/src/locales/zh_TW/settings.json b/frontend/src/locales/zh_TW/settings.json
@@ -1,4 +1,7 @@
 {
+  "developer": "Developer",
+  "debug-overlay": "Debug overlay",
+  "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",
   "add-exclusion-for": "為以下項新增排除:",
   "add-folder-alias": "新增資料夾別名",
   "add-folder-mapping": "新增資料夾對應",
diff --git a/frontend/src/v2/components/AppShell/BreakpointBadge.vue b/frontend/src/v2/components/AppShell/BreakpointBadge.vue
diff --git a/frontend/src/v2/components/AppShell/DebugOverlay.vue b/frontend/src/v2/components/AppShell/DebugOverlay.vue
diff --git a/frontend/src/v2/composables/useDebugMode/index.ts b/frontend/src/v2/composables/useDebugMode/index.ts
diff --git a/frontend/src/v2/layouts/AppLayout.vue b/frontend/src/v2/layouts/AppLayout.vue
diff --git a/frontend/src/v2/views/Settings/UserInterface.vue b/frontend/src/v2/views/Settings/UserInterface.vue

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,7 @@`
`1`	`1`	`{`
	`2`	`+ "developer": "Developer",`
	`3`	`+ "debug-overlay": "Debug overlay",`
	`4`	`+ "debug-overlay-desc": "Show a developer overlay (bottom-right) with live breakpoint, viewport, input modality, theme, route, gamepad and performance info.",`
`2`	`5`	`"add-exclusion-for": "Добави ново изключение за",`
`3`	`6`	`"add-folder-alias": "Добави псевдоним на папка",`
`4`	`7`	`"add-folder-mapping": "Добави свързване на папка",`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,7 @@`
`1`	`1`	`{`
	`2`	`+ "developer": "Desarrollador",`
	`3`	`+ "debug-overlay": "Capa de depuración",`
	`4`	`+ "debug-overlay-desc": "Muestra una capa de depuración (abajo a la derecha) con información en vivo del breakpoint, viewport, modalidad de entrada, tema, ruta, mando y rendimiento.",`
`2`	`5`	`"add-exclusion-for": "Agregar nueva exclusión para",`
`3`	`6`	`"add-folder-alias": "Añadir alias de carpeta",`
`4`	`7`	`"add-folder-mapping": "Añadir mapeo de carpeta",`