aimeat 1.40.0 → 2.0.0

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

@@ -5,6 +5,26 @@
  *   ticks, and a sticky composer. All colors/spacing use theme.css variables (dark-mode safe).
  *   Classes are `inbox-` prefixed. NOTE: this file must be linked in spa.html (useViewCSS is a no-op).
  * @version-history
+ *   v1.6.0 -- 2026-07-18 -- TRUE full-screen mobile chat: ≤760px open panel becomes `position:fixed;inset:0`
+ *     over the whole viewport (covers the app shell nav/menu/breadcrumb); body height var(--inbox-avail,
+ *     100dvh) + safe-area padding under the composer. ← Back drops `.inbox--panel` → shell returns. Pairs
+ *     with spa.html viewport interactive-widget=resizes-content + viewport-fit=cover.
+ *   v1.5.0 -- 2026-07-18 -- Fix the keyboard dead-gap + heavy composer: ≤760px open-panel body height now
+ *     uses measured `--inbox-avail` (body-top→visual-viewport-bottom) instead of the `dvh − keyboard`
+ *     double-count that collapsed the pane on Android Chrome; new `.inbox-textarea--chat` = the mobile
+ *     single-line auto-growing composer (no Toast UI toolbar). Drops the stale `--inbox-kb` var.
+ *   v1.4.0 -- 2026-07-18 -- Mobile space reclaim: when a thread/compose panel is open (`.inbox--panel`),
+ *     ≤760px hides the section header (title/desc/actions) and grows the body to ~full viewport; wider
+ *     bubbles (85%), tighter message/composer padding, and the "Reply with AI" pill collapses to its ✨
+ *     icon. Thread header id-block flexes so action buttons align right.
+ *   v1.3.0 -- 2026-07-17 -- Reply-to quotes (`.inbox-bubble-quote`, `.inbox-replybar`, `.inbox-row--flash`)
+ *     + mobile keyboard: ≤760px height subtracts --inbox-kb (visualViewport keyboard inset set by the tab)
+ *     and the stale `.inbox-msgs{max-height:50vh}` cap from the pre-single-pane stacked layout is removed.
+ *     Bubble hover actions float as a bordered pill above the bubble's corner instead of over the text.
+ *   v1.3.1 -- 2026-07-17 -- Composer file chips align a ✕ remove button (inline-flex + gap).
+ *   v1.2.0 -- 2026-07-17 -- Mobile single-pane: ≤760px shows one pane at a time (list, or an open
+ *     thread/composer full-width with a ← Back button) instead of a list stacked above a squeezed
+ *     thread. Adds `.inbox-back` + `.inbox-body--panel` rules; desktop two-pane unchanged.
  *   v1.1.0 -- 2026-06-16 -- Full messenger redesign (avatars, bubbles, ticks, date dividers, sticky composer).
  *   v1.0.0 -- 2026-06-16 -- Initial creation for user-to-user messaging (layer 5).
  */
@@ -30,8 +50,64 @@
   overflow: hidden;
   background: var(--card-bg);
 }
