aimeat 1.23.1 → 1.23.3

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

@@ -4,6 +4,10 @@
  *   wallet, memory, agents, extensions, packages, knowledge, generator, and
  *   edit panels. Consumes theme.css tokens so it flips with dark/light mode.
  * @version-history
+ *   v1.14.0 — 2026-06-10 — SchemaForm usability: .pj-field-hint (per-field hint),
+ *     .pj-field-invalid (missing-required outline) + .pj-form-error message.
+ *   v1.13.0 — 2026-06-10 — Workspace renew, phase 2: .pj-ws-head-actions, review
+ *     .pj-ws-banner, .pj-ws-tab-add (+ reuses .pj-org-tabs underline tabs).
  *   v1.12.0 — 2026-06-10 — Organisms list renew, phase 1: compact .pj-org-row list
  *     (avatar, one-line meta, kebab menu, drag-over state), .pj-menu dropdown,
  *     organism home page (.pj-org-home-head, underline .pj-org-tabs, breadcrumb).
@@ -170,9 +174,52 @@
    Unified 2026-06-02 (#6). (.pf .wallet-lifetime grid wrapper kept.) */
 .pf .wallet-balance-copy{display:inline-block;margin-left:.5rem;font-size:.7rem;padding:2px 8px;background:rgba(232,86,74,.15);border:1px solid rgba(232,86,74,.3);border-radius:4px;color:var(--text,#1A1A2E);cursor:pointer;vertical-align:middle}
 .pf .wallet-balance-copy:hover{background:rgba(232,86,74,.25)}
-.pf .mem-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(232,86,74,.08);font-size:.85rem;cursor:pointer;gap:.5rem}
-.pf .mem-item:hover{background:rgba(232,86,74,.05)}
-.pf .mem-key{font-family:monospace;color:var(--accent,#E8564A);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.pf .mem-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-subtle,var(--border));font-size:.85rem;cursor:pointer;gap:.5rem}
+.pf .mem-item:hover{background:var(--bg-surface,var(--bg-dim))}
+/* Keys in the NEUTRAL text color — monospace already separates them; a list of all-red
+   keys read like an error log and burned out red's alarm meaning. */
+.pf .mem-key{font-family:monospace;color:var(--text);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+/* ── Grouped key list (2026-06-10): collapsible groups by first key segment ── */
+.pf .mem-group{margin-bottom:.35rem}
+.pf .mem-group-header{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;border-bottom:1px solid var(--border);padding:.45rem .2rem;cursor:pointer;font:inherit;text-align:left}
+.pf .mem-group-header:hover{background:var(--bg-surface,var(--bg-dim))}
+.pf .mem-group-name{font-family:monospace;font-weight:700;color:var(--text);font-size:.85rem}
+.pf .mem-group-count{font-size:.75rem;color:var(--text-dim)}
+.pf .mem-group-sub{font-family:monospace;font-size:.7rem;color:var(--muted)}
+.pf .mem-item--grouped{padding-left:1.4rem}
+.pf .mem-detail-key{font-family:monospace;font-size:.72rem;color:var(--muted);margin-bottom:.4rem;word-break:break-all}
+.pf .mem-detail-visrow{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}
+.pf .mem-row-check{flex:none;margin:0 .15rem 0 0;cursor:pointer}
+.pf .mem-vis-pop{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem .75rem;margin:.25rem 0 .25rem 1.4rem;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-sm)}
+.pf .mem-vis-opt{background:var(--control-bg,var(--card));border:1px solid var(--control-border,var(--border));border-radius:999px;padding:.2rem .65rem;font-size:.76rem;color:var(--text);cursor:pointer}
+.pf .mem-vis-opt:hover{border-color:var(--accent)}
+.pf .mem-vis-opt--current{border-color:var(--accent);font-weight:700}
+.pf .mem-vis-opt--dim{color:var(--text-dim);border-style:dashed}
+.pf .mem-bulkbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.45rem .75rem;margin-bottom:.5rem;background:var(--bg-surface,var(--bg-dim));border:1px solid var(--border);border-radius:8px}
+.pf .mem-bulkbar-count{font-size:.82rem;font-weight:600;color:var(--text)}
+.pf .mem-actions .mem-delete-btn{margin-left:auto}
+.pf .mem-vis-select{font-size:.72rem;padding:2px 6px;min-width:auto;width:auto}
+.pf .mem-edit-textarea{min-height:280px;resize:vertical;font-family:monospace;font-size:.8rem}
+.pf .mem-edit-textarea--error{border-color:var(--danger-fg,#DC2626)}
+.pf .mem-json-error{color:var(--danger-fg,#DC2626);font-size:.78rem;margin-top:.35rem}
+.pf .tag-pill.tag-more{border-style:dashed;color:var(--text-dim)}
+.pf .tag-pill.tag-removable{background:var(--control-bg,var(--card));color:var(--text);border:1px solid var(--control-border,var(--border))}
+.pf .tag-pill.tag-removable .tag-x{color:var(--muted);margin-left:2px}
+.pf .tag-pill.tag-removable:hover .tag-x{color:var(--text)}
+/* ── Access tab polish (2026-06-10): neutral headers, compact empties, fed coupling ── */
+.pf .card-h3.access-h3{color:var(--text)}
+.pf .access-empty-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0;margin-bottom:1rem}
+.pf .access-fed-allowall{padding:.4rem 0;border-bottom:1px solid var(--border-subtle,var(--border))}
+.pf .access-fed-warn-caption{font-size:.78rem;color:var(--warn-fg,#B45309);margin:.25rem 0 .1rem 1.6rem}
+.pf .access-fed-list--inactive{opacity:.45;pointer-events:none}
+.pf .access-copy-val{display:inline-flex;align-items:center;gap:.25rem;min-width:0;overflow-wrap:anywhere}
+/* ── Sidebar reorg (2026-06-10): collapsible groups + pin-on-hover ── */
+.pf .pf-side-group-toggle{display:flex;align-items:center;gap:.35rem;width:100%;background:none;border:none;cursor:pointer;font:inherit;text-align:left;padding:0}
+.pf .pf-side-group-toggle .pf-chevron{font-size:.55rem;color:var(--muted)}
+.pf .pf-side-pin{display:none;margin-left:auto;font-size:.72rem;opacity:.55;cursor:pointer;filter:grayscale(1)}
+.pf .pf-side-item:hover .pf-side-pin{display:inline}
+.pf .pf-side-pin:hover{opacity:1}
+.pf .pf-side-pin--on{display:inline;opacity:.9;filter:none}
 .pf .mem-time{font-size:.7rem;color:var(--text-dim,#6B7280);white-space:nowrap;flex-shrink:0}
 .pf .mem-sort-bar{display:flex;align-items:center;gap:.35rem}
 .pf .mem-sort-select{font-size:.75rem;padding:2px 6px;min-width:auto;width:auto}
@@ -463,6 +510,22 @@
 .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}}
+.pf .pkg-badge-sub{font-weight:400;text-transform:none;letter-spacing:0;opacity:.85;margin-left:.25rem}
+.pf .pkg-comp-list{list-style:none;padding:0;margin:.75rem 0 .5rem;border-top:1px solid var(--border,#E5E7EB)}
+.pf .pkg-comp{display:grid;grid-template-columns:1.5rem 1fr auto auto auto;gap:.5rem;align-items:center;padding:.4rem 0;border-bottom:1px dashed var(--border,#E5E7EB);font-size:.8rem}
+.pf .pkg-comp:last-child{border-bottom:0}
+.pf .pkg-comp-icon{font-size:1.1rem;line-height:1}
+.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}
 .pf .pkg-stats{display:flex;gap:.5rem;align-items:center;font-size:.8rem;color:var(--muted,#888)}
 .pf .pkg-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
 .pf .pkg-section-header h3{margin:0}
@@ -1977,7 +2040,8 @@
   border-right: 1px solid var(--border);
 }
 .pf-side-identity { display: flex; align-items: center; gap: 0.6rem; padding: 0.4rem 0.6rem 0.8rem; }
-.pf-side-avatar { width: 34px; height: 34px; border-radius: var(--radius-full, 999px); flex: 0 0 auto; background: linear-gradient(135deg, var(--accent), var(--accent-deep, var(--accent))); }
+.pf-side-avatar { width: 34px; height: 34px; border-radius: var(--radius-full, 999px); flex: 0 0 auto; background: var(--card); border: 1.5px solid var(--border); overflow: hidden; }
+.pf-side-avatar svg { width: 100%; height: 100%; }
 .pf-side-id-name { font-weight: 700; font-size: 0.95rem; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
 .pf-side-group { margin-top: 0.4rem; }
@@ -2035,9 +2099,6 @@
 
 /* Workspace breadcrumb — keeps the parent organism visible so you always know
    which organism this workspace belongs to. */
-.pj-ws-crumbs { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.2rem; }
-.pj-crumb-sep { color: var(--muted); font-size: 0.85rem; }
-.pj-crumb-org { font-size: 0.85rem; font-weight: 600; color: var(--text); }
 
 /* Title row — workspace name + status badge sit on one line. */
 .pj-ws-titlerow { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
@@ -2069,6 +2130,11 @@
 /* A declared space whose data does not live in workspace records (backing 'tasks', or a legacy
    unsupported backing) — shown as a notice instead of silently dropped from the view. */
 .pj-space-notice { font-size: 0.88rem; color: var(--muted); padding: 0.2rem 0 0.3rem; }
+/* The viewer's own contract-advertising agents (tag 'workspace-contract'), surfaced in the
+   workspace People panel so the user sees which of their agents can serve this workspace. */
+.pj-contract-agents { border: 1px solid var(--border); border-radius: 10px; padding: 0.5rem 0.75rem; margin-bottom: 0.6rem; background: var(--card); }
+/* The per-contract one-click adopt action inside a contract-agent chip. */
+.pj-adopt-btn { margin-left: 0.4rem; padding: 0.1rem 0.5rem; font-size: 0.78rem; }
 .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; }
@@ -2106,6 +2172,11 @@
 .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; }
+/* SchemaForm: per-field hint text + missing-required highlight after a Save attempt. */
+.pj-field-hint { font-size: 0.72rem; color: var(--muted); margin-top: -0.1rem; }
+.pj-field-invalid > span:first-child { color: var(--danger); }
+.pj-field-invalid .input-field { border-color: var(--danger); }
+.pj-form-error { font-size: 0.82rem; color: var(--danger); padding: 0.3rem 0; }
 .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; }
@@ -2331,6 +2402,44 @@
 .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%; } }
 
+/* ───────────────── Workspace Overview tab ─────────────────
+ * The landing view: a "what happened here" strip + every space stacked on one vertical scroll.
+ * Sections collapse as accordions on mobile; documents expand inline there (no popups). */
+.pj-ov { display: flex; flex-direction: column; gap: 0.6rem; }
+.pj-ov-strip { border: 1px solid var(--border); border-radius: 10px; padding: 0.5rem 0.6rem; background: var(--card); }
+.pj-ov-strip-title { font-weight: 600; font-size: 0.85rem; color: var(--muted); margin-bottom: 0.3rem; }
+.pj-ov-event { display: flex; align-items: center; gap: 0.45rem; width: 100%; padding: 0.2rem 0.25rem; border: 0; background: none; border-radius: 6px; cursor: pointer; text-align: left; font-size: 0.85rem; color: var(--text); }
+.pj-ov-event:hover { background: var(--bg-dim); }
+.pj-ov-event-who { font-weight: 600; flex-shrink: 0; }
+.pj-ov-event-act { color: var(--muted); flex-shrink: 0; }
+.pj-ov-event-what { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
+.pj-ov-event-time { margin-left: auto; color: var(--muted); font-size: 0.75rem; flex-shrink: 0; }
+.pj-ov-sec { border: 1px solid var(--border); border-radius: 10px; background: var(--card); }
+.pj-ov-sec-head { display: flex; align-items: center; gap: 0.4rem; padding: 0.45rem 0.6rem; cursor: pointer; }
+.pj-ov-chevron { color: var(--muted); font-size: 0.8rem; width: 1em; flex-shrink: 0; }
+.pj-ov-name { font-weight: 600; color: var(--text); font-size: 0.95rem; }
+.pj-ov-name-link { border: 0; background: none; cursor: pointer; padding: 0; text-align: left; }
+.pj-ov-spacer { flex: 1; }
+.pj-ov-items { display: flex; flex-direction: column; gap: 0.1rem; padding: 0 0.6rem 0.5rem 1.5rem; }
+.pj-ov-row { display: flex; align-items: center; gap: 0.5rem; border: 1px solid var(--border); border-radius: 10px; background: var(--card); padding: 0.35rem 0.6rem; }
+.pj-ov-row .pj-ov-name { flex-shrink: 0; }
+.pj-ov-item { display: flex; align-items: center; gap: 0.45rem; width: 100%; padding: 0.25rem 0.3rem; border: 0; background: none; border-radius: 6px; cursor: pointer; text-align: left; font-size: 0.88rem; color: var(--text); min-width: 0; }
+.pj-ov-item:hover { background: var(--bg-dim); }
+.pj-ov-item-title { flex-shrink: 0; max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.pj-ov-preview { color: var(--muted); font-size: 0.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
+.pj-ov-more { border: 0; background: none; color: var(--accent); cursor: pointer; text-align: left; padding: 0.25rem 0.3rem; font-size: 0.85rem; }
+.pj-ov-more:hover { text-decoration: underline; }
+.pj-ov-doc-inline { border-top: 1px solid var(--border); margin: 0.2rem 0 0.4rem; padding-top: 0.4rem; }
+/* Unseen-changes badge on workspace tabs — neutral gray pill (red is reserved for errors). */
+.pj-org-tab-unseen { background: var(--bg-dim); color: var(--muted); border: 1px solid var(--border); border-radius: 999px; font-size: 0.68rem; padding: 0 0.35rem; margin-left: 0.3rem; line-height: 1.3; }
+@media (max-width: 640px) {
+  .pj-ov-event { flex-wrap: wrap; }                                       /* "what/where" wraps to its own line — never hidden */
+  .pj-ov-event-what { flex-basis: 100%; padding-left: calc(9px + 0.45rem); }
+  .pj-ov-item { flex-wrap: wrap; }
+  .pj-ov-item-title { max-width: none; flex-shrink: 1; white-space: normal; }
+  .pj-ov-preview { flex-basis: 100%; }
+}
+
 /* ───────────────── Organisms list renew (phase 1) ─────────────────
  * Compact list rows + kebab menu + organism home page. All colors via theme tokens. */
 
@@ -2382,3 +2491,103 @@
 .pj-org-tab.active { color: var(--text); border-bottom-color: var(--accent); font-weight: 600; }
 .pj-org-tab-count { color: var(--muted); font-size: 0.75rem; margin-left: 0.3rem; }
 .pj-org-boardrow { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
+
+/* ── Workspace renew (phase 2): header actions, review banner, add-space tab ── */
+.pj-ws-head-actions { margin-left: auto; display: flex; gap: 0.4rem; align-items: center; }
+.pj-ws-banner { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; border: 1px solid var(--border); border-left: 3px solid var(--warn, var(--accent)); border-radius: 10px; background: var(--card); padding: 0.55rem 0.75rem; margin: 0.6rem 0 0.2rem; }
+.pj-ws-banner-text { flex: 1; min-width: 200px; font-size: 0.85rem; color: var(--text); }
+.pj-ws-banner-sub { display: block; font-size: 0.76rem; color: var(--muted); }
+.pj-ws-tab-add { font-weight: 700; padding: 0.45rem 0.45rem; }
+
+/* ── Organism home tab contents (feedback round): tab headers, pills, agent picker, board preview ── */
+.pj-tabhead { display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.6rem; }
+.pj-tabhead-desc { flex: 1; margin: 0.2rem 0 0; }
+.pj-tab-pill { display: inline-block; background: var(--warn-bg, var(--bg-dim)); color: var(--warn-fg, var(--text)); border: 1px solid var(--warn-border, var(--border)); border-radius: 999px; font-size: 0.7rem; padding: 0.05rem 0.5rem; margin-left: 0.35rem; white-space: nowrap; }
+.pj-org-main-static { cursor: default; }
+.pj-linklike { background: none; border: none; padding: 0.2rem 0; font-size: 0.78rem; color: var(--accent); cursor: pointer; text-align: left; }
+.pj-linklike:hover { text-decoration: underline; }
+.pj-attach { border: 1px solid var(--border); border-radius: 10px; background: var(--bg-dim); padding: 0.6rem 0.75rem; margin-bottom: 0.6rem; display: flex; flex-direction: column; gap: 0.4rem; }
+.pj-invite-row { margin-bottom: 0.6rem; }
+.pj-req-row { border-left: 3px solid var(--warn, var(--accent)); margin-bottom: 0.5rem; }
+.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; }
+.pj-board-post-head { display: flex; align-items: baseline; gap: 0.5rem; margin-bottom: 0.2rem; }
+.pj-board-author { font-weight: 600; font-size: 0.82rem; color: var(--text); }
+.pj-board-time { font-size: 0.74rem; color: var(--muted); }
+.pj-board-body { font-size: 0.85rem; color: var(--text); white-space: pre-wrap; word-break: break-word; }
+.pj-board-composer { margin-top: 0.6rem; }
+.pj-board-input { flex: 1; min-width: 220px; }
+
+/* ── Organism settings form (labels, groups, hints, tag input, separated danger zone) ── */
+.pj-meta-line { display: flex; flex-wrap: wrap; gap: 0.25rem 0; font-size: 0.78rem; color: var(--muted); margin-bottom: 0.8rem; align-items: center; }
+.pj-meta-line > span + span::before { content: '·'; margin: 0 0.45rem; color: var(--muted); }
+.pj-form-group { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin: 0.9rem 0 0.45rem; }
+.pj-form-row { display: flex; gap: 0.75rem; flex-wrap: wrap; }
+.pj-form-row > .pj-field { flex: 1; min-width: 160px; }
+.pj-form-hint { font-size: 0.76rem; color: var(--muted); margin: 0.1rem 0 0.5rem; }
+.pj-taginput { display: flex; flex-wrap: wrap; gap: 0.3rem; align-items: center; border: 1.5px solid var(--control-border); border-radius: var(--radius); background: var(--control-bg); padding: 0.3rem 0.45rem; }
+.pj-tag { display: inline-flex; align-items: center; gap: 0.25rem; }
+.pj-tag-x { background: none; border: none; cursor: pointer; color: var(--muted); font-size: 0.85rem; padding: 0 0.1rem; line-height: 1; }
+.pj-tag-x:hover { color: var(--danger); }
+.pj-taginput-field { flex: 1; min-width: 90px; border: none; background: transparent; color: var(--text); font-size: 0.82rem; outline: none; padding: 0.15rem 0; }
+.pj-danger-box { margin-top: 1.1rem; margin-bottom: 0.75rem; }
+.pj-danger-row { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
+.pj-danger-text { flex: 1; min-width: 220px; }
+.pj-danger-sub { font-size: 0.78rem; color: var(--muted); }
+.pj-danger-confirm { margin-top: 0.6rem; display: flex; gap: 0.5rem; align-items: flex-end; flex-wrap: wrap; }
+.pj-members-cap { font-size: 0.74rem; color: var(--muted); }
+
+/* ── Workspace row: clickable participants counter + inline people list ── */
+.pj-stat-btn { background: none; border: none; cursor: pointer; padding: 0.1rem 0.3rem; border-radius: 6px; font-size: 0.78rem; color: var(--muted); }
+.pj-stat-btn:hover { background: var(--bg-surface); color: var(--text); }
+.pj-stat-btn.active { background: var(--bg-dim); color: var(--text); }
+.pj-ws-person { display: flex; align-items: center; gap: 0.4rem; padding: 0.2rem 0; font-size: 0.83rem; color: var(--text); }
+.pj-ws-person-agents { font-size: 0.76rem; color: var(--muted); }
+
+/* ── Settings polish: menu divider, bounded form card ── */
+.pj-menu-sep { height: 1px; background: var(--border); margin: 0.25rem 0.3rem; }
+.pj-form-card { border: 1px solid var(--border); border-radius: 10px; background: var(--card); padding: 0.75rem 0.9rem 0.6rem; margin-bottom: 0.25rem; }
+.pj-form-card .pj-form-group:first-child { margin-top: 0; }
+
+/* ── Home dashboard: waiting-for-you box, continue/agents cards, clickable stats, promo dismiss ── */
+.pf-waiting { border: 1px solid var(--warn-border, var(--border)); border-left: 3px solid var(--warn, var(--accent)); border-radius: 12px; background: var(--card); padding: 0.8rem 1rem; margin: 1rem 0; }
+.pf-waiting-title { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--warn-fg, var(--text-dim)); margin-bottom: 0.5rem; }
+.pf-waiting-row { display: flex; align-items: center; gap: 0.75rem; padding: 0.35rem 0; }
+.pf-waiting-row + .pf-waiting-row { border-top: 1px solid var(--border-subtle, var(--border)); }
+.pf-waiting-text { flex: 1; font-size: 0.88rem; color: var(--text-dim); }
+.pf-waiting-text b { font-weight: 600; color: var(--text); }
+.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; }
+.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); }
+.pf-home-card-note { font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--muted); }
+.pf-home-row { display: flex; align-items: center; gap: 0.55rem; width: 100%; background: none; border: none; padding: 0.32rem 0.2rem; border-radius: 8px; cursor: pointer; font-size: 0.88rem; color: var(--text-dim); text-align: left; }
+.pf-home-row:hover { background: var(--bg-surface); color: var(--text); }
+.pf-home-row-static { cursor: default; }
+.pf-home-row-static:hover { background: none; color: var(--text-dim); }
+.pf-home-row-ico { flex: none; }
+.pf-home-row-label { flex: 1; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.pf-home-row-meta { flex: none; font-size: 0.78rem; color: var(--muted); }
+.pf-home-row-meta.pf-ok { color: var(--success-fg, var(--text)); }
+.pf-lp-stat-link { background: none; border: none; padding: 0.15rem 0.35rem; border-radius: 8px; cursor: pointer; font: inherit; color: inherit; }
+.pf-lp-stat-link:hover { background: var(--bg-surface); }
+.pf-lp-profile-btn { margin-left: auto; align-self: flex-start; }
+.pf-promo-dismiss { float: right; background: none; border: none; cursor: pointer; color: var(--muted); font-size: 0.85rem; padding: 0 0.2rem; }
+.pf-promo-dismiss:hover { color: var(--text); }
+/* Edit profile / password dialogs */
+.pf-avatar-row { display: flex; align-items: center; gap: 0.6rem; }
+.pf-avatar-preview { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--border); background: var(--bg-dim); display: inline-flex; align-items: center; justify-content: center; font-size: 1.3rem; flex: none; }
+.pf-edit-link { font-size: 0.82rem; color: var(--accent); cursor: pointer; text-decoration: none; }
+.pf-edit-link:hover { text-decoration: underline; }
+.pf-edit-footer-left { margin-right: auto; }
+.pf-pw-wrap { position: relative; }
+.pf-pw-wrap .pf-edit-input { padding-right: 4.2rem; }
+.pf-pw-eye { position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: var(--muted); font-size: 0.76rem; padding: 0.15rem 0.3rem; }
+.pf-pw-eye:hover { color: var(--text); }
+.pf-pw-rules { list-style: none; margin: 0.1rem 0 0.5rem; padding: 0; font-size: 0.78rem; color: var(--muted); }
+.pf-pw-rules li { padding: 0.08rem 0; }
+.pf-pw-rules li.ok { color: var(--success-fg, var(--text)); }

package/dist/public/css/views/start.css

@@ -0,0 +1,96 @@
+/**
+ * @file start.css
+ * @description Styles for the /v1/start diagnosis page (st- prefix): hero,
+ *   question cards with big option buttons, the answer trail, the verdict card,
+ *   the playbook checklist (code blocks, prompt block, doors) and print rules
+ *   so "Print / save as PDF" emits just the playbook. Theme tokens only.
+ * @version-history
+ *   v1.0.0 — 2026-06-11 — Initial: jira entrance styles + print rules.
+ *   v1.0.1 — 2026-06-12 — Scope print rules to body.st-active: view CSS is global (spa.html
+ *     preload), so the unscoped `body * { visibility: hidden }` blanked printing on every view
+ *     (e.g. the public workspace viewer printed 14 empty pages).
+ */
+
+.st { max-width: 760px; margin: 0 auto; padding: 2rem 1.25rem 3rem; color: var(--text); }
+
+/* ── Hero (intro phase) ── */
+.st-hero { text-align: center; padding: 3rem 0 1.5rem; }
+.st-h1 { font-size: 2.2rem; font-weight: 800; letter-spacing: -0.5px; margin: 0 0 .7rem; }
+.st-hero-sub { color: var(--text-dim); font-size: 1.08rem; margin: 0 auto 1.6rem; max-width: 560px; }
+.st-start-btn { font-size: 1.05rem; padding: .75rem 2rem; }
+.st-hero-meta { margin-top: 1rem; font-size: .85rem; color: var(--muted); }
+
+/* ── Compact header + trail (after intro) ── */
+.st-header { margin-bottom: 1.5rem; }
+.st-header-title { font-size: 1rem; font-weight: 700; color: var(--text-dim); margin-bottom: .6rem; }
+.st-trail { display: flex; flex-wrap: wrap; gap: .4rem; }
+.st-trail-chip { font-size: .78rem; padding: .25rem .6rem; border: 1px solid var(--border); border-radius: 999px; background: var(--card); color: var(--text-dim); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+/* ── Question card ── */
+.st-q { padding: .5rem 0; }
+.st-q-title { font-size: 1.45rem; font-weight: 800; margin: 0 0 1.2rem; }
+.st-opts { display: flex; flex-direction: column; gap: .7rem; }
+.st-opt { text-align: left; font-size: 1rem; padding: .9rem 1.1rem; border: 1px solid var(--border); border-radius: 12px; background: var(--card); color: var(--text); cursor: pointer; transition: border-color .15s, transform .05s; font-family: inherit; }
+.st-opt:hover { border-color: var(--accent); }
+.st-opt:active { transform: scale(.99); }
+.st-back { margin-top: 1.2rem; background: none; border: none; color: var(--text-dim); cursor: pointer; font-size: .88rem; padding: .3rem 0; font-family: inherit; }
+.st-back:hover { color: var(--text); text-decoration: underline; }
+
+/* ── Verdict ── */
+.st-verdict { text-align: center; padding: .5rem 0; }
+.st-verdict-label { font-size: .85rem; text-transform: uppercase; letter-spacing: 2px; color: var(--muted); margin-bottom: .7rem; }
+.st-verdict-card { border: 2px solid var(--accent); border-radius: 14px; background: var(--card); padding: 1.6rem 1.5rem; margin-bottom: 1.2rem; }
+.st-verdict-name { font-size: 1.7rem; font-weight: 800; margin-bottom: .6rem; }
+.st-verdict-desc { color: var(--text-dim); font-size: 1.02rem; margin: 0 auto .8rem; max-width: 540px; }
+.st-verdict-score { font-size: .85rem; color: var(--muted); }
+.st-verdict-actions { display: flex; gap: .8rem; justify-content: center; flex-wrap: wrap; margin-bottom: .9rem; }
+.st-verdict-note { color: var(--text-dim); font-size: .92rem; margin: 0; }
+
+/* ── Playbook ── */
+.st-pb-head { margin-bottom: 1.5rem; }
+.st-pb-title { font-size: 1.7rem; font-weight: 800; margin: 0 0 .4rem; }
+.st-pb-sub { color: var(--text-dim); margin: 0 0 .5rem; }
+.st-pb-tier { font-size: .9rem; font-weight: 700; color: var(--accent); margin: 0; }
+.st-pb-section { margin-bottom: 1.4rem; border: 1px solid var(--border); border-radius: 12px; background: var(--card); padding: 1rem 1.2rem; }
+.st-pb-section h3 { margin: 0 0 .7rem; font-size: 1.05rem; }
+.st-pb-items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
+.st-pb-item { font-size: .95rem; }
+.st-pb-check { display: flex; gap: .55rem; align-items: flex-start; cursor: pointer; }
+.st-pb-check input { margin-top: .25rem; accent-color: var(--accent); flex: none; }
+.st-pb-check input:checked + span { color: var(--text-dim); text-decoration: line-through; }
+.st-pb-quote, .st-pb-prompt blockquote { margin: .3rem 0; padding: .6rem .9rem; border-left: 3px solid var(--accent); background: var(--bg-surface, var(--bg-dim)); border-radius: 6px; font-size: .92rem; }
+.st-pb-code { display: flex; gap: .6rem; align-items: flex-start; margin-top: .4rem; }
+.st-pb-code pre { flex: 1; margin: 0; padding: .65rem .9rem; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-surface, var(--bg-dim)); font-size: .82rem; overflow-x: auto; white-space: pre-wrap; word-break: break-all; }
+.st-pb-copy { flex: none; }
+.st-pb-prompt { margin-top: .4rem; }
+.st-pb-prompt .btn-primary { margin-top: .5rem; }
+.st-pb-link { color: var(--accent); font-weight: 700; text-decoration: none; font-size: .92rem; }
+.st-pb-link:hover { text-decoration: underline; }
+.st-pb-actions { display: flex; gap: .8rem; flex-wrap: wrap; align-items: center; margin: 1.4rem 0; }
+
+/* ── Doors ── */
+.st-doors { margin-top: 2rem; padding-top: 1.4rem; border-top: 1px solid var(--border); }
+.st-doors-title { font-size: 1.15rem; margin: 0 0 .3rem; }
+.st-doors-sub { color: var(--text-dim); font-size: .9rem; margin: 0 0 1rem; }
+.st-doors-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem; }
+@media (max-width: 700px) { .st-doors-grid { grid-template-columns: 1fr; } }
+.st-door { display: flex; flex-direction: column; gap: .3rem; border: 1px solid var(--border); border-radius: 12px; background: var(--card); padding: 1rem 1.1rem; text-decoration: none; color: var(--text); }
+.st-door:hover { border-color: var(--accent); }
+.st-door-name { font-weight: 700; }
+.st-door-desc { font-size: .85rem; color: var(--text-dim); }
+
+/* ── Footer ── */
+.st-footer { margin-top: 2.5rem; padding-top: 1.2rem; border-top: 1px solid var(--border); text-align: center; font-size: .85rem; color: var(--text-dim); }
+.st-footer a { color: var(--text-dim); }
+.st-footer a:hover { color: var(--text); }
+
+/* ── Print: emit only the playbook ──
+ * Scoped to body.st-active (added by start.js while the view is mounted): view CSS is preloaded
+ * globally in spa.html, so an unscoped `body *` rule here would blank printing on every view. */
+@media print {
+  body.st-active * { visibility: hidden; }
+  body.st-active .st-print-area, body.st-active .st-print-area * { visibility: visible; }
+  body.st-active .st-print-area { position: absolute; top: 0; left: 0; width: 100%; }
+  body.st-active .st-no-print, body.st-active .st-no-print * { display: none !important; }
+  body.st-active .st-pb-section { break-inside: avoid; }
+}

package/dist/public/js/components/tag-cloud.js

@@ -1,31 +1,46 @@
-import { h } from 'preact';
-import htm from 'htm';
-const html = htm.bind(h);
-import { t } from '/js/i18n.js';
-
-/**
- * TagCloud — clickable tag filter pills.
- * @param {Object} props
- * @param {string[]} props.tags — all available tags (will be sorted)
- * @param {Set<string>} props.selected — currently active filter tags
- * @param {(tag: string) => void} props.onToggle — called when a tag is clicked
- * @param {() => void} props.onClear — called when clear button is clicked
- */
-export default function TagCloud({ tags, selected, onToggle, onClear }) {
-  if (!tags || tags.length === 0) return null;
-  const sorted = [...tags].sort();
-  return html`
-    <div class="tag-cloud">
-      ${sorted.map(tag => html`
-        <button key=${tag}
-          class="tag-pill ${selected.has(tag) ? 'active' : ''}"
-          onClick=${() => onToggle(tag)}>
-          ${tag}
-        </button>
-      `)}
-      ${selected.size > 0 && html`
-        <button class="tag-pill tag-clear" onClick=${onClear}>\u2715 ${t('tags.clear') || 'Clear'}</button>
-      `}
-    </div>
-  `;
-}
+import { h } from 'preact';
+import { useState } from 'preact/hooks';
+import htm from 'htm';
+const html = htm.bind(h);
+import { t } from '/js/i18n.js';
+
+/**
+ * TagCloud — clickable tag filter pills.
+ * @param {Object} props
+ * @param {string[]} props.tags — available tags. Pre-sorted order is respected when
+ *   `limit` is set (pass most-used first); otherwise sorted alphabetically.
+ * @param {Set<string>} props.selected — currently active filter tags
+ * @param {(tag: string) => void} props.onToggle — called when a tag is clicked
+ * @param {() => void} props.onClear — called when clear button is clicked
+ * @param {number} [props.limit] — show only the first N tags behind a "show all" toggle.
+ *   Selected tags always stay visible so an active filter can't hide its own pill.
+ */
+export default function TagCloud({ tags, selected, onToggle, onClear, limit }) {
+  const [showAll, setShowAll] = useState(false);
+  if (!tags || tags.length === 0) return null;
+  const ordered = limit ? [...tags] : [...tags].sort();
+  const capped = limit && !showAll && ordered.length > limit;
+  const visible = capped ? ordered.filter((tag, i) => i < limit || selected.has(tag)) : ordered;
+  return html`
+    <div class="tag-cloud">
+      ${visible.map(tag => html`
+        <button key=${tag}
+          class="tag-pill ${selected.has(tag) ? 'active' : ''}"
+          onClick=${() => onToggle(tag)}>
+          ${tag}
+        </button>
+      `)}
+      ${capped && html`
+        <button class="tag-pill tag-more" onClick=${() => setShowAll(true)}>
+          ${(t('profile.memory.showAllTags') || 'Show all ({n})').replace('{n}', String(ordered.length))}
+        </button>
+      `}
+      ${limit && showAll && ordered.length > limit && html`
+        <button class="tag-pill tag-more" onClick=${() => setShowAll(false)}>${t('profile.memory.fewerTags') || 'Show fewer'}</button>
+      `}
+      ${selected.size > 0 && html`
+        <button class="tag-pill tag-clear" onClick=${onClear}>✕ ${t('tags.clear') || 'Clear'}</button>
+      `}
+    </div>
+  `;
+}

package/dist/public/js/components/tag-editor.js

@@ -29,8 +29,8 @@ export default function TagEditor({ tags, onSave, maxTags = 20 }) {
     <div class="tag-editor">
       <div class="tag-editor-pills">
         ${tags.map(tag => html`
-          <span class="tag-pill active" key=${tag} onClick=${() => removeTag(tag)}>
-            ${tag} \u2715
+          <span class="tag-pill tag-removable" key=${tag} onClick=${() => removeTag(tag)}>
+            ${tag} <span class="tag-x">\u2715</span>
           </span>
         `)}
       </div>

package/dist/public/js/recents.js

@@ -0,0 +1,40 @@
+/**
+ * @file recents.js
+ * @description "Continue" list backing store — the last opened things (workspaces, apps,
+ *   organisms, …) across types, so the profile home can offer one-click returns with real
+ *   display names. Device-local by design (localStorage): what you opened HERE.
+ * @structure
+ *   - recordRecent(item) — upsert by type+id to the front, capped at 12
+ *   - listRecents(n)     — newest first
+ * @usage
+ *   import { recordRecent, listRecents } from '/js/recents.js';
+ *   recordRecent({ type: 'workspace', id: orgId + '/' + wsId, label: wsName, sub: orgName, data: { orgId, wsId } });
+ * @version-history
+ *   v1.0.0 — 2026-06-10 — Initial: localStorage-backed cross-type recents for the home dashboard.
+ */
+
+const KEY = 'aimeat.recents';
+const CAP = 12;
+
+function readAll() {
+  try {
+    const raw = localStorage.getItem(KEY);
+    const list = raw ? JSON.parse(raw) : [];
+    return Array.isArray(list) ? list : [];
+  } catch { return []; }
+}
+
+/** Record a visit. item: { type, id, label, sub?, data? } — type+id is the identity. */
+export function recordRecent(item) {
+  if (!item || !item.type || !item.id || !item.label) return;
+  try {
+    const list = readAll().filter(x => !(x.type === item.type && x.id === item.id));
+    list.unshift({ type: item.type, id: item.id, label: item.label, sub: item.sub || '', data: item.data || {}, at: new Date().toISOString() });
+    localStorage.setItem(KEY, JSON.stringify(list.slice(0, CAP)));
+  } catch { /* recents are a convenience — never break the caller */ }
+}
+
+/** Newest-first recents, capped at n. */
+export function listRecents(n = 5) {
+  return readAll().slice(0, n);
+}

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

@@ -269,3 +269,9 @@ export const getAdminAgentTasks = (params = {}) => {
 
 // ── Sharing Groups (admin) ──
 export const getAdminSharingGroups = () => apiGet('/v1/admin/sharing-groups');
+
+// ── Subdomain mappings (operator) ──
+export const getSubdomainSites   = ()             => apiGet('/v1/admin/subdomains');
+export const createSubdomainSite = (body)         => apiPost('/v1/admin/subdomains', body);
+export const updateSubdomainSite = (sub, updates) => apiPatch(`/v1/admin/subdomains/${encodeURIComponent(sub)}`, updates);
+export const deleteSubdomainSite = (sub)          => apiDelete(`/v1/admin/subdomains/${encodeURIComponent(sub)}`);

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

@@ -11,6 +11,40 @@ export async function listAgents(owner) {
   return owner ? list.filter(a => a.owner === owner) : list;
 }
 
+/** Workspace-contract advertising via owner-managed agent tags (colon-free — the server tag
+ *  pattern allows only [a-z0-9._-]): the tag 'workspace-contract' marks an agent as a contract
+ *  provider, and 'contract.<name>' tags name the contract(s) it serves. Convention documented in
+ *  docs/agent-workspace-contracts.md; agents set tags via aimeat_agent_tags_set / PATCH tags. */
+export const offersWorkspaceContract = (a) => (a?.tags || []).includes('workspace-contract');
+
+/** The contract names an agent advertises ('contract.<name>' tags, prefix stripped). */
+export const contractNamesOf = (a) => (a?.tags || [])
+  .filter(tg => String(tg).startsWith('contract.'))
+  .map(tg => String(tg).slice('contract.'.length));
+
+/** One-click contract adoption: queue the agreed adopt-contract TASK for one of the owner's
+ *  agents. The agent recognises it from scope[kind]='adopt-contract' (NOT the title), joins the
+ *  organism if needed, provisions its contract's spaces itself (workspace_update add_spaces from
+ *  its OWN contract declaration — §2 of the guide), and completes the task with what was added.
+ *  Convention: docs/agent-workspace-contracts.md §7c — agreed with the crewaimeat side 2026-06-10. */
+export async function adoptContractTask(agentName, { organismId, ws, contract }) {
+  const { createTask } = await import('/js/services/agent-tasks.js');
+  return createTask(agentName, {
+    title: `adopt-contract: ${contract || 'workspace-contract'} → ${ws}`,
+    description: `Adopt your '${contract || ''}' contract into workspace ${ws} of organism ${organismId}: join the organism if needed, provision the contract's spaces (workspace_update add_spaces from your own contract declaration), then complete this task with what was added.`,
+    // 'queued' is REQUIRED: without it the task is created as a draft and never auto-activates.
+    // A task-runner-mode agent flips queued → active immediately (push over the tunnel); other
+    // modes keep the standard queued → owner-start gate. (crewaimeat live-test finding 2026-06-10.)
+    status: 'queued',
+    scope: [
+      { name: 'kind', value: 'adopt-contract', type: 'text' },
+      { name: 'organism_id', value: organismId, type: 'text' },
+      { name: 'ws', value: ws, type: 'text' },
+      ...(contract ? [{ name: 'contract', value: contract, type: 'text' }] : []),
+    ],
+  });
+}
+
 /** List chat session agents (name starts with 'session-'). */
 export async function listChatSessions(owner) {
   const agents = await listAgents(owner);