diff --git a/apps/mana/apps/web/src/lib/components/settings/AiSettings.svelte b/apps/mana/apps/web/src/lib/components/settings/AiSettings.svelte index 232e81c72..91c5c4647 100644 --- a/apps/mana/apps/web/src/lib/components/settings/AiSettings.svelte +++ b/apps/mana/apps/web/src/lib/components/settings/AiSettings.svelte @@ -7,6 +7,7 @@ * means for privacy + speed + cost. The cloud tier is gated behind * an additional consent step the first time it's enabled. */ + import { _ } from 'svelte-i18n'; import { llmSettingsState, updateLlmSettings, tierLabel, type LlmTier } from '@mana/shared-llm'; import { isLocalLlmSupported, @@ -62,53 +63,53 @@ warning?: string; }; - const tierCards: TierCard[] = [ + const tierCards = $derived([ { tier: 'browser', icon: Cpu, - title: 'Auf deinem Gerät', - subtitle: 'Gemma 4 E2B (Google) im Browser', + title: $_('settings.ai.tier_browser_title'), + subtitle: $_('settings.ai.tier_browser_subtitle'), bullets: [ - '100% lokal — Daten verlassen dein Gerät nicht', - '~500 MB einmaliger Download', - 'Braucht WebGPU + 2 GB freien GPU-Speicher', + $_('settings.ai.tier_browser_bullet_1'), + $_('settings.ai.tier_browser_bullet_2'), + $_('settings.ai.tier_browser_bullet_3'), ], }, { tier: 'mana-server', icon: HardDrive, - title: 'Mana-Server', - subtitle: 'Selbst-gehostet auf unserem Mac Mini', + title: $_('settings.ai.tier_mana_server_title'), + subtitle: $_('settings.ai.tier_mana_server_subtitle'), bullets: [ - 'Schneller und stärker als Browser-LLM', - 'Daten laufen verschlüsselt zu unserem Server', - 'Keine Inhalte werden gespeichert', + $_('settings.ai.tier_mana_server_bullet_1'), + $_('settings.ai.tier_mana_server_bullet_2'), + $_('settings.ai.tier_mana_server_bullet_3'), ], }, { tier: 'byok', icon: Key, - title: 'Eigener API-Key', - subtitle: 'OpenAI, Anthropic, Google Gemini oder Mistral', + title: $_('settings.ai.tier_byok_title'), + subtitle: $_('settings.ai.tier_byok_subtitle'), bullets: [ - 'Direkt aus dem Browser — keine Mana-Server-Zwischenstation', - 'Du zahlst beim Provider, wir sehen nichts davon', - 'Schlüssel werden verschlüsselt in deinem Vault gespeichert', + $_('settings.ai.tier_byok_bullet_1'), + $_('settings.ai.tier_byok_bullet_2'), + $_('settings.ai.tier_byok_bullet_3'), ], }, { tier: 'cloud', icon: Cloud, - title: 'Google Gemini', - subtitle: 'Cloud-API über unseren Server-Proxy', + title: $_('settings.ai.tier_cloud_title'), + subtitle: $_('settings.ai.tier_cloud_subtitle'), bullets: [ - 'Stärkste Qualität für komplexe Aufgaben', - 'Schnellste Antworten', - 'Daten werden von Google verarbeitet', + $_('settings.ai.tier_cloud_bullet_1'), + $_('settings.ai.tier_cloud_bullet_2'), + $_('settings.ai.tier_cloud_bullet_3'), ], - warning: 'Nur empfehlenswert für nicht-sensitive Inhalte', + warning: $_('settings.ai.tier_cloud_warning'), }, - ]; + ]); function isEnabled(tier: LlmTier): boolean { return settings.allowedTiers.includes(tier); @@ -125,15 +126,11 @@
- Lokal (ohne KI) - immer aktiv + {$_('settings.ai.tier_local_title')} + {$_('settings.ai.tier_local_badge')}
-

Basis-Funktionen ohne jede KI

-

- Mana funktioniert auch ganz ohne KI: Datum-Erkennung, Suche und einfache Klassifikation - laufen über klassische Algorithmen. Manche Funktionen sind dann begrenzt, dafür ist alles - 100% offline und kostet nichts. -

