@yemi33/minions 0.1.2424 → 0.1.2425

package/dashboard/layout.html

@@ -40,7 +40,7 @@
   <div style="display:flex;align-items:center;gap:8px;">
     <button id="try-slim-ux-btn" class="try-slim-ux-btn" onclick="trySlimUx(this)" title="Switch to the experimental Slim UX — a focused, single-screen cockpit" style="display:none">&#10024; Try new Slim UX</button>
     <span class="engine-badge stopped" id="engine-badge">STOPPED</span>
-    <span id="version-banner" style="font-size:var(--text-xs);color:var(--muted)"></span>
+    <span id="version-banner" style="font-size:var(--text-sm);color:var(--muted)"></span>
     <div class="timestamp" id="ts">—</div>
     <button onclick="toggleCommandCenter()" style="background:none;border:none;cursor:pointer;font-size:var(--text-md);color:var(--blue);padding:4px 10px;line-height:1;font-weight:700;border:1px solid var(--blue);border-radius:4px" title="Command Center" id="cc-toggle-btn">Command Center</button>
     <button onclick="openBugReport()" style="background:none;border:none;cursor:pointer;font-size:var(--text-base);color:var(--muted);padding:4px 8px;line-height:1;border:1px solid var(--border);border-radius:4px" title="Report a bug in Minions">Report Bug</button>
@@ -72,13 +72,14 @@
   <div id="cc-tab-bar" style="display:flex;gap:8px;padding:4px 12px;border-bottom:1px solid var(--border);overflow:hidden;align-items:center;flex-shrink:0"></div>
   <div id="cc-messages" style="flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px"></div>
   <div style="padding:12px 16px;border-top:1px solid var(--border)">
+    <div id="cc-suggestions-host"></div>
     <!-- P-2a6d8e74 — image attachment thumbnail chips (paste / drag-drop); hidden until images are attached -->
     <div id="cc-attachments" style="display:none;flex-wrap:wrap;gap:6px;margin-bottom:8px"></div>
     <div style="display:flex;gap:8px">
       <textarea id="cc-input" rows="2" placeholder="Ask anything or give a command... (paste or drop an image)" style="flex:1;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:var(--text-md);resize:none;font-family:inherit" onpaste="ccHandlePaste(event)" onkeydown="if(event.key==='Enter'&&!event.shiftKey){event.preventDefault();ccSend()}"></textarea>
       <button onclick="ccSend()" style="background:var(--blue);color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:var(--text-md);font-weight:600;cursor:pointer;align-self:flex-end">Send</button>
     </div>
-    <div id="cc-powered-by" style="font-size:var(--text-xs);color:var(--muted);margin-top:4px">Full minions context. Enter to send, Shift+Enter for newline. Paste or drop images to attach.</div>
+    <div id="cc-powered-by" style="font-size:var(--text-sm);color:var(--muted);margin-top:4px">Full minions context. Enter to send, Shift+Enter for newline. Paste or drop images to attach.</div>
   </div>
 </div>
 

package/dashboard/pages/inbox.html

@@ -7,7 +7,7 @@
         <div id="notes-list">Loading...</div>
       </section>
       <section>
-        <h2>Knowledge Base <span class="count" id="kb-count">0</span> <button class="btn-add" style="margin-left:8px" onclick="openCreateKbModal()">+ New</button><button class="btn-add" style="margin-left:8px" onclick="openMemorySearchModal()">Memory search</button><button id="kb-sweep-btn" onclick="kbSweep()" style="font-size:var(--text-xs);padding:2px 8px;background:var(--surface2);border:1px solid var(--border);color:var(--muted);border-radius:4px;cursor:pointer;margin-left:8px;vertical-align:middle">sweep</button><span id="kb-swept-time" style="font-size:var(--text-sm);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0;margin-left:8px"></span></h2>
+        <h2>Knowledge Base <span class="count" id="kb-count">0</span> <button class="btn-add" style="margin-left:8px" onclick="openCreateKbModal()">+ New</button><button class="btn-add" style="margin-left:8px" onclick="openMemorySearchModal()">Memory search</button><button id="kb-sweep-btn" onclick="kbSweep()" style="font-size:var(--text-sm);padding:2px 8px;background:var(--surface2);border:1px solid var(--border);color:var(--muted);border-radius:4px;cursor:pointer;margin-left:8px;vertical-align:middle">sweep</button><span id="kb-swept-time" style="font-size:var(--text-sm);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0;margin-left:8px"></span></h2>
         <div id="kb-sweep-toast" class="cmd-toast cmd-toast-inline" style="margin:6px 0"></div>
         <div class="kb-tabs" id="kb-tabs"></div>
         <div class="kb-list" id="kb-list"><p class="empty">No knowledge entries yet. Notes are classified here after consolidation.</p></div>

