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>
Fixed multiple issues with the docs page card-based document view:
**Card Overflow Fixed:**
- Added overflow-x-hidden to #document-content container
- Added w-full max-w-full to card-grid-container
- Added w-full to grid itself
- Added max-w-full overflow-hidden to individual cards
- Cards now stay within container boundaries at all viewport sizes
**Long Title Wrapping:**
- Added insertSoftHyphens() method to break CamelCase words
- Inserts soft hyphens (­) before capitals in compound words
- Examples: "InstructionPersistenceClassifier" → "InstructionPersistenceClassifier"
- Titles now wrap intelligently without being cut off
**Colour Legend (Option C):**
- Added toggle button (ℹ️) next to ToC and PDF buttons
- Popup shows all 5 colour codes with descriptions
- Translated to EN ("Colour Guide"), DE ("Farbcode"), FR ("Guide des couleurs")
- Fixed colour square visibility (bg-500 with borders instead of bg-400)
- Click outside to close functionality
**Card Sequencing:**
- Cards now display in original markdown document order
- Removed groupByCategory() grouping logic
- Removed category header sections
- Color coding preserved based on section category
**Category Fallback Bug:**
- Fixed invalid fallback category 'downloads-resources' → 'resources'
- Ensures uncategorized documents go to valid category
**Database Migration:**
- Added scripts/move-guides-to-resources.js
- Moved 3 implementation guides from getting-started to resources
- Getting Started now contains only: Introduction, Core Concepts
- Resources now contains: Implementation guides
**Result:**
✅ Cards respect container width (no overflow)
✅ Long titles wrap with hyphens (no cutoff)
✅ Colour legend accessible and translated
✅ Cards in logical reading order from markdown
✅ Implementation guides in correct category
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Fixed language persistence issues where sidebar and hero section did not
update when switching languages via navbar flags.
**Root Cause:**
- languageChanged event only updated document content
- URL lang parameter updated AFTER sidebar reload
- detectLanguage() read old lang from URL causing wrong language load
**Changes:**
1. Update URL lang parameter BEFORE reloading sidebar
2. Call updatePageUI() to update hero section instantly
3. Call loadDocuments() to reload sidebar with new language
4. Explicitly reload current document to ensure correct language
**Updated Elements on Language Change:**
- Hero section (page title, subtitle, search button)
- Sidebar category labels (Getting Started → Erste Schritte, etc.)
- Sidebar document titles (shows translations if available)
- Document content (reloads in correct language)
- GitHub section links
**Result:**
✅ Click language flag → entire page switches to new language instantly
✅ Document content loads in correct language (not previous language)
✅ No page refresh required
✅ All UI elements synchronized
✅ Ready for Caixin Global launch (Oct 29)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Fixed remaining language persistence issues where sidebar and hero section
did not update when switching languages via navbar flags.
**Changes:**
- languageChanged event now calls updatePageUI() to update hero section
- languageChanged event now calls loadDocuments() to reload sidebar
- All UI elements update immediately without requiring page refresh
**Updated Elements on Language Change:**
- Hero section (page title, subtitle, search button)
- Sidebar category labels (Getting Started, Resources, etc.)
- Sidebar document titles (shows translations if available)
- Document content (reloads in new language)
- GitHub section links
**Result:**
✅ Click language flag → entire page switches instantly
✅ No page refresh required
✅ All UI elements synchronized
✅ Ready for Caixin Global launch (Oct 29)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Fixed three P0 bugs preventing language selection from persisting:
1. **Removed duplicate language selector** (docs.html:499-508)
- Page had both navbar flags AND dropdown selector
- Caused UX confusion (two selectors, no sync)
- Now uses navbar flags only (consistent with site)
2. **Fixed localStorage key mismatch** (docs-app.js:207)
- i18n-simple.js used 'tractatus-lang'
- docs-app.js used 'tractatus_language' (underscore)
- Unified to 'tractatus-lang' for persistence
3. **Removed dead code** (docs-app.js:836-871)
- initLanguageSelector() expected removed dropdown
- Caused potential JS errors
- Navbar language-selector.js now handles all switching
**Result:**
- ✅ Single language selector (navbar flags)
- ✅ Language persists across page reloads
- ✅ No JavaScript errors
- ✅ Ready for Caixin Global launch (Oct 29)
**Version:** 0.1.2 → 0.1.3 (service worker cache bust)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
