Source identity
| Field | Recorded value |
|---|---|
| Source type | GitHub source |
| Original record | Janady13/AI_Brain / the_tired_agi/frontend/index.html |
| Date | Not specified in source |
| Repository | Janady13/AI_Brain |
| Revision | d6c309d3fa439714ca46b9d3bb94caf478ea5376 |
| Branch | main |
| Path or archive member | the_tired_agi/frontend/index.html |
| Original SHA-256 | bc473a8fbb6cefbf255bf7493b760c9ed0607c4191bc237b52e49c68d341e07a |
| Git blob SHA | b4c71f923c368c21d91074ba0417bccbd1141abf |
| Reading-copy SHA-256 | bc473a8fbb6cefbf255bf7493b760c9ed0607c4191bc237b52e49c68d341e07a |
Every recorded occurrence
These 2 records contain identical original source bytes. Their paths and revisions remain part of the archive.
| Original record | Branch or archive | Revision / identifier | Original location |
|---|---|---|---|
| Janady13/AI_Brain / the_tired_agi/frontend/index.html | main | d6c309d3fa439714ca46b9d3bb94caf478ea5376 | Open original |
| Janady13/AI_Brain / the_tired_agi/frontend/index.html | claude/binary-helix-fibonacci-hive-011CUj7dx1WWJLVYcWCjBbYv | 527d4882c71eb041393f9d8945996177c5ac9e86 | Open original |
Recovered source transcript
Download complete source text ↓578 lines · 19.4 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The-Tired-AGI — Interactive Architecture</title>
<script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
padding: 20px;
background: #0d1117;
color: #c9d1d9;
line-height: 1.6;
}
.container { max-width: 1400px; margin: auto; }
.header {
text-align: center;
padding: 30px;
background: linear-gradient(135deg, #161b22 0%, #1c2128 100%);
border-radius: 12px;
margin-bottom: 20px;
border: 1px solid #30363d;
}
.header h1 {
font-size: 2.5em;
margin-bottom: 10px;
background: linear-gradient(90deg, #58a6ff 0%, #79c0ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.header p {
font-size: 1.1em;
color: #8b949e;
margin-bottom: 15px;
}
.stats {
display: flex;
justify-content: center;
gap: 30px;
margin-top: 20px;
flex-wrap: wrap;
}
.stat-box {
background: #161b22;
padding: 15px 25px;
border-radius: 8px;
border: 1px solid #30363d;
}
.stat-box .value {
font-size: 1.8em;
font-weight: bold;
color: #58a6ff;
display: block;
}
.stat-box .label {
font-size: 0.9em;
color: #8b949e;
text-transform: uppercase;
letter-spacing: 1px;
}
.controls {
text-align: center;
margin: 20px 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
}
button {
background: #238636;
color: white;
border: none;
padding: 12px 24px;
border-radius: 6px;
cursor: pointer;
font-size: 1em;
font-weight: 500;
transition: all 0.2s;
border: 1px solid #2ea043;
}
button:hover {
background: #2ea043;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(35, 134, 54, 0.3);
}
button:active {
transform: translateY(0);
}
button.active {
background: #1f6feb;
border-color: #58a6ff;
}
.mermaid {
background: #161b22;
padding: 30px;
border-radius: 12px;
border: 1px solid #30363d;
min-height: 500px;
margin-bottom: 20px;
}
.info {
margin-top: 20px;
padding: 20px;
background: #161b22;
border-radius: 8px;
display: none;
border: 1px solid #30363d;
border-left: 4px solid #58a6ff;
}
.info.active {
display: block;
animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
.info strong {
color: #58a6ff;
font-size: 1.1em;
}
.system-status {
background: #161b22;
padding: 20px;
border-radius: 8px;
margin-top: 20px;
border: 1px solid #30363d;
}
.system-status h3 {
color: #58a6ff;
margin-bottom: 15px;
}
.status-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
}
.status-item {
background: #0d1117;
padding: 15px;
border-radius: 6px;
border: 1px solid #21262d;
}
.status-item .key {
color: #8b949e;
font-size: 0.9em;
margin-bottom: 5px;
}
.status-item .value {
color: #c9d1d9;
font-size: 1.1em;
font-weight: 500;
}
.status-indicator {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 8px;
}
.status-indicator.online { background: #3fb950; box-shadow: 0 0 8px #3fb950; }
.status-indicator.offline { background: #f85149; }
.loading {
text-align: center;
padding: 40px;
color: #8b949e;
}
.footer {
text-align: center;
padding: 20px;
margin-top: 40px;
color: #8b949e;
border-top: 1px solid #21262d;
}
.feature-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin-top: 20px;
}
.feature-card {
background: #161b22;
padding: 20px;
border-radius: 8px;
border: 1px solid #30363d;
}
.feature-card h4 {
color: #58a6ff;
margin-bottom: 10px;
font-size: 1.2em;
}
.feature-card ul {
list-style: none;
color: #8b949e;
}
.feature-card ul li:before {
content: "→ ";
color: #3fb950;
font-weight: bold;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>🧠 The-Tired-AGI</h1>
<p>Distributed Agent System with Natural Language Understanding</p>
<p><strong>Interactive Architecture Visualization</strong></p>
<div class="stats">
<div class="stat-box">
<span class="value" id="agent-count">Loading...</span>
<span class="label">Local Agents</span>
</div>
<div class="stat-box">
<span class="value" id="tick-count">-</span>
<span class="label">Local Ticks</span>
</div>
<div class="stat-box">
<span class="value" id="uptime">-</span>
<span class="label">Uptime</span>
</div>
</div>
<!-- Remote Server Stats -->
<div class="stats" style="margin-top: 15px;">
<div class="stat-box" style="border: 1px solid #8957e5;">
<span class="value" id="remote-node" style="color: #a371f7;">-</span>
<span class="label">🌐 Remote Node</span>
</div>
<div class="stat-box" style="border: 1px solid #8957e5;">
<span class="value" id="remote-tick" style="color: #a371f7;">-</span>
<span class="label">🌐 Remote Tick</span>
</div>
<div class="stat-box" style="border: 1px solid #8957e5;">
<span class="value" id="remote-status" style="color: #a371f7;">Checking...</span>
<span class="label">🌐 Remote Status</span>
</div>
</div>
</div>
<div class="controls">
<button onclick="showView('full')" class="active" id="btn-full">Full System</button>
<button onclick="showView('ingest')" id="btn-ingest">Ingestion Pipeline</button>
<button onclick="showView('memory')" id="btn-memory">Memory & Context</button>
<button onclick="showView('reason')" id="btn-reason">Reasoning Engine</button>
<button onclick="showView('action')" id="btn-action">Action Execution</button>
<button onclick="showView('distributed')" id="btn-distributed">Distributed System</button>
<button onclick="reset()" style="background: #6e7681;">Reset</button>
</div>
<div class="mermaid" id="diagram">
<div class="loading">Loading architecture diagram...</div>
</div>
<div id="info" class="info"></div>
<div class="system-status">
<h3><span class="status-indicator" id="status-indicator"></span>Distributed System Status</h3>
<div class="status-grid">
<div class="status-item">
<div class="key">Local Gossip Service</div>
<div class="value" id="gossip-status">Checking...</div>
</div>
<div class="status-item">
<div class="key">Remote AGI Server</div>
<div class="value" id="remote-bridge-status">Checking...</div>
</div>
<div class="status-item">
<div class="key">Agent Growth</div>
<div class="value" id="growth-rate">Fibonacci (10% per 89 ticks)</div>
</div>
<div class="status-item">
<div class="key">Architecture</div>
<div class="value">Multi-Node P2P</div>
</div>
<div class="status-item">
<div class="key">Local Node</div>
<div class="value">localhost:8008</div>
</div>
<div class="status-item">
<div class="key">Remote Node</div>
<div class="value" id="remote-node-id">lenovo (IPv6)</div>
</div>
<div class="status-item">
<div class="key">Consensus</div>
<div class="value">MAX Algorithm</div>
</div>
<div class="status-item">
<div class="key">Total Nodes</div>
<div class="value">2 Active</div>
</div>
</div>
</div>
<div class="feature-list">
<div class="feature-card">
<h4>🔄 Distributed Migration</h4>
<ul>
<li>Binary protocol for efficient transfer</li>
<li>Load-based predictive migration</li>
<li>mDNS peer discovery</li>
<li>Thread-safe swarm management</li>
</ul>
</div>
<div class="feature-card">
<h4>💬 Conversational AI</h4>
<ul>
<li>Natural language understanding</li>
<li>64-turn memory buffer</li>
<li>250K knowledge base capacity</li>
<li>Pattern-based intent recognition</li>
</ul>
</div>
<div class="feature-card">
<h4>🚀 Performance</h4>
<ul>
<li>C11/C++20 core implementation</li>
<li>AVX2 optimizations</li>
<li>Zero-copy agent transfers</li>
<li>1000Hz tick rate capability</li>
</ul>
</div>
</div>
<div class="footer">
<p>The-Tired-AGI — Built with C/C++/Go | No Python | Real-time Distributed Intelligence</p>
<p style="margin-top: 10px; font-size: 0.9em;">
<a href="https://github.com/Janady13/AI_Brain" style="color: #58a6ff; text-decoration: none;">GitHub Repository</a>
</p>
</div>
</div>
<script>
mermaid.initialize({
startOnLoad: false,
theme: 'dark',
flowchart: { useMaxWidth: true, htmlLabels: true, curve: 'basis' }
});
const diagrams = {
full: `
graph TD
A[👤 User Input<br><small>Natural Language</small>] --> B[📝 Input Processor<br><small>Tokenize + Normalize</small>]
B --> C[📚 Knowledge Base<br><small>150K+ Words</small>]
B --> D[🧠 Context Memory<br><small>64-turn buffer</small>]
C --> E[⚡ Scoring Engine<br><small>Energy + Context</small>]
D --> E
E --> F{🤔 Response Type?}
F -->|Natural| G[💬 Response Generator]
F -->|Action| H[⚙️ Action Executor]
G --> I[📤 Output]
H --> I
I --> J[💾 Memory Update]
J --> D
style A fill:#1f6feb,stroke:#58a6ff,stroke-width:2px,color:#fff
style E fill:#238636,stroke:#2ea043,stroke-width:2px,color:#fff
style F fill:#da3633,stroke:#f85149,stroke-width:2px,color:#fff
style I fill:#8957e5,stroke:#a371f7,stroke-width:2px,color:#fff
`,
ingest: `
graph LR
A[📁 File System<br><small>$HOME/Documents</small>] --> B[🔍 Directory Walker]
B --> C[📄 Text Files<br><small>.txt .c .py</small>]
C --> D[✂️ Tokenize<br><small>Split by space</small>]
D --> E[🔧 Normalize<br><small>lowercase</small>]
E --> F[# Hash FNV-1a<br><small>64-bit</small>]
F --> G[💾 Knowledge Base<br><small>Store + Energy=1</small>]
style A fill:#1f6feb,stroke:#58a6ff,stroke-width:2px,color:#fff
style F fill:#da3633,stroke:#f85149,stroke-width:2px,color:#fff
style G fill:#238636,stroke:#2ea043,stroke-width:2px,color:#fff
`,
memory: `
graph TD
A[👤 User: Hello] --> B[Slot 0]
B --> C[🤖 AGI: Hi there!]
C --> D[Slot 1]
D --> E[👤 User: Write code]
E --> F[Slot 2]
F --> G[🤖 AGI: Done]
G --> H[Slot 3]
H --> I[🔄 Circular Buffer<br><small>64 slots max</small>]
I --> J[❌ Oldest dropped<br>when full]
style A fill:#1f6feb,stroke:#58a6ff,stroke-width:2px,color:#fff
style C fill:#238636,stroke:#2ea043,stroke-width:2px,color:#fff
style I fill:#8957e5,stroke:#a371f7,stroke-width:2px,color:#fff
style J fill:#da3633,stroke:#f85149,stroke-width:2px,color:#fff
`,
reason: `
graph TD
A[📥 Input: compile hello] --> B[🎯 Match: compile]
B --> C[⚡ Energy: 52]
C --> D[🔗 Context: hello.c<br>+100 boost]
D --> E[⏰ Recency: 10 ticks ago<br>+10]
E --> F[📊 Total Score: 162]
F --> G[🏆 Highest Score → Selected]
G --> H[⚙️ Action: gcc -o hello hello.c]
H --> I[✅ Execute]
style A fill:#1f6feb,stroke:#58a6ff,stroke-width:2px,color:#fff
style F fill:#da3633,stroke:#f85149,stroke-width:2px,color:#fff
style G fill:#238636,stroke:#2ea043,stroke-width:2px,color:#fff
style I fill:#8957e5,stroke:#a371f7,stroke-width:2px,color:#fff
`,
action: `
graph TD
A[📝 Command] --> B[🔀 fork]
B --> C[👶 Child Process]
C --> D[📂 chdir workspace]
D --> E[⚙️ execl /bin/sh]
E --> F[🖥️ OS runs command]
F --> G[⏳ waitpid parent]
G --> H{✅ Success?}
H -->|Yes| I[💬 All set!]
H -->|No| J[⚠️ Error message]
style A fill:#1f6feb,stroke:#58a6ff,stroke-width:2px,color:#fff
style B fill:#8957e5,stroke:#a371f7,stroke-width:2px,color:#fff
style H fill:#da3633,stroke:#f85149,stroke-width:2px,color:#fff
style I fill:#238636,stroke:#2ea043,stroke-width:2px,color:#fff
style J fill:#da3633,stroke:#f85149,stroke-width:2px,color:#fff
`,
distributed: `
graph TB
A[🌐 mDNS Discovery] --> B[Node 1<br>1M agents]
A --> C[Node 2<br>800K agents]
A --> D[Node 3<br>1.2M agents]
B <-->|🔄 Binary Migration| C
C <-->|🔄 Binary Migration| D
D <-->|🔄 Binary Migration| B
B --> E[MAX Consensus<br>Goal: 0xABCD]
C --> E
D --> E
E --> F[🎯 Converged Goal]
F --> G[📈 Fibonacci Growth<br>10% every 89 ticks]
style A fill:#1f6feb,stroke:#58a6ff,stroke-width:2px,color:#fff
style E fill:#da3633,stroke:#f85149,stroke-width:2px,color:#fff
style F fill:#238636,stroke:#2ea043,stroke-width:2px,color:#fff
style G fill:#8957e5,stroke:#a371f7,stroke-width:2px,color:#fff
`
};
const infoTexts = {
full: "Complete AGI architecture: input → processing → reasoning → action → memory loop",
ingest: "How the system learns from your files and builds its knowledge base",
memory: "Conversational memory system with 64-turn circular buffer",
reason: "Scoring engine that selects the best action based on energy, context, and recency",
action: "Safe command execution in sandboxed workspace using fork/exec",
distributed: "P2P distributed system with agent migration and MAX consensus"
};
let currentView = 'full';
function showView(view) {
currentView = view;
const code = diagrams[view];
document.getElementById('diagram').innerHTML = '<div class="loading">Rendering diagram...</div>';
// Update button states
document.querySelectorAll('.controls button').forEach(btn => {
btn.classList.remove('active');
});
document.getElementById(`btn-${view}`).classList.add('active');
mermaid.render('graphDiv', code).then(result => {
document.getElementById('diagram').innerHTML = result.svg;
showInfo(infoTexts[view]);
}).catch(error => {
console.error('Mermaid render error:', error);
document.getElementById('diagram').innerHTML = '<div class="loading">Error rendering diagram</div>';
});
}
function showInfo(text) {
document.getElementById('info').innerHTML = `<strong>ℹ️ About this view:</strong> ${text}`;
document.getElementById('info').classList.add('active');
}
function reset() {
document.getElementById('info').classList.remove('active');
showView('full');
fetchSystemStatus();
}
// Fetch local system status from gossip service
async function fetchSystemStatus() {
try {
const response = await fetch('http://localhost:8008/stats');
if (response.ok) {
const text = await response.text();
const lines = text.trim().split('\n');
let agents = '-', ticks = '-', uptime = '-';
lines.forEach(line => {
if (line.includes('Agents:')) agents = line.split(':')[1].trim();
if (line.includes('Tick:')) ticks = line.split(':')[1].trim();
if (line.includes('Uptime:')) uptime = line.split(':')[1].trim();
});
document.getElementById('agent-count').textContent = parseInt(agents).toLocaleString();
document.getElementById('tick-count').textContent = parseInt(ticks).toLocaleString();
document.getElementById('uptime').textContent = uptime;
document.getElementById('gossip-status').textContent = '✅ Online';
document.getElementById('status-indicator').classList.add('online');
} else {
throw new Error('Service unavailable');
}
} catch (error) {
document.getElementById('agent-count').textContent = 'Offline';
document.getElementById('tick-count').textContent = '-';
document.getElementById('uptime').textContent = '-';
document.getElementById('gossip-status').textContent = '❌ Offline';
document.getElementById('status-indicator').classList.add('offline');
}
// Fetch remote server status
await fetchRemoteStatus();
}
// Fetch remote server status via bridge
async function fetchRemoteStatus() {
try {
const response = await fetch('http://localhost:8009/remote/status');
if (response.ok) {
const data = await response.json();
if (data.Error) {
document.getElementById('remote-node').textContent = 'Unreachable';
document.getElementById('remote-tick').textContent = '-';
document.getElementById('remote-status').textContent = 'Error';
document.getElementById('remote-bridge-status').textContent = '⚠️ Connection Error';
document.getElementById('remote-node-id').textContent = data.Error.substring(0, 50);
} else {
document.getElementById('remote-node').textContent = data.node_id || 'lenovo';
document.getElementById('remote-tick').textContent = (data.tick || 0).toLocaleString();
document.getElementById('remote-status').textContent = '✅ Connected';
document.getElementById('remote-bridge-status').textContent = '✅ Online';
document.getElementById('remote-node-id').textContent = `${data.node_id} (IPv6)`;
}
} else {
throw new Error('Bridge unavailable');
}
} catch (error) {
document.getElementById('remote-node').textContent = '-';
document.getElementById('remote-tick').textContent = '-';
document.getElementById('remote-status').textContent = 'Bridge Offline';
document.getElementById('remote-bridge-status').textContent = '❌ Offline';
}
}
// Initialize
window.addEventListener('load', () => {
showView('full');
fetchSystemStatus();
// Update status every 5 seconds
setInterval(fetchSystemStatus, 5000);
});
</script>
</body>
</html>