784de0f3f4
Fixed 4 inst_017 violations (absolute assurance terms) in Alexander principles sections: leader.html: - Line 141: "technically impossible to bypass" → accurate description with bypass mechanism acknowledgment - Line 204: "cannot be disabled" → "integrated into critical path" - Line 206: "Cannot be circumvented" → evidence-based enforcement desc researcher.html: - Line 172: "cannot be bypassed" → "enforcement is structural" Also added German/French translations for both Alexander sections (54 new i18n keys across 6 JSON files). Translations ready for when HTML i18n attributes are added. All changes comply with inst_017 (no absolute assurance), inst_088 (candid about limitations). 🔍 Framework Audit: audit_69033591c2c8f227339e33f7 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
841 lines
56 KiB
HTML
841 lines
56 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.">
|
|
|
|
<!-- 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.1761816613821">
|
|
<link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761816613821">
|
|
<link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761816613821">
|
|
<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 -->
|
|
<script src="/js/auto-reload.js"></script>
|
|
</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.1761816613821"></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">
|
|
Why Architectural Governance Matters
|
|
</h2>
|
|
<p class="text-lg text-gray-700 mb-4">
|
|
Built on <strong>living systems principles</strong> from Christopher Alexander—governance that evolves with your organization
|
|
</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">Strategic Differentiator: Not Compliance Theatre</h3>
|
|
<p class="mb-3">
|
|
<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>
|
|
<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">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">Deep Interlock</h4>
|
|
</div>
|
|
<p class="text-sm text-gray-700">
|
|
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"><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">Structure-Preserving</h4>
|
|
</div>
|
|
<p class="text-sm text-gray-700">
|
|
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"><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">Gradients Not Binary</h4>
|
|
</div>
|
|
<p class="text-sm text-gray-700">
|
|
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"><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">Living Process</h4>
|
|
</div>
|
|
<p class="text-sm text-gray-700">
|
|
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"><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">Not-Separateness</h4>
|
|
</div>
|
|
<p class="text-sm text-gray-700">
|
|
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"><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">Regulatory Positioning</h3>
|
|
<p class="text-sm text-amber-800 mb-3">
|
|
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">
|
|
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">
|
|
See Technical Architecture →
|
|
</a>
|
|
<a href="/values.html" class="inline-block bg-gray-200 text-gray-900 px-6 py-3 rounded-lg font-semibold hover:bg-gray-300 transition">
|
|
Values & Principles →
|
|
</a>
|
|
</div>
|
|
|
|
</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.1761816613821"></script>
|
|
<script src="/js/components/language-selector.js?v=0.1.2.1761816613821"></script>
|
|
|
|
<!-- Scroll Animations (Phase 3) -->
|
|
<script src="/js/scroll-animations.js?v=0.1.2.1761816613821"></script>
|
|
<!-- Page Transitions (Phase 3) -->
|
|
<script src="/js/page-transitions.js?v=0.1.2.1761816613821"></script>
|
|
|
|
<!-- Version Management & PWA -->
|
|
<script src="/js/version-manager.js?v=0.1.2.1761816613821"></script>
|
|
<script src="/js/leader-page.js?v=0.1.2.1761816613821"></script>
|
|
|
|
<!-- Share CTA functionality -->
|
|
<script src="/js/share-cta.js?v=0.1.2.1761816613821"></script>
|
|
|
|
<!-- Footer Component -->
|
|
<script src="/js/components/footer.js?v=0.1.2.1761816613821"></script>
|
|
|
|
</body>
|
|
</html>
|