@agent-native/core 0.77.2 → 0.77.4

package/docs/content/locales/de-DE/template-dispatch.md

@@ -12,7 +12,7 @@ Dispatch ist die **Arbeitsbereich-Steuerungsebene**. Wo andere Vorlagen Domänen
 ```an-wireframe
 {
   "surface": "desktop",
-  "html": "<div style='display:flex;flex-direction:column;gap:14px;padding:18px;min-height:520px;box-sizing:border-box'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'>Dispatch</h1><span class='wf-pill accent'>Overview</span><span class='wf-pill'>Inbox</span><span class='wf-pill'>Secrets</span><span class='wf-pill'>Approvals</span><div style='flex:1'></div><button>Schedules</button></div><div class='wf-card' style='display:flex;flex-direction:column;gap:10px'><strong>What should we do next?</strong><div class='wf-box'>Ask Analytics for this week's signups and draft a Slack update.</div><button class='primary'>Delegate</button></div><div style='display:grid;grid-template-columns:repeat(3,1fr);gap:10px'><div class='wf-card'><strong>Mail</strong><br/><small>/mail</small></div><div class='wf-card'><strong>Calendar</strong><br/><small>/calendar</small></div><div class='wf-card'><strong>Analytics</strong><br/><small>/analytics</small></div><div class='wf-card'><strong>Slides</strong><br/><small>/slides</small></div><div class='wf-card'><strong>Forms</strong><br/><small>/forms</small></div><div class='wf-card'><strong>Create app</strong><br/><small>+</small></div></div><div class='wf-card' style='display:grid;grid-template-columns:repeat(3,1fr);gap:8px'><div class='wf-box'>Slack DM needs reply</div><div class='wf-box'>A2A task completed</div><div class='wf-box'>Approval required</div></div></div>"
+  "html": "<div style='display:flex;flex-direction:column;gap:14px;padding:18px;min-height:520px;box-sizing:border-box'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'>Dispatch</h1><span class='wf-pill accent'>Overview</span><span class='wf-pill'>Inbox</span><span class='wf-pill'>Secrets</span><span class='wf-pill'>Approvals</span><div style='flex:1'></div><button>Schedules</button></div><div class='wf-card' style='display:flex;flex-direction:column;gap:10px'><strong>Was sollen wir als Nächstes tun?</strong><div class='wf-box'>Frag Analytics nach den Anmeldungen dieser Woche und entwirf ein Slack-Update.</div><button class='primary'>Delegate</button></div><div style='display:grid;grid-template-columns:repeat(3,1fr);gap:10px'><div class='wf-card'><strong>Mail</strong><br/><small>/mail</small></div><div class='wf-card'><strong>Calendar</strong><br/><small>/calendar</small></div><div class='wf-card'><strong>Analytics</strong><br/><small>/analytics</small></div><div class='wf-card'><strong>Slides</strong><br/><small>/slides</small></div><div class='wf-card'><strong>Forms</strong><br/><small>/forms</small></div><div class='wf-card'><strong>App erstellen</strong><br/><small>+</small></div></div><div class='wf-card' style='display:grid;grid-template-columns:repeat(3,1fr);gap:8px'><div class='wf-box'>Slack-DM needs reply</div><div class='wf-box'>A2A-Aufgabe abgeschlossen</div><div class='wf-box'>Genehmigung erforderlich</div></div></div>"
 }
 ```
 
@@ -20,14 +20,14 @@ Wenn Sie einen [multi-app workspace](/docs/multi-app-workspace) mit vielen Apps
 
 ```an-diagram title="Orchestrieren, nicht spezialisieren" summary="Nachrichten von jedem Kanal landen in einem Posteingang; Der Orchestrator selektiert und delegiert die Domänenarbeit über A2A an die richtige Spezial-App – Geheimnisse, Ressourcen und Genehmigungen bleiben im Mittelpunkt."
 {
-  "html": "<div class=\"diagram-dispatch\"><div class=\"diagram-col\"><div class=\"diagram-node\">Slack · Telegram</div><div class=\"diagram-node\">Email</div><div class=\"diagram-node\">A2A requests</div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\" data-rough><span class=\"diagram-pill accent\">Orchestrator</span><small class=\"diagram-muted\">central inbox · triage · route</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-col\"><div class=\"diagram-node\">Mail agent</div><div class=\"diagram-node\">Analytics agent</div><div class=\"diagram-node\">Brain · Slides &hellip;</div></div></div><div class=\"diagram-shared\"><span class=\"diagram-pill\">Secrets vault</span><span class=\"diagram-pill\">Workspace resources</span><span class=\"diagram-pill warn\">Approvals</span><span class=\"diagram-pill\">Scheduled jobs</span></div>",
+  "html": "<div class=\"diagram-dispatch\"><div class=\"diagram-col\"><div class=\"diagram-node\">Slack · Telegram</div><div class=\"diagram-node\">Email</div><div class=\"diagram-node\">A2A-Anfragen</div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\" data-rough><span class=\"diagram-pill accent\">Orchestrator</span><small class=\"diagram-muted\">zentraler Eingang · Triage · Routing</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-col\"><div class=\"diagram-node\">Mail-Agent</div><div class=\"diagram-node\">Analytics-Agent</div><div class=\"diagram-node\">Brain · Slides &hellip;</div></div></div><div class=\"diagram-shared\"><span class=\"diagram-pill\">Secret-Tresor</span><span class=\"diagram-pill\">Workspace-Ressourcen</span><span class=\"diagram-pill warn\">Approvals</span><span class=\"diagram-pill\">Geplante Jobs</span></div>",
   "css": ".diagram-dispatch{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-dispatch .diagram-col{display:flex;flex-direction:column;gap:8px}.diagram-dispatch .diagram-box{display:flex;flex-direction:column;gap:4px}.diagram-dispatch .diagram-arrow{font-size:20px;line-height:1}.diagram-shared{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}"
 }
 ```
 
 ## Was es tut {#what-it-does}
 
-- **Zentraler Posteingang.** Slack DMs, Telegram-Nachrichten, E-Mail-Benachrichtigungen, A2A Anfragen von anderen Agenten – alles landet an einem Ort. Der Dispatch-Agent führt eine Triage durch und erledigt sie entweder selbst oder delegiert sie. Unter [Messaging](/docs/messaging) erfahren Sie, wie Sie Slack, E-Mail und Telegram in Ihren Arbeitsbereich integrieren.
+- **Zentraler Posteingang.** Slack-DMs, Telegram-Nachrichten, E-Mail-Benachrichtigungen, A2A Anfragen von anderen Agenten – alles landet an einem Ort. Der Dispatch-Agent führt eine Triage durch und erledigt sie entweder selbst oder delegiert sie. Unter [Messaging](/docs/messaging) erfahren Sie, wie Sie Slack, E-Mail und Telegram in Ihren Arbeitsbereich integrieren.
 - **Orchestrator, kein Spezialist.** Dispatch versucht _nicht_, die E-Mail-App oder die Analyse-App zu sein. Wenn jemand fragt: „Anmeldungen der letzten Woche zusammenfassen“, ruft Dispatch den Analyseagenten über A2A an und gibt die Antwort zurück. Wenn jemand fragt: „Entwerfen Sie eine Antwort an Alice“, ruft Dispatch den E-Mail-Agenten an.
 - **Steuerungsebenen-Shell.** Chats, Projekte, Ausführungen, Workspace-Apps, Agenten und Automatisierungen leben in einer einzigen operativen Shell, mit Status-First-Listen und Drilldowns anstelle von einmaligen Dashboards.
 - **Secrets Vault.** Ein zentraler Speicher für API-Schlüssel, OAuth-Tokens und gemeinsame Anmeldeinformationen. Apps im Arbeitsbereich lösen Geheimnisse aus Dispatch auf, anstatt sie in jedem `.env` zu duplizieren. Anfragen + Genehmigungen für vertraulichen Zugriff.