+

{$_('settings.ai.tier_local_subtitle')}

+

{$_('settings.ai.tier_local_description')}

@@ -157,7 +154,7 @@
{card.title} {#if enabled} - aktiv + {$_('settings.ai.badge_active')} {/if}

{card.subtitle}

@@ -176,12 +173,15 @@ {#if card.tier === 'browser' && enabled && webgpuSupported}
{#if browserCacheReady} - ✓ Modell geladen + {$_('settings.ai.tier_browser_loaded')} {:else if localLlmStatus.current.state === 'downloading'} - Lade {defaultModelInfo.displayName} ({( - localLlmStatus.current.progress * 100 - ).toFixed(0)}%)… + {$_('settings.ai.tier_browser_loading', { + values: { + name: defaultModelInfo.displayName, + percent: (localLlmStatus.current.progress * 100).toFixed(0), + }, + })} {:else} @@ -195,8 +195,10 @@ class="action-btn" > {loadingBrowser - ? 'Lade…' - : `Modell laden (~${defaultModelInfo.downloadSizeMb} MB)`} + ? $_('settings.ai.tier_browser_load_btn_loading') + : $_('settings.ai.tier_browser_load_btn', { + values: { size: defaultModelInfo.downloadSizeMb }, + })} {/if}
@@ -204,8 +206,7 @@ {#if card.tier === 'browser' && tierBlocked}

- WebGPU nicht verfügbar in deinem Browser. Funktioniert in Chrome/Edge 113+ oder Safari - 18+. + {$_('settings.ai.tier_browser_blocked')}

{/if} @@ -227,11 +228,8 @@ onkeydown={(e) => e.stopPropagation()} role="presentation" > -

Bestätigung erforderlich

-

- Cloud-Anfragen senden deine Inhalte an Google. Bitte bestätige, dass du das - verstanden hast und akzeptierst. -

+

{$_('settings.ai.tier_cloud_consent_title')}

+

{$_('settings.ai.tier_cloud_consent_desc')}

{/if} @@ -253,7 +251,7 @@ onkeydown={(e) => e.stopPropagation()} role="presentation" > - ✓ Cloud-Zustimmung erteilt + {$_('settings.ai.tier_cloud_consent_ok')} {/if} @@ -274,12 +272,14 @@
- Aktuelle Reihenfolge: + {$_('settings.ai.summary_label')} {#if settings.allowedTiers.length === 0} - Nur lokal (ohne KI) — die meisten KI-Funktionen sind begrenzt. + {$_('settings.ai.summary_local_only')} {:else} - {settings.allowedTiers.map((t) => tierLabel(t)).join(' → ')} → Lokal (Fallback) + {settings.allowedTiers.map((t) => tierLabel(t)).join(' → ')} → {$_( + 'settings.ai.summary_chain_local_fallback' + )} {/if}
@@ -288,18 +288,15 @@
-

Bei Fehler auf „Lokal" zurückfallen

-

- Wenn die gewählte KI-Schicht eine Anfrage nicht beantworten kann, versucht Mana es mit der - lokalen Variante (sofern verfügbar). Aus: zeigt stattdessen einen Fehler an. -

+

{$_('settings.ai.fallback_title')}

+

{$_('settings.ai.fallback_description')}

@@ -307,19 +304,15 @@
-

Quelle bei jedem KI-Resultat anzeigen

-

- Zeigt unter jeder KI-generierten Antwort eine kleine Markierung wie „Auf deinem Gerät" - oder „via Google Gemini" — damit du immer siehst, wo deine Daten gerade verarbeitet - wurden. -

+

{$_('settings.ai.show_source_title')}

+

{$_('settings.ai.show_source_description')}

diff --git a/apps/mana/apps/web/src/lib/components/settings/ByokKeysManager.svelte b/apps/mana/apps/web/src/lib/components/settings/ByokKeysManager.svelte index 0ab2d7856..ac324afc2 100644 --- a/apps/mana/apps/web/src/lib/components/settings/ByokKeysManager.svelte +++ b/apps/mana/apps/web/src/lib/components/settings/ByokKeysManager.svelte @@ -3,6 +3,7 @@ --> -