proto_Ares / ares.html
Ares Builder
Connect optional trained ONNX model to official UI
9bb8be7
Raw
History Blame Contribute Delete
4.02 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="theme-color" content="#090d18" />
<title>Ares — Local Intelligence Lab</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="shell">
<aside class="sidebar">
<div class="brand"><div class="mark">A</div><div><b>ARES</b><span>local intelligence lab</span></div></div>
<button id="newChat" class="new-chat">+ New conversation</button>
<div class="side-section"><label>WORKSPACE</label><button class="nav active">◈ Chat</button><button class="nav">⌁ Memory</button><button class="nav">▣ Architecture</button></div>
<div class="side-section"><label>RUNTIME</label><div class="runtime"><i></i><span>Static / browser</span><small>no external AI</small></div></div>
<div class="side-foot">Ares v0.1<br><span>Foundation slice</span></div>
</aside>
<main class="main">
<header class="topbar"><div><span class="eyebrow">FOUNDATION SLICE</span><h1>Conversation console</h1></div><div class="top-actions"><button id="clearMemory" class="ghost">Clear memory</button><button class="avatar">JM</button></div></header>
<section class="status-row"><div class="status-card"><span class="dot blue"></span><div><b>Tokenizer</b><small>wordpiece fallback · 2,048 context</small></div></div><div class="status-card"><span class="dot green"></span><div><b>Memory</b><small id="memoryCount">0 local records</small></div></div><div class="status-card"><span class="dot purple"></span><div><b>Reasoner</b><small>plan → answer → cite memory</small></div></div></section>
<section id="chat" class="chat"><div class="welcome"><div class="orb"></div><h2>Good to meet you.</h2><p>I’m Ares, a local-first foundation for your from-scratch intelligence project. Ask me something, or choose a starting point below.</p><div class="suggestions"><button>Explain the Ares architecture</button><button>What should we train first?</button><button>Remember that my name is Jac</button></div></div></section>
<form id="composer" class="composer"><textarea id="input" rows="1" placeholder="Message Ares…" autocomplete="off"></textarea><button class="send" aria-label="Send"></button><div class="composer-meta"><span>Local mode · responses are generated in this browser</span><span id="tokenCount">0 / 2,048 tokens</span></div></form>
</main>
<aside class="inspector"><div class="inspect-title"><span>MODEL CONTROL</span><button id="toggleInspect">×</button></div><div class="model-chip"><div class="model-icon">A</div><div><b>Ares Foundation</b><span>static runtime</span></div><em>DEV</em></div><div class="meter"><div class="meter-head"><span>Context window</span><b id="ctxLabel">0%</b></div><div class="bar"><i id="ctxBar"></i></div><small>2,048 token budget</small></div><div class="inspect-block"><label>ACTIVE MODULES</label><div class="module"><b></b><span>Tokenizer<small>deterministic wordpiece</small></span><i class="on"></i></div><div class="module"><b></b><span>Planner<small>structured task decomposition</small></span><i class="on"></i></div><div class="module"><b></b><span>RAG memory<small>browser-local records</small></span><i class="on"></i></div><div class="module muted"><b></b><span>Transformer weights<small>not loaded in static slice</small></span><i></i></div></div><div class="inspect-block"><label>PIPELINE</label><div class="pipeline"><span class="done">1</span><b>Tokenize</b><span class="line"></span><span class="done">2</span><b>Retrieve</b><span class="line"></span><span class="current">3</span><b>Respond</b></div></div><div class="notice"><b>Next milestone</b><p>Train a small decoder-only checkpoint offline, then add its exported weights to this static runtime.</p></div></aside>
</div>
<script src="https://cdn.jsdelivr.net/npm/onnxruntime-web@1.19.2/dist/ort.min.js"></script><script src="app.js"></script>
</body>
</html>