aimeat 1.27.0 → 1.28.0

package/dist/public/components/NotificationBell.js

@@ -13,6 +13,7 @@
 import { h } from 'preact';
 import { useState, useEffect, useRef, useCallback } from 'preact/hooks';
 import htm from 'htm';
+import { onLiveUpdate } from '/lib/live-updates.js';
 const html = htm.bind(h);
 
 const jwt = () => { try { return window.AIMEAT?.auth?.getSession?.()?.jwt || ''; } catch { return ''; } };
@@ -49,10 +50,7 @@ export function NotificationBell({ t, onNavigate }) {
 
   useEffect(() => {
     load();
-    const onUpd = () => load();
-    window.addEventListener('aimeat-live-update', onUpd);
-    const iv = setInterval(load, 45000);
-    return () => { window.removeEventListener('aimeat-live-update', onUpd); clearInterval(iv); };
+    return onLiveUpdate(['agent-messages', 'agent-tasks', 'notifications', 'workspace-access'], () => load());
   }, [load]);
 
   // Close the dropdown on an outside click.

package/dist/public/css/views/agents-detail.css

@@ -4,6 +4,8 @@
  *   Uses agd- prefix to avoid collisions with other profile styles.
  *   All colors use CSS variables from theme.css.
  * @version-history
+ *   v1.11.0 -- 2026-06-21 -- Add has-unseen DOT badge modifier (.pf-agd-*-badge--dot): a small
+ *     round indicator replacing the old numeric change-count badge.
  *   v1.10.0 -- 2026-06-03 -- Add fleet "running now" panel styles (.pf-agd-active,
  *     -head, -empty, -list, -row, -dot, -agent, -title, -time) for the cross-agent
  *     active-tasks list between the board and the agent list. All colors tokenized
@@ -2000,6 +2002,15 @@
   color: var(--danger-fg, #DC2626);
   border-color: var(--danger-border, #FECACA);
 }
+/* Has-unseen DOT (no count): a small round indicator replacing the old number badge. */
+.pf .pf-agd-change-badge--dot,
+.pf .pf-agd-tab-badge--dot {
+  min-width: 8px;
+  width: 8px;
+  height: 8px;
+  padding: 0;
+  border-radius: 50%;
+}
 
 /* ── Board legend (filter pills), capability summary, inline misc (2026-06-10 round) ── */
 .pf .pf-agd-board-legend { display: flex; gap: 0.4rem; flex-wrap: wrap; margin-bottom: 0.6rem; }

package/dist/public/css/views/app-grant.css

@@ -34,18 +34,50 @@
 
 .agr-scopes-label { font-weight: 700; font-size: 0.9rem; margin-bottom: 0.5rem; color: var(--text); }
 
-.agr-scopes { list-style: none; margin: 0 0 1.5rem; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
+.agr-scopes { list-style: none; margin: 0 0 0.75rem; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
 .agr-scope {
   display: flex;
-  flex-direction: column;
-  gap: 0.1rem;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 0.6rem;
   padding: 0.6rem 0.8rem;
   border: 1px solid var(--border);
   border-radius: 8px;
   background: var(--surface, var(--bg-dim));
 }
+.agr-scope-check { margin-top: 0.2rem; flex: 0 0 auto; accent-color: var(--accent); width: 1rem; height: 1rem; cursor: pointer; }
+.agr-scope-text { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }
 .agr-scope-name { font-family: var(--font-mono, monospace); font-size: 0.82rem; color: var(--accent); }
 .agr-scope-desc { font-size: 0.88rem; color: var(--text); }
 
+/* "External app" badge */
+.agr-badge {
+  display: inline-block;
+  font-size: 0.72rem;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--warn, #e8a44a);
+  background: var(--bg-dim);
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  padding: 0.18rem 0.6rem;
+  margin-bottom: 0.6rem;
+}
+
+/* Advanced toggle (link-style button) */
+.agr-advanced-toggle {
+  background: none;
+  border: none;
+  color: var(--accent);
+  font-size: 0.85rem;
+  font-weight: 600;
+  cursor: pointer;
+  padding: 0.25rem 0;
+  margin: 0 0 1rem;
+}
+.agr-advanced-toggle:hover { text-decoration: underline; }
+
 .agr-actions { display: flex; gap: 0.75rem; justify-content: flex-end; }
 .agr-btn { min-width: 8rem; text-align: center; }
+.agr-next { font-size: 0.8rem; color: var(--text-dim); text-align: center; margin: 0.9rem 0 0; }

package/dist/public/css/views/inbox.css

@@ -284,3 +284,81 @@
 .inbox-attach-btn:hover { border-color: var(--accent); }
 .inbox-file-chips { display: flex; flex-wrap: wrap; gap: 6px; }
 .inbox-file-chip { font-size: 12px; color: var(--text-dim); background: var(--card-bg-alt); padding: 3px 8px; border-radius: var(--radius-full); }
+
+/* ── Tracked Responses: per-message actions, approval banner, track modal ── */
+.inbox-bubble { position: relative; }
+.inbox-bubble-actions {
+  position: absolute; top: 4px; right: 6px;
+  display: flex; gap: 2px; opacity: 0; transition: opacity .12s ease;
+}
+.inbox-row:hover .inbox-bubble-actions { opacity: 1; }
+.inbox-bubble-act {
+  border: none; background: transparent; cursor: pointer;
+  font-size: 13px; line-height: 1; padding: 2px 3px; border-radius: var(--radius-xs);
+  color: var(--text-dim);
+}
+.inbox-bubble-act:hover { background: var(--card-bg-alt); color: var(--accent); }
+.inbox-bubble-act--on { color: var(--accent); }
+
+.inbox-track-banner {
+  display: flex; align-items: center; gap: 10px;
+  padding: 8px 12px; margin: 6px 0;
+  background: var(--accent-subtle); border: 1px solid var(--accent-border);
+  border-radius: var(--radius-sm); font-size: 13px;
+}
+.inbox-track-banner-txt { flex: 1; }
+
+/* A "reply ready" suggested-reply shown as a dashed draft bubble with approve/reject. */
+.inbox-bubble--draft {
+  border: 1px dashed var(--accent-border) !important;
+  background: var(--accent-subtle) !important;
+}
+.inbox-draft-label { font-size: 11px; font-weight: 600; color: var(--accent); margin-bottom: 4px; }
+.inbox-draft-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin-top: 8px; }
+
+.inbox-track-form { display: flex; flex-direction: column; gap: 10px; }
+.inbox-track-hint { color: var(--text-dim); font-size: 13px; margin: 0; }
+.inbox-form-row { display: flex; flex-direction: column; gap: 4px; }
+.inbox-form-label { font-size: 12px; color: var(--text-dim); }
+.inbox-form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
+.inbox-track-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 6px; align-items: center; }
+.inbox-track-classify { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 32px 16px; text-align: center; }
+.inbox-track-classify-step { font-weight: 600; }
+.inbox-track-classify-sub { font-size: 13px; color: var(--text-dim); }
+.inbox-track-content { resize: vertical; font-family: inherit; }
+
+/* Spinner shown on the create button while a tracked response is being created. */
+.inbox-spinner {
+  display: inline-block; width: 12px; height: 12px; vertical-align: -1px;
+  border: 2px solid var(--border); border-top-color: var(--accent);
+  border-radius: var(--radius-full); animation: inbox-spin 0.7s linear infinite;
+}
+@keyframes inbox-spin { to { transform: rotate(360deg); } }
+
+/* Per-message "is tracked" badge + the tracked-responses dashboard. */
+.inbox-head-actions { display: flex; align-items: center; gap: 8px; }
+.btn-outline--active { border-color: var(--accent); color: var(--accent); }
+.inbox-track-badge {
+  display: inline-flex; align-items: center; gap: 3px;
+  font-size: 11px; padding: 1px 7px; border-radius: var(--radius-full);
+  border: 1px solid var(--border); color: var(--text-dim); white-space: nowrap;
+}
+.inbox-track-badge--watch { border-color: var(--accent-border); color: var(--accent); }
+.inbox-track-badge--ready { border-color: var(--accent-border); color: var(--accent); background: var(--accent-subtle); }
+.inbox-track-badge--done  { border-color: var(--border); color: var(--text-dim); }
+.inbox-track-badge--err   { border-color: var(--danger); color: var(--danger); }
+
+.inbox-tracked-list { display: flex; flex-direction: column; gap: 8px; padding: 12px; overflow-y: auto; }
+.inbox-tracked-row {
+  display: flex; align-items: center; justify-content: space-between; gap: 12px;
+  padding: 10px 12px; border: 1px solid var(--card-border); border-radius: var(--radius-sm);
+  background: var(--card-bg);
+}
+.inbox-tracked-main { min-width: 0; flex: 1; }
+.inbox-tracked-line1 { display: flex; align-items: center; gap: 8px; }
+.inbox-tracked-name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.inbox-tracked-sub { font-size: 12px; color: var(--text-dim); margin-top: 3px; }
+.inbox-tracked-sub code { font-size: 11px; background: var(--card-bg-alt); padding: 1px 5px; border-radius: var(--radius-xs); }
+.inbox-tracked-err { color: var(--danger); }
+.inbox-tracked-actions { display: flex; gap: 6px; flex-shrink: 0; }
+.inbox-tracked-done { color: var(--text-dim); font-size: 12px; padding: 8px 6px 2px; border-top: 1px solid var(--border); margin-top: 4px; }

package/dist/public/css/views/landing.css

@@ -148,3 +148,11 @@
 .pa-detail-actor { margin: 0 0 .4rem; color: var(--muted); font-size: .78rem; }
 .pa-detail-link { color: var(--accent); font-weight: 700; text-decoration: none; font-size: .85rem; }
 .pa-detail-link:hover { text-decoration: underline; }
+
+/* ── Node totals panel (nt- prefix) — cumulative counters replacing the activity feed ── */
+.nt-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: .6rem; }
+.nt-card { display: flex; flex-direction: column; align-items: center; gap: .15rem; padding: 1rem .75rem; border: 1px solid var(--border); border-radius: 12px; background: var(--card); text-align: center; }
+.nt-icon { font-size: 1.4rem; line-height: 1; }
+.nt-value { font-size: 1.6rem; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--text); }
+.nt-label { font-size: .8rem; color: var(--text-dim); }
+.nt-sub { font-size: .72rem; font-weight: 600; color: var(--accent); }

