@jungjaehoon/mama-os 0.32.3 → 0.34.0

package/public/viewer/js/modules/dashboard.js

@@ -1,456 +0,0 @@
-import { API, } from '../utils/api.js';
-import { DebugLogger } from '../utils/debug-logger.js';
-import { createCollapsible } from '../utils/dom.js';
-import { reportPageContext } from '../utils/ui-commands.js';
-const logger = new DebugLogger('Dashboard');
-// ── Style constants ─────────────────────────────────────────────────────────
-const COLOR = {
-    primary: '#1A1A1A',
-    secondary: '#6B6560',
-    tertiary: '#9E9891',
-    border: '#EDE9E1',
-    bg: '#FAFAF8',
-    red: '#D94F4F',
-    green: '#3A9E7E',
-    yellow: '#F5C518',
-};
-const S = {
-    heading: `font-family:Inter,'Noto Sans KR',sans-serif;font-size:14px;font-weight:600;color:${COLOR.primary};margin:0 0 10px 0;`,
-    body: `font-size:12px;color:${COLOR.secondary};line-height:1.6;margin:0;`,
-    pill: `display:inline-block;font-size:10px;padding:1px 6px;border-radius:2px;font-weight:600;`,
-    row: `display:flex;align-items:baseline;gap:8px;padding:5px 0;border-bottom:1px solid ${COLOR.border};`,
-    time: `font-size:10px;color:${COLOR.tertiary};min-width:48px;white-space:nowrap;font-variant-numeric:tabular-nums;`,
-    section: `background:#fff;border:1px solid ${COLOR.border};border-radius:4px;padding:16px 20px;margin-bottom:12px;`,
-};
-const CONNECTOR_ICON = {
-    calendar: '\u{1F4C5}',
-    slack: '\u{1F4AC}',
-    discord: '\u{1F4AC}',
-    telegram: '\u{1F4AC}',
-    trello: '\u{1F4CB}',
-    kagemusha: '\u{1F977}',
-    'claude-code': '\u{1F916}',
-    gmail: '\u{1F4E7}',
-    notion: '\u{1F4DD}',
-    obsidian: '\u{1F4D3}',
-    sheets: '\u{1F4CA}',
-    drive: '\u{1F4C1}',
-    chatwork: '\u{1F4AC}',
-    imessage: '\u{1F4AC}',
-};
-// ── Helpers ──────────────────────────────────────────────────────────────────
-function esc(s) {
-    return s
-        .replace(/&/g, '&')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;');
-}
-function relativeTime(ts) {
-    const diffMs = Date.now() - new Date(ts).getTime();
-    const diffMin = Math.floor(diffMs / 60_000);
-    if (diffMin < 1)
-        return 'just now';
-    if (diffMin < 60)
-        return `${diffMin}m ago`;
-    const diffHr = Math.floor(diffMin / 60);
-    if (diffHr < 24)
-        return `${diffHr}h ago`;
-    const diffDays = Math.floor(diffHr / 24);
-    return `${diffDays}d ago`;
-}
-// ── Dashboard Module ────────────────────────────────────────────────────────
-const REFRESH_INTERVAL = 5 * 60 * 1000; // 5 minutes
-export class DashboardModule {
-    container = null;
-    eventSource = null;
-    refreshTimer = null;
-    selectedProject = null;
-    selectedConnector = null;
-    getCurrentPageType() {
-        if (this.selectedConnector) {
-            return 'dashboard-connector';
-        }
-        if (this.selectedProject) {
-            return 'dashboard-project';
-        }
-        return 'dashboard-overview';
-    }
-    init() {
-        this.container = document.getElementById('dashboard-slots');
-        if (!this.container)
-            return;
-        this.loadDashboard();
-        this.connectSse();
-        this.refreshTimer = setInterval(() => this.loadDashboard(), REFRESH_INTERVAL);
-    }
-    async loadDashboard() {
-        if (!this.container)
-            return;
-        try {
-            const [summaryRes, noticesRes, pipelineRes, connectorRes, projectsRes, slotsRes] = await Promise.all([
-                API.getIntelligenceSummary().catch(() => ({ text: '', generatedAt: null })),
-                API.getNotices(10).catch(() => ({ notices: [] })),
-                API.getPipeline().catch(() => ({ projects: [] })),
-                API.getConnectorActivity().catch(() => ({ connectors: [] })),
-                API.getProjects().catch(() => ({ projects: [] })),
-                API.getReportSlots().catch(() => ({ slots: [] })),
-            ]);
-            this.render({
-                summary: summaryRes,
-                notices: noticesRes.notices,
-                pipeline: pipelineRes.projects,
-                connectors: connectorRes.connectors,
-                totalDecisions: projectsRes.projects.reduce((sum, p) => sum + p.activeDecisions, 0),
-                agentCount: new Set(noticesRes.notices.map((n) => n.agent)).size,
-                briefingSlot: slotsRes.slots.find((s) => s.slotId === 'briefing') ?? null,
-            });
-        }
-        catch (err) {
-            logger.error('Failed to load dashboard data', err);
-        }
-    }
-    connectSse() {
-        try {
-            this.eventSource = new EventSource('/api/report/events');
-            this.eventSource.addEventListener('report-update', (event) => {
-                try {
-                    const data = JSON.parse(event.data);
-                    if (data.slots && Array.isArray(data.slots)) {
-                        const briefing = data.slots.find((s) => s.slotId === 'briefing');
-                        if (briefing)
-                            this.updateBriefingSection(briefing.html);
-                    }
-                    else if (data.slot === 'briefing' && typeof data.html === 'string') {
-                        this.updateBriefingSection(data.html);
-                    }
-                }
-                catch (err) {
-                    logger.error('SSE parse error', err);
-                }
-            });
-            this.eventSource.onerror = () => {
-                logger.warn('SSE connection lost, will auto-reconnect');
-            };
-        }
-        catch (err) {
-            logger.error('Failed to connect SSE', err);
-        }
-    }
-    updateBriefingSection(html) {
-        const el = this.container?.querySelector('#dash-briefing-content');
-        if (!el)
-            return;
-        const clean = DOMPurify.sanitize(html);
-        if (el.innerHTML !== clean)
-            el.innerHTML = clean;
-    }
-    render(data) {
-        if (!this.container)
-            return;
-        reportPageContext('dashboard', {
-            pageType: this.getCurrentPageType(),
-            selectedProject: this.selectedProject,
-            selectedConnector: this.selectedConnector,
-            noticeCount: data.notices.length,
-            pipelineCount: data.pipeline.length,
-            connectorCount: data.connectors.length,
-            totalDecisions: data.totalDecisions,
-            agentCount: data.agentCount,
-            summary: data.summary.text?.slice(0, 300) ?? '',
-        });
-        const emptyEl = document.getElementById('slots-empty');
-        const hasData = data.summary.text ||
-            data.notices.length > 0 ||
-            data.pipeline.length > 0 ||
-            data.connectors.length > 0 ||
-            data.briefingSlot?.html;
-        if (!hasData) {
-            if (emptyEl)
-                emptyEl.style.display = '';
-            this.container.querySelectorAll('.dash-section').forEach((el) => el.remove());
-            return;
-        }
-        if (emptyEl)
-            emptyEl.style.display = 'none';
-        // Clear container and build DOM elements
-        this.container.innerHTML = '';
-        // ── Section 1: Summary + Notices ──────────────────────────────────────
-        {
-            let summaryHtml = '';
-            if (data.briefingSlot?.html) {
-                summaryHtml += `<div id="dash-briefing-content" style="margin-bottom:12px">${DOMPurify.sanitize(data.briefingSlot.html)}</div>`;
-            }
-            else if (data.summary.text) {
-                summaryHtml += `<p style="${S.body}margin-bottom:12px">${esc(data.summary.text)}</p>`;
-                if (data.summary.generatedAt) {
-                    summaryHtml += `<div style="font-size:10px;color:${COLOR.tertiary};margin-bottom:12px">${esc(relativeTime(data.summary.generatedAt))}</div>`;
-                }
-            }
-            else {
-                summaryHtml += `<p style="font-size:12px;color:${COLOR.tertiary};margin-bottom:12px">Waiting for agent briefing...</p>`;
-            }
-            if (data.notices.length > 0) {
-                summaryHtml += `<div style="margin-top:8px">`;
-                for (const n of data.notices) {
-                    const time = relativeTime(n.timestamp);
-                    summaryHtml +=
-                        `<div style="${S.row}">` +
-                            `<span style="${S.time}">${esc(time)}</span>` +
-                            `<span style="${S.pill}background:${COLOR.green}20;color:${COLOR.green}">${esc(n.agent)}</span>` +
-                            `<span style="font-size:11px;color:${COLOR.primary};flex:1">${esc(n.action)}</span>` +
-                            `<span style="font-size:10px;color:${COLOR.tertiary};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px">${esc(n.target)}</span>` +
-                            `</div>`;
-                }
-                summaryHtml += `</div>`;
-            }
-            else {
-                summaryHtml += `<div style="font-size:11px;color:${COLOR.tertiary};margin-top:8px">No agent activity yet</div>`;
-            }
-            const summarySection = createCollapsible('Summary', summaryHtml, {
-                storageKey: 'dash-collapse-summary',
-                defaultOpen: true,
-                headingStyle: S.heading,
-                containerStyle: S.section,
-            });
-            summarySection.classList.add('dash-section');
-            this.container.appendChild(summarySection);
-        }
-        // ── Section 2: Pipeline (clickable rows) ─────────────────────────────
-        if (data.pipeline.length > 0) {
-            const sorted = [...data.pipeline].sort((a, b) => new Date(b.lastActivity).getTime() - new Date(a.lastActivity).getTime());
-            let pipelineHtml = '';
-            for (const p of sorted) {
-                const rel = relativeTime(p.lastActivity);
-                const isRecent = Date.now() - new Date(p.lastActivity).getTime() < 3600000;
-                const newBadge = isRecent
-                    ? ' <span style="color:#D94F4F;font-size:10px">\u{1F534}</span>'
-                    : '';
-                const dotColor = isRecent ? COLOR.green : COLOR.tertiary;
-                const projectId = esc(p.project);
-                pipelineHtml +=
-                    `<div class="dash-pipeline-row" data-project="${projectId}" ` +
-                        `style="cursor:pointer;border-bottom:1px solid ${COLOR.border};transition:background 0.1s" ` +
-                        `onmouseover="this.style.background='#F5F3EF'" onmouseout="this.style.background='transparent'">` +
-                        `<div style="display:flex;align-items:center;gap:8px;padding:4px 0">` +
-                        `<span class="dash-row-arrow" style="display:inline-block;font-size:9px;width:10px;color:${COLOR.tertiary}">\u25B6</span>` +
-                        `<span style="display:inline-block;width:6px;height:6px;background:${dotColor};flex-shrink:0"></span>` +
-                        `<span style="font-size:12px;font-weight:600;color:${COLOR.primary};flex:1">${esc(p.project.slice(0, 20))}${newBadge}</span>` +
-                        `<span style="font-size:10px;color:${COLOR.tertiary}">${p.activeDecisions} decisions</span>` +
-                        `<span style="${S.time}">${esc(rel)}</span>` +
-                        `</div>` +
-                        `<div class="dash-pipeline-detail" style="display:none;padding:6px 0 6px 28px;font-size:11px;color:${COLOR.secondary}">Loading...</div>` +
-                        `</div>`;
-            }
-            const pipelineSection = createCollapsible('Pipeline', pipelineHtml, {
-                storageKey: 'dash-collapse-pipeline',
-                defaultOpen: true,
-                headingStyle: S.heading,
-                containerStyle: S.section,
-            });
-            pipelineSection.classList.add('dash-section');
-            this.container.appendChild(pipelineSection);
-            // Bind click-to-expand on pipeline rows
-            pipelineSection.querySelectorAll('.dash-pipeline-row').forEach((el) => {
-                el.addEventListener('click', () => {
-                    const row = el;
-                    const detail = row.querySelector('.dash-pipeline-detail');
-                    const arrow = row.querySelector('.dash-row-arrow');
-                    if (!detail || !arrow)
-                        return;
-                    const isOpen = detail.style.display !== 'none';
-                    if (isOpen) {
-                        detail.style.display = 'none';
-                        arrow.textContent = '\u25B6';
-                        this.selectedProject = null;
-                        reportPageContext('dashboard', {
-                            pageType: this.getCurrentPageType(),
-                            selectedProject: null,
-                            selectedConnector: this.selectedConnector,
-                        });
-                    }
-                    else {
-                        detail.style.display = '';
-                        arrow.textContent = '\u25BC';
-                        const projectName = row.dataset.project;
-                        if (projectName && detail.textContent === 'Loading...') {
-                            this.loadPipelineDetail(detail, projectName);
-                        }
-                        this.selectedProject = projectName ?? null;
-                        this.selectedConnector = null;
-                        reportPageContext('dashboard', {
-                            pageType: 'dashboard-project',
-                            selectedProject: this.selectedProject,
-                            selectedConnector: this.selectedConnector,
-                        });
-                    }
-                });
-            });
-        }
-        // ── Section 3: Connector Activity (clickable rows) ───────────────────
-        if (data.connectors.length > 0) {
-            let connHtml = '';
-            for (const c of data.connectors) {
-                const icon = CONNECTOR_ICON[c.connector] || '\u{1F517}';
-                const connId = esc(c.connector);
-                if (c.status === 'active') {
-                    const rel = relativeTime(c.timestamp);
-                    const snippet = c.content.replace(/\n/g, ' ').slice(0, 60);
-                    connHtml +=
-                        `<div class="dash-connector-row" data-connector="${connId}" ` +
-                            `style="cursor:pointer;transition:background 0.1s" ` +
-                            `onmouseover="this.style.background='#F5F3EF'" onmouseout="this.style.background='transparent'">` +
-                            `<div style="${S.row}">` +
-                            `<span class="dash-row-arrow" style="display:inline-block;font-size:9px;width:10px;color:${COLOR.tertiary}">\u25B6</span>` +
-                            `<span style="font-size:14px;min-width:20px">${icon}</span>` +
-                            `<span style="font-size:12px;font-weight:600;color:${COLOR.primary};min-width:80px">${connId}</span>` +
-                            `<span style="font-size:11px;color:${COLOR.secondary};flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">` +
-                            `<span style="color:${COLOR.tertiary}">${esc(c.channel)}</span> ${esc(snippet)}</span>` +
-                            `<span style="${S.time}">${esc(rel)}</span>` +
-                            `</div>` +
-                            `<div class="dash-connector-detail" style="display:none;padding:4px 0 4px 36px;font-size:11px;color:${COLOR.secondary}">Loading...</div>` +
-                            `</div>`;
-                }
-                else if (c.status === 'idle') {
-                    connHtml +=
-                        `<div style="${S.row}">` +
-                            `<span style="font-size:14px;min-width:20px">${icon}</span>` +
-                            `<span style="font-size:12px;color:${COLOR.tertiary};flex:1">${connId} <span style="font-size:10px">idle</span></span>` +
-                            `</div>`;
-                }
-                else {
-                    connHtml +=
-                        `<div style="${S.row}">` +
-                            `<span style="font-size:14px;min-width:20px">${icon}</span>` +
-                            `<span style="font-size:12px;color:${COLOR.red};flex:1">${connId} <span style="font-size:10px">\u26A0\uFE0F \uBBF8\uC5F0\uACB0</span></span>` +
-                            `</div>`;
-                }
-            }
-            const connSection = createCollapsible('Connectors', connHtml, {
-                storageKey: 'dash-collapse-connectors',
-                defaultOpen: true,
-                headingStyle: S.heading,
-                containerStyle: S.section,
-            });
-            connSection.classList.add('dash-section');
-            this.container.appendChild(connSection);
-            // Bind click-to-expand on connector rows
-            connSection.querySelectorAll('.dash-connector-row').forEach((el) => {
-                el.addEventListener('click', () => {
-                    const row = el;
-                    const detail = row.querySelector('.dash-connector-detail');
-                    const arrow = row.querySelector('.dash-row-arrow');
-                    if (!detail || !arrow)
-                        return;
-                    const isOpen = detail.style.display !== 'none';
-                    if (isOpen) {
-                        detail.style.display = 'none';
-                        arrow.textContent = '\u25B6';
-                        this.selectedConnector = null;
-                        reportPageContext('dashboard', {
-                            pageType: this.getCurrentPageType(),
-                            selectedProject: this.selectedProject,
-                            selectedConnector: null,
-                        });
-                    }
-                    else {
-                        detail.style.display = '';
-                        arrow.textContent = '\u25BC';
-                        const connName = row.dataset.connector;
-                        if (connName && detail.textContent === 'Loading...') {
-                            this.loadConnectorDetail(detail, connName);
-                        }
-                        this.selectedConnector = connName ?? null;
-                        this.selectedProject = null;
-                        reportPageContext('dashboard', {
-                            pageType: 'dashboard-connector',
-                            selectedProject: this.selectedProject,
-                            selectedConnector: this.selectedConnector,
-                        });
-                    }
-                });
-            });
-        }
-        // ── Section 4: System ────────────────────────────────────────────────
-        {
-            const statsHtml = `<div style="display:flex;gap:24px;align-items:center">` +
-                `<span style="font-size:11px;color:${COLOR.secondary}">Agents: <strong style="color:${COLOR.primary}">${data.agentCount || '-'}</strong></span>` +
-                `<span style="font-size:11px;color:${COLOR.secondary}">Decisions: <strong style="color:${COLOR.primary}">${data.totalDecisions}</strong></span>` +
-                `</div>`;
-            const systemSection = createCollapsible('System', statsHtml, {
-                storageKey: 'dash-collapse-system',
-                defaultOpen: true,
-                headingStyle: S.heading,
-                containerStyle: S.section + 'padding:10px 20px;',
-            });
-            systemSection.classList.add('dash-section');
-            this.container.appendChild(systemSection);
-        }
-    }
-    /** Load and render project decisions inline for a pipeline row */
-    async loadPipelineDetail(detailEl, project) {
-        try {
-            const res = await API.getProjectDecisions(project, 10);
-            if (res.decisions.length === 0) {
-                detailEl.innerHTML = `<div style="color:${COLOR.tertiary}">No decisions found.</div>`;
-                return;
-            }
-            let html = '';
-            for (const d of res.decisions) {
-                const rel = relativeTime(d.created_at);
-                const statusColor = d.status === 'active' ? COLOR.green : COLOR.tertiary;
-                html +=
-                    `<div style="padding:3px 0;border-bottom:1px solid ${COLOR.border}">` +
-                        `<div style="display:flex;align-items:baseline;gap:6px">` +
-                        `<span style="${S.pill}background:${statusColor}20;color:${statusColor}">${esc(d.status)}</span>` +
-                        `<span style="font-size:11px;font-weight:600;color:${COLOR.primary};flex:1">${esc(d.topic)}</span>` +
-                        `<span style="font-size:10px;color:${COLOR.tertiary}">${esc(rel)}</span>` +
-                        `</div>` +
-                        `<div style="font-size:11px;color:${COLOR.secondary};margin-top:2px;line-height:1.4">${esc(d.decision.slice(0, 120))}</div>` +
-                        `</div>`;
-            }
-            detailEl.innerHTML = html;
-        }
-        catch {
-            detailEl.innerHTML = `<div style="color:${COLOR.red}">Failed to load decisions.</div>`;
-        }
-    }
-    /** Load and render recent feed items inline for a connector row */
-    async loadConnectorDetail(detailEl, connector) {
-        try {
-            const res = await API.getConnectorFeed(connector, 5);
-            if (res.feed.length === 0) {
-                detailEl.innerHTML = `<div style="color:${COLOR.tertiary}">No recent items.</div>`;
-                return;
-            }
-            let html = '';
-            for (const ch of res.feed) {
-                for (const item of ch.items) {
-                    const rel = relativeTime(item.timestamp);
-                    const preview = item.content.replace(/\n/g, ' ').slice(0, 100);
-                    html +=
-                        `<div style="padding:3px 0;border-bottom:1px solid ${COLOR.border}">` +
-                            `<div style="display:flex;align-items:baseline;gap:6px">` +
-                            `<span style="font-size:10px;font-weight:600;color:${COLOR.primary}">${esc(item.author)}</span>` +
-                            `<span style="font-size:10px;color:${COLOR.tertiary};background:${COLOR.bg};padding:0 4px;border-radius:2px">#${esc(ch.channel)}</span>` +
-                            `<span style="font-size:10px;color:${COLOR.tertiary};margin-left:auto">${esc(rel)}</span>` +
-                            `</div>` +
-                            `<div style="font-size:11px;color:${COLOR.secondary};margin-top:2px">${esc(preview)}</div>` +
-                            `</div>`;
-                }
-            }
-            detailEl.innerHTML = html || `<div style="color:${COLOR.tertiary}">No recent items.</div>`;
-        }
-        catch {
-            detailEl.innerHTML = `<div style="color:${COLOR.red}">Failed to load feed.</div>`;
-        }
-    }
-    destroy() {
-        this.eventSource?.close();
-        this.eventSource = null;
-        if (this.refreshTimer) {
-            clearInterval(this.refreshTimer);
-            this.refreshTimer = null;
-        }
-    }
-}

