@jungjaehoon/mama-os 0.33.0 → 0.34.0

package/public/viewer/js/modules/system.js

@@ -0,0 +1,183 @@
+/**
+ * System views: Runtime and Connectors.
+ * @module modules/system
+ *
+ * Read-only truth, one source. Both views render `GET /api/runtime/status` and
+ * nothing else: no config read, no client-side model registry, no credential
+ * ever reaching the DOM. Editing daemon configuration from the browser is not a
+ * capability of this surface; setup is a CLI action.
+ */
+/* eslint-env browser */
+const RUNTIME_STATUS_ENDPOINT = '/api/runtime/status';
+/** Shown when the daemon booted without a health service. Never a fake score. */
+const HEALTH_UNAVAILABLE = 'unavailable';
+export function escapeHtml(value) {
+    return String(value ?? '')
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+async function defaultFetchStatus() {
+    const response = await fetch(RUNTIME_STATUS_ENDPOINT);
+    if (!response.ok) {
+        throw new Error('HTTP ' + response.status);
+    }
+    return (await response.json());
+}
+function skeleton(rows) {
+    let html = '<div class="mama-system-skeleton" aria-busy="true" aria-live="polite">';
+    for (let i = 0; i < rows; i++) {
+        html += '<div class="mama-system-skeleton-row"></div>';
+    }
+    html += '</div>';
+    return html;
+}
+/**
+ * Failure names the endpoint that failed and offers a retry. A System view that
+ * silently shows nothing is indistinguishable from a healthy empty runtime.
+ */
+function errorCard(error) {
+    const detail = error instanceof Error ? error.message : String(error ?? 'Unknown error');
+    return ('<div class="mama-system-error" role="alert">' +
+        '<p class="mama-system-error-title">Could not read ' +
+        escapeHtml(RUNTIME_STATUS_ENDPOINT) +
+        '</p>' +
+        '<p class="mama-system-error-detail">' +
+        escapeHtml(detail) +
+        '</p>' +
+        '<button type="button" class="mama-system-retry" data-retry>Retry</button>' +
+        '</div>');
+}
+function formatStartedAt(startedAt) {
+    if (!Number.isFinite(startedAt) || startedAt <= 0)
+        return 'unknown';
+    return new Date(startedAt).toLocaleString();
+}
+function formatUptime(startedAt) {
+    if (!Number.isFinite(startedAt) || startedAt <= 0)
+        return 'unknown';
+    const seconds = Math.max(0, Math.floor((Date.now() - startedAt) / 1000));
+    const days = Math.floor(seconds / 86400);
+    const hours = Math.floor((seconds % 86400) / 3600);
+    const minutes = Math.floor((seconds % 3600) / 60);
+    if (days > 0)
+        return days + 'd ' + hours + 'h';
+    if (hours > 0)
+        return hours + 'h ' + minutes + 'm';
+    return minutes + 'm';
+}
+function statTile(label, value, tone = 'neutral') {
+    return ('<div class="mama-system-tile" data-tone="' +
+        escapeHtml(tone) +
+        '">' +
+        '<span class="mama-system-tile-label">' +
+        escapeHtml(label) +
+        '</span>' +
+        '<span class="mama-system-tile-value">' +
+        escapeHtml(value) +
+        '</span>' +
+        '</div>');
+}
+export function renderRuntimeSnapshot(snapshot) {
+    const health = snapshot.health;
+    const healthValue = health ? health.status + ' - ' + health.score : HEALTH_UNAVAILABLE;
+    const healthTone = health
+        ? health.status === 'healthy'
+            ? 'ok'
+            : health.status === 'degraded'
+                ? 'warn'
+                : 'bad'
+        : 'muted';
+    return ('<section class="mama-system-panel">' +
+        '<h2 class="mama-system-heading">Runtime</h2>' +
+        '<p class="mama-system-note">Reported by the running daemon; some fields reflect boot-time state. Configuration is edited via the CLI or the config file.</p>' +
+        '<div class="mama-system-tiles">' +
+        statTile('Daemon', snapshot.running ? 'running' : 'stopped', snapshot.running ? 'ok' : 'bad') +
+        statTile('Backend', snapshot.backend) +
+        statTile('Model', snapshot.model) +
+        statTile('Health', healthValue, healthTone) +
+        statTile('Uptime', formatUptime(snapshot.startedAt)) +
+        statTile('Started', formatStartedAt(snapshot.startedAt)) +
+        '</div>' +
+        '</section>');
+}
+const CONNECTOR_STATE_TONE = {
+    connected: 'ok',
+    disconnected: 'muted',
+    unknown: 'warn',
+};
+/**
+ * What a connector state actually means. 'connected' is not a live probe: it
+ * says the connector registered when the daemon booted, so the chip carries the
+ * narrower claim rather than letting the word oversell itself.
+ */
+const CONNECTOR_STATE_TITLE = {
+    connected: 'Registered at daemon boot',
+    disconnected: 'Disabled in config',
+    unknown: 'Enabled in config but not registered at boot',
+};
+export function renderConnectorsSnapshot(snapshot) {
+    const connectors = snapshot.connectors ?? [];
+    if (connectors.length === 0) {
+        return ('<section class="mama-system-panel">' +
+            '<h2 class="mama-system-heading">Connectors</h2>' +
+            '<div class="mama-system-empty">' +
+            '<p class="mama-system-empty-title">No connectors configured</p>' +
+            '<p class="mama-system-empty-detail">Add one from a terminal:</p>' +
+            '<code class="mama-system-code">mama connector add &lt;name&gt;</code>' +
+            '</div>' +
+            '</section>');
+    }
+    let rows = '';
+    for (const connector of connectors) {
+        rows +=
+            '<li class="mama-system-row" data-tone="' +
+                escapeHtml(CONNECTOR_STATE_TONE[connector.state] ?? 'muted') +
+                '">' +
+                '<span class="mama-system-dot"></span>' +
+                '<span class="mama-system-row-name">' +
+                escapeHtml(connector.name) +
+                '</span>' +
+                '<span class="mama-system-row-state" title="' +
+                escapeHtml(CONNECTOR_STATE_TITLE[connector.state] ?? 'State reported at daemon boot') +
+                '">' +
+                escapeHtml(connector.state) +
+                '</span>' +
+                (connector.enabled ? '' : '<span class="mama-system-badge">off</span>') +
+                '</li>';
+    }
+    return ('<section class="mama-system-panel">' +
+        '<h2 class="mama-system-heading">Connectors</h2>' +
+        '<p class="mama-system-note">Read-only. Add or remove connectors with <code>mama connector add</code>.</p>' +
+        '<ul class="mama-system-list">' +
+        rows +
+        '</ul>' +
+        '</section>');
+}
+async function renderView(container, options, toHtml, skeletonRows) {
+    if (!container)
+        return;
+    const fetchStatus = options.fetchStatus ?? defaultFetchStatus;
+    container.innerHTML = skeleton(skeletonRows);
+    try {
+        const snapshot = await fetchStatus();
+        container.innerHTML = toHtml(snapshot);
+    }
+    catch (error) {
+        container.innerHTML = errorCard(error);
+        const retry = container.querySelector('[data-retry]');
+        if (retry) {
+            retry.addEventListener('click', () => {
+                void renderView(container, options, toHtml, skeletonRows);
+            });
+        }
+    }
+}
+export function renderRuntimeView(container, options = {}) {
+    return renderView(container, options, renderRuntimeSnapshot, 3);
+}
+export function renderConnectorsView(container, options = {}) {
+    return renderView(container, options, renderConnectorsSnapshot, 5);
+}

package/public/viewer/js/utils/ui-commands.js

@@ -14,16 +14,11 @@ const VIEWER_FRONTDOOR_CHANNEL_ID = 'mama_os_main';
 const PAGE_CONTEXT_REPUBLISH_MS = 5000;
 let lastReportedPageContext = null;
 let lastPageContextPublishAt = 0;
+// The Viewer always reports into the one frontdoor channel. The per-chat
+// session override this used to read is gone with the Chat tab that wrote it:
+// nothing writes `mama_chat_session_id` any more, so reading it could only ever
+// return a stale value.
 function getViewerChannelId() {
-    try {
-        const sessionId = window.localStorage.getItem('mama_chat_session_id');
-        if (sessionId && !sessionId.startsWith('session_')) {
-            return sessionId;
-        }
-    }
-    catch {
-        /* ignore */
-    }
     return VIEWER_FRONTDOOR_CHANNEL_ID;
 }
 export function startUICommandPolling(switchTab) {

package/public/viewer/log-viewer.html

@@ -14,7 +14,6 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;backgrou
 .status-dot.connected{background:var(--success);box-shadow:0 0 6px var(--success)}
 .status-dot.disconnected{background:var(--error)}
 .status-dot.connecting{background:var(--warn);animation:pulse 1s infinite}
-.status-dot.ws-connected{background:#39d353;box-shadow:0 0 8px #39d353}
 @keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
 @keyframes fadeNew{from{background:rgba(59,185,80,.18)}to{background:transparent}}
 .status-text{font-size:11px;color:var(--muted);min-width:100px}
@@ -24,7 +23,6 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;backgrou
 .btn:hover{border-color:var(--accent);color:var(--accent)}
 .btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}
 .btn.paused{background:var(--warn);border-color:var(--warn);color:#000}
-.btn.ws-mode{background:#39d353;border-color:#39d353;color:#000}
 .sel-ctrl{background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:3px 5px;color:var(--text);font-size:11px;font-family:inherit;outline:none}
 .toolbar{display:flex;align-items:center;gap:6px;padding:5px 14px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}
 .search-box{flex:1;min-width:120px;display:flex;align-items:center;gap:5px;background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:3px 7px}
@@ -104,8 +102,6 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;backgrou
 .selection-bar .sel-count{font-weight:600}
 .selection-bar button{padding:3px 10px;font-size:11px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;border-radius:6px;cursor:pointer}
 .selection-bar button:hover{background:rgba(255,255,255,.25)}
-.selection-bar .send-btn{background:#fff;color:var(--accent);font-weight:600;border:none}
-.selection-bar .send-btn:hover{background:#e6edf3}
 
 /* Log area + minimap */
 .log-wrap{flex:1;overflow:hidden;display:flex;flex-direction:column}
@@ -147,26 +143,6 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;backgrou
 .empty .ico{font-size:36px;opacity:.25}
 .empty p{font-size:11px}
 .empty kbd{background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:10px}
-.prompt-panel{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}
-.prompt-hdr{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;cursor:pointer;user-select:none}
-.prompt-hdr h3{font-size:11px;color:var(--accent);font-weight:600}
-.prompt-hdr .arrow{font-size:10px;color:var(--muted);transition:transform .2s}
-.prompt-hdr .arrow.open{transform:rotate(180deg)}
-.prompt-body{padding:0 14px 8px;display:none}
-.prompt-body.open{display:block}
-.presets{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:6px}
-.preset{padding:2px 8px;font-size:10px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--muted);cursor:pointer;transition:all .12s;font-family:inherit}
-.preset:hover{border-color:var(--accent);color:var(--accent)}
-.prompt-row{display:flex;gap:6px}
-.prompt-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;color:var(--text);font-size:11px;font-family:inherit;resize:none;outline:none;min-height:40px;max-height:80px}
-.prompt-input:focus{border-color:var(--accent)}
-.prompt-input::placeholder{color:var(--muted)}
-.prompt-actions{display:flex;flex-direction:column;gap:3px}
-.send-btn-prompt{padding:5px 12px;background:var(--accent);color:#fff;border:none;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit}
-.send-btn-prompt:hover{opacity:.9}
-.copy-btn-prompt{padding:5px 12px;background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:5px;font-size:11px;cursor:pointer;font-family:inherit}
-.copy-btn-prompt:hover{color:var(--text);border-color:var(--muted)}
-
 /* Export dropdown */
 .export-dropdown{position:relative;display:inline-block}
 .export-menu{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:4px 0;z-index:100;min-width:160px;box-shadow:0 4px 12px rgba(0,0,0,.4)}
@@ -184,7 +160,6 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;backgrou
   <span class="rate-badge" id="rateBadge" title="Lines per second">0 l/s</span>
   <div class="hdr-right">
     <button class="btn" id="liveBtn" title="Toggle live (L)">&#9654; Live</button>
-    <button class="btn" id="wsBtn" title="WebSocket mode (W)">WS</button>
     <select class="sel-ctrl" id="intervalSel" title="Poll interval">
       <option value="1000">1s</option>
       <option value="2000" selected>2s</option>
@@ -279,7 +254,6 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;backgrou
   <div style="flex:1"></div>
   <button id="selPin" title="Pin selected lines">&#128204; Pin</button>
   <button id="selCopy">Copy</button>
-  <button class="send-btn" id="selSend">Send to Chat</button>
   <button id="selClear">Clear</button>
 </div>
 <div class="log-wrap">
@@ -288,7 +262,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;backgrou
       <div class="empty" id="emptyState">
         <div class="ico">&#128203;</div>
         <p>daemon.log</p>
-        <p><kbd>L</kbd> Live <kbd>W</kbd> WebSocket <kbd>/</kbd> Search <kbd>A</kbd> Auto-scroll <kbd>P</kbd> Pause <kbd>D</kbd> Stats</p>
+        <p><kbd>L</kbd> Live <kbd>/</kbd> Search <kbd>A</kbd> Auto-scroll <kbd>P</kbd> Pause <kbd>D</kbd> Stats</p>
       </div>
     </div>
     <div class="minimap" id="minimap">
@@ -296,27 +270,6 @@ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;backgrou
     </div>
   </div>
 </div>
-<div class="prompt-panel">
-  <div class="prompt-hdr" id="promptHdr">
-    <h3>&#128172; Send to Chat</h3>
-    <span class="arrow open" id="promptArrow">&#9660;</span>
-  </div>
-  <div class="prompt-body open" id="promptBody">
-    <div class="presets">
-      <button class="preset" data-p="errors">&#128308; Errors</button>
-      <button class="preset" data-p="status">&#128202; Status</button>
-      <button class="preset" data-p="slow">&#128012; Slow</button>
-      <button class="preset" data-p="recent">&#128221; Recent</button>
-    </div>
-    <div class="prompt-row">
-      <textarea class="prompt-input" id="promptInput" placeholder="루나에게 요청..."></textarea>
-      <div class="prompt-actions">
-        <button class="send-btn-prompt" id="promptSend">&#128228; Send</button>
-        <button class="copy-btn-prompt" id="promptCopy">&#128203; Copy</button>
-      </div>
-    </div>
-  </div>
-</div>
 <script>
 (function(){
 'use strict';
@@ -328,16 +281,10 @@ const NEW_LINE_ANIM_MS = 900;
 const AUTO_SCROLL_THRESHOLD = 50;
 const MAX_INCREMENTAL_LINES = 200;
 const PINS_STORAGE_KEY = 'mama-log-viewer-pins';
-const WS_RECONNECT_DELAY = 3000;
-const WS_MAX_RETRIES = 5;
 const HISTOGRAM_BUCKETS = 30;
 
 // Use same-origin by default so custom host/IP + non-default port keeps working.
 const API_BASE = location.protocol === 'file:' ? 'http://localhost:3847' : '';
-const WS_URL = location.protocol === 'file:'
-  ? 'ws://localhost:3847/ws'
-  : (location.protocol === 'https:' ? 'wss://' : 'ws://') + location.host + '/ws';
-const POST_MSG_ORIGIN = location.protocol === 'file:' ? '*' : location.origin;
 
 const S = {
   logs: [], autoScroll: true, selected: new Set(), lastClickIdx: -1,
@@ -348,7 +295,6 @@ const S = {
   activeSources: null, excludedSources: new Set(),
   activeChannels: null, excludedChannels: new Set(), sourcePanelOpen: false,
   regexMode: false,
-  wsMode: false, ws: null, wsRetries: 0,
   pins: new Set(),
   pinsPanelOpen: false,
   statsDashOpen: false,
@@ -630,8 +576,7 @@ function fetchLogs() {
   }).then((data) => {
     const hasTotal = Number.isFinite(data.total);
     const displayTotal = hasTotal ? data.total : (data.truncated ? '~' + data.lines.length : data.lines.length);
-    const modeLabel = S.wsMode ? 'WS+Poll' : 'Polling';
-    setStatus('connected', modeLabel + ' (' + (parseInt($('intervalSel').value) / 1000) + 's) \u2022 ' + displayTotal + ' total');
+    setStatus('connected', 'Polling (' + (parseInt($('intervalSel').value) / 1000) + 's) \u2022 ' + displayTotal + ' total');
     const bytes = data.totalBytes || data.fileSize;
     if (bytes) $('fileInfo').textContent = (bytes / 1024 / 1024).toFixed(1) + 'MB';
 
@@ -688,77 +633,6 @@ function stopPolling() {
   setStatus('disconnected', 'Stopped \u2014 ' + S.logs.length + ' lines');
 }
 
-/* ===== WebSocket ===== */
-function connectWS() {
-  if (S.ws && (S.ws.readyState === WebSocket.OPEN || S.ws.readyState === WebSocket.CONNECTING)) return;
-
-  S.wsMode = true;
-  $('wsBtn').classList.add('ws-mode');
-  setStatus('connecting', 'WS connecting...');
-
-  try {
-    S.ws = new WebSocket(WS_URL);
-  } catch (e) {
-    fallbackToPolling('WS init failed');
-    return;
-  }
-
-  S.ws.onopen = () => {
-    S.wsRetries = 0;
-    setStatus('ws-connected', 'WebSocket connected');
-    S.ws.send(JSON.stringify({ type: 'subscribe', channel: 'logs' }));
-  };
-
-  S.ws.onmessage = (evt) => {
-    try {
-      const data = JSON.parse(evt.data);
-      if (data.type === 'log' && data.line) {
-        if (emptyState && emptyState.parentNode) emptyState.remove();
-        addLines([data.line], false);
-      } else if (data.type === 'logs' && data.lines) {
-        addLines(data.lines, !S.initialized);
-        S.initialized = true;
-      }
-    } catch (e) {
-      if (typeof evt.data === 'string' && evt.data.trim()) {
-        addLines([evt.data], false);
-      }
-    }
-  };
-
-  S.ws.onclose = () => {
-    if (!S.wsMode) return;
-    S.wsRetries++;
-    if (S.wsRetries <= WS_MAX_RETRIES) {
-      setStatus('connecting', 'WS reconnecting (' + S.wsRetries + '/' + WS_MAX_RETRIES + ')...');
-      setTimeout(connectWS, WS_RECONNECT_DELAY);
-    } else {
-      fallbackToPolling('WS max retries reached');
-    }
-  };
-
-  S.ws.onerror = () => {
-    // onclose will fire after onerror
-  };
-}
-
-function disconnectWS() {
-  S.wsMode = false;
-  $('wsBtn').classList.remove('ws-mode');
-  if (S.ws) {
-    S.ws.onclose = null;
-    S.ws.close();
-    S.ws = null;
-  }
-  S.wsRetries = 0;
-}
-
-function fallbackToPolling(reason) {
-  disconnectWS();
-  setStatus('disconnected', 'WS failed: ' + reason + ' \u2014 switching to polling');
-  if (!S.live) startPolling();
-}
-
 /* ===== Export ===== */
 function downloadFile(content, filename) {
   const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
@@ -1169,14 +1043,6 @@ $('selCopy').addEventListener('click', () => {
     $('selCopy').textContent = '\u2705'; setTimeout(() => { $('selCopy').textContent = 'Copy'; }, 1200);
   });
 });
-$('selSend').addEventListener('click', () => {
-  const text = getSelectedText();
-  const msg = '[\uc120\ud0dd\ub41c \ub85c\uadf8 ' + S.selected.size + '\uc904]:\n```\n' + text + '\n```';
-  window.parent.postMessage({ type: 'viewer:sendToChat', message: msg }, POST_MSG_ORIGIN);
-  S.selected.clear();
-  logArea.querySelectorAll('.ll.selected').forEach((el) => { el.classList.remove('selected'); });
-  updateSelectionBar();
-});
 $('selClear').addEventListener('click', () => {
   S.selected.clear();
   logArea.querySelectorAll('.ll.selected').forEach((el) => { el.classList.remove('selected'); });
@@ -1211,16 +1077,6 @@ $('clearBtn').addEventListener('click', () => {
   if (S.statsDashOpen) updateStatsDashboard();
 });
 
-$('wsBtn').addEventListener('click', () => {
-  if (S.wsMode) {
-    disconnectWS();
-    setStatus(S.live ? 'connected' : 'disconnected', S.live ? 'Polling mode' : 'WS disconnected');
-  } else {
-    connectWS();
-    if (!S.live) startPolling();
-  }
-});
-
 document.querySelectorAll('.lvl').forEach((el) => {
   el.addEventListener('click', () => {
     const lv = el.getAttribute('data-l');
@@ -1256,7 +1112,6 @@ document.addEventListener('keydown', (e) => {
   if (e.ctrlKey && e.key === 'f') { e.preventDefault(); $('searchInput').focus(); return; }
   if (e.key === '/') { e.preventDefault(); $('searchInput').focus(); return; }
   if (e.key === 'l' || e.key === 'L') { S.live ? stopPolling() : startPolling(); }
-  if (e.key === 'w' || e.key === 'W') { $('wsBtn').click(); }
   if (e.key === 'a' && !e.ctrlKey && !e.metaKey) {
     S.autoScroll = !S.autoScroll;
     $('autoBtn').classList.toggle('active', S.autoScroll);
@@ -1288,20 +1143,6 @@ document.addEventListener('keydown', (e) => {
   }
 });
 
-/* ===== Prompt panel ===== */
-$('promptHdr').addEventListener('click', () => {
-  $('promptBody').classList.toggle('open');
-  $('promptArrow').classList.toggle('open');
-});
-
-const PRESETS = {
-  errors: 'Analyze ERROR, FAIL, ECONNREFUSED logs from daemon.log and explain causes and fixes',
-  status: 'Check current MAMA OS status (processes, memory, uptime, connections)',
-  slow: 'Find slow operations (timeout, slow, 1000ms+) and analyze performance bottlenecks',
-  recent: 'Summarize the last 50 log lines \u2014 what happened, any errors?',
-  agents: 'Show only agent activity: Dashboard Agent, Wiki Agent, Conductor, delegate, audit results'
-};
-
 // Agent Activity patterns for filtering and audit timeline
 const AGENT_PATTERNS = /Dashboard Agent|Wiki Agent|Conductor|Audit|delegate|Briefing published|Compilation complete|No changes detected|agent-refresh|wiki\/compile|Tool\] delegate/;
 
@@ -1337,13 +1178,6 @@ $('auditPanelToggle').addEventListener('click', () => {
   panel.style.display = isVisible ? 'none' : 'block';
   if (!isVisible) buildAuditTimeline();
 });
-document.querySelectorAll('.preset').forEach((el) => {
-  el.addEventListener('click', () => {
-    $('promptInput').value = PRESETS[el.getAttribute('data-p')];
-    $('promptInput').focus();
-  });
-});
-
 // Toolbar: Agent filter button
 $('agentFilterBtn').addEventListener('click', () => {
   const isActive = $('agentFilterBtn').classList.toggle('active');
@@ -1358,30 +1192,6 @@ $('agentFilterBtn').addEventListener('click', () => {
   applyFilters();
 });
 
-$('promptSend').addEventListener('click', () => {
-  const text = $('promptInput').value.trim();
-  if (!text) return;
-  let msg = text;
-  if (S.selected.size > 0) {
-    const selLogs = [];
-    S.selected.forEach((idx) => { if (S.logs[idx]) selLogs.push(S.logs[idx].raw); });
-    msg += '\n\n[\uc120\ud0dd\ub41c \ub85c\uadf8 ' + selLogs.length + '\uc904]:\n```\n' + selLogs.join('\n') + '\n```';
-  }
-  window.parent.postMessage({ type: 'viewer:sendToChat', message: msg }, POST_MSG_ORIGIN);
-  $('promptInput').value = '';
-});
-$('promptCopy').addEventListener('click', () => {
-  let text = $('promptInput').value;
-  if (S.selected.size > 0) {
-    const selLogs = [];
-    S.selected.forEach((idx) => { if (S.logs[idx]) selLogs.push(S.logs[idx].raw); });
-    text += '\n\n```\n' + selLogs.join('\n') + '\n```';
-  }
-  navigator.clipboard.writeText(text).then(() => {
-    $('promptCopy').textContent = '\u2705'; setTimeout(() => { $('promptCopy').innerHTML = '&#128203; Copy'; }, 1200);
-  });
-});
-
 window.addEventListener('message', (e) => {
   if (e.data && e.data.type === 'mama:logs') {
     const lines = e.data.content.split('\n').filter((l) => l.trim());

package/public/viewer/operator/operator.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-xs:0 1px 2px #0000000d;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--color-bg:#f9f8f6;--color-surface:#fff;--color-surface-hover:#f5f3f0;--color-surface-selected:#efece7;--color-surface-secondary:#f7f5f3;--color-agent:#ffce00;--color-agent-hover:#e6b800;--color-agent-strong:#7d5b00;--color-agent-light:#eddbf7;--color-on-agent:#131313;--color-text:#131313;--color-text-secondary:#616161;--color-text-tertiary:#8a8a8a;--color-border:#e3e3e3;--color-success:#047b5d;--color-warning:#ffb800;--color-danger:#d72c0d;--color-success-soft:#e7f5f0;--color-success-text:#04664e;--color-warning-soft:#fff4d6;--color-warning-text:#805c00;--shadow-drawer:-12px 0 32px #0000002e}}@layer base{#operator-root{color-scheme:light;height:100%;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif);-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-size:16px;line-height:1.5}#operator-root,#operator-root *,#operator-root :before,#operator-root :after{box-sizing:border-box;border:0 solid;margin:0;padding:0}#operator-root h1,#operator-root h2,#operator-root h3,#operator-root h4{font-size:inherit;font-weight:inherit}#operator-root ol,#operator-root ul{list-style:none}#operator-root button,#operator-root input,#operator-root select,#operator-root textarea{font:inherit;color:inherit;letter-spacing:inherit;background-color:#0000;border-radius:0}#operator-root button,#operator-root [role=button]{cursor:pointer}#operator-root button:disabled{cursor:default}#operator-root img,#operator-root svg,#operator-root video,#operator-root canvas{vertical-align:middle;display:block}#operator-root img,#operator-root video{max-width:100%;height:auto}#operator-root table{border-collapse:collapse;text-indent:0;border-color:inherit}#operator-root ::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){#operator-root ::placeholder{color:color-mix(in srgb,currentColor 50%,transparent)}}#operator-root :where(a[href],button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--color-agent-strong);outline-offset:2px}}@layer components;@layer utilities{.fixed{position:fixed}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-4{height:calc(var(--spacing) * 4)}.h-full{height:100%}.min-h-0{min-height:0}.w-4{width:calc(var(--spacing) * 4)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-80{max-width:calc(var(--spacing) * 80)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.min-w-56{min-width:calc(var(--spacing) * 56)}.min-w-64{min-width:calc(var(--spacing) * 64)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-90{rotate:90deg}.cursor-pointer{cursor:pointer}.scroll-mt-4{scroll-margin-top:calc(var(--spacing) * 4)}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--color-border)}.bg-agent{background-color:var(--color-agent)}.bg-agent-light{background-color:var(--color-agent-light)}.bg-bg{background-color:var(--color-bg)}.bg-danger{background-color:var(--color-danger)}.bg-danger\/10{background-color:#d72c0d1a}@supports (color:color-mix(in lab,red,red)){.bg-danger\/10{background-color:color-mix(in oklab,var(--color-danger) 10%,transparent)}}.bg-success-soft{background-color:var(--color-success-soft)}.bg-surface{background-color:var(--color-surface)}.bg-surface-hover{background-color:var(--color-surface-hover)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-surface-selected{background-color:var(--color-surface-selected)}.bg-warning-soft{background-color:var(--color-warning-soft)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pl-1{padding-left:var(--spacing)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-agent-strong{color:var(--color-agent-strong)}.text-danger{color:var(--color-danger)}.text-on-agent{color:var(--color-on-agent)}.text-success{color:var(--color-success)}.text-success-text{color:var(--color-success-text)}.text-text{color:var(--color-text)}.text-text-secondary{color:var(--color-text-secondary)}.text-text-tertiary{color:var(--color-text-tertiary)}.text-warning-text{color:var(--color-warning-text)}.uppercase{text-transform:uppercase}.underline-offset-2{text-underline-offset:2px}.shadow-\[var\(--shadow-xs\)\]{--tw-shadow:var(--shadow-xs);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media(hover:hover){.hover\:bg-agent-hover:hover{background-color:var(--color-agent-hover)}.hover\:bg-surface-hover:hover{background-color:var(--color-surface-hover)}.hover\:bg-surface-selected:hover{background-color:var(--color-surface-selected)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-agent-strong:focus{--tw-ring-color:var(--color-agent-strong)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}}@media(min-width:48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}@media(prefers-reduced-motion:reduce){#operator-root *,#operator-root :before,#operator-root :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.trigger-drawer,.task-drawer{border:0;border-left:1px solid var(--color-border);background:var(--color-surface);width:min(100%,32rem);height:100dvh;max-height:100dvh;color:var(--color-text);box-shadow:var(--shadow-drawer);margin:0 0 0 auto;padding:0;overflow:hidden}.trigger-drawer::backdrop,.task-drawer::backdrop{background:#13131361}@supports (color:color-mix(in lab,red,red)){.trigger-drawer::backdrop,.task-drawer::backdrop{background:color-mix(in srgb,var(--color-text) 38%,transparent)}}.report-summary{margin-bottom:12px}.summary-title{color:var(--color-text);margin-bottom:4px;font-size:14px;font-weight:600}.summary-stats{color:var(--color-text-secondary);font-size:12px}.stat-highlight{color:var(--color-agent-strong);font-weight:700}.report-section-title{color:var(--color-text);margin:4px 0 10px;font-size:13px;font-weight:600}.report-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;margin-bottom:8px;padding:10px 12px}.card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.card-badge{border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:500}.badge-danger{color:var(--color-danger);background:#d72c0d1f}@supports (color:color-mix(in lab,red,red)){.badge-danger{background:color-mix(in srgb,var(--color-danger) 12%,transparent)}}.badge-warning{color:var(--color-warning-text);background:#ffb80029}@supports (color:color-mix(in lab,red,red)){.badge-warning{background:color-mix(in srgb,var(--color-warning) 16%,transparent)}}.badge-info{color:var(--color-agent-strong);background:var(--color-agent-light)}.badge-success{color:var(--color-success);background:#047b5d1f}@supports (color:color-mix(in lab,red,red)){.badge-success{background:color-mix(in srgb,var(--color-success) 12%,transparent)}}.card-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag{background:var(--color-surface-secondary);color:var(--color-text-tertiary);border-radius:999px;padding:1px 6px;font-size:10px}.tag-channel{background:var(--color-agent-light);color:var(--color-agent-strong)}.card-action{color:var(--color-text-secondary);margin-top:6px;font-size:12px}.card-action:before{content:"→ ";color:var(--color-agent-strong)}.report-table{border-collapse:collapse;width:100%;min-width:640px;font-size:12px}.report-slot-content{overflow-wrap:anywhere;min-width:0;max-width:100%;overflow-x:auto}.report-table th{text-align:left;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);padding:6px 8px;font-weight:600}.report-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);padding:6px 8px}.report-table tr:last-child td{border-bottom:none}.task-table{border-collapse:collapse;width:100%;min-width:1040px}.task-table th{border-bottom:1px solid var(--color-border);background:var(--color-surface-secondary);color:var(--color-text-secondary);text-align:left;white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}.task-reference-link{color:var(--color-agent-strong);text-underline-offset:2px;font-weight:600;text-decoration:underline}.task-reference-link:hover{color:var(--color-text)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}