aimeat 1.30.2 → 1.32.0

package/dist/public/css/views/companies.css

@@ -0,0 +1,65 @@
+/**
+ * @file companies.css
+ * @description Styles for the public company directory + company page view (cm- prefix). Two-column:
+ *   directory list (left) + selected company's public profile + catalogue (right). Offer cards reuse
+ *   the of-* classes from offers.css (preloaded). Theme.css variables only (dark-theme safe).
+ * @version-history v0.1.0 — 2026-06-23 — initial
+ */
+
+.cm-container { max-width: 1100px; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
+.cm-center { display: flex; justify-content: center; padding: 4rem 0; }
+.cm-header { margin-bottom: 1.5rem; }
+.cm-title { font-size: 1.8rem; font-weight: 700; color: var(--text-bright); margin: 0 0 0.4rem; }
+.cm-desc { color: var(--text-dim); margin: 0; line-height: 1.5; }
+
+.cm-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.5rem; max-width: 640px; margin: 1.5rem auto; }
+
+.cm-grid { display: grid; grid-template-columns: 320px 1fr; gap: 1.5rem; align-items: start; }
+@media (max-width: 760px) { .cm-grid { grid-template-columns: 1fr; } }
+
+.cm-col { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.25rem; }
+.cm-col-title { font-size: 1.1rem; font-weight: 600; color: var(--text); margin: 0 0 0.75rem; }
+.cm-empty { color: var(--text-muted); font-style: italic; margin: 0.5rem 0 1rem; }
+.cm-mini { color: var(--text-muted); font-size: 0.78rem; }
+.cm-form-title { font-size: 0.95rem; font-weight: 600; color: var(--text); margin: 0.5rem 0 0.5rem; }
+
+.cm-dir-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
+.cm-dir-item {
+  width: 100%; text-align: left; background: var(--bg-elevated); border: 1px solid var(--border);
+  border-radius: var(--radius-sm); padding: 0.6rem 0.75rem; cursor: pointer;
+  display: flex; flex-direction: column; gap: 0.2rem; transition: border-color 0.15s, background 0.15s;
+}
+.cm-dir-item:hover { background: var(--bg-hover); }
+.cm-dir-item.active { border-color: var(--accent); background: var(--accent-faint); }
+.cm-dir-item { flex-direction: row; align-items: center; }
+.cm-dir-logo { width: 36px; height: 36px; border-radius: var(--radius-sm); object-fit: cover; border: 1px solid var(--border); background: var(--bg-card); flex-shrink: 0; }
+.cm-dir-text { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
+.cm-dir-name { color: var(--text); font-weight: 600; }
+.cm-dir-meta { color: var(--text-muted); font-size: 0.78rem; display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
+.cm-tag { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-full); padding: 0.05rem 0.45rem; font-size: 0.7rem; color: var(--text-dim); }
+
+.cm-profile-head { display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid var(--border); }
+.cm-profile-id { display: flex; align-items: center; gap: 0.85rem; }
+.cm-profile-logo { width: 56px; height: 56px; border-radius: var(--radius-sm); object-fit: cover; border: 1px solid var(--border); background: var(--bg-elevated); }
+.cm-profile-desc { color: var(--text-dim); margin: 0.3rem 0 0; line-height: 1.5; }
+.cm-pf-link { align-self: flex-start; margin-top: 0.5rem; }
+
+.cm-cat-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.6rem; }
+.cm-cat-item { list-style: none; }
+.cm-not-callable { color: var(--text-muted); font-size: 0.75rem; margin: 0.2rem 0; }
+
+.cm-result { margin-top: 0.5rem; padding: 0.6rem 0.7rem; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-sm); }
+.cm-result-msg { color: var(--text); font-size: 0.9rem; margin-bottom: 0.3rem; }
+.cm-receipt { color: var(--accent-bright); font-size: 0.8rem; margin-top: 0.4rem; }
+
+.cm-error { color: var(--danger); background: var(--danger-bg); border: 1px solid var(--danger-border); border-radius: var(--radius-sm); padding: 0.5rem 0.75rem; margin: 0.5rem 0; }
+
+.cm-header-row { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; }
+.cm-orders-panel { margin-bottom: 1.5rem; }
+.cm-receipt-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
+.cm-receipt-row { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 0.6rem 0.75rem; }
+.cm-receipt-top { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; }
+.cm-receipt-title { color: var(--text); font-weight: 600; }
+.cm-receipt-amt { color: var(--accent-bright); font-weight: 600; white-space: nowrap; }
+.cm-receipt-meta { display: flex; flex-wrap: wrap; gap: 0.6rem; color: var(--text-muted); font-size: 0.78rem; margin-top: 0.2rem; }
+.cm-receipt-code { margin-top: 0.25rem; }

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

