'; if(card.title){ html += '
'; c.innerHTML = ''+escapeHtml(card.title)+'
'; } if(card.description){ html += ''+escapeHtml(card.description)+'
'; } html += ''+html+'
'; a.parentNode.insertBefore(c, a.nextSibling); } }).catch(()=>{}); }); }
+
+async function loadChannels(){ try{ const data = await api('/api/channels'); st.channels = data; renderChannels(); if(data.length>0){ selectChannel(data[0]); } } catch(e){} }
+function renderChannels(){ const list=document.getElementById('chanlist'); if(!list) return; list.innerHTML=''; st.channels.forEach(c=>{ const a=document.createElement('a'); a.href='#'; a.textContent=c; a.onclick=(ev)=>{ev.preventDefault(); selectChannel(c)}; if(c===st.current) a.className='active'; list.appendChild(a); }); }
+
+async function selectChannel(ch){ if(st.sse){ st.sse.close(); st.sse=null; } st.current=ch; renderChannels(); const el=document.getElementById('tail'); if(!el) return; el.textContent=''; const data = await api('/api/tail',{query:{channel:ch,limit:50}}); appendBatch(data); el.scrollTop = el.scrollHeight; st.atBottom=true; st.earliest = data.length? data[0].time : null; startStream(); initScrollHandlers(); }
+function initScrollHandlers(){ const el=document.getElementById('tail'); if(!el) return; el.onscroll=async ()=>{ st.atBottom = (el.scrollTop + el.clientHeight + 8) >= el.scrollHeight; if(el.scrollTop === 0 && st.earliest){ try{ const older = await api('/api/history',{query:{channel:st.current,before:st.earliest,limit:50}}); if(older.length){ const hBefore = el.scrollHeight; prependBatch(older); st.earliest = older[0].time; const hAfter = el.scrollHeight; el.scrollTop = hAfter - hBefore; } } catch(e){} } } }
+
+function startStream(){ const el=document.getElementById('tail'); if(!el) return; const url=new URL('/api/stream', window.location.origin); url.searchParams.set('channel', st.current); const es=new EventSource(url); st.sse=es; es.onmessage=(ev)=>{ try{ const m=JSON.parse(ev.data); appendBatch([m]); }catch(e){} }; es.onerror=()=>{ es.close(); st.sse=null; setTimeout(startStream, 3000); } }
+
+async function summarize(){ const ch=document.getElementById('channel'); const win=document.getElementById('window'); const push=document.getElementById('push'); const btn=document.getElementById('btn'); const out=document.getElementById('out'); if(!ch||!win||!btn||!out) return; btn.disabled=true; out.textContent=''; try{ const data = await api('/api/trigger',{query:{channel:ch.value,window:win.value||'6h',push:push && push.checked? '1':'0'}}); if(typeof data === 'string'){ out.textContent = data; } else { out.textContent = (data.summary||''); } } catch(e){ out.textContent = 'error: '+e; } btn.disabled=false; }
+
+window.addEventListener('DOMContentLoaded', ()=>{
+ if(document.getElementById('chanlist')){ loadChannels(); }
+ if(document.getElementById('channel')){
+ fetch('/api/channels').then(r=>r.json()).then(arr=>{ const sel=document.getElementById('channel'); arr.forEach(c=>{ const o=document.createElement('option'); o.value=c; o.textContent=c; sel.appendChild(o); }); }).catch(()=>{});
+ }
+});
diff --git a/internal/httpapi/templates.go b/internal/httpapi/templates.go
new file mode 100644
index 0000000..8f3fbe8
--- /dev/null
+++ b/internal/httpapi/templates.go
@@ -0,0 +1,47 @@
+package httpapi
+
+import (
+ "embed"
+ "html/template"
+ "net/http"
+ "path"
+ "strings"
+ "sync"
+)
+
+//go:embed templates/*.tmpl
+var uiFS embed.FS
+
+//go:embed static/*
+var staticFS embed.FS
+
+var (
+ tplOnce sync.Once
+ tpl *template.Template
+)
+
+func (s *Server) parseTemplatesOnce() {
+ tplOnce.Do(func() {
+ // Parse all templates under templates/
+ t := template.New("base").Funcs(template.FuncMap{})
+ t = template.Must(t.ParseFS(uiFS, "templates/*.tmpl"))
+ tpl = t
+ })
+}
+
+func (s *Server) render(w http.ResponseWriter, name string, data map[string]any) {
+ s.parseTemplatesOnce()
+ if data == nil {
+ data = map[string]any{}
+ }
+ data["Version"] = s.Version
+ data["Commit"] = s.Commit
+ base := strings.TrimSuffix(path.Base(name), path.Ext(name))
+ if base == "dashboard" {
+ data["Title"] = "sojuboy"
+ } else {
+ data["Title"] = strings.Title(base)
+ }
+ w.Header().Set("Content-Type", "text/html; charset=utf-8")
+ _ = tpl.ExecuteTemplate(w, name, data)
+}
diff --git a/internal/httpapi/templates/dashboard.tmpl b/internal/httpapi/templates/dashboard.tmpl
new file mode 100644
index 0000000..a0fa421
--- /dev/null
+++ b/internal/httpapi/templates/dashboard.tmpl
@@ -0,0 +1,12 @@
+{{ define "content" }}
+