package/dashboard/pages/work.html

@@ -1,7 +1,7 @@
       <section id="work-items-section" style="overflow:visible">
         <h2>Work Items <span class="count" id="wi-count">0</span>
           <button class="btn-add" style="margin-left:8px" onclick="openCreateWorkItemModal()">+ New</button>
-          <button class="pr-pager-btn" style="font-size:var(--text-xs);padding:2px 8px;margin-left:4px" onclick="toggleWorkItemArchive()">See Archive</button>
+          <button class="pr-pager-btn" style="font-size:var(--text-sm);padding:2px 8px;margin-left:4px" onclick="toggleWorkItemArchive()">See Archive</button>
           <span style="font-size:var(--text-sm);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0">tasks dispatched to agents — auto-created from PRDs or added manually</span>
         </h2>
         <div id="work-items-content"><p class="empty">No work items yet.</p></div>

package/dashboard/shared/model-display.js

@@ -0,0 +1,9 @@
+// Shared model label for classic and Slim dashboard surfaces.
+var MinionsModelDisplay = {
+  label: function(model) {
+    var value = model === null || model === undefined ? '' : String(model).trim();
+    return value || 'Runtime model not observed yet';
+  },
+};
+
+if (typeof window !== 'undefined') window.MinionsModelDisplay = MinionsModelDisplay;

package/dashboard/shared/watches-source.js

@@ -0,0 +1,43 @@
+// Shared watch-loading source for the classic and Slim dashboard surfaces.
+//
+// Watches are SQL-backed: migration 007 moved `engine/watches.json` into the
+// `watches` table, and the SQL-only cutover retired the JSON mirror entirely
+// (see engine/db/index.js#_retiredJsonTargets). The engine mutates watch
+// status/_history through engine/watches-store.js — nothing writes the old
+// file, so serving it over the static `/state/` passthrough 404s forever and
+// any UI reading it renders an empty list. `GET /api/watches` is the canonical
+// read surface.
+//
+// Both dashboards go through this module so the endpoint and the response
+// envelope are described in exactly one place.
+var MinionsWatchesSource = {
+  ENDPOINT: '/api/watches',
+
+  // `GET /api/watches` responds `{ watches: [...] }`. A bare array is accepted
+  // defensively so an older/proxied response shape still renders. Returns null
+  // (never []) for anything unusable, so callers can tell "no data available"
+  // apart from "genuinely zero watches" and keep their last-known slice.
+  unwrap: function (body) {
+    if (Array.isArray(body)) return body;
+    if (body && Array.isArray(body.watches)) return body.watches;
+    return null;
+  },
+
+  // Resolves to the watch array, or null when the request fails or the payload
+  // is unusable. Never rejects — callers render their previous slice on null.
+  fetchWatches: function (fetchImpl) {
+    var doFetch = fetchImpl || function (url, opts) { return fetch(url, opts); };
+    var unwrap = MinionsWatchesSource.unwrap;
+    return Promise.resolve()
+      .then(function () {
+        return doFetch(MinionsWatchesSource.ENDPOINT, { headers: { Accept: 'application/json' } });
+      })
+      .then(function (res) {
+        if (!res || !res.ok) return null;
+        return Promise.resolve(res.json()).then(unwrap, function () { return null; });
+      })
+      .catch(function () { return null; });
+  },
+};
+
+if (typeof window !== 'undefined') window.MinionsWatchesSource = MinionsWatchesSource;