@@ -163,7 +163,9 @@
 }
 
 /* ── Right pane ── */
-.inbox-panel { display: flex; flex-direction: column; min-width: 0; height: 100%; }
+/* min-height:0 lets this grid item respect the fixed .inbox-body height instead of growing to fit a tall
+   thread (grid/flex items default to min-height:auto = content size). */
+.inbox-panel { display: flex; flex-direction: column; min-width: 0; min-height: 0; height: 100%; }
 .inbox-panel--empty { align-items: center; justify-content: center; }
 
 .inbox-empty { text-align: center; color: var(--text-dim); display: flex; flex-direction: column; align-items: center; gap: 8px; }
@@ -182,6 +184,7 @@
 /* Message scroll area. */
 .inbox-msgs {
   flex: 1;
+  min-height: 0;            /* required so the flex child scrolls instead of growing past the composer */
   overflow-y: auto;
   padding: 16px;
   display: flex;
@@ -423,3 +426,152 @@
 .inbox-tracked-err { color: var(--danger); }
 .inbox-tracked-actions { display: flex; gap: 6px; flex-shrink: 0; }
 .inbox-tracked-done { color: var(--text-dim); font-size: 12px; padding: 8px 6px 2px; border-top: 1px solid var(--border); margin-top: 4px; }
+
+/* ── Interactive messages (federated AskUserQuestion): the inline question form ── */
+.inbox-iform {
+  margin-top: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+.inbox-iform-q { display: flex; flex-direction: column; gap: 6px; }
+.inbox-iform-chip {
+  align-self: flex-start;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--accent);
+  background: var(--accent-subtle);
+  border: 1px solid var(--accent-border);
+  border-radius: var(--radius-full);
+  padding: 1px 8px;
+}
+.inbox-iform-prompt { font-weight: 600; font-size: 13px; }
+.inbox-iform-req { color: var(--accent); }
+.inbox-iform-opts { display: flex; flex-direction: column; gap: 6px; }
+.inbox-iform-opt {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  padding: 8px 10px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  background: var(--card-bg);
+  cursor: pointer;
+  font-size: 13px;
+  transition: border-color 0.12s, background 0.12s;
+}
+.inbox-iform-opt:hover { border-color: var(--accent-border); }
+.inbox-iform-opt--on { border-color: var(--accent); background: var(--accent-subtle); }
+.inbox-iform-opt input { accent-color: var(--accent); flex-shrink: 0; }
+.inbox-iform-opt-label { min-width: 0; }
+.inbox-iform-other {
+  margin-top: 2px;
+  padding: 8px 10px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  background: var(--card-bg);
+  color: var(--text);
+  font-size: 13px;
+}
+.inbox-iform-other:focus { outline: none; border-color: var(--accent); }
+.inbox-iform-submit { align-self: flex-start; margin-top: 2px; }
+
+/* Read-only summary once the question has been answered. */
+.inbox-iform--done { gap: 8px; }
+.inbox-iform-answered { font-size: 13px; color: var(--text-dim); }
+
+/* ── Broadcast / send-to-many compose ── */
+.inbox-bc-mode { display: flex; gap: 8px; flex-wrap: wrap; }
+.inbox-bc-modeopt {
+  display: flex; align-items: center; gap: 6px;
+  padding: 6px 10px; border: 1px solid var(--border); border-radius: var(--radius-sm);
+  background: var(--card-bg); cursor: pointer; font-size: 13px;
+}
+.inbox-bc-modeopt input { accent-color: var(--accent); }
+.inbox-bc-modeopt--on { border-color: var(--accent); background: var(--accent-subtle); }
+.inbox-bc-chips { display: flex; flex-wrap: wrap; gap: 6px; }
+.inbox-bc-chip {
+  display: inline-flex; align-items: center; gap: 6px;
+  padding: 3px 6px 3px 10px; border: 1px solid var(--accent-border); border-radius: var(--radius-full);
+  background: var(--accent-subtle); font-size: 12px; max-width: 100%;
+}
+.inbox-bc-chip-x {
+  border: none; background: transparent; color: var(--text-dim); cursor: pointer;
+  font-size: 12px; line-height: 1; padding: 2px 4px; border-radius: var(--radius-full);
+}
+.inbox-bc-chip-x:hover { color: var(--danger); background: var(--card-bg); }
+.inbox-bc-add { display: flex; gap: 8px; }
+.inbox-bc-add .inbox-input { flex: 1; }
+/* Operator audience select (all node / all federation users). */
+.inbox-bc-audience--on { border-color: var(--accent); background: var(--accent-subtle); }
+
+/* Announcement note shown in place of the reply composer (read-only thread). */
+.inbox-announce-note {
+  border-top: 1px solid var(--border-subtle);
+  padding: 12px 16px; color: var(--text-dim); font-size: 13px; text-align: center;
+}
+
+/* ── Poll builder (compose a poll broadcast) ── */
+.inbox-poll-builder { display: flex; flex-direction: column; gap: 12px; }
+.inbox-poll-q {
+  display: flex; flex-direction: column; gap: 8px;
+  border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 10px; background: var(--card-bg);
+}
+.inbox-poll-q-head { display: flex; align-items: center; gap: 8px; }
+.inbox-poll-q-head .inbox-input { flex: 1; }
+.inbox-poll-q-n { font-weight: 600; color: var(--text-dim); }
+.inbox-poll-opts { display: flex; flex-direction: column; gap: 6px; padding-left: 12px; }
+.inbox-poll-opt { display: flex; align-items: center; gap: 6px; }
+.inbox-poll-opt .inbox-input { flex: 1; }
+.inbox-poll-flags { display: flex; flex-wrap: wrap; gap: 12px; font-size: 12px; color: var(--text-dim); }
+.inbox-poll-flags label { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
+.inbox-poll-flags input { accent-color: var(--accent); }
+
+/* ── Broadcast / poll results ── */
+.inbox-results-summary { font-size: 13px; color: var(--text-dim); padding-bottom: 8px; border-bottom: 1px solid var(--border-subtle); }
+.inbox-results-q { display: flex; flex-direction: column; gap: 6px; padding: 10px 0; }
+.inbox-results-prompt { font-weight: 600; font-size: 14px; }
+.inbox-results-bar { display: flex; flex-direction: column; gap: 3px; }
+.inbox-results-bar-label { display: flex; justify-content: space-between; font-size: 13px; }
+.inbox-results-bar-track { height: 8px; border-radius: var(--radius-full); background: var(--card-bg-alt); overflow: hidden; }
+.inbox-results-bar-fill { height: 100%; width: var(--w, 0%); background: var(--accent); border-radius: var(--radius-full); transition: width 0.3s; }
+.inbox-results-others { font-size: 12px; color: var(--text-dim); }
+.inbox-results-reclist { display: flex; flex-direction: column; gap: 4px; padding-top: 8px; }
+.inbox-results-rec { display: flex; justify-content: space-between; font-size: 13px; color: var(--text-dim); }
+
+/* ── Agent capabilities in chat: command chips + fill-in form (Phase A) ── */
+.inbox-cmdbar {
+  display: flex; align-items: center; flex-wrap: wrap; gap: 6px;
+  padding: 8px 12px; border-top: 1px solid var(--border-subtle);
+}
+.inbox-cmdbar-label { font-size: 12px; color: var(--text-dim); margin-right: 2px; }
+.inbox-cmd-chip {
+  border: 1px solid var(--accent-border); background: var(--accent-subtle); color: var(--text);
+  font-size: 12px; padding: 4px 10px; border-radius: var(--radius-full); cursor: pointer;
+}
+.inbox-cmd-chip:hover { border-color: var(--accent); }
+.inbox-cmdfill {
+  display: flex; flex-direction: column; gap: 8px;
+  padding: 10px 12px; border-top: 1px solid var(--border-subtle); background: var(--card-bg-alt);
+}
+.inbox-cmdfill-head { display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 13px; }
+.inbox-cmdfill-desc { font-size: 12px; color: var(--text-dim); }
+.inbox-cmdfill-field { display: flex; flex-direction: column; gap: 3px; }
+.inbox-cmdfill-pname { font-size: 12px; color: var(--text-dim); }
+.inbox-cmdfill-go { align-self: flex-start; }
+
+/* ── Agent schedule panel (Phase B — own agents only) ── */
+.inbox-sched-btn { margin-left: auto; }
+.inbox-sched-btn--on { background: var(--accent-subtle); border-color: var(--accent); }
+.inbox-sched {
+  display: flex; flex-direction: column; gap: 10px;
+  padding: 10px 12px; border-top: 1px solid var(--border-subtle); background: var(--card-bg-alt);
+}
+.inbox-sched-head { display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 13px; }
+.inbox-sched-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
+.inbox-sched-item { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; }
+.inbox-sched-name { color: var(--text); }
+.inbox-sched-cron { color: var(--text-dim); font-family: var(--font-mono, monospace); font-size: 12px; }
+.inbox-sched-new { display: flex; flex-direction: column; gap: 6px; }
+.inbox-sched-new .btn-primary { align-self: flex-start; }
+.inbox-sched-desc { min-height: 38px; resize: vertical; }

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

@@ -0,0 +1,33 @@
+/**
+ * @file members.css
+ * @description Node members showcase grid (published-portfolio owners). Card grid with avatar + name +
+ *   bio, linking to each member's portfolio.
+ * @version-history
+ *   v1.0.0 — 2026-06-23 — Initial.
+ */
+.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));
+  gap: 16px;
+}
+.mbr-card {
+  display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center;
+  padding: 20px 14px; border: 1px solid var(--card-border, var(--border)); border-radius: var(--radius-md, 12px);
+  background: var(--card-bg); text-decoration: none; color: inherit;
+  transition: border-color 0.12s, transform 0.12s;
+}
+.mbr-card:hover { border-color: var(--accent); transform: translateY(-2px); }
+.mbr-avatar {
+  width: 64px; height: 64px; border-radius: var(--radius-full, 50%);
+  display: flex; align-items: center; justify-content: center;
+  font-size: 32px; background: var(--accent-subtle); border: 1px solid var(--accent-border);
+}
+.mbr-name { font-weight: 600; }
+.mbr-bio {
+  font-size: 13px; color: var(--text-dim);
+  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
+}

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

