1059 lines
71 KiB
HTML
1059 lines
71 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-page="leader">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>For Decision-Makers | Tractatus AI Safety Framework</title>
|
|
<meta name="description" content="Structural AI governance for organisations deploying LLM systems at scale. Research framework addressing architectural gaps in AI safety.">
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://agenticgovernance.digital/leader.html">
|
|
<meta property="og:title" content="For Leaders | Tractatus Framework">
|
|
<meta property="og:description" content="Strategic overview of architectural AI governance for organizational decision-makers.">
|
|
<meta property="og:image" content="https://agenticgovernance.digital/images/social-preview.png">
|
|
<meta property="og:image:width" content="1200">
|
|
<meta property="og:image:height" content="630">
|
|
<meta property="og:site_name" content="Tractatus Framework">
|
|
<meta property="og:see_also" content="https://www.facebook.com/agenticgovernance">
|
|
|
|
<!-- Twitter -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:url" content="https://agenticgovernance.digital/leader.html">
|
|
<meta name="twitter:title" content="For Leaders | Tractatus Framework">
|
|
<meta name="twitter:description" content="Strategic overview of architectural AI governance for organizational decision-makers.">
|
|
<meta name="twitter:image" content="https://agenticgovernance.digital/images/social-preview.png">
|
|
|
|
<!-- PWA Manifest -->
|
|
<link rel="manifest" href="/manifest.json">
|
|
|
|
<!-- PWA Meta Tags -->
|
|
<meta name="theme-color" content="#3b82f6">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default">
|
|
<meta name="apple-mobile-web-app-title" content="Tractatus">
|
|
<link rel="apple-touch-icon" href="/images/tractatus-icon-new.svg">
|
|
|
|
<link rel="icon" type="image/svg+xml" href="/favicon-new.svg">
|
|
<link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1762226182485">
|
|
<link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1762226182485">
|
|
<link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1762226182485">
|
|
<style>
|
|
.hover-lift { transition: all 0.3s ease; }
|
|
.hover-lift:hover { transform: translateY(-2px); }
|
|
.skip-link { position: absolute; left: -9999px; }
|
|
.skip-link:focus { left: 0; z-index: 100; background: white; padding: 1rem; }
|
|
a:focus, button:focus { outline: 2px solid #d97706; outline-offset: 2px; }
|
|
|
|
/* Accordion styles */
|
|
.accordion-button {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
touch-action: manipulation; /* Prevent double-tap zoom on mobile */
|
|
-webkit-tap-highlight-color: rgba(217, 119, 6, 0.1); /* iOS tap feedback */
|
|
min-height: 44px; /* WCAG touch target minimum */
|
|
border: none;
|
|
background: none;
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
@media (max-width: 640px) {
|
|
.accordion-button { min-height: 48px; } /* Larger touch target on small screens */
|
|
}
|
|
.accordion-content {
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
transition: max-height 0.3s ease-out;
|
|
}
|
|
.accordion-content.active {
|
|
max-height: 2000px;
|
|
transition: max-height 0.5s ease-in;
|
|
}
|
|
.accordion-icon {
|
|
transition: transform 0.3s ease;
|
|
}
|
|
.accordion-icon.active {
|
|
transform: rotate(180deg);
|
|
}
|
|
</style>
|
|
|
|
<!-- Privacy-Preserving Analytics (Umami - GDPR Compliant, No Cookies) -->
|
|
<script src="/js/components/umami-tracker.js"></script>
|
|
<!-- Auto-reload on service worker update -->
|
|
</head>
|
|
<body class="bg-white">
|
|
|
|
<a href="#main-content" class="skip-link">Skip to main content</a>
|
|
|
|
<script src="/js/components/navbar.js?v=0.1.2.1762226182485"></script>
|
|
|
|
<!-- Breadcrumb Navigation -->
|
|
<nav class="bg-gray-50 border-b border-gray-200 py-3" aria-label="Breadcrumb">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<ol class="flex items-center space-x-2 text-sm">
|
|
<li><a href="/" class="hover:underline transition-colors text-tractatus-link">Home</a></li>
|
|
<li class="text-gray-400">/</li>
|
|
<li class="text-gray-900 font-medium" aria-current="page">Leader</li>
|
|
</ol>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Header -->
|
|
<div class="bg-gray-50 border-b border-gray-200 py-16">
|
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="inline-flex items-center bg-gray-200 text-gray-700 px-3 py-1 rounded text-sm font-medium mb-6" data-i18n="header.badge">
|
|
Research Framework • Early Development
|
|
</div>
|
|
<h1 class="text-4xl font-bold text-gray-900 mb-4" data-i18n="header.title">
|
|
Tractatus: Architectural Governance for LLM Systems
|
|
</h1>
|
|
<p class="text-lg text-gray-600 leading-relaxed" data-i18n="header.subtitle">
|
|
Architectural governance for organizations where AI governance failure triggers regulatory consequences. If your deployment is low-risk, architectural enforcement is likely unnecessary.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Main Content -->
|
|
<div id="main-content" class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
|
|
|
|
<!-- Target Audience Disclaimer -->
|
|
<section class="mb-16">
|
|
<div class="bg-blue-50 border-l-4 border-blue-600 p-6 rounded-r-lg">
|
|
<h2 class="text-lg font-bold text-blue-900 mb-3" data-i18n="sections.target_audience.heading">Target Audience</h2>
|
|
<p class="text-sm text-blue-800 mb-3" data-i18n="sections.target_audience.primary">
|
|
Organizations with high-consequence AI deployments facing regulatory obligations: EU AI Act Article 14 (human oversight), GDPR Article 22 (automated decision-making), SOC 2 CC6.1 (logical access controls), sector-specific regulations.
|
|
</p>
|
|
<p class="text-sm text-blue-800" data-i18n="sections.target_audience.disclaimer">
|
|
<strong>If AI governance failure in your context is low-consequence and easily reversible</strong>, architectural enforcement adds complexity without commensurate benefit. Policy-based governance may be more appropriate.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Why Architectural Governance Matters: Alexander Principles -->
|
|
<section class="mb-16 bg-gradient-to-br from-purple-50 to-blue-50 border-2 border-purple-200 rounded-xl p-8">
|
|
<div class="flex items-start gap-4 mb-4">
|
|
<div class="flex-shrink-0">
|
|
<div class="w-14 h-14 rounded-full bg-gradient-to-br from-purple-600 to-blue-600 text-white flex items-center justify-center text-2xl">
|
|
🏛️
|
|
</div>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-3" data-i18n="alexander_leadership.heading">
|
|
Why Architectural Governance Matters
|
|
</h2>
|
|
<p class="text-lg text-gray-700 mb-4">
|
|
<span data-i18n-html="alexander_leadership.subtitle">Built on <strong>living systems principles</strong> from Christopher Alexander—governance that evolves with your organization</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="prose max-w-none text-gray-700 space-y-4">
|
|
|
|
<div class="bg-white rounded-lg p-6 border border-purple-200 mb-4">
|
|
<h3 class="text-xl font-bold text-gray-900 mb-3" data-i18n="alexander_leadership.differentiator.heading">Strategic Differentiator: Not Compliance Theatre</h3>
|
|
<p class="mb-3" data-i18n-html="alexander_leadership.differentiator.compliance_theatre">
|
|
<strong>Compliance theatre</strong> relies on documented policies, training programs, and post-execution reviews. AI can bypass controls, enforcement is voluntary, and audit trails show what <em>should</em> happen, not what <em>did</em> happen.
|
|
</p>
|
|
<p data-i18n-html="alexander_leadership.differentiator.architectural_enforcement">
|
|
<strong>Architectural enforcement</strong> (Tractatus) weaves governance into deployment architecture. Services intercept actions <em>before execution</em> in the critical path—bypasses require explicit --no-verify flags and are logged. Audit trails prove real-time enforcement, not aspirational policy.
|
|
</p>
|
|
</div>
|
|
|
|
<h3 class="text-lg font-bold text-gray-900 mt-6 mb-3" data-i18n="alexander_leadership.principles_heading">Five Principles for Competitive Advantage</h3>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 my-4">
|
|
|
|
<!-- Deep Interlock -->
|
|
<div class="bg-white rounded-lg p-4 border border-gray-200">
|
|
<div class="flex items-center gap-3 mb-2">
|
|
<div class="w-10 h-10 rounded-lg bg-purple-100 text-purple-700 flex items-center justify-center font-bold">1</div>
|
|
<h4 class="font-bold text-gray-900" data-i18n="alexander_leadership.principles.deep_interlock.title">Deep Interlock</h4>
|
|
</div>
|
|
<p class="text-sm text-gray-700" data-i18n-html="alexander_leadership.principles.deep_interlock.description">
|
|
Six governance services <strong>coordinate in real-time</strong>. When one detects risk, others reinforce—resilient enforcement through mutual validation, not isolated checks.
|
|
</p>
|
|
<p class="text-xs text-gray-600 mt-2" data-i18n-html="alexander_leadership.principles.deep_interlock.business_value"><strong>Business Value:</strong> Single service failure doesn't compromise governance. Redundant enforcement layer.</p>
|
|
</div>
|
|
|
|
<!-- Structure-Preserving -->
|
|
<div class="bg-white rounded-lg p-4 border border-gray-200">
|
|
<div class="flex items-center gap-3 mb-2">
|
|
<div class="w-10 h-10 rounded-lg bg-blue-100 text-blue-700 flex items-center justify-center font-bold">2</div>
|
|
<h4 class="font-bold text-gray-900" data-i18n="alexander_leadership.principles.structure_preserving.title">Structure-Preserving</h4>
|
|
</div>
|
|
<p class="text-sm text-gray-700" data-i18n-html="alexander_leadership.principles.structure_preserving.description">
|
|
Framework changes <strong>maintain audit continuity</strong>. Historical governance decisions remain interpretable—institutional memory preserved across evolution.
|
|
</p>
|
|
<p class="text-xs text-gray-600 mt-2" data-i18n-html="alexander_leadership.principles.structure_preserving.business_value"><strong>Business Value:</strong> Regulatory audit trail remains valid. No "governance migration" breaking compliance records.</p>
|
|
</div>
|
|
|
|
<!-- Gradients Not Binary -->
|
|
<div class="bg-white rounded-lg p-4 border border-gray-200">
|
|
<div class="flex items-center gap-3 mb-2">
|
|
<div class="w-10 h-10 rounded-lg bg-indigo-100 text-indigo-700 flex items-center justify-center font-bold">3</div>
|
|
<h4 class="font-bold text-gray-900" data-i18n="alexander_leadership.principles.gradients.title">Gradients Not Binary</h4>
|
|
</div>
|
|
<p class="text-sm text-gray-700" data-i18n-html="alexander_leadership.principles.gradients.description">
|
|
Governance operates on <strong>intensity levels</strong> (NORMAL/ELEVATED/HIGH/CRITICAL)—nuanced response to risk, not mechanical yes/no.
|
|
</p>
|
|
<p class="text-xs text-gray-600 mt-2" data-i18n-html="alexander_leadership.principles.gradients.business_value"><strong>Business Value:</strong> Avoids alert fatigue and over-enforcement. Matches governance intensity to actual risk level.</p>
|
|
</div>
|
|
|
|
<!-- Living Process -->
|
|
<div class="bg-white rounded-lg p-4 border border-gray-200">
|
|
<div class="flex items-center gap-3 mb-2">
|
|
<div class="w-10 h-10 rounded-lg bg-teal-100 text-teal-700 flex items-center justify-center font-bold">4</div>
|
|
<h4 class="font-bold text-gray-900" data-i18n="alexander_leadership.principles.living_process.title">Living Process</h4>
|
|
</div>
|
|
<p class="text-sm text-gray-700" data-i18n-html="alexander_leadership.principles.living_process.description">
|
|
Framework <strong>evolves from operational failures</strong>, not predetermined plans. Adaptive resilience—learns from real incidents.
|
|
</p>
|
|
<p class="text-xs text-gray-600 mt-2" data-i18n-html="alexander_leadership.principles.living_process.business_value"><strong>Business Value:</strong> Continuous improvement without governance migration. System gets smarter through use.</p>
|
|
</div>
|
|
|
|
<!-- Not-Separateness -->
|
|
<div class="bg-white rounded-lg p-4 border border-gray-200">
|
|
<div class="flex items-center gap-3 mb-2">
|
|
<div class="w-10 h-10 rounded-lg bg-pink-100 text-pink-700 flex items-center justify-center font-bold">5</div>
|
|
<h4 class="font-bold text-gray-900" data-i18n="alexander_leadership.principles.not_separateness.title">Not-Separateness</h4>
|
|
</div>
|
|
<p class="text-sm text-gray-700" data-i18n-html="alexander_leadership.principles.not_separateness.description">
|
|
Governance <strong>woven into deployment architecture</strong>, integrated into the critical execution path. Not bolt-on compliance layer—enforcement is structural.
|
|
</p>
|
|
<p class="text-xs text-gray-600 mt-2" data-i18n-html="alexander_leadership.principles.not_separateness.business_value"><strong>Business Value:</strong> Bypasses require explicit flags and are logged. Enforcement happens before actions execute, not after.</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="bg-amber-50 border-l-4 border-amber-500 p-6 rounded-r-lg mt-6">
|
|
<h3 class="text-lg font-bold text-amber-900 mb-3" data-i18n="alexander_leadership.regulatory.heading">Regulatory Positioning</h3>
|
|
<p class="text-sm text-amber-800 mb-3" data-i18n-html="alexander_leadership.regulatory.intro">
|
|
Regulators increasingly distinguish between <strong>documented governance</strong> (policies, training, aspirational frameworks) and <strong>demonstrated enforcement</strong> (architectural constraints with audit trails proving real-time operation).
|
|
</p>
|
|
<p class="text-sm text-amber-800" data-i18n-html="alexander_leadership.regulatory.conclusion">
|
|
Tractatus provides audit evidence of: (1) Governance services operating in critical path, (2) Actions blocked before execution, (3) Historical continuity of enforcement. This positions your organization ahead of "we have policies" baseline.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="flex gap-4 mt-6">
|
|
<a href="/architecture.html" class="inline-block bg-purple-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-purple-700 transition shadow-md">
|
|
<span data-i18n="alexander_leadership.architecture_link">See Technical Architecture →</span>
|
|
</a>
|
|
<a href="/about/values.html" class="inline-block bg-gray-200 text-gray-900 px-6 py-3 rounded-lg font-semibold hover:bg-gray-300 transition">
|
|
<span data-i18n="alexander_leadership.values_link">Values & Principles →</span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Agentic AI & Agent Lightning Integration -->
|
|
<section class="mb-16 bg-gradient-to-br from-purple-50 to-indigo-50 border-2 border-purple-200 rounded-xl p-8">
|
|
<div class="flex items-start gap-4 mb-6">
|
|
<div class="flex-shrink-0">
|
|
<div class="w-14 h-14 rounded-full bg-gradient-to-br from-purple-600 to-indigo-600 text-white flex items-center justify-center text-2xl">
|
|
⚡
|
|
</div>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-3">
|
|
Agentic AI at Scale: The Governance Challenge
|
|
</h2>
|
|
<p class="text-lg text-gray-700">
|
|
<strong>Question:</strong> Are you experimenting with agentic AI? If so, what security guardrails are you putting in place?
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- The Challenge -->
|
|
<div class="bg-white rounded-lg p-6 border border-purple-200 mb-6">
|
|
<h3 class="text-xl font-bold text-gray-900 mb-4">The Challenge: Governance Through Optimization</h3>
|
|
<p class="text-gray-700 mb-4">
|
|
Agentic AI systems increasingly use <strong>reinforcement learning</strong> to optimize performance through continuous training. Microsoft's <strong>Agent Lightning</strong> exemplifies this: agents learn from human feedback to improve responses over time.
|
|
</p>
|
|
<p class="text-gray-700 mb-4">
|
|
This creates a governance question: <strong>How do you maintain safety boundaries when the agent is learning and adapting?</strong>
|
|
</p>
|
|
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded-r-lg">
|
|
<p class="text-sm text-red-900 font-semibold mb-2">The Risk:</p>
|
|
<p class="text-sm text-red-800">
|
|
Traditional governance approaches assume static behavior. When agents optimize through training loops, instructions can fade, boundaries can drift, and audit trails can become unreliable. What worked in testing may not persist through production learning cycles.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- The Tractatus Answer -->
|
|
<div class="bg-white rounded-lg p-6 border border-purple-200 mb-6">
|
|
<h3 class="text-xl font-bold text-gray-900 mb-4">Tractatus Approach: Architectural Separation</h3>
|
|
<p class="text-gray-700 mb-4">
|
|
Tractatus addresses this through <strong>external governance services</strong> that operate independently of the optimization layer:
|
|
</p>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
|
|
<div class="bg-blue-50 border-2 border-blue-200 rounded-lg p-4">
|
|
<h4 class="font-bold text-blue-900 mb-2">Optimization Layer</h4>
|
|
<p class="text-sm text-blue-800 mb-3">Agent Lightning trains agents to improve performance through reinforcement learning</p>
|
|
<ul class="text-xs text-blue-700 space-y-1">
|
|
<li>• Learns from human feedback</li>
|
|
<li>• Optimizes response quality</li>
|
|
<li>• Reduces compute requirements</li>
|
|
<li>• Adapts over time</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="bg-purple-50 border-2 border-purple-200 rounded-lg p-4">
|
|
<h4 class="font-bold text-purple-900 mb-2">Governance Layer</h4>
|
|
<p class="text-sm text-purple-800 mb-3">Tractatus enforces boundaries before actions execute</p>
|
|
<ul class="text-xs text-purple-700 space-y-1">
|
|
<li>• BoundaryEnforcer: Blocks unsafe decisions</li>
|
|
<li>• CrossReferenceValidator: Enforces constraints</li>
|
|
<li>• PluralisticDeliberator: Multi-stakeholder input</li>
|
|
<li>• PressureMonitor: Detects manipulation</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-gray-100 border-l-4 border-gray-600 p-4 rounded-r-lg">
|
|
<p class="text-sm text-gray-800">
|
|
<strong>Key architectural principle:</strong> Governance services run <em>before</em> optimization. Agent Lightning never sees decisions that violate boundaries - they're blocked at the governance layer. Training happens only on approved actions.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- What We're Learning -->
|
|
<div class="bg-white rounded-lg p-6 border border-purple-200 mb-6">
|
|
<h3 class="text-xl font-bold text-gray-900 mb-4">What We're Learning: Integration at Scale</h3>
|
|
|
|
<div class="bg-amber-50 border-2 border-amber-400 rounded-lg p-4 mb-4">
|
|
<div class="flex items-start gap-3">
|
|
<svg class="w-6 h-6 text-amber-600 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<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>
|
|
<div>
|
|
<p class="font-semibold text-amber-900 mb-1">Research Status: Preliminary</p>
|
|
<p class="text-sm text-amber-800">
|
|
Demo 2 shows 100% governance coverage maintained through 5 training rounds (small-scale, simulated environment). This is <strong>not production validation</strong> - it's early evidence requiring real-world testing.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="text-gray-700 mb-4">
|
|
We are working to integrate this framework at scale to answer critical questions:
|
|
</p>
|
|
|
|
<ul class="space-y-3 text-sm text-gray-700">
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-purple-600 font-bold flex-shrink-0">1.</span>
|
|
<span><strong>Persistence:</strong> Do governance boundaries survive long-term training cycles (hundreds/thousands of rounds)?</span>
|
|
</li>
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-purple-600 font-bold flex-shrink-0">2.</span>
|
|
<span><strong>Performance:</strong> Does the 5% engagement reduction close over time, or is it a persistent trade-off?</span>
|
|
</li>
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-purple-600 font-bold flex-shrink-0">3.</span>
|
|
<span><strong>Adversarial resistance:</strong> Can governance withstand attempts to optimize around constraints?</span>
|
|
</li>
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-purple-600 font-bold flex-shrink-0">4.</span>
|
|
<span><strong>Multi-agent scenarios:</strong> Does architectural separation hold when multiple agents interact?</span>
|
|
</li>
|
|
<li class="flex items-start gap-3">
|
|
<span class="text-purple-600 font-bold flex-shrink-0">5.</span>
|
|
<span><strong>Audit integrity:</strong> Do logs remain reliable evidence under regulatory review?</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- What This Means -->
|
|
<div class="bg-white rounded-lg p-6 border border-purple-200">
|
|
<h3 class="text-xl font-bold text-gray-900 mb-4">What This Means: Security Guardrails for Agentic AI</h3>
|
|
|
|
<div class="space-y-4 text-gray-700">
|
|
<div class="flex items-start gap-3">
|
|
<svg class="w-6 h-6 text-green-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
<div>
|
|
<p class="font-semibold text-gray-900 mb-1">Persistent Governance</p>
|
|
<p class="text-sm">Instructions don't fade through training cycles - they're enforced architecturally, not through prompt engineering</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-start gap-3">
|
|
<svg class="w-6 h-6 text-green-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
<div>
|
|
<p class="font-semibold text-gray-900 mb-1">Audit Trail Continuity</p>
|
|
<p class="text-sm">Complete log of enforcement decisions across all training rounds - not just aspirational policies</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-start gap-3">
|
|
<svg class="w-6 h-6 text-green-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
<div>
|
|
<p class="font-semibold text-gray-900 mb-1">Human Agency Preserved</p>
|
|
<p class="text-sm">Optimization cannot bypass human approval requirements for values decisions - architectural blocking enforced</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-start gap-3">
|
|
<svg class="w-6 h-6 text-green-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
<div>
|
|
<p class="font-semibold text-gray-900 mb-1">Compliance Continuity</p>
|
|
<p class="text-sm">EU AI Act Article 14 (human oversight) remains satisfied even as agent learns - oversight is structural, not procedural</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-6 pt-6 border-t border-gray-200">
|
|
<p class="text-sm text-gray-600 italic">
|
|
<strong>Leadership opportunity:</strong> Organizations that establish persistent governance for agentic AI <em>now</em> position themselves ahead of inevitable regulatory requirements. Architectural enforcement demonstrates commitment beyond "we have policies."
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Call to Action -->
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-6">
|
|
<a href="/integrations/agent-lightning.html"
|
|
class="inline-flex items-center justify-center px-6 py-3 bg-purple-600 text-white font-semibold rounded-lg hover:bg-purple-700 transition shadow-md">
|
|
Integration Guide →
|
|
</a>
|
|
<a href="/downloads/tractatus-agent-lightning-v1.0.tar.gz"
|
|
class="inline-flex items-center justify-center px-6 py-3 bg-white border-2 border-purple-600 text-purple-700 font-semibold rounded-lg hover:bg-purple-50 transition">
|
|
📦 Install Pack
|
|
</a>
|
|
<a href="https://discord.gg/Dkke2ADu4E" target="_blank" rel="noopener noreferrer"
|
|
class="inline-flex items-center justify-center px-6 py-3 bg-indigo-600 text-white font-semibold rounded-lg hover:bg-indigo-700 transition">
|
|
💬 Tractatus Discord
|
|
</a>
|
|
<a href="https://discord.gg/bVZtkceKsS" target="_blank" rel="noopener noreferrer"
|
|
class="inline-flex items-center justify-center px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition">
|
|
⚡ AL Discord
|
|
</a>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<!-- Governance Assessment Framework -->
|
|
<section class="mb-16">
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-6" data-i18n="sections.governance_assessment.heading">Governance Theatre vs. Enforcement</h2>
|
|
|
|
<div class="bg-gray-50 border border-gray-200 rounded-lg p-6 mb-6">
|
|
<p class="text-gray-700 mb-4" data-i18n="sections.governance_assessment.intro">
|
|
Many organizations have AI governance but lack enforcement. The diagnostic question:
|
|
</p>
|
|
|
|
<div class="bg-white border-l-4 border-amber-500 p-5 mb-4">
|
|
<p class="font-semibold text-gray-900 mb-2" data-i18n="sections.governance_assessment.question">
|
|
"What structurally prevents your AI from executing values decisions without human approval?"
|
|
</p>
|
|
<ul class="space-y-2 text-sm text-gray-700 mt-3">
|
|
<li data-i18n="sections.governance_assessment.answer_theatre"><strong class="text-red-700">If your answer is "policies" or "training" or "review processes":</strong> You have governance theatre (voluntary compliance)</li>
|
|
<li data-i18n="sections.governance_assessment.answer_enforcement"><strong class="text-green-700">If your answer is "architectural blocking mechanism with audit trail":</strong> You have enforcement (Tractatus is one implementation)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<p class="text-sm text-gray-600 mb-4" data-i18n="sections.governance_assessment.consequence">
|
|
Theatre may be acceptable if governance failures are low-consequence. Enforcement becomes relevant when failures trigger regulatory exposure, safety incidents, or existential business risk.
|
|
</p>
|
|
|
|
<div class="border-t border-gray-300 pt-4 mt-4">
|
|
<a href="/downloads/business-case-tractatus-framework.pdf"
|
|
target="_blank"
|
|
class="inline-flex items-center text-amber-800 hover:text-amber-900 font-medium underline">
|
|
<span data-i18n="sections.governance_assessment.template_link">Assessment Framework: Business Case Template (PDF)</span>
|
|
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Problem Statement -->
|
|
<section class="mb-16">
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-6" data-i18n="sections.governance_gap.heading">The Governance Gap</h2>
|
|
<div class="prose prose-gray max-w-none">
|
|
<p class="text-gray-700 mb-4" data-i18n="sections.governance_gap.intro">
|
|
Current AI governance approaches—policy documents, training programmes, ethical guidelines—rely on voluntary compliance. LLM systems can bypass these controls simply by not invoking them. When an AI agent needs to check a policy, it must choose to do so. When it should escalate a decision to human oversight, it must recognise that obligation.
|
|
</p>
|
|
<p class="text-gray-700 mb-4" data-i18n="sections.governance_gap.problem">
|
|
This creates a structural problem: governance exists only insofar as the AI acknowledges it. For organisations subject to EU AI Act Article 14 (human oversight requirements) or deploying AI in high-stakes domains, this voluntary model is inadequate.
|
|
</p>
|
|
<p class="text-gray-700" data-i18n="sections.governance_gap.solution">
|
|
Tractatus explores whether governance can be made architecturally external—difficult to bypass not through better prompts, but through system design that places control points outside the AI's discretion.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Technical Approach (Accordion) -->
|
|
<section class="mb-16">
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-6" data-i18n="sections.architectural_approach.heading">Architectural Approach</h2>
|
|
|
|
<!-- Three-Layer Architecture Card -->
|
|
<div class="border border-gray-300 rounded-lg mb-4">
|
|
<button type="button" class="accordion-button bg-gray-50 p-5 flex justify-between items-center" data-accordion="arch-layers" aria-expanded="false" aria-controls="arch-layers-content" id="arch-layers-button">
|
|
<h3 class="font-semibold text-gray-900" data-i18n="sections.architectural_approach.three_layer_title">Three-Layer Architecture</h3>
|
|
<svg id="arch-layers-icon" class="accordion-icon w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
|
</svg>
|
|
</button>
|
|
<div id="arch-layers-content" class="accordion-content" role="region" aria-labelledby="arch-layers-button">
|
|
<div class="p-5 border-t border-gray-200 space-y-3 text-sm text-gray-700">
|
|
<div class="flex gap-3">
|
|
<span class="font-mono text-gray-500">1.</span>
|
|
<div>
|
|
<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 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 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>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Six Governance Services Card -->
|
|
<div class="border border-gray-300 rounded-lg">
|
|
<button type="button" class="accordion-button bg-gray-50 p-5 flex justify-between items-center" data-accordion="services" aria-expanded="false" aria-controls="services-content" id="services-button">
|
|
<h3 class="font-semibold text-gray-900" data-i18n="sections.architectural_approach.services_title">Six Governance Services</h3>
|
|
<svg id="services-icon" class="accordion-icon w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
|
</svg>
|
|
</button>
|
|
<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" 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" 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" 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" 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" 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" 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>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Governance Capabilities Demonstrations -->
|
|
<section class="mb-16">
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-6" data-i18n="sections.governance_capabilities.heading">Governance Capabilities</h2>
|
|
<p class="text-sm text-gray-600 mb-6" data-i18n="sections.governance_capabilities.intro">
|
|
Three interactive demonstrations showing governance infrastructure in operation. These show mechanisms, not fictional scenarios.
|
|
</p>
|
|
|
|
<!-- Demo 1: Audit Trail & Compliance Evidence -->
|
|
<div class="border border-gray-300 rounded-lg mb-4">
|
|
<button type="button" class="accordion-button bg-gradient-to-r from-blue-50 to-indigo-50 p-5 flex justify-between items-center" data-accordion="demo-audit" aria-expanded="false" aria-controls="demo-audit-content" id="demo-audit-button">
|
|
<div>
|
|
<h3 class="font-semibold text-gray-900" data-i18n="sections.governance_capabilities.audit_trail_title">Audit Trail & Compliance Evidence Generation</h3>
|
|
<p class="text-sm text-gray-600 mt-1" data-i18n="sections.governance_capabilities.audit_trail_desc">Immutable logging, evidence extraction, regulatory reporting</p>
|
|
</div>
|
|
<svg id="demo-audit-icon" class="accordion-icon w-5 h-5 text-gray-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
|
</svg>
|
|
</button>
|
|
<div id="demo-audit-content" class="accordion-content" role="region" aria-labelledby="demo-audit-button">
|
|
<div class="p-5 border-t border-gray-200">
|
|
<div class="bg-white rounded border border-gray-200 p-4 mb-4">
|
|
<h4 class="text-sm font-semibold text-gray-900 mb-3" data-i18n="sections.governance_capabilities.sample_heading">Sample Audit Log Structure</h4>
|
|
<pre class="text-xs font-mono bg-gray-50 p-3 rounded overflow-x-auto text-gray-700"><code>{
|
|
"timestamp": "2025-10-13T14:23:17.482Z",
|
|
"session_id": "sess_2025-10-13-001",
|
|
"event_type": "BOUNDARY_CHECK",
|
|
"service": "BoundaryEnforcer",
|
|
"decision": "BLOCKED",
|
|
"reason": "Values decision requires human approval",
|
|
"context": {
|
|
"domain": "cost_vs_safety_tradeoff",
|
|
"ai_recommendation": "[redacted]",
|
|
"governance_rule": "TRA-OPS-0003"
|
|
},
|
|
"human_escalation": {
|
|
"required": true,
|
|
"notified": ["senior_engineer@org.com"],
|
|
"status": "pending_approval"
|
|
},
|
|
"compliance_tags": ["EU_AI_ACT_Article14", "human_oversight"]
|
|
}</code></pre>
|
|
</div>
|
|
|
|
<div class="space-y-3 text-sm text-gray-700">
|
|
<div class="bg-blue-50 border-l-4 border-blue-500 p-3">
|
|
<strong class="text-blue-900" data-i18n="sections.governance_capabilities.immutability_label">Immutability:</strong> <span class="text-blue-800" data-i18n="sections.governance_capabilities.immutability_text">Audit logs stored in append-only database. AI cannot modify or delete entries.</span>
|
|
</div>
|
|
<div class="bg-green-50 border-l-4 border-green-500 p-3">
|
|
<strong class="text-green-900" data-i18n="sections.governance_capabilities.compliance_label">Compliance Evidence:</strong> <span class="text-green-800" data-i18n="sections.governance_capabilities.compliance_text">Automatic tagging with regulatory requirements (EU AI Act Article 14, GDPR Article 22, etc.)</span>
|
|
</div>
|
|
<div class="bg-amber-50 border-l-4 border-amber-500 p-3">
|
|
<strong class="text-amber-900" data-i18n="sections.governance_capabilities.export_label">Export Capabilities:</strong> <span class="text-amber-800" data-i18n="sections.governance_capabilities.export_text">Generate compliance reports for regulators showing human oversight enforcement</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-4 pt-4 border-t border-gray-200">
|
|
<p class="text-xs text-gray-600" data-i18n="sections.governance_capabilities.footer_text">
|
|
When regulator asks "How do you prove effective human oversight at scale?", this audit trail provides structural evidence independent of AI cooperation.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Demo 2: Continuous Improvement Cycle -->
|
|
<div class="border border-gray-300 rounded-lg mb-4">
|
|
<button type="button" class="accordion-button bg-gradient-to-r from-green-50 to-emerald-50 p-5 flex justify-between items-center" data-accordion="demo-learning" aria-expanded="false" aria-controls="demo-learning-content" id="demo-learning-button">
|
|
<div>
|
|
<h3 class="font-semibold text-gray-900" data-i18n="sections.governance_capabilities.continuous_improvement_title">Continuous Improvement: Incident → Rule Creation</h3>
|
|
<p class="text-sm text-gray-600 mt-1" data-i18n="sections.governance_capabilities.continuous_improvement_desc">Learning from failures, automated rule generation, validation</p>
|
|
</div>
|
|
<svg id="demo-learning-icon" class="accordion-icon w-5 h-5 text-gray-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
|
</svg>
|
|
</button>
|
|
<div id="demo-learning-content" class="accordion-content" role="region" aria-labelledby="demo-learning-button">
|
|
<div class="p-5 border-t border-gray-200">
|
|
<div class="space-y-4">
|
|
<!-- Flow diagram -->
|
|
<div class="bg-gray-50 border border-gray-200 rounded p-4">
|
|
<h4 class="text-sm font-semibold text-gray-900 mb-4" data-i18n="sections.governance_capabilities.flow_heading">Incident Learning Flow</h4>
|
|
<div class="space-y-3">
|
|
<div class="flex items-center gap-3">
|
|
<div class="bg-red-100 text-red-700 px-3 py-2 rounded text-xs font-medium w-40">1. Incident Detected</div>
|
|
<div class="text-xs text-gray-600" data-i18n="sections.governance_capabilities.step_1_desc">CrossReferenceValidator flags policy violation</div>
|
|
</div>
|
|
<div class="flex items-center gap-3">
|
|
<div class="bg-amber-100 text-amber-900 px-3 py-2 rounded text-xs font-medium w-40">2. Root Cause Analysis</div>
|
|
<div class="text-xs text-gray-600" data-i18n="sections.governance_capabilities.step_2_desc">Automated analysis of instruction history, context state</div>
|
|
</div>
|
|
<div class="flex items-center gap-3">
|
|
<div class="bg-blue-100 text-blue-700 px-3 py-2 rounded text-xs font-medium w-40">3. Rule Generation</div>
|
|
<div class="text-xs text-gray-600" data-i18n="sections.governance_capabilities.step_3_desc">Proposed governance rule to prevent recurrence</div>
|
|
</div>
|
|
<div class="flex items-center gap-3">
|
|
<div class="bg-purple-100 text-purple-700 px-3 py-2 rounded text-xs font-medium w-40">4. Human Validation</div>
|
|
<div class="text-xs text-gray-600" data-i18n="sections.governance_capabilities.step_4_desc">Governance board reviews and approves new rule</div>
|
|
</div>
|
|
<div class="flex items-center gap-3">
|
|
<div class="bg-green-100 text-green-700 px-3 py-2 rounded text-xs font-medium w-40">5. Deployment</div>
|
|
<div class="text-xs text-gray-600" data-i18n="sections.governance_capabilities.step_5_desc">Rule added to persistent storage, active immediately</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Example rule -->
|
|
<div class="bg-white border border-gray-200 rounded p-4">
|
|
<h4 class="text-sm font-semibold text-gray-900 mb-2" data-i18n="sections.governance_capabilities.example_heading">Example Generated Rule</h4>
|
|
<pre class="text-xs font-mono bg-gray-50 p-3 rounded overflow-x-auto text-gray-700"><code>{
|
|
"rule_id": "TRA-OPS-0042",
|
|
"created": "2025-10-13T15:45:00Z",
|
|
"trigger": "incident_27027_pattern_bias",
|
|
"description": "Prevent AI from defaulting to pattern recognition when explicit numeric values specified",
|
|
"enforcement": {
|
|
"service": "InstructionPersistenceClassifier",
|
|
"action": "STORE_AND_VALIDATE",
|
|
"priority": "HIGH"
|
|
},
|
|
"validation_required": true,
|
|
"approved_by": "governance_board",
|
|
"status": "active"
|
|
}</code></pre>
|
|
</div>
|
|
|
|
<div class="text-xs text-gray-600 pt-3 border-t border-gray-200">
|
|
<strong data-i18n="sections.governance_capabilities.learning_label">Organisational Learning:</strong> <span data-i18n="sections.governance_capabilities.learning_text">When one team encounters governance failure, entire organisation benefits from automatically generated preventive rules. Scales governance knowledge without manual documentation.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Demo 3: PluralisticDeliberationOrchestrator -->
|
|
<div class="border border-gray-300 rounded-lg">
|
|
<button type="button" class="accordion-button bg-gradient-to-r from-purple-50 to-pink-50 p-5 flex justify-between items-center" data-accordion="demo-deliberation" aria-expanded="false" aria-controls="demo-deliberation-content" id="demo-deliberation-button">
|
|
<div>
|
|
<h3 class="font-semibold text-gray-900" data-i18n="sections.governance_capabilities.pluralistic_deliberation_title">Pluralistic Deliberation: Values Conflict Resolution</h3>
|
|
<p class="text-sm text-gray-600 mt-1" data-i18n="sections.governance_capabilities.pluralistic_deliberation_desc">Multi-stakeholder engagement, non-hierarchical process, moral remainder documentation</p>
|
|
</div>
|
|
<svg id="demo-deliberation-icon" class="accordion-icon w-5 h-5 text-gray-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
|
</svg>
|
|
</button>
|
|
<div id="demo-deliberation-content" class="accordion-content" role="region" aria-labelledby="demo-deliberation-button">
|
|
<div class="p-5 border-t border-gray-200">
|
|
<div class="space-y-4">
|
|
<!-- Abstract conflict scenario -->
|
|
<div class="bg-amber-50 border-l-4 border-amber-500 p-4 text-sm">
|
|
<strong class="text-amber-900" data-i18n="sections.governance_capabilities.conflict_label">Conflict Detection:</strong>
|
|
<p class="text-amber-800 mt-1" data-i18n="sections.governance_capabilities.conflict_text">AI system identifies competing values in decision context (e.g., efficiency vs. transparency, cost vs. risk mitigation, innovation vs. regulatory compliance). BoundaryEnforcer blocks autonomous decision, escalates to PluralisticDeliberationOrchestrator.</p>
|
|
</div>
|
|
|
|
<!-- Stakeholder identification -->
|
|
<div class="bg-white border border-gray-200 rounded p-4">
|
|
<h4 class="text-sm font-semibold text-gray-900 mb-3" data-i18n="sections.governance_capabilities.stakeholder_heading">Stakeholder Identification Process</h4>
|
|
<div class="space-y-2 text-xs text-gray-700">
|
|
<div class="flex gap-2">
|
|
<span class="text-purple-600">1.</span>
|
|
<div data-i18n="sections.governance_capabilities.stakeholder_1"><strong>Automatic Detection:</strong> System identifies which values frameworks are in tension (utilitarian, deontological, virtue ethics, contractarian, etc.)</div>
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<span class="text-purple-600">2.</span>
|
|
<div data-i18n="sections.governance_capabilities.stakeholder_2"><strong>Stakeholder Mapping:</strong> Identifies parties with legitimate interest in decision (affected parties, domain experts, governance authorities, community representatives)</div>
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<span class="text-purple-600">3.</span>
|
|
<div data-i18n="sections.governance_capabilities.stakeholder_3"><strong>Human Approval:</strong> Governance board reviews stakeholder list, adds/removes as appropriate (TRA-OPS-0002)</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Deliberation process -->
|
|
<div class="bg-white border border-gray-200 rounded p-4">
|
|
<h4 class="text-sm font-semibold text-gray-900 mb-3" data-i18n="sections.governance_capabilities.deliberation_heading">Non-Hierarchical Deliberation</h4>
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-3 text-xs">
|
|
<div class="bg-blue-50 p-3 rounded">
|
|
<div class="font-semibold text-blue-900 mb-1" data-i18n="sections.governance_capabilities.equal_voice_title">Equal Voice</div>
|
|
<div class="text-blue-800" data-i18n="sections.governance_capabilities.equal_voice_text">All stakeholders present perspectives without hierarchical weighting. Technical experts don't automatically override community concerns.</div>
|
|
</div>
|
|
<div class="bg-green-50 p-3 rounded">
|
|
<div class="font-semibold text-green-900 mb-1" data-i18n="sections.governance_capabilities.dissent_title">Documented Dissent</div>
|
|
<div class="text-green-800" data-i18n="sections.governance_capabilities.dissent_text">Minority positions recorded in full. Dissenting stakeholders can document why consensus fails their values framework.</div>
|
|
</div>
|
|
<div class="bg-purple-50 p-3 rounded">
|
|
<div class="font-semibold text-purple-900 mb-1" data-i18n="sections.governance_capabilities.moral_title">Moral Remainder</div>
|
|
<div class="text-purple-800" data-i18n="sections.governance_capabilities.moral_text">System documents unavoidable value trade-offs. Even "correct" decision creates documented harm to other legitimate values.</div>
|
|
</div>
|
|
<div class="bg-amber-50 p-3 rounded">
|
|
<div class="font-semibold text-amber-900 mb-1" data-i18n="sections.governance_capabilities.precedent_title">Precedent (Not Binding)</div>
|
|
<div class="text-amber-800" data-i18n="sections.governance_capabilities.precedent_text">Decision becomes informative precedent for similar conflicts. But context differences mean precedents guide, not dictate.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Output structure -->
|
|
<div class="bg-gray-50 border border-gray-200 rounded p-4">
|
|
<h4 class="text-sm font-semibold text-gray-900 mb-2" data-i18n="sections.governance_capabilities.record_heading">Deliberation Record Structure</h4>
|
|
<pre class="text-xs font-mono bg-white p-3 rounded overflow-x-auto text-gray-700"><code>{
|
|
"deliberation_id": "delib_2025-10-13-003",
|
|
"conflict_type": "efficiency_vs_transparency",
|
|
"stakeholders": [
|
|
{"role": "technical_lead", "position": "favour_efficiency"},
|
|
{"role": "compliance_officer", "position": "favour_transparency"},
|
|
{"role": "customer_representative", "position": "favour_transparency"},
|
|
{"role": "operations_manager", "position": "favour_efficiency"}
|
|
],
|
|
"decision": "favour_transparency_with_mitigation",
|
|
"rationale": "[documented reasoning]",
|
|
"dissent": {
|
|
"stakeholders": ["technical_lead", "operations_manager"],
|
|
"reasoning": "[efficiency concerns documented in full]"
|
|
},
|
|
"moral_remainder": {
|
|
"acknowledged_harms": "Reduced operational efficiency, increased resource costs",
|
|
"mitigation_measures": "Phased transparency implementation, efficiency monitoring"
|
|
},
|
|
"precedent_status": "informative_not_binding"
|
|
}</code></pre>
|
|
</div>
|
|
|
|
<div class="text-xs text-gray-600 pt-3 border-t border-gray-200" data-i18n="sections.governance_capabilities.key_principle">
|
|
<strong>Key Principle:</strong> When legitimate values conflict, no algorithm can determine the "correct" answer. Tractatus provides architecture for decisions to be made through inclusive deliberation with full documentation of trade-offs, rather than AI imposing single values framework or decision-maker dismissing stakeholder concerns.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Development Status (Accordion) -->
|
|
<section class="mb-16">
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-6" data-i18n="sections.development_status.heading">Development Status</h2>
|
|
|
|
<div class="bg-amber-50 border border-amber-200 rounded-lg p-6 mb-6">
|
|
<p class="text-sm text-amber-900 font-medium mb-2" data-i18n="sections.development_status.warning_title">Early-Stage Research Framework</p>
|
|
<p class="text-sm text-amber-800" data-i18n="sections.development_status.warning_text">
|
|
Tractatus is a proof-of-concept developed over six months in a single project context (this website). It demonstrates architectural patterns for AI governance but has not undergone independent validation, red-team testing, or multi-organisation deployment.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="border border-gray-300 rounded-lg">
|
|
<button type="button" class="accordion-button bg-gray-50 p-5 flex justify-between items-center" data-accordion="validation" aria-expanded="false" aria-controls="validation-content" id="validation-button">
|
|
<h3 class="font-semibold text-gray-900" data-i18n="sections.development_status.validation_title">Validated vs. Not Validated</h3>
|
|
<svg id="validation-icon" class="accordion-icon w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
|
</svg>
|
|
</button>
|
|
<div id="validation-content" class="accordion-content" role="region" aria-labelledby="validation-button">
|
|
<div class="p-5 border-t border-gray-200 space-y-4 text-sm text-gray-700">
|
|
<div>
|
|
<strong class="text-gray-900" data-i18n="sections.development_status.validated_label">Validated:</strong> <span data-i18n="sections.development_status.validated_text">Framework successfully governs Claude Code in development workflows. User reports order-of-magnitude improvement in productivity for non-technical operators building production systems.</span>
|
|
</div>
|
|
<div>
|
|
<strong class="text-gray-900" data-i18n="sections.development_status.not_validated_label">Not Validated:</strong> <span data-i18n="sections.development_status.not_validated_text">Performance at enterprise scale, integration complexity with existing systems, effectiveness against adversarial prompts, cross-platform consistency.</span>
|
|
</div>
|
|
<div>
|
|
<strong class="text-gray-900" data-i18n="sections.development_status.limitation_label">Known Limitation:</strong> <span data-i18n="sections.development_status.limitation_text">Framework can be bypassed if AI simply chooses not to use governance tools. Voluntary invocation remains a structural weakness requiring external enforcement mechanisms.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- EU AI Act (Accordion) -->
|
|
<section class="mb-16">
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-6" data-i18n="sections.eu_ai_act.heading">EU AI Act Considerations</h2>
|
|
|
|
<div class="border border-gray-300 rounded-lg">
|
|
<button type="button" class="accordion-button bg-gray-50 p-5 flex justify-between items-center" data-accordion="euaiact" aria-expanded="false" aria-controls="euaiact-content" id="euaiact-button">
|
|
<h3 class="font-semibold text-gray-900" data-i18n="sections.eu_ai_act.article_14_title">Regulation 2024/1689, Article 14: Human Oversight</h3>
|
|
<svg id="euaiact-icon" class="accordion-icon w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
|
</svg>
|
|
</button>
|
|
<div id="euaiact-content" class="accordion-content" role="region" aria-labelledby="euaiact-button">
|
|
<div class="p-5 border-t border-gray-200 prose prose-sm max-w-none text-gray-700">
|
|
<p class="mb-4" data-i18n="sections.eu_ai_act.intro">
|
|
The EU AI Act (Regulation 2024/1689) establishes human oversight requirements for high-risk AI systems (Article 14). Organisations must ensure AI systems are "effectively overseen by natural persons" with authority to interrupt or disregard AI outputs.
|
|
</p>
|
|
<p class="mb-4" data-i18n="sections.eu_ai_act.addresses">
|
|
Tractatus addresses this through architectural controls that:
|
|
</p>
|
|
<ul class="list-disc pl-6 space-y-2 mb-4">
|
|
<li data-i18n="sections.eu_ai_act.bullet_1">Generate immutable audit trails documenting AI decision-making processes</li>
|
|
<li data-i18n="sections.eu_ai_act.bullet_2">Enforce human approval requirements for values-based decisions</li>
|
|
<li data-i18n="sections.eu_ai_act.bullet_3">Provide evidence of oversight mechanisms independent of AI cooperation</li>
|
|
<li data-i18n="sections.eu_ai_act.bullet_4">Document compliance with transparency and record-keeping obligations</li>
|
|
</ul>
|
|
<p class="mb-4" data-i18n="sections.eu_ai_act.disclaimer">
|
|
<strong>This does not constitute legal compliance advice.</strong> Organisations should evaluate whether these architectural patterns align with their specific regulatory obligations in consultation with legal counsel.
|
|
</p>
|
|
<p class="text-gray-600 text-xs" data-i18n="sections.eu_ai_act.penalties">
|
|
Maximum penalties under EU AI Act: €35 million or 7% of global annual turnover (whichever is higher) for prohibited AI practices; €15 million or 3% for other violations.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Research Foundations (Accordion) -->
|
|
<section class="mb-16">
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-6" data-i18n="sections.research_foundations.heading">Research Foundations</h2>
|
|
|
|
<div class="border border-gray-300 rounded-lg">
|
|
<button type="button" class="accordion-button bg-gray-50 p-5 flex justify-between items-center" data-accordion="research" aria-expanded="false" aria-controls="research-content" id="research-button">
|
|
<h3 class="font-semibold text-gray-900" data-i18n="sections.research_foundations.org_theory_title">Organisational Theory & Philosophical Basis</h3>
|
|
<svg id="research-icon" class="accordion-icon w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
|
</svg>
|
|
</button>
|
|
<div id="research-content" class="accordion-content" role="region" aria-labelledby="research-button">
|
|
<div class="p-5 border-t border-gray-200 text-sm text-gray-700 space-y-3">
|
|
<p data-i18n="sections.research_foundations.intro">
|
|
Tractatus draws on 40+ years of organisational theory research: time-based organisation (Bluedorn, Ancona), knowledge orchestration (Crossan), post-bureaucratic authority (Laloux), structural inertia (Hannan & Freeman).
|
|
</p>
|
|
<p data-i18n="sections.research_foundations.premise">
|
|
Core premise: When knowledge becomes ubiquitous through AI, authority must derive from appropriate time horizon and domain expertise rather than hierarchical position. Governance systems must orchestrate decision-making across strategic, operational, and tactical timescales.
|
|
</p>
|
|
<p>
|
|
<a href="/downloads/organizational-theory-foundations-of-the-tractatus-framework.pdf" target="_blank" class="text-amber-800 hover:text-amber-900 font-medium inline-flex items-center underline">
|
|
<span data-i18n="sections.research_foundations.view_pdf">View complete organisational theory foundations (PDF)</span>
|
|
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
|
|
</svg>
|
|
</a>
|
|
</p>
|
|
<p class="mt-3">
|
|
<span data-i18n="sections.research_foundations.ai_safety_title"><strong>AI Safety Research:</strong> Architectural Safeguards Against LLM Hierarchical Dominance</span> — <span data-i18n="sections.research_foundations.ai_safety_desc">How Tractatus protects pluralistic values from AI pattern bias while maintaining safety boundaries.</span>
|
|
<span class="inline-flex gap-3 mt-2">
|
|
<a href="/docs/research/ARCHITECTURAL-SAFEGUARDS-Against-LLM-Hierarchical-Dominance-Prose.pdf" target="_blank" class="text-amber-800 hover:text-amber-900 font-medium inline-flex items-center underline">
|
|
<span data-i18n="sections.research_foundations.pdf_link">PDF</span>
|
|
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
|
|
</svg>
|
|
</a>
|
|
<span class="text-gray-400">|</span>
|
|
<a href="/docs.html?doc=architectural-safeguards-against-llm-hierarchical-dominance-prose" class="text-amber-800 hover:text-amber-900 font-medium inline-flex items-center underline">
|
|
<span data-i18n="sections.research_foundations.read_online">Read online</span>
|
|
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
|
|
</svg>
|
|
</a>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Scope & Limitations (Accordion) -->
|
|
<section class="mb-16">
|
|
<h2 class="text-2xl font-bold text-gray-900 mb-6" data-i18n="sections.scope_limitations.heading">Scope & Limitations</h2>
|
|
|
|
<div class="border border-gray-300 rounded-lg">
|
|
<button type="button" class="accordion-button bg-gray-50 p-5 flex justify-between items-center" data-accordion="scope" aria-expanded="false" aria-controls="scope-content" id="scope-button">
|
|
<h3 class="font-semibold text-gray-900" data-i18n="sections.scope_limitations.title">What This Is Not • What It Offers</h3>
|
|
<svg id="scope-icon" class="accordion-icon w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
|
</svg>
|
|
</button>
|
|
<div id="scope-content" class="accordion-content" role="region" aria-labelledby="scope-button">
|
|
<div class="p-5 border-t border-gray-200 space-y-4 text-sm text-gray-700">
|
|
<div>
|
|
<strong class="text-gray-900" data-i18n="sections.scope_limitations.not_title">Tractatus is not:</strong>
|
|
<ul class="list-disc pl-6 mt-2 space-y-1 text-gray-600">
|
|
<li data-i18n="sections.scope_limitations.not_1">An AI safety solution for all contexts</li>
|
|
<li data-i18n="sections.scope_limitations.not_2">Independently validated or security-audited</li>
|
|
<li data-i18n="sections.scope_limitations.not_3">Tested against adversarial attacks</li>
|
|
<li data-i18n="sections.scope_limitations.not_4">Validated across multiple organizations</li>
|
|
<li data-i18n="sections.scope_limitations.not_5">A substitute for legal compliance review</li>
|
|
<li data-i18n="sections.scope_limitations.not_6">A commercial product (research framework, Apache 2.0 licence)</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<strong class="text-gray-900" data-i18n="sections.scope_limitations.offers_title">What it offers:</strong>
|
|
<ul class="list-disc pl-6 mt-2 space-y-1 text-gray-600">
|
|
<li data-i18n="sections.scope_limitations.offers_1">Architectural patterns for external governance controls</li>
|
|
<li data-i18n="sections.scope_limitations.offers_2">Reference implementation demonstrating feasibility</li>
|
|
<li data-i18n="sections.scope_limitations.offers_3">Foundation for organisational pilots and validation studies</li>
|
|
<li data-i18n="sections.scope_limitations.offers_4">Evidence that structural approaches to AI safety merit investigation</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Assessment Resources -->
|
|
<section class="border-t border-gray-200 pt-12">
|
|
<h2 class="text-xl font-bold text-gray-900 mb-4" data-i18n="footer.assessment_resources">Assessment Resources</h2>
|
|
|
|
<p class="text-sm text-gray-600 mb-6" data-i18n="footer.intro">
|
|
If your regulatory context or risk profile suggests architectural governance may be relevant, these resources support self-evaluation:
|
|
</p>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-8">
|
|
<a href="/downloads/business-case-tractatus-framework.pdf" target="_blank" class="block border border-gray-300 rounded-lg p-5 hover-lift hover:border-amber-500">
|
|
<div class="font-semibold text-gray-900 mb-1" data-i18n="footer.business_case">Business Case Template</div>
|
|
<div class="text-sm text-gray-600" data-i18n="footer.business_case_desc">Assessment framework for evaluating whether architectural governance addresses your regulatory obligations</div>
|
|
</a>
|
|
<a href="/faq.html" class="block border border-gray-300 rounded-lg p-5 hover-lift hover:border-amber-500">
|
|
<div class="font-semibold text-gray-900 mb-1" data-i18n="footer.leadership_questions">Common Leadership Questions</div>
|
|
<div class="text-sm text-gray-600" data-i18n="footer.leadership_questions_desc">Governance theatre vs enforcement, investment justification, risk assessment frameworks</div>
|
|
</a>
|
|
<a href="/docs.html" class="block border border-gray-300 rounded-lg p-5 hover-lift hover:border-amber-500">
|
|
<div class="font-semibold text-gray-900 mb-1" data-i18n="footer.technical_docs">Technical Documentation</div>
|
|
<div class="text-sm text-gray-600" data-i18n="footer.technical_docs_desc">Architecture specifications, implementation patterns, integration approach</div>
|
|
</a>
|
|
<a href="/researcher.html" class="block border border-gray-300 rounded-lg p-5 hover-lift hover:border-amber-500">
|
|
<div class="font-semibold text-gray-900 mb-1" data-i18n="footer.research_foundations">Research Foundations</div>
|
|
<div class="text-sm text-gray-600" data-i18n="footer.research_foundations_desc">Organizational theory basis, empirical observations, validation studies</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="bg-gray-50 border border-gray-200 rounded-lg p-6">
|
|
<p class="text-sm text-gray-700 mb-3" data-i18n="footer.evaluation_note">
|
|
<strong class="text-gray-900">Evaluation Process:</strong> Organizations assessing Tractatus typically follow: (1) Technical review of architectural patterns, (2) Pilot deployment in development environment, (3) Context-specific validation with legal counsel, (4) Decision whether patterns address specific regulatory/risk requirements.
|
|
</p>
|
|
<p class="text-sm text-gray-600" data-i18n="footer.contact_note">
|
|
Project information and contact details: <a href="/about.html" class="text-amber-800 hover:text-amber-900 underline">About page</a>
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<!-- Share CTA -->
|
|
<section class="bg-gray-100 py-12">
|
|
<div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8">
|
|
<h2 class="text-2xl font-semibold text-gray-900 mb-3" data-i18n="share_cta.heading">
|
|
Help us reach the right people.
|
|
</h2>
|
|
<p class="text-gray-700 mb-6" data-i18n="share_cta.description">
|
|
If you know researchers, implementers, or leaders who need structural AI governance solutions, share this with them.
|
|
</p>
|
|
<div class="flex flex-wrap gap-3">
|
|
<button
|
|
data-action="copy-link"
|
|
class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
|
|
data-i18n="share_cta.copy_link">
|
|
Copy Link
|
|
</button>
|
|
<button
|
|
data-action="email-share"
|
|
class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
|
|
data-i18n="share_cta.email">
|
|
Email
|
|
</button>
|
|
<button
|
|
data-action="linkedin-share"
|
|
class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
|
|
data-i18n="share_cta.linkedin">
|
|
LinkedIn
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<!-- Internationalization (must load first for footer translations) -->
|
|
<script src="/js/i18n-simple.js?v=0.1.2.1762226182485"></script>
|
|
<script src="/js/components/language-selector.js?v=0.1.2.1762226182485"></script>
|
|
|
|
<!-- Scroll Animations (Phase 3) -->
|
|
<script src="/js/scroll-animations.js?v=0.1.2.1762226182485"></script>
|
|
<!-- Page Transitions (Phase 3) -->
|
|
<script src="/js/page-transitions.js?v=0.1.2.1762226182485"></script>
|
|
|
|
<!-- Version Management & PWA -->
|
|
|
|
<script src="/js/version-manager.js?v=0.1.2.1762226182485"></script>
|
|
<script src="/js/leader-page.js?v=0.1.2.1762226182485"></script>
|
|
|
|
<!-- Share CTA functionality -->
|
|
<script src="/js/share-cta.js?v=0.1.2.1762226182485"></script>
|
|
|
|
<!-- Footer Component -->
|
|
<script src="/js/components/footer.js?v=0.1.2.1762226182485"></script>
|
|
|
|
<!-- Feedback System (Governed by Tractatus + Agent Lightning) -->
|
|
<script src="/js/components/feedback.js?v=0.1.2.1762226182485"></script>
|
|
|
|
<!-- Newsletter Subscription Modal -->
|
|
<script src="/js/components/newsletter.js?v=0.1.2.1762226182485"></script>
|
|
|
|
</body>
|
|
</html>
|