Janady13/AI_Brain / the_tired_agi/chat/index.html

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/AI_Brain / the_tired_agi/chat/index.html
Date	Not specified in source
Repository	Janady13/AI_Brain
Revision	d6c309d3fa439714ca46b9d3bb94caf478ea5376
Branch	main
Path or archive member	the_tired_agi/chat/index.html
Original SHA-256	f4d431501483322f5e066badd36a3a6603c2cb4e41a6a5a6e438157879785da5
Git blob SHA	690d213013d6773b02e9c1ba87357faa9951dc6d
Reading-copy SHA-256	e8eab9462306ece35576425006cdcd7526202ed9a72d8761be5bf73cc5fe3ddd
Original source ↗
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/chat/index.html	main	d6c309d3fa439714ca46b9d3bb94caf478ea5376	Open original
Janady13/AI_Brain / the_tired_agi/chat/index.html	claude/binary-helix-fibonacci-hive-011CUj7dx1WWJLVYcWCjBbYv	527d4882c71eb041393f9d8945996177c5ac9e86	Open original
Recovered source transcript

Download complete source text ↓506 lines · 15.1 KB
Credential-bearing and unrelated personal details were removed from this reading copy. The source identity and original checksum remain recorded.
<!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 Chat</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
            color: #fff;
            height: 100vh;
            display: flex;
            flex-direction: column;
        }

        .header {
            background: rgba(0, 0, 0, 0.3);
            padding: 20px;
            border-bottom: 2px solid #00ff9f;
            backdrop-filter: blur(10px);
        }

        .header h1 {
            font-size: 2em;
            color: #00ff9f;
            text-shadow: 0 0 20px rgba(0, 255, 159, 0.5);
        }

        .stats {
            display: flex;
            gap: 30px;
            margin-top: 10px;
            font-size: 0.9em;
        }

        .stat {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .stat-label {
            color: #888;
        }

        .stat-value {
            color: #00ff9f;
            font-weight: bold;
        }

        .pulse {
            width: 8px;
            height: 8px;
            background: #00ff9f;
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.5; transform: scale(1.2); }
        }

        .chat-container {
            flex: 1;
            display: flex;
            flex-direction: column;
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            padding: 20px;
            overflow: hidden;
        }

        .messages {
            flex: 1;
            overflow-y: auto;
            padding: 20px;
            background: rgba(0, 0, 0, 0.2);
            border-radius: 10px;
            margin-bottom: 20px;
        }

        .message {
            margin-bottom: 20px;
            animation: slideIn 0.3s ease-out;
        }

        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .message.user {
            text-align: right;
        }

        .message-content {
            display: inline-block;
            padding: 15px 20px;
            border-radius: 15px;
            max-width: 70%;
            word-wrap: break-word;
        }

        .message.user .message-content {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
        }

        .message.agi .message-content {
            background: linear-gradient(135deg, #00ff9f 0%, #00b8d4 100%);
            color: #000;
            box-shadow: 0 4px 15px rgba(0, 255, 159, 0.4);
        }

        .message-meta {
            font-size: 0.8em;
            opacity: 0.7;
            margin-top: 5px;
        }

        .thinking {
            display: inline-flex;
            gap: 5px;
            padding: 15px 20px;
            background: rgba(0, 255, 159, 0.1);
            border-radius: 15px;
            border: 1px solid rgba(0, 255, 159, 0.3);
        }

        .thinking span {
            width: 8px;
            height: 8px;
            background: #00ff9f;
            border-radius: 50%;
            animation: thinking 1.4s infinite;
        }

        .thinking span:nth-child(2) {
            animation-delay: 0.2s;
        }

        .thinking span:nth-child(3) {
            animation-delay: 0.4s;
        }

        @keyframes thinking {
            0%, 80%, 100% {
                transform: scale(0);
                opacity: 0.5;
            }
            40% {
                transform: scale(1);
                opacity: 1;
            }
        }

        .input-area {
            display: flex;
            gap: 10px;
            background: rgba(0, 0, 0, 0.3);
            padding: 20px;
            border-radius: 15px;
            backdrop-filter: blur(10px);
        }

        #messageInput {
            flex: 1;
            padding: 15px;
            border: 2px solid #00ff9f;
            border-radius: 10px;
            background: rgba(0, 0, 0, 0.5);
            color: #fff;
            font-size: 1em;
            outline: none;
            transition: all 0.3s;
        }

        #messageInput:focus {
            border-color: #00b8d4;
            box-shadow: 0 0 20px rgba(0, 255, 159, 0.3);
        }

        #sendButton {
            padding: 15px 30px;
            background: linear-gradient(135deg, #00ff9f 0%, #00b8d4 100%);
            border: none;
            border-radius: 10px;
            color: #000;
            font-weight: bold;
            font-size: 1em;
            cursor: pointer;
            transition: all 0.3s;
        }

        #sendButton:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 20px rgba(0, 255, 159, 0.5);
        }

        #sendButton:active {
            transform: translateY(0);
        }

        #sendButton:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .quick-prompts {
            display: flex;
            gap: 10px;
            margin-bottom: 15px;
            flex-wrap: wrap;
        }

        .quick-prompt {
            padding: 8px 15px;
            background: rgba(0, 255, 159, 0.1);
            border: 1px solid rgba(0, 255, 159, 0.3);
            border-radius: 20px;
            cursor: pointer;
            font-size: 0.9em;
            transition: all 0.3s;
        }

        .quick-prompt:hover {
            background: rgba(0, 255, 159, 0.2);
            border-color: #00ff9f;
        }

        .agent-count {
            position: fixed;
            top: 100px;
            right: 20px;
            background: rgba(0, 0, 0, 0.8);
            padding: 20px;
            border-radius: 10px;
            border: 2px solid #00ff9f;
            min-width: 200px;
        }

        .agent-count h3 {
            color: #00ff9f;
            margin-bottom: 10px;
            font-size: 1.2em;
        }

        .device-stat {
            display: flex;
            justify-content: space-between;
            margin: 8px 0;
            font-size: 0.9em;
        }

        .device-name {
            color: #888;
        }

        .device-agents {
            color: #00ff9f;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>🧠 The-Tired-AGI Chat</h1>
        <div class="stats">
            <div class="stat">
                <div class="pulse"></div>
                <span class="stat-label">Status:</span>
                <span class="stat-value" id="status">Active</span>
            </div>
            <div class="stat">
                <span class="stat-label">Agents:</span>
                <span class="stat-value" id="totalAgents">0</span>
            </div>
            <div class="stat">
                <span class="stat-label">Response Time:</span>
                <span class="stat-value" id="responseTime">--ms</span>
            </div>
        </div>
    </div>

    <div class="agent-count">
        <h3>Active Agents</h3>
        <div class="device-stat">
            <span class="device-name">Lenovo 🔥</span>
            <span class="device-agents" id="lenovoAgents">0</span>
        </div>
        <div class="device-stat">
            <span class="device-name">iMac</span>
            <span class="device-agents" id="imacAgents">0</span>
        </div>
        <div class="device-stat">
            <span class="device-name">MacBook</span>
            <span class="device-agents" id="macbookAgents">0</span>
        </div>
    </div>

    <div class="chat-container">
        <div class="messages" id="messages">
            <div class="message agi">
                <div class="message-content">
                    Hello! I'm The-Tired-AGI, powered by 50 million distributed agents across your devices. I've been trained on CodeFix marketing, AI agent systems, deployments, hosting, and revenue generation. How can I help you today?
                </div>
                <div class="message-meta">Just now</div>
            </div>
        </div>

        <div class="quick-prompts">
            <div class="quick-prompt" onclick="sendQuickPrompt('What is CodeFix?')">💡 What is CodeFix?</div>
            <div class="quick-prompt" onclick="sendQuickPrompt('How do AI agent swarms work?')">🤖 AI Agent Swarms</div>
            <div class="quick-prompt" onclick="sendQuickPrompt('Tell me about deployment options')">🚀 Deployments</div>
            <div class="quick-prompt" onclick="sendQuickPrompt('Show agent statistics')">📊 Agent Stats</div>
        </div>

        <div class="input-area">
            <input
                type="text"
                id="messageInput"
                placeholder="Ask me anything about CodeFix, AI agents, deployments..."
                onkeypress="handleKeyPress(event)"
            >
            <button id="sendButton" onclick="sendMessage()">Send</button>
        </div>
    </div>

    <script>
        const LENOVO_API = 'https://thatcoputerdude.com/s';
        const AUTH_TOKEN = '[credential removed]';
        const LOCAL_API = 'http://localhost:3001';  // Local chat server

        let conversationHistory = [];

        // Update agent stats every 2 seconds
        setInterval(updateStats, 2000);
        updateStats();

        async function updateStats() {
            try {
                // Get Lenovo stats
                const lenovoResponse = await fetch(`${LENOVO_API}/stats`, {
                    headers: {
                        'Authorization': `Bearer ${AUTH_TOKEN}`
                    }
                });
                const lenovoData = await lenovoResponse.json();
                document.getElementById('lenovoAgents').textContent = formatNumber(lenovoData.agent_count || 0);

                // Get local stats
                const localResponse = await fetch(`${LOCAL_API}/stats`);
                const localData = await localResponse.json();
                document.getElementById('macbookAgents').textContent = formatNumber(localData.agent_count || 0);

                // Update total
                const total = (lenovoData.agent_count || 0) + (localData.agent_count || 0);
                document.getElementById('totalAgents').textContent = formatNumber(total);
                document.getElementById('status').textContent = 'Active';
            } catch (error) {
                console.error('Error updating stats:', error);
                document.getElementById('status').textContent = 'Connecting...';
            }
        }

        function formatNumber(num) {
            return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        }

        function handleKeyPress(event) {
            if (event.key === 'Enter') {
                sendMessage();
            }
        }

        function sendQuickPrompt(prompt) {
            document.getElementById('messageInput').value = prompt;
            sendMessage();
        }

        async function sendMessage() {
            const input = document.getElementById('messageInput');
            const message = input.value.trim();

            if (!message) return;

            // Disable input
            input.disabled = true;
            document.getElementById('sendButton').disabled = true;

            // Add user message
            addMessage(message, 'user');
            input.value = '';

            // Show thinking indicator
            const thinkingId = addThinking();

            // Send to AGI
            const startTime = Date.now();
            try {
                const response = await fetch(`${LENOVO_API}/chat`, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'Authorization': `Bearer ${AUTH_TOKEN}`
                    },
                    body: JSON.stringify({
                        message: message,
                        history: conversationHistory.slice(-5)  // Last 5 messages for context
                    })
                });

                const data = await response.json();
                const responseTime = Date.now() - startTime;

                // Remove thinking indicator
                removeThinking(thinkingId);

                // Add AGI response
                addMessage(data.response || 'I apologize, but I encountered an error processing your request.', 'agi');

                // Update response time
                document.getElementById('responseTime').textContent = `${responseTime}ms`;

                // Store in conversation history
                conversationHistory.push({
                    user: message,
                    agi: data.response,
                    timestamp: Date.now()
                });

            } catch (error) {
                console.error('Error:', error);
                removeThinking(thinkingId);
                addMessage('I apologize, but I\'m having trouble connecting to the agent network. Please check if the services are running.', 'agi');
            }

            // Re-enable input
            input.disabled = false;
            document.getElementById('sendButton').disabled = false;
            input.focus();
        }

        function addMessage(content, type) {
            const messagesDiv = document.getElementById('messages');
            const messageDiv = document.createElement('div');
            messageDiv.className = `message ${type}`;

            const contentDiv = document.createElement('div');
            contentDiv.className = 'message-content';
            contentDiv.textContent = content;

            const metaDiv = document.createElement('div');
            metaDiv.className = 'message-meta';
            metaDiv.textContent = 'Just now';

            messageDiv.appendChild(contentDiv);
            messageDiv.appendChild(metaDiv);
            messagesDiv.appendChild(messageDiv);

            // Scroll to bottom
            messagesDiv.scrollTop = messagesDiv.scrollHeight;
        }

        function addThinking() {
            const messagesDiv = document.getElementById('messages');
            const thinkingDiv = document.createElement('div');
            thinkingDiv.className = 'message agi';
            thinkingDiv.id = 'thinking-' + Date.now();

            const contentDiv = document.createElement('div');
            contentDiv.className = 'thinking';
            contentDiv.innerHTML = '<span></span><span></span><span></span>';

            thinkingDiv.appendChild(contentDiv);
            messagesDiv.appendChild(thinkingDiv);
            messagesDiv.scrollTop = messagesDiv.scrollHeight;

            return thinkingDiv.id;
        }

        function removeThinking(id) {
            const thinkingDiv = document.getElementById(id);
            if (thinkingDiv) {
                thinkingDiv.remove();
            }
        }
    </script>
</body>
</html>