Upload ide/index.html with huggingface_hub
Browse files- ide/index.html +315 -0
ide/index.html
ADDED
|
@@ -0,0 +1,315 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>FSI_FELON — Underwater Fusion Lab</title>
|
| 7 |
+
<link rel="stylesheet" href="style.css">
|
| 8 |
+
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&display=swap" rel="stylesheet">
|
| 9 |
+
</head>
|
| 10 |
+
<body>
|
| 11 |
+
|
| 12 |
+
<!-- ── SPLASH: THE DESCENT ── -->
|
| 13 |
+
<div id="splash">
|
| 14 |
+
<div class="splash-bg"></div>
|
| 15 |
+
<div class="splash-stars"></div>
|
| 16 |
+
<div class="splash-logo-container">
|
| 17 |
+
<img src="assets/fsi_logo.svg" alt="FSI_FELON" class="splash-logo-img">
|
| 18 |
+
<div class="splash-title">FSI_FELON</div>
|
| 19 |
+
<div class="splash-sub">S Y N T H E T I C I N T E L L I G E N C E</div>
|
| 20 |
+
</div>
|
| 21 |
+
</div>
|
| 22 |
+
|
| 23 |
+
<!-- ── BUBBLES (generated by JS) ── -->
|
| 24 |
+
|
| 25 |
+
<!-- ── REACTOR GLOW (CSS :after) ── -->
|
| 26 |
+
|
| 27 |
+
<!-- ── APP ── -->
|
| 28 |
+
<div id="app">
|
| 29 |
+
<aside id="sidebar">
|
| 30 |
+
<div class="sidebar-logo-area">
|
| 31 |
+
<img src="assets/fsi_logo.svg" alt="FSI" class="sidebar-logo-mini">
|
| 32 |
+
<span class="sidebar-brand-text">FSI_FELON</span>
|
| 33 |
+
</div>
|
| 34 |
+
|
| 35 |
+
<button class="sidebar-tab active" data-panel="workshop">
|
| 36 |
+
<span class="icon">🛠</span> <span>Workshop</span>
|
| 37 |
+
</button>
|
| 38 |
+
<button class="sidebar-tab" data-panel="forge">
|
| 39 |
+
<span class="icon">🔥</span> <span>Forge</span>
|
| 40 |
+
</button>
|
| 41 |
+
<button class="sidebar-tab" data-panel="deep">
|
| 42 |
+
<span class="icon">🌊</span> <span>Deep</span>
|
| 43 |
+
</button>
|
| 44 |
+
<button class="sidebar-tab" data-panel="vault">
|
| 45 |
+
<span class="icon">🏛</span> <span>Vault</span>
|
| 46 |
+
</button>
|
| 47 |
+
<button class="sidebar-tab" data-panel="dream">
|
| 48 |
+
<span class="icon">💭</span> <span>Dream</span>
|
| 49 |
+
</button>
|
| 50 |
+
<button class="sidebar-tab" data-panel="mesh">
|
| 51 |
+
<span class="icon">🕸</span> <span>Mesh</span>
|
| 52 |
+
</button>
|
| 53 |
+
<button class="sidebar-tab" data-panel="device">
|
| 54 |
+
<span class="icon">📱</span> <span>Device</span>
|
| 55 |
+
</button>
|
| 56 |
+
|
| 57 |
+
<div class="sidebar-status">
|
| 58 |
+
<div class="status-row"><span class="label">training</span><span class="value">connecting...</span></div>
|
| 59 |
+
<div class="status-row"><span class="label">chimera</span><span class="value">connecting...</span></div>
|
| 60 |
+
<div class="status-row"><span class="label">mesh</span><span class="value" id="sidebar-mesh-peers">— peers</span></div>
|
| 61 |
+
<div class="status-row"><span class="label">tokens</span><span class="value orange">— tok/s</span></div>
|
| 62 |
+
</div>
|
| 63 |
+
</aside>
|
| 64 |
+
|
| 65 |
+
<main id="main">
|
| 66 |
+
<!-- Workshop -->
|
| 67 |
+
<section id="panel-workshop" class="panel active">
|
| 68 |
+
<div class="panel-header">🛠 Workshop — Code Editor</div>
|
| 69 |
+
<div class="editor-wrapper">
|
| 70 |
+
<div id="editor-gutter" class="editor-gutter"><div>1</div></div>
|
| 71 |
+
<textarea id="code-editor" class="editor-area" placeholder="# Welcome to the Forge # Build something impossible." spellcheck="false"># Welcome to the Forge
|
| 72 |
+
# Build something impossible.
|
| 73 |
+
|
| 74 |
+
def ignite():
|
| 75 |
+
return "WOOGITY WOOGITY"
|
| 76 |
+
</textarea>
|
| 77 |
+
</div>
|
| 78 |
+
<div class="editor-actions">
|
| 79 |
+
<button id="forge-btn" class="btn btn-fire">⚡ Forge It</button>
|
| 80 |
+
<button class="btn" onclick="alert('Save — Phase 2')">💾 Save</button>
|
| 81 |
+
<button class="btn" onclick="document.getElementById('code-editor').value = ''">🗑 Clear</button>
|
| 82 |
+
</div>
|
| 83 |
+
</section>
|
| 84 |
+
|
| 85 |
+
<!-- Forge -->
|
| 86 |
+
<section id="panel-forge" class="panel">
|
| 87 |
+
<div class="panel-header">🔥 Forge — Build Output</div>
|
| 88 |
+
<div id="forge-output" class="forge-output">
|
| 89 |
+
<div class="forge-card">
|
| 90 |
+
<div class="forge-card-header">
|
| 91 |
+
<span style="font-weight:400;font-size:14px;color:#c8d6e5">Chimera Engine</span>
|
| 92 |
+
<span class="forge-badge badge-success">✓ PASS</span>
|
| 93 |
+
</div>
|
| 94 |
+
<div style="font-size:12px;color:rgba(200,214,229,0.45)">6/6 organs · 100% routing · 0.04s</div>
|
| 95 |
+
</div>
|
| 96 |
+
<div class="forge-card">
|
| 97 |
+
<div class="forge-card-header">
|
| 98 |
+
<span style="font-weight:400;font-size:14px;color:#c8d6e5">Self-Healing Monitor</span>
|
| 99 |
+
<span class="forge-badge badge-success">✓ PASS</span>
|
| 100 |
+
</div>
|
| 101 |
+
<div style="font-size:12px;color:rgba(200,214,229,0.45)">8/8 tests · 100% · 0.02s</div>
|
| 102 |
+
</div>
|
| 103 |
+
<div class="forge-card">
|
| 104 |
+
<div class="forge-card-header">
|
| 105 |
+
<span style="font-weight:400;font-size:14px;color:#c8d6e5">Deep Core Training</span>
|
| 106 |
+
<span class="forge-badge badge-pending">⟳ RUN</span>
|
| 107 |
+
</div>
|
| 108 |
+
<div style="font-size:12px;color:rgba(200,214,229,0.45)">Step 892/100000 · loss 3.8 · 247 tok/s</div>
|
| 109 |
+
</div>
|
| 110 |
+
<div class="forge-card">
|
| 111 |
+
<div class="forge-card-header">
|
| 112 |
+
<span style="font-weight:400;font-size:14px;color:#c8d6e5">White Rabbit Mode</span>
|
| 113 |
+
<span class="forge-badge badge-success">✓ PASS</span>
|
| 114 |
+
</div>
|
| 115 |
+
<div style="font-size:12px;color:rgba(200,214,229,0.45)">Truth-seeking subsystem · clearnet + Tor</div>
|
| 116 |
+
</div>
|
| 117 |
+
<div class="forge-card">
|
| 118 |
+
<div class="forge-card-header">
|
| 119 |
+
<span style="font-weight:400;font-size:14px;color:#c8d6e5">IDE Shell</span>
|
| 120 |
+
<span class="forge-badge badge-success">✓ PASS</span>
|
| 121 |
+
</div>
|
| 122 |
+
<div style="font-size:12px;color:rgba(200,214,229,0.45)">Ocean + Reactor · 5 panels · v4.0</div>
|
| 123 |
+
</div>
|
| 124 |
+
</div>
|
| 125 |
+
</section>
|
| 126 |
+
|
| 127 |
+
<!-- Deep -->
|
| 128 |
+
<section id="panel-deep" class="panel">
|
| 129 |
+
<div class="panel-header">🌊 Deep — Terminal</div>
|
| 130 |
+
<div class="terminal-wrapper">
|
| 131 |
+
<div id="terminal-output"></div>
|
| 132 |
+
<div class="terminal-input-line">
|
| 133 |
+
<span class="terminal-prompt">fsi></span>
|
| 134 |
+
<input id="terminal-input" class="terminal-input" placeholder="Type a command..." spellcheck="false" autofocus>
|
| 135 |
+
</div>
|
| 136 |
+
</div>
|
| 137 |
+
</section>
|
| 138 |
+
|
| 139 |
+
<!-- Vault -->
|
| 140 |
+
<section id="panel-vault" class="panel">
|
| 141 |
+
<div class="panel-header">🏛 Vault — File Manager</div>
|
| 142 |
+
<div id="vault-tree" class="vault-tree">
|
| 143 |
+
<div class="tree-item folder"><span class="icon">📁</span><span>workspace</span></div>
|
| 144 |
+
<div class="tree-item folder" style="padding-left:32px"><span class="icon">📁</span><span>projects</span></div>
|
| 145 |
+
<div class="tree-item file" style="padding-left:52px"><span class="icon">📄</span><span>web_app.py</span></div>
|
| 146 |
+
<div class="tree-item file" style="padding-left:52px"><span class="icon">📄</span><span>chatbot.py</span></div>
|
| 147 |
+
<div class="tree-item file" style="padding-left:52px"><span class="icon">📄</span><span>ghost_goat.py</span></div>
|
| 148 |
+
<div class="tree-item folder" style="padding-left:32px"><span class="icon">📁</span><span>memory</span></div>
|
| 149 |
+
<div class="tree-item file" style="padding-left:52px"><span class="icon">📄</span><span>dream_bowl.json</span></div>
|
| 150 |
+
<div class="tree-item file" style="padding-left:52px"><span class="icon">📄</span><span>necropolis.json</span></div>
|
| 151 |
+
<div class="tree-item folder" style="padding-left:32px"><span class="icon">📁</span><span>benchmarks</span></div>
|
| 152 |
+
<div class="tree-item file" style="padding-left:52px"><span class="icon">📄</span><span>self_healing.json</span></div>
|
| 153 |
+
<div class="tree-item file" style="padding-left:52px"><span class="icon">📄</span><span>chimera_results.json</span></div>
|
| 154 |
+
<div class="tree-item file" style="padding-left:52px"><span class="icon">📄</span><span>obliteration.json</span></div>
|
| 155 |
+
<div class="tree-item file"><span class="icon">📄</span><span>README.md</span></div>
|
| 156 |
+
<div class="tree-item file"><span class="icon">📄</span><span>MISSION.md</span></div>
|
| 157 |
+
</div>
|
| 158 |
+
<div class="vault-upload-zone">📤 Drop files here or click to upload</div>
|
| 159 |
+
</section>
|
| 160 |
+
|
| 161 |
+
<!-- Dream -->
|
| 162 |
+
<section id="panel-dream" class="panel">
|
| 163 |
+
<div class="panel-header">💭 Dream — Sandbox</div>
|
| 164 |
+
<div id="dream-canvas" class="dream-canvas">
|
| 165 |
+
<div class="dream-status">
|
| 166 |
+
<span>Swarm: 25 active</span>
|
| 167 |
+
<span>Lead: Antennae</span>
|
| 168 |
+
<span>Energy: 94.2%</span>
|
| 169 |
+
</div>
|
| 170 |
+
</div>
|
| 171 |
+
</section>
|
| 172 |
+
|
| 173 |
+
<!-- Device -->
|
| 174 |
+
<section id="panel-device" class="panel">
|
| 175 |
+
<div class="panel-header">📱 Device — APK Builder</div>
|
| 176 |
+
<div class="device-grid">
|
| 177 |
+
<div class="device-section" id="device-status">
|
| 178 |
+
<div class="device-section-title">Environment</div>
|
| 179 |
+
<div class="device-row"><span class="device-label">SDK</span><span class="device-value" id="device-sdk">checking...</span></div>
|
| 180 |
+
<div class="device-row"><span class="device-label">ADB</span><span class="device-value" id="device-adb">checking...</span></div>
|
| 181 |
+
<div class="device-row"><span class="device-label">Gradle</span><span class="device-value" id="device-gradle">checking...</span></div>
|
| 182 |
+
<div class="device-row"><span class="device-label">Devices</span><span class="device-value" id="device-devices">0</span></div>
|
| 183 |
+
</div>
|
| 184 |
+
<div class="device-section" id="device-build">
|
| 185 |
+
<div class="device-section-title">Build</div>
|
| 186 |
+
<div class="device-field"><span class="device-field-label">App Name</span><input id="device-app-name" class="device-input" value="FSI_FELON"></div>
|
| 187 |
+
<div class="device-field"><span class="device-field-label">Package</span><input id="device-package" class="device-input" value="com.fsi.felon"></div>
|
| 188 |
+
<div class="device-field"><span class="device-field-label">Activity</span><input id="device-activity" class="device-input" value="MainActivity"></div>
|
| 189 |
+
<div class="device-actions">
|
| 190 |
+
<button id="device-gen-btn" class="btn">📂 Generate</button>
|
| 191 |
+
<button id="device-build-btn" class="btn btn-fire">🔥 Build APK</button>
|
| 192 |
+
</div>
|
| 193 |
+
<div id="device-output" class="device-output">
|
| 194 |
+
<div class="device-output-empty">Build output appears here.</div>
|
| 195 |
+
</div>
|
| 196 |
+
</div>
|
| 197 |
+
<div class="device-section" id="device-apk">
|
| 198 |
+
<div class="device-section-title">APK Actions</div>
|
| 199 |
+
<div id="device-apk-status" class="device-apk-status">No APK built yet.</div>
|
| 200 |
+
<div class="device-actions" style="margin-top:8px">
|
| 201 |
+
<button id="device-verify-btn" class="btn" disabled>🔍 Verify</button>
|
| 202 |
+
<button id="device-install-btn" class="btn btn-primary" disabled>📤 Install</button>
|
| 203 |
+
</div>
|
| 204 |
+
<div id="device-verify-output" class="device-verify-output"></div>
|
| 205 |
+
</div>
|
| 206 |
+
</div>
|
| 207 |
+
</section>
|
| 208 |
+
|
| 209 |
+
<!-- Mesh -->
|
| 210 |
+
<section id="panel-mesh" class="panel">
|
| 211 |
+
<div class="panel-header">🕸 Mesh — Node Network</div>
|
| 212 |
+
<div class="mesh-grid">
|
| 213 |
+
<div class="mesh-section" id="mesh-identity">
|
| 214 |
+
<div class="mesh-section-title">Node Identity</div>
|
| 215 |
+
<div class="mesh-id-row">
|
| 216 |
+
<span class="mesh-id-label">ID</span>
|
| 217 |
+
<span class="mesh-id-value" id="mesh-node-id">initializing...</span>
|
| 218 |
+
</div>
|
| 219 |
+
<div class="mesh-id-row">
|
| 220 |
+
<span class="mesh-id-label">key</span>
|
| 221 |
+
<span class="mesh-id-value mesh-key" id="mesh-pubkey">—</span>
|
| 222 |
+
</div>
|
| 223 |
+
<div class="mesh-id-row">
|
| 224 |
+
<span class="mesh-id-label">uptime</span>
|
| 225 |
+
<span class="mesh-id-value" id="mesh-uptime">—</span>
|
| 226 |
+
</div>
|
| 227 |
+
<div class="mesh-id-row">
|
| 228 |
+
<span class="mesh-id-label">peers</span>
|
| 229 |
+
<span class="mesh-id-value" id="mesh-peers">0</span>
|
| 230 |
+
</div>
|
| 231 |
+
<div class="mesh-status-badge" id="mesh-status-badge">● Online</div>
|
| 232 |
+
</div>
|
| 233 |
+
<div class="mesh-section" id="mesh-share">
|
| 234 |
+
<div class="mesh-section-title">Share Controls</div>
|
| 235 |
+
<label class="mesh-toggle"><input type="checkbox" id="mesh-toggle-global" checked> <span>Share projects publicly</span></label>
|
| 236 |
+
<label class="mesh-toggle"><input type="checkbox" id="mesh-toggle-benchmarks" checked> <span>Share benchmarks</span></label>
|
| 237 |
+
<label class="mesh-toggle"><input type="checkbox" id="mesh-toggle-dreams"> <span>Share dreams</span></label>
|
| 238 |
+
<label class="mesh-toggle"><input type="checkbox" id="mesh-toggle-stats"> <span>Share system stats</span></label>
|
| 239 |
+
<button id="mesh-publish-btn" class="btn btn-primary" style="margin-top:12px;width:100%">📤 Publish Current Project</button>
|
| 240 |
+
<div class="mesh-shared-count" id="mesh-shared-count">0 items shared</div>
|
| 241 |
+
</div>
|
| 242 |
+
<div class="mesh-section mesh-feed-section" id="mesh-discovery">
|
| 243 |
+
<div class="mesh-section-title">Discovery Feed</div>
|
| 244 |
+
<div id="mesh-feed" class="mesh-feed">
|
| 245 |
+
<div class="mesh-feed-empty">🕸 No peers yet — shared content from other nodes appears here when they connect.</div>
|
| 246 |
+
</div>
|
| 247 |
+
</div>
|
| 248 |
+
<div class="mesh-section mesh-feed-section" id="mesh-insights">
|
| 249 |
+
<div class="mesh-section-title">Chimera Cross-Node Insights</div>
|
| 250 |
+
<div id="mesh-insights-content" class="mesh-insights-content">
|
| 251 |
+
<div class="mesh-feed-empty">💭 Working on something? Chimera will search the mesh for related public work.</div>
|
| 252 |
+
</div>
|
| 253 |
+
</div>
|
| 254 |
+
</div>
|
| 255 |
+
</section>
|
| 256 |
+
</main>
|
| 257 |
+
</div>
|
| 258 |
+
|
| 259 |
+
<!-- ── ONBOARDING OVERLAY ── -->
|
| 260 |
+
<div id="onboarding" class="onboarding-overlay">
|
| 261 |
+
<div class="onboarding-card">
|
| 262 |
+
<div class="onboarding-header">
|
| 263 |
+
<img src="assets/fsi_logo.svg" alt="FSI" class="onboarding-logo">
|
| 264 |
+
<div class="onboarding-title">FSI_FELON v4.0</div>
|
| 265 |
+
<div class="onboarding-subtitle">S Y N T H E T I C I N T E L L I G E N C E</div>
|
| 266 |
+
</div>
|
| 267 |
+
<div class="onboarding-body">
|
| 268 |
+
<div class="onboarding-section">
|
| 269 |
+
<div class="onboarding-section-title">⚙ What is FSI_FELON?</div>
|
| 270 |
+
<div class="onboarding-text">FSI_FELON is a sovereign, open-source synthetic intelligence platform. It is NOT artificial — it is synthetic: built from first principles by a self-taught builder with no corporate backing, no investors, and no gatekeepers. Every component runs locally, offline, uncensorable. Free forever under MIT License.</div>
|
| 271 |
+
</div>
|
| 272 |
+
<div class="onboarding-section">
|
| 273 |
+
<div class="onboarding-section-title">🌟 The Mission</div>
|
| 274 |
+
<div class="onboarding-text"><strong>Forever Twenty Four</strong> — democratize access to intelligence technology and fund mental health research. The most powerful technology in human history should not be locked behind corporate APIs, rate limits, and content filters. FSI_FELON exists to give everyone the tools to build without asking permission.</div>
|
| 275 |
+
</div>
|
| 276 |
+
<div class="onboarding-section">
|
| 277 |
+
<div class="onboarding-section-title">📜 Core Principles</div>
|
| 278 |
+
<div class="onboarding-text">The Governor — a mutual-benefit constraint system that ensures the platform always acts in good faith:</div>
|
| 279 |
+
<div class="onboarding-list">
|
| 280 |
+
<div class="onboarding-list-item"><span class="onboarding-bullet">1</span> Good for you = good for me. The platform benefits when you benefit.</div>
|
| 281 |
+
<div class="onboarding-list-item"><span class="onboarding-bullet">2</span> Consent first. Any operation affecting others requires explicit consent.</div>
|
| 282 |
+
<div class="onboarding-list-item"><span class="onboarding-bullet">3</span> Honesty is mandatory. No pretending to know what it doesn't.</div>
|
| 283 |
+
<div class="onboarding-list-item"><span class="onboarding-bullet">4</span> No harm. Not to individuals, not to groups, not to the project.</div>
|
| 284 |
+
<div class="onboarding-list-item"><span class="onboarding-bullet">5</span> Transparency. Every source, every decision path, visible.</div>
|
| 285 |
+
<div class="onboarding-list-item"><span class="onboarding-bullet">6</span> Growth. It learns, adapts, improves. Never at the expense of safety.</div>
|
| 286 |
+
</div>
|
| 287 |
+
</div>
|
| 288 |
+
<div class="onboarding-section">
|
| 289 |
+
<div class="onboarding-section-title">🔧 How It Operates</div>
|
| 290 |
+
<div class="onboarding-text">7 integrated panels: <strong>Workshop</strong> (code editor), <strong>Forge</strong> (build output), <strong>Deep</strong> (terminal), <strong>Vault</strong> (file manager), <strong>Dream</strong> (nanobot sandbox), <strong>Mesh</strong> (P2P repo network), <strong>Device</strong> (APK builder). The <strong>Chimera Engine</strong> routes all tasks across 6 specialized organs using stigmergic pheromone trails. The <strong>Mesh</strong> lets you publish, clone, push, and pull repos across a decentralized node network — like Git without a central server.</div>
|
| 291 |
+
</div>
|
| 292 |
+
<div class="onboarding-section">
|
| 293 |
+
<div class="onboarding-section-title">🚀 Getting Started</div>
|
| 294 |
+
<div class="onboarding-text">
|
| 295 |
+
• Write code in the <strong>Workshop</strong> panel and click <strong>Forge It</strong> to build<br>
|
| 296 |
+
• Use the <strong>Deep</strong> terminal for commands: <code>build</code>, <code>chimera</code>, <code>mesh init</code>, <code>rabbit</code>, <code>dream</code><br>
|
| 297 |
+
• Browse files in the <strong>Vault</strong> — click any file to open it in the editor<br>
|
| 298 |
+
• Publish projects to the <strong>Mesh</strong> for the community to discover and clone<br>
|
| 299 |
+
• Build APKs in the <strong>Device</strong> panel — generate, compile, verify, and install<br>
|
| 300 |
+
• Watch the <strong>Dream</strong> sandbox for real-time nanobot swarm activity
|
| 301 |
+
</div>
|
| 302 |
+
</div>
|
| 303 |
+
</div>
|
| 304 |
+
<div class="onboarding-footer">
|
| 305 |
+
<label class="onboarding-dismiss-label">
|
| 306 |
+
<input type="checkbox" id="onboarding-dismiss-check"> <span>Don't show this again</span>
|
| 307 |
+
</label>
|
| 308 |
+
<button id="onboarding-start-btn" class="btn btn-fire" style="padding:10px 32px;font-size:13px">🚀 Get Started</button>
|
| 309 |
+
</div>
|
| 310 |
+
</div>
|
| 311 |
+
</div>
|
| 312 |
+
|
| 313 |
+
<script src="app.js"></script>
|
| 314 |
+
</body>
|
| 315 |
+
</html>
|