package/dashboard/shared/welcome-popup.js

@@ -0,0 +1,259 @@
+// Shared internal-distribution welcome popup for the classic and Slim dashboards.
+//
+// W-ms1jgr95000ke749 — the first dashboard launch on an INTERNAL Minions
+// distribution (`@yemishin_microsoft/minions` et al, see engine/distribution.js)
+// shows a one-time modal. Public `@yemi33/minions` installs never see it: the
+// server decides via installed-package metadata and simply answers
+// `{ show: false }`, so this module renders nothing there.
+//
+// Ships in BOTH bundles through dashboard-build.js#DASHBOARD_SHARED_JS — the
+// classic <script> and the Slim IIFE get this one implementation rather than a
+// forked copy each. It therefore runs under strict mode (Slim) and non-strict
+// (classic), declares no implicit globals, and builds its DOM with
+// createElement/textContent (no innerHTML) so it passes the XSS lint gate and
+// can never interpolate server text as markup.
+//
+// Acknowledgement is server-side (POST /api/welcome/ack → SQL small-state keyed
+// on the runtime installation id), NOT localStorage: the popup must stay
+// dismissed across browsers, dashboard restarts and internal-package upgrades,
+// and must reappear only for a genuinely new runtime installation.
+var MinionsWelcomePopup = {
+  ENDPOINT: '/api/welcome',
+  ACK_ENDPOINT: '/api/welcome/ack',
+  MOUNT_ID: 'minions-welcome-popup',
+  TITLE_ID: 'minions-welcome-popup-title',
+  MESSAGE_ID: 'minions-welcome-popup-message',
+  DISMISS_ID: 'minions-welcome-popup-dismiss',
+  // Server-authoritative, but mirrored here so the popup still renders its
+  // required copy if an older engine omits `message`.
+  DEFAULT_MESSAGE: 'Welcome to the internal Minions!',
+
+  _previousFocus: null,
+  _keyHandler: null,
+
+  // Only an explicit `show: true` from the server opens the popup. Anything
+  // else — public distribution, already acknowledged, malformed/absent payload
+  // — resolves to false, so a transport hiccup can never pop a public install.
+  shouldShow: function (payload) {
+    return !!(payload && payload.show === true);
+  },
+
+  // Resolves to the payload, or null on any transport/parse failure. Never
+  // rejects: a failed welcome check must not break dashboard boot.
+  fetchState: function (fetchImpl) {
+    var doFetch = fetchImpl || function (url, opts) { return fetch(url, opts); };
+    return Promise.resolve()
+      .then(function () {
+        return doFetch(MinionsWelcomePopup.ENDPOINT, { headers: { Accept: 'application/json' } });
+      })
+      .then(function (res) {
+        if (!res || !res.ok) return null;
+        return Promise.resolve(res.json()).then(function (body) {
+          return body && typeof body === 'object' ? body : null;
+        }, function () { return null; });
+      })
+      .catch(function () { return null; });
+  },
+
+  // Fire-and-forget acknowledgement. Resolves true when the server persisted it.
+  acknowledge: function (fetchImpl) {
+    var doFetch = fetchImpl || function (url, opts) { return fetch(url, opts); };
+    return Promise.resolve()
+      .then(function () {
+        return doFetch(MinionsWelcomePopup.ACK_ENDPOINT, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
+          body: '{}',
+        });
+      })
+      .then(function (res) { return !!(res && res.ok); })
+      .catch(function () { return false; });
+  },
+
+  _cardStyle: function () {
+    return [
+      'background:var(--surface)',
+      'border:1px solid var(--blue)',
+      'border-radius:var(--radius-lg, 8px)',
+      'box-shadow:var(--shadow-md, 0 8px 24px rgba(0,0,0,0.4))',
+      'width:min(440px, calc(100vw - 32px))',
+      'padding:22px 24px',
+      'color:var(--text)',
+      'font-size:var(--text-md)',
+      'line-height:1.55',
+      'text-align:left',
+    ].join(';');
+  },
+
+  _backdropStyle: function () {
+    return [
+      'position:fixed',
+      'inset:0',
+      'background:rgba(0,0,0,0.75)',
+      'z-index:600',
+      'display:flex',
+      'align-items:center',
+      'justify-content:center',
+    ].join(';');
+  },
+
+  // Build (but do not mount) the dialog. `doc` is injectable for tests.
+  build: function (payload, doc) {
+    var d = doc || document;
+    var message = (payload && typeof payload.message === 'string' && payload.message.trim())
+      ? payload.message
+      : MinionsWelcomePopup.DEFAULT_MESSAGE;
+
+    var backdrop = d.createElement('div');
+    backdrop.id = MinionsWelcomePopup.MOUNT_ID;
+    backdrop.className = 'modal-bg minions-welcome-bg';
+    backdrop.setAttribute('style', MinionsWelcomePopup._backdropStyle());
+
+    var card = d.createElement('div');
+    card.className = 'modal minions-welcome-card';
+    card.setAttribute('role', 'dialog');
+    card.setAttribute('aria-modal', 'true');
+    card.setAttribute('aria-labelledby', MinionsWelcomePopup.TITLE_ID);
+    card.setAttribute('aria-describedby', MinionsWelcomePopup.MESSAGE_ID);
+    card.setAttribute('style', MinionsWelcomePopup._cardStyle());
+
+    // The primary message IS the heading — the required copy must be the first
+    // thing both a sighted user and a screen reader receive.
+    var title = d.createElement('h2');
+    title.id = MinionsWelcomePopup.TITLE_ID;
+    title.className = 'minions-welcome-title';
+    title.setAttribute('style', 'margin:0;font-size:var(--text-xl);font-weight:700;color:var(--blue)');
+    title.textContent = message;
+    card.appendChild(title);
+
+    var body = d.createElement('p');
+    body.id = MinionsWelcomePopup.MESSAGE_ID;
+    body.className = 'minions-welcome-message';
+    body.setAttribute('style', 'margin:10px 0 0;color:var(--muted)');
+    body.textContent = 'This is the internal build of Minions. Everything works the same as the public release — you are just on the internal distribution channel.';
+    card.appendChild(body);
+
+    var pkg = payload && payload.distribution && payload.distribution.packageName;
+    if (typeof pkg === 'string' && pkg) {
+      var pkgLine = d.createElement('p');
+      pkgLine.className = 'minions-welcome-package';
+      pkgLine.setAttribute('style', 'margin:8px 0 0;color:var(--muted);font-size:var(--text-sm)');
+      var pkgLabel = d.createElement('span');
+      pkgLabel.textContent = 'Package: ';
+      var pkgCode = d.createElement('code');
+      pkgCode.textContent = pkg;
+      pkgLine.appendChild(pkgLabel);
+      pkgLine.appendChild(pkgCode);
+      card.appendChild(pkgLine);
+    }
+
+    var actions = d.createElement('div');
+    actions.setAttribute('style', 'display:flex;justify-content:flex-end;margin-top:18px');
+    var dismiss = d.createElement('button');
+    dismiss.id = MinionsWelcomePopup.DISMISS_ID;
+    dismiss.type = 'button';
+    dismiss.className = 'btn btn-primary';
+    dismiss.setAttribute('style', 'padding:7px 18px;font-weight:600;cursor:pointer');
+    dismiss.textContent = 'Get started';
+    actions.appendChild(dismiss);
+    card.appendChild(actions);
+
+    backdrop.appendChild(card);
+    return backdrop;
+  },
+
+  isOpen: function (doc) {
+    var d = doc || document;
+    return !!d.getElementById(MinionsWelcomePopup.MOUNT_ID);
+  },
+
+  // Remove the dialog and hand focus back to whatever had it before opening.
+  close: function (opts) {
+    var d = (opts && opts.document) || document;
+    var node = d.getElementById(MinionsWelcomePopup.MOUNT_ID);
+    if (node && node.parentNode) node.parentNode.removeChild(node);
+    if (MinionsWelcomePopup._keyHandler) {
+      try { d.removeEventListener('keydown', MinionsWelcomePopup._keyHandler, true); } catch (e) { /* detached doc */ }
+      MinionsWelcomePopup._keyHandler = null;
+    }
+    var prev = MinionsWelcomePopup._previousFocus;
+    MinionsWelcomePopup._previousFocus = null;
+    if (prev && typeof prev.focus === 'function') {
+      try { prev.focus(); } catch (e) { /* element may be gone */ }
+    }
+  },
+
+  // Close + persist the acknowledgement. Closing is optimistic: the operator
+  // should never be blocked by a failing ack round-trip.
+  dismiss: function (opts) {
+    MinionsWelcomePopup.close(opts);
+    return MinionsWelcomePopup.acknowledge(opts && opts.fetchImpl);
+  },
+
+  // Mount the dialog, wire dismissal (button, Escape, backdrop click), trap Tab
+  // inside the card, and move focus to the primary action.
+  open: function (payload, opts) {
+    var d = (opts && opts.document) || document;
+    if (MinionsWelcomePopup.isOpen(d)) return d.getElementById(MinionsWelcomePopup.MOUNT_ID);
+    var node = MinionsWelcomePopup.build(payload, d);
+    MinionsWelcomePopup._previousFocus = d.activeElement || null;
+    (d.body || d.documentElement).appendChild(node);
+
+    var dismissBtn = d.getElementById(MinionsWelcomePopup.DISMISS_ID);
+    function doDismiss() { MinionsWelcomePopup.dismiss(opts); }
+    if (dismissBtn) dismissBtn.addEventListener('click', doDismiss);
+    node.addEventListener('click', function (ev) { if (ev.target === node) doDismiss(); });
+
+    MinionsWelcomePopup._keyHandler = function (ev) {
+      if (!MinionsWelcomePopup.isOpen(d)) return;
+      if (ev.key === 'Escape') {
+        if (typeof ev.preventDefault === 'function') ev.preventDefault();
+        doDismiss();
+        return;
+      }
+      if (ev.key === 'Tab') {
+        // Single focusable control — keep focus parked on it either direction.
+        if (typeof ev.preventDefault === 'function') ev.preventDefault();
+        if (dismissBtn && typeof dismissBtn.focus === 'function') {
+          try { dismissBtn.focus(); } catch (e) { /* ignore */ }
+        }
+      }
+    };
+    d.addEventListener('keydown', MinionsWelcomePopup._keyHandler, true);
+
+    if (dismissBtn && typeof dismissBtn.focus === 'function') {
+      try { dismissBtn.focus(); } catch (e) { /* ignore */ }
+    }
+    return node;
+  },
+
+  // Ask the server, then open when (and only when) it says so.
+  check: function (opts) {
+    return MinionsWelcomePopup.fetchState(opts && opts.fetchImpl).then(function (payload) {
+      if (!MinionsWelcomePopup.shouldShow(payload)) return null;
+      return MinionsWelcomePopup.open(payload, opts);
+    });
+  },
+
+  // Idempotent boot hook — runs at most once per page load in either surface.
+  init: function (opts) {
+    var w = (opts && opts.window) || (typeof window !== 'undefined' ? window : null);
+    if (!w) return Promise.resolve(null);
+    if (w.__minionsWelcomePopupInit) return Promise.resolve(null);
+    w.__minionsWelcomePopupInit = true;
+    return MinionsWelcomePopup.check(opts);
+  },
+};
+
+if (typeof window !== 'undefined') {
+  window.MinionsWelcomePopup = MinionsWelcomePopup;
+  // Both bundles inline their scripts at the end of <body>, so the DOM is
+  // normally parsed already; the readyState guard covers deferred/async loads.
+  if (typeof document !== 'undefined') {
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', function () { MinionsWelcomePopup.init(); });
+    } else {
+      MinionsWelcomePopup.init();
+    }
+  }
+}

