From ea7905bb488fbefb464b088586e1b71776ec154b Mon Sep 17 00:00:00 2001
From: TheFlow <theflow@sydigital.com>
Date: Sun, 26 Oct 2025 12:01:22 +1300
Subject: [PATCH] fix(i18n): remove all hardcoded text from architecture.html -
 complete i18n coverage

---
 public/architecture.html | 46 ++++++++++++++++++++--------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/public/architecture.html b/public/architecture.html
index 09e1047d..bbc1ec0e 100644
--- a/public/architecture.html
+++ b/public/architecture.html
@@ -59,7 +59,7 @@
         </p>
         <div class="bg-blue-800/50 backdrop-blur border border-blue-400/30 rounded-lg p-6 max-w-3xl mx-auto mb-8">
           <p class="text-lg text-blue-50">
-            <strong class="text-white" data-i18n="hero.challenge_label">The Challenge:</strong> <span data-i18n="hero.challenge_text">Behavioral training (Constitutional AI, RLHF) shows promise but can degrade under adversarial prompting, context pressure, or distribution shift.</span>
+            <strong class="text-white" data-i18n="hero.challenge_label">The Challenge:</strong> <span data-i18n="hero.challenge_text"></span>
           </p>
           <p class="text-lg text-blue-50 mt-3">
             <strong class="text-white" data-i18n="hero.approach_label">Our Approach:</strong> <span data-i18n="hero.approach_text">External architectural enforcement that operates independently of the AI's internal reasoning—making it structurally more difficult (though not impossible) to bypass through prompting.
@@ -97,23 +97,23 @@
         <ul class="space-y-2 text-red-800">
           <li class="flex items-start">
             <span class="mr-2">❌</span>
-            <span data-i18n-html="comparison.behavioral_item1">Lives <strong>inside</strong> the AI model—accessible to adversarial prompts</span>
+            <span data-i18n-html="comparison.behavioral_item1"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">❌</span>
-            <span data-i18n-html="comparison.behavioral_item2">Degrades under context pressure and long conversations</span>
+            <span data-i18n-html="comparison.behavioral_item2"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">❌</span>
-            <span data-i18n-html="comparison.behavioral_item3">Can be manipulated by jailbreak techniques (DAN, roleplaying, hypotheticals)</span>
+            <span data-i18n-html="comparison.behavioral_item3"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">❌</span>
-            <span data-i18n-html="comparison.behavioral_item4">Depends on AI's willingness to follow guidance</span>
+            <span data-i18n-html="comparison.behavioral_item4"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">❌</span>
-            <span data-i18n-html="comparison.behavioral_item5">No verifiable audit trail independent of AI</span>
+            <span data-i18n-html="comparison.behavioral_item5"></span>
           </li>
         </ul>
       </div>
@@ -128,23 +128,23 @@
         <ul class="space-y-2 text-green-800">
           <li class="flex items-start">
             <span class="mr-2">✅</span>
-            <span data-i18n-html="comparison.structural_item1">Lives <strong>outside</strong> the AI model—not directly accessible to prompts</span>
+            <span data-i18n-html="comparison.structural_item1"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">✅</span>
-            <span data-i18n-html="comparison.structural_item2">External services aim for consistent enforcement regardless of context</span>
+            <span data-i18n-html="comparison.structural_item2"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">✅</span>
-            <span data-i18n-html="comparison.structural_item3"><em>More difficult</em> to bypass—AI actions pass through governance layer first</span>
+            <span data-i18n-html="comparison.structural_item3"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">✅</span>
-            <span data-i18n-html="comparison.structural_item4">Architecturally resistant to manipulation via AI's internal state</span>
+            <span data-i18n-html="comparison.structural_item4"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">✅</span>
-            <span data-i18n-html="comparison.structural_item5">Immutable audit trail stored independently of AI runtime</span>
+            <span data-i18n-html="comparison.structural_item5"></span>
           </li>
         </ul>
       </div>
@@ -325,7 +325,7 @@
             <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"/>
             </svg>
-            <span><strong data-i18n="interactive.tip_label">Tip:</strong> <span data-i18n-html="interactive.tip_text">Click the central <span class="font-semibold text-cyan-600">"T"</span> to see how all services work together</span>
+            <span><strong data-i18n="interactive.tip_label"></strong> <span data-i18n-html="interactive.tip_text"></span>
           </p>
         </div>
       </div>
@@ -354,7 +354,7 @@
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
               </svg>
               <h3 class="text-lg font-semibold text-gray-700 mb-2" data-i18n="interactive.panel_default_title"></h3>
-              <p class="text-sm text-gray-500 max-w-md" data-i18n="interactive.panel_default_text">Click any service node in the diagram (colored circles) or the central "T" to learn more about how Tractatus enforces AI safety.</p>
+              <p class="text-sm text-gray-500 max-w-md" data-i18n="interactive.panel_default_text"></p>
             </div>
           </div>
         </div>
@@ -466,23 +466,23 @@
         <ul class="space-y-2 ml-6">
           <li class="flex items-start">
             <span class="mr-2">•</span>
-            <span><strong>No dedicated red-team testing:</strong> We don't know how well these boundaries hold up against determined adversarial attacks.</span>
+            <span data-i18n-html="limitations.limitation1"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">•</span>
-            <span><strong>Small-scale validation:</strong> Six months of production use on a single project. Needs multi-organization replication.</span>
+            <span data-i18n-html="limitations.limitation2"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">•</span>
-            <span><strong>Integration challenges:</strong> Retrofitting governance into existing systems requires significant engineering effort.</span>
+            <span data-i18n-html="limitations.limitation3"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">•</span>
-            <span><strong>Performance at scale unknown:</strong> Testing limited to single-agent deployments. Multi-agent coordination untested.</span>
+            <span data-i18n-html="limitations.limitation4"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">•</span>
-            <span><strong>Evolving threat landscape:</strong> As AI capabilities grow, new failure modes will emerge that current architecture may not address.</span>
+            <span data-i18n-html="limitations.limitation5"></span>
           </li>
         </ul>
 
@@ -490,23 +490,23 @@
         <ul class="space-y-2 ml-6">
           <li class="flex items-start">
             <span class="mr-2">🔬</span>
-            <span>Independent researchers to validate (or refute) our findings</span>
+            <span data-i18n="limitations.need1"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">🔴</span>
-            <span>Red-team evaluation to find weaknesses and bypass techniques</span>
+            <span data-i18n="limitations.need2"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">🏢</span>
-            <span>Multi-organization pilot deployments across different domains</span>
+            <span data-i18n="limitations.need3"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">🤝</span>
-            <span>Industry-wide collaboration on governance standards and patterns</span>
+            <span data-i18n="limitations.need4"></span>
           </li>
           <li class="flex items-start">
             <span class="mr-2">📊</span>
-            <span>Quantitative studies measuring incident reduction and cost-benefit analysis</span>
+            <span data-i18n="limitations.need5"></span>
           </li>
         </ul>