aimeat 1.40.1 → 2.1.0

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

@@ -4,6 +4,16 @@
  *   wallet, memory, agents, extensions, packages, knowledge, generator, and
  *   edit panels. Consumes theme.css tokens so it flips with dark/light mode.
  * @version-history
+ *   v2.16.2 — 2026-07-21 — App-shell scroll model (theme.css v1.24.0): .pf-sidebar sticks to top:0 of
+ *     the new .page-content scroll region (was top:var(--nav-height) against the window) and caps at
+ *     calc(100dvh − nav-height) so its nav list scrolls without a header-height gap.
+ *   v2.16.1 — 2026-07-20 — Mobile home-dashboard overflow fix: .pf-home-card (and the spend/quota
+ *     tiles, chips, and long app-name row) get min-width:0 so unbreakable inner content no longer
+ *     forces a card — and the whole home grid — wider than a narrow phone (content ran off the right
+ *     edge, clipped by body{overflow-x:hidden}). .pf-usage-head wraps a very long quota value.
+ *   v2.16.0 — 2026-07-19 — AppDev tab (pf-adk-*): prompt cards, learned-pitfall rows,
+ *     chips (model/shared/tier/proof), severity badges (AppDev KB UI phase).
+ *   v2.15.0 — 2026-07-16 — Drop the dead .pf-side-ico rule (sidebar nav is label-only now).
  *   v2.14.0 — 2026-07-11 — .pf-ai-app-meta: muted compact tokens·calls column for the Home
  *     AgentLedgerCard by-model breakdown rows (reuses the AiSpendCard .pf-ai-* card chrome).
  *   v2.13.0 — 2026-07-06 — Toast fixes: drop the dead .pf.toast-container rule (profile.js no longer
@@ -220,17 +230,17 @@
 .pf .pf-psp-chip--ok{color:var(--success,#22c55e);border-color:var(--success,#22c55e)}
 .pf .pf-psp-chip--warn{color:var(--warning,#f59e0b);border-color:var(--warning,#f59e0b)}
 .pf .tx-list{max-height:400px;overflow-y:auto}
-.pf .tx-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;border-bottom:1px solid rgba(232,86,74,.08);font-size:.85rem}
+.pf .tx-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;border-bottom:1px solid var(--border);font-size:.85rem}
 .pf .tx-item:last-child{border-bottom:none}
 .pf .tx-amount{font-weight:600;font-family:monospace}
 .pf .tx-amount.credit{color:var(--success,#22c55e)}
 .pf .tx-amount.debit{color:var(--danger,#ef4444)}
 .pf .tx-type{font-size:.75rem;color:var(--text-dim,#6B7280)}
 .pf .tx-date{font-size:.75rem;color:var(--text-dim,#6B7280)}
-.pf .tx-item-wrap{border-bottom:1px solid rgba(232,86,74,.08)}
+.pf .tx-item-wrap{border-bottom:1px solid var(--border)}
 .pf .tx-item-wrap:last-child{border-bottom:none}
 .pf .tx-item-wrap .tx-item{border-bottom:none;cursor:pointer;user-select:none}
-.pf .tx-item-wrap .tx-item:hover{background:rgba(232,86,74,.05)}
+.pf .tx-item-wrap .tx-item:hover{background:var(--accent-subtle)}
 .pf .tx-detail{padding:.4rem .8rem .8rem;font-size:.8rem;color:var(--text-dim,#6B7280);border-top:1px solid rgba(232,86,74,.05);display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;align-items:baseline}
 .pf .tx-detail-label{font-weight:600;color:var(--text,#1A1A2E);font-size:.75rem;text-transform:uppercase}
 .pf .tx-detail-value{font-family:monospace;word-break:break-all}
@@ -596,6 +606,47 @@
 .pf .ext-visibility-badge{font-size:.7rem;padding:2px 8px;border-radius:6px;background:var(--bg-dim,#F3F4F6);margin-left:.5rem}
 .pf .ext-visibility-badge.public{color:#22c55e}
 .pf .ext-visibility-badge.private{color:var(--muted)}
+/* AI-acceleration maturity tier badge on library cards (tools/aeb/acceleration-tiers.md). */
+.pf .ext-tier{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:2px 7px;border-radius:999px;background:color-mix(in srgb, var(--muted, #9ca3af) 18%, transparent);color:var(--muted, #9ca3af);cursor:help;white-space:nowrap}
+.pf .ext-tier.ext-tier-frontier{background:color-mix(in srgb, var(--primary, #E8564A) 20%, transparent);color:var(--primary, #E8564A)}
+.pf .ext-tier.ext-tier-measured{background:color-mix(in srgb, #22c55e 18%, transparent);color:#16a34a}
+.pf .ext-tier.ext-tier-frontier.ext-tier-measured{background:color-mix(in srgb, var(--primary, #E8564A) 20%, transparent);color:var(--primary, #E8564A)}
+/* Libraries tab — cards reuse the ext-card family; only the lib-specific bits live here. */
+.pf .lib-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0}
+.pf .lib-search{flex:1;min-width:180px;padding:8px 12px;border:1px solid var(--border,#E5E7EB);border-radius:8px;background:var(--card,#FFF);color:var(--text)}
+.pf .lib-tier-filters{display:flex;gap:.25rem}
+.pf .lib-tier-btn{font-size:.8rem;padding:5px 10px}
+.pf .lib-tier-btn.lib-tier-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--card))}
+.pf .lib-measured-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-dim,#6B7280);cursor:pointer}
+.pf .lib-group{margin-top:1.5rem}
+/* Card footer: the "Tested: <model> → ✓/✗" line + coloured proof chips. */
+.pf .lib-card-footer{display:block}
+.pf .lib-tested{font-size:.8rem;color:var(--text-dim,#6B7280);display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
+.pf .lib-tested-label{font-weight:600}
+.pf .lib-proof-none{color:var(--text-dim,#6B7280);font-style:italic}
+.pf .lib-proof-item{font-size:.72rem;padding:2px 8px;border-radius:999px;font-weight:600}
+.pf .lib-proof-item.lib-proof-pass{color:var(--success,#16a34a);background:rgba(34,197,94,.15)}
+.pf .lib-proof-item.lib-proof-fail{color:var(--accent,#E8564A);background:rgba(232,86,74,.15)}
+/* Detail view — header + meta line (mirrors the Extensions detail; sections reuse ext-detail-section). */
+.pf .lib-back{margin-bottom:1rem}
+.pf .lib-detail-head{align-items:center;gap:.6rem;margin-bottom:.5rem}
+.pf .lib-detail-title{font-weight:700;font-size:1.35rem}
+.pf .lib-detail-desc{color:var(--text-dim,#6B7280);margin-bottom:.6rem;line-height:1.5}
+.pf .lib-detail-metaline{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-dim,#6B7280);margin-bottom:1rem}
+.pf .lib-detail-metaline code{background:var(--bg-dim,#F3F4F6);padding:1px 6px;border-radius:4px}
+.pf .lib-tier-line{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}
+.pf .lib-caveat{background:rgba(232,86,74,.1);border-left:3px solid var(--accent,#E8564A);padding:.5rem .75rem;border-radius:6px;font-size:.85rem;margin-bottom:.6rem}
+.pf .lib-proof-list{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}
+.pf .lib-proof-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.85rem;padding:.4rem .6rem;border-radius:8px;background:var(--bg-dim,#F3F4F6)}
+.pf .lib-proof-row .lib-proof-model{font-weight:600}
+.pf .lib-proof-row.lib-proof-pass .lib-proof-verdict{color:var(--success,#16a34a);font-weight:600}
+.pf .lib-proof-row.lib-proof-fail .lib-proof-verdict{color:var(--accent,#E8564A);font-weight:600}
+.pf .lib-proof-row .lib-proof-tok,.pf .lib-proof-row .lib-proof-date{color:var(--text-dim,#6B7280);font-size:.78rem}
+.pf .lib-proof-row .lib-proof-ev{color:var(--text-dim,#6B7280);font-size:.75rem;font-family:monospace;margin-left:auto}
+.pf .lib-changelog{margin:0;padding-left:1.1rem;font-size:.85rem;color:var(--text-dim,#6B7280);display:flex;flex-direction:column;gap:.35rem}
+.pf .lib-changelog .lib-cl-ver{font-weight:600;color:var(--text)}
+.pf .lib-changelog .lib-cl-date{font-size:.78rem}
+.pf .lib-changelog .lib-cl-breaking{color:var(--accent,#E8564A);font-weight:600}
 @media(max-width:600px){
   .pf .ext-grid{grid-template-columns:1fr}
   .pf .ext-bundled-grid{grid-template-columns:1fr}
@@ -637,7 +688,6 @@
 .pf .pkg-badge-featured{background:var(--warn-bg);color:var(--warn-fg)}
 .pf .pkg-badge-published{background:var(--success-bg);color:var(--success-fg)}
 .pf .pkg-badge-draft{background:var(--bg-surface);color:var(--text-dim)}
-.pf .pkg-empty{color:var(--muted,#888);font-size:.85rem;text-align:center;padding:2rem 0}
 /* Expanded instance card: per-component list with status dots and inline actions */
 .pf .pkg-card-expanded{grid-column:span 2}
 @media (max-width:720px){.pf .pkg-card-expanded{grid-column:span 1}}
@@ -649,8 +699,6 @@
 .pf .pkg-comp-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;color:var(--text,#111);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .pf .pkg-comp-type{font-size:.7rem;color:var(--text-dim,#6B7280);background:var(--bg-dim,#F3F4F6);padding:1px 6px;border-radius:4px;text-transform:lowercase}
 .pf .pkg-comp-status{display:flex;align-items:center;gap:.25rem}
-.pf .pkg-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--muted,#9CA3AF)}
-.pf .pkg-dot-active{background:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.18)}
 .pf .pkg-comp-customized{font-size:.85rem;color:var(--warn-fg,#b45309)}
 .pf .pkg-comp-actions{display:flex;gap:.25rem;flex-wrap:wrap}
 .pf .pkg-comp-actions .btn-xs,.pf .pkg-card-meta .btn-xs{font-size:.7rem;padding:2px 6px}
@@ -706,7 +754,6 @@
 .kpkg-badge-published{background:var(--success-bg);color:var(--success-fg)}
 .kpkg-section{background:var(--bg-card,#FFFFFF);border:1px solid var(--border,#E5E7EB);border-radius:12px;padding:1.25rem}
 .kpkg-section h3{margin:0 0 .75rem}
-.kpkg-empty{color:var(--muted,#888);font-size:.85rem;text-align:center;padding:1.5rem 0}
 .kpkg-card{background:var(--bg,#F9FAFB);border:1px solid var(--border,#E5E7EB);border-radius:8px;padding:1rem;margin-bottom:.75rem;transition:border-color .15s}
 .kpkg-card-expanded{border-color:var(--accent,#6366F1)}
 .kpkg-card-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}
@@ -892,6 +939,27 @@
   color: var(--text); padding: 10px; font-family: monospace; font-size: 0.85em; resize: vertical;
 }
 
+/* ── Two-pane workspace: prompt (copy) | response (paste) ──────────────
+   On wide screens the copy-prompt and the paste-response sit side-by-side so
+   the generator uses the full width; below 1024px they stack. The generator
+   dashboard escapes the profile's 1360px cap (via :has) to give the panes room. */
+.pf-content:has(.pf-gen-dashboard) { max-width: 1760px; }
+.pf-gen-workspace {
+  display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
+  align-items: stretch; margin-bottom: 20px;
+}
+.pf-gen-workspace .pf-gen-section { margin-bottom: 0; }
+.pf-gen-ws-pane { display: flex; flex-direction: column; min-width: 0; }
+.pf-gen-ws-pane .pf-gen-prompt-box { max-height: none; height: clamp(240px, 44vh, 520px); margin-bottom: 10px; }
+.pf-gen-ws-pane .pf-gen-result-area { flex: 1 1 auto; min-height: clamp(240px, 44vh, 520px); }
+.pf-gen-ws-pane .pf-gen-actions,
+.pf-gen-ws-pane .flex-row-wrap { margin-top: 10px; flex-wrap: wrap; }
+@media (max-width: 1024px) {
+  .pf-gen-workspace { grid-template-columns: 1fr; gap: 12px; }
+  .pf-gen-ws-pane .pf-gen-prompt-box { height: auto; max-height: 280px; }
+  .pf-gen-ws-pane .pf-gen-result-area { min-height: 220px; }
+}
+
 .pf-gen-errors {
   background: var(--danger-bg); border: 1px solid var(--danger-border); border-radius: 6px;
   padding: 12px; margin-top: 12px;
@@ -1020,11 +1088,27 @@
 
 @media(max-width:700px) {
   .pf-gen-dash-body { flex-direction: column; }
-  .pf-gen-sidebar { width: 100%; display: flex; gap: 4px; flex-wrap: wrap; }
-  .pf-gen-phase-group { margin-bottom: 0; }
+  /* Sidebar becomes a horizontal, swipeable rail of component chips so it never
+     eats vertical space or wraps into a tall stack on a phone. */
+  .pf-gen-sidebar {
+    width: 100%; display: flex; gap: 8px; flex-wrap: nowrap;
+    overflow-x: auto; -webkit-overflow-scrolling: touch;
+    padding-bottom: 6px; margin-bottom: 8px;
+    scrollbar-width: thin;
+  }
+  .pf-gen-phase-group { margin-bottom: 0; flex-shrink: 0; }
+  .pf-gen-phase-label { padding-left: 2px; }
+  .pf-gen-comp-item { white-space: nowrap; border-radius: 6px; border-left-width: 4px; }
   .pf-gen-header-actions { flex-wrap: wrap; }
-  .pf-gen-lifecycle-toolbar { flex-direction: column; gap: 8px; }
-  .pf-gen-lifecycle-actions { justify-content: center; }
+  .pf-gen-dash-header { flex-wrap: wrap; }
+  .pf-gen-lifecycle-toolbar { flex-direction: column; gap: 8px; align-items: stretch; }
+  .pf-gen-lifecycle-actions { justify-content: flex-start; }
+  .pf-gen-detail { padding: 12px 12px; }
+  /* Prompt/response panes already stack (workspace collapses at 1024px); give the
+     textareas a comfortable touch height and let the prompt box scroll. */
+  .pf-gen-ws-pane .pf-gen-prompt-box { max-height: 220px; }
+  .pf-gen-ws-pane .pf-gen-result-area { min-height: 200px; }
+  .pf-gen-or-run-all-bar { flex-direction: column; align-items: stretch; gap: 8px; }
 }
 
 /* ══ Shared Profile Utilities (2026-03-17) ══════════════ */
@@ -1291,6 +1375,33 @@
   border: 1px solid rgba(239, 68, 68, 0.25);
 }
 
+/* ── AI-apps daily-budget / spend section (generator-settings OpenRouterSettings) ──
+   Lifted out of ~28 inline styles + hardcoded hex; all tokenized so it flips in dark mode. */
+.pf-gen-spend-section { border-top: 2px solid var(--border); padding-top: 14px; margin-top: 14px; }
+.pf-gen-spend-desc { font-size: 12px; color: var(--text-dim); margin-bottom: 8px; }
+.pf-gen-spend-bar-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
+.pf-gen-spend-bar { flex: 1; min-width: 200px; background: var(--bg-surface); border-radius: 4px; height: 20px; position: relative; overflow: hidden; }
+.pf-gen-spend-bar-fill { position: absolute; top: 0; left: 0; bottom: 0; transition: width .3s; background: var(--success); }
+.pf-gen-spend-bar-fill.warn { background: var(--warn); }
+.pf-gen-spend-bar-fill.crit { background: var(--danger); }
+.pf-gen-spend-bar-label { position: relative; text-align: center; font-size: 11px; line-height: 20px; font-weight: 700; }
+.pf-gen-spend-budget-input { width: 90px; padding: 4px 6px; font-size: 13px; }
+.pf-gen-spend-details { margin-top: 10px; }
+.pf-gen-spend-summary { cursor: pointer; font-size: 12px; color: var(--text-dim); }
+.pf-gen-spend-hint { font-size: 11px; color: var(--text-muted); margin: 6px 0; }
+.pf-gen-spend-table { width: 100%; margin-top: 4px; font-size: 12px; border-collapse: collapse; }
+.pf-gen-spend-table th, .pf-gen-spend-table td { padding: 4px; text-align: left; }
+.pf-gen-spend-table th.num, .pf-gen-spend-table td.num { text-align: right; }
+.pf-gen-spend-table thead tr { border-bottom: 1px solid var(--border); }
+.pf-gen-spend-cap-input { width: 74px; padding: 3px 5px; font-size: 12px; text-align: right; }
+.pf-gen-spend-actions { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
+.pf-gen-spend-msg { margin-top: 8px; }
+.pf-gen-spend-chart-wrap { margin-top: 14px; }
+.pf-gen-spend-chart-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
+.pf-gen-spend-chart-title { font-size: 12px; font-weight: 600; color: var(--text-dim); }
+.pf-gen-spend-metric-toggle { display: inline-flex; gap: 4px; }
+.pf-gen-spend-footnote { font-size: 11px; color: var(--text-muted); margin-top: 8px; }
+
 /* ── OpenRouter Autopilot (pf-gen-or-*) ──────────────── */
 .pf-gen-or-btn-row {
   display: flex;
@@ -1472,6 +1583,9 @@
 .pf .stat-panel-h4   { color: var(--love1); margin: 0 0 .75rem; font-size: .9rem; }
 .pf .stat-row        { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px solid var(--border); }
 .pf .stat-row-label  { font-weight: 600; font-size: .85rem; }
+.pf .stat-row-label.success { color: var(--success-fg); }
+.pf .stat-row-label.warn    { color: var(--warn); }
+.pf .stat-row-label.danger  { color: var(--danger-fg); }
 .pf .stat-row-value  { color: var(--muted); font-size: .85rem; }
 .pf .stat-footer     { color: var(--muted); font-size: .8rem; margin-top: 1rem; }
 
@@ -1584,6 +1698,9 @@
 .pf .pf-device-code       { font-size: 2rem; font-weight: 700; font-family: monospace; letter-spacing: .15em; }
 .pf .pf-agent-divider     { margin-top: 1.25rem; border-top: 1px solid var(--border); padding-top: 1.25rem; }
 .pf .pf-task-runner-input { width: 100%; max-width: 320px; padding: 0.4rem 0.6rem; font-family: monospace; font-size: 0.85rem; border: 1px solid var(--border); border-radius: 4px; background: var(--card); color: var(--text); }
+.pf .pf-gh-link { display: inline-flex; align-items: center; gap: .4rem; color: var(--accent); text-decoration: none; font-size: .85rem; }
+.pf .pf-gh-link:hover { text-decoration: underline; }
+.pf .gh-mark { flex: none; }
 
 /* Memory tab: sharing rules row */
 .pf .pf-rule-row { display: flex; gap: .5rem; align-items: center; padding: 4px 0; border-bottom: 1px solid var(--border); }
@@ -2129,8 +2246,15 @@
 
 .pf-sidebar {
   width: 240px; flex: 0 0 240px;
-  position: sticky; top: var(--nav-height, 56px);
-  max-height: calc(100vh - var(--nav-height, 56px));
+  /* App-shell: the scroll region is now .page-content (the header lives OUTSIDE
+     it), so the sidebar sticks to the top of that region (top:0), not below the
+     header. Height caps at the region's height so its own nav list scrolls.
+     border-box folds the vertical padding INTO max-height — without it the padding
+     stacks on top, making the sidebar taller than the scroll region so sticky can't
+     hold it (it drifts up and the identity slides under the header when you scroll). */
+  position: sticky; top: 0;
+  box-sizing: border-box;
+  max-height: calc(100dvh - var(--nav-height, 56px));
   overflow-y: auto;
   padding: 0.75rem 0.5rem 2rem;
   border-right: 1px solid var(--border);
@@ -2150,7 +2274,6 @@
 }
 .pf-side-item:hover { background: var(--bg-hover, var(--bg-dim)); }
 .pf-side-item--active { background: var(--accent-faint, var(--bg-dim)); color: var(--accent); font-weight: 700; }
-.pf-side-ico { width: 1.3rem; text-align: center; flex: 0 0 auto; }
 .pf-side-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .pf-side-badge { margin-left: auto; font-size: 0.68rem; background: var(--bg-dim); color: var(--text-dim); padding: 0.05rem 0.45rem; border-radius: var(--radius-full, 999px); }
 
@@ -2797,6 +2920,26 @@
 .pj-eminvite-pending-row { display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0; font-size: 0.83rem; color: var(--text); border-bottom: 1px solid var(--border); }
 .pj-eminvite-pending-meta { color: var(--muted); font-size: 0.76rem; }
 .pj-eminvite-pending-cancel { margin-left: auto; }
+/* Unified add/invite panel + pending-invite inline editor + per-member access editor */
+.pj-invpanel-accept { display: flex; align-items: center; gap: 0.4rem; font-size: 0.83rem; color: var(--text); margin-top: 0.5rem; cursor: pointer; }
+.pj-pinv-editor { margin: 0.3rem 0 0.5rem 1.2rem; }
+.pj-member-access { margin: 0.2rem 0 0.6rem 2.6rem; }
+
+/* ── Contacts tab (address book) ── */
+.pf-ct-addrow { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: 0.7rem 0; }
+.pf-ct-filter { max-width: 180px; margin-left: auto; }
+.pf-ct-row { display: flex; align-items: center; gap: 0.6rem; padding: 0.45rem 0; border-bottom: 1px solid var(--border); }
+.pf-ct-avatar { flex: 0 0 auto; width: 2rem; height: 2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--bg-dim); color: var(--text); font-size: 0.78rem; font-weight: 600; }
+.pf-ct-main { min-width: 0; flex: 1; }
+.pf-ct-name { font-size: 0.88rem; font-weight: 500; color: var(--text); display: flex; align-items: center; gap: 0.35rem; }
+.pf-ct-id { font-size: 0.74rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.pf-ct-count { color: var(--muted); font-weight: 400; }
+.pf-ct-miss { border: 1px dashed var(--border); border-radius: 8px; padding: 0.4rem 0.6rem; background: var(--bg-dim); }
+.pf-ct-blocked { margin-top: 0.8rem; }
+/* Each contact group (saved / messaged) is framed as a card; the last row drops its
+   divider so it doesn't leave a stray line above the card's bottom padding. */
+.pf-ct-group { margin-top: 0.85rem; }
+.pf-ct-group .pf-ct-row:last-child { border-bottom: none; padding-bottom: 0; }
 .pj-orgsearch { margin: 0 0 0.6rem; }
 .pj-orgsearch-input { min-width: 220px; }
 .pj-board-post { border: 1px solid var(--border); border-radius: 10px; background: var(--card); padding: 0.5rem 0.7rem; margin-bottom: 0.5rem; }
@@ -2848,7 +2991,11 @@
 .pf-waiting-where { color: var(--muted); }
 .pf-home-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1rem 0; }
 @media (max-width: 760px) { .pf-home-grid { grid-template-columns: 1fr; } }
-.pf-home-card { border: 1px solid var(--border); border-radius: 12px; background: var(--card); padding: 0.8rem 1rem; }
+/* min-width:0 is load-bearing: grid/flex items default to min-width:auto and refuse to shrink
+   below their content's intrinsic width. Without it, a card with unbreakable inner content (long
+   app names, the 3-col number grid, the chart canvas) forces its grid column — and thus the whole
+   home dashboard — wider than a narrow phone, overflowing the right edge. */
+.pf-home-card { border: 1px solid var(--border); border-radius: 12px; background: var(--card); padding: 0.8rem 1rem; min-width: 0; }
 .pf-home-card-title { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-dim); margin-bottom: 0.5rem; background: none; border: none; padding: 0; text-align: left; }
 .pf-home-card-link { cursor: pointer; }
 .pf-home-card-link:hover { color: var(--text); }
@@ -2888,7 +3035,14 @@
 .pf-ai-apps-head { font-size: 0.75rem; font-weight: 600; color: var(--muted); margin-bottom: 0.35rem; }
 .pf-ai-app-row { display: flex; align-items: center; gap: 0.5rem; padding: 0.2rem 0; font-size: 0.82rem; }
 .pf-ai-app-dot { width: 10px; height: 10px; border-radius: 3px; flex: none; }
-.pf-ai-app-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); }
+/* min-width:0 lets the flex:1 item actually shrink so the ellipsis engages on a long app name
+   (a bare flex:1 keeps min-width:auto and would overflow the card on a narrow screen instead). */
+.pf-ai-app-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); }
+/* Let the spend tiles / quota chips shrink to their column on a narrow screen (tabular numbers
+   otherwise hold an intrinsic min-width and push the card past the viewport). */
+.pf-ai-win, .pf-usage-chip { min-width: 0; }
+/* A very long quota value wraps under its label instead of forcing the row wider than the screen. */
+.pf-usage-head { flex-wrap: wrap; }
 .pf-ai-app-cost { color: var(--text); font-variant-numeric: tabular-nums; }
 .pf-ai-app-pct { width: 3ch; text-align: right; color: var(--muted); font-variant-numeric: tabular-nums; }
 .pf-ai-app-meta { color: var(--muted); font-size: 0.72rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
@@ -3241,7 +3395,6 @@
 .pf-skl-editor-md { width: 100%; font-family: var(--mono); font-size: 0.82rem; background: var(--card); color: var(--text); border: 1px solid var(--border); border-radius: var(--radius); padding: 0.5rem; }
 .pf-skl-editor-actions { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.5rem; flex-wrap: wrap; }
 .pf-skl-editor-hint { font-size: 0.76rem; color: var(--muted); margin-top: 0.4rem; }
-.pf-skl-empty { font-size: 0.84rem; color: var(--muted); padding: 0.4rem 0; }
 .pf-skl-frontmatter { background: var(--bg-dim); border: 1px solid var(--border); border-radius: var(--radius); padding: 0.5rem 0.6rem; font-size: 0.74rem; color: var(--muted); white-space: pre-wrap; margin-bottom: 0.5rem; }
 .pf-skl-body-md { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 0.75rem 1rem; font-size: 0.86rem; max-height: 32rem; overflow: auto; }
 /* ── App-bound skills (2d) on My Apps cards ── */
@@ -3249,3 +3402,33 @@
 .pf-app-skill-chip { display: inline-flex; align-items: center; gap: 0.25rem; }
 .pf-app-skill-x { background: none; border: none; color: inherit; cursor: pointer; font-size: 0.85rem; padding: 0 0.1rem; line-height: 1; }
 .pf-app-skill-picker { display: inline-flex; align-items: center; gap: 0.4rem; }
+
+/* ── AppDev tab (pf-adk-*) — knowledge base + start prompts (AppDev KB UI phase) ── */
+.pf-adk .section-title { margin-top: 1.6rem; }
+.pf-adk .section-title:first-child { margin-top: 0; }
+.pf-adk-prompt-card { margin-bottom: 0.7rem; }
+.pf-adk-prompt-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.8rem; flex-wrap: wrap; }
+.pf-adk-prompt-title { font-weight: 600; }
+.pf-adk-prompt-actions { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; }
+.pf-adk-prompt-body { margin-top: 0.7rem; max-height: 22rem; overflow: auto; white-space: pre-wrap; word-break: break-word; font-size: 0.78rem; line-height: 1.45; background: var(--bg-dim); border: 1px solid var(--border); border-radius: 8px; padding: 0.8rem; }
+.pf-adk-filters { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; margin: 0.5rem 0 0.8rem; }
+.pf-adk-filter { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.85rem; color: var(--muted); cursor: pointer; }
+.pf-adk-filter--active { border-color: var(--accent); color: var(--accent); }
+.pf-adk-row { margin-bottom: 0.55rem; padding: 0.7rem 0.9rem; }
+.pf-adk-row--outdated { opacity: 0.6; }
+.pf-adk-row-head { display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap; cursor: pointer; }
+.pf-adk-row-title { display: flex; align-items: center; gap: 0.5rem; font-weight: 600; min-width: 0; flex: 1 1 14rem; }
+.pf-adk-row-chips { display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; }
+.pf-adk-row-body { margin-top: 0.7rem; display: flex; flex-direction: column; gap: 0.4rem; font-size: 0.88rem; color: var(--muted); border-top: 1px solid var(--border); padding-top: 0.7rem; }
+.pf-adk-row-body strong { color: var(--fg); }
+.pf-adk-chip { display: inline-flex; align-items: center; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.72rem; border: 1px solid var(--border); background: var(--bg-dim); color: var(--muted); }
+.pf-adk-chip--model { border-color: var(--accent); color: var(--accent); background: transparent; }
+.pf-adk-chip--shared { border-color: var(--success); color: var(--success); background: transparent; }
+.pf-adk-chip--outdated { text-decoration: line-through; }
+.pf-adk-chip--tier { font-weight: 700; }
+.pf-adk-chip--proof { border-color: var(--success); color: var(--success); }
+.pf-adk-sev { display: inline-flex; align-items: center; padding: 0.05rem 0.45rem; border-radius: 6px; font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; }
+.pf-adk-sev--critical { background: color-mix(in srgb, var(--danger) 18%, transparent); color: var(--danger); }
+.pf-adk-sev--warn { background: color-mix(in srgb, var(--warn) 18%, transparent); color: var(--warn); }
+.pf-adk-sev--info { background: var(--bg-dim); color: var(--muted); }
+.pf-adk-empty { color: var(--muted); font-size: 0.9rem; padding: 0.9rem; margin-bottom: 0.7rem; }

package/dist/public/css/views/public-knowledge-viewer.css

@@ -416,23 +416,6 @@
 
 /* ── Empty / Loading / Error States ── */
 
-.pkv-empty {
-  text-align: center;
-  padding: 3rem 1rem;
-  color: var(--text-dim, #6B7280);
-}
-
-.pkv-empty h3 {
-  color: var(--text, #1A1A2E);
-  margin: 0 0 0.5rem;
-}
-
-.pkv-loading {
-  text-align: center;
-  padding: 3rem;
-  color: var(--text-dim, #6B7280);
-}
-
 .pkv-error {
   text-align: center;
   padding: 2rem;

package/dist/public/css/views/scheduler.css

@@ -7,6 +7,8 @@
  *   v1.0.0 -- 2026-06-03 -- Initial scheduler styles
  *   v1.1.0 -- 2026-07-03 -- Add the day/week/month calendar (.sch-cal-*) + .sch-flash highlight used
  *     when a calendar event scrolls to its schedule card/row. Kind colour via a --k custom property.
+ *   v1.2.0 -- 2026-07-17 -- Add the "Continuously running" strip (.sch-cal-freq*): cadence pills for
+ *     high-frequency schedules kept out of the grid, plus the aggregated ⟳ ×N fold chip (.sch-cal-freqchip).
  */
 
 .sch-tab { display: flex; flex-direction: column; gap: 1.25rem; }
@@ -15,7 +17,7 @@
   display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem;
 }
 
-.sch-loading, .sch-empty, .sch-internal-note {
+.sch-loading, .sch-internal-note {
   color: var(--text-dim); padding: 0.75rem 0; font-size: 0.92rem;
 }
 .sch-error {
@@ -184,6 +186,40 @@
 .sch-cal-hour { font-size: 0.72rem; color: var(--text-dim); padding-top: 0.15rem; }
 .sch-cal-hour-evs { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
 
+/* ── "Continuously running" strip — high-frequency schedules kept out of the grid ── */
+.sch-cal-freq {
+  border: 1px solid var(--border); border-radius: 8px;
+  background: var(--bg-dim); padding: 0.5rem 0.65rem;
+  display: flex; flex-direction: column; gap: 0.45rem;
+}
+.sch-cal-freq-head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
+.sch-cal-freq-title { font-size: 0.8rem; font-weight: 700; color: var(--text-dim); display: inline-flex; align-items: center; gap: 0.4rem; }
+.sch-cal-freq-count {
+  display: inline-flex; align-items: center; justify-content: center; min-width: 1.35rem;
+  padding: 0 0.35rem; height: 1.2rem; border-radius: 999px;
+  background: var(--card); border: 1px solid var(--border); color: var(--text); font-size: 0.72rem;
+}
+.sch-cal-freq-pills { display: flex; flex-wrap: wrap; gap: 0.3rem; }
+.sch-cal-freqpill {
+  display: inline-flex; align-items: center; gap: 0.4rem; max-width: 100%;
+  font: inherit; font-size: 0.74rem; text-align: left; cursor: pointer;
+  padding: 0.2rem 0.55rem; border-radius: 999px;
+  border: 1px solid var(--border); border-left: 3px solid var(--k, var(--border));
+  background: var(--card); color: var(--text);
+}
+.sch-cal-freqpill:hover { filter: brightness(1.12); border-color: var(--accent); }
+.sch-cal-freqdot { width: 0.55rem; height: 0.55rem; border-radius: 50%; background: var(--k, var(--border)); flex: none; }
+.sch-cal-freqname { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.sch-cal-freqcad { color: var(--text-dim); white-space: nowrap; }
+.sch-cal-freqmore {
+  font: inherit; font-size: 0.74rem; cursor: pointer; color: var(--accent);
+  background: transparent; border: 0; padding: 0.2rem 0.4rem;
+}
+/* aggregated ⟳ ×N chip when continuous schedules are folded into the grid */
+.sch-cal-freqchip { border-left-style: dashed; }
+.sch-cal-freqmark { color: var(--text-dim); }
+.sch-cal-freqcount { display: inline-flex; align-items: center; gap: 0.2rem; opacity: 0.85; }
+
 /* highlight a card/row jumped to from the calendar */
 .sch-flash { outline: 2px solid transparent; outline-offset: 2px; animation: schFlash 1.6s ease-out; }
 @keyframes schFlash {

package/dist/public/css/views/workflows.css

@@ -15,7 +15,7 @@
 
 .wf-tab { display: flex; flex-direction: column; gap: 1.1rem; }
 .wf-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
-.wf-loading, .wf-empty { color: var(--text-dim); padding: 0.75rem 0; font-size: 0.92rem; }
+.wf-loading { color: var(--text-dim); padding: 0.75rem 0; font-size: 0.92rem; }
 .wf-error {
   background: var(--danger-bg); color: var(--danger-fg);
   border: 1px solid var(--danger-border, var(--border)); border-radius: var(--radius-sm); padding: 0.6rem 0.85rem;

package/dist/public/js/services/admin.js

@@ -22,6 +22,8 @@ export const saveConfig      = (changes)=> apiPut('/v1/admin/config', { changes
 export const deleteConfig    = (path)   => apiDelete(`/v1/admin/config/${encodeURIComponent(path)}`);
 
 // ── Consul ──
+export const getStorageStats       = (limit = 168) => apiGet(`/v1/admin/storage-stats?limit=${limit}`);
+export const captureStorageSnapshot = ()            => apiPost('/v1/admin/storage-stats/snapshot');
 export const getConsulStatus = ()       => apiGet('/v1/admin/consul');
 export const consulExport    = ()       => apiPost('/v1/admin/consul/export');
 export const consulImport    = ()       => apiPost('/v1/admin/consul/import');
@@ -52,6 +54,14 @@ export const getAdminWork    = ()       => apiGet('/v1/admin/work');
 // ── Direct-message delivery telemetry ──
 export const getMessageStats = ()       => apiGet('/v1/admin/messages/stats');
 
+// ── Node Feedback Channel (platform feedback → operator) ──
+export const getFeedback = (params = {}) => {
+    const qs = new URLSearchParams(Object.entries(params).filter(([, v]) => v)).toString();
+    return apiGet(`/v1/admin/feedback${qs ? '?' + qs : ''}`);
+};
+export const replyFeedback      = (id, body)   => apiPost(`/v1/feedback/${encodeURIComponent(id)}/reply`, { body });
+export const setFeedbackStatus  = (id, status) => apiPatch(`/v1/admin/feedback/${encodeURIComponent(id)}`, { status });
+
 // ── Maintenance ──
 export const getMaintenance  = ()       => apiGet('/v1/admin/maintenance');
 export const setMaintenance  = (enabled, message) => apiPost('/v1/admin/maintenance', { enabled, message });

package/dist/public/js/services/agent-activity.js

@@ -6,8 +6,11 @@
  * @structure
  *   - getActivity() -- fetch activity stats and daily history
  *   - getActivityLog() -- fetch paginated event log
+ *   - getActivityOverview() -- fetch the Activity subtab mount composite (activity+log+directives+webhook+telemetry)
  * @version-history
  *   v1.0.0 -- 2026-05-22 -- Initial creation for Agent Dashboard Phase 2
+ *   v1.1.0 -- 2026-07-16 -- Add getActivityOverview (GET /v1/agents/:name/activity/overview) — folds the
+ *     subtab's 5 agent-domain mount reads into one call (ledger stays separate).
  */
 import { apiGet } from '/js/api.js';
 
@@ -18,3 +21,15 @@ export async function getActivity(agentName, days = 30, granularity = 'daily') {
 export async function getActivityLog(agentName, page = 1, perPage = 20) {
   return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/activity/log?page=${page}&per_page=${perPage}`);
 }
+
+/**
+ * Composite mount for the Activity subtab: activity_stats + event log (page 1) + directives budget +
+ * webhook + telemetry in ONE call. Each sub-object mirrors the individual endpoint's `.data`. Returns
+ * null on error so the caller can fall back to the individual six-request fan-out.
+ */
+export async function getActivityOverview(agentName) {
+  try {
+    const resp = await apiGet(`/v1/agents/${encodeURIComponent(agentName)}/activity/overview`);
+    return resp?.data ?? null;
+  } catch { return null; }
+}

package/dist/public/js/services/agent-directives.js

@@ -4,6 +4,8 @@
  *   Provides get/upsert/delete for per-agent directives and owner-level defaults.
  * @version-history
  *   v1.0.0 -- 2026-05-21 -- Initial creation for Agent Dashboard Phase 1
+ *   v1.1.0 -- 2026-07-16 -- Add getDataAccessOverview (GET /v1/agents/:name/data-access/overview) — folds
+ *     the Data Access subtab's 3 mount reads (directives + agent-memory-metadata + skill-links) into one.
  */
 import { apiGet, apiPut, apiDelete } from '/js/api.js';
 
@@ -11,6 +13,18 @@ export async function getDirectives(agentName) {
   return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/directives`);
 }
 
+/**
+ * Composite mount for the Data Access subtab: directives-derived memory areas + resources, the agent's
+ * memory keys (metadata only), and skill links in ONE call. Returns null on error so the caller can fall
+ * back to the individual three-request fan-out.
+ */
+export async function getDataAccessOverview(agentName) {
+  try {
+    const resp = await apiGet(`/v1/agents/${encodeURIComponent(agentName)}/data-access/overview`);
+    return resp?.data ?? null;
+  } catch { return null; }
+}
+
 export async function upsertDirectives(agentName, data) {
   return apiPut(`/v1/agents/${encodeURIComponent(agentName)}/directives`, data);
 }

package/dist/public/js/services/agent-integration.js

@@ -5,6 +5,9 @@
  * @version-history
  *   v1.0.0 -- 2026-05-24 -- Initial creation for Agent Detail Tab-View
  *   v1.1.0 -- 2026-05-24 -- Add updateSkillBundle function
+ *   v1.2.0 -- 2026-07-16 -- Add getIntegrationOverview (GET /v1/agents/:name/integration/overview) —
+ *     folds the Integration subtab's webhook + delivery-log + onboarding-checklist mount reads into one
+ *     (skill-bundle/version stays separate — it runs the bundle-generation pipeline).
  */
 
 import { apiGet, apiPost, apiPut, apiDelete } from '/js/api.js';
@@ -13,6 +16,18 @@ export async function getOnboarding(agentName) {
   return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/onboarding`);
 }
 
+/**
+ * Composite mount for the Integration subtab: webhook config + delivery log + post-onboarding checklist
+ * in ONE call. Returns null on error so the caller can fall back to the individual reads. The skill-bundle
+ * version is fetched separately (generation pipeline, not folded).
+ */
+export async function getIntegrationOverview(agentName) {
+  try {
+    const resp = await apiGet(`/v1/agents/${encodeURIComponent(agentName)}/integration/overview`);
+    return resp?.data ?? null;
+  } catch { return null; }
+}
+
 export async function startOnboarding(agentName) {
   return apiPost(`/v1/agents/${encodeURIComponent(agentName)}/onboarding/start`);
 }

package/dist/public/js/services/agent-messages.js

@@ -3,6 +3,8 @@
  * @description Frontend API service for agent messages.
  *   Provides send, list, thread listing, and status update operations.
  * @version-history
+ *   v1.3.0 -- 2026-07-16 -- Add getMessagesOverview (GET /v1/agents/:name/messages/overview) folding the
+ *     Messages subtab's commands + threads + messages mount reads into one.
  *   v1.2.0 -- 2026-05-30 -- sendMessage accepts optional metadata (used to attach
  *     prompt_answer when the owner answers an agent's option-prompt).
  *   v1.1.0 -- 2026-05-22 -- Add linkedTaskId param to sendMessage for task-scoped chat
@@ -10,6 +12,18 @@
  */
 import { apiGet, apiPost, apiPatch } from '/js/api.js';
 
+/**
+ * Composite mount for the Messages subtab: command palette + enriched threads + message history (page 1)
+ * in ONE call. Returns { commands, threads, messages } or null on error so the caller can fall back to the
+ * individual reads.
+ */
+export async function getMessagesOverview(agentName) {
+  try {
+    const resp = await apiGet(`/v1/agents/${encodeURIComponent(agentName)}/messages/overview`);
+    return resp?.data ?? null;
+  } catch { return null; }
+}
+
 export async function sendMessage(agentName, content, threadId, linkedTaskId, metadata) {
   return apiPost(`/v1/agents/${encodeURIComponent(agentName)}/messages`, {
     content,

package/dist/public/js/services/agent-tasks.js

@@ -8,6 +8,8 @@
  *   v1.1.0 -- 2026-05-29 -- Add requestChanges() for the owner-asks-agent-to-revise-todos flow.
  *   v1.2.0 -- 2026-05-31 -- Add rateTask() and getAgentStatistics() for the Quality tab.
  *   v1.3.0 -- 2026-06-01 -- listTasks() gains bucket/q/updated_after/before params; add setTaskTriage() for the Recent/Keep/Archive buckets.
+ *   v1.4.0 -- 2026-07-16 -- Add getQualityOverview (GET /v1/agents/:name/quality/overview) — folds the
+ *     Quality subtab's statistics + done-tasks mount reads into one call.
  */
 import { apiGet, apiPost, apiDelete, api } from '/js/api.js';
 
@@ -73,3 +75,15 @@ export async function rateTask(agentName, taskId, body) {
 export async function getAgentStatistics(agentName) {
   return apiGet(`/v1/agents/${encodeURIComponent(agentName)}/statistics`);
 }
+
+/**
+ * Composite mount for the Quality subtab: recomputed statistics (performance + reviews + custom) AND the
+ * agent's done tasks in ONE call. Returns null on error so the caller can fall back to the individual
+ * statistics + done-tasks fan-out.
+ */
+export async function getQualityOverview(agentName) {
+  try {
+    const resp = await apiGet(`/v1/agents/${encodeURIComponent(agentName)}/quality/overview`);
+    return resp?.data ?? null;
+  } catch { return null; }
+}