package/dashboard/slim/body.html

@@ -35,6 +35,7 @@
         <span class="context-label">Working in</span>
         <span id="chat-context-controls"></span>
       </div>
+      <div id="chat-suggestions-host"></div>
       <div class="chat-input-wrap">
         <textarea
           id="chat-input"
@@ -63,7 +64,7 @@
   <!-- STATUS — cockpit tiles. Lit when their indicator is non-zero. -->
   <div class="panel panel-status">
     <div class="panel-header">
-      Agent Team
+      Status
       <span class="panel-sub" id="cockpit-stamp">refreshing&hellip;</span>
     </div>
     <div class="panel-body">
@@ -110,10 +111,10 @@
             <div class="cockpit-value dim">0</div>
             <div class="cockpit-detail">no open PRs</div>
           </div>
-          <div class="cockpit-tile" data-tile="watches">
-            <div class="cockpit-label"><span class="cockpit-dot"></span> Watches</div>
+          <div class="cockpit-tile" data-tile="automation">
+            <div class="cockpit-label"><span class="cockpit-dot"></span> Automation</div>
             <div class="cockpit-value dim">0</div>
-            <div class="cockpit-detail">no watches set</div>
+            <div class="cockpit-detail">no automation set</div>
           </div>
           <div class="cockpit-tile" data-tile="knowledge">
             <button id="slim-tile-pin-chip" class="linkpr-chip on-tile" type="button" title="Pin content">+ Pin</button>
