feat(i18n): add translations for leader.html accordion content (arch_layers, services)

Added i18n support for two accordion sections:
- Three-Layer Architecture (arch_layers): 3 layers with titles and descriptions
- Six Governance Services (services): 6 services with titles and descriptions

Changes:
- Added arch_layers and services objects to EN/DE/FR leader.json
- Translated all content using DeepL API (component names kept in English)
- Added data-i18n attributes to leader.html for both accordions

This is phase 1 - remaining 7 accordions (demos, validation, EU AI Act,
research, scope) contain extensive content including code samples and
will be translated in subsequent phases.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
TheFlow 2025-10-26 17:31:38 +13:00
parent d9cd692d01
commit 004e253441
4 changed files with 84 additions and 18 deletions

View file

@ -127,19 +127,19 @@
<div class="flex gap-3">
<span class="font-mono text-gray-500">1.</span>
<div>
<strong>Agent Runtime Layer</strong>Any LLM system (Claude Code, Copilot, custom agents, LangChain, CrewAI). The AI system being governed.
<strong data-i18n="sections.architectural_approach.arch_layers.layer_1_title">Agent Runtime Layer</strong><span data-i18n="sections.architectural_approach.arch_layers.layer_1_desc">Any LLM system (Claude Code, Copilot, custom agents, LangChain, CrewAI). The AI system being governed.</span>
</div>
</div>
<div class="flex gap-3">
<span class="font-mono text-gray-500">2.</span>
<div>
<strong>Governance Layer</strong>Six autonomous services that intercept, validate, and document AI operations. External to the AI runtime.
<strong data-i18n="sections.architectural_approach.arch_layers.layer_2_title">Governance Layer</strong><span data-i18n="sections.architectural_approach.arch_layers.layer_2_desc">Six autonomous services that intercept, validate, and document AI operations. External to the AI runtime.</span>
</div>
</div>
<div class="flex gap-3">
<span class="font-mono text-gray-500">3.</span>
<div>
<strong>Persistent Storage Layer</strong>Immutable audit logs, governance rules, instruction history. Cannot be altered by AI prompts.
<strong data-i18n="sections.architectural_approach.arch_layers.layer_3_title">Persistent Storage Layer</strong><span data-i18n="sections.architectural_approach.arch_layers.layer_3_desc">Immutable audit logs, governance rules, instruction history. Cannot be altered by AI prompts.</span>
</div>
</div>
</div>
@ -157,28 +157,28 @@
<div id="services-content" class="accordion-content" role="region" aria-labelledby="services-button">
<div class="p-5 border-t border-gray-200 space-y-3 text-sm">
<div class="border-l-2 border-amber-500 pl-4">
<div class="font-semibold text-gray-900">BoundaryEnforcer</div>
<div class="text-gray-600">Blocks AI from making values decisions without human approval. Enforces decision boundaries through architectural controls.</div>
<div class="font-semibold text-gray-900" data-i18n="sections.architectural_approach.services.service_1_title">BoundaryEnforcer</div>
<div class="text-gray-600" data-i18n="sections.architectural_approach.services.service_1_desc">Blocks AI from making values decisions without human approval. Enforces decision boundaries through architectural controls.</div>
</div>
<div class="border-l-2 border-gray-300 pl-4">
<div class="font-semibold text-gray-900">InstructionPersistenceClassifier</div>
<div class="text-gray-600">Prevents pattern bias from overriding explicit instructions. Stores organisational directives external to AI context.</div>
<div class="font-semibold text-gray-900" data-i18n="sections.architectural_approach.services.service_2_title">InstructionPersistenceClassifier</div>
<div class="text-gray-600" data-i18n="sections.architectural_approach.services.service_2_desc">Prevents pattern bias from overriding explicit instructions. Stores organisational directives external to AI context.</div>
</div>
<div class="border-l-2 border-gray-300 pl-4">
<div class="font-semibold text-gray-900">CrossReferenceValidator</div>
<div class="text-gray-600">Validates AI actions against stored policies before execution. Detects conflicts with established rules.</div>
<div class="font-semibold text-gray-900" data-i18n="sections.architectural_approach.services.service_3_title">CrossReferenceValidator</div>
<div class="text-gray-600" data-i18n="sections.architectural_approach.services.service_3_desc">Validates AI actions against stored policies before execution. Detects conflicts with established rules.</div>
</div>
<div class="border-l-2 border-gray-300 pl-4">
<div class="font-semibold text-gray-900">ContextPressureMonitor</div>
<div class="text-gray-600">Tracks session complexity, token usage, conversation length. Detects degradation in decision quality.</div>
<div class="font-semibold text-gray-900" data-i18n="sections.architectural_approach.services.service_4_title">ContextPressureMonitor</div>
<div class="text-gray-600" data-i18n="sections.architectural_approach.services.service_4_desc">Tracks session complexity, token usage, conversation length. Detects degradation in decision quality.</div>
</div>
<div class="border-l-2 border-gray-300 pl-4">
<div class="font-semibold text-gray-900">MetacognitiveVerifier</div>
<div class="text-gray-600">Validates reasoning quality before complex operations. Self-checks alignment, coherence, alternatives.</div>
<div class="font-semibold text-gray-900" data-i18n="sections.architectural_approach.services.service_5_title">MetacognitiveVerifier</div>
<div class="text-gray-600" data-i18n="sections.architectural_approach.services.service_5_desc">Validates reasoning quality before complex operations. Self-checks alignment, coherence, alternatives.</div>
</div>
<div class="border-l-2 border-gray-300 pl-4">
<div class="font-semibold text-gray-900">PluralisticDeliberationOrchestrator</div>
<div class="text-gray-600">Facilitates multi-stakeholder deliberation for values conflicts. Non-hierarchical engagement with documented dissent.</div>
<div class="font-semibold text-gray-900" data-i18n="sections.architectural_approach.services.service_6_title">PluralisticDeliberationOrchestrator</div>
<div class="text-gray-600" data-i18n="sections.architectural_approach.services.service_6_desc">Facilitates multi-stakeholder deliberation for values conflicts. Non-hierarchical engagement with documented dissent.</div>
</div>
</div>
</div>

