Spaces:
Build error
Build error
File size: 4,278 Bytes
b82aa95 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 | <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Reachy Mini Conversation – Settings</title>
<link rel="stylesheet" href="/static/style.css" />
</head>
<body>
<div class="ambient"></div>
<div id="loading" class="loading">
<div class="spinner"></div>
<p>Loading…</p>
</div>
<div class="container">
<header class="hero">
<div class="pill">Headless control</div>
<h1>Reachy Mini Conversation</h1>
<p class="subtitle">Configure personalities and manage your Reachy Mini without the full UI.</p>
</header>
<div id="configured" class="panel hidden">
<div class="panel-heading">
<div>
<p class="eyebrow">Status</p>
<h2>Ollama Connected</h2>
</div>
<span class="chip chip-ok">Online</span>
</div>
<p class="muted">Connected to the Ollama server. Model: <strong id="model-name"></strong></p>
</div>
<div id="ollama-error" class="panel hidden">
<div class="panel-heading">
<div>
<p class="eyebrow">Status</p>
<h2>Ollama Not Found</h2>
</div>
<span class="chip">Offline</span>
</div>
<p class="muted">Cannot reach the Ollama server. Make sure Ollama is running (<code>ollama serve</code>) and a model is pulled (<code>ollama pull llama3.2</code>).</p>
<button id="retry-btn" class="ghost">Retry</button>
</div>
<div id="personality-panel" class="panel hidden">
<div class="panel-heading">
<div>
<p class="eyebrow">Profiles</p>
<h2>Personality studio</h2>
</div>
<span class="chip">Live</span>
</div>
<p class="muted">Create lean instruction sets, toggle tools, and apply a voice for your Reachy Mini.</p>
<div class="section">
<div class="section-heading">
<h3>Select & launch</h3>
<p class="muted small">Pick a profile and choose what should launch on startup.</p>
</div>
<div class="row row-top">
<label for="personality-select">Select</label>
<select id="personality-select"></select>
<button id="persist-personality" class="ghost">Use on startup</button>
<button id="apply-personality" class="ghost">Apply</button>
<button id="new-personality" class="ghost">New</button>
</div>
<div class="row">
<label>Startup personality</label>
<div class="startup-row">
<span id="startup-label" class="chip">Built-in default</span>
</div>
</div>
</div>
<div class="section">
<div class="section-heading">
<h3>Create / edit</h3>
<p class="muted small">Adjust instructions, tools, and voice, then save your profile.</p>
</div>
<div class="row">
<label for="personality-name">Name</label>
<input id="personality-name" type="text" class="input-field" placeholder="my_profile" />
<label for="voice-select">Voice</label>
<select id="voice-select"></select>
</div>
<div class="row">
<label for="instructions-ta">Instructions</label>
<textarea id="instructions-ta" rows="8" placeholder="# Write your instructions here"></textarea>
</div>
<div class="row">
<label for="tools-ta">tools.txt</label>
<textarea id="tools-ta" rows="6" placeholder="# tools enabled for this profile"></textarea>
</div>
<div class="row">
<label for="tools-available">Available tools</label>
<div id="tools-available" class="checkbox-grid"></div>
</div>
<div class="row row-save">
<label></label>
<div class="actions">
<button id="save-personality">Save</button>
</div>
</div>
</div>
<p id="personality-status" class="status"></p>
</div>
</div>
<script src="/static/main.js"></script>
</body>
</html>
|