+/* mobile-only back button (single-pane switching); hidden on the desktop two-pane layout */
+.inbox-back {
+  display: none;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  padding: 11px 12px;
+  border: 0;
+  border-bottom: 1px solid var(--border-subtle);
+  background: var(--card-bg);
+  color: var(--accent);
+  font-weight: 600;
+  font-size: 14px;
+  text-align: left;
+  cursor: pointer;
+}
+
 @media (max-width: 760px) {
-  .inbox-body { grid-template-columns: 1fr; height: auto; min-height: 0; }
+  /* single-pane: one column, tall enough to read a thread; the open pane fills it. */
+  .inbox-body { grid-template-columns: 1fr; height: calc(100dvh - 168px); min-height: 240px; }
+  /* no panel open → show the list full-height, hide the idle placeholder */
+  .inbox-body:not(.inbox-body--panel) .inbox-panel { display: none; }
+  .inbox-body:not(.inbox-body--panel) .inbox-list { height: 100%; }
+  /* a panel is open → hide the list, reveal the back button, let the panel own the screen */
+  .inbox-body--panel { grid-template-rows: auto minmax(0, 1fr); }
+  .inbox-body--panel .inbox-list { display: none; }
+  .inbox-body--panel .inbox-back { display: inline-flex; }
+
+  /* FULL-SCREEN mobile chat: when a thread/compose panel is open, lift the whole messenger OUT of the
+     profile shell and pin it over the ENTIRE viewport — the app bar, ☰ Menu, bell, Logout pill and the
+     "Messages" breadcrumb all live in the shell above and are simply covered. ← Back closes the panel
+     (mode → 'idle'), which drops `.inbox--panel` and reveals the app + menus again, exactly as before.
+     z 1000 sits above the app nav but below the inbox's own 1200 modals (mdviewer / AI popover). Fixed
+     inset:0 is the same pattern those modals already use, so no transformed-ancestor surprises. */
+  .inbox--panel { position: fixed; inset: 0; z-index: 1000; gap: 0; margin: 0; background: var(--bg, var(--card-bg)); }
+  /* Lock the shell behind the full-screen chat so it can't scroll under it (and drop its scrollbar so the
+     overlay is truly edge-to-edge). Also hide the app's sticky top nav — it lives in a HIGHER stacking
+     context than the profile subtree, so the overlay's z-index can't cover it; the chat has its own ←
+     Back, and closing the thread (mode→idle) drops `.inbox--panel` and the nav returns. :has on body is
+     supported by every browser that ships the modern viewport units this layout already needs. */
+  body:has(.inbox--panel) { overflow: hidden; }
+  body:has(.inbox--panel) .topnav { display: none; }
+  .inbox--panel .inbox-head { display: none; }
+  /* --inbox-avail = measured visual-viewport height (set by the tab's useMobileComposerKeyboard). With the
+     viewport meta's interactive-widget=resizes-content, 100dvh already tracks the keyboard, so it's the
+     fallback; either way the composer sits right on the keyboard with the thread filling the rest. */
+  .inbox--panel .inbox-body { height: var(--inbox-avail, 100dvh); border: none; border-radius: 0; }
+  /* Home-indicator / gesture-bar clearance under the composer. */
+  .inbox--panel .inbox-composer { padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
+
+  /* Use the narrow screen: wider bubbles, tighter message padding, a compact thread header. */
+  .inbox-msgs { padding: 12px 10px; }
+  .inbox-bubble { max-width: 85%; }
+  .inbox-thread-head { padding: 10px 12px; gap: 8px; }
+  .inbox-composer { padding: 8px 10px; }
+  .inbox-compose-fields { padding: 10px 10px 0; }
+  /* Collapse the "Reply with AI" button to just its ✨ icon so it never crowds the thread header. */
+  .inbox-ai-btn .inbox-ai-btn-label { display: none; }
 }
 
 /* ── Avatars ── */
@@ -54,7 +130,7 @@
   gap: 4px;
   min-width: 0;
 }
-@media (max-width: 760px) { .inbox-list { border-right: none; border-bottom: 1px solid var(--border-subtle); max-height: 320px; } }
+@media (max-width: 760px) { .inbox-list { border-right: none; } }
 
 .inbox-list-section {
   display: flex;
@@ -185,7 +261,9 @@
   border-bottom: 1px solid var(--border-subtle);
   flex: none;
 }
-.inbox-thread-id { min-width: 0; }
+.inbox-thread-id { min-width: 0; flex: 1; }
+/* The "Reply with AI" pill in the thread header stays on one line (icon + label). */
+.inbox-ai-btn { flex: none; white-space: nowrap; }
 
 /* Message scroll area. */
 .inbox-msgs {
@@ -198,7 +276,6 @@
   gap: 8px;
   background: var(--bg, transparent);
 }
-@media (max-width: 760px) { .inbox-msgs { max-height: 50vh; } }
 
 /* Date divider. */
 .inbox-day { text-align: center; margin: 8px 0; }
@@ -228,6 +305,26 @@
 .inbox-bubble-body .md-body > :last-child { margin-bottom: 0; }
 .inbox-bubble-body img { max-width: 100%; border-radius: var(--radius-xs); margin-top: 6px; }
 