package/dist/public/css/views/living.css

@@ -0,0 +1,187 @@
+/**
+ * @file living.css
+ * @description Styles for the profile Living Documents tab (pf-ld-* prefix): template cards, the
+ *   template editor (slot rows), the deploy panel, and the deployed-instance viewer. Dark-theme only —
+ *   all colors/spacing via theme.css variables. Reuses several pf-nb-* helpers from notebook.css.
+ * @version-history
+ *   v1.0.0 — 2026-06-21 — Phase 0: template management + deploy + instance viewer.
+ *   v1.1.0 — 2026-06-21 — Phase 1: AI-author panel + charter Readable/YAML views.
+ *   v1.2.0 — 2026-06-21 — Phase 2: pulse status + change ledger.
+ *   v1.3.0 — 2026-06-21 — Phase 3: status line + pause + cadence control.
+ *   v1.4.0 — 2026-06-21 — Phase 4: automation controls (trust/triggers) + gated pending review.
+ *   v1.5.0 — 2026-06-21 — Phase 5: per-section timeline + snapshot + aggregate chart.
+ */
+
+.pf-ld-timeline {
+  display: flex;
+  align-items: center;
+  gap: var(--space-xs, 0.4rem);
+  margin-top: var(--space-xs, 0.4rem);
+}
+.pf-ld-aggregate {
+  margin-top: var(--space-xs, 0.4rem);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-xs, 0.4rem);
+}
+.pf-ld-chart {
+  display: block;
+  background: var(--bg-dim, var(--card));
+  border: 1px solid var(--border);
+  border-radius: var(--radius, 8px);
+}
+.pf-ld-chart rect { fill: var(--accent, var(--text)); }
+
+.pf-ld-automation {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-md, 1rem);
+  align-items: center;
+}
+.pf-ld-num { max-width: 5rem; display: inline-block; margin-left: 0.3rem; }
+.pf-ld-pending {
+  border: 1px solid var(--accent, var(--border));
+  border-radius: var(--radius, 8px);
+  padding: var(--space-sm, 0.75rem);
+  margin-top: var(--space-xs, 0.4rem);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-xs, 0.4rem);
+}
+.pf-ld-pending-body { max-height: 16rem; }
+
+.pf-ld-status {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--space-xs, 0.4rem);
+}
+.pf-ld-cadence {
+  background: var(--card);
+  color: var(--text);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm, 4px);
+  padding: 0.1rem 0.3rem;
+}
+
+.pf-ld-phase {
+  color: var(--accent, var(--text));
+  font-style: italic;
+}
+.pf-ld-ledger {
+  list-style: none;
+  margin: var(--space-xs, 0.4rem) 0 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.2rem;
+}
+.pf-ld-ledger li { color: var(--text-dim, var(--text)); }
+
+.pf-ld-author {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-xs, 0.4rem);
+  margin: var(--space-sm, 0.75rem) 0;
+}
+.pf-ld-author textarea { width: 100%; resize: vertical; font-family: inherit; }
+.pf-ld-author button { align-self: flex-start; }
+
+.pf-ld-charter-views {
+  display: flex;
+  align-items: center;
+  gap: var(--space-xs, 0.4rem);
+  margin-top: var(--space-xs, 0.4rem);
+}
+.pf-ld-cv-active { color: var(--text); font-weight: 600; }
+.pf-ld-charter-box {
+  background: var(--bg-dim, var(--card));
+  border: 1px solid var(--border);
+  border-radius: var(--radius, 8px);
+  padding: var(--space-sm, 0.75rem) var(--space-md, 1rem);
+  margin-top: var(--space-xs, 0.4rem);
+}
+.pf-ld-yaml {
+  font-family: var(--font-mono, monospace);
+  font-size: 0.85em;
+  white-space: pre-wrap;
+  color: var(--text-dim, var(--text));
+  overflow-x: auto;
+}
+
+.pf-ld-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-sm, 0.75rem);
+  margin-top: var(--space-sm, 0.75rem);
+}
+.pf-ld-card {
+  background: var(--card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius, 8px);
+  padding: var(--space-sm, 0.75rem) var(--space-md, 1rem);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-xs, 0.4rem);
+}
+.pf-ld-card-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-sm, 0.75rem);
+}
+.pf-ld-card-btns {
+  display: flex;
+  gap: var(--space-xs, 0.4rem);
+  flex-wrap: wrap;
+}
+
+.pf-ld-editor {
+  margin-top: var(--space-sm, 0.75rem);
+  padding: var(--space-md, 1rem);
+  background: var(--surface, var(--card));
+  border: 1px solid var(--border);
+  border-radius: var(--radius, 8px);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-xs, 0.4rem);
+}
+.pf-ld-slots {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-xs, 0.4rem);
+}
+.pf-ld-slot-row {
+  display: flex;
+  gap: var(--space-xs, 0.4rem);
+  align-items: center;
+}
+.pf-ld-slot-row .input-field { flex: 1; }
+.pf-ld-slot-id { max-width: 9rem; font-family: var(--font-mono, monospace); }
+
+.pf-ld-opened-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-sm, 0.75rem);
+}
+.pf-ld-preview {
+  margin: var(--space-sm, 0.75rem) 0;
+  max-height: 28rem;
+}
+.pf-ld-slot-edit {
+  border-top: 1px solid var(--border);
+  padding-top: var(--space-sm, 0.75rem);
+  margin-top: var(--space-sm, 0.75rem);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-xs, 0.4rem);
+}
+.pf-ld-slot-edit-head { display: flex; align-items: baseline; gap: var(--space-sm, 0.75rem); }
+.pf-ld-slot-edit textarea { width: 100%; resize: vertical; font-family: inherit; }
+.pf-ld-slot-sources {
+  display: flex;
+  align-items: center;
+  gap: var(--space-sm, 0.75rem);
+}
+.pf-ld-slot-sources .input-field { flex: 1; }

