monomind 1.16.11 → 1.17.0

package/packages/@monomind/cli/dist/src/browser/dashboard/ui.html

@@ -420,9 +420,8 @@ body { background: #0b0b14; color: #ccc; font-family: system-ui,-apple-system,sa
 <!-- ── top bar ─────────────────────────────────────── -->
 <div id="topbar">
   <span class="logo">monomind <span>dashboard</span></span>
-  <span class="pill pill-run" id="p-run">● 0</span>
-  <span class="pill pill-done" id="p-done">✓ 0</span>
-  <span class="pill pill-fail" id="p-fail">✗ 0</span>
+  <span class="pill pill-run" id="p-workflows" title="Total workflows">⚡ workflows</span>
+  <span class="pill pill-done" id="p-actions" title="Total actions">✓ actions</span>
   <span id="conn">
     <span id="conn-dot"></span>
     <span id="conn-label">connecting…</span>
@@ -435,12 +434,9 @@ body { background: #0b0b14; color: #ccc; font-family: system-ui,-apple-system,sa
   <!-- sidebar -->
   <nav id="sidebar">
     <div class="nav-section-label">Project</div>
-    <div class="nav-item active" data-panel="playbooks">
-      <span class="nav-icon">⚡</span> Runs
-      <span class="nav-badge" id="nb-run">0</span>
-    </div>
-    <div class="nav-item" data-panel="builder">
-      <span class="nav-icon">🔧</span> Builder
+    <div class="nav-item active" data-panel="monoagent">
+      <span class="nav-icon">🤖</span> MonoAgent
+      <span class="nav-badge green" id="nb-ma">0</span>
     </div>
 
     <div class="nav-section-label" style="margin-top:8px">System</div>
@@ -458,21 +454,38 @@ body { background: #0b0b14; color: #ccc; font-family: system-ui,-apple-system,sa
   <!-- main -->
   <div id="main">
 
-    <!-- Playbook Runs panel -->
-    <div class="panel active" id="pb-panel">
+    <!-- MonoAgent panel -->
+    <div class="panel active" id="monoagent-panel">
       <div class="panel-header">
-        <span class="panel-title">Playbook Runs</span>
-        <span class="panel-subtitle" id="pb-subtitle">0 runs</span>
+        <span class="panel-title">MonoAgent Workflows</span>
+        <span class="panel-subtitle" id="ma-subtitle">loading…</span>
+        <button onclick="loadMonoagentData()" style="margin-left:auto;background:#1a1a2e;border:1px solid #2a2a4a;color:#a78bfa;padding:3px 10px;border-radius:6px;cursor:pointer;font-size:11px">↻ Refresh</button>
       </div>
-      <div id="pb-cards" style="overflow-y:auto;flex:1;padding:12px;display:grid;gap:10px;align-content:start"></div>
-      <div class="empty" id="pb-empty">
-        <span class="empty-icon">⚡</span>
-        <span class="empty-title">No playbook runs yet</span>
-        <span class="empty-sub">Use the Builder tab to create and run playbooks,<br>or run via CLI: <code style="color:#7c3aed">npx monomind browse playbook run &lt;name&gt;</code></span>
+      <div style="flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:16px">
+        <!-- Workflow list -->
+        <div>
+          <div style="font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#3a3a5a;margin-bottom:8px">Workflows</div>
+          <div id="ma-workflows" style="display:grid;gap:8px;align-content:start"></div>
+          <div class="empty" id="ma-wf-empty" style="display:none">
+            <span class="empty-icon">🤖</span>
+            <span class="empty-title">No workflows found</span>
+            <span class="empty-sub">Create one with: <code style="color:#7c3aed">monoagent workflow create</code></span>
+          </div>
+        </div>
+        <!-- Action run history -->
+        <div>
+          <div style="font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#3a3a5a;margin-bottom:8px">Action History</div>
+          <div id="ma-history" style="display:grid;gap:6px;align-content:start"></div>
+          <div class="empty" id="ma-hist-empty" style="display:none">
+            <span class="empty-icon">📋</span>
+            <span class="empty-title">No action history</span>
+            <span class="empty-sub">Run an action with: <code style="color:#7c3aed">monoagent run &lt;ACTION_ID&gt;</code></span>
+          </div>
+        </div>
       </div>
     </div>
 
-    <!-- Builder panel -->
+    <!-- Builder panel (kept for internal use, hidden from nav) -->
     <div class="panel" id="builder-panel">
       <!-- Toolbar -->
       <div id="builder-toolbar">
@@ -573,12 +586,11 @@ function navigateToPanel(target) {
   var navItem = document.querySelector('[data-panel="' + target + '"]');
   if (navItem) navItem.classList.add('active');
   document.querySelectorAll('.panel').forEach(function(p) { p.classList.remove('active'); });
-  var panelId = target === 'playbooks' ? 'pb-panel'
-              : target === 'builder'   ? 'builder-panel'
-              : target + '-panel';
+  var panelId = target + '-panel';
   var panel = document.getElementById(panelId);
   if (panel) panel.classList.add('active');
   if (target === 'builder') renderEdges();
+  if (target === 'monoagent') loadMonoagentData();
   location.hash = target;
 }
 
@@ -592,7 +604,7 @@ document.querySelectorAll('.nav-item').forEach(function(item) {
 // Hash-based routing on load
 (function() {
   var hash = location.hash.replace('#', '');
-  var validPanels = ['playbooks', 'builder', 'agents', 'memory', 'sessions'];
+  var validPanels = ['monoagent', 'agents', 'memory', 'sessions'];
   if (hash && validPanels.indexOf(hash) !== -1) {
     // defer until after renderEdges is defined
     window.addEventListener('load', function() { navigateToPanel(hash); });
@@ -613,20 +625,7 @@ function esc(s) {
 }
 
 function updateHeader() {
-  var running = 0, done = 0, fail = 0;
-  for (var id in runs) {
-    var s = runs[id].status;
-    if (s === 'running') running++;
-    else if (s === 'completed') done++;
-    else if (s === 'failed') fail++;
-  }
-  document.getElementById('p-run').textContent = '● ' + running;
-  document.getElementById('p-done').textContent = '✓ ' + done;
-  document.getElementById('p-fail').textContent = '✗ ' + fail;
-  document.getElementById('nb-run').textContent = String(running || Object.keys(runs).length);
-  document.getElementById('nb-run').className = 'nav-badge' + (running ? '' : ' green');
-  var total = Object.keys(runs).length;
-  document.getElementById('pb-subtitle').textContent = total + (total === 1 ? ' run' : ' runs');
+  // no-op: topbar pills are updated by loadMonoagentData
 }
 
 function progressPct(r) {
@@ -648,6 +647,7 @@ function elapsed(r) {
 function renderCards() {
   var cards = document.getElementById('pb-cards');
   var empty = document.getElementById('pb-empty');
+  if (!cards) return; // panel removed from DOM
   var sorted = Object.values(runs).sort(function(a, b) { return b.startedAt - a.startedAt; });
   if (!sorted.length) { cards.innerHTML = ''; empty.style.display = 'flex'; return; }
   empty.style.display = 'none';
@@ -1737,6 +1737,94 @@ function handleEvent(evt) {
   renderCards();
 }
 
+// ═══════════════════════════════════════════════════════════════════
+// MONOAGENT DATA
+// ═══════════════════════════════════════════════════════════════════
+var MA_STATE_COLORS = { COMPLETED: '#22c55e', FAILED: '#ef4444', PENDING: '#f59e0b', RUNNING: '#a78bfa' };
+
+function maStateLabel(state) {
+  var s = (state || '').toUpperCase();
+  return { color: MA_STATE_COLORS[s] || '#555', text: s || 'UNKNOWN' };
+}
+
+function renderWorkflows(workflows) {
+  var el = document.getElementById('ma-workflows');
+  var empty = document.getElementById('ma-wf-empty');
+  if (!workflows || !workflows.length) {
+    el.innerHTML = '';
+    empty.style.display = 'flex';
+    return;
+  }
+  empty.style.display = 'none';
+  el.innerHTML = workflows.map(function(wf) {
+    var active = wf.is_active;
+    var updated = wf.updated_at && wf.updated_at !== '0001-01-01T00:00:00Z'
+      ? new Date(wf.updated_at).toLocaleDateString()
+      : '—';
+    return '<div style="background:#0f0f1e;border:1px solid #1a1a2e;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px">' +
+      '<span style="font-size:16px">' + (active ? '▶' : '⏸') + '</span>' +
+      '<div style="flex:1;min-width:0">' +
+        '<div style="font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">' + esc(wf.name || wf.id) + '</div>' +
+        '<div style="font-size:10px;color:#3a3a5a;margin-top:2px">' + esc(wf.id) + ' · v' + (wf.version || 1) + ' · updated ' + esc(updated) + '</div>' +
+        (wf.description ? '<div style="font-size:10px;color:#555;margin-top:2px">' + esc(wf.description) + '</div>' : '') +
+      '</div>' +
+      '<span style="font-size:10px;padding:2px 7px;border-radius:10px;border:1px solid;' +
+        (active ? 'background:#22c55e15;border-color:#22c55e44;color:#22c55e' : 'background:#33333315;border-color:#33333344;color:#555') + '">' +
+        (active ? 'active' : 'inactive') +
+      '</span>' +
+    '</div>';
+  }).join('');
+  document.getElementById('nb-ma').textContent = String(workflows.length);
+}
+
+function renderHistory(actions) {
+  var el = document.getElementById('ma-history');
+  var empty = document.getElementById('ma-hist-empty');
+  if (!actions || !actions.length) {
+    el.innerHTML = '';
+    empty.style.display = 'flex';
+    return;
+  }
+  empty.style.display = 'none';
+  el.innerHTML = actions.map(function(a) {
+    var sl = maStateLabel(a.state);
+    var dt = a.created_at
+      ? new Date(typeof a.created_at === 'number' ? a.created_at * 1000 : a.created_at).toLocaleString()
+      : '—';
+    return '<div style="background:#0f0f1e;border:1px solid #1a1a2e;border-radius:6px;padding:8px 12px;display:flex;align-items:center;gap:10px">' +
+      '<div style="flex:1;min-width:0">' +
+        '<div style="font-weight:600;font-size:11px">' + esc(a.type || '(unnamed)') + '</div>' +
+        '<div style="font-size:10px;color:#3a3a5a;margin-top:2px">' +
+          esc(a.id.slice(0, 8)) + '… · ' + esc(a.platform || '') + ' · ' + esc(dt) +
+        '</div>' +
+      '</div>' +
+      '<span style="font-size:10px;font-weight:600;color:' + sl.color + '">' + sl.text + '</span>' +
+    '</div>';
+  }).join('');
+}
+
+function loadMonoagentData() {
+  document.getElementById('ma-subtitle').textContent = 'loading…';
+  fetch('/monoagent/data')
+    .then(function(r) { return r.json(); })
+    .then(function(d) {
+      renderWorkflows(d.workflows || []);
+      renderHistory(d.actions || []);
+      var wc = (d.workflows || []).length;
+      var ac = (d.actions || []).length;
+      document.getElementById('ma-subtitle').textContent = wc + ' workflow' + (wc !== 1 ? 's' : '') + ' · ' + ac + ' action' + (ac !== 1 ? 's' : '');
+      document.getElementById('p-workflows').textContent = '⚡ ' + wc;
+      document.getElementById('p-actions').textContent = '✓ ' + ac;
+    })
+    .catch(function(e) {
+      document.getElementById('ma-subtitle').textContent = 'error loading data';
+      console.error('monoagent data fetch failed', e);
+    });
+}
+
+// Load monoagent data on startup (it's the default panel)
+loadMonoagentData();
+
 // ═══════════════════════════════════════════════════════════════════
 // CONNECTION
 // ═══════════════════════════════════════════════════════════════════

package/packages/@monomind/cli/dist/src/commands/index.js

@@ -51,8 +51,6 @@ const commandLoaders = {
     issues: () => import('./issues.js'),
     // Auto-update System (ADR-025)
     update: () => import('./update.js'),
-    // Local ↔ global skill sync
-    sync: () => import('./sync.js'),
     // MonoVector PostgreSQL Bridge
     monovector: () => import('./monovector/index.js'),
     // Benchmark Suite (Pre-training, Neural, Memory)

package/packages/@monomind/cli/dist/src/init/executor.js

@@ -1479,30 +1479,6 @@ mcp:
 `;
     atomicWriteFile(configPath, config);
     result.created.files.push('.monomind/config.yaml');
-    // Stamp the CLI version that initialized this project — used by `monomind sync check`
-    // to detect when the global install has been upgraded but local skills/config have not.
-    const versionPath = path.join(targetDir, '.monomind', 'version');
-    try {
-        const pkgCandidates = [
-            path.join(__dirname, '..', '..', 'package.json'), // src/init/ in dev
-            path.join(__dirname, '..', '..', '..', 'package.json'), // dist/src/init/ in prod
-        ];
-        let cliVersion = null;
-        for (const p of pkgCandidates) {
-            if (fs.existsSync(p)) {
-                const pkg = JSON.parse(fs.readFileSync(p, 'utf-8'));
-                if (typeof pkg.version === 'string' && pkg.version) {
-                    cliVersion = pkg.version;
-                    break;
-                }
-            }
-        }
-        if (cliVersion) {
-            atomicWriteFile(versionPath, cliVersion);
-            result.created.files.push('.monomind/version');
-        }
-    }
-    catch { /* non-fatal — sync check will degrade gracefully */ }
     // Write .monomind/.gitignore — commit config/knowledge/metrics, exclude sensitive data
     const gitignorePath = path.join(targetDir, '.monomind', '.gitignore');
     const gitignore = `# Monomind — exclude files that may contain secrets or sensitive prompt data

package/packages/@monomind/cli/dist/src/init/statusline-generator.js

@@ -1062,40 +1062,6 @@ function generateStatusline() {
   return parts.join(\`  \${DIV}  \`);
 }
 
-// ── Sync / update status ────────────────────────────────────────
-// Returns {local, global} if local .monomind/version differs from the running CLI,
-// or null when in sync or no version file exists.
-function getSyncStatus() {
-  try {
-    const vf = path.join(CWD, '.monomind', 'version');
-    if (!fs.existsSync(vf)) return null;
-    const local = fs.readFileSync(vf, 'utf-8').trim();
-    const global = getVersion().replace(/^v/, '');
-    if (!local || !global || local === global) return null;
-    return { local, global };
-  } catch { return null; }
-}
-
-// Returns the latest available version string if the cache shows a newer release,
-// null otherwise. Reads from the rate-limiter cache — no network call.
-function getUpdateStatus() {
-  try {
-    const stateFile = path.join(os.homedir(), '.monomind', 'update-state.json');
-    if (!fs.existsSync(stateFile)) return null;
-    const stat = safeStat(stateFile);
-    if (!stat || stat.size > 1024 * 1024) return null;
-    const state = JSON.parse(fs.readFileSync(stateFile, 'utf-8'));
-    const pkgVersions = (state && typeof state.packageVersions === 'object') ? state.packageVersions : {};
-    const latest = pkgVersions['monomind'] || pkgVersions['@monoes/monomindcli'];
-    const current = getVersion().replace(/^v/, '');
-    if (!latest || !current) return null;
-    const [lMaj, lMin, lPat] = latest.split('.').map(Number);
-    const [cMaj, cMin, cPat] = current.split('.').map(Number);
-    const isNewer = lMaj > cMaj || (lMaj === cMaj && lMin > cMin) || (lMaj === cMaj && lMin === cMin && lPat > cPat);
-    return isNewer ? latest : null;
-  } catch { return null; }
-}
-
 // ── Multi-line dashboard (full mode) ─────────────────────────────
 function generateDashboard() {
   const git         = getGitInfo();
@@ -1213,17 +1179,6 @@ function generateDashboard() {
 
   lines.push(\`\${x.teal}🧠  CONTEXT\${x.reset}  \${graphStr}\${hilStr}\`);
 
-  // ── Row 3: Sync / update warnings (only when action needed) ──
-  const sync = getSyncStatus();
-  const upd  = getUpdateStatus();
-  if (sync || upd) {
-    const parts = [];
-    if (sync) parts.push(\`\${x.coral}⚠ sync: local v\${sync.local} → global v\${sync.global}  (monomind sync run)\${x.reset}\`);
-    if (upd)  parts.push(\`\${x.gold}↑ v\${upd} available  (npm i -g monomind)\${x.reset}\`);
-    lines.push(SEP);
-    lines.push(parts.join(\`   \${DIV}   \`));
-  }
-
   return lines.join('\\n');
 }
 

package/packages/@monomind/cli/dist/src/init/types.d.ts

@@ -176,8 +176,6 @@ export interface StatuslineConfig {
 export interface MCPConfig {
     /** Include monomind MCP server */
     monomind: boolean;
-    /** Include ruv-swarm MCP server */
-    ruvSwarm: boolean;
     /** Include monograph knowledge graph MCP server */
     graphify: boolean;
     /** Auto-start MCP server */

package/packages/@monomind/cli/dist/src/init/types.js

@@ -112,7 +112,6 @@ export const DEFAULT_INIT_OPTIONS = {
     },
     mcp: {
         monomind: true,
-        ruvSwarm: false,
         graphify: false,
         autoStart: false,
         port: 3000,
@@ -236,7 +235,6 @@ export const FULL_INIT_OPTIONS = {
     },
     mcp: {
         monomind: true,
-        ruvSwarm: true,
         graphify: false,
         autoStart: false,
         port: 3000,

package/packages/@monomind/cli/dist/src/ui/dashboard.html

@@ -1574,14 +1574,14 @@ select.pb-cfg-inp { padding: 4px 7px; cursor: pointer; }
         <div class="nav-item" data-view="monograph">
           <span class="ico">⬡</span><span class="lbl">Monograph</span>
         </div>
-        <div class="nav-item" data-view="playbooks">
-          <span class="ico">⚡</span><span class="lbl">Playbooks</span>
-          <span class="bdg" id="bdg-playbooks">—</span>
-        </div>
       </div>
     </div>
     <div class="nav-no-proj" id="nav-no-proj-hint">Select a project above</div>
     <div class="nav-sect" style="margin-top:auto;padding-top:8px;">
+      <div class="nav-item" data-view="monoagent">
+        <span class="ico">🤖</span><span class="lbl">MonoAgent</span>
+        <span class="bdg" id="bdg-monoagent">—</span>
+      </div>
       <div class="nav-item" data-view="global">
         <span class="ico">⊕</span><span class="lbl">Global Feed</span>
       </div>
@@ -2250,79 +2250,26 @@ select.pb-cfg-inp { padding: 4px 7px; cursor: pointer; }
       </div>
     </div>
 
-    <!-- PLAYBOOKS -->
-    <div class="view" id="view-playbooks">
+    <!-- MONOAGENT -->
+    <div class="view" id="view-monoagent">
       <div class="vscroll">
-        <div class="pg-title">Playbooks</div>
-        <div class="pg-sub">Browser automation — connected systems &amp; run history</div>
-        <!-- Tab bar -->
+        <div class="pg-title">MonoAgent</div>
+        <div class="pg-sub">Social media automation workflows &amp; run history</div>
         <div class="mg-tab-bar" style="margin-top:14px">
-          <button class="odt-btn active" data-wftab="systems" onclick="wfSwitchTab('systems')">Systems</button>
-          <button class="odt-btn" data-wftab="library" onclick="wfSwitchTab('library')">Library</button>
-          <button class="odt-btn" data-wftab="builder" onclick="wfSwitchTab('builder')">Builder</button>
-          <button class="odt-btn" data-wftab="runs" onclick="wfSwitchTab('runs')">Runs</button>
+          <button class="odt-btn active" data-matab="workflows" onclick="maSwitchTab('workflows')">Workflows</button>
+          <button class="odt-btn" data-matab="history" onclick="maSwitchTab('history')">Action History</button>
         </div>
-
-        <!-- TAB: SYSTEMS -->
-        <div class="wf-pane active" id="wf-tab-systems">
+        <div class="wf-pane active" id="ma-tab-workflows">
           <div style="display:flex;align-items:center;gap:8px;margin-bottom:16px;margin-top:4px">
-            <button class="btn" onclick="loadPlatformSessions()">↺ Refresh</button>
+            <button class="btn" onclick="loadMonoagentData()">↺ Refresh</button>
           </div>
-          <div id="wf-systems-grid"></div>
+          <div id="ma-workflows-list"><div class="loading-txt">Loading…</div></div>
         </div>
-
-        <!-- TAB: LIBRARY -->
-        <div class="wf-pane" id="wf-tab-library">
+        <div class="wf-pane" id="ma-tab-history">
           <div style="display:flex;align-items:center;gap:8px;margin-bottom:16px;margin-top:4px">
-            <button class="btn" onclick="loadWorkflowDefs()">↺ Refresh</button>
-            <span style="font-size:11px;color:var(--text-lo)">Saved in .monomind/playbooks/</span>
-          </div>
-          <div id="wf-defs-list"><div class="loading-txt">Loading…</div></div>
-        </div>
-
-        <!-- TAB: RUNS -->
-        <div class="wf-pane" id="wf-tab-runs">
-          <div style="display:flex;gap:8px;margin-bottom:16px;margin-top:4px;align-items:center">
-            <button class="btn" onclick="loadWorkflowRuns()">↺ Refresh</button>
-            <select id="wf-status-filter" onchange="renderWorkflowRuns()" style="background:var(--surface);color:var(--text-hi);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:12px">
-              <option value="">All statuses</option>
-              <option value="running">Running</option>
-              <option value="completed">Completed</option>
-              <option value="failed">Failed</option>
-              <option value="stopped">Stopped</option>
-            </select>
-            <span id="wf-count" style="color:var(--text-lo);font-size:12px"></span>
-          </div>
-          <div id="wf-runs-list"><div class="loading-txt">Loading…</div></div>
-        </div>
-
-        <!-- TAB: BUILDER -->
-        <div id="wf-tab-builder">
-          <div id="pb-toolbar">
-            <button class="btn" onclick="pbNew()" title="New playbook">＋ New</button>
-            <input id="pb-name-input" type="text" placeholder="Playbook name…" oninput="pbState.playbook.name=this.value">
-            <button class="btn" onclick="pbLoad()" title="Load a playbook from Library">⬆ Load</button>
-            <button class="btn" onclick="pbSave()" title="Save to .monomind/playbooks/">💾 Save</button>
-            <button class="btn" onclick="pbRun()" title="Run via monobrowse dashboard" style="color:var(--accent);border-color:var(--accent)">▶ Run</button>
-            <button class="btn" onclick="pbImportJSON()" title="Import from JSON">⬇ Import</button>
-            <button class="btn" onclick="pbExportJSON()" title="Export to JSON">⬆ Export</button>
-            <span id="pb-run-status"></span>
-          </div>
-          <div id="pb-editor">
-            <div id="pb-palette">
-              <!-- populated by pbRenderPalette() -->
-            </div>
-            <div id="pb-canvas-wrap">
-              <div id="pb-canvas">
-                <svg id="pb-svg" width="100%" height="100%"><defs><marker id="pb-arrow" markerWidth="8" markerHeight="6" refX="8" refY="3" orient="auto"><polygon points="0 0,8 3,0 6" fill="var(--text-xs)"/></marker></defs></svg>
-                <div id="pb-empty"><div style="font-size:32px">⚡</div><div>Drag a node from the left panel onto the canvas</div><div style="font-size:11px">or click a node type to add it</div></div>
-              </div>
-            </div>
-            <div id="pb-config">
-              <div id="pb-config-title">Select a node</div>
-              <div id="pb-config-body"></div>
-            </div>
+            <button class="btn" onclick="loadMonoagentData()">↺ Refresh</button>
           </div>
+          <div id="ma-history-list"><div class="loading-txt">Loading…</div></div>
         </div>
       </div>
     </div>
@@ -2518,7 +2465,7 @@ function switchView(v, { updateHash = true } = {}) {
     el.classList.toggle('active', el.dataset.view === v));
   document.querySelectorAll('.view').forEach(el =>
     el.classList.toggle('active', el.id === 'view-' + v));
-  const titles = { now:'Now', projects:'Projects', sessions:'Sessions', loops:'Loops', tokens:'Tokens', memory:'Memory', orgs:'Orgs', monograph:'Monograph', playbooks:'Playbooks', global:'Global Feed', 'global-loops':'Global Loops', 'global-tokens':'Global Tokens', chat:'Global Agent Chat' };
+  const titles = { now:'Now', projects:'Projects', sessions:'Sessions', loops:'Loops', tokens:'Tokens', memory:'Memory', orgs:'Orgs', monograph:'Monograph', monoagent:'MonoAgent', global:'Global Feed', 'global-loops':'Global Loops', 'global-tokens':'Global Tokens', chat:'Global Agent Chat' };
   document.getElementById('view-title').textContent = titles[v] || v;
   const PROJECT = DIR ? shortPath(DIR) : 'monomind';
   const VIEW_LABELS = { now: 'Now', sessions: 'Sessions', projects: 'Projects', loops: 'Loops', tokens: 'Tokens', memory: 'Memory', orgs: 'Orgs', monograph: 'Monograph', global: 'Global Feed', 'global-loops': 'Global Loops', 'global-tokens': 'Global Tokens' };
@@ -2581,7 +2528,7 @@ function renderView(v) {
   if (v === 'memory') renderMemory();
   if (v === 'orgs') renderOrgs();
   if (v === 'monograph') loadMonograph();
-  if (v === 'playbooks') { loadPlatformSessions(); loadWorkflowDefs(); loadWorkflowRuns(); }
+  if (v === 'monoagent') { loadMonoagentData(); }
   if (v === 'global') renderGlobalFeed();
   if (v === 'global-loops') renderGlobalLoops();
   if (v === 'global-tokens') renderGlobalTokens();
@@ -10877,16 +10824,17 @@ async function maDisconnect(pid, connId, type) {
 
 let _wfRuns = [];
 async function loadWorkflowRuns() {
-  document.getElementById('wf-runs-list').innerHTML = '<div class="loading-txt">Loading…</div>';
+  const runsListEl = document.getElementById('wf-runs-list');
+  if (!runsListEl) return;
+  runsListEl.innerHTML = '<div class="loading-txt">Loading…</div>';
   try {
     const runs = await apiFetch('/api/workflow-runs');
     _wfRuns = Array.isArray(runs) ? runs : [];
   } catch (e) {
     _wfRuns = [];
   }
-  const bdg = document.getElementById('bdg-playbooks');
-  if (bdg) bdg.textContent = _wfRuns.length || '—';
-  document.getElementById('wf-count').textContent = _wfRuns.length + ' run' + (_wfRuns.length !== 1 ? 's' : '');
+  const wfCount = document.getElementById('wf-count');
+  if (wfCount) wfCount.textContent = _wfRuns.length + ' run' + (_wfRuns.length !== 1 ? 's' : '');
   renderWorkflowRuns();
 }
 
@@ -14017,6 +13965,65 @@ async function mmRenderGraph(body) {
     `;
   } catch (e) { body.innerHTML = '<div class="empty">Failed: ' + esc(e.message) + '</div>'; }
 }
+
+/* ═══════════════════════════════════════════════════════════════
+   MONOAGENT TAB
+   ═══════════════════════════════════════════════════════════════ */
+const MA_STATE_COLOR = { completed:'#22c55e', failed:'#ef4444', running:'#3b82f6', pending:'#a3a3a3' };
+let _maWorkflows = [], _maActions = [];
+
+function maSwitchTab(tab) {
+  document.querySelectorAll('[data-matab]').forEach(b => b.classList.toggle('active', b.dataset.matab === tab));
+  document.querySelectorAll('#view-monoagent .wf-pane').forEach(p => p.classList.toggle('active', p.id === 'ma-tab-' + tab));
+}
+
+async function loadMonoagentData() {
+  document.getElementById('ma-workflows-list').innerHTML = '<div class="loading-txt">Loading…</div>';
+  document.getElementById('ma-history-list').innerHTML = '<div class="loading-txt">Loading…</div>';
+  try {
+    const data = await apiFetch('/api/monoagent/data');
+    _maWorkflows = Array.isArray(data.workflows) ? data.workflows : [];
+    _maActions = Array.isArray(data.actions) ? data.actions : [];
+  } catch (e) {
+    _maWorkflows = []; _maActions = [];
+  }
+  const bdg = document.getElementById('bdg-monoagent');
+  if (bdg) bdg.textContent = _maWorkflows.length || '—';
+  renderMonoagentWorkflows();
+  renderMonoagentHistory();
+}
+
+function renderMonoagentWorkflows() {
+  const el = document.getElementById('ma-workflows-list');
+  if (!el) return;
+  if (!_maWorkflows.length) { el.innerHTML = '<div class="empty">No monoagent workflows found. Create one with: <code>monoagent workflow create</code></div>'; return; }
+  el.innerHTML = _maWorkflows.map(w => `<div class="m-card" style="margin-bottom:10px;padding:12px 14px">
+    <div style="display:flex;justify-content:space-between;align-items:center">
+      <span style="font-weight:600;color:var(--text-hi);font-family:var(--mono);font-size:13px">${esc(w.name||w.id||'—')}</span>
+      <span style="font-size:11px;color:var(--text-lo)">${esc(w.id||'')}</span>
+    </div>
+    ${w.description ? `<div style="font-size:12px;color:var(--text-lo);margin-top:4px">${esc(w.description)}</div>` : ''}
+    <div style="font-size:11px;color:var(--text-xs);margin-top:6px">${(w.nodes||[]).length} nodes · trigger: ${esc(w.trigger||'manual')}</div>
+  </div>`).join('');
+}
+
+function renderMonoagentHistory() {
+  const el = document.getElementById('ma-history-list');
+  if (!el) return;
+  if (!_maActions.length) { el.innerHTML = '<div class="empty">No action history yet.</div>'; return; }
+  el.innerHTML = _maActions.map(a => {
+    const color = MA_STATE_COLOR[a.status] || MA_STATE_COLOR.pending;
+    const ts = a.createdAt ? new Date(a.createdAt).toLocaleString() : '—';
+    return `<div class="m-card" style="margin-bottom:8px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center">
+      <div>
+        <span style="font-weight:600;color:var(--text-hi);font-size:12px;font-family:var(--mono)">${esc(a.type||a.action||'—')}</span>
+        <span style="font-size:11px;color:var(--text-lo);margin-left:8px">${esc(a.platform||'')}</span>
+        <div style="font-size:11px;color:var(--text-xs);margin-top:2px">${ts}</div>
+      </div>
+      <span style="font-size:11px;font-weight:600;color:${color}">${esc(a.status||'—')}</span>
+    </div>`;
+  }).join('');
+}
 </script>
 </body>
 </html>