<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>engram</title>
<link rel="stylesheet" href="/ui/style.css">
</head>
<body>
<div class="app">
<div class="sidebar">
<h1>engram<small id="ver"></small></h1>
<div class="ns-bar">
<div class="ns-label">Namespace</div>
<div class="ns-cur" id="nsCurrent">default</div>
<select class="ns-sel" id="nsSelect" onchange="onNsSelect(this.value)">
<option value="default">default</option>
<option value="__custom__">✚ Custom...</option>
</select>
<input class="ns-inp" id="nsInput" type="text" placeholder="namespace name" onkeydown="if(event.key==='Enter')applyCustomNs()">
</div>
<div class="nav-group">
<div class="nav-group-label">Memory</div>
<ul class="nav" id="nav">
<li class="active" data-v="all"><span class="nl">All</span><span class="ct" id="c-all">0</span></li>
<li data-v="buffer"><span class="nl">Buffer</span><span class="ct" id="c-buf">0</span></li>
<li data-v="working"><span class="nl">Working</span><span class="ct" id="c-wrk">0</span></li>
<li data-v="core"><span class="nl">Core</span><span class="ct" id="c-cor">0</span></li>
</ul>
<div class="nav-group-label">Search</div>
<ul class="nav" id="nav2">
<li data-v="recall"><span class="nl">Recall</span></li>
<li data-v="search"><span class="nl">Search</span></li>
<li data-v="resume"><span class="nl">Resume</span></li>
<li data-v="topics"><span class="nl">Topics</span></li>
</ul>
<div class="nav-group-label">Tools</div>
<ul class="nav" id="nav3">
<li data-v="create"><span class="nl">Create</span></li>
<li data-v="facts"><span class="nl">Facts</span></li>
<li data-v="tools"><span class="nl">Admin</span></li>
<li data-v="tests"><span class="nl">Tests</span></li>
</ul>
<div class="nav-group-label">Stats</div>
<ul class="nav" id="nav4">
<li data-v="health"><span class="nl">Health</span></li>
<li data-v="proxy"><span class="nl">Proxy</span><span class="ct" id="c-prx">0</span></li>
<li data-v="llm-usage"><span class="nl">LLM Usage</span></li>
<li data-v="trash"><span class="nl">Trash</span><span class="ct" id="c-trash">0</span></li>
</ul>
</div>
<div class="sidebar-footer">
<button onclick="doAction('/consolidate','POST','{}')">Consolidate</button>
<button onclick="doAction('/repair','POST')">Repair FTS</button>
</div>
</div>
<div class="main" id="main"></div>
<div class="panel-bg" id="panelBg" onclick="closeDetail()"></div>
<div class="detail" id="detail"></div>
</div>
<div class="toast-wrap" id="toasts"></div>
<script src="/ui/app.js"></script>
</body>
</html>