package/dist/public/css/views/notebook.css

@@ -4,6 +4,8 @@
  *   and inbox notes. Dark-theme only — all colors/spacing via theme.css variables.
  * @version-history
  *   v1.0.0 — 2026-06-19 — Initial: capture + librarian + inbox (slice A).
+ *   v1.1.0 — 2026-06-21 — Enrich (plan) panel: plan steps, run controls, enriched preview.
+ *   v1.2.0 — 2026-06-21 — Phase 3: trust-toggle settings strip + distribute (chunk) panel.
  */
 
 .pf-nb-capture {
@@ -193,3 +195,90 @@
 }
 .pf-nb-step.active { opacity: 1; color: var(--text); font-weight: 600; }
 .pf-nb-step.done { opacity: 0.85; color: var(--success, var(--text)); }
+
+/* ── Enrich (plan) panel ── */
+.pf-nb-enrich {
+  margin-top: var(--space-sm, 0.75rem);
+  padding: var(--space-md, 1rem);
+  background: var(--surface, var(--card));
+  border: 1px solid var(--border);
+  border-radius: var(--radius, 8px);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-sm, 0.75rem);
+}
+.pf-nb-enrich-summary { font-style: italic; }
+.pf-nb-plan-steps {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-sm, 0.75rem);
+}
+.pf-nb-plan-step {
+  background: var(--card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius, 8px);
+  padding: var(--space-sm, 0.75rem) var(--space-md, 1rem);
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-xs, 0.4rem);
+}
+.pf-nb-plan-step.done { opacity: 0.75; }
+.pf-nb-plan-step.skipped { opacity: 0.5; }
+.pf-nb-plan-step-head {
+  display: flex;
+  align-items: center;
+  gap: var(--space-xs, 0.4rem);
+  flex-wrap: wrap;
+}
+.pf-nb-plan-step-title { font-weight: 600; color: var(--text); }
+.pf-nb-plan-tag { color: var(--success, var(--text)); font-size: 0.85em; }
+.pf-nb-plan-why { font-style: italic; }
+.pf-nb-plan-step-btns {
+  display: flex;
+  gap: var(--space-xs, 0.4rem);
+  margin-top: var(--space-xs, 0.4rem);
+}
+.pf-nb-enrich-preview {
+  border-top: 1px solid var(--border);
+  padding-top: var(--space-sm, 0.75rem);
+}
+.pf-nb-enrich-preview-body {
+  max-height: 24rem;
+  overflow: auto;
+  background: var(--bg-dim, var(--card));
+  border: 1px solid var(--border);
+  border-radius: var(--radius, 8px);
+  padding: var(--space-sm, 0.75rem) var(--space-md, 1rem);
+}
+
+/* ── Trust toggles (settings strip) ── */
+.pf-nb-settings {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--space-sm, 0.75rem);
+  margin-top: var(--space-sm, 0.75rem);
+}
+.pf-nb-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  font-size: 0.85em;
+  color: var(--text-dim, var(--text));
+  cursor: pointer;
+}
+
+/* ── Distribute (chunk) panel ── */
+.pf-nb-chunk-pick {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  cursor: pointer;
+}
+.pf-nb-chunk-body {
+  max-height: 14rem;
+  margin-top: var(--space-xs, 0.4rem);
+}