From 46dae20fa30a2535dcd26b310c665a48f908fba7 Mon Sep 17 00:00:00 2001
From: Till JS <tills95@gmail.com>
Date: Fri, 3 Apr 2026 21:39:31 +0200
Subject: [PATCH] feat(manacore/web): localize app names with i18n (5
 languages)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add `apps` locale namespace (de/en/fr/it/es) with localized display
names for all 29 app modules. Workbench card titles, app picker, and
overlay headers now resolve names via $_('apps.{id}') with fallback
to AppDescriptor.name.

Key renames (de): Todo→Aufgaben, Habits→Routinen, Notes→Notizen,
Finance→Finanzen, Places→Orte, Mukke→Musik, Context→Dokumente,
Times→Zeiten, Cards→Karten, Picture→Bilder, Photos→Fotos,
Storage→Ablage, Questions→Recherche, CityCorners→Stadtführer,
Calc→Rechner.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../lib/components/workbench/AppPage.svelte   | 13 ++++++--
 .../components/workbench/AppPagePicker.svelte |  8 ++++-
 apps/manacore/apps/web/src/lib/i18n/index.ts  |  3 ++
 .../web/src/lib/i18n/locales/apps/de.json     | 31 +++++++++++++++++++
 .../web/src/lib/i18n/locales/apps/en.json     | 31 +++++++++++++++++++
 .../web/src/lib/i18n/locales/apps/es.json     | 31 +++++++++++++++++++
 .../web/src/lib/i18n/locales/apps/fr.json     | 31 +++++++++++++++++++
 .../web/src/lib/i18n/locales/apps/it.json     | 31 +++++++++++++++++++
 .../apps/web/src/routes/(app)/+page.svelte    |  7 ++++-
 9 files changed, 182 insertions(+), 4 deletions(-)
 create mode 100644 apps/manacore/apps/web/src/lib/i18n/locales/apps/de.json
 create mode 100644 apps/manacore/apps/web/src/lib/i18n/locales/apps/en.json
 create mode 100644 apps/manacore/apps/web/src/lib/i18n/locales/apps/es.json
 create mode 100644 apps/manacore/apps/web/src/lib/i18n/locales/apps/fr.json
 create mode 100644 apps/manacore/apps/web/src/lib/i18n/locales/apps/it.json

diff --git a/apps/manacore/apps/web/src/lib/components/workbench/AppPage.svelte b/apps/manacore/apps/web/src/lib/components/workbench/AppPage.svelte
index dd99ed57b..1ff963cc2 100644
--- a/apps/manacore/apps/web/src/lib/components/workbench/AppPage.svelte
+++ b/apps/manacore/apps/web/src/lib/components/workbench/AppPage.svelte
@@ -5,6 +5,7 @@
 -->
 <script lang="ts">
 	import { X, CaretUp, CaretDown, ArrowLeft, SpinnerGap } from '@manacore/shared-icons';
+	import { _ } from 'svelte-i18n';
 	import { PageShell } from '$lib/components/page-carousel';
 	import { getApp, getAppByDragType, canDrop, executeDrop } from '$lib/app-registry';
 	import type { Component } from 'svelte';
@@ -40,7 +41,11 @@
 	}: Props = $props();
 
 	let app = $derived(getApp(appId));
-	let appName = $derived(app?.name ?? appId);
+	let appName = $derived.by(() => {
+		const key = `apps.${appId}`;
+		const translated = $_(key);
+		return translated !== key ? translated : (app?.name ?? appId);
+	});
 	let appColor = $derived(app?.color ?? '#6B7280');
 
 	// ── Cross-module drop target ────────────────────────────
@@ -152,7 +157,11 @@
 						params: { [targetAppDesc.paramKey!]: targetId },
 						component: mod.default,
 						overlayColor: targetAppDesc.color,
-						overlayTitle: targetAppDesc.name,
+						overlayTitle: (() => {
+							const k = `apps.${targetApp}`;
+							const t = $_(k);
+							return t !== k ? t : targetAppDesc.name;
+						})(),
 					},
 				];
 			});
diff --git a/apps/manacore/apps/web/src/lib/components/workbench/AppPagePicker.svelte b/apps/manacore/apps/web/src/lib/components/workbench/AppPagePicker.svelte
index 349a1b734..f7b388710 100644
--- a/apps/manacore/apps/web/src/lib/components/workbench/AppPagePicker.svelte
+++ b/apps/manacore/apps/web/src/lib/components/workbench/AppPagePicker.svelte
@@ -6,6 +6,12 @@
 	import { X } from '@manacore/shared-icons';
 	import { getAllApps } from '$lib/app-registry';
 
