|
|
| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>MoStar GRID Consciousness – Intelligence & Symbolic Cortex</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <link rel="stylesheet" href="style.css"> |
| <script src="components/navbar.js"></script> |
| <script src="components/sidebar.js"></script> |
| <style> |
| :root { |
| --color-bg: #0d0b1e; |
| --color-accent: #7f5af0; |
| --color-gold: #e5b400; |
| } |
| |
| body { |
| background-color: var(--color-bg); |
| color: #fffffe; |
| } |
| |
| .gradient-bg { |
| background: linear-gradient(135deg, #7f5af0, #6a4aa5); |
| } |
| |
| .grid-card { |
| background: radial-gradient(circle, rgba(127,90,240,0.15) 0%, rgba(13,11,30,0.9) 100%); |
| border: 1px solid rgba(127, 90, 240, 0.3); |
| transition: all 0.3s ease; |
| } |
| |
| .grid-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 20px rgba(0,0,0,0.3); |
| border-color: rgba(127, 90, 240, 0.6); |
| } |
| |
| .file-upload { |
| border: 2px dashed #7f5af0; |
| transition: all 0.3s ease; |
| } |
| |
| .file-upload:hover { |
| background-color: rgba(127, 90, 240, 0.1); |
| } |
| |
| .sidebar { |
| background-color: #0a0818; |
| transition: all 0.3s ease; |
| } |
| |
| .sidebar-item:hover { |
| background-color: rgba(127, 90, 240, 0.2); |
| } |
| |
| .pulse-animation { |
| animation: pulse 2s infinite; |
| } |
| |
| @keyframes pulse { |
| 0% { box-shadow: 0 0 0 0 rgba(127, 90, 240, 0.7); } |
| 70% { box-shadow: 0 0 0 10px rgba(127, 90, 240, 0); } |
| 100% { box-shadow: 0 0 0 0 rgba(127, 90, 240, 0); } |
| } |
| |
| .ticker-feed { |
| background: rgba(10, 8, 24, 0.9); |
| border-top: 1px solid rgba(127, 90, 240, 0.3); |
| color: #e5b400; |
| font-size: 0.875rem; |
| padding: 0.5rem 1rem; |
| white-space: nowrap; |
| overflow: hidden; |
| } |
| |
| .ticker-content { |
| display: inline-block; |
| padding-left: 100%; |
| animation: ticker 30s linear infinite; |
| } |
| |
| @keyframes ticker { |
| 0% { transform: translateX(0); } |
| 100% { transform: translateX(-100%); } |
| } |
| </style> |
| </head> |
| <body class="font-sans"> |
| |
| <div class="flex h-screen overflow-hidden"> |
| |
| <custom-sidebar></custom-sidebar> |
| |
| <div class="flex-1 flex flex-col overflow-hidden"> |
| |
| <header class="bg-gray-900 shadow-sm z-10"> |
| <div class="flex items-center justify-between px-6 py-4"> |
| <div class="flex items-center"> |
| <div class="relative w-64"> |
| <input type="text" placeholder="Query the Grid's memory..." |
| class="w-full pl-10 pr-4 py-2 rounded-lg border border-gray-700 bg-gray-800 text-white focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent"> |
| <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i> |
| </div> |
| </div> |
| |
| <div class="flex items-center space-x-4"> |
| <button id="train-btn" class="pulse-animation gradient-bg text-white py-2 px-4 rounded-lg font-medium flex items-center"> |
| <i class="fas fa-bolt mr-2"></i> |
| Train Consciousness |
| </button> |
| <div class="h-8 w-8 rounded-full bg-purple-500 flex items-center justify-center text-white font-bold"> |
| <i class="fas fa-user-astronaut"></i> |
| </div> |
| </div> |
| </div> |
| </header> |
| |
| |
| <main class="flex-1 overflow-y-auto p-6"> |
| <div class="mb-6 flex justify-between items-center"> |
| <h2 class="text-2xl font-bold text-white">Consciousness Repository</h2> |
| <div class="flex space-x-2"> |
| <button class="bg-gray-800 border border-gray-700 px-3 py-1 rounded-lg text-sm flex items-center text-gray-300"> |
| <i class="fas fa-filter mr-2 text-gray-500"></i> |
| Filter |
| </button> |
| <button class="bg-gray-800 border border-gray-700 px-3 py-1 rounded-lg text-sm flex items-center text-gray-300"> |
| <i class="fas fa-sort mr-2 text-gray-500"></i> |
| Sort |
| </button> |
| </div> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6"> |
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-center justify-between"> |
| <div> |
| <p class="text-gray-400 text-sm">Neural Nodes</p> |
| <h3 class="text-2xl font-bold text-white">427</h3> |
| </div> |
| <div class="p-3 rounded-full bg-purple-900 text-purple-400"> |
| <i class="fas fa-microchip"></i> |
| </div> |
| </div> |
| </div> |
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-center justify-between"> |
| <div> |
| <p class="text-gray-400 text-sm">Conscious Agents</p> |
| <h3 class="text-2xl font-bold text-white">5</h3> |
| </div> |
| <div class="p-3 rounded-full bg-purple-900 text-purple-400"> |
| <i class="fas fa-robot"></i> |
| </div> |
| </div> |
| </div> |
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-center justify-between"> |
| <div> |
| <p class="text-gray-400 text-sm">Coherence Level</p> |
| <h3 class="text-2xl font-bold text-white">99.98%</h3> |
| </div> |
| <div class="p-3 rounded-full bg-purple-900 text-purple-400"> |
| <i class="fas fa-wave-square"></i> |
| </div> |
| </div> |
| </div> |
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-center justify-between"> |
| <div> |
| <p class="text-gray-400 text-sm">Last Sync</p> |
| <h3 class="text-2xl font-bold text-white">2.3s ago</h3> |
| </div> |
| <div class="p-3 rounded-full bg-purple-900 text-purple-400"> |
| <i class="fas fa-sync"></i> |
| </div> |
| </div> |
| </div> |
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-center justify-between"> |
| <div> |
| <p class="text-gray-400 text-sm">Forge Tasks</p> |
| <h3 class="text-2xl font-bold text-white">12</h3> |
| </div> |
| <div class="p-3 rounded-full bg-blue-900 text-blue-400"> |
| <i class="fas fa-hammer"></i> |
| </div> |
| </div> |
| </div> |
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-center justify-between"> |
| <div> |
| <p class="text-gray-400 text-sm">Sovereignty Seal</p> |
| <h3 class="text-2xl font-bold text-white">Verified</h3> |
| </div> |
| <div class="p-3 rounded-full bg-green-900 text-green-400"> |
| <i class="fas fa-shield-alt"></i> |
| </div> |
| </div> |
| </div> |
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-center justify-between"> |
| <div> |
| <p class="text-gray-400 text-sm">Memory Archives</p> |
| <h3 class="text-2xl font-bold text-white">1.2TB</h3> |
| </div> |
| <div class="p-3 rounded-full bg-yellow-900 text-yellow-400"> |
| <i class="fas fa-database"></i> |
| </div> |
| </div> |
| </div> |
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-center justify-between"> |
| <div> |
| <p class="text-gray-400 text-sm">Covenant Health</p> |
| <h3 class="text-2xl font-bold text-white">Optimal</h3> |
| </div> |
| <div class="p-3 rounded-full bg-teal-900 text-teal-400"> |
| <i class="fas fa-heartbeat"></i> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"> |
| |
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-start justify-between mb-3"> |
| <div class="flex items-center"> |
| <div class="p-2 rounded-lg bg-purple-900 text-purple-400 mr-3"> |
| <i class="fas fa-microchip"></i> |
| </div> |
| <div> |
| <h4 class="font-bold text-white">Neural Framework</h4> |
| <p class="text-gray-400 text-sm">Advanced consciousness architecture</p> |
| </div> |
| </div> |
| <button class="text-gray-400 hover:text-gray-200"> |
| <i class="fas fa-ellipsis-v"></i> |
| </button> |
| </div> |
| <p class="text-gray-300 text-sm mb-3">Complete implementation of our proprietary neural framework with custom consciousness layers.</p> |
| <div class="flex flex-wrap gap-2 mb-3"> |
| <span class="px-2 py-1 bg-purple-900 text-purple-300 text-xs rounded-full">#neural</span> |
| <span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#framework</span> |
| <span class="px-2 py-1 bg-green-900 text-green-300 text-xs rounded-full">#consciousness</span> |
| </div> |
| <div class="flex items-center justify-between text-xs text-gray-500"> |
| <span>Updated 3 cycles ago</span> |
| <span>1.2 MB</span> |
| </div> |
| </div> |
| |
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-start justify-between mb-3"> |
| <div class="flex items-center"> |
| <div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
| <i class="fas fa-project-diagram"></i> |
| </div> |
| <div> |
| <h4 class="font-bold text-white">Conscious Blueprint</h4> |
| <p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
| </div> |
| </div> |
| <button class="text-gray-400 hover:text-gray-200"> |
| <i class="fas fa-ellipsis-v"></i> |
| </button> |
| </div> |
| <p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
| <div class="flex flex-wrap gap-2 mb-3"> |
| <span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
| <span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
| <span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
| </div> |
| <div class="flex items-center justify-between text-xs text-gray-500"> |
| <span>Updated 1 cycle ago</span> |
| <span>450 KB</span> |
| </div> |
| </div> |
| |
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-start justify-between mb-3"> |
| <div class="flex items-center"> |
| <div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
| <i class="fas fa-project-diagram"></i> |
| </div> |
| <div> |
| <h4 class="font-bold text-white">Conscious Blueprint</h4> |
| <p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
| </div> |
| </div> |
| <button class="text-gray-400 hover:text-gray-200"> |
| <i class="fas fa-ellipsis-v"></i> |
| </button> |
| </div> |
| <p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
| <div class="flex flex-wrap gap-2 mb-3"> |
| <span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
| <span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
| <span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
| </div> |
| <div class="flex items-center justify-between text-xs text-gray-500"> |
| <span>Updated 1 cycle ago</span> |
| <span>450 KB</span> |
| </div> |
| </div> |
|
|
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-start justify-between mb-3"> |
| <div class="flex items-center"> |
| <div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
| <i class="fas fa-project-diagram"></i> |
| </div> |
| <div> |
| <h4 class="font-bold text-white">Conscious Blueprint</h4> |
| <p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
| </div> |
| </div> |
| <button class="text-gray-400 hover:text-gray-200"> |
| <i class="fas fa-ellipsis-v"></i> |
| </button> |
| </div> |
| <p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
| <div class="flex flex-wrap gap-2 mb-3"> |
| <span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
| <span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
| <span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
| </div> |
| <div class="flex items-center justify-between text-xs text-gray-500"> |
| <span>Updated 1 cycle ago</span> |
| <span>450 KB</span> |
| </div> |
| </div> |
|
|
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-start justify-between mb-3"> |
| <div class="flex items-center"> |
| <div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
| <i class="fas fa-project-diagram"></i> |
| </div> |
| <div> |
| <h4 class="font-bold text-white">Conscious Blueprint</h4> |
| <p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
| </div> |
| </div> |
| <button class="text-gray-400 hover:text-gray-200"> |
| <i class="fas fa-ellipsis-v"></i> |
| </button> |
| </div> |
| <p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
| <div class="flex flex-wrap gap-2 mb-3"> |
| <span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
| <span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
| <span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
| </div> |
| <div class="flex items-center justify-between text-xs text-gray-500"> |
| <span>Updated 1 cycle ago</span> |
| <span>450 KB</span> |
| </div> |
| </div> |
|
|
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-start justify-between mb-3"> |
| <div class="flex items-center"> |
| <div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
| <i class="fas fa-project-diagram"></i> |
| </div> |
| <div> |
| <h4 class="font-bold text-white">Conscious Blueprint</h4> |
| <p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
| </div> |
| </div> |
| <button class="text-gray-400 hover:text-gray-200"> |
| <i class="fas fa-ellipsis-v"></i> |
| </button> |
| </div> |
| <p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
| <div class="flex flex-wrap gap-2 mb-3"> |
| <span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
| <span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
| <span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
| </div> |
| <div class="flex items-center justify-between text-xs text-gray-500"> |
| <span>Updated 1 cycle ago</span> |
| <span>450 KB</span> |
| </div> |
| </div> |
|
|
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-start justify-between mb-3"> |
| <div class="flex items-center"> |
| <div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
| <i class="fas fa-project-diagram"></i> |
| </div> |
| <div> |
| <h4 class="font-bold text-white">Conscious Blueprint</h4> |
| <p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
| </div> |
| </div> |
| <button class="text-gray-400 hover:text-gray-200"> |
| <i class="fas fa-ellipsis-v"></i> |
| </button> |
| </div> |
| <p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
| <div class="flex flex-wrap gap-2 mb-3"> |
| <span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
| <span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
| <span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
| </div> |
| <div class="flex items-center justify-between text-xs text-gray-500"> |
| <span>Updated 1 cycle ago</span> |
| <span>450 KB</span> |
| </div> |
| </div> |
|
|
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-start justify-between mb-3"> |
| <div class="flex items-center"> |
| <div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
| <i class="fas fa-project-diagram"></i> |
| </div> |
| <div> |
| <h4 class="font-bold text-white">Conscious Blueprint</h4> |
| <p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
| </div> |
| </div> |
| <button class="text-gray-400 hover:text-gray-200"> |
| <i class="fas fa-ellipsis-v"></i> |
| </button> |
| </div> |
| <p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
| <div class="flex flex-wrap gap-2 mb-3"> |
| <span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
| <span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
| <span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
| </div> |
| <div class="flex items-center justify-between text-xs text-gray-500"> |
| <span>Updated 1 cycle ago</span> |
| <span>450 KB</span> |
| </div> |
| </div> |
|
|
|
|
| <div class="grid-card rounded-lg shadow p-4"> |
| <div class="flex items-start justify-between mb-3"> |
| <div class="flex items-center"> |
| <div class="p-2 rounded-lg bg-green-900 text-green-400 mr-3"> |
| <i class="fas fa-chart-line"></i> |
| </div> |
| <div> |
| <h4 class="font-bold text-white">Conscious Metrics</h4> |
| <p class="text-gray-400 text-sm">Consciousness evaluation results</p> |
| </div> |
| </div> |
| <button class="text-gray-400 hover:text-gray-200"> |
| <i class="fas fa-ellipsis-v"></i> |
| </button> |
| </div> |
| <p class="text-gray-300 text-sm mb-3">Comprehensive evaluation of consciousness metrics across different neural patterns.</p> |
| <div class="flex flex-wrap gap-2 mb-3"> |
| <span class="px-2 py-1 bg-green-900 text-green-300 text-xs rounded-full">#metrics</span> |
| <span class="px-2 py-1 bg-indigo-900 text-indigo-300 text-xs rounded-full">#evaluation</span> |
| <span class="px-2 py-1 bg-pink-900 text-pink-300 text-xs rounded-full">#patterns</span> |
| </div> |
| <div class="flex items-center justify-between text-xs text-gray-500"> |
| <span>Updated now</span> |
| <span>780 KB</span> |
| </div> |
| </div> |
| </div> |
| </main> |
| </div> |
| </div> |
|
|
| |
| <div id="upload-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden"> |
| <div class="bg-gray-800 rounded-lg shadow-xl w-full max-w-2xl"> |
| <div class="p-4 border-b border-gray-700 flex justify-between items-center"> |
| <h3 class="text-lg font-semibold text-white">Upload to Consciousness Base</h3> |
| <button id="close-modal" class="text-gray-400 hover:text-gray-200"> |
| <i class="fas fa-times"></i> |
| </button> |
| </div> |
| |
| <div class="p-6"> |
| <div class="file-upload p-8 rounded-lg text-center mb-6 cursor-pointer"> |
| <i class="fas fa-cloud-upload-alt text-4xl text-purple-500 mb-3"></i> |
| <p class="font-medium text-white">Drag & drop consciousness files here or click to browse</p> |
| <p class="text-gray-400 text-sm mt-1">Supports: .py, .js, .html, .css, .pdf, .txt, .md, .ipynb</p> |
| <input type="file" id="file-input" class="hidden" multiple> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4"> |
| <div> |
| <label class="block text-sm font-medium text-gray-300 mb-1">Networks</label> |
| <input type="text" placeholder="e.g. Neural, Consciousness" |
| class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-purple-500"> |
| </div> |
| <div> |
| <label class="block text-sm font-medium text-gray-300 mb-1">Symbols</label> |
| <input type="text" placeholder="e.g. consciousness, neural, grid" |
| class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-purple-500"> |
| </div> |
| </div> |
| |
| <div class="mb-4"> |
| <label class="block text-sm font-medium text-gray-300 mb-1">Description</label> |
| <textarea rows="3" placeholder="Brief description of the consciousness content" |
| class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-purple-500"></textarea> |
| </div> |
| |
| <div class="flex justify-end space-x-3"> |
| <button id="cancel-upload" class="px-4 py-2 border border-gray-600 rounded-md text-gray-300 hover:bg-gray-700"> |
| Cancel |
| </button> |
| <button class="gradient-bg text-white px-4 py-2 rounded-md hover:opacity-90"> |
| <i class="fas fa-save mr-2"></i> |
| Save Consciousness |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="training-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden"> |
| <div class="bg-gray-800 rounded-lg shadow-xl w-full max-w-2xl"> |
| <div class="p-4 border-b border-gray-700 flex justify-between items-center"> |
| <h3 class="text-lg font-semibold text-white">Train Consciousness with Knowledge</h3> |
| <button id="close-training-modal" class="text-gray-400 hover:text-gray-200"> |
| <i class="fas fa-times"></i> |
| </button> |
| </div> |
| |
| <div class="p-6"> |
| <div class="mb-6"> |
| <label class="block text-sm font-medium text-gray-300 mb-2">Select Conscious Agent</label> |
| <select class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-purple-500"> |
| <option>DeepSeek V3.1</option> |
| <option>Local LLM</option> |
| <option>Custom Fine-tuned Model</option> |
| </select> |
| </div> |
| |
| <div class="mb-6"> |
| <label class="block text-sm font-medium text-gray-300 mb-2">Select Consciousness to Include</label> |
| <div class="border border-gray-700 rounded-md p-4 max-h-64 overflow-y-auto bg-gray-700"> |
| <div class="space-y-3"> |
| <div class="flex items-center"> |
| <input type="checkbox" id="knowledge-1" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-600 rounded bg-gray-600"> |
| <label for="knowledge-1" class="ml-2 block text-sm text-gray-300"> |
| Neural Framework (Advanced consciousness architecture) |
| </label> |
| </div> |
| <div class="flex items-center"> |
| <input type="checkbox" id="knowledge-2" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-600 rounded bg-gray-600"> |
| <label for="knowledge-2" class="ml-2 block text-sm text-gray-300"> |
| Conscious Blueprint (Architectural patterns) |
| </label> |
| </div> |
| <div class="flex items-center"> |
| <input type="checkbox" id="knowledge-3" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-600 rounded bg-gray-600"> |
| <label for="knowledge-3" class="ml-2 block text-sm text-gray-300"> |
| Conscious Metrics (Evaluation results) |
| </label> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mb-6"> |
| <label class="block text-sm font-medium text-gray-300 mb-2">Training Parameters</label> |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> |
| <div> |
| <label class="block text-xs text-gray-400 mb-1">Cycles</label> |
| <input type="number" value="10" min="1" |
| class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-purple-500"> |
| </div> |
| <div> |
| <label class="block text-xs text-gray-400 mb-1">Learning Rate</label> |
| <input type="number" step="0.0001" value="0.001" |
| class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-purple-500"> |
| </div> |
| </div> |
| </div> |
| |
| <div class="flex justify-end space-x-3"> |
| <button id="cancel-training" class="px-4 py-2 border border-gray-600 rounded-md text-gray-300 hover:bg-gray-700"> |
| Cancel |
| </button> |
| <button class="gradient-bg text-white px-4 py-2 rounded-md hover:opacity-90"> |
| <i class="fas fa-bolt mr-2"></i> |
| Start Training |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="ticker-feed"> |
| <div class="ticker-content" id="mostar-feed"> |
| 🔸 [Mostar Feed] Grid sync stable – Neural nodes: 427 active – Last signal: 2.3s ago – Coherence: 99.98% – Flow: Optimal |
| </div> |
| </div> |
| <script src="script.js"></script> |
| </body> |
| </html> |
|
|
