weed-sim / static /agent.html
tostido's picture
Add native agent: chat that drives WEED-SIM via tool calling
4076330
Raw
History Blame Contribute Delete
2.94 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WEED-SIM · Agent</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/meta.css">
<link rel="stylesheet" href="/static/agent.css">
</head>
<body>
<header class="agent-bar">
<div class="brand"><span class="hex"></span><h1>AGENT</h1></div>
<div class="cfg">
<select id="provider" title="inference provider">
<option value="openrouter">OpenRouter</option>
<option value="hf">HF Inference</option>
</select>
<input id="token" type="password" placeholder="API key (stays in your browser)" autocomplete="off">
<input id="model" list="modellist" placeholder="model — paste key to load…">
<datalist id="modellist"></datalist>
<label class="flt"><input type="checkbox" id="f-tools" checked> tools</label>
<label class="flt"><input type="checkbox" id="f-free"> free</label>
<span id="model-count" class="muted"></span>
</div>
<nav class="agent-nav">
<a href="/play">Play</a><a href="/lab">Lab</a><a href="/deck">Deck</a><a href="/"></a>
</nav>
</header>
<main class="chat-wrap">
<div id="chat" class="chat">
<div class="bubble system intro">
<b>This agent drives WEED-SIM for you.</b> It can load strains, grow, breed, clone, analyze the
germplasm with filters, predict crosses, and read the Observer Bus — all on <i>your</i> live session,
narrating what it does so you can learn what's possible.
<ol>
<li>Paste a Hugging Face token with <b>“Make calls to Inference Providers”</b> permission
(<a href="https://huggingface.co/settings/tokens" target="_blank">get one</a>). It is stored
only in your browser and passed through to the HF router — never saved on the server.</li>
<li>Pick a model (the full live catalog loads once your token is in; tool-capable ones first).</li>
<li>Try: <span class="ex">“Load the starters, grow two to mature, and breed me a purple high-THC strain.”</span></li>
</ol>
</div>
</div>
<div class="composer">
<textarea id="msg" rows="2" placeholder="Ask the agent to breed, analyze, optimize… (Enter to send, Shift+Enter for newline)"></textarea>
<button id="send" class="action-btn primary">Send</button>
</div>
</main>
<script src="/static/session.js"></script>
<script src="/static/agent.js"></script>
</body>
</html>