aimeat 1.19.0 → 1.20.0

package/dist/public/css/theme.css

@@ -428,6 +428,21 @@ a { color: inherit; text-decoration: none; }
   gap: 0.75rem;
 }
 
+/* Header notification bell + dropdown */
+.notif-bell { position: relative; display: inline-flex; }
+.notif-bell-btn { position: relative; background: none; border: none; cursor: pointer; font-size: 1.15rem; line-height: 1; padding: 4px 6px; border-radius: 8px; }
+.notif-bell-btn:hover { background: var(--bg-dim); }
+.notif-badge { position: absolute; top: -1px; right: -1px; background: var(--accent); color: #fff; border-radius: 10px; font-size: 0.6rem; font-weight: 700; min-width: 15px; height: 15px; padding: 0 3px; display: flex; align-items: center; justify-content: center; }
+.notif-dropdown { position: absolute; right: 0; top: calc(100% + 6px); width: 320px; max-height: 60vh; overflow-y: auto; background: var(--card); border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.18); z-index: 1200; }
+.notif-dropdown-head { font-weight: 700; font-size: 0.9rem; color: var(--text); padding: 0.6rem 0.85rem; border-bottom: 1px solid var(--border-subtle); position: sticky; top: 0; background: var(--card); }
+.notif-empty { padding: 1rem 0.85rem; color: var(--muted); font-size: 0.85rem; }
+.notif-item { display: block; width: 100%; text-align: left; background: none; border: none; border-bottom: 1px solid var(--border-subtle); padding: 0.55rem 0.85rem; cursor: pointer; }
+.notif-item:hover { background: var(--bg-dim); }
+.notif-item.unread { background: var(--accent-subtle); }
+.notif-item-title { font-size: 0.85rem; font-weight: 600; color: var(--text); }
+.notif-item-body { font-size: 0.78rem; color: var(--muted); margin-top: 0.15rem; }
+.notif-item-time { font-size: 0.7rem; color: var(--muted); margin-top: 0.2rem; }
+
 .topnav-right a {
   font-size: 0.84rem;
   color: var(--text-dim);
@@ -824,6 +839,17 @@ a { color: inherit; text-decoration: none; }
 }
 .pill:hover { opacity: 0.8; }
 