@@ -161,7 +162,7 @@
       <p>A focused, single-screen cockpit for your Minions team. Here&rsquo;s what&rsquo;s new:</p>
       <ul class="welcome-list">
         <li><strong>Command Center front and center</strong> &mdash; chat with your team from the main panel, with multi-tab conversations that carry over from the classic dashboard.</li>
-        <li><strong>Live status tiles</strong> &mdash; engine, dispatches, queue, PRs and watches at a glance. Click any tile for details.</li>
+        <li><strong>Live status tiles</strong> &mdash; engine, dispatches, queue, PRs and automation at a glance. Click any tile for details.</li>
         <li><strong>Your team</strong> &mdash; every agent as a card with live status.</li>
         <li><strong>Recent activity</strong> &mdash; a running feed of completions and pull requests.</li>
       </ul>
@@ -426,4 +427,3 @@
 <!-- Floating toast target for the reused panel's charter-save / steering
      feedback (showToast in panel-bootstrap.js routes here). -->
 <div class="cmd-toast" id="cmd-toast" role="status" aria-live="polite"></div>
-

package/dashboard/slim/js/chat.js

@@ -116,6 +116,7 @@
   var tabId = _ensureActiveTab().id;
 
   var msgsEl  = document.getElementById('chat-messages');
+  var suggestionsEl = document.getElementById('chat-suggestions-host');
   var inputEl = document.getElementById('chat-input');
   var sendBtn = document.getElementById('chat-send');
   var stopBtn = document.getElementById('chat-stop');