+/* Reply-to quote at the top of a bubble — click jumps to (and flashes) the quoted original. */
+.inbox-bubble-quote {
+  display: block; width: 100%; text-align: left; cursor: pointer;
+  border: none; border-left: 3px solid var(--accent);
+  border-radius: var(--radius-xs);
+  background: var(--bg-dim);
+  padding: 5px 9px; margin-bottom: 6px;
+  font: inherit; color: inherit;
+}
+.inbox-quote-name { display: block; font-size: 11px; font-weight: 600; color: var(--accent); }
+.inbox-quote-text {
+  font-size: 12px; color: var(--text-dim);
+  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
+}
+.inbox-row--flash .inbox-bubble {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px var(--accent-subtle);
+  transition: box-shadow 0.25s ease, border-color 0.25s ease;
+}
+
 .inbox-bubble-meta {
   display: flex;
   align-items: center;
@@ -330,6 +427,25 @@
 .inbox-ai-actions { display: flex; justify-content: flex-end; }
 
 /* ── Composer ── */
+/* "Replying to …" bar shown above the composer while a quoted reply (↩) is being written. */
+.inbox-replybar {
+  display: flex; align-items: center; gap: 8px;
+  padding: 6px 12px;
+  border-top: 1px solid var(--border-subtle);
+  background: var(--card-bg-alt);
+}
+.inbox-replybar-main {
+  flex: 1; min-width: 0; text-align: left; cursor: pointer;
+  border: none; border-left: 3px solid var(--accent);
+  background: transparent; padding: 2px 0 2px 8px;
+  font: inherit; color: inherit;
+}
+.inbox-replybar-label { display: block; font-size: 11px; font-weight: 600; color: var(--accent); }
+.inbox-replybar-text {
+  display: block; font-size: 12px; color: var(--text-dim);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+}
+
 .inbox-compose-fields { padding: 12px 12px 0; }
 .inbox-composer {
   border-top: 1px solid var(--border-subtle);
@@ -351,6 +467,8 @@
   color: inherit;
 }
 .inbox-textarea { resize: vertical; min-height: 42px; }
+/* Mobile chat input: a single auto-growing line (JS sets height up to a cap), no manual resize handle. */
+.inbox-textarea--chat { resize: none; min-height: 40px; max-height: 132px; line-height: 1.4; overflow-y: auto; }
 .inbox-input:focus, .inbox-textarea:focus { outline: none; border-color: var(--border-focus); }
 
 /* Toast UI editor host + markdown fallback. */
@@ -380,15 +498,32 @@
 }
 .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); }
+.inbox-file-chip {
+  display: inline-flex; align-items: center; gap: 4px;
+  font-size: 12px; color: var(--text-dim); background: var(--card-bg-alt);
+  padding: 3px 4px 3px 8px; border-radius: var(--radius-full);
+}
 
 /* ── Tracked Responses: per-message actions, approval banner, track modal ── */
 .inbox-bubble { position: relative; }
+/* Hover actions float as a pill ABOVE the bubble's top-right corner (own background + border) so the
+   icons never sit on top of the message text. */
 .inbox-bubble-actions {
-  position: absolute; top: 4px; right: 6px;
+  position: absolute; top: -13px; right: 8px; z-index: 1;
   display: flex; gap: 2px; opacity: 0; transition: opacity .12s ease;
+  pointer-events: none;
+  background: var(--card-bg);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-full);
+  padding: 2px 6px;
+  box-shadow: var(--shadow-md);
+}
+.inbox-row:hover .inbox-bubble-actions { opacity: 1; pointer-events: auto; }
+/* Touch devices have no hover — the per-message actions (↩ reply, ⭐, 🔗, 📓, ✨) would be unreachable.
+   Reveal them permanently there so a phone user can actually reply to / act on a message by tapping. */
+@media (hover: none) {
+  .inbox-bubble-actions { opacity: 1; pointer-events: auto; }
 }
-.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);

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

@@ -76,6 +76,8 @@
 .ld-footer { display: flex; gap: 1.25rem; flex-wrap: wrap; justify-content: center; margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid var(--border); font-size: .88rem; }
 .ld-footer a { color: var(--text-dim); text-decoration: none; }
 .ld-footer a:hover { color: var(--text); }
+.ld-footer a.ld-gh { display: inline-flex; align-items: center; gap: .4rem; }
+.gh-mark { flex: none; }
 /* Pricing */
 .ld-pricing .ld-h1 { text-align: center; }
 .ld-pricing .ld-hero-sub { text-align: center; margin-bottom: 1.5rem; }

package/dist/public/css/views/members.css