+/* ── Segmented control (canonical) ──
+   A row of buttons in a bordered pill; the active segment is filled with the accent. Token-only so
+   it flips in dark mode. The start of the deferred #8 tab-family consolidation — use this for new
+   in-place view toggles (Draft/Published, picker tabs, scope toggles) instead of a per-view clone. */
+.seg { display: inline-flex; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; background: var(--card); }
+.seg-btn { padding: 0.25rem 0.7rem; font-size: 0.8rem; line-height: 1.3; background: transparent; color: var(--text-dim); border: none; cursor: pointer; transition: background 0.15s, color 0.15s; }
+.seg-btn + .seg-btn { border-left: 1px solid var(--border); }
+.seg-btn:hover:not(:disabled) { background: var(--bg-surface); }
+.seg-btn.active { background: var(--accent); color: #fff; }
+.seg-btn:disabled { opacity: 0.6; cursor: default; }
+
 /* ── Status dot (canonical) ──
    Small circle whose color is driven by a semantic status token. Consolidates
    the bespoke per-view dots (.live-dot, .peer-dot, .pn-status-dot,

package/dist/public/css/views/admin.css

@@ -728,3 +728,19 @@
   vertical-align: middle;
   margin-left: 6px;
 }
+
+/* Security tab — incident list */
+.adm-sec-title { font-size: 1.05rem; font-weight: 700; margin: 0 0 0.3rem; }
+.adm-sec-desc { color: var(--muted); font-size: 0.85rem; margin: 0 0 0.75rem; }
+.adm-sec-empty { color: var(--muted); padding: 0.75rem 0; }
+.adm-sec-list { display: flex; flex-direction: column; gap: 0.5rem; }
+.adm-sec-row { display: flex; gap: 0.75rem; justify-content: space-between; align-items: flex-start; border: 1px solid var(--border); border-radius: 8px; padding: 0.6rem 0.75rem; background: var(--card); }
+.adm-sec-row.open { border-color: var(--danger); border-left-width: 3px; }
+.adm-sec-main { min-width: 0; flex: 1; }
+.adm-sec-line1 { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
+.adm-sec-type { font-weight: 600; color: var(--text); }
+.adm-sec-code { font-size: 0.78rem; background: var(--bg-dim); padding: 0.05rem 0.35rem; border-radius: 4px; }
+.adm-sec-when { font-size: 0.74rem; color: var(--muted); margin-left: auto; }
+.adm-sec-line2 { font-size: 0.82rem; color: var(--text); margin: 0.25rem 0; word-break: break-word; }
+.adm-sec-line3 { font-size: 0.76rem; color: var(--muted); }
+.adm-sec-actions { display: flex; gap: 0.35rem; flex-shrink: 0; flex-wrap: wrap; }

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

@@ -57,6 +57,8 @@
  *   v2.11.0 -- 2026-05-31 -- Widen the solo pop-out window (and pf-agd-solo max-width) so the agent card matches the list-view width and the full tab bar fits
  *   v2.12.0 -- 2026-05-31 -- Add completed-task deliverable styles (pf-agd-deliverable*) linking a task to its agent-memory output key
  *   v2.13.0 -- 2026-05-31 -- Add per-task blur-title toggle styles (pf-agd-blur-toggle, pf-agd-task-title--blurred) for hiding sensitive titles in screen recordings
+ *   v2.26.0 -- 2026-06-09 -- Add custom agent-group styles (pf-agd-cgroup-bar/header/toggle/name/empty) for the drag-to-assign "Custom groups" list mode
+ *   v2.27.0 -- 2026-06-09 -- Add editable tag-strip styles (pf-agd-tag-chip--editable, pf-agd-tag-chip-remove, pf-agd-tag-add-btn/input) for inline tag add/remove in the expanded card header
  */
 
 /* Header row: title left, connect button right */
@@ -1576,6 +1578,43 @@
   border-color: var(--blue, #3B82F6);
 }
 
+/* Editable tag strip in the expanded card header (inline add/remove) */
+.pf .pf-agd-tag-chip--editable { cursor: default; gap: 0.3rem; padding-right: 0.3rem; }
+.pf .pf-agd-tag-chip-remove {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--text-muted, #9CA3AF);
+  font-size: 0.9rem;
+  line-height: 1;
+  padding: 0 0.1rem;
+  border-radius: 9999px;
+}
+.pf .pf-agd-tag-chip-remove:hover { color: var(--danger, #E8564A); }
+.pf .pf-agd-tag-add-btn {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.15rem 0.5rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+  border-radius: 9999px;
+  background: none;
+  color: var(--accent, #E8564A);
+  border: 1px dashed var(--border, #E5E7EB);
+  cursor: pointer;
+  white-space: nowrap;
+}
+.pf .pf-agd-tag-add-btn:hover { border-color: var(--accent, #E8564A); }
+.pf .pf-agd-tag-add-input {
+  padding: 0.15rem 0.5rem;
+  font-size: 0.75rem;
+  border-radius: 9999px;
+  border: 1px solid var(--accent, #E8564A);
+  background: var(--card-bg, #FFFFFF);
+  color: var(--text, #1A1A2E);
+  width: 9rem;
+}
+
 /* Tag filter bar + group-by control */
 .pf .pf-agd-filter-bar {
   display: flex;
@@ -1635,6 +1674,60 @@
   color: var(--text-muted, #6B7280);
 }
 
+/* ── Custom groups (user-defined sections, drag-to-assign) ── */
+.pf .pf-agd-cgroup-bar {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  flex-wrap: wrap;
+  margin-bottom: 0.75rem;
+}
+.pf .pf-agd-cgroup-hint {
+  color: var(--text-muted, #6B7280);
+  font-size: 0.78rem;
+}
+/* The header doubles as the drop target for filing agents into the group. */
+.pf .pf-agd-cgroup-header {
+  cursor: default;
+}
+.pf .pf-agd-cgroup-toggle {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--text-muted, #9CA3AF);
+  font-size: 0.7rem;
+  padding: 0 0.1rem;
+  line-height: 1;
+}
+.pf .pf-agd-cgroup-toggle:hover { color: var(--accent, #E8564A); }
+.pf .pf-agd-cgroup-name {
+  flex: 1;
+  text-align: left;
+  background: none;
+  border: none;
+  cursor: text;
+  font-weight: 600;
+  font-size: 0.9rem;
+  color: var(--text, #1A1A2E);
+  padding: 0.1rem 0.2rem;
+  border-radius: 4px;
+}
+.pf .pf-agd-cgroup-name:hover { background: var(--bg-surface, #F3F4F6); }
+.pf .pf-agd-cgroup-name-input {
+  flex: 1;
+  font-weight: 600;
+  font-size: 0.9rem;
+}
+.pf .pf-agd-cgroup-empty {
+  font-size: 0.82rem;
+  color: var(--text-muted, #9CA3AF);
+  font-style: italic;
+  padding: 0.5rem 0.25rem;
+  border: 1px dashed var(--border, #E5E7EB);
+  border-radius: 8px;
+  margin-bottom: 0.5rem;
+}
+
 /* ── Expanded Card ── */
 
 .pf .pf-agd-expanded {

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

@@ -4,6 +4,11 @@
  *   wallet, memory, agents, extensions, packages, knowledge, generator, and
  *   edit panels. Consumes theme.css tokens so it flips with dark/light mode.
  * @version-history
+ *   v1.11.0 — 2026-06-08 — Full-bleed dashboard shell: drop the 1000px cap on the
+ *     .pf wrapper so the sidebar+content fill the viewport like the admin dashboard
+ *     (tab content was squeezed to ~760px). Sidebar stays left-anchored; .pf-content
+ *     caps at 1360px (~1600px total) for readability on ultra-wide; login prompt
+ *     stays a centered 1000px column.
  *   v1.1.0 — 2026-06-02 — Phase 3a: tokenize hero/cta/callout gradients, card/tab/
  *     stat/input surfaces, feedback banners, and undefined-var drift (via theme.css
  *     alias layer) for dark mode. pf-gen-* badge contrast deferred to 3b.
@@ -51,7 +56,13 @@
  */
 .pf-hero{background:var(--pf-hero-gradient);border-bottom:1px solid var(--border,#E5E7EB)}
 .pf-hero-inner{max-width:1000px;margin:0 auto;padding:2rem 1.5rem 0}
-.pf{max-width:1000px;margin:0 auto;padding:1.5rem 1.5rem 2rem;position:relative;z-index:1}
+/* Full-bleed dashboard shell (like the admin dashboard): the sidebar+content
+   flex fills the viewport instead of being capped to a narrow centered column.
+   The old 1000px cap squeezed tab content (organisms, etc.) into ~760px. The
+   not-logged-in login prompt is centered on its own (.login-prompt), and the
+   home dashboard / tab content get breathing room via .pf-content padding. */
+.pf{max-width:none;margin:0;padding:0;position:relative;z-index:1}
+.pf .login-prompt{max-width:1000px;margin:0 auto}
 .pf .bg-aurora{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}
 .pf .aurora-wave{position:absolute;width:200%;height:60%;left:-50%;border-radius:50%;filter:blur(80px);opacity:.25;animation:pfAurora 8s ease-in-out infinite alternate}
 .pf .aurora-wave:nth-child(1){top:10%;background:linear-gradient(90deg,#ff6b9d,#c44569,#ff8a80,#f48fb1);animation-duration:8s}
@@ -1969,7 +1980,11 @@
 .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); }
 
-.pf-content { flex: 1 1 auto; min-width: 0; padding: 1.25rem 1.5rem; }
+/* Content fills the space next to the (left-anchored) sidebar, but caps at
+   ~1360px so the total usable width settles around 1600px on ultra-wide
+   monitors — readable line lengths, no full-bleed stretch. Extra space falls
+   to the right; the sidebar stays flush to the screen's left edge. */
+.pf-content { flex: 1 1 auto; min-width: 0; max-width: 1360px; padding: 1.25rem 1.5rem; }
 .pf-content-head { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }
 .pf-back-btn { background: none; border: 1px solid var(--border); color: var(--text-dim); border-radius: var(--radius-sm, 8px); padding: 0.3rem 0.7rem; cursor: pointer; font: inherit; font-size: 0.85rem; }
 .pf-back-btn:hover { background: var(--bg-hover, var(--bg-dim)); }
@@ -2000,3 +2015,227 @@
   .pf { padding: 0.6rem 0.35rem 1.5rem; }
   .pf-content { padding: 0.5rem 0.35rem 1.5rem; }
 }
+
+/* ── Projects tab (pj-) ── */
+.pj-ws { display: flex; flex-direction: column; gap: 0.5rem; }
+.pj-gate { margin: 0.25rem 0 0.5rem; }
+.pj-gate-label { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.85rem; color: var(--muted); cursor: pointer; }
+.pj-inbox { border: 1px solid var(--border); border-radius: 10px; padding: 0.75rem; background: var(--bg-dim); margin-bottom: 0.5rem; }
+.pj-approval { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.4rem 0; border-top: 1px solid var(--border); }
+.pj-approval:first-of-type { border-top: none; }
+.pj-approval-text { flex: 1; font-size: 0.88rem; }
+.pj-section { border: 1px solid var(--border); border-radius: 10px; padding: 0.6rem 0.75rem; background: var(--surface); }
+.pj-section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.4rem; }
+.pj-section-title { font-weight: 600; text-transform: capitalize; }
+.pj-draft-form { margin: 0.4rem 0; }
+.pj-drafts { display: flex; flex-direction: column; gap: 0.3rem; margin-bottom: 0.3rem; }
+.pj-item { display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0; }
+.pj-item-draft { border-left: 3px solid var(--border); padding-left: 0.5rem; }
+.pj-item-text { flex: 1; font-size: 0.9rem; }
+.pj-rec { border-radius: 6px; }
+.pj-rec-title { flex: 1; text-align: left; background: none; border: none; cursor: pointer; font-size: 0.9rem; color: var(--text); padding: 0; }
+.pj-rec-title:hover { color: var(--accent); }
+.pj-rec-fields { margin: 0.1rem 0 0.4rem 0.6rem; padding: 0.2rem 0.6rem; border-left: 2px solid var(--border); background: var(--bg-dim); border-radius: 0 6px 6px 0; }
+.pj-rec-empty { font-size: 0.82rem; padding: 0.2rem 0; }
+.pj-empty { color: var(--muted); font-size: 0.85rem; padding: 0.2rem 0; }
+.pj-decision { font-size: 0.85rem; color: var(--muted); }
+.pj-field { display: flex; flex-direction: column; gap: 0.2rem; margin-bottom: 0.35rem; }
+.pj-field > span { font-size: 0.75rem; color: var(--muted); }
+.pj-field-inline { flex-direction: row; align-items: center; gap: 0.4rem; }
+.pj-errors { border: 1px solid var(--danger); border-radius: 10px; padding: 0.6rem 0.75rem; margin: 0.5rem 0; background: var(--bg-dim); }
+.pj-errors-title { font-weight: 600; margin-bottom: 0.3rem; color: var(--danger); }
+.pj-error-line { font-size: 0.82rem; color: var(--text); padding: 0.1rem 0; }
+.pj-doc-tag { font-size: 0.68rem; color: var(--muted); border: 1px solid var(--border); border-radius: 6px; padding: 0 0.3rem; margin-left: 0.4rem; vertical-align: middle; }
+.pj-doc-row { display: flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0; }
+.pj-doc-link { background: none; border: none; color: var(--accent); cursor: pointer; font-size: 0.9rem; text-align: left; flex: 1; padding: 0; }
+.pj-doc-link:hover { text-decoration: underline; }
+/* The detail / reading pane — a white, slightly elevated card so it reads as the focused content,
+   distinct from the flat tree panel beside it. */
+.pj-doc-view { border: 1px solid var(--border); border-radius: 10px; padding: 1.4rem 1.8rem; margin: 0.4rem 0; background: var(--card); box-shadow: var(--shadow-sm); }
+.pj-doc-meta { margin: 0 0 0.5rem; }
+/* Popped-out single-document window (doc-solo.js) */
+.pj-doc-solo { max-width: 920px; margin: 0 auto; padding: 1rem 1.2rem 3rem; }
+.pj-doc-solo-empty { color: var(--muted); text-align: center; padding: 3rem 1rem; }
+.pj-doc-solo-toast { position: fixed; bottom: 1.1rem; left: 50%; transform: translateX(-50%); background: var(--text); color: var(--card); padding: 0.5rem 1rem; border-radius: 8px; font-size: 0.85rem; box-shadow: var(--shadow-md); z-index: 50; }
+
+/* Document typography — make rendered markdown read like a real document.
+   Generous line-height, clear space above headings, comfortable list + code styling. */
+.pj-doc-view .md-body { font-size: 0.95rem; line-height: 1.7; color: var(--text); max-width: 78ch; overflow-wrap: break-word; }
+.pj-doc-view .md-body > :first-child { margin-top: 0; }
+.pj-doc-view .md-body > :last-child { margin-bottom: 0; }
+.pj-doc-view .md-body h1,
+.pj-doc-view .md-body h2,
+.pj-doc-view .md-body h3,
+.pj-doc-view .md-body h4,
+.pj-doc-view .md-body h5,
+.pj-doc-view .md-body h6 { font-weight: 700; line-height: 1.3; color: var(--text); margin: 1.8em 0 0.6em; }
+.pj-doc-view .md-body h1 { font-size: 1.7rem; letter-spacing: -0.01em; padding-bottom: 0.3em; border-bottom: 2px solid var(--border); margin-top: 0.2em; }
+.pj-doc-view .md-body h2 { font-size: 1.32rem; padding-bottom: 0.25em; border-bottom: 1px solid var(--border); }
+.pj-doc-view .md-body h3 { font-size: 1.13rem; }
+.pj-doc-view .md-body h4 { font-size: 1rem; }
+.pj-doc-view .md-body h5 { font-size: 0.9rem; }
+.pj-doc-view .md-body h6 { font-size: 0.85rem; color: var(--muted); }
+.pj-doc-view .md-body p { margin: 0.85em 0; }
+.pj-doc-view .md-body ul,
+.pj-doc-view .md-body ol { margin: 0.7em 0; padding-left: 1.7em; }
+.pj-doc-view .md-body ul { list-style: disc; }
+.pj-doc-view .md-body ol { list-style: decimal; }
+.pj-doc-view .md-body li { margin: 0.32em 0; padding-left: 0.2em; }
+.pj-doc-view .md-body li > ul,
+.pj-doc-view .md-body li > ol { margin: 0.32em 0; }
+.pj-doc-view .md-body a { color: var(--accent); text-decoration: none; }
+.pj-doc-view .md-body a:hover { text-decoration: underline; }
+.pj-doc-view .md-body strong { font-weight: 700; color: var(--text); }
+.pj-doc-view .md-body .md-code { font-family: var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace); font-size: 0.85em; background: var(--bg-dim); padding: 0.12em 0.42em; border-radius: 4px; border: 1px solid var(--border-subtle, var(--border)); }
+.pj-doc-view .md-body .md-pre { background: var(--bg-dim); border: 1px solid var(--border); border-radius: 8px; padding: 0.9em 1.1em; overflow-x: auto; margin: 1em 0; line-height: 1.5; }
+.pj-doc-view .md-body .md-pre .md-code { background: none; border: none; padding: 0; font-size: 0.84rem; }
+.pj-doc-view .md-body blockquote { margin: 1em 0; padding: 0.3em 1.1em; border-left: 3px solid var(--accent); background: var(--bg-dim); border-radius: 0 6px 6px 0; color: var(--muted); }
+.pj-doc-view .md-body blockquote p { margin: 0.4em 0; }
+.pj-doc-view .md-body table { border-collapse: collapse; margin: 1em 0; width: 100%; font-size: 0.9rem; }
+.pj-doc-view .md-body th,
+.pj-doc-view .md-body td { border: 1px solid var(--border); padding: 0.45em 0.75em; text-align: left; vertical-align: top; }
+.pj-doc-view .md-body th { background: var(--bg-dim); font-weight: 600; }
+.pj-doc-view .md-body tbody tr:nth-child(even) { background: var(--bg-dim); }
+.pj-doc-view .md-body .md-img { max-width: 100%; height: auto; border-radius: 6px; margin: 0.6em 0; }
+.pj-doc-view .md-body hr { border: none; border-top: 1px solid var(--border); margin: 1.6em 0; }
+/* Deterministic Mermaid charts (organism overview, workspace edit-flow) */
+.pj-chart { border: 1px solid var(--border); border-radius: 10px; background: var(--card); padding: 0.5rem 0.75rem; margin-bottom: 0.6rem; box-shadow: var(--shadow-sm); }
+.pj-chart-head { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.3rem; }
+.pj-chart-title { font-weight: 600; font-size: 0.9rem; color: var(--text); }
+.mmd { overflow-x: auto; text-align: center; }
+.mmd svg { max-width: 100%; height: auto; }
+.mmd-fallback { font-size: 0.74rem; white-space: pre-wrap; color: var(--text-dim); background: var(--bg-dim); padding: 0.5rem; border-radius: 6px; overflow: auto; }
+/* Participants panel — node → owner → agents listing */
+.pj-parts { padding: 0.1rem; }
+.pj-parts-list { display: flex; flex-direction: column; gap: 0.5rem; margin-top: 0.7rem; }
+.pj-part-owner { border: 1px solid var(--border); border-radius: 8px; padding: 0.5rem 0.7rem; background: var(--card); }
+.pj-part-human { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; font-size: 0.88rem; }
+.pj-part-node { font-size: 0.74rem; color: var(--muted); }
+.pj-part-count { font-size: 0.72rem; color: var(--muted); background: var(--bg-dim); border-radius: 10px; padding: 0.05rem 0.45rem; }
+.pj-part-agents { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.45rem; padding-left: 1.4rem; }
+.pj-part-agent { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.8rem; border: 1px solid var(--border); border-radius: 6px; padding: 0.12rem 0.5rem; }
+.pj-part-agent.own { border-color: var(--success); }
+.pj-part-agent.ghost { color: var(--muted); border-style: dashed; opacity: 0.65; }
+/* Activity panel — GitHub-style contribution heatmap + audit-log feed */
+.pj-act { padding: 0.1rem; }
+.pj-act-count { font-size: 0.72rem; font-weight: 500; color: var(--muted); margin-left: 0.5rem; }
+.pj-act-dot { width: 9px; height: 9px; border-radius: 3px; display: inline-block; flex-shrink: 0; }
+.pj-act-dot.draft { background: var(--orange); }
+.pj-act-dot.publish { background: var(--success); }
+/* Heatmap — bigger cells, each split 2×2 (docs draft/pub · records draft/pub) */
+.pj-hm { overflow-x: auto; padding-bottom: 0.2rem; }
+.pj-hm-monthrow { display: flex; padding-left: 28px; }
+.pj-hm-month { flex: 0 0 16px; font-size: 0.64rem; color: var(--muted); white-space: nowrap; overflow: visible; }
+.pj-hm-body { display: flex; }
+.pj-hm-daycol { display: flex; flex-direction: column; gap: 2px; width: 28px; flex-shrink: 0; }
+.pj-hm-daycol span { height: 14px; line-height: 14px; font-size: 0.62rem; color: var(--muted); }
+.pj-hm-cols { display: flex; gap: 2px; }
+.pj-hm-col { display: flex; flex-direction: column; gap: 2px; }
+.pj-hm-cell { width: 14px; height: 14px; border-radius: 2px; flex-shrink: 0; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 1px; overflow: hidden; }
+.pj-hm-cell.future { background: transparent; }
+.pj-hm-cell .q { width: 100%; height: 100%; border-radius: 1px; }
+.q { display: inline-block; }
+.q.lvl0 { background: var(--bg-dim); }
+.q.lvl1 { background: color-mix(in srgb, var(--success) 32%, var(--bg-dim)); }
+.q.lvl2 { background: color-mix(in srgb, var(--success) 56%, var(--bg-dim)); }
+.q.lvl3 { background: color-mix(in srgb, var(--success) 80%, var(--bg-dim)); }
+.q.lvl4 { background: var(--success); }
+/* Legend — a 2×2 key explaining the quadrants + the Less→More intensity ramp */
+.pj-hm-legend { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; flex-wrap: wrap; margin: 0.55rem 0 0.7rem; font-size: 0.72rem; color: var(--muted); }
+.pj-hm-quadkey { display: flex; align-items: center; gap: 0.55rem; }
+.pj-hm-quadkey .pj-hm-cell { width: 28px; height: 28px; gap: 2px; }
+.pj-hm-quadlabels { display: grid; grid-template-columns: auto auto; gap: 0.12rem 0.9rem; }
+.pj-hm-intensity { display: flex; align-items: center; gap: 3px; }
+.pj-hm-intensity .q { width: 13px; height: 13px; border-radius: 2px; }
+.pj-act-list { display: flex; flex-direction: column; gap: 0.25rem; }
+.pj-act-item { display: flex; align-items: center; gap: 0.5rem; font-size: 0.8rem; }
+.pj-act-time { color: var(--muted); font-size: 0.72rem; min-width: 130px; }
+.pj-act-who { font-weight: 600; color: var(--text); }
+.pj-act-agent { font-size: 0.73rem; color: var(--accent); background: var(--bg-dim); border-radius: 5px; padding: 0.02rem 0.35rem; white-space: nowrap; }
+.pj-act-act { color: var(--muted); }
+.pj-act-what { color: var(--text); }
+/* Workspace list (an organism's many workspaces) */
+.pj-ws-bar { display: flex; align-items: center; gap: 0.5rem; margin: 0.5rem 0 0.75rem; }
+.pj-ws-name-input { flex: 0 1 260px; }
+.pj-ws-topbar { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; flex-wrap: wrap; }
+.pj-ws-list-label { font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: var(--muted); margin: 0.5rem 0.1rem 0.35rem; }
+.pj-ws-list { display: flex; flex-direction: column; gap: 0.4rem; }
+.pj-ws-card { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; border: 1px solid var(--border); border-radius: 10px; background: var(--card); padding: 0.1rem 0.5rem 0.1rem 0.1rem; box-shadow: var(--shadow-sm); }
+.pj-ws-locked { cursor: default; }
+.pj-ws-locked:hover { background: none; }
+.pj-ws-inbox { flex-basis: 100%; width: 100%; border-top: 1px solid var(--border-subtle); margin: 0.1rem 0.3rem 0.4rem; padding-top: 0.45rem; display: flex; flex-direction: column; gap: 0.35rem; }
+.pj-ws-inbox-empty { font-size: 0.8rem; color: var(--muted); padding-left: 0.3rem; }
+.pj-ws-req { display: flex; align-items: center; gap: 0.5rem; font-size: 0.85rem; padding-left: 0.3rem; }
+.pj-ws-req-who { flex: 1; color: var(--text); }
+.pj-ws-req-msg { color: var(--muted); }
+.pj-ws-req-ok { color: var(--accent); font-size: 0.8rem; }
+.pj-ws-open { flex: 1; display: flex; align-items: baseline; gap: 0.6rem; background: none; border: none; cursor: pointer; text-align: left; padding: 0.7rem 0.85rem; border-radius: 10px; }
+.pj-ws-open:hover { background: var(--bg-surface); }
+.pj-ws-card-name { font-weight: 600; font-size: 0.95rem; color: var(--text); }
+.pj-ws-card-meta { font-size: 0.74rem; color: var(--muted); }
+.pj-ai-prompt { display: inline-flex; align-items: center; gap: 0.2rem; flex-wrap: wrap; }
+.pj-ai-prompt-label { font-size: 0.78rem; color: var(--muted); }
+.pj-spaces-add { margin-bottom: 0.6rem; }
+.pj-space-row { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-top: 0.4rem; }
+.pj-space-row .input-field { flex: 0 1 220px; }
+.pj-doc-editor { margin: 0.4rem 0; }
+.pj-doc-editor > input { margin-bottom: 0.4rem; }
+.pj-doc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
+.pj-doc-md { font-family: var(--mono, ui-monospace, monospace); font-size: 0.82rem; line-height: 1.4; }
+.pj-doc-preview { border: 1px solid var(--border); border-radius: 10px; padding: 0.4rem 0.8rem; background: var(--bg-dim); overflow: auto; max-height: 360px; }
+@media (max-width: 640px) { .pj-doc-grid { grid-template-columns: 1fr; } }
+.pj-divider { border-top: 1px solid var(--border); margin: 0.8rem 0; }
+.pj-danger { border: 1px solid var(--danger); border-radius: 10px; padding: 0.6rem 0.75rem; margin-top: 0.8rem; }
+.pj-danger-title { font-weight: 600; color: var(--danger); margin-bottom: 0.3rem; }
+.pj-space-name { flex: 1; color: var(--text); font-size: 0.9rem; }
+.pj-docspace { display: flex; gap: 0.75rem; align-items: flex-start; }
+/* The left index/tree — white so a selected item's accent tint actually stands out against it. */
+.pj-doc-index { flex: 0 0 240px; min-width: 200px; border: 1px solid var(--border); border-radius: 10px; padding: 0.5rem; background: var(--card); max-height: 460px; overflow: auto; }
+.pj-doc-main { flex: 1; min-width: 0; }
+.pj-sec { margin-bottom: 0.25rem; }
+.pj-sec .pj-sec { margin-left: 0.85rem; border-left: 1px solid var(--border); padding-left: 0.4rem; }
+.pj-sec-head { display: flex; align-items: center; gap: 0.2rem; }
+.pj-sec-name { flex: 1; font-weight: 600; font-size: 0.82rem; }
+.pj-sec-name.pj-muted { color: var(--muted); font-weight: 500; padding: 0.15rem 0; }
+.pj-sec-name-text { flex: 1; font-weight: 600; font-size: 0.82rem; cursor: text; }
+.pj-grip { cursor: grab; color: var(--muted); font-size: 0.8rem; user-select: none; }
+.pj-doc-item[draggable="true"] { cursor: grab; }
+.pj-icon-btn { background: none; border: none; cursor: pointer; color: var(--muted); font-size: 0.85rem; padding: 0 0.2rem; line-height: 1; }
+.pj-icon-btn:hover { color: var(--accent); }
+.pj-doc-item { display: flex; align-items: center; gap: 0.3rem; padding: 0.15rem 0.3rem; border-radius: 6px; }
+.pj-doc-item:hover { background: var(--bg-surface); }
+.pj-doc-item.active { background: var(--accent-subtle); box-shadow: inset 3px 0 0 var(--accent); }
+.pj-doc-item .pj-doc-link { flex: 1; font-size: 0.85rem; color: var(--text); }
+.input-xs { padding: 0.15rem 0.35rem; font-size: 0.78rem; height: auto; }
+.pj-mini { font-size: 0.6rem; padding: 0 0.25rem; vertical-align: middle; }
+.pj-doc-toolbar { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.4rem; }
+.pj-doc-vtitle { flex: 1; font-weight: 700; font-size: 1.05rem; color: var(--text); }
+.pj-tui { margin: 0.3rem 0 0.5rem; }
+.pj-doc-imgbar { margin: 0.3rem 0; display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; }
+.pj-file-btn { cursor: pointer; }
+.pj-file-btn input { display: none; }
+.pj-file-btn-icon { margin-right: 0.15rem; }
+.pj-imgbar-hint { font-size: 0.78rem; color: var(--muted); }
+.pj-img-vis { margin: 0.2rem 0 0.5rem; padding: 0.55rem 0.65rem; border: 1px solid var(--border); border-radius: 8px; background: var(--card); }
+.pj-img-vis-head { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.35rem; }
+.pj-img-vis-title { font-size: 0.85rem; font-weight: 600; color: var(--text); }
+.pj-img-vis-note { font-size: 0.74rem; color: var(--muted); flex: 1; }
+.pj-img-vis-row { display: flex; align-items: center; gap: 0.5rem; padding: 0.18rem 0; border-top: 1px solid var(--border-subtle); }
+.pj-img-vis-name { flex: 1; font-size: 0.8rem; color: var(--text-dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.pj-sources-desc { margin: 0.1rem 0 0.5rem; }
+.pj-src-picker { border: 1px solid var(--border); border-radius: 8px; padding: 0.6rem; margin-bottom: 0.6rem; background: var(--card); }
+.pj-src-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
+.pj-src-search { flex: 1; min-width: 140px; }
+.pj-src-results { max-height: 240px; overflow-y: auto; display: flex; flex-direction: column; gap: 0.15rem; }
+.pj-src-result { display: flex; align-items: center; gap: 0.5rem; padding: 0.2rem 0.3rem; border-radius: 6px; }
+.pj-src-result:hover { background: var(--surface); }
+.pj-src-result-label { flex: 1; font-size: 0.82rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.pj-src-result-meta { font-size: 0.72rem; color: var(--muted); white-space: nowrap; }
+.pj-src-list { display: flex; flex-direction: column; gap: 0.2rem; }
+.pj-src-item { display: flex; align-items: center; gap: 0.45rem; padding: 0.25rem 0.3rem; border-radius: 6px; border: 1px solid var(--border); }
+.pj-src-icon { flex: 0 0 auto; }
+.pj-src-label { flex: 1; font-size: 0.85rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.md-wikilink { color: var(--accent); cursor: pointer; text-decoration: none; border-bottom: 1px dashed var(--accent); }
+.md-wikilink:hover { border-bottom-style: solid; }
+.md-img { max-width: 100%; height: auto; border-radius: 6px; }
+@media (max-width: 640px) { .pj-docspace { flex-direction: column; } .pj-doc-index { flex: none; width: 100%; } }

package/dist/public/js/api.js

@@ -33,10 +33,16 @@ export async function api(path, opts = {}) {
     }
   }
 
+  // Per-call timeout override (ms) — default 30s; long-running calls (e.g. AI completion on a
+  // slow model) pass a larger value. Don't raise the global default — failed normal calls would hang.
+  const timeoutMs = opts.timeoutMs || 30_000;
+  // Per-call retry override — a long AI call passes 0 so a timeout doesn't re-run the slow request.
+  const maxRetries = opts.retries != null ? opts.retries : MAX_RETRIES;
+
   let lastError;
-  for (let attempt = 0; attempt <= MAX_RETRIES; attempt++) {
+  for (let attempt = 0; attempt <= maxRetries; attempt++) {
     const controller = new AbortController();
-    const timeoutId = setTimeout(() => controller.abort(), 30_000);
+    const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
     try {
       const resp = await fetch(path, { ...opts, headers, signal: controller.signal });
 
@@ -52,7 +58,7 @@ export async function api(path, opts = {}) {
         }
       }
 
-      if (resp.status === 429 || (resp.status >= 500 && attempt < MAX_RETRIES)) {
+      if (resp.status === 429 || (resp.status >= 500 && attempt < maxRetries)) {
         await sleep(RETRY_BASE_MS * Math.pow(2, attempt));
         continue;
       }
@@ -67,13 +73,13 @@ export async function api(path, opts = {}) {
       return json;
     } catch (err) {
       if (err.name === 'AbortError') {
-        if (attempt === MAX_RETRIES) throw new Error('Request timed out after 30s');
+        if (attempt === maxRetries) throw new Error('Request timed out after ' + Math.round(timeoutMs / 1000) + 's');
         continue;
       }
       // Don't retry client errors (4xx) — only retry network/server errors
       if (err.status && err.status >= 400 && err.status < 500) throw err;
       lastError = err;
-      if (attempt < MAX_RETRIES) {
+      if (attempt < maxRetries) {
         await sleep(RETRY_BASE_MS * Math.pow(2, attempt));
         continue;
       }

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

@@ -19,6 +19,10 @@ export const getTranslations = (lang)   => apiGet(`/v1/admin/translations?lang=$
 // ── Agents & Owners ──
 export const getAdminAgents  = ()       => apiGet('/v1/admin/agents');
 export const getAdminOwners  = ()       => apiGet('/v1/admin/owners');
+// Security incidents (rejected/quarantined uploads, etc.)
+export const getSecurityIncidents    = ()   => apiGet('/v1/admin/security/incidents');
+export const resolveSecurityIncident = (id) => apiPost(`/v1/admin/security/incidents/${encodeURIComponent(id)}/resolve`);
+export const deleteSecurityIncident  = (id) => apiDelete(`/v1/admin/security/incidents/${encodeURIComponent(id)}`);
 export const getAgentDetail  = (gaii)   => apiGet(`/v1/agents/${encodeURIComponent(gaii)}`);
 export const getOwnerDetail  = (name)   => apiGet(`/v1/owners/${encodeURIComponent(name)}`);
 export const grantRole       = (owner, role) => apiPost('/v1/admin/roles/grant', { owner, role });

package/dist/public/js/services/agents.js

@@ -52,6 +52,25 @@ export async function setAgentCors(name, origins) {
   });
 }
 
+/** Custom agent groups (sections) for the Agents tab. Stored server-side in the
+ *  owner's memory at `agents.groups` so the grouping follows the owner across
+ *  devices/browsers. A group is { id, name, agents: [agentName] }; an agent
+ *  belongs to at most one group, and any agent not listed in a group renders
+ *  under "Ungrouped". The per-browser collapsed/expanded state is NOT stored
+ *  here — it lives in localStorage (see agents-tab.js). */
+export async function getAgentGroups() {
+  try {
+    const resp = await apiGet('/v1/memory?prefix=agents.groups');
+    const item = (resp?.data?.items || []).find(i => i.key === 'agents.groups');
+    return Array.isArray(item?.value?.groups) ? item.value.groups : [];
+  } catch { return []; }
+}
+
+/** Persist the owner's custom agent groups. */
+export async function saveAgentGroups(groups) {
+  return apiPost('/v1/memory', { key: 'agents.groups', value: { groups }, visibility: 'private' });
+}
+
 /** List chat instances (includes MCP sessions). Returns array. */
 export async function listChatInstances() {
   const data = await apiGet('/v1/chat-instances');