+	function appName(id: string, fallback: string): string {
+		const key = `apps.${id}`;
+		const translated = $_(key);
+		return translated !== key ? translated : fallback;
+	}
+
 	interface Props {
 		onSelect: (appId: string) => void;
 		onClose: () => void;
@@ -27,7 +33,7 @@
 			{#if i > 0}<div class="divider"></div>{/if}
 			<button class="app-option" onclick={() => onSelect(app.id)}>
 				<div class="app-dot" style="background-color: {app.color}"></div>
-				<span class="app-name">{app.name}</span>
+				<span class="app-name">{appName(app.id, app.name)}</span>
 			</button>
 		{/each}
 
diff --git a/apps/manacore/apps/web/src/lib/i18n/index.ts b/apps/manacore/apps/web/src/lib/i18n/index.ts
index 0913ce76d..36f3c8cec 100644
--- a/apps/manacore/apps/web/src/lib/i18n/index.ts
+++ b/apps/manacore/apps/web/src/lib/i18n/index.ts
@@ -16,6 +16,7 @@ const defaultLocale = 'de';
 function registerLocale(lang: SupportedLocale) {
 	register(lang, async () => {
 		const [
+			apps,
 			common,
 			nav,
 			dashboard,
@@ -49,6 +50,7 @@ function registerLocale(lang: SupportedLocale) {
 			guides,
 			help,
 		] = await Promise.all([
+			import(`./locales/apps/${lang}.json`),
 			import(`./locales/common/${lang}.json`),
 			import(`./locales/nav/${lang}.json`),
 			import(`./locales/dashboard/${lang}.json`),
@@ -84,6 +86,7 @@ function registerLocale(lang: SupportedLocale) {
 		]);
 
 		return {
+			apps: apps.default,
 			common: common.default,
 			nav: nav.default,
 			dashboard: dashboard.default,
diff --git a/apps/manacore/apps/web/src/lib/i18n/locales/apps/de.json b/apps/manacore/apps/web/src/lib/i18n/locales/apps/de.json
new file mode 100644
index 000000000..a7cd158fc
--- /dev/null
+++ b/apps/manacore/apps/web/src/lib/i18n/locales/apps/de.json
@@ -0,0 +1,31 @@
+{
+	"todo": "Aufgaben",
+	"calendar": "Kalender",
+	"contacts": "Kontakte",
+	"habits": "Routinen",
+	"notes": "Notizen",
+	"finance": "Finanzen",
+	"places": "Orte",
+	"chat": "Chat",
+	"context": "Dokumente",
+	"times": "Zeiten",
+	"zitare": "Zitare",
+	"cards": "Karten",
+	"picture": "Bilder",
+	"mukke": "Musik",
+	"photos": "Fotos",
+	"storage": "Ablage",
+	"nutriphi": "NutriPhi",
+	"planta": "Planta",
+	"presi": "Presi",
+	"inventar": "Inventar",
+	"memoro": "Memoro",
+	"questions": "Recherche",
+	"skilltree": "Skills",
+	"moodlit": "Moodlit",
+	"citycorners": "Stadtführer",
+	"uload": "uLoad",
+	"calc": "Rechner",
+	"automations": "Automationen",
+	"playground": "Playground"
+}
diff --git a/apps/manacore/apps/web/src/lib/i18n/locales/apps/en.json b/apps/manacore/apps/web/src/lib/i18n/locales/apps/en.json
new file mode 100644
index 000000000..79786e652
--- /dev/null
+++ b/apps/manacore/apps/web/src/lib/i18n/locales/apps/en.json
@@ -0,0 +1,31 @@
+{
+	"todo": "Tasks",
+	"calendar": "Calendar",
+	"contacts": "Contacts",
+	"habits": "Routines",
+	"notes": "Notes",
+	"finance": "Finance",
+	"places": "Places",
+	"chat": "Chat",
+	"context": "Documents",
+	"times": "Times",
+	"zitare": "Zitare",
+	"cards": "Cards",
+	"picture": "Pictures",
+	"mukke": "Music",
+	"photos": "Photos",
+	"storage": "Storage",
+	"nutriphi": "NutriPhi",
+	"planta": "Planta",
+	"presi": "Presi",
+	"inventar": "Inventory",
+	"memoro": "Memoro",
+	"questions": "Research",
+	"skilltree": "Skills",
+	"moodlit": "Moodlit",
+	"citycorners": "City Guide",
+	"uload": "uLoad",
+	"calc": "Calculator",
+	"automations": "Automations",
+	"playground": "Playground"
+}
diff --git a/apps/manacore/apps/web/src/lib/i18n/locales/apps/es.json b/apps/manacore/apps/web/src/lib/i18n/locales/apps/es.json
new file mode 100644
index 000000000..c95bebd2d
--- /dev/null
+++ b/apps/manacore/apps/web/src/lib/i18n/locales/apps/es.json
@@ -0,0 +1,31 @@
+{
+	"todo": "Tareas",
+	"calendar": "Calendario",
+	"contacts": "Contactos",
+	"habits": "Rutinas",
+	"notes": "Notas",
+	"finance": "Finanzas",
+	"places": "Lugares",
+	"chat": "Chat",
+	"context": "Documentos",
+	"times": "Tiempos",
+	"zitare": "Zitare",
+	"cards": "Tarjetas",
+	"picture": "Imágenes",
+	"mukke": "Música",
+	"photos": "Fotos",
+	"storage": "Almacén",
+	"nutriphi": "NutriPhi",
+	"planta": "Planta",
+	"presi": "Presi",
+	"inventar": "Inventario",
+	"memoro": "Memoro",
+	"questions": "Investigación",
+	"skilltree": "Skills",
+	"moodlit": "Moodlit",
+	"citycorners": "Guía urbana",
+	"uload": "uLoad",
+	"calc": "Calculadora",
+	"automations": "Automatizaciones",
+	"playground": "Playground"
+}
diff --git a/apps/manacore/apps/web/src/lib/i18n/locales/apps/fr.json b/apps/manacore/apps/web/src/lib/i18n/locales/apps/fr.json
new file mode 100644
index 000000000..3498f03d0
--- /dev/null
+++ b/apps/manacore/apps/web/src/lib/i18n/locales/apps/fr.json
@@ -0,0 +1,31 @@
+{
+	"todo": "Tâches",
+	"calendar": "Calendrier",
+	"contacts": "Contacts",
+	"habits": "Routines",
+	"notes": "Notes",
+	"finance": "Finances",
+	"places": "Lieux",
+	"chat": "Chat",
+	"context": "Documents",
+	"times": "Temps",
+	"zitare": "Zitare",
+	"cards": "Cartes",
+	"picture": "Images",
+	"mukke": "Musique",
+	"photos": "Photos",
+	"storage": "Stockage",
+	"nutriphi": "NutriPhi",
+	"planta": "Planta",
+	"presi": "Presi",
+	"inventar": "Inventaire",
+	"memoro": "Memoro",
+	"questions": "Recherche",
+	"skilltree": "Skills",
+	"moodlit": "Moodlit",
+	"citycorners": "Guide urbain",
+	"uload": "uLoad",
+	"calc": "Calculatrice",
+	"automations": "Automations",
+	"playground": "Playground"
+}
diff --git a/apps/manacore/apps/web/src/lib/i18n/locales/apps/it.json b/apps/manacore/apps/web/src/lib/i18n/locales/apps/it.json
new file mode 100644
index 000000000..36b5c61a2
--- /dev/null
+++ b/apps/manacore/apps/web/src/lib/i18n/locales/apps/it.json
@@ -0,0 +1,31 @@
+{
+	"todo": "Attività",
+	"calendar": "Calendario",
+	"contacts": "Contatti",
+	"habits": "Routine",
+	"notes": "Note",
+	"finance": "Finanze",
+	"places": "Luoghi",
+	"chat": "Chat",
+	"context": "Documenti",
+	"times": "Tempi",
+	"zitare": "Zitare",
+	"cards": "Schede",
+	"picture": "Immagini",
+	"mukke": "Musica",
+	"photos": "Foto",
+	"storage": "Archivio",
+	"nutriphi": "NutriPhi",
+	"planta": "Planta",
+	"presi": "Presi",
+	"inventar": "Inventario",
+	"memoro": "Memoro",
+	"questions": "Ricerca",
+	"skilltree": "Skills",
+	"moodlit": "Moodlit",
+	"citycorners": "Guida città",
+	"uload": "uLoad",
+	"calc": "Calcolatrice",
+	"automations": "Automazioni",
+	"playground": "Playground"
+}
diff --git a/apps/manacore/apps/web/src/routes/(app)/+page.svelte b/apps/manacore/apps/web/src/routes/(app)/+page.svelte
index 1bb6e92af..373513d57 100644
--- a/apps/manacore/apps/web/src/routes/(app)/+page.svelte
+++ b/apps/manacore/apps/web/src/routes/(app)/+page.svelte
@@ -8,6 +8,7 @@
 	import { DragPreview } from '@manacore/shared-ui/dnd';
 	import type { DragType } from '@manacore/shared-ui/dnd';
 	import { ContextMenu } from '@manacore/shared-ui';
+	import { _ } from 'svelte-i18n';
 	import { buildContextMenuItems, createWorkbenchContextMenu } from '$lib/context-menu';
 
 	function resolveEntity(type: string, data: Record<string, unknown>) {
@@ -101,7 +102,11 @@
 				maximized: a.maximized,
 				widthPx: a.widthPx ?? DEFAULT_WIDTH,
 				heightPx: a.heightPx,
-				title: entry?.name ?? a.appId,
+				title: (() => {
+					const k = `apps.${a.appId}`;
+					const t = $_(k);
+					return t !== k ? t : (entry?.name ?? a.appId);
+				})(),
 				color: entry?.color ?? '#6B7280',
 			};
 		})