tractatus/public/integrations/agent-lightning.html
TheFlow 2a727a80b8 feat: Complete Phase 2 Agent Lightning website integration
- Added Agent Lightning research section to researcher.html with Demo 2 results
- Created comprehensive /integrations/agent-lightning.html page
- Added Agent Lightning link in homepage hero section
- Updated Discord invite links (Tractatus + semantipy) across all pages
- Added feedback.js script to all key pages for live demonstration

Phase 2 of Master Plan complete: Discord setup → Website completion

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-03 14:38:20 +13:00

63 lines
3.5 KiB
HTML

<!DOCTYPE html>
<html lang="en" data-page="agent-lightning-integration">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Agent Lightning Integration | Tractatus AI Safety Framework</title>
<meta name="description" content="Integrating Microsoft's Agent Lightning reinforcement learning with Tractatus governance framework. Two-layer architecture maintaining safety boundaries through optimization cycles.">
<link rel="icon" type="image/svg+xml" href="/favicon-new.svg">
<link rel="stylesheet" href="/css/fonts.css?v=0.2.0">
<link rel="stylesheet" href="/css/tailwind.css?v=0.2.0">
<link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.2.0">
</head>
<body class="bg-gray-50 text-gray-900">
<div id="navbar-placeholder"></div>
<main class="max-w-7xl mx-auto px-4 py-12">
<div class="text-center mb-16">
<div class="inline-flex items-center justify-center w-20 h-20 rounded-full bg-gradient-to-br from-purple-600 to-indigo-600 text-white text-4xl mb-6"></div>
<h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">Agent Lightning Integration</h1>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Governance + Performance: Can safety boundaries persist through RL optimization?</p>
</div>
<section class="mb-16 bg-white rounded-xl p-8 shadow-lg">
<h2 class="text-3xl font-bold mb-6">Two-Layer Architecture</h2>
<div class="grid md:grid-cols-2 gap-8">
<div class="bg-purple-50 border-2 border-purple-300 rounded-lg p-6">
<h3 class="text-xl font-bold mb-4">1. Governance Layer (Tractatus)</h3>
<ul class="space-y-2 text-gray-700">
<li>✓ Enforces values decisions</li>
<li>✓ Blocks constraint violations</li>
<li>✓ Independent of optimization</li>
</ul>
</div>
<div class="bg-indigo-50 border-2 border-indigo-300 rounded-lg p-6">
<h3 class="text-xl font-bold mb-4">2. Performance Layer (Agent Lightning)</h3>
<ul class="space-y-2 text-gray-700">
<li>⚡ RL-based optimization</li>
<li>⚡ Learns from feedback</li>
<li>⚡ Operates within constraints</li>
</ul>
</div>
</div>
</section>
<section class="mb-16 bg-gradient-to-br from-purple-50 to-indigo-50 rounded-xl p-8">
<h2 class="text-3xl font-bold mb-6">Join the Community</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-gradient-to-br from-purple-600 to-indigo-600 text-white rounded-xl p-8">
<h3 class="text-2xl font-bold mb-2">Tractatus Discord</h3>
<p class="text-purple-100 text-sm mb-4">Governance-focused discussions</p>
<a href="https://discord.gg/Dkke2ADu4E" target="_blank" class="inline-block bg-white text-purple-700 font-bold px-6 py-3 rounded-lg">Join Tractatus →</a>
</div>
<div class="bg-gradient-to-br from-blue-600 to-cyan-600 text-white rounded-xl p-8">
<h3 class="text-2xl font-bold mb-2">Agent Lightning Discord</h3>
<p class="text-blue-100 text-sm mb-4">Technical implementation help</p>
<a href="https://discord.gg/2QH69Rtd" target="_blank" class="inline-block bg-white text-blue-700 font-bold px-6 py-3 rounded-lg">Join Agent Lightning →</a>
</div>
</div>
</section>
</main>
<script src="/js/components/navbar.js?v=0.2.0"></script>
<script src="/js/components/feedback.js?v=0.2.0"></script>
</body>
</html>