package/public/viewer/js/modules/entity-audit.js

@@ -1,106 +0,0 @@
-/**
- * Entity Audit Viewer Module
- *
- * Minimal audit-run surface. DOM-free controller + render-state helpers so
- * the module can be unit-tested in node.
- */
-/* eslint-env browser */
-import { API } from '../utils/api.js';
-export class EntityAuditController {
-    async startRun() {
-        return API.post('/api/entities/audit/run', {});
-    }
-    async listRuns(limit = 25) {
-        return API.get('/api/entities/audit/runs', { limit });
-    }
-    async getRun(runId) {
-        return API.get(`/api/entities/audit/runs/${encodeURIComponent(runId)}`);
-    }
-}
-export function buildAuditBannerState(run) {
-    if (run.status === 'running') {
-        return {
-            variant: 'neutral',
-            label: 'RUNNING',
-            headline: 'Audit run in progress',
-            hint: 'Wait for completion before starting a new run.',
-        };
-    }
-    if (run.status === 'failed' || run.status === 'timeout') {
-        return {
-            variant: 'danger',
-            label: run.status.toUpperCase(),
-            headline: `Audit run ${run.status}`,
-            hint: run.reason ?? 'Check server logs for details.',
-        };
-    }
-    switch (run.classification) {
-        case 'regressed':
-            return {
-                variant: 'danger',
-                label: 'REGRESSED',
-                headline: 'false_merge_rate spike detected',
-                hint: 'See #false-merge-spike in the entity substrate runbook.',
-            };
-        case 'improved':
-            return {
-                variant: 'success',
-                label: 'IMPROVED',
-                headline: 'All tracked metrics improved or held',
-                hint: 'Safe to promote the current baseline.',
-            };
-        case 'inconclusive':
-            return {
-                variant: 'warning',
-                label: 'INCONCLUSIVE',
-                headline: 'No baseline available for comparison',
-                hint: 'Re-run after the next ingest pass to establish a baseline.',
-            };
-        case 'stable':
-        default:
-            return {
-                variant: 'neutral',
-                label: 'STABLE',
-                headline: 'Metrics within tolerance',
-                hint: 'No action required.',
-            };
-    }
-}
-export function buildAuditMetricRows(run) {
-    const metrics = run.metrics ?? {};
-    return [
-        {
-            key: 'false_merge_rate',
-            label: 'False merge rate',
-            value: formatNumber(metrics.false_merge_rate),
-        },
-        {
-            key: 'cross_language_candidate_recall_at_10',
-            label: 'Cross-language recall@10',
-            value: formatNumber(metrics.cross_language_candidate_recall_at_10),
-        },
-        {
-            key: 'ontology_violation_count',
-            label: 'Ontology violations',
-            value: formatInteger(metrics.ontology_violation_count),
-        },
-        {
-            key: 'projection_fragmentation_rate',
-            label: 'Projection fragmentation',
-            value: formatNumber(metrics.projection_fragmentation_rate),
-        },
-    ];
-}
-function formatNumber(value) {
-    if (typeof value !== 'number' || Number.isNaN(value))
-        return '—';
-    return value.toFixed(3);
-}
-function formatInteger(value) {
-    if (typeof value !== 'number' || Number.isNaN(value))
-        return '—';
-    return String(Math.round(value));
-}
-export function buildConcurrentRunLockoutMessage(run) {
-    return `Audit run ${run.id} is already in progress. Wait for it to finish before starting a new one.`;
-}