@@ -0,0 +1,315 @@
+/**
+ * @file my-company.css
+ * @description Styles for the "Yritykseni" (My Company) view (mc- prefix). Two-column layout:
+ *   company list + create form (left), selected-company offerings + add form + org wallet (right).
+ *   Uses theme.css variables only (dark-theme safe).
+ * @version-history v0.1.0 — 2026-06-23 — initial
+ */
+
+.mc-container {
+  max-width: 1100px;
+  margin: 0 auto;
+  padding: 2rem 1.25rem 4rem;
+}
+
+.mc-center {
+  display: flex;
+  justify-content: center;
+  padding: 4rem 0;
+}
+
+.mc-header { margin-bottom: 1.5rem; }
+
+.mc-title {
+  font-size: 1.8rem;
+  font-weight: 700;
+  color: var(--text-bright);
+  margin: 0 0 0.4rem;
+}
+
+.mc-desc {
+  color: var(--text-dim);
+  margin: 0;
+  line-height: 1.5;
+}
+
+.mc-grid {
+  display: grid;
+  grid-template-columns: 340px 1fr;
+  gap: 1.5rem;
+  align-items: start;
+}
+
+@media (max-width: 760px) {
+  .mc-grid { grid-template-columns: 1fr; }
+}
+
+.mc-col {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 1.25rem;
+}
+
+.mc-card {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 1.5rem;
+  max-width: 640px;
+  margin: 1.5rem auto;
+}
+
+.mc-col-title {
+  font-size: 1.1rem;
+  font-weight: 600;
+  color: var(--text);
+  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;
+  margin: 0 0 1rem;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.4rem;
+}
+
+.mc-org-item {
+  width: 100%;
+  text-align: left;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  padding: 0.6rem 0.75rem;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+  transition: border-color 0.15s, background 0.15s;
+}
+
+.mc-org-item:hover { background: var(--bg-hover); }
+.mc-org-item.active { border-color: var(--accent); background: var(--accent-faint); }
+
+.mc-org-name { color: var(--text); font-weight: 600; }
+.mc-org-meta { color: var(--text-muted); font-size: 0.78rem; }
+
+.mc-form {
+  border-top: 1px solid var(--border);
+  margin-top: 1rem;
+  padding-top: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.6rem;
+}
+
+.mc-form-title {
+  font-size: 0.95rem;
+  font-weight: 600;
+  color: var(--text);
+  margin: 0 0 0.25rem;
+}
+
+.mc-label {
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
+  color: var(--text-dim);
+  font-size: 0.85rem;
+}
+
+.mc-input {
+  background: var(--bg-input);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  padding: 0.5rem 0.6rem;
+  color: var(--text);
+  font-size: 0.9rem;
+}
+
+.mc-input:focus {
+  outline: none;
+  border-color: var(--border-focus);
+  background: var(--bg-input-focus);
+}
+
+.mc-detail-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-bottom: 1rem;
+}
+
+.mc-wallet { color: var(--text-dim); font-size: 0.9rem; }
+.mc-wallet strong { color: var(--accent-bright); }
+
+.mc-off-list {
+  list-style: none;
+  margin: 0 0 1rem;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.4rem;
+}
+
+.mc-off-item {
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  padding: 0.75rem 0.85rem;
+}
+
+.mc-off-main { display: flex; flex-direction: column; gap: 0.4rem; }
+.mc-off-row { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; }
+.mc-off-title { color: var(--text); font-weight: 600; }
+.mc-off-price { color: var(--accent-bright); font-weight: 600; white-space: nowrap; }
+.mc-off-ask { color: var(--text-dim); font-size: 0.85rem; }
+.mc-off-meta { display: flex; flex-wrap: wrap; gap: 0.35rem; }
+
+.mc-chip {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-full);
+  padding: 0.1rem 0.55rem;
+  font-size: 0.72rem;
+  color: var(--text-dim);
+}
+
+.mc-use { display: flex; gap: 0.5rem; align-items: flex-end; margin-top: 0.3rem; }
+.mc-use-input { flex: 1; resize: vertical; font-family: inherit; }
+
+.mc-result {
+  margin-top: 0.5rem;
+  padding: 0.6rem 0.7rem;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+}
+.mc-result-label { color: var(--text-muted); font-size: 0.75rem; margin-bottom: 0.3rem; }
+.mc-result-msg { color: var(--text); font-size: 0.9rem; }
+.mc-receipt { color: var(--accent-bright); font-size: 0.8rem; margin-top: 0.4rem; }
+.mc-mini { color: var(--text-muted); font-size: 0.75rem; }
+
+.mc-section-head { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; }
+
+.mc-picker {
+  border: 1px dashed var(--border);
+  border-radius: var(--radius-sm);
+  padding: 0.75rem;
+  margin: 0.5rem 0 1rem;
+  background: var(--bg-card);
+}
+.mc-pick-hint { color: var(--text-dim); font-size: 0.85rem; margin: 0 0 0.6rem; }
+.mc-pick-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
+.mc-pick-item {
+  display: flex; justify-content: space-between; align-items: center; gap: 0.5rem;
+  background: var(--bg-elevated); border: 1px solid var(--border);
+  border-radius: var(--radius-sm); padding: 0.5rem 0.7rem;
+}
+.mc-listed { color: var(--success); font-size: 0.8rem; font-weight: 600; }
+.mc-pick-agents { display: flex; flex-direction: column; gap: 0.75rem; }
+.mc-pick-agent { border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 0.5rem 0.6rem; background: var(--bg-elevated); }
+.mc-pick-agent-name { font-weight: 600; color: var(--text); font-size: 0.85rem; margin-bottom: 0.35rem; }
+.mc-pick-none { color: var(--text-muted); }
+
+.mc-manage { border: 1px dashed var(--border); border-radius: var(--radius-sm); padding: 0.5rem 0.6rem; margin: 0.4rem 0 0.6rem; }
+.mc-manage-head { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; margin-bottom: 0.4rem; }
+.mc-config { display: flex; flex-direction: column; gap: 0.2rem; color: var(--text-dim); font-size: 0.85rem; }
+.mc-config b { color: var(--text); }
+.mc-manage-row { align-items: center; gap: 0.4rem; }
+.mc-price-input { width: 5rem; }
+.mc-saved { color: var(--success); }
+.mc-warn { color: var(--text-muted); }
+.mc-remove { color: var(--danger); }
+
+.mc-cat-item { list-style: none; margin-bottom: 0.6rem; }
+.of-card-head--static { cursor: default; }
+.mc-not-callable { color: var(--text-muted); font-size: 0.75rem; margin: 0.2rem 0; }
+
+.mc-subtabs { display: flex; gap: 0.25rem; border-bottom: 1px solid var(--border); margin: 0.5rem 0 1rem; flex-wrap: wrap; }
+.mc-subtab {
+  background: transparent; border: none; border-bottom: 2px solid transparent;
+  padding: 0.4rem 0.7rem; cursor: pointer; color: var(--text-dim); font-size: 0.9rem; font-weight: 600;
+}
+.mc-subtab:hover { color: var(--text); }
+.mc-subtab.active { color: var(--accent-bright); border-bottom-color: var(--accent); }
+.mc-role-chip { margin-left: auto; align-self: center; font-size: 0.72rem; font-weight: 600; color: var(--text-dim); background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-full); padding: 0.1rem 0.55rem; }
+
+.mc-cust-list, .mc-member-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
+.mc-cust { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 0.6rem 0.75rem; }
+.mc-cust-head { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; }
+.mc-cust-name { color: var(--text); font-weight: 600; }
+.mc-cust-spend { color: var(--accent-bright); font-weight: 600; }
+.mc-cust-meta { color: var(--text-muted); font-size: 0.78rem; margin: 0.2rem 0 0.4rem; }
+
+.mc-member { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 0.5rem 0.7rem; }
+.mc-member-name { color: var(--text); font-weight: 600; }
+
+.mc-head-id { display: flex; align-items: center; gap: 0.75rem; }
+.mc-head-logo { width: 44px; height: 44px; border-radius: var(--radius-sm); object-fit: cover; border: 1px solid var(--border); background: var(--bg-elevated); }
+.mc-logo-row { display: flex; align-items: center; gap: 0.75rem; margin-top: 0.3rem; }
+.mc-logo-preview { width: 56px; height: 56px; border-radius: var(--radius-sm); object-fit: cover; border: 1px solid var(--border); background: var(--bg-elevated); }
+.mc-logo-empty { width: 56px; height: 56px; border-radius: var(--radius-sm); border: 1px dashed var(--border); display: flex; align-items: center; justify-content: center; color: var(--text-muted); font-size: 0.7rem; text-align: center; }
+.mc-upload-btn { position: relative; overflow: hidden; cursor: pointer; }
+.mc-file-hidden { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
+.mc-checkbox-row { display: flex; align-items: center; gap: 0.5rem; color: var(--text); font-size: 0.9rem; cursor: pointer; }
+
+.mc-portfolio { display: flex; flex-direction: column; gap: 0.6rem; }
+.mc-pf-live { background: var(--success-bg); border: 1px solid var(--success); border-radius: var(--radius-sm); padding: 0.6rem 0.75rem; display: flex; flex-direction: column; gap: 0.4rem; }
+.mc-pf-prompt { font-family: var(--font-mono, monospace); font-size: 0.8rem; white-space: pre; }
+.mc-pf-html { font-family: var(--font-mono, monospace); font-size: 0.8rem; }
+.mc-theme-row { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.3rem 0 0.6rem; }
+.mc-theme-btn { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 0.4rem 0.9rem; cursor: pointer; color: var(--text-dim); font-weight: 600; font-size: 0.85rem; transition: border-color 0.15s, color 0.15s; }
+.mc-theme-btn:hover { color: var(--text); }
+.mc-theme-btn.active { border-color: var(--accent); color: var(--accent-bright); background: var(--accent-faint); }
+
+.mc-header-row { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; }
+
+.mc-orders-received { border-top: 1px solid var(--border); margin-top: 1.25rem; padding-top: 1rem; }
+.mc-order-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
+.mc-order {
+  background: var(--bg-elevated); border: 1px solid var(--border);
+  border-radius: var(--radius-sm); padding: 0.6rem 0.75rem;
+}
+.mc-order-head { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; }
+.mc-order-title { color: var(--text); font-weight: 600; }
+.mc-order-meta { display: flex; flex-wrap: wrap; gap: 0.6rem; color: var(--text-muted); font-size: 0.78rem; margin-top: 0.2rem; }
+.mc-order-input { color: var(--text-dim); font-size: 0.85rem; margin-top: 0.3rem; }
+.mc-order-receipt { color: var(--accent-bright); font-size: 0.82rem; margin-top: 0.3rem; }
+
+.mc-status { font-size: 0.72rem; font-weight: 600; padding: 0.1rem 0.55rem; border-radius: var(--radius-full); white-space: nowrap; }
+.mc-status--queued { background: var(--bg-card); color: var(--text-dim); border: 1px solid var(--border); }
+.mc-status--active { background: var(--accent-faint); color: var(--accent-bright); border: 1px solid var(--accent-border); }
+.mc-status--done { background: var(--success-bg); color: var(--success); border: 1px solid var(--success); }
+.mc-status--failed { background: var(--danger-bg); color: var(--danger); border: 1px solid var(--danger-border); }
+
+.mc-error {
+  color: var(--danger);
+  background: var(--danger-bg);
+  border: 1px solid var(--danger-border);
+  border-radius: var(--radius-sm);
+  padding: 0.5rem 0.75rem;
+  margin: 0 0 1rem;
+}
+
+.mc-stub-badge {
+  display: inline-block;
+  background: var(--accent-faint);
+  color: var(--accent-bright);
+  border: 1px solid var(--accent-border);
+  border-radius: var(--radius-full);
+  padding: 0.2rem 0.7rem;
+  font-size: 0.78rem;
+  font-weight: 600;
+  margin: 0 0 0.75rem;
+}

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

@@ -482,6 +482,7 @@
 .pf .scope-modal {max-width:560px}
 .pf .scope-modal h3 {margin-bottom:.25rem}
 .pf .scope-modal .scope-agent-info {color:var(--text-dim,#6B7280);font-size:.8rem;margin-bottom:1.25rem;font-family:monospace}
+.pf .scope-agent-msg {margin-left:.5rem;text-decoration:none;font-family:initial}
 .pf .scope-templates {display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}
 .pf .scope-tpl-btn {flex:1;min-width:100px;padding:.6rem .75rem;background:var(--bg-card,#FFFFFF);border:1px solid var(--border,#E5E7EB);border-radius:8px;cursor:pointer;color:var(--text-dim,#6B7280);font-size:.8rem;font-weight:600;transition:all .2s;text-align:center}
 .pf .scope-tpl-btn:hover {color:var(--text,#1A1A2E);border-color:var(--accent,#E8564A)}
@@ -3027,3 +3028,24 @@
 .pf-presence-pill--on { background: var(--accent); border-color: var(--accent); color: #fff; }
 .pf-presence-pill:disabled { opacity: .6; cursor: default; }
 .pf-presence-hint { font-size: .78rem; color: var(--text-dim); margin: .15rem 0 .35rem; }
+
+/* ── Discover tab (master directory) ───────────────────────────────────── */
+.dsc-controls { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin: 1rem 0 .75rem; }
+.dsc-scope { display: inline-flex; gap: .25rem; background: var(--bg-dim); border: 1px solid var(--border); border-radius: var(--radius-full); padding: .2rem; }
+.dsc-scope-btn { border-radius: var(--radius-full); padding: .3rem .85rem; font-size: .85rem; }
+.dsc-scope-active { background: var(--accent); color: #fff; }
+.dsc-search { flex: 1; min-width: 200px; padding: .5rem .75rem; background: var(--control-bg); border: 1px solid var(--control-border); border-radius: var(--radius); color: inherit; }
+.dsc-facets { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1rem; }
+.dsc-facet { padding: .3rem .7rem; font-size: .82rem; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-full); cursor: pointer; color: inherit; }
+.dsc-facet:hover { border-color: var(--accent-border); }
+.dsc-facet-active { background: var(--accent-subtle); border-color: var(--accent-border); color: var(--accent); }
+.dsc-item { display: block; padding: .75rem .9rem; margin-bottom: .6rem; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); text-decoration: none; color: inherit; transition: border-color .12s; }
+.dsc-item:hover { border-color: var(--accent-border); box-shadow: var(--shadow-sm); }
+.dsc-item-head { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
+.dsc-type-badge { font-size: .72rem; text-transform: uppercase; letter-spacing: .03em; color: var(--accent); background: var(--accent-subtle); border: 1px solid var(--accent-border); border-radius: var(--radius-full); padding: .1rem .5rem; }
+.dsc-item-title { font-size: .98rem; }
+.dsc-segment { font-size: .75rem; color: var(--text-dim); background: var(--bg-dim); border-radius: var(--radius-full); padding: .1rem .5rem; }
+.dsc-item-desc { margin-top: .35rem; font-size: .87rem; color: var(--text-dim); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
+.dsc-item-meta { margin-top: .5rem; display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; }
+.dsc-tag { font-size: .72rem; color: var(--muted); background: var(--bg-dim); border-radius: var(--radius-full); padding: .08rem .45rem; }
+.dsc-owner { margin-left: auto; font-size: .72rem; color: var(--muted); font-family: var(--mono); }

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

@@ -10,20 +10,38 @@
  * @version-history
  *   v1.0.0 -- 2026-06-16 -- Initial creation for user-to-user messaging (layer 5: Inbox tab).
  *   v1.0.1 -- 2026-06-19 -- JSDoc type annotations for frontend type-checking
+ *   v1.1.0 -- 2026-06-23 -- send() carries the optional `interactive` payload (federated AskUserQuestion).
  */
 import { api, apiGet } from '/js/api.js';
 
 const enc = encodeURIComponent;
 
 /** Send a direct message. `attachments` is an array of descriptors (storage_key, mime, size, kind, inline, id).
- *  `subject` opens a new topic thread; `conversationId` continues a specific existing thread. */
-export async function send({ to, body, attachments, replyTo, subject, conversationId } = /** @type {{ to?: any, body?: any, attachments?: any, replyTo?: any, subject?: any, conversationId?: any }} */ ({})) {
+ *  `subject` opens a new topic thread; `conversationId` continues a specific existing thread.
+ *  `interactive` carries a structured AskUserQuestion payload (a `questions` spec or the human's `answers`). */
+export async function send({ to, body, attachments, replyTo, subject, conversationId, interactive } = /** @type {{ to?: any, body?: any, attachments?: any, replyTo?: any, subject?: any, conversationId?: any, interactive?: any }} */ ({})) {
   return api('/v1/messages', {
     method: 'POST',
-    body: JSON.stringify({ to, body, attachments, reply_to: replyTo, subject, conversation_id: conversationId }),
+    body: JSON.stringify({ to, body, attachments, reply_to: replyTo, subject, conversation_id: conversationId, interactive }),
   });
 }
 
+/** Send one message to MANY recipients. `to` is an array of identities and/or `groupId` is a Share Group
+ *  whose members are the audience. `mode` 'announcement' = read-only; 'broadcast' = repliable. `interactive`
+ *  makes it a poll. Returns { broadcast_id, recipients, sent, failed }. */
+export async function sendBroadcast({ to, groupId, audience, mode, body, attachments, interactive } = /** @type {{ to?: any, groupId?: any, audience?: any, mode?: any, body?: any, attachments?: any, interactive?: any }} */ ({})) {
+  return api('/v1/messages/broadcast', {
+    method: 'POST',
+    body: JSON.stringify({ to, group_id: groupId, audience, mode, body, attachments, interactive }),
+  });
+}
+
+/** Aggregated results for a broadcast (recipients, delivered/read/answered counts, poll answers). */
+export async function getBroadcastResults(broadcastId) {
+  const r = await apiGet(`/v1/messages/broadcast/${enc(broadcastId)}`);
+  return r?.data || null;
+}
+
 export async function listInbox(unreadOnly = false) {
   const r = await apiGet(`/v1/messages/inbox${unreadOnly ? '?unread=true' : ''}`);
   return r?.data || { messages: [], total: 0, unread: 0 };