aimeat 1.23.2 → 1.23.3

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);

package/dist/public/js/services/offers.js

@@ -0,0 +1,152 @@
+/**
+ * @file offers.js
+ * @description Frontend service for the Agent Offers surface ("what can I do with my agents"). Reads
+ *   the owner aggregate feed + per-agent offers, and the mode-aware Ask: a schedule-born offer triggers
+ *   its schedule; a task-runner/autonomous agent runs a task; an interactive/workstation agent gets a
+ *   paste-ready prompt (AIMEAT's prompt-driven flow). See docs/plans/2026-06-12-agent-offers-*.md.
+ * @structure listOffers / getAgentOffers / publishOffers · ask(agentEntry, offer, inputs) · buildAskPrompt
+ * @usage import * as offers from '/js/services/offers.js';
+ * @version-history
+ *   v1.0.0 -- 2026-06-12 -- Initial: Do feed + mode-aware Ask (run / copy-prompt / schedule-trigger).
+ *   v1.1.0 -- 2026-06-12 -- Billable offers: setOfferBilling (patch one offer's price + visibility).
+ *   v1.2.0 -- 2026-06-12 -- Inbox fixes: deliverable read from the AGENT namespace (prefix + task-tag
+ *     fallback, returns a string); Ask task title carries the user's request (findable in the queue).
+ *   v1.3.0 -- 2026-06-12 -- Offer task carries ONLY the user's request (title + description); the offer
+ *     is referenced via scope.offer_id/offer_title — no more restuffing offer.ask/example (which made
+ *     the agent treat its own boilerplate as the request).
+ */
+import { apiGet, apiPost, apiPut } from '/js/api.js';
+import { copyToClipboard } from '/js/utils.js';
+import { createTask, rateTask } from '/js/services/agent-tasks.js';
+
+/** The goal-first feed: every agent's offers + mode/availability. */
+export async function listOffers() {
+  return apiGet('/v1/offers');
+}
+
+/** One agent's published offers. */
+export async function getAgentOffers(name) {
+  return apiGet(`/v1/agents/${encodeURIComponent(name)}/offers`);
+}
+
+/** Publish/replace an agent's offers (agent self or owner). */
+export async function publishOffers(name, doc) {
+  return apiPut(`/v1/agents/${encodeURIComponent(name)}/offers`, doc);
+}
+
+/** Owner edits ONE offer's billing fields (price + visibility), preserving the rest of the doc.
+ *  Re-reads the agent's current offers first (avoid clobbering a stale feed), patches, re-publishes.
+ *  `price` is `{ morsels, unit }` or `null` (not for sale); `visibility` is private|unlisted|public. */
+export async function setOfferBilling(name, offerId, { price, visibility }) {
+  const cur = await getAgentOffers(name);
+  const offers = (cur?.data?.offers || []).map(o => o.id === offerId
+    ? { ...o, ...(price !== undefined ? { price } : {}), ...(visibility !== undefined ? { visibility } : {}) }
+    : o);
+  return publishOffers(name, { offers });
+}
+
+/** The Inbox feed: everything that came back across all agents (non-draft tasks, newest first). */
+export async function listDeliverables() {
+  return apiGet('/v1/deliverables');
+}
+
+/** Fetch a task's deliverable from the AGENT's memory namespace (owner→agent read).
+ *  Deliverables live under the agent's GAII, not the owner's, so we read via
+ *  `?agent=<gaii>`. Primary handle is the recorded `deliverableKey`; fallback is the
+ *  `task:<id>` tag the runner stamps on every write (works even when the agent never
+ *  set deliverableKey — e.g. CrewAI agents that only publish to memory). Returns the
+ *  deliverable value as a string, or null if nothing was found. Mirrors the proven
+ *  read in agents-tasks-subtab.js. */
+export async function getDeliverableContent({ agentGaii, deliverableKey, taskId }) {
+  if (!agentGaii) return null;
+  const enc = encodeURIComponent;
+  const reqs = [];
+  if (deliverableKey) reqs.push(apiGet(`/v1/memory?agent=${enc(agentGaii)}&prefix=${enc(deliverableKey)}&per_page=5`).catch(() => null));
+  if (taskId) reqs.push(apiGet(`/v1/memory?agent=${enc(agentGaii)}&tags=${enc('task:' + taskId)}&per_page=50`).catch(() => null));
+  const results = await Promise.all(reqs);
+  const items = [];
+  const seen = new Set();
+  for (const r of results) {
+    const list = r?.data?.items || r?.data || [];
+    for (const it of (Array.isArray(list) ? list : [])) {
+      if (it.key && !seen.has(it.key)) { seen.add(it.key); items.push(it); }
+    }
+  }
+  if (!items.length) return null;
+  const len = (v) => (typeof v === 'string' ? v.length : 0);
+  // Prefer the exact deliverableKey, then an *output key, then the longest text value.
+  const pick = items.find(i => i.key === deliverableKey)
+    || items.find(i => /(latest_)?output$/.test(i.key))
+    || items.slice().sort((a, b) => len(b.value) - len(a.value))[0];
+  const v = pick?.value;
+  if (v == null) return null;
+  return typeof v === 'string' ? v : JSON.stringify(v, null, 2);
+}
+
+/** Rate a done task's deliverable via the LOCKED rate endpoint (→ agents.<agent>.statistics.*).
+ *  Owner ratings bypass source-grounding; we still send source_grounded:true (the owner saw it). */
+export async function rateDeliverable(agent, taskId, { stars, comment, context = 'other' }) {
+  return rateTask(agent, taskId, { stars, context, comment, source_grounded: true });
+}
+
+/** Compose the paste-ready prompt for an interactive/workstation agent (prompt-driven Ask). */
+export function buildAskPrompt(agentEntry, offer, inputs) {
+  const lines = [
+    `You are the agent "${agentEntry.agent}". I'm asking you to perform one of your offers.`,
+    ``,
+    `OFFER: ${offer.title}`,
+    `WHAT I'M ASKING: ${offer.ask}`,
+  ];
+  if (offer.example) lines.push(`EXAMPLE OF A REQUEST LIKE THIS: ${offer.example}`);
+  if (inputs && String(inputs).trim()) lines.push(``, `MY REQUEST: ${String(inputs).trim()}`);
+  if (offer.deliverable?.format) lines.push(``, `DELIVER: a ${offer.deliverable.format}${offer.deliverable.location?.space ? ` in ${offer.deliverable.location.space}` : ''}.`);
+  lines.push(``, `Do exactly this offer and nothing outside its scope. When done, write the deliverable and tell me where it is.`);
+  return lines.join('\n');
+}
+
+function scheduleIdOf(offer) {
+  const sb = offer?.availability?.scheduleBorn;
+  if (!sb) return null;
+  return typeof sb === 'object' ? (sb.scheduleId || null) : null;   // string form is a human label only
+}
+
+/**
+ * Mode-aware Ask. Branch order: schedule-born first (independent of mode), then by agent mode.
+ * Returns one of:
+ *   { kind: 'triggered' }                              — schedule-born → ran the schedule now
+ *   { kind: 'task', taskId, agent }                    — task-runner/autonomous → created a queued task
+ *   { kind: 'prompt', copied: true, prompt }           — interactive/workstation → copied a paste-ready prompt
+ */
+export async function ask(agentEntry, offer, inputs) {
+  const scheduleId = scheduleIdOf(offer);
+  if (scheduleId) {
+    const r = await apiPost(`/v1/schedules/${encodeURIComponent(scheduleId)}/trigger`, {});
+    return { kind: 'triggered', ok: r?.ok !== false, error: r?.error };
+  }
+
+  const mode = agentEntry.mode || 'interactive';
+  if (mode === 'task-runner' || mode === 'autonomous') {
+    // The agent ALREADY owns the offer (it published it). Do NOT restuff offer.ask/example into the
+    // task — that makes the agent treat its own boilerplate as the request (e.g. jokes ABOUT four
+    // comedians instead of jokes on the topic). The task carries ONLY the user's request as title +
+    // description; the offer is referenced structurally via scope (the runtime resolves it by offer_id).
+    const reqText = inputs ? String(inputs).trim() : '';
+    const title = reqText ? (reqText.length > 80 ? reqText.slice(0, 80) + '…' : reqText) : offer.title;
+    const r = await createTask(agentEntry.agent, {
+      title,
+      description: reqText,
+      status: 'queued',   // REQUIRED so a task-runner auto-activates it (other modes keep the owner-start gate)
+      scope: [
+        { name: 'kind', value: 'offer', type: 'text' },
+        { name: 'offer_id', value: offer.id, type: 'text' },
+        { name: 'offer_title', value: offer.title, type: 'text' },
+      ],
+    });
+    return { kind: 'task', taskId: r?.data?.task?.id || r?.data?.id, agent: agentEntry.agent, ok: r?.ok !== false, error: r?.error };
+  }
+
+  // interactive / workstation → prompt-driven
+  const prompt = buildAskPrompt(agentEntry, offer, inputs);
+  await copyToClipboard(prompt);
+  return { kind: 'prompt', copied: true, prompt };
+}

