aimeat 1.26.0 → 1.27.1

package/dist/public/css/components/app-sandbox.css

@@ -0,0 +1,62 @@
+/**
+ * @file public/css/components/app-sandbox.css
+ * @description Full-screen overlay that hosts a sandboxed (opaque-origin) iframe for
+ *   viewing user-published apps without granting them the apex origin (H-2). Paired with
+ *   /js/app-sandbox.js (openAppSandboxed).
+ * @usage Linked from spa.html; classes applied by /js/app-sandbox.js.
+ * @version-history
+ *   v1.0.0 — 2026-06-20 — Initial (H-2 app-origin isolation, Phase 0).
+ */
+
+.app-sandbox-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 10000;
+  display: flex;
+  flex-direction: column;
+  background: var(--bg, #0e0e14);
+}
+
+.app-sandbox-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.5rem 0.75rem;
+  background: var(--surface, #1a1a26);
+  border-bottom: 1px solid var(--border, #2a2a3a);
+  flex: 0 0 auto;
+}
+
+.app-sandbox-title {
+  flex: 1 1 auto;
+  font-weight: 600;
+  font-size: 0.95rem;
+  color: var(--text, #e8e8f0);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.app-sandbox-close {
+  flex: 0 0 auto;
+  width: 2rem;
+  height: 2rem;
+  border: 1px solid var(--border, #2a2a3a);
+  border-radius: 6px;
+  background: var(--bg-dim, #14141c);
+  color: var(--text, #e8e8f0);
+  font-size: 1rem;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.app-sandbox-close:hover {
+  border-color: var(--border-hover, #3a3a4a);
+}
+
+.app-sandbox-frame {
+  flex: 1 1 auto;
+  width: 100%;
+  border: 0;
+  background: #fff;
+}

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

@@ -0,0 +1,83 @@
+/**
+ * @file public/css/views/app-grant.css
+ * @description Styles for the app-grant consent page (agr- prefix) — the trusted apex approval
+ *   screen where an owner reviews a published app's requested scopes (H-2 Phase 3).
+ * @version-history
+ *   v1.0.0 — 2026-06-20 — Initial (H-2 app-origin isolation, Phase 3).
+ */
+
+.agr-wrap { max-width: 540px; margin: 3rem auto; padding: 0 1.25rem; }
+
+.agr-card {
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  background: var(--card);
+  padding: 1.75rem 1.6rem;
+}
+
+.agr-title { font-size: 1.4rem; font-weight: 800; margin: 0 0 1rem; color: var(--text); }
+
+.agr-app {
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+  padding: 0.8rem 1rem;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  background: var(--bg-dim);
+  margin-bottom: 1rem;
+}
+.agr-app-name { font-weight: 700; color: var(--text); }
+.agr-app-origin { font-size: 0.82rem; color: var(--text-dim); font-family: var(--font-mono, monospace); }
+
+.agr-muted { color: var(--text-dim); font-size: 0.92rem; margin: 0 0 1rem; }
+
+.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 0.75rem; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
+.agr-scope {
+  display: flex;
+  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,33 @@
 .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; }
+
+.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; }

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

@@ -7,6 +7,8 @@
  *   v1.1.0 — 2026-06-16 — Add public activity feed styles (pa- prefix).
  *   v1.2.0 — 2026-06-16 — Add reward-first Hero v2 styles (ld-hero2-*): newspaper-framed
  *     Sanomat teaser (designed masthead card; real screenshot when one exists), mobile-first, two CTAs.
+ *   v1.3.0 — 2026-06-20 — Live wall: .ld-gallery is now a fixed 3-up grid (2-up tablet, 1-up phone)
+ *     + .ld-wall-search filter box, for the real published-apps wall.
  */
 .ld { max-width: 980px; margin: 0 auto; padding: 2rem 1.25rem 3rem; color: var(--text); }
 
@@ -59,9 +61,13 @@
 .ld-loop-arrow { color: var(--text-dim); }
 .ld-section { margin: 2rem 0; }
 .ld-h2 { font-size: 1.3rem; margin: 0 0 1rem; }
-.ld-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .9rem; }
-.ld-app-card { display: block; border: 1px solid var(--border); border-radius: 10px; background: var(--card); padding: .9rem 1rem; text-decoration: none; color: var(--text); }
+.ld-wall-search { width: 100%; max-width: 360px; margin: 0 0 1rem; padding: .55rem .8rem; border: 1px solid var(--border); border-radius: 8px; background: var(--card); color: var(--text); font-size: .9rem; }
+.ld-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem; }
+@media (max-width: 900px) { .ld-gallery { grid-template-columns: repeat(2, 1fr); } }
+@media (max-width: 560px) { .ld-gallery { grid-template-columns: 1fr; } }
+.ld-app-card { display: block; border: 1px solid var(--border); border-radius: 10px; background: var(--card); padding: .9rem 1rem; text-decoration: none; color: var(--text); cursor: pointer; }
 .ld-app-card:hover { border-color: var(--accent); }
+.ld-app-shot { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 8px; border: 1px solid var(--border); margin-bottom: .55rem; background: var(--bg-dim); }
 .ld-app-name { font-weight: 700; margin-bottom: .25rem; }
 .ld-app-desc { font-size: .82rem; color: var(--text-dim); margin-bottom: .4rem; }
 .ld-app-meta { font-size: .72rem; color: var(--muted); }
@@ -142,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);
+}

package/dist/public/css/views/profile.css

@@ -1591,83 +1591,45 @@
 }
 .pf .pf-fed-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--success, #22c55e); }
 
-/* --- Hero Onboarding (new user) --- */
-.pf .pf-hero-onboard {
-  background: var(--card, #fff); border-radius: 16px;
-  padding: 24px; box-shadow: 0 4px 12px rgba(0,0,0,.06);
-}
-.pf .pf-hero-ob-title { font-size: 1.2rem; font-weight: 700; margin-bottom: 4px; letter-spacing: -0.3px; }
-.pf .pf-hero-ob-subtitle {
-  font-size: .85rem; color: var(--text-dim, #6B7280); margin-bottom: 20px;
-  max-width: 560px; line-height: 1.6;
-}
-.pf .pf-onboard-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
-.pf .pf-onboard-card {
-  padding: 16px; border-radius: 12px; border: 1.5px solid var(--border, #e5e5e0);
-  cursor: pointer; transition: all .2s; position: relative;
-}
-.pf .pf-onboard-card:hover { border-color: var(--accent, #E8564A); box-shadow: 0 4px 12px rgba(0,0,0,.06); transform: translateY(-1px); }
-.pf .pf-onboard-card.highlight { border-color: var(--accent, #E8564A); background: var(--accent-soft, #FFF0EE); }
-.pf .pf-onboard-card.highlight:hover { background: var(--accent-subtle); }
-.pf .pf-onboard-icon { font-size: 24px; margin-bottom: 8px; display: block; }
-.pf .pf-onboard-title { font-size: .93rem; font-weight: 600; margin-bottom: 4px; }
-.pf .pf-onboard-desc { font-size: .81rem; color: var(--text-dim, #6B7280); line-height: 1.5; }
-.pf .pf-onboard-tag {
-  position: absolute; top: 10px; right: 10px; font-size: .6rem; font-weight: 700;
-  text-transform: uppercase; letter-spacing: .5px; padding: 2px 8px; border-radius: 4px;
-  background: var(--accent, #E8564A); color: #fff;
-}
-.pf .pf-onboard-tag.pf-tag-later { background: var(--border, #e5e5e0); color: var(--text-dim, #6B7280); }
-
-/* --- Knowledge Callout (new user, after hero) --- */
-.pf .pf-knowledge-callout {
-  background: var(--pf-callout-gradient);
-  border-radius: 12px; padding: 16px 20px;
-  display: flex; align-items: flex-start; gap: 14px;
-  border: 1px solid rgba(99,102,241,.15); cursor: pointer;
-  transition: all .2s;
-}
-.pf .pf-knowledge-callout:hover { border-color: #6366F1; box-shadow: 0 4px 12px rgba(0,0,0,.06); }
-.pf .pf-knowledge-callout-icon { font-size: 28px; flex-shrink: 0; margin-top: 2px; }
-.pf .pf-knowledge-callout-body { flex: 1; min-width: 0; }
-.pf .pf-knowledge-callout-title { font-size: .93rem; font-weight: 600; margin-bottom: 4px; }
-.pf .pf-knowledge-callout-desc { font-size: .81rem; color: var(--text-dim, #6B7280); line-height: 1.55; }
-.pf .pf-ai-pills { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
-.pf .pf-ai-pill {
-  font-size: .68rem; font-weight: 500; padding: 2px 10px; border-radius: 20px;
-  background: var(--card, #fff); color: var(--text-dim, #6B7280);
-  border: 1px solid var(--border, #e5e5e0);
-}
-
-/* --- Knowledge Button (active user) --- */
-.pf .pf-knowledge-btn {
-  display: flex; align-items: center; gap: 12px;
-  background: var(--pf-callout-gradient);
-  border: 1px solid rgba(99,102,241,.15);
-  border-radius: 12px; padding: 14px 20px;
-  cursor: pointer; transition: all .2s;
-  color: var(--text, #1a1a1a);
-}
-.pf .pf-knowledge-btn:hover { border-color: #6366F1; box-shadow: 0 4px 12px rgba(0,0,0,.06); transform: translateY(-1px); }
-.pf .pf-kb-icon { font-size: 22px; flex-shrink: 0; }
-.pf .pf-kb-text { flex: 1; min-width: 0; }
-.pf .pf-kb-title { font-size: .87rem; font-weight: 600; }
-.pf .pf-kb-desc { font-size: .75rem; color: var(--text-dim, #6B7280); }
-.pf .pf-kb-arrow { font-size: 1rem; color: #6366F1; }
-
-/* --- Ghost App Tiles (new user) --- */
-.pf .pf-ghost-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
-.pf .pf-ghost-tile {
-  aspect-ratio: 1; border-radius: 12px;
-  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
-  cursor: pointer; transition: all .15s;
-  border: 1.5px dashed var(--border, #e5e5e0); background: var(--card, #FAFAF8);
-  padding: 8px; opacity: .55;
-}
-.pf .pf-ghost-tile:hover { opacity: .85; border-color: var(--accent, #E8564A); }
-.pf .pf-ghost-icon { font-size: 26px; filter: grayscale(50%); }
-.pf .pf-ghost-name { font-size: .68rem; font-weight: 500; text-align: center; color: var(--text-dim, #9CA3AF); line-height: 1.3; }
-.pf .pf-ghost-cta { font-size: .56rem; font-weight: 600; color: var(--accent, #E8564A); text-transform: uppercase; letter-spacing: .3px; margin-top: 2px; }
+/* --- Header actions + presence pill (ProfileCard header) --- */
+.pf .pf-lp-actions {
+  margin-left: auto; display: flex; align-items: center; gap: 10px;
+  align-self: flex-start; flex-wrap: wrap;
+}
+.pf .pf-presence-pill-btn {
+  display: inline-flex; align-items: center; gap: 4px;
+  border: 1px solid var(--border, #e5e5e0); background: var(--bg-dim, #FAFAF8);
+  color: var(--text, #1a1a1a); border-radius: 999px; padding: 4px 10px 4px 8px;
+  cursor: pointer; font: inherit; font-size: .8rem;
+  transition: border-color .15s, background .15s;
+}
+.pf .pf-presence-pill-btn:hover { border-color: var(--accent, #E8564A); background: var(--surface, var(--card)); }
+.pf .pf-presence-pill-caret { font-size: .7rem; color: var(--text-dim, #9CA3AF); margin-left: 2px; }
+
+/* --- Suggested next steps (home dashboard) --- */
+.pf .pf-next {
+  background: var(--card, #fff); border-radius: 16px; padding: 18px 20px;
+  box-shadow: 0 1px 3px rgba(0,0,0,.04); border: 1px solid var(--border-soft, #f0f0ec);
+}
+.pf .pf-next-title {
+  font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px;
+  color: var(--text-dim, #9CA3AF); margin-bottom: 12px;
+}
+.pf .pf-next-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
+.pf .pf-next-card {
+  display: flex; align-items: center; gap: 14px; width: 100%; text-align: left;
+  padding: 14px 16px; border-radius: 12px; cursor: pointer; font: inherit;
+  border: 1.5px solid var(--border, #e5e5e0); background: var(--card, #fff);
+  color: var(--text, #1a1a1a); transition: all .18s;
+}
+.pf .pf-next-card:hover { border-color: var(--accent, #E8564A); box-shadow: 0 4px 12px rgba(0,0,0,.06); transform: translateY(-1px); }
+.pf .pf-next-card--primary { border-color: var(--accent, #E8564A); background: var(--accent-soft, #FFF0EE); }
+.pf .pf-next-card--primary:hover { background: var(--accent-subtle); }
+.pf .pf-next-ico { font-size: 22px; flex-shrink: 0; line-height: 1; }
+.pf .pf-next-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
+.pf .pf-next-card-title { font-size: .92rem; font-weight: 600; }
+.pf .pf-next-card-desc { font-size: .8rem; color: var(--text-dim, #6B7280); line-height: 1.45; }
+.pf .pf-next-arrow { font-size: 1.1rem; color: var(--accent, #E8564A); flex-shrink: 0; opacity: .7; }
 
 /* --- Cortex Extensions (new user) --- */
 .pf .pf-cortex-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
@@ -2035,11 +1997,7 @@
 }
 
 /* ─── Responsive: tablet ─── */
-@media (min-width: 480px) {
-  .pf .pf-ghost-grid { grid-template-columns: repeat(4, 1fr); }
-}
 @media (min-width: 640px) {
-  .pf .pf-onboard-grid { grid-template-columns: 1fr 1fr; }
   .pf .pf-cortex-grid  { grid-template-columns: 1fr 1fr; }
 }
 @media (min-width: 900px) {
@@ -2668,7 +2626,6 @@
 .pf-home-row-meta.pf-ok { color: var(--success-fg, var(--text)); }
 .pf-lp-stat-link { background: none; border: none; padding: 0.15rem 0.35rem; border-radius: 8px; cursor: pointer; font: inherit; color: inherit; }
 .pf-lp-stat-link:hover { background: var(--bg-surface); }
-.pf-lp-profile-btn { margin-left: auto; align-self: flex-start; }
 .pf-promo-dismiss { float: right; background: none; border: none; cursor: pointer; color: var(--muted); font-size: 0.85rem; padding: 0 0.2rem; }
 .pf-promo-dismiss:hover { color: var(--text); }
 /* Edit profile / password dialogs */
@@ -2945,9 +2902,9 @@
 .pf-eco-tech-principal { display: inline-block; background: var(--card); border: 1px solid var(--border); border-radius: 6px; padding: .3rem .5rem; word-break: break-all; }
 .pf-eco-tech-access { margin: -.15rem 0 .4rem; }
 
-/* ── Presence control (Koti home) — backed by PresenceControl in landing-page.js.
-   Self-contained card; previews the same <PresenceDot> shown next to people. ── */
-.pf-presence-card { border: 1px solid var(--border); border-radius: 12px; background: var(--card); padding: 1rem 1.1rem; margin-bottom: 1rem; }
+/* ── Presence settings dialog — backed by PresenceDialog in landing-page.js, opened
+   from the <PresencePill> in the ProfileCard header; previews the same <PresenceDot>
+   shown next to people. ── */
 .pf-presence-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
 .pf-presence-head .section-desc { margin-bottom: .75rem; }
 .pf-presence-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: .5rem 0; }