package/public/viewer/js/modules/entity-review.js

@@ -1,66 +0,0 @@
-/**
- * Entity Review Queue Module
- *
- * Minimal review surface for canonical entity resolution candidates.
- * Data layer is intentionally DOM-free so it can be unit-tested in node.
- */
-/* eslint-env browser */
-import { API } from '../utils/api.js';
-export class EntityReviewController {
-    endpoint;
-    constructor(opts = {}) {
-        this.endpoint = opts.endpoint ?? '/api/entities/candidates';
-    }
-    async fetchCandidates(params = {}) {
-        const query = {};
-        if (typeof params.limit === 'number')
-            query.limit = params.limit;
-        if (params.cursor)
-            query.cursor = params.cursor;
-        return API.get(this.endpoint, query);
-    }
-    async fetchCandidate(id) {
-        return API.get(`${this.endpoint}/${encodeURIComponent(id)}`);
-    }
-    async review(id, action, body = {}) {
-        return API.post(`${this.endpoint}/${encodeURIComponent(id)}/${action}`, body);
-    }
-}
-export function buildListRenderState(response) {
-    return {
-        isEmpty: response.candidates.length === 0,
-        total: response.candidates.length,
-        rows: response.candidates.map((c) => ({
-            id: c.id,
-            scoreText: c.score_total.toFixed(2),
-            leftLabel: c.left_ref.label,
-            rightLabel: c.right_ref.label,
-            scopeLabel: c.scope_kind ? `${c.scope_kind}:${c.scope_id ?? ''}` : 'global',
-            createdAtIso: c.created_at,
-        })),
-        nextCursor: response.next_cursor,
-    };
-}
-export function buildDetailRenderState(response) {
-    const c = response.candidate;
-    return {
-        id: c.id,
-        leftLabel: c.left_ref.label,
-        rightLabel: c.right_ref.label,
-        scoreBreakdown: [
-            { key: 'total', label: 'Total', value: c.score_total },
-            { key: 'structural', label: 'Structural', value: c.score_structural },
-            { key: 'string', label: 'String', value: c.score_string },
-            { key: 'context', label: 'Context', value: c.score_context },
-            { key: 'graph', label: 'Graph', value: c.score_graph },
-            { key: 'embedding', label: 'Embedding', value: c.score_embedding },
-        ],
-        ruleTrace: c.rule_trace,
-        evidence: c.evidence,
-        extractorVersion: c.extractor_version,
-        embeddingModelVersion: c.embedding_model_version ?? 'n/a',
-    };
-}
-export function renderEmptyState() {
-    return 'No candidates pending review.';
-}