View file

@ -18,7 +18,29 @@
"architectural_approach": {
"heading": "Architektonischer Ansatz",
"three_layer_title": "Drei-Schichten-Architektur",
"services_title": "Sechs Governance-Dienste"
"services_title": "Sechs Governance-Dienste",
"arch_layers": {
"layer_1_title": "Agent-Laufzeitschicht",
"layer_1_desc": "Jedes LLM-System (Claude Code, Copilot, benutzerdefinierte Agenten, LangChain, CrewAI). Das zu regelnde KI-System.",
"layer_2_title": "Governance-Ebene",
"layer_2_desc": "Sechs autonome Dienste, die KI-Vorgänge abfangen, validieren und dokumentieren. Extern zur KI-Laufzeit.",
"layer_3_title": "Persistente Speicherschicht",
"layer_3_desc": "Unveränderliche Audit-Protokolle, Governance-Regeln, Anweisungshistorie. Kann nicht durch KI-Eingaben geändert werden."
},
"services": {
"service_1_title": "BoundaryEnforcer",
"service_1_desc": "Verhindert, dass die KI ohne menschliche Zustimmung Wertentscheidungen trifft. Setzt Entscheidungsgrenzen durch architektonische Kontrollen durch.",
"service_2_title": "InstructionPersistenceClassifier",
"service_2_desc": "Verhindert, dass sich Muster über explizite Anweisungen hinwegsetzen. Speichert organisatorische Anweisungen außerhalb des KI-Kontexts.",
"service_3_title": "CrossReferenceValidator",
"service_3_desc": "Überprüft KI-Aktionen vor der Ausführung anhand gespeicherter Richtlinien. Erkennt Konflikte mit bestehenden Regeln.",
"service_4_title": "ContextPressureMonitor",
"service_4_desc": "Verfolgt Sitzungskomplexität, Token-Nutzung, Gesprächslänge. Erkennt eine Verschlechterung der Entscheidungsqualität.",
"service_5_title": "MetacognitiveVerifier",
"service_5_desc": "Überprüft die Qualität der Argumentation vor komplexen Operationen. Prüft selbständig Ausrichtung, Kohärenz, Alternativen.",
"service_6_title": "PluralisticDeliberationOrchestrator",
"service_6_desc": "Erleichtert Multi-Stakeholder-Beratungen bei Wertekonflikten. Nicht-hierarchisches Engagement mit dokumentiertem Dissens."
}
},
"governance_capabilities": {
"heading": "Governance-Fähigkeiten",

View file

@ -18,7 +18,29 @@
"architectural_approach": {
"heading": "Architectural Approach",
"three_layer_title": "Three-Layer Architecture",
"services_title": "Six Governance Services"
"services_title": "Six Governance Services",
"arch_layers": {
"layer_1_title": "Agent Runtime Layer",
"layer_1_desc": "Any LLM system (Claude Code, Copilot, custom agents, LangChain, CrewAI). The AI system being governed.",
"layer_2_title": "Governance Layer",
"layer_2_desc": "Six autonomous services that intercept, validate, and document AI operations. External to the AI runtime.",
"layer_3_title": "Persistent Storage Layer",
"layer_3_desc": "Immutable audit logs, governance rules, instruction history. Cannot be altered by AI prompts."
},
"services": {
"service_1_title": "BoundaryEnforcer",
"service_1_desc": "Blocks AI from making values decisions without human approval. Enforces decision boundaries through architectural controls.",
"service_2_title": "InstructionPersistenceClassifier",
"service_2_desc": "Prevents pattern bias from overriding explicit instructions. Stores organisational directives external to AI context.",
"service_3_title": "CrossReferenceValidator",
"service_3_desc": "Validates AI actions against stored policies before execution. Detects conflicts with established rules.",
"service_4_title": "ContextPressureMonitor",
"service_4_desc": "Tracks session complexity, token usage, conversation length. Detects degradation in decision quality.",
"service_5_title": "MetacognitiveVerifier",
"service_5_desc": "Validates reasoning quality before complex operations. Self-checks alignment, coherence, alternatives.",
"service_6_title": "PluralisticDeliberationOrchestrator",
"service_6_desc": "Facilitates multi-stakeholder deliberation for values conflicts. Non-hierarchical engagement with documented dissent."
}
},
"governance_capabilities": {
"heading": "Governance Capabilities",

View file

@ -18,7 +18,29 @@
"architectural_approach": {
"heading": "Approche Architecturale",
"three_layer_title": "Architecture à Trois Couches",
"services_title": "Six Services de Gouvernance"
"services_title": "Six Services de Gouvernance",
"arch_layers": {
"layer_1_title": "Couche d'exécution de l'agent",
"layer_1_desc": "Tout système LLM (Claude Code, Copilote, agents personnalisés, LangChain, CrewAI). Le système d'IA gouverné.",
"layer_2_title": "Couche de gouvernance",
"layer_2_desc": "Six services autonomes qui interceptent, valident et documentent les opérations d'IA. Externes à l'exécution de l'IA.",
"layer_3_title": "Couche de stockage persistant",
"layer_3_desc": "Journaux d'audit, règles de gouvernance et historique des instructions immuables. Ne peut être modifié par des messages de l'IA."
},
"services": {
"service_1_title": "BoundaryEnforcer",
"service_1_desc": "Empêche l'IA de prendre des décisions relatives aux valeurs sans l'approbation de l'homme. Renforce les limites des décisions grâce à des contrôles architecturaux.",
"service_2_title": "InstructionPersistenceClassifier",
"service_2_desc": "Empêche les préjugés liés aux modèles de l'emporter sur les instructions explicites. Stocke les directives organisationnelles extérieures au contexte de l'IA.",
"service_3_title": "CrossReferenceValidator",
"service_3_desc": "Valide les actions de l'IA par rapport aux politiques stockées avant leur exécution. Détecte les conflits avec les règles établies.",
"service_4_title": "ContextPressureMonitor",
"service_4_desc": "Suivi de la complexité des sessions, de l'utilisation des jetons, de la durée des conversations. Détecte la dégradation de la qualité des décisions.",
"service_5_title": "MetacognitiveVerifier",
"service_5_desc": "Valide la qualité du raisonnement avant les opérations complexes. Autocontrôle de l'alignement, de la cohérence, des alternatives.",
"service_6_title": "PluralisticDeliberationOrchestrator",
"service_6_desc": "Facilite les délibérations multipartites en cas de conflit de valeurs. Engagement non hiérarchique avec dissidence documentée."
}
},
"governance_capabilities": {
"heading": "Capacités de Gouvernance",