@@ -76,7 +76,7 @@ Tag für Tag ist Dispatch der Ort, an dem Administratoren und Betriebsmitarbeite
 - **Traumvorschläge überprüfen.** Dispatch Dreams prüft frühere Agentenläufe und erstellt quellengestützte Vorschläge dafür, was sich der Arbeitsbereich merken sollte, welche veralteten Notizen bereinigt werden sollten und welche wiederholten Lektionen zu skills oder Jobs werden sollten.
 - **Genehmigen Sie ausgehende actions, bevor sie ausgelöst werden.** Das Senden von Geld, das Versenden von Massen-E-Mails an Kunden oder das Posten in einem öffentlichen Slack-Kanal kann hinter einem Administrator-OK geschützt werden.
 - **Sehen Sie, wer Zugriff auf was hat.** Gewährungen pro App, Anforderungswarteschlange und ein Prüfprotokoll darüber, wer wann welches Geheimnis verwendet hat.
-- **Nachrichten an den richtigen Spezialisten weiterleiten.** Eine Slack DM über Analysen geht an den Analyseagenten; Eine über E-Mail geht an den Postagenten – Versandauswahl.
+- **Nachrichten an den richtigen Spezialisten weiterleiten.** Eine Slack-DM über Analysen geht an den Analyseagenten; Eine über E-Mail geht an den Postagenten – Versandauswahl.
 
 ## Architektur auf einen Blick {#architecture}
 
@@ -88,10 +88,10 @@ _Wie es unter der Haube funktioniert (für Entwickler)._
 - **Slack / Telegram-Plugins.** Server-Plugins, die webhooks registrieren und eingehende Nachrichten an den Orchestrator-Agenten weiterleiten.
 - **Workspace MCP-Ressourcen.** Fügen Sie HTTP MCP-Serverdefinitionen unter `mcp-servers/*.json` in „Ressourcen“ hinzu und beschränken Sie sie dann auf „Alle Apps“ oder „Ausgewählte App-Zuweisungen“, genau wie „skills“ und „Kontext“.
 