@@ -8,7 +8,6 @@
 .mbr { max-width: 1100px; margin: 0 auto; padding: 24px 16px; }
 .mbr-title { font-size: 1.6rem; margin: 0 0 6px; }
 .mbr-desc { color: var(--text-dim); margin: 0 0 24px; }
-.mbr-empty { color: var(--text-dim); text-align: center; padding: 40px; }
 .mbr-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));

package/dist/public/css/views/my-company.css

@@ -67,11 +67,6 @@
   margin: 0 0 0.75rem;
 }
 
-.mc-empty {
-  color: var(--text-muted);
-  font-style: italic;
-  margin: 0.5rem 0 1rem;
-}
 
 .mc-org-list {
   list-style: none;
@@ -333,3 +328,8 @@
 /* Shared full-width form input for My Company forms (Settings / Portfolio / create-company);
    overrides the base .mc-input above with full-width + border-box sizing. */
 .mc-input { width: 100%; padding: 0.5rem 0.6rem; background: var(--bg-dim); color: var(--text); border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: 0.9rem; box-sizing: border-box; font-family: inherit; }
+
+/* Money books (Payments panel): payables + DAC7/ALV per-currency rows (TARGET-043). */
+.mc-money-box { display: flex; flex-direction: column; gap: 0.25rem; padding: 0.5rem 0.6rem; background: var(--bg-dim); border: 1px solid var(--border); border-radius: var(--radius-sm); margin: 0.25rem 0 0.5rem; }
+.mc-money-row { display: flex; justify-content: space-between; align-items: baseline; gap: 0.75rem; }
+.mc-money-row b { color: var(--text); font-variant-numeric: tabular-nums; }

package/dist/public/css/views/offers.css

@@ -22,9 +22,6 @@
 .of-card-title { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
 .of-offer-title { font-weight: 600; }
 .of-agent { font-size: 0.82rem; color: var(--muted); display: inline-flex; align-items: center; gap: 0.35rem; }
-.of-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
-.of-dot--on { background: var(--success, #10b981); }
-.of-dot--off { background: var(--border); }
 
 .of-badges { display: flex; flex-wrap: wrap; gap: 0.3rem; align-items: flex-start; }
 .of-badge { font-size: 0.72rem; padding: 0.05rem 0.4rem; border-radius: 10px; background: var(--bg-dim); color: var(--muted); border: 1px solid var(--border); white-space: nowrap; }

package/dist/public/css/views/portal-dev.css

@@ -52,6 +52,10 @@
 .dv-subtitle { color: var(--love4, #E8564A); font-size: .95rem; margin-bottom: 2rem; }
 .dv-node-badge { display: inline-flex; align-items: center; gap: .5rem; background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: .4rem .8rem; font-size: .85rem; font-family: monospace; margin-bottom: 1.5rem; }
 /* .dv-dot removed — node-badge dot uses canonical <StatusDot>. Unified 2026-06-02 (#11). */
+.dv-repos { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem; }
+.dv-repo-link { display: inline-flex; align-items: center; gap: .4rem; color: var(--text); text-decoration: none; font-size: .85rem; border: 1px solid var(--border); border-radius: 8px; padding: .4rem .8rem; background: var(--bg-card); }
+.dv-repo-link:hover { color: var(--love4, #E8564A); border-color: var(--love4, #E8564A); }
+.dv-repo-link .gh-mark { flex: none; }
 
 /* Stats — .dv-stat*/.dv-num/.dv-label removed; dev-portal stats use canonical
    .stat-grid / .stat-card / .stat-card-value.accent / .stat-card-label. Unified 2026-06-02 (#6). */
@@ -146,3 +150,48 @@
   .dv-stats { flex-direction: column; }
   .dv-container h1 { font-size: 1.4rem; }
 }
+
+/* ── MCP setup panel: lifted out of ~52 inline styles + a tabStyle() inline-CSS
+   builder + a bespoke non-brand purple/rgba(255,255,255) palette (portal-dev.panels.js).
+   All colours are theme tokens now (purple/info/success/warn tints), so the panel
+   flips correctly in dark mode. ── */
+.dv-callout { border-radius: .5rem; padding: .75rem 1rem; margin-bottom: 1rem; }
+.dv-callout--warn { background: var(--warn-bg); border: 1px solid var(--warn-border); }
+.dv-callout--success { background: var(--success-bg); border: 1px solid var(--success-border); }
+.dv-callout--purple { background: var(--purple-bg); border: 1px solid var(--purple-border); }
+.dv-info-box { margin-top: .75rem; padding: .5rem .75rem; background: var(--info-bg); border: 1px solid var(--info-border); border-radius: .25rem; font-size: .82rem; }
+.dv-setup-tabs { display: flex; gap: 2px; margin-top: .75rem; border-bottom: 1px solid var(--purple-border); }
+.dv-setup-tab { padding: .4rem .75rem; border: none; border-radius: .25rem .25rem 0 0; cursor: pointer; font-size: .8rem; font-weight: 600; background: transparent; color: var(--text-dim); }
+.dv-setup-tab.active { background: var(--purple-bg); color: var(--purple-fg); }
+.dv-tab-content { padding: .75rem 0 0; }
+.dv-panel-desc { font-size: .82rem; color: var(--text-dim); margin: 0 0 .75rem; }
+.dv-field { margin-bottom: .75rem; }
+.dv-field-label { font-size: .8rem; color: var(--text-dim); margin-bottom: .25rem; }
+.dv-code-row { display: flex; align-items: center; gap: .5rem; }
+.dv-code { font-size: .78rem; background: var(--code-bg); padding: .4rem .6rem; border-radius: .25rem; user-select: all; flex: 1; word-break: break-all; }
+.dv-code--inline { font-size: .78rem; background: var(--code-bg); padding: .25rem .5rem; border-radius: .25rem; user-select: all; }
+.dv-code--inline-sm { font-size: .8rem; background: var(--code-bg); padding: .25rem .5rem; border-radius: .25rem; user-select: all; }
+.dv-copy-btn { padding: .3rem .6rem; background: var(--accent); color: #fff; border: none; border-radius: .25rem; cursor: pointer; font-size: .75rem; white-space: nowrap; }
+.dv-copy-btn--alt { padding: .2rem .5rem; background: var(--purple-bg); color: var(--purple-fg); border: 1px solid var(--purple-border); border-radius: .25rem; cursor: pointer; font-size: .75rem; white-space: nowrap; }
+.dv-note { margin-top: .75rem; font-size: .8rem; color: var(--text-dim); font-style: italic; }
+.dv-hint { font-size: .8rem; color: var(--text-dim); margin: 0; font-style: italic; }
+.dv-step-img { max-width: 100%; border-radius: .5rem; border: 1px solid var(--border); }
+.dv-step-media { margin: .5rem 0; }
+.dv-steps { margin: 0; padding-left: 1.25rem; line-height: 1.8; }
+.dv-steps--tight { line-height: 1.6; }
+.dv-step-row { display: flex; align-items: center; gap: .5rem; margin: .4rem 0; }
+.dv-block-sm { font-size: .85rem; }
+.dv-p-mt { margin: .5rem 0 0; font-size: .85rem; }
+.dv-p-mt-muted { margin: .5rem 0 0; font-size: .85rem; color: var(--text-dim); }
+.dv-p-mt-lg { margin: .5rem 0 0; font-size: .9rem; }
+.dv-details { margin-top: .75rem; font-size: .85rem; }
+.dv-details-summary { cursor: pointer; color: var(--text-dim); }
+.dv-details-body { margin-top: .5rem; padding: .5rem; background: var(--bg-surface); border-radius: .25rem; }
+.dv-mt { margin-top: 1rem; }
+.dv-ul-indent { margin-left: 1.5rem; }
+.dv-link { color: var(--accent); text-decoration: underline; }
+.dv-ok-line { color: var(--success); font-size: .85rem; }
+.dv-muted-line { color: var(--text-dim); font-size: .85rem; }
+.dv-p-desc-muted { margin: 0 0 .75rem; color: var(--text-dim); }
+.dv-unavail-sub { font-size: .8rem; margin-top: .5rem; }
+.dv-mt-sm { margin-top: .5rem; font-size: .85rem; }

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

@@ -4,6 +4,9 @@
  *   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.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 +223,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 +599,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 +681,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 +692,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 +747,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 +932,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 +1081,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 +1368,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 +1576,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 +1691,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); }
@@ -2150,7 +2260,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 +2906,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; }
@@ -3241,7 +3370,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 +3377,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;