Added complete translations for the Digital Sovereignty & Te Tiriti o Waitangi section in about.html Core Values.
Translations include:
- Section heading
- Two main paragraphs about indigenous frameworks and AI sovereignty
- Māori terms preserved: rangatiratanga, kaitiakitanga, mana
- Translations for term explanations (self-determination, guardianship, authority and dignity)
- "Read more" link text
The Māori terms themselves are preserved in all languages, with only their English/German/French explanations translated, respecting the cultural significance of the original te reo Māori.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Fixed issue where clicking "Kontakt" in German mode showed English contact form.
Changes:
- Re-apply translations when modal opens (ensures current language is used)
- Use translated "submitting" text for sending state (DE: "Senden...", FR: "Envoi en cours...")
- Use translated submit button text when re-enabled
- Remove duplicate success message text
Now clicking "Kontakt" in DE mode or "Nous contacter" in FR mode correctly shows the modal in that language.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
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>
Added missing translations:
- core_values.pluralism_title/desc (Pluralism value card)
- how_it_works.deliberation_title/desc (PluralisticDeliberationOrchestrator)
These sections were present in English but missing from DE/FR,
causing English fallback content to display on translated pages.
Translations via DeepL API.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Added missing sections that were not translated:
**mission.democratic_legitimacy:**
- Paragraph about whose values guide AI decisions
- ~150 words on democratic legitimacy in AI
**why_this_matters (entire section):**
- heading: "Warum das wichtig ist" / "Pourquoi c'est important"
- paragraph_1: AI systems as amoral hierarchical constructs
- paragraph_2: Human societies learning to navigate moral pluralism
- paragraph_3: AI development risks reversing this progress
- paragraph_4: Tractatus alternative approach
**Translation Method:**
- DeepL API for professional quality
- ~500 words total added to each language
**Impact:**
About page now fully translates to German and French with no missing content.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
**Contact Modal:**
- Added complete DE/FR translations for contact form
- Added 17 data-i18n attributes to modal elements
- Form labels, buttons, messages now translate
- Languages: EN, DE (Nachricht senden), FR (Envoyer le message)
**Fixed Translations:**
- media-inquiry.json: Fixed "Your Name" → "Ihr Name" (DE), "Votre nom" (FR)
- common.json: Added contact_modal section with all form text
**Translations Added:**
- Modal heading, description, all form labels
- Inquiry type options (general, partnership, technical, feedback)
- Submit/cancel buttons, success/error messages
- Dynamic "Sending..." text (Senden.../Envoi en cours...)
**Technical:**
- Contact modal in footer.js now fully i18n-enabled
- Uses window.I18n.translations for dynamic content
- All text translates when language selector is used
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Fixes incomplete translations where page descriptions, submit help text,
and privacy notes remained in English when switching languages.
**Fixed Elements:**
- Page descriptions (case-submission and media-inquiry)
- Submit button help text
- Privacy policy notes
All text now properly translates when language is changed.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Adds German and French translations for form submission pages with
dynamic message handling and language selector integration.
**Pages Updated:**
- case-submission.html: Added data-i18n attributes and language selector
- media-inquiry.html: Added data-i18n attributes and language selector
**Translation Files Created:**
- EN/DE/FR for case-submission (form labels, help text, dynamic messages)
- EN/DE/FR for media-inquiry (form labels, help text, dynamic messages)
**JavaScript Updates:**
- case-submission.js: Added i18n translation helper for dynamic content
- media-inquiry.js: Added i18n translation helper for dynamic content
- Submit buttons and error messages now translate based on selected language
**Features:**
- Language flags visible in navbar for easy switching
- Form labels and help text translate on language change
- Submit button text updates during submission ("Submitting..." → "Einreichen..." in DE)
- Success/error messages display in user's selected language
- All translations via DeepL API for professional quality
**Technical Details:**
- Uses cache-busting timestamps for translation fetches (prevents stale cache)
- Submit buttons use <span data-i18n> for translatable content
- Form JavaScript uses window.i18nTranslations for dynamic text
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Forces fresh translation fetches on every language change by appending
?v=<timestamp> to bypass browser cache and service worker cache.
Resolves production cache issues where stale translation files persisted
after service worker updates.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Removed diagnostic console.log statements that were added for
troubleshooting service worker cache issues. Retained essential
operational logging (translation load confirmations).
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Added 28 FAQ question/answer translations to EN, DE, FR locale files
- Modified faq.js to dynamically load FAQs from i18n system
- Fixed service worker to never cache /locales/ translation files
- DeepL API used for professional German and French translations
- FAQ content now switches language correctly with language selector
Technical changes:
- Added ACTIVE_FAQ_DATA variable to faq.js for dynamic FAQ loading
- Created loadFAQsFromI18n() function with i18n event listeners
- Added /locales/ to service worker NEVER_CACHE_PATHS
- All 28 FAQs now fully translatable across all supported languages
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Dashboard was frozen at 1000 decisions
- Actual total is 3281 decisions
- Increased limit to 10000 to show all audit data
- Chart scaling already handles large datasets properly
- Replaced <object> element with inline SVG to fix contentDocument NULL issues
- Simplified interactive-diagram.js to work with inline SVG directly
- Added diagram_services translations loading from window.i18nTranslations
- Exposed window.i18nTranslations in i18n-simple.js for global access
- Added event listeners for i18nInitialized and languageChanged
- Diagram modals now fully translate across EN/DE/FR languages
- Removed complex retry/race condition logic from SVG loading
- Converted SVG style attributes to presentation attributes (CSP compliant)
Fixes: Interactive diagram was broken due to contentDocument being NULL
when accessing SVG via <object> element. Inline SVG approach is more
reliable and works immediately without race conditions.
- Added loadFallbackData() method with English defaults
- Check if i18n translations loaded before using them
- Falls back to English if window.i18nTranslations not ready yet
- Fixes 'Failed to load SVG after 20 retries' error caused by empty serviceData
- Added data-i18n to service card descriptions (validator, pressure, metacognitive, deliberation)
- Fixed interactive-diagram.js to properly load translations from i18n system
- Added language change handlers for dynamic modal updates
- All service cards and modals now fully translate across EN/DE/FR
- Added diagram_services section to all three language JSON files
- Modified interactive-diagram.js to load translations from i18n system
- Added language change event listeners to update modals dynamically
- Removed hardcoded English serviceData from JavaScript
- Modals now fully translate when language is switched
- Added data-i18n to production testing section (testing_title, testing_text1, testing_text2)
- Fixed limitations section structure (intro, quote, quote_attribution)
- Added known_heading with proper ul wrapper
- Fixed conclusion paragraph
- All English text now removed, i18n system has full control
- Total: 80+ data-i18n attributes covering 100% of content
## Critical Fixes
### 1. Translation System Fixed (Language Persistence Working)
✅ Removed ALL hardcoded English text from elements with data-i18n attributes
- Problem: HTML had "Boundary­Enforcer" but JSON had "BoundaryEnforcer"
- Solution: Empty text content in HTML, let i18n system populate it entirely
- Result: i18n can now properly replace content on language change
✅ Added soft hyphens to service names in JSON translations (EN, DE, FR)
- Boundary­Enforcer
- Instruction­Persistence­Classifier
- Cross­Reference­Validator
- Context­Pressure­Monitor
- Metacognitive­Verifier
- Pluralistic­Deliberation­Orchestrator
- Enables intelligent line breaking while maintaining i18n compatibility
### 2. Card Header Overflow Fixed
✅ All 6 service cards have proper overflow protection
- min-w-0 max-w-full overflow-hidden on card containers
- break-words overflow-wrap-anywhere on titles
- Soft hyphens in JSON provide intelligent breaking points
- Cards now respect boundaries on all screen sizes
### 3. Interactive Diagram Verified
✅ SVG structure confirmed correct
- 7 service nodes with data-service attributes
- Proper class="service-node" on all clickable elements
- Touch event handlers added in previous commit
- w-64 sm:w-72 lg:w-80 responsive sizing
## Elements Fixed
- Breadcrumb (home, current)
- Hero (badge, title, CTAs)
- Comparison (heading, titles)
- Services (heading, 6 service names)
- Interactive (title, panel title)
- Data viz (heading)
- Production (heading, title)
- Limitations (heading, subheadings)
- CTA (heading)
- Architecture diagram (title, layer titles)
## Impact
- Language flags now work perfectly - instant translation of ALL content
- Cards don't overflow on any screen size
- Service names wrap intelligently with soft hyphens
- Interactive diagram ready for user interaction
- All 60 data-i18n elements now properly translate
## Testing
- ✓ All JSON files valid (EN, DE, FR)
- ✓ Soft hyphens present in service names
- ✓ No hardcoded text conflicts with translations
- ✓ Overflow protection on all 6 cards
- ✓ SVG structure confirmed (7 interactive nodes)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