package/dist/public/js/services/packages.js

@@ -27,6 +27,7 @@ export const createPackage = (data) => apiPost('/v1/packages', data);
 export const createVersion = (groupId, data) => apiPost(`/v1/packages/${enc(groupId)}/versions`, data);
 export const updatePackage = (groupId, data) => apiPatch(`/v1/packages/${enc(groupId)}`, data);
 export const archiveVersion = (groupId, version) => apiDelete(`/v1/packages/${enc(groupId)}/versions/${enc(version)}`);
+export const archivePackageGroup = (groupId) => apiDelete(`/v1/packages/${enc(groupId)}`);
 
 // ── Instances ──
 export const listInstances = (params) => apiGet('/v1/instances' + buildQuery(params));

package/dist/public/spa.html

@@ -67,9 +67,11 @@
   <!-- View CSS preloaded so they are ready before any view renders (prevents FOUC) -->
   <!-- hrefs are stamped with ?v=BUILD_ID at serve time by portal.ts serveSpa() -->
   <link rel="stylesheet" href="/css/views/portal.css">
+  <link rel="stylesheet" href="/css/views/landing.css">
   <link rel="stylesheet" href="/css/views/portal-classic.css">
   <link rel="stylesheet" href="/css/views/portal-dev.css">
   <link rel="stylesheet" href="/css/views/profile.css">