-```an-schema title="Secrets vault schema" summary="Secrets are stored once; grants give a named app access; requests + reviews gate sensitive access; the audit log records who used which secret when. Defined in @agent-native/dispatch (packages/dispatch/src/db/schema.ts)."
+```an-schema title="Secrets-Tresorschema" summary="Secrets are stored once; grants give a named app access; requests + reviews gate sensitive access; the audit log records who used which secret when. Defined in @agent-native/dispatch (packages/dispatch/src/db/schema.ts)."
 {
   "entities": [
-    { "id": "secrets", "name": "vault_secrets", "note": "Stored credential values", "fields": [
+    { "id": "secrets", "name": "vault_secrets", "note": "Gespeicherte Anmeldedatenwerte", "fields": [
       { "name": "id", "type": "text", "pk": true },
       { "name": "owner_email", "type": "text" },
       { "name": "org_id", "type": "text", "nullable": true },
@@ -100,14 +100,14 @@ _Wie es unter der Haube funktioniert (für Entwickler)._
       { "name": "value", "type": "text", "note": "secret value" },
       { "name": "provider", "type": "text", "nullable": true }
     ] },
-    { "id": "grants", "name": "vault_grants", "note": "Per-app access grant", "fields": [
+    { "id": "grants", "name": "vault_grants", "note": "Zugriffsgewährung pro App", "fields": [
       { "name": "id", "type": "text", "pk": true },
       { "name": "secret_id", "type": "text", "fk": "vault_secrets.id" },
       { "name": "app_id", "type": "text" },
       { "name": "granted_by", "type": "text" },
       { "name": "status", "type": "text" }
     ] },
-    { "id": "requests", "name": "vault_requests", "note": "Access request + review", "fields": [
+    { "id": "requests", "name": "vault_requests", "note": "Zugriffsanfrage + Überprüfung", "fields": [
       { "name": "id", "type": "text", "pk": true },
       { "name": "credential_key", "type": "text" },
       { "name": "app_id", "type": "text" },
@@ -115,7 +115,7 @@ _Wie es unter der Haube funktioniert (für Entwickler)._
       { "name": "status", "type": "text" },
       { "name": "reviewed_by", "type": "text", "nullable": true }
     ] },
-    { "id": "audit", "name": "vault_audit_log", "note": "Who used which secret when", "fields": [
+    { "id": "audit", "name": "vault_audit_log", "note": "Wer hat welches Geheimnis wann genutzt?", "fields": [
       { "name": "id", "type": "text", "pk": true },
       { "name": "secret_id", "type": "text", "fk": "vault_secrets.id", "nullable": true },
       { "name": "app_id", "type": "text", "nullable": true },
@@ -171,7 +171,7 @@ pnpm action create-dream-report --allSources true --sourceTimeoutMs 30000 --limi
 
 ```bash
 npx @agent-native/core@latest create my-platform
-# pick "Dispatch" in the multi-select picker, plus whichever domain apps you want
+# Wählen Sie „Dispatch“ in der Mehrfachauswahlauswahl sowie die gewünschten Domain-Apps aus
 ```
 
 Wenn Sie die Vorlage lieber direkt benennen möchten, anstatt die Auswahl zu verwenden:
@@ -196,11 +196,11 @@ pnpm dev
 
 Öffnen Sie den vom Entwicklungsserver gedruckten Dispatch URL. Die lokale Entwicklung verwendet denselben Better Auth-Anmeldeablauf wie die Produktion. Erstellen Sie ein lokales Konto mit E-Mail + Passwort; Die E-Mail-Verifizierung wird in der Entwicklung übersprungen und das Passwort wird nur in Ihrer lokalen App-Datenbank gespeichert. Im Standardgerüst wird keine Authentifizierungsumgehung unterstützt, da der Agent, die Arbeitsbereichsressourcen, der Tresor und das Freigabemodell alle auf einer echten Benutzersitzung basieren.
 
-Sie können nach der Anmeldung durch den Dispatch UI klicken. Um den Chat-Composer zu verwenden oder Agentenaufgaben auszuführen, verbinden Sie zunächst einen LLM-Anbieter:
+Sie können nach der Anmeldung durch den Dispatch UI klicken. Um den Chat-Verfassenr zu verwenden oder Agentenaufgaben auszuführen, verbinden Sie zunächst einen LLM-Anbieter:
 
 1. Öffnen Sie **Einstellungen**.
 2. In **LLM** verbinden Sie entweder Builder.io oder fügen Sie Ihren eigenen Anbieterschlüssel hinzu, z. B. `ANTHROPIC_API_KEY`.
-3. Kehren Sie zur **Übersicht** zurück und probieren Sie den Composer aus.
+3. Kehren Sie zur **Übersicht** zurück und probieren Sie den Verfassenr aus.
 
 ## Anpassen {#customize}
 

package/docs/content/locales/de-DE/template-forms.md

@@ -10,7 +10,7 @@ Forms ist ein agentennativer Formularersteller. Beschreiben Sie das gewünschte
 ```an-wireframe
 {
   "surface": "desktop",
-  "html": "<div style='display:flex;flex-direction:column;min-height:520px;box-sizing:border-box'><div style='display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1.4px solid var(--wf-line)'><strong>Beta-Anmeldung</strong><span class='wf-pill accent'>published</span><div style='flex:1'></div><button>Teilen</button><button class='primary'>Veröffentlichung aufheben</button></div><div style='display:flex;gap:8px;padding:12px 16px;border-bottom:1.4px solid var(--wf-line)'><span class='wf-pill accent'>Bearbeiten</span><span class='wf-pill'>Ergebnisse 187</span><span class='wf-pill'>Einstellungen</span><span class='wf-pill'>Integrationen</span></div><div style='display:flex;flex-direction:column;gap:12px;padding:30px 78px;overflow:hidden'><h2 style='margin:0'>Beta-Anmeldung</h2><p class='wf-muted' style='margin:0'>Reserve a spot in the upcoming private beta cohort.</p><div class='wf-card'><strong>Vollständiger Name</strong><input value='Ada Lovelace'/></div><div class='wf-card'><strong>Arbeits-E-Mail</strong><input value='you@company.com'/></div><div class='wf-card'><strong>Ihre Rolle</strong><input value='Select...'/></div><div class='wf-card'><strong>Teamgröße</strong><input value='Select...'/></div></div></div>"
+  "html": "<div style='display:flex;flex-direction:column;min-height:520px;box-sizing:border-box'><div style='display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1.4px solid var(--wf-line)'><strong>Beta-Anmeldung</strong><span class='wf-pill accent'>published</span><div style='flex:1'></div><button>Teilen</button><button class='primary'>Veröffentlichung aufheben</button></div><div style='display:flex;gap:8px;padding:12px 16px;border-bottom:1.4px solid var(--wf-line)'><span class='wf-pill accent'>Bearbeiten</span><span class='wf-pill'>Ergebnisse 187</span><span class='wf-pill'>Einstellungen</span><span class='wf-pill'>Integrationen</span></div><div style='display:flex;flex-direction:column;gap:12px;padding:30px 78px;overflow:hidden'><h2 style='margin:0'>Beta-Anmeldung</h2><p class='wf-muted' style='margin:0'>Reserviere einen Platz in der kommenden privaten Beta.</p><div class='wf-card'><strong>Vollständiger Name</strong><input value='Ada Lovelace'/></div><div class='wf-card'><strong>Arbeits-E-Mail</strong><input value='you@company.com'/></div><div class='wf-card'><strong>Ihre Rolle</strong><input value='Select...'/></div><div class='wf-card'><strong>Teamgröße</strong><input value='Select...'/></div></div></div>"
 }
 ```
 
@@ -18,7 +18,7 @@ Wenn Sie die App öffnen, sehen Sie Ihre Formulare, den aktuellen Editor und ein
 
 ```an-diagram title="Erstellen, veröffentlichen, sammeln" summary="Der Agent und der visuelle Editor bearbeiten eine SQL-backed-Formulardefinition. Die öffentliche Ausfüllseite ist nicht authentifiziert und Übermittlungen werden serverseitig an Ihre Ziele weitergeleitet."
 {
-  "html": "<div class=\"diagram-flow\"><div class=\"diagram-col\"><div class=\"diagram-node\">Agent prompt<br><small class=\"diagram-muted\">\"add an NPS question\"</small></div><div class=\"diagram-node\">Visual editor<br><small class=\"diagram-muted\">labels, validation, order</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\"><span class=\"diagram-pill accent\">create-form · update-form</span><small class=\"diagram-muted\">fields JSON, settings JSON</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\">forms table<br><small class=\"diagram-muted\">SQL via Drizzle</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-col\"><div class=\"diagram-box\">Public fill page<br><small class=\"diagram-muted\">unauthenticated</small></div><div class=\"diagram-box\">responses<br><small class=\"diagram-muted\">+ Slack / webhook / Sheets</small></div></div></div>",
+  "html": "<div class=\"diagram-flow\"><div class=\"diagram-col\"><div class=\"diagram-node\">Agentenprompt<br><small class=\"diagram-muted\">\"add an NPS question\"</small></div><div class=\"diagram-node\">Visueller Editor<br><small class=\"diagram-muted\">Labels, Validierung, Reihenfolge</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\"><span class=\"diagram-pill accent\">create-form · update-form</span><small class=\"diagram-muted\">Felder-JSON, Einstellungs-JSON</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\">forms table<br><small class=\"diagram-muted\">SQL über Drizzle</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-col\"><div class=\"diagram-box\">Öffentliche Ausfüllseite<br><small class=\"diagram-muted\">unauthenticated</small></div><div class=\"diagram-box\">responses<br><small class=\"diagram-muted\">+ Slack / Webhook / Sheets</small></div></div></div>",
   "css": ".diagram-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-flow .diagram-col{display:flex;flex-direction:column;gap:10px}.diagram-flow .diagram-arrow{font-size:22px;line-height:1}.diagram-flow .center{display:flex;flex-direction:column;align-items:center;gap:4px}"
 }
 ```
@@ -94,7 +94,7 @@ Alle Daten leben in SQL über Drizzle ORM. Schema: `templates/forms/server/db/sc
 
 Die Formen `fields` und `settings` JSON sind in `templates/forms/shared/types.ts` (`FormField`, `FormSettings`) definiert. Besitzerprivate Einstellungen wie Integrations-Webhooks URLs und zulässige Ursprünge werden entfernt, bevor Daten über `toPublicFormSettings` die öffentliche Füllseite erreichen.
 
-```an-schema title="Forms data model" summary="Three tables. Fields and integrations are JSON columns on forms, so the agent's edits are surgical patches rather than cross-table row changes."
+```an-schema title="Forms Datenmodell" summary="Drei Tische. Felder und Integrationen sind JSON-Spalten in Formularen, sodass es sich bei den Bearbeitungen des Agenten eher um chirurgische Korrekturen als um tabellenübergreifende Zeilenänderungen handelt."
 {
   "entities": [
     {
@@ -106,9 +106,9 @@ Die Formen `fields` und `settings` JSON sind in `templates/forms/shared/types.ts
         { "name": "title", "type": "string" },
         { "name": "description", "type": "string", "nullable": true },
         { "name": "slug", "type": "string", "note": "unique; public URL" },
-        { "name": "fields", "type": "json", "note": "FormField[] — all field types" },
-        { "name": "settings", "type": "json", "note": "FormSettings — integrations, etc." },
-        { "name": "status", "type": "enum", "note": "draft | published | closed" },
+        { "name": "fields", "type": "json", "note": "FormField[] – alle Feldtypen" },
+        { "name": "settings", "type": "json", "note": "FormSettings – Integrationen usw." },
+        { "name": "status", "type": "enum", "note": "Entwurf | veröffentlicht | geschlossen" },
         { "name": "deleted_at", "type": "datetime", "nullable": true, "note": "soft delete" },
         { "name": "owner_email", "type": "string" },
         { "name": "org_id", "type": "id", "nullable": true }
@@ -117,7 +117,7 @@ Die Formen `fields` und `settings` JSON sind in `templates/forms/shared/types.ts
     {
       "id": "responses",
       "name": "responses",
-      "note": "One submission per row",
+      "note": "Eine Einreichung pro Zeile",
       "fields": [
         { "name": "id", "type": "id", "pk": true },
         { "name": "form_id", "type": "id", "fk": "forms.id" },
@@ -130,12 +130,12 @@ Die Formen `fields` und `settings` JSON sind in `templates/forms/shared/types.ts
     {
       "id": "form_shares",
       "name": "form_shares",
-      "note": "Framework shares table — principals to roles per form",
+      "note": "Framework-Anteilstabelle – Prinzipale zu Rollen pro Formular",
       "fields": [
         { "name": "id", "type": "id", "pk": true },
         { "name": "form_id", "type": "id", "fk": "forms.id" },
         { "name": "principal", "type": "string", "note": "user or org" },
-        { "name": "role", "type": "enum", "note": "viewer | editor | admin" }
+        { "name": "role", "type": "enum", "note": "Zuschauer | Herausgeber | Administrator" }
       ]
     }
   ],

package/docs/content/locales/de-DE/template-mail.md

@@ -10,7 +10,7 @@ Ein agentengesteuerter E-Mail-Client. Verknüpfen Sie Ihr Gmail-Konto und der Ag
 ```an-wireframe
 {
   "surface": "desktop",
-  "html": "<div style='display:flex;flex-direction:column;min-height:500px;box-sizing:border-box'><div style='display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1.4px solid var(--wf-line)'><strong>Inbox 16</strong><div style='flex:1'></div><span data-icon='search' aria-label='Search'></span><span data-icon='edit' aria-label='Compose'></span><span data-icon='bell' aria-label='Notify'></span></div><div style='display:flex;flex-direction:column;padding:8px 14px;gap:6px'><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><strong>Priya Mehta</strong><span><strong>Q3 launch</strong> — final assets ready for review</span><span>★</span></div><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><strong>Acme Billing</strong><span>Your monthly invoice is ready</span><span>11:10 AM</span></div><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><span>Marcus Tang</span><span>Onboarding flow research findings</span><span>Yesterday</span></div><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><span>GitHub</span><span>[framework] PR ready for review</span><span>Yesterday</span></div><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><span>Linear</span><span>Issue ENG-1287 assigned to you</span><span>May 2</span></div><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><span>Stripe</span><span>Weekly payments summary</span><span>Apr 29</span></div><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><span>Calendly</span><span>New booking confirmed</span><span>Apr 28</span></div></div></div>"
+  "html": "<div style='display:flex;flex-direction:column;min-height:500px;box-sizing:border-box'><div style='display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1.4px solid var(--wf-line)'><strong>Posteingang 16</strong><div style='flex:1'></div><span data-icon='search' aria-label='Suchen'></span><span data-icon='edit' aria-label='Verfassen'></span><span data-icon='bell' aria-label='Benachrichtigen'></span></div><div style='display:flex;flex-direction:column;padding:8px 14px;gap:6px'><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><strong>Paula Meier</strong><span><strong>Q3-Launch</strong> — finale Assets bereit zur Prüfung</span><span>★</span></div><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><strong>Acme-Abrechnung</strong><span>Deine Monatsrechnung ist bereit</span><span>11:10 AM</span></div><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><span>Martin Tang</span><span>Onboarding-Ablauf research findings</span><span>Gestern</span></div><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><span>GitHub</span><span>[framework] PR bereit zur Prüfung</span><span>Gestern</span></div><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><span>Linear</span><span>Issue ENG-1287 dir zugewiesen</span><span>2. Mai</span></div><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><span>Stripe</span><span>Wöchentliche Zahlungsübersicht</span><span>29. Apr.</span></div><div class='wf-box' style='display:grid;grid-template-columns:155px 1fr auto;gap:12px;align-items:center'><span>Calendly</span><span>Neue Buchung bestätigt</span><span>28. Apr.</span></div></div></div>"
 }
 ```
 
@@ -156,13 +156,13 @@ Wenn ein Google-Konto verbunden ist, werden E-Mails in Gmail gespeichert – die
 
 E-Mails, die durch API fließen, haben die Form `{ id, threadId, from, to, cc, subject, snippet, body, date, isRead, isStarred, isArchived, isTrashed, labelIds, accountEmail, attachments }`.
 
-```an-schema title="Mail SQL tables" summary="Email itself lives in Gmail. The SQL tables hold what Gmail doesn't: queued drafts, send-tracking events, and OAuth tokens. Settings and ephemeral state live in the settings and application_state stores."
+```an-schema title="Mail SQL Tabellen" summary="E-Mail selbst lebt in Gmail. Die SQL-Tabellen enthalten, was Gmail nicht enthält: Entwürfe in der Warteschlange, Sendeverfolgungsereignisse und OAuth-Tokens. Einstellungen und kurzlebiger Status sind in den Speichern „settings“ und „application_state“ gespeichert."
 {
   "entities": [
     {
       "id": "queued_email_drafts",
       "name": "queued_email_drafts",
-      "note": "Teammate/Slack-requested drafts awaiting owner review",
+      "note": "Teammate/Slack-requested-Entwürfe warten auf die Überprüfung durch den Eigentümer",
       "fields": [
         { "name": "id", "type": "id", "pk": true },
         { "name": "assignedTo", "type": "string", "note": "org member who reviews/sends" },
@@ -174,7 +174,7 @@ E-Mails, die durch API fließen, haben die Form `{ id, threadId, from, to, cc, s
     {
       "id": "email_tracking",
       "name": "email_tracking",
-      "note": "Open-pixel events for sent messages",
+      "note": "Open-Pixel-Ereignisse für gesendete Nachrichten",
       "fields": [
         { "name": "id", "type": "id", "pk": true },
         { "name": "messageId", "type": "string" },
@@ -184,7 +184,7 @@ E-Mails, die durch API fließen, haben die Form `{ id, threadId, from, to, cc, s
     {
       "id": "email_link_tracking",
       "name": "email_link_tracking",
-      "note": "Link-click events for sent messages",
+      "note": "Link-Klick-Ereignisse für gesendete Nachrichten",
       "fields": [
         { "name": "id", "type": "id", "pk": true },
         { "name": "messageId", "type": "string", "fk": "email_tracking.messageId" },
@@ -195,7 +195,7 @@ E-Mails, die durch API fließen, haben die Form `{ id, threadId, from, to, cc, s
     {
       "id": "oauth_tokens",
       "name": "oauth_tokens",
-      "note": "Framework table — one row per connected Google account",
+      "note": "Rahmentabelle – eine Zeile pro verbundenem Google-Konto",
       "fields": [
         { "name": "id", "type": "id", "pk": true },
         { "name": "provider", "type": "string", "note": "\"google\"" },

package/docs/content/locales/de-DE/template-plan.md

@@ -395,14 +395,14 @@ Schema befindet sich in `templates/plan/server/db/schema.ts`. Kerntabellen:
 | `plan_guest_mints` | Ratenbegrenzungsdatensätze für die Ausstellung von Gastsitzungen                                                                                                                                                            |
 | `plan_assets`      | Inline-Bild-Assets werden als Base64 gespeichert (Fallback, wenn kein Upload-Anbieter vorhanden ist)                                                                                                                        |
 
-```an-schema title="Plan data model" summary="One plan row owns ordered sections plus comments, events, versions, shares, and inline assets."
+```an-schema title="Plan Datenmodell" summary="Eine Planzeile enthält geordnete Abschnitte sowie Kommentare, Ereignisse, Versionen, Freigaben und Inline-Assets."
 {
   "entities": [
     { "id": "plans", "name": "plans", "note": "each plan or recap", "fields": [
       { "name": "id", "type": "text", "pk": true },
       { "name": "title", "type": "text" },
       { "name": "brief", "type": "text", "nullable": true },
-      { "name": "kind", "type": "enum", "note": "plan | recap" },
+      { "name": "kind", "type": "enum", "note": "planen | rekapitulieren" },
       { "name": "status", "type": "text" },
       { "name": "source", "type": "text", "nullable": true },
       { "name": "hosted_plan_id", "type": "text", "nullable": true, "note": "hosted_plan_url paired" },
@@ -441,7 +441,7 @@ Schema befindet sich in `templates/plan/server/db/schema.ts`. Kerntabellen:
     { "id": "plan_shares", "name": "plan_shares", "note": "per-principal grants", "fields": [
       { "name": "id", "type": "text", "pk": true },
       { "name": "plan_id", "type": "text", "fk": "plans.id" },
-      { "name": "role", "type": "enum", "note": "viewer | editor | admin" }
+      { "name": "role", "type": "enum", "note": "Zuschauer | Herausgeber | Administrator" }
     ] },
     { "id": "plan_guest_mints", "name": "plan_guest_mints", "note": "rate-limit records for guest session issuance", "fields": [
       { "name": "id", "type": "text", "pk": true }

package/docs/content/locales/de-DE/template-slides.md

@@ -10,7 +10,7 @@ Generieren Sie vollständige Präsentationsdecks aus einer Eingabeaufforderung,
 ```an-wireframe
 {
   "surface": "desktop",
-  "html": "<div style='display:flex;flex-direction:column;gap:12px;padding:16px;min-height:530px;box-sizing:border-box'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'>Q3 Board Update</h1><span class='wf-pill accent'>Title slide</span><div style='flex:1'></div><button>Preview</button><button>Present</button><button class='primary'>Teilen</button></div><main style='display:grid;grid-template-columns:1fr 220px;gap:12px;flex:1;min-height:0'><section class='wf-card' style='display:flex;align-items:center;justify-content:center;text-align:center;padding:36px'><div><strong style='font-size:28px'>Q3 Board Update</strong><br/><small>Maya Chen · CEO</small><div style='height:46px'></div><span class='wf-pill'>Product momentum</span></div></section><section style='display:flex;flex-direction:column;gap:10px'><div class='wf-card'><strong>Slide outline</strong><div class='wf-box'>1 Title</div><div class='wf-box'>2 Agenda</div><div class='wf-box'>3 Metrics</div><div class='wf-box'>4 Shipped</div></div><div class='wf-card' style='flex:1'><strong>Speaker notes</strong><p class='wf-muted' style='margin:8px 0 0'>Open with launch progress and retention story.</p></div></section></main><div style='display:grid;grid-template-columns:repeat(5,1fr);gap:8px'><div class='wf-box'>1 Title</div><div class='wf-box'>2 Agenda</div><div class='wf-box'>3 Metrics</div><div class='wf-box'>4 Shipped</div><div class='wf-box'>5 Risks</div></div></div>"
+  "html": "<div style='display:flex;flex-direction:column;gap:12px;padding:16px;min-height:530px;box-sizing:border-box'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'>Q3-Update für den Vorstand</h1><span class='wf-pill accent'>Titelfolie</span><div style='flex:1'></div><button>Preview</button><button>Present</button><button class='primary'>Teilen</button></div><main style='display:grid;grid-template-columns:1fr 220px;gap:12px;flex:1;min-height:0'><section class='wf-card' style='display:flex;align-items:center;justify-content:center;text-align:center;padding:36px'><div><strong style='font-size:28px'>Q3-Update für den Vorstand</strong><br/><small>Maya Chen · Geschäftsführerin</small><div style='height:46px'></div><span class='wf-pill'>Produktdynamik</span></div></section><section style='display:flex;flex-direction:column;gap:10px'><div class='wf-card'><strong>Foliengliederung</strong><div class='wf-box'>1 Titel</div><div class='wf-box'>2 Tagesordnung</div><div class='wf-box'>3 Metriken</div><div class='wf-box'>4 Ausgeliefert</div></div><div class='wf-card' style='flex:1'><strong>Sprechernotizen</strong><p class='wf-muted' style='margin:8px 0 0'>Mit Launch-Fortschritt und Retention-Story beginnen.</p></div></section></main><div style='display:grid;grid-template-columns:repeat(5,1fr);gap:8px'><div class='wf-box'>1 Titel</div><div class='wf-box'>2 Tagesordnung</div><div class='wf-box'>3 Metriken</div><div class='wf-box'>4 Ausgeliefert</div><div class='wf-box'>5 Risiken</div></div></div>"
 }
 ```
 
@@ -111,7 +111,7 @@ Der Agent kann über den Einbettungszaun des Frameworks eine Live-Folienvorschau
 
 Alle Deckdaten befinden sich in SQL über Drizzle ORM. Schema: `templates/slides/server/db/schema.ts`.
 
-```an-schema title="Slides data model" summary="A deck owns its slides as JSON in decks.data; comments, versions, shares, and design systems hang off it."
+```an-schema title="Slides-Datenmodell" summary="Ein Deck besitzt seine Folien als JSON in decks.data; Kommentare, Versionen, Freigaben und Designsysteme hängen daran."
 {
   "entities": [
     {
@@ -132,8 +132,8 @@ Alle Deckdaten befinden sich in SQL über Drizzle ORM. Schema: `templates/slides
       "fields": [
         { "name": "id", "type": "text", "pk": true },
         { "name": "deck_id", "type": "text", "fk": "decks.id" },
-        { "name": "slide_id", "type": "text", "note": "Slide the comment lives on" },
-        { "name": "thread_id", "type": "text", "note": "Threading" },
+        { "name": "slide_id", "type": "text", "note": "Slide, der Kommentar lebt weiter" },
+        { "name": "thread_id", "type": "text", "note": "Einfädeln" },
         { "name": "parent_id", "type": "text", "nullable": true },
         { "name": "content", "type": "text" },
         { "name": "quoted_text", "type": "text", "nullable": true },
@@ -145,11 +145,11 @@ Alle Deckdaten befinden sich in SQL über Drizzle ORM. Schema: `templates/slides
     {
       "id": "deck_versions",
       "name": "deck_versions",
-      "note": "Point-in-time snapshots for restore",
+      "note": "Point-in-Time-Snapshots für die Wiederherstellung",
       "fields": [
         { "name": "deck_id", "type": "text", "fk": "decks.id" },
         { "name": "title", "type": "text" },
-        { "name": "data", "type": "text", "note": "Full deck JSON" },
+        { "name": "data", "type": "text", "note": "Volles Deck JSON" },
         { "name": "change_label", "type": "text", "nullable": true }
       ]
     },
@@ -167,11 +167,11 @@ Alle Deckdaten befinden sich in SQL über Drizzle ORM. Schema: `templates/slides
     {
       "id": "deck_share_links",
       "name": "deck_share_links",
-      "note": "Persisted public share-link snapshots",
+      "note": "Persistente öffentliche Freigabe-Link-Snapshots",
       "fields": [
         { "name": "token", "type": "text", "pk": true },
         { "name": "title", "type": "text" },
-        { "name": "slides", "type": "text", "note": "JSON slides snapshot" },
+        { "name": "slides", "type": "text", "note": "JSON Folien-Schnappschuss" },
         { "name": "aspect_ratio", "type": "text", "nullable": true },
         { "name": "created_at", "type": "text" }
       ]

package/docs/content/locales/de-DE/template-videos.md

@@ -10,7 +10,7 @@ Ein programmatisches Videostudio für die Art von Bewegungsgrafiken, Produktdemo
 ```an-wireframe
 {
   "surface": "desktop",
-  "html": "<div style='display:flex;flex-direction:column;gap:12px;padding:16px;min-height:530px;box-sizing:border-box'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'>Logo reveal</h1><span class='wf-pill accent'>6 seconds</span><div style='flex:1'></div><button>Preview</button><button class='primary'>Render</button></div><div class='wf-card' style='flex:1;display:flex;align-items:center;justify-content:center;min-height:250px'><div style='text-align:center'><strong>Remotion preview</strong><br/><small class='wf-muted'>logo scales in as the title fades</small></div></div><div class='wf-card' style='display:flex;flex-direction:column;gap:10px'><div style='display:flex;gap:8px;align-items:center'><span class='wf-pill'>0s</span><span class='wf-pill'>2s</span><span class='wf-pill'>4s</span><span class='wf-pill'>6s</span><div style='flex:1'></div><button>New track</button></div><div class='wf-box'>Title fade · 0-48 frames</div><div class='wf-box'>Logo scale · 48-120 frames</div><div class='wf-box'>Camera push · 72-144 frames</div></div></div>"
+  "html": "<div style='display:flex;flex-direction:column;gap:12px;padding:16px;min-height:530px;box-sizing:border-box'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'>Logo-Reveal</h1><span class='wf-pill accent'>6 seconds</span><div style='flex:1'></div><button>Preview</button><button class='primary'>Render</button></div><div class='wf-card' style='flex:1;display:flex;align-items:center;justify-content:center;min-height:250px'><div style='text-align:center'><strong>Remotion-Vorschau</strong><br/><small class='wf-muted'>logo scales in as the title fades</small></div></div><div class='wf-card' style='display:flex;flex-direction:column;gap:10px'><div style='display:flex;gap:8px;align-items:center'><span class='wf-pill'>0s</span><span class='wf-pill'>2s</span><span class='wf-pill'>4s</span><span class='wf-pill'>6s</span><div style='flex:1'></div><button>Neue Spur</button></div><div class='wf-box'>Titel einblenden · Frames 0-48</div><div class='wf-box'>Logo skalieren · Frames 48-120</div><div class='wf-box'>Kamerafahrt · Frames 72-144</div></div></div>"
 }
 ```
 
@@ -18,7 +18,7 @@ Wenn Sie das Studio öffnen, wird auf dem Startbildschirm eine Liste der Komposi
 
 ```an-diagram title="Animation als Daten" summary="Eine Komposition ist eine React-Komponente; Jede Animation liest von einer Spur, sodass der Agent und die Zeitleiste dieselben Daten bearbeiten."
 {
-  "html": "<div class=\"diagram-flow\"><div class=\"diagram-col\"><div class=\"diagram-node\">Timeline<br><small class=\"diagram-muted\">drag, resize, scrub</small></div><div class=\"diagram-node\">Agent<br><small class=\"diagram-muted\">\"fade in at 2s\"</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\"><span class=\"diagram-pill accent\">AnimationTrack</span><small class=\"diagram-muted\">startFrame / easing / animatedProps</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\" data-rough>React composition<br><small class=\"diagram-muted\">Remotion &lt;Player&gt;</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\">MP4 / WebM</div></div>",
+  "html": "<div class=\"diagram-flow\"><div class=\"diagram-col\"><div class=\"diagram-node\">Timeline<br><small class=\"diagram-muted\">ziehen, Größe ändern, scrubben</small></div><div class=\"diagram-node\">Agent<br><small class=\"diagram-muted\">\"fade in at 2s\"</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\"><span class=\"diagram-pill accent\">AnimationTrack</span><small class=\"diagram-muted\">startFrame / easing / animatedProps</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\" data-rough>React-Komposition<br><small class=\"diagram-muted\">Remotion &lt;Player&gt;</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\">MP4 / WebM</div></div>",
   "css": ".diagram-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-flow .diagram-col{display:flex;flex-direction:column;gap:10px}.diagram-flow .center{display:flex;flex-direction:column;align-items:center;gap:4px}.diagram-flow .diagram-arrow{font-size:22px;line-height:1}"
 }
 ```
@@ -93,13 +93,13 @@ pnpm dev
 
 Der Agent weiß immer, welche Komposition Sie geöffnet haben. Der Navigationsstatus (`{ view, compositionId }`) wird in die Tabelle `application_state` des Frameworks geschrieben und die Aktion `view-screen` gibt ihn plus einen Hinweis zurück, der auf `app/remotion/registry.ts` zeigt. Sie müssen dem Agenten nicht sagen, auf welcher Komposition Sie sich befinden – bitten Sie ihn, auf „diese“ zu reagieren, und er wird es tun.
 
-Unter der Haube nennt der Agent actions wie `navigate`, `save-composition` und `generate-animated-component`. Von SQL unterstützte Kompositionsdatensätze werden über `save-composition` erstellt oder aktualisiert. Code-gestützte Remotion-Komponenten sind weiterhin in `app/remotion/compositions/*.tsx` verfügbar und in `app/remotion/registry.ts` registriert.
+Unter der Haube nennt der Agentenaktionen wie `navigate`, `save-composition` und `generate-animated-component`. Von SQL unterstützte Kompositionsdatensätze werden über `save-composition` erstellt oder aktualisiert. Code-gestützte Remotion-Komponenten sind weiterhin in `app/remotion/compositions/*.tsx` verfügbar und in `app/remotion/registry.ts` registriert.
 
 ### Datenmodell
 
 Serverseitiges Schema befindet sich in `templates/videos/server/db/schema.ts`:
 
-```an-schema title="Video data model" summary="SQL-backed compositions plus design systems and nestable folders, each with a framework shares table."
+```an-schema title="Videodatenmodell" summary="Von SQL unterstützte Kompositionen sowie Designsysteme und verschachtelbare Ordner, jeweils mit einer Framework-Shares-Tabelle."
 {
   "entities": [
     {
@@ -110,7 +110,7 @@ Serverseitiges Schema befindet sich in `templates/videos/server/db/schema.ts`:
         { "name": "id", "type": "text", "pk": true },
         { "name": "title", "type": "text" },
         { "name": "type", "type": "text" },
-        { "name": "data", "type": "text", "note": "Full composition JSON blob" },
+        { "name": "data", "type": "text", "note": "Vollständige Komposition JSON Blob" },
         { "name": "created_at", "type": "text" },
         { "name": "updated_at", "type": "text" }
       ]
@@ -138,7 +138,7 @@ Serverseitiges Schema befindet sich in `templates/videos/server/db/schema.ts`:
     {
       "id": "folder_memberships",
       "name": "folder_memberships",
-      "note": "Many-to-many join",
+      "note": "Viele-zu-viele schließen sich an",
       "fields": [
         { "name": "folder_id", "type": "text", "fk": "folders.id" },
         { "name": "composition_id", "type": "text", "fk": "compositions.id" }

package/docs/content/locales/de-DE/tracking.md

@@ -21,7 +21,7 @@ track(
 
 ```an-diagram title="Ein track()-Aufruf, jeder Anbieter" summary="Server- und Client-Anrufer treffen auf dasselbe Register, wodurch jedes Ereignis parallel an alle aktiven Anbieter weitergeleitet wird."
 {
-  "html": "<div class=\"trk\"><div class=\"diagram-col\"><div class=\"diagram-node\">Server code<br><small class=\"diagram-muted\">actions &middot; plugins &middot; routes</small></div><div class=\"diagram-node\">Browser code<br><small class=\"diagram-muted\">POST /_agent-native/track</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\"><span class=\"diagram-pill accent\">Provider registry</span><small class=\"diagram-muted\">fan-out, fire-and-forget</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-col\"><div class=\"diagram-box\">PostHog</div><div class=\"diagram-box\">Mixpanel</div><div class=\"diagram-box\">Amplitude</div><div class=\"diagram-box\">Webhook</div></div></div>",
+  "html": "<div class=\"trk\"><div class=\"diagram-col\"><div class=\"diagram-node\">Servercode<br><small class=\"diagram-muted\">actions &middot; plugins &middot; routes</small></div><div class=\"diagram-node\">Browsercode<br><small class=\"diagram-muted\">POST /_agent-native/track</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\"><span class=\"diagram-pill accent\">Provider registry</span><small class=\"diagram-muted\">Fan-out, Fire-and-forget</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-col\"><div class=\"diagram-box\">PostHog</div><div class=\"diagram-box\">Mixpanel</div><div class=\"diagram-box\">Amplitude</div><div class=\"diagram-box\">Webhook</div></div></div>",
   "css": ".trk{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.trk .diagram-col{display:flex;flex-direction:column;gap:8px}.trk .diagram-arrow{font-size:22px;line-height:1}.trk .center{display:flex;flex-direction:column;align-items:center;gap:4px}"
 }
 ```
@@ -102,11 +102,11 @@ Track-Aufrufe sind „Fire-and-Forget“ – sie kehren sofort zurück und block
 
 `track()` funktioniert auch über Browser-/App-Code. Importieren Sie den Client-Zwilling aus `@agent-native/core/client` und rufen Sie ihn auf die gleiche Weise auf – er postet das Ereignis an die Framework-Route bei `POST /_agent-native/track`, die es an die **gleichen** registrierten serverseitigen Anbieter (PostHog, Mixpanel, Amplitude, Webhook) weiterleitet. Keine Analysen werden von SDK an den Browser gesendet und auf der Clientseite werden keine Anbieterschlüssel offengelegt.
 
-```an-api title="The client tracking route"
+```an-api title="Die Client-Tracking-Route"
 {
   "method": "POST",
   "path": "/_agent-native/track",
-  "summary": "Forward a browser event to the registered server-side providers",
+  "summary": "Leiten Sie ein Browserereignis an die registrierten serverseitigen Anbieter weiter",
   "auth": "Session required + same-origin/CSRF marker (set automatically by the client helper). Not an open analytics relay.",
   "params": [
     { "name": "name", "in": "body", "type": "string", "required": true, "description": "Event name. Capped at 200 characters." },

package/docs/content/locales/de-DE/using-your-agent.md

@@ -1,17 +1,17 @@
 ---
 title: "Mit Ihrem Agenten"
-description: "Die tägliche Arbeit mit dem Agenten: Er sieht, was Sie sehen, Sie steuern es, betten es ein, gehen auf UI-light und bearbeiten es gemeinsam."
+description: "Die tägliche Arbeit mit dem Agenten: Er sieht, was Sie sehen, Sie steuern es, betten es ein, gehen auf UI-arm und bearbeiten es gemeinsam."
 ---
 
 # Mit Ihrem Agenten
 
 Die entscheidende Idee hinter agent-native ist, dass der Agent und der UI **gleichberechtigte Partner** sind – siehe [What Is Agent-Native?](/docs/what-is-agent-native) für das Warum. In diesem Abschnitt geht es um die andere Hälfte dieses Versprechens: Wie es sich anfühlt, tatsächlich mit dem Agenten zu arbeiten, sobald er neben Ihrer App angedockt ist.
 
-Es gibt eine einfache Durchgangslinie. Der Agent **sieht**, was Sie gerade sehen, Sie **lenken** es auf das, was Sie möchten, Sie können es überall **einbetten**, Sie können vollständig **UI-light** verwenden, wenn das besser passt, und Sie können dieselben Dokumente gleichzeitig **mitbearbeiten**. Jede davon ist eine Seite in diesem Abschnitt.
+Es gibt eine einfache Durchgangslinie. Der Agent **sieht**, was Sie gerade sehen, Sie **lenken** es auf das, was Sie möchten, Sie können es überall **einbetten**, Sie können vollständig **UI-arm** verwenden, wenn das besser passt, und Sie können dieselben Dokumente gleichzeitig **mitbearbeiten**. Jede davon ist eine Seite in diesem Abschnitt.
 
 ```an-diagram title="Die alltägliche Schleife" summary="Fünf Möglichkeiten, mit einem angedockten Agenten zu arbeiten – jede davon ist eine Seite in diesem Abschnitt."
 {
-  "html": "<div class=\"diagram-loop\"><div class=\"diagram-card\"><strong>Sees</strong><small class=\"diagram-muted\">your view &amp; selection</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card\"><strong>Direct</strong><small class=\"diagram-muted\">@-mentions &amp; voice</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card\"><strong>Embed</strong><small class=\"diagram-muted\">drop into any app</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card\"><strong>UI-light</strong><small class=\"diagram-muted\">chat is the product</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card accent-card\"><span class=\"diagram-pill accent\">Co-edit</span><small class=\"diagram-muted\">live, side by side</small></div></div>",
+  "html": "<div class=\"diagram-loop\"><div class=\"diagram-card\"><strong>Sees</strong><small class=\"diagram-muted\">your view &amp; selection</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card\"><strong>Direct</strong><small class=\"diagram-muted\">@-mentions &amp; voice</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card\"><strong>Embed</strong><small class=\"diagram-muted\">drop into any app</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card\"><strong>UI-arm</strong><small class=\"diagram-muted\">chat is the product</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card accent-card\"><span class=\"diagram-pill accent\">Gemeinsam bearbeiten</span><small class=\"diagram-muted\">live, nebeneinander</small></div></div>",
   "css": ".diagram-loop{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.diagram-loop .diagram-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;min-width:130px;flex:1}.diagram-loop .diagram-arrow{align-self:center;font-size:22px;line-height:1}"
 }
 ```
@@ -40,7 +40,7 @@ Meistens steuern Sie den Agenten durch Eingaben in den Chat. Zwei Dinge machen d
 **Stimme.** Der Komponist hat ein Mikrofon. Diktieren Sie eine Anfrage, anstatt sie einzugeben. Die Anbieteroptionen reichen von der gehosteten Transkription von Builder über Bring-Your-Own-Key bis hin zu einem Browser-Fallback.
 
 → [**Agent Mentions**](/docs/agent-mentions) – `@` – benutzerdefinierte Agenten, verbundene Agenten und Dateien im Chat erwähnen.
-→ [**Voice Input**](/docs/voice-input) – Diktat im Chat Composer und wie die Transkription weitergeleitet wird.
+→ [**Voice Input**](/docs/voice-input) – Diktat im Chat Verfassenr und wie die Transkription weitergeleitet wird.
 
 ## Sie betten es ein {#you-embed-it}
 
@@ -49,7 +49,7 @@ Der Agent ist keine separate App, zu der Sie wechseln. Es wird als eine Handvoll
 → [**Drop-in Agent**](/docs/drop-in-agent) – Mounten Sie `<AgentPanel>`, `<AgentSidebar>` und `sendToAgentChat()` in jede React-App.
 → [**Agent Surfaces**](/docs/agent-surfaces) – Wählen Sie, ob der Workflow Headless, Chat-First, eingebettet oder eine vollständige App sein soll.
 
-## Sie können UI-light wählen {#ui-light}
+## Sie können UI-arm wählen {#ui-light}
 
 Nicht jede App benötigt ein vollständiges Dashboard. Wenn der Agent das Produkt ist, können Sie die meisten benutzerdefinierten UI überspringen: Öffnen Sie die App, fragen Sie nach, was Sie möchten, und lassen Sie den Agenten den Rest erledigen. Der Agent verfügt immer noch über seine Verwaltungsoberfläche – Verlauf, Arbeitsbereich, Einstellungen –, aber die primäre Interaktion besteht aus Gesprächen und nicht aus Klicks.
 
@@ -67,5 +67,5 @@ Wenn Sie und der Agent an demselben Dokument arbeiten, wechseln Sie sich nicht a
 - [**Agent Mentions**](/docs/agent-mentions) – leiten Sie es mit `@`-Erwähnungen
 - [**Voice Input**](/docs/voice-input) – steuern Sie es durch Sprechen
 - [**Drop-in Agent**](/docs/drop-in-agent) – in jede React-App einbetten
-- [**Pure-Agent Apps**](/docs/pure-agent-apps) – gehen Sie zu UI-light, wenn der Agent das Produkt ist
+- [**Pure-Agent Apps**](/docs/pure-agent-apps) – gehen Sie zu UI-arm, wenn der Agent das Produkt ist
 - [**Real-Time Collaboration**](/docs/real-time-collaboration) – gemeinsam dasselbe Dokument bearbeiten

package/docs/content/locales/de-DE/voice-input.md

@@ -1,11 +1,11 @@
 ---
 title: "Spracheingabe"
-description: "Sprachdiktat im Agent Chat Composer – Builder Gemini, BYOK-Anbieter und Browser-Web-Speech-Fallback."
+description: "Sprachdiktat im Agent Chat Verfassenr – Builder Gemini, BYOK-Anbieter und Browser-Web-Speech-Fallback."
 ---
 
 # Spracheingabe
 
-Jede agentennative App verfügt über ein Mikrofon im Chat Composer. Klicken Sie darauf, sprechen Sie und Ihre Worte werden in die Eingabeaufforderung übertragen. Nützlich auf Mobilgeräten, nützlich für lange Eingabeaufforderungen, nützlich, wenn Sie etwas anderes in der Hand haben.
+Jede agentennative App verfügt über ein Mikrofon im Chat Verfassenr. Klicken Sie darauf, sprechen Sie und Ihre Worte werden in die Eingabeaufforderung übertragen. Nützlich auf Mobilgeräten, nützlich für lange Eingabeaufforderungen, nützlich, wenn Sie etwas anderes in der Hand haben.
 
 Das Framework erledigt das alles automatisch. Mit Builder verbundene Benutzer erhalten standardmäßig das von Builder gehostete Gemini Flash-Lite. Andernfalls können Benutzer ihren eigenen Anbieterschlüssel mitbringen oder auf die Spracherkennung des Browsers zurückgreifen.
 
@@ -15,13 +15,13 @@ Die Sprachtaste des Komponisten zeichnet Audio im Browser auf und wählt dann ei
 
 1. **Builder Gemini Flash-Lite (Standard, wenn Builder verbunden ist).** Der Browser sendet Audio an `/_agent-native/transcribe-voice`, das mithilfe von Gemini Flash-Lite über Builder.io weitergeleitet wird. Kein Google API-Schlüssel erforderlich.
 2. **BYOK Cloud-Anbieter.** Benutzer können in den Einstellungen Google Gemini, Groq Whisper oder OpenAI Whisper auswählen. Die Route löst benutzerbezogene verschlüsselte Geheimnisse vor gemeinsam genutzten Anmeldeinformationen für die Bereitstellung auf.
-3. **Browser Web Speech API (Fallback).** Wenn kein Serveranbieter verfügbar ist, kann der Composer die integrierte Spracherkennung des Browsers verwenden. Funktioniert in Chromium-basierten Browsern (Chrome, Edge, Arc) und Safari. Weniger genau; Live-Streams.
+3. **Browser Web Speech API (Fallback).** Wenn kein Serveranbieter verfügbar ist, kann der Verfassenr die integrierte Spracherkennung des Browsers verwenden. Funktioniert in Chromium-basierten Browsern (Chrome, Edge, Arc) und Safari. Weniger genau; Live-Streams.
 
 Die Anbieterauswahl wird im Anwendungsstatus unter `voice-transcription-prefs` gespeichert, sodass der Benutzer `"auto"` (Standard – wählt den besten verfügbaren Anbieter), `"builder-gemini"`, `"builder"`, `"gemini"`, `"groq"`, `"openai"` oder `"browser"` in den Seitenleisteneinstellungen erzwingen kann.
 
-```an-diagram title="Fallback für Sprachtranskriptionsanbieter" summary="Der Composer zeichnet Audio auf, durchläuft dann die Serveranbieter der Reihe nach und wechselt nur dann zum Web Speech API des Browsers, wenn kein Serveranbieter verfügbar ist."
+```an-diagram title="Fallback für Sprachtranskriptionsanbieter" summary="Der Verfassenr zeichnet Audio auf, durchläuft dann die Serveranbieter der Reihe nach und wechselt nur dann zum Web Speech API des Browsers, wenn kein Serveranbieter verfügbar ist."
 {
-  "html": "<div class=\"diagram-voice\"><div class=\"diagram-node\">Mic button<br><small class=\"diagram-muted\">records webm/opus</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card col\"><div class=\"diagram-pill accent\">1 &middot; Builder Gemini</div><small class=\"diagram-muted\">default when Builder connected</small><div class=\"diagram-pill\">2 &middot; BYOK cloud</div><small class=\"diagram-muted\">Gemini &middot; Groq &middot; OpenAI Whisper</small></div><div class=\"diagram-arrow diagram-warn\" aria-hidden=\"true\">&darr;</div><div class=\"diagram-box diagram-warn\" data-rough>3 &middot; Browser Web Speech<br><small class=\"diagram-muted\">fallback on 400 &middot; streams live</small></div></div>",
+  "html": "<div class=\"diagram-voice\"><div class=\"diagram-node\">Mikrofontaste<br><small class=\"diagram-muted\">zeichnet webm/opus auf</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card col\"><div class=\"diagram-pill accent\">1 &middot; Builder Gemini</div><small class=\"diagram-muted\">Standard, wenn Builder verbunden ist</small><div class=\"diagram-pill\">2 &middot; BYOK cloud</div><small class=\"diagram-muted\">Gemini &middot; Groq &middot; OpenAI Whisper</small></div><div class=\"diagram-arrow diagram-warn\" aria-hidden=\"true\">&darr;</div><div class=\"diagram-box diagram-warn\" data-rough>3 &middot; Browser Web Speech<br><small class=\"diagram-muted\">fallback on 400 &middot; streams live</small></div></div>",
   "css": ".diagram-voice{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-voice .col{display:flex;flex-direction:column;gap:6px;padding:14px}.diagram-voice .diagram-arrow{font-size:22px;line-height:1}"
 }
 ```
@@ -43,17 +43,17 @@ Legen Sie `GEMINI_API_KEY`, `GROQ_API_KEY` oder `OPENAI_API_KEY` als Umgebungsva
 ```an-callout
 {
   "tone": "info",
-  "body": "**Credential resolution order:** the route checks the user's own encrypted secret first, then the shared deployment key. A power user with their own key always overrides the shared one. If neither exists, the route returns a 400 the composer recognizes and silently falls back to browser Web Speech."
+  "body": "**Auflösungsreihenfolge der Anmeldeinformationen:** Die Route überprüft zuerst das eigene verschlüsselte Geheimnis des Benutzers und dann den gemeinsam genutzten Bereitstellungsschlüssel. Ein Hauptbenutzer mit einem eigenen Schlüssel hat immer Vorrang vor dem gemeinsamen Schlüssel. Wenn keines von beiden vorhanden ist, gibt die Route eine 400 zurück, die der Verfassenr erkennt, und greift stillschweigend auf den Browser Web Speech zurück."
 }
 ```
 
 ## Die Route {#route}
 
-```an-api title="Voice transcription route"
+```an-api title="Route der Sprachtranskription"
 {
   "method": "POST",
   "path": "/_agent-native/transcribe-voice",
-  "summary": "Transcribe a recorded audio clip into prompt text",
+  "summary": "Transkribieren Sie einen aufgezeichneten Audioclip in Aufforderungstext",
   "auth": "Active session (Better Auth cookie). Same-origin only.",
   "description": "The composer POSTs the recorded clip here; the route resolves a provider and returns the transcribed text. You should not call this directly.",
   "params": [
@@ -68,7 +68,7 @@ Legen Sie `GEMINI_API_KEY`, `GROQ_API_KEY` oder `OPENAI_API_KEY` als Umgebungsva
 }
 ```
 
-Sie müssen dies nicht direkt aufrufen – der Composer tut dies. Wenn Sie eine benutzerdefinierte Eingabeoberfläche erstellen, verwenden Sie zunächst die gemeinsam genutzten Composer-/Voice-Client-Teile von `@agent-native/core/client` wieder. Behandeln Sie diese Route als Low-Level-Transportgrenze für benutzerdefinierte Helfer, die mehrteiliges Audio senden müssen.
+Sie müssen dies nicht direkt aufrufen – der Verfassenr tut dies. Wenn Sie eine benutzerdefinierte Eingabeoberfläche erstellen, verwenden Sie zunächst die gemeinsam genutzten Verfassenr-/Voice-Client-Teile von `@agent-native/core/client` wieder. Behandeln Sie diese Route als Low-Level-Transportgrenze für benutzerdefinierte Helfer, die mehrteiliges Audio senden müssen.
 
 ## Anpassen des Anbieters {#customizing}