- Add HF Space link translations for researcher page collaboration section
- Add HF Space resource translations for researcher page resources section
- Add HF Space CTA translation for homepage hero section
- Add interactive exploration section translations for architecture page
All translations provided in English, German, and French.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Added complete German and French translations for the Five Architectural
Principles section added in previous commit.
Changes:
- Updated hero section (badge, title, subtitle, CTAs) in all 3 languages
- Added full "principles" section with all 5 principles × 6 fields each
- Not-Separateness (Governance in Critical Path)
- Deep Interlock (Services Reinforce Each Other)
- Gradients Not Binary (Nuanced Responses)
- Structure-Preserving (Audit Continuity)
- Living Process (Evidence-Based Evolution)
- Added "How They Work Together" interlocking pattern (6 fields)
- Added services.subtitle connecting services to principles
Translation consistency:
- German: Maintained translations from homepage.json (Tiefe Verriegelung,
Not-Separatheit, etc.)
- French: Maintained translations from homepage.json (Interlock profond,
Non-séparation, etc.)
- Technical terms preserved in English per translation guidelines
(BoundaryEnforcer, PreToolUse Hook, inst_064, 27027 Incident)
Files changed:
- public/locales/en/architecture.json: +54 keys (hero + principles + services.subtitle)
- public/locales/de/architecture.json: +54 keys (complete German translations)
- public/locales/fr/architecture.json: +54 keys (complete French translations)
Testing: All 3 language JSON files verified serving correctly via curl/jq
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 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
## 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>
