@@ -24,14 +26,23 @@
-
-
+
+
+
+
+
+
+
+
@@ -108,6 +119,7 @@ let state = {
autoRefresh: true,
view: 'cards',
lastEvent: null,
+ selectedId: null,
};
// ─── Fetch ──────────────────────────────────────────────────────────────────
@@ -132,8 +144,10 @@ async function loadStats() {
const s = await api('/api/stats');
document.getElementById('statTotal').textContent = s.total;
document.getElementById('statConfirmed').textContent = s.confirmed;
+ document.getElementById('statRejected').textContent = (s.rejected ?? '-');
document.getElementById('statPending').textContent = s.pending;
document.getElementById('statErrors').textContent = s.errors;
+ document.getElementById('statAvgConf').textContent = (typeof s.avg_confidence === 'number') ? `${Math.round(s.avg_confidence * 100)}%` : '-';
}
function updateStatsFromEvent(ev) {
@@ -141,8 +155,10 @@ function updateStatsFromEvent(ev) {
const s = ev.stats;
document.getElementById('statTotal').textContent = s.total;
document.getElementById('statConfirmed').textContent = s.confirmed;
+ if (document.getElementById('statRejected')) document.getElementById('statRejected').textContent = (s.rejected ?? '-');
document.getElementById('statPending').textContent = s.pending;
document.getElementById('statErrors').textContent = s.errors;
+ if (document.getElementById('statAvgConf')) document.getElementById('statAvgConf').textContent = (typeof s.avg_confidence === 'number') ? `${Math.round(s.avg_confidence * 100)}%` : '-';
}
function setView(view) {
@@ -161,19 +177,74 @@ function setView(view) {
}
async function loadCards() {
- let url = `/api/engrams?limit=${state.limit}&offset=${state.offset}`;
+ const data = await api(buildEngramsUrl(state.limit, state.offset));
+ state.items = data.items;
+ renderCardsWithSuggestions();
+ document.getElementById('pageNum').textContent = Math.floor(state.offset / state.limit) + 1;
+ document.getElementById('btnPrev').disabled = state.offset === 0;
+ document.getElementById('btnNext').disabled = data.items.length < state.limit;
+}
+
+function buildEngramsUrl(limit, offset) {
+ let url = `/api/engrams?limit=${limit}&offset=${offset}`;
if (state.search) url += `&search=${encodeURIComponent(state.search)}`;
if (state.filter === 'confirmed') url += '&confirmed=1';
if (state.filter === 'pending') url += '&confirmed=0';
if (state.filter === 'rejected') url += '&verdict=confirmed_false';
if (state.filter === 'errors') url += '&tag=error';
+ return url;
+}
- const data = await api(url);
- state.items = data.items;
- renderCards();
- document.getElementById('pageNum').textContent = Math.floor(state.offset / state.limit) + 1;
- document.getElementById('btnPrev').disabled = state.offset === 0;
- document.getElementById('btnNext').disabled = data.items.length < state.limit;
+async function exportCurrent() {
+ const fmt = (document.getElementById('exportFormat')?.value || 'jsonl').toLowerCase();
+ const limit = 100;
+ const max = 5000;
+ let offset = 0;
+ let all = [];
+ while (all.length < max) {
+ const data = await api(buildEngramsUrl(limit, offset));
+ const items = data.items || [];
+ all = all.concat(items);
+ if (items.length < limit) break;
+ offset += limit;
+ }
+
+ const safe = (s) => String(s ?? '').replace(/[\\r\\n]+/g, ' ').trim();
+ let payload = '';
+ let mime = 'text/plain';
+ if (fmt === 'csv') {
+ mime = 'text/csv';
+ const esc = (v) => '\"' + String(v ?? '').replace(/\"/g, '\"\"') + '\"';
+ payload += ['id','created','source','confidence','verdict','tags','content'].join(',') + '\\n';
+ for (const it of all) {
+ payload += [
+ esc(it.id),
+ esc(it.created),
+ esc(it.source),
+ esc(it.confidence),
+ esc(it.verdict),
+ esc((it.tags || []).join('|')),
+ esc((it.content || '').replace(/\\r?\\n/g, '\\\\n')),
+ ].join(',') + '\\n';
+ }
+ } else {
+ mime = 'application/x-ndjson';
+ payload = all.map(x => JSON.stringify(x)).join('\\n') + (all.length ? '\\n' : '');
+ }
+
+ const now = new Date();
+ const ymd = `${now.getFullYear()}-${String(now.getMonth()+1).padStart(2,'0')}-${String(now.getDate()).padStart(2,'0')}`;
+ const filename = `second-brain_${ymd}_${safe(state.filter || 'all')}_${fmt}.${fmt}`;
+
+ const blob = new Blob([payload], {type: mime});
+ const url = URL.createObjectURL(blob);
+ const a = document.createElement('a');
+ a.href = url;
+ a.download = filename;
+ document.body.appendChild(a);
+ a.click();
+ a.remove();
+ setTimeout(() => URL.revokeObjectURL(url), 1000);
}
async function loadStatus() {
@@ -1001,9 +1072,11 @@ function escapeHtml(t) {
}
// ─── Actions ────────────────────────────────────────────────────────────────
-async function confirm(id, ev) {
+async function confirm(id, ev, ctx = 'card') {
ev.stopPropagation();
- const reason = document.getElementById('reason-'+id).value;
+ const reasonElId = (ctx === 'modal') ? ('reason-modal-' + id) : ('reason-' + id);
+ const reasonEl = document.getElementById(reasonElId);
+ const reason = reasonEl ? reasonEl.value : '';
await api(`/api/engrams/${id}/confirm`, {
method: 'POST',
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
@@ -1014,9 +1087,11 @@ async function confirm(id, ev) {
if (state.view === 'status') loadStatus();
}
-async function reject(id, ev) {
+async function reject(id, ev, ctx = 'card') {
ev.stopPropagation();
- const reason = document.getElementById('reason-'+id).value;
+ const reasonElId = (ctx === 'modal') ? ('reason-modal-' + id) : ('reason-' + id);
+ const reasonEl = document.getElementById(reasonElId);
+ const reason = reasonEl ? reasonEl.value : '';
await api(`/api/engrams/${id}/reject`, {
method: 'POST',
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
@@ -1052,18 +1127,62 @@ async function createEngram() {
async function showDetail(id) {
const item = await api(`/api/engrams/${id}`);
const body = document.getElementById('modalBody');
+ const links = (item.links || []);
+ const suggestions = (item.link_suggestions || []).concat(item.predictive_links || []);
+ const suggHtml = suggestions.length ? suggestions.map(s => `
+
+ ${s.engram_id.substring(0,8)}
+ ${escapeHtml(s.preview || s.content_preview || '')}
+
+
+ `).join('') : '
Keine Vorschläge';
body.innerHTML = `
-
Engramm ${item.id.substring(0,8)}
-
Confidence: ${Math.round(item.confidence*100)}%
-
Confirmed: ${item.confirmed ? '✅' : '❌'}
-
Tags: ${item.tags.map(t => ''+t+'').join(' ')}
-
Content:
-
${escapeHtml(item.content)}
-
History:
-
- ${(item.review_history || []).map(h => `- ${fmtDate(h.at)} — ${h.action} (${h.note})
`).join('')}
-
-
Links: ${item.links?.join(', ') || 'none'}
+
Engramm ${item.id.substring(0,8)}
+
verdict
${renderVerdictPill(item)} ${Math.round(item.confidence*100)}%
+
source
${escapeHtml(item.source || '-')}
+
created
${fmtDate(item.created)}
+
modified
${fmtDate(item.modified)}
+
access
${item.access_count ?? 0} • grounding ${item.grounding ?? 0}
+
tags
${(item.tags || []).map(t => ''+escapeHtml(t)+'').join(' ') || '-'}
+
+
Content
+
${escapeHtml(item.content || '')}
+
+
+
Vorschläge
+
${suggHtml}
+
+
+
+
Links
+
+ ${links.length ? links.map(l => `${l.substring(0,8)}`).join(' ') : 'none'}
+
+
+
+ ${Array.isArray(item.evidence) && item.evidence.length ? `
+
+
Evidence
+
+ ${item.evidence.map(e => `- ${escapeHtml(typeof e === 'string' ? e : JSON.stringify(e))}
`).join('')}
+
+
` : ''}
+
+
+
History
+
+ ${(item.review_history || []).map(h => `- ${fmtDate(h.at)} — ${escapeHtml(h.action)} ${h.note ? ('(' + escapeHtml(h.note) + ')') : ''}
`).join('') || '- -
'}
+
+
+
+
`;
document.getElementById('detailModal').classList.add('open');
}
@@ -1072,6 +1191,15 @@ function closeModal() {
document.getElementById('detailModal').classList.remove('open');
}
+function selectCard(id) {
+ state.selectedId = id;
+ renderCardsWithSuggestions();
+ setTimeout(() => {
+ const el = document.querySelector(`.card[data-id=\"${id}\"]`);
+ if (el) el.scrollIntoView({block: 'nearest', behavior: 'smooth'});
+ }, 0);
+}
+
// ─── Pagination ─────────────────────────────────────────────────────────────
function nextPage() {
state.offset += state.limit;
@@ -1114,6 +1242,92 @@ setInterval(() => {
// ─── Init ───────────────────────────────────────────────────────────────────
loadStats();
loadCards();
+document.getElementById('detailModal').addEventListener('click', (e) => {
+ if (e.target && e.target.id === 'detailModal') closeModal();
+});
+document.addEventListener('keydown', (e) => {
+ if (e.key === 'Escape') closeModal();
+ if (e.key === '/' && !(e.target && (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA' || e.target.tagName === 'SELECT'))) {
+ e.preventDefault();
+ document.getElementById('searchInput')?.focus();
+ }
+
+ if (e.target && (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA' || e.target.tagName === 'SELECT')) return;
+ if (document.getElementById('detailModal')?.classList.contains('open')) return;
+
+ if (e.key === 'g') setView('graph');
+ if (e.key === 's') setView('status');
+ if (e.key === '1') setView('cards');
+
+ if (state.view !== 'cards') return;
+ if (!state.items || !state.items.length) return;
+
+ const idxOf = (id) => state.items.findIndex(x => x.id === id);
+ let idx = state.selectedId ? idxOf(state.selectedId) : -1;
+ if (idx < 0) idx = 0;
+
+ if (e.key === 'j') {
+ idx = Math.min(state.items.length - 1, idx + 1);
+ selectCard(state.items[idx].id);
+ } else if (e.key === 'k') {
+ idx = Math.max(0, idx - 1);
+ selectCard(state.items[idx].id);
+ } else if (e.key === 'Enter') {
+ showDetail(state.items[idx].id);
+ } else if (e.key === 'c') {
+ confirm(state.items[idx].id, e);
+ } else if (e.key === 'r') {
+ reject(state.items[idx].id, e);
+ }
+});
+function renderCardsWithSuggestions() {
+ const el = document.getElementById('cards');
+ el.innerHTML = state.items.map(item => {
+ const suggestions = (item.link_suggestions || []).concat(item.predictive_links || []);
+ const suggHtml = suggestions.length ? suggestions.map(s => `
+
+ ${s.engram_id.substring(0,8)}
+ ${escapeHtml(s.preview || s.content_preview || '')}
+
+
+ `).join('') : '
Keine Vorschläge';
+ return `
+
+
+
+ ${escapeHtml(item.content.substring(0, 200))}${item.content.length>200?'...':''}
+
+
+ Vorschläge: ${suggHtml}
+
+
+
+ `;
+ }).join('');
+}
+
+async function acceptLink(fromId, toId, ev) {
+ ev.stopPropagation();
+ await api('/api/links/accept', {
+ method: 'POST',
+ headers: {'Content-Type': 'application/x-www-form-urlencoded'},
+ body: new URLSearchParams({from_id: fromId, to_id: toId})
+ });
+ alert('Link erstellt');
+ await loadCards();
+}