@@ -307,7 +308,7 @@
   }
 
   function clearEmpty() {
-    clearCcSuggestedPrompts(msgsEl);
+    clearCcSuggestedPrompts(suggestionsEl);
     var empty = msgsEl.querySelector('.chat-empty');
     if (empty) empty.remove();
   }
@@ -626,9 +627,10 @@
 
   function rerenderHistory() {
     msgsEl.innerHTML = '';
+    clearCcSuggestedPrompts(suggestionsEl);
     queueEl = null;   // detached by the innerHTML reset; renderQueue rebuilds it
     if (!messages.length) {
-      renderCcSuggestedPrompts(msgsEl, function(prompt) {
+      renderCcSuggestedPrompts(suggestionsEl, function(prompt) {
         inputEl.value = prompt;
         sendMessage();
       });

package/dashboard/slim/js/history.js

@@ -506,8 +506,15 @@
   }
   // Resolve to `fallback` instead of rejecting, so one transient endpoint
   // error doesn't blank the whole cockpit — we keep the last-known slice.
-  function _slimSettle(url, fallback) {
-    return _slimFetchJson(url).then(function(v) { return v; }, function() { return fallback; });
+  // `map` optionally unwraps an enveloped payload (e.g. /api/watches returns
+  // `{ watches: [...] }`); a null mapping is treated as unusable data and also
+  // falls back to the last-known slice.
+  function _slimSettle(url, fallback, map) {
+    return _slimFetchJson(url).then(function(v) {
+      if (!map) return v;
+      var mapped = map(v);
+      return mapped == null ? fallback : mapped;
+    }, function() { return fallback; });
   }
 
   async function pollStatusOnce() {
@@ -522,7 +529,7 @@
         _slimSettle('/api/agents', prev.agents),
         _slimSettle('/api/pull-requests', prev.pullRequests),
         _slimSettle('/api/pinned', prev.pinned),
-        _slimSettle('/state/engine/watches.json', prev.watches),
+        _slimSettle(MinionsWatchesSource.ENDPOINT, prev.watches, MinionsWatchesSource.unwrap),
         _slimSettle('/api/work-items', prev.workItems),
       ]);
       var data = results[0] || {};

package/dashboard/slim/js/modals-tiles.js

@@ -180,18 +180,85 @@
     body.appendChild(frame);
   }
 
-  function renderWatchTileBody(body, data) {
-    var watches = Array.isArray(data.watches) ? data.watches : [];
-    if (!watches.length) { tileEmpty(body, 'No watches configured.'); return; }
-    watches.forEach(function(w) {
-      var st = w.status || '';
-      var cls = st === 'active' ? 'blue' : (st === 'triggered' ? 'green' : (st === 'expired' ? 'red' : 'amber'));
-      body.appendChild(tileCard({
-        title: (w.targetType ? w.targetType + ': ' : '') + (w.target || w.id || '(target)'),
-        meta: [w.condition ? 'when ' + w.condition : null, w.interval ? 'every ' + w.interval + ' ticks' : null].filter(Boolean).join(' · '),
-        chip: { text: st || '—', cls: cls },
-      }));
+  // Automation tile body — a tabbed composite (Watches · Schedules · Pipelines)
+  // that reuses the LITERAL classic dashboard screens (/watches, /schedule,
+  // /pipelines) instead of a slim-specific list, so there is one Automation UI,
+  // not two (W-mrz0x2a400030f90 / "reuse, don't fork" — mirrors renderPlansBody
+  // for the Plans tile and renderPrsBody for the PRs tile). Each tab embeds the
+  // real classic screen in an iframe with the chrome-off ?embed=1 mode; the
+  // iframed page IS the classic screen — full create/edit/pause/run + row
+  // actions, backed by the same /api/{watches,schedules,pipelines} endpoints —
+  // with zero duplicated rendering logic. Classic is reachable at each route
+  // even with slim-ux ON (only / is taken over). Iframes are LAZY: each tab's
+  // frame is mounted only on first activation (default Watches), so opening the
+  // modal never triple-loads all three screens. Built with createElement (no
+  // innerHTML) to satisfy the dashboard no-unsanitized lint gate; tab buttons
+  // reuse the shared .kn-tab pill primitive and carry role="tab"/aria-selected
+  // for keyboard/AT parity with the Knowledge modal tabs.
+  function renderAutomationTileBody(body) {
+    var TABS = [
+      { key: 'watches',   label: 'Watches',   src: '/watches?embed=1' },
+      { key: 'schedule',  label: 'Schedules', src: '/schedule?embed=1' },
+      { key: 'pipelines', label: 'Pipelines', src: '/pipelines?embed=1' },
+    ];
+    var tablist = document.createElement('div');
+    tablist.className = 'kn-tabs slim-automation-tabs';
+    tablist.setAttribute('role', 'tablist');
+    tablist.setAttribute('aria-label', 'Automation surfaces');
+
+    var panes = document.createElement('div');
+    panes.className = 'slim-automation-panes';
+
+    var btns = {};
+    var panels = {};
+    var frames = {};
+
+    function activate(key) {
+      TABS.forEach(function(t) {
+        var isActive = t.key === key;
+        var btn = btns[t.key];
+        btn.classList.toggle('active', isActive);
+        btn.setAttribute('aria-selected', isActive ? 'true' : 'false');
+        btn.setAttribute('tabindex', isActive ? '0' : '-1');
+        var panel = panels[t.key];
+        panel.hidden = !isActive;
+        // Lazy-mount: only build the iframe on first activation of its tab.
+        if (isActive && !frames[t.key]) {
+          var frame = document.createElement('iframe');
+          frame.className = 'slim-automation-embed';
+          frame.src = t.src;
+          frame.title = t.label;
+          panel.appendChild(frame);
+          frames[t.key] = frame;
+        }
+      });
+    }
+
+    TABS.forEach(function(t) {
+      var btn = document.createElement('button');
+      btn.type = 'button';
+      btn.className = 'kn-tab';
+      btn.id = 'slim-automation-tab-' + t.key;
+      btn.textContent = t.label;
+      btn.setAttribute('role', 'tab');
+      btn.setAttribute('aria-controls', 'slim-automation-panel-' + t.key);
+      btn.addEventListener('click', function() { activate(t.key); });
+      btns[t.key] = btn;
+      tablist.appendChild(btn);
+
+      var panel = document.createElement('div');
+      panel.className = 'slim-automation-panel';
+      panel.id = 'slim-automation-panel-' + t.key;
+      panel.setAttribute('role', 'tabpanel');
+      panel.setAttribute('aria-labelledby', btn.id);
+      panel.hidden = true;
+      panels[t.key] = panel;
+      panes.appendChild(panel);
     });
+
+    body.appendChild(tablist);
+    body.appendChild(panes);
+    activate('watches');   // default to the Watches tab
   }
 
   // tile key -> { title, render }. Adding a tile is a one-line table edit.
@@ -201,7 +268,7 @@
     queued:     { title: 'Queued work',       render: function(body) { renderQueuedWorkBody(body); } },
     plans:      { title: 'Plans',             render: function(body) { renderPlansBody(body); } },
     prs:        { title: 'Pull requests',     render: function(body) { renderPrsBody(body); } },
-    watches:    { title: 'Watches',           render: renderWatchTileBody },
+    automation: { title: 'Automation',        render: function(body) { renderAutomationTileBody(body); } },
   };
 
   // Populate + open the cockpit-tile detail modal from the latest status
@@ -221,14 +288,16 @@
     // The "+ Link PR" header chip only applies to the PR list.
     var headerChip = document.getElementById('slim-tile-modal-linkpr');
     if (headerChip) headerChip.style.display = (key === 'prs') ? '' : 'none';
-    // The engine, queued, plans + prs tiles embed a full classic screen
-    // (/engine, /work, /plans, /prs) in an iframe — widen the modal + drop the
-    // body padding so the embedded screen gets real estate. All four reuse the
-    // shared wide-modal treatment.
+    // The engine, queued, plans, prs + automation tiles embed a full classic
+    // screen (/engine, /work, /plans, /prs, and the /watches·/schedule·
+    // /pipelines tabs) in an iframe — widen the modal + drop the body padding so
+    // the embedded screen gets real estate. All reuse the shared wide-modal
+    // treatment.
     modal.classList.toggle('tile-modal--engine', key === 'engine');
     modal.classList.toggle('tile-modal--work', key === 'queued');
     modal.classList.toggle('tile-modal--plans', key === 'plans');
     modal.classList.toggle('tile-modal--prs', key === 'prs');
+    modal.classList.toggle('tile-modal--automation', key === 'automation');
     view.render(body, lastStatusData || {});
     modal.classList.add('open');
   }