+  <link rel="stylesheet" href="/css/views/offers.css">
   <link rel="stylesheet" href="/css/views/foundry.css">
   <link rel="stylesheet" href="/css/views/calibrator.css">
 <link rel="stylesheet" href="/css/views/hobbies.css">
@@ -86,6 +88,7 @@
   <link rel="stylesheet" href="/css/views/admin-agent-integration.css">
   <link rel="stylesheet" href="/css/views/public-knowledge-viewer.css">
   <link rel="stylesheet" href="/css/views/public-workspace-viewer.css">
+  <link rel="stylesheet" href="/css/views/start.css">
   <script type="importmap">
   {
     "imports": {
@@ -98,6 +101,7 @@
       "/js/format.js": "/js/format.js",
       "/js/api.js": "/js/api.js",
       "/js/hooks.js": "/js/hooks.js",
+      "/js/recents.js": "/js/recents.js",
       "/js/services/admin.js": "/js/services/admin.js",
       "/js/services/agents.js": "/js/services/agents.js",
       "/js/services/apps.js": "/js/services/apps.js",
@@ -151,6 +155,7 @@
       "/js/services/memory.js": "/js/services/memory.js",
       "/js/services/nodes.js": "/js/services/nodes.js",
       "/js/services/organisms.js": "/js/services/organisms.js",
+      "/js/services/offers.js": "/js/services/offers.js",
       "/js/services/packages.js": "/js/services/packages.js",
       "/js/services/security.js": "/js/services/security.js",
       "/js/services/stats.js": "/js/services/stats.js",
@@ -165,6 +170,7 @@
       "/components/Mermaid.js": "/components/Mermaid.js",
       "/components/NotificationBell.js": "/components/NotificationBell.js",
       "/components/CopyButton.js": "/components/CopyButton.js",
+      "/components/ContactCard.js": "/components/ContactCard.js",
       "/components/Spinner.js": "/components/Spinner.js",
       "/components/EmptyState.js": "/components/EmptyState.js",
       "/components/ToggleSwitch.js": "/components/ToggleSwitch.js",
@@ -255,7 +261,14 @@
     // insufficient — modules stay in the module registry for the full session).
     const B = window.__B || '';
     const ROUTES = {
-      '/v1/portal':      () => import('/views/portal.js' + B),
+      // Landing/portal split (2026-06-10): the route serves the logged-out landing;
+      // logged-in visitors are forwarded to /v1/profile by the view itself. The old
+      // portal view stays reachable at /v1/classic (prompt boxes / "Build").
+      '/v1/portal':      () => import('/views/landing.js' + B),
+      '/v1/pricing':     () => import('/views/pricing.js' + B),
+      '/v1/start':       () => import('/views/start.js' + B),
+      '/v1/how-it-works': () => import('/views/how-it-works.js' + B),
+      '/v1/business':    () => import('/views/business.js' + B),
       '/v1/profile':     () => import('/views/profile.js' + B),
       '/v1/guides':      () => import('/views/guides.js' + B),
       '/v1/hobbies':     () => import('/views/hobbies.js' + B),
@@ -347,6 +360,14 @@
           // Only intercept internal /v1/ links
           if (!href || !href.startsWith('/v1/')) return;
           if (e.ctrlKey || e.metaKey || e.shiftKey) return;
+          // Respect explicit new-tab / new-window targets — without this, an
+          // <a href="/v1/apps/.../launch?mode=inline" target="_blank"> from a
+          // child component would be hijacked, navigated in the same tab via
+          // matchRoute (which doesn't know /v1/apps/...), and dump the user
+          // back on the landing page.
+          const target = a.getAttribute('target');
+          if (target && target !== '_self' && target !== '') return;
+          if (a.hasAttribute('download')) return;
           e.preventDefault();
           navigate(href);
         };
@@ -438,6 +459,10 @@
 
       const handleNav = (e, path) => {
         e.preventDefault();
+        // Mark in-app navigation: the landing redirects logged-in users to their Home
+        // ONLY on direct arrival (bookmark/external link), never when they deliberately
+        // navigated here from inside the app (e.g. the brand link).
+        try { sessionStorage.setItem('aimeat.in-app', '1'); } catch {}
         navigate(path);
       };
 
@@ -456,7 +481,12 @@
             <button class="topnav-burger" aria-label="Menu" aria-expanded=${menuOpen ? 'true' : 'false'}
               onClick=${() => setMenuOpen(o => !o)}>☰</button>
             <div class="topnav-menu ${menuOpen ? 'open' : ''}">
-              <a href="/v1/classic" onClick=${(e) => { handleNav(e, '/v1/classic'); setMenuOpen(false); }} class="${currentPath === '/v1/classic' ? 'active' : ''}">${t('nav.try')}</a>
+              <!-- "Try it" leads to the landing's path cards + app gallery — an empty
+                   Welcome Board on /v1/classic was the weakest possible first experience.
+                   Classic stays reachable deeper (landing card B "Start building"). -->
+              <a href="/v1/portal" onClick=${(e) => { handleNav(e, '/v1/portal'); setMenuOpen(false); }} class="${currentPath === '/v1/portal' ? 'active' : ''}">${t('nav.try')}</a>
+              <a href="/v1/how-it-works" onClick=${(e) => { handleNav(e, '/v1/how-it-works'); setMenuOpen(false); }} class="${currentPath === '/v1/how-it-works' ? 'active' : ''}">${t('nav.howItWorks') || 'How it works'}</a>
+              <a href="/v1/business" onClick=${(e) => { handleNav(e, '/v1/business'); setMenuOpen(false); }} class="${currentPath === '/v1/business' ? 'active' : ''}">${t('nav.business') || 'For your business'}</a>
               <a href="/v1/portal?view=dev" onClick=${(e) => { handleNav(e, '/v1/portal?view=dev'); setMenuOpen(false); }}>${t('nav.devView')}</a>
               <a href="/v1/help" onClick=${(e) => { handleNav(e, '/v1/help'); setMenuOpen(false); }} class="${currentPath === '/v1/help' ? 'active' : ''}">${t('nav.help')}</a>
               ${session && html`