aimeat 1.23.0 → 1.23.2

package/dist/public/css/theme.css

@@ -10,6 +10,11 @@
    @usage Loaded first in spa.html <head>; the theme is toggled by /js/theme.js
      which flips the data-theme attribute on <html>.
    @version-history
+     v1.19.0 — 2026-06-10 — Controls get their own surface: new --control-bg/--control-border tokens
+       (light: white + gray-300; dark: raised #262934 + #4A4E5A). .btn-outline/.btn-ghost drop
+       background:transparent (they melted into the page as "framed text") and .input-field drops
+       background:var(--bg) (fields were LITERALLY the page color) — all three now use the control
+       tokens, buttons additionally get --shadow-sm so they read as pressable.
      v1.18.0 — 2026-06-02 — Component unification (#10 third toast pathway): tokenize the shared .toast color literals. Added a theme-invariant --toast-success-bg (green-500 #22C55E @ .95, the legacy toast green — deliberately NOT --success emerald, which would shift the hue), --toast-danger-bg (= --danger #EF4444 @ .95) and --toast-fg (white), same rationale as the badge palette. The base .toast and the .toast.error/.toast-error/.toast-success modifiers now reference these tokens instead of raw rgba()/#fff. Appearance-preserving: identical resolved values; solid saturated pills intentionally do not flip in dark mode. profile.js keeps its own showToast pathway (distinct .pf.toast-container wrapper + .toast.error markup) — left as a convergence candidate, NOT migrated, to avoid changing DOM/behavior.
      v1.17.0 — 2026-06-02 — Component unification (#26 recipient badge): add a theme-invariant --badge-*-bg palette (wildcard→danger, ghii→purple, organism→success, gaii→blue; domain #F97316 / node #6B7280 kept as own invariant swatches as they have no palette match) + --badge-fg white, so the profile .badge-* recipient classifier can drop its hardcoded hex (#8b5cf6/#f97316/#6b7280/#3b82f6) and dead light-only fallbacks (var(--success,#22c55e)/var(--danger,#ef4444)). Appearance-preserving: values resolve identically and these solid swatches intentionally do not flip in dark mode.
      v1.16.0 — 2026-06-02 — Component unification (#25 pill base): add a canonical token-only .pill shape primitive (inline-flex chip, --radius-full, compact padding, small bold text, pointer + opacity hover) — shape only, no colors; tints come from caller classes. Mirrors the shape the profile .vis-pill already used. The scoped .pf .vis-pill keeps its own shape declaration (the (0,2,0)-beats-bare-.pill specificity trap) but its radius was retokenized to the same --radius-full so the two stay in lockstep.
@@ -140,6 +145,12 @@
   --bg-input: var(--bg);
   --bg-input-focus: #FFFFFF;
 
+  /* Controls (outline/ghost buttons, input fields) — a surface DISTINCT from both the page bg and
+     white cards: white fill + a clearly visible border, so controls read as controls instead of
+     "framed text" that melts into the background. */
+  --control-bg: #FFFFFF;
+  --control-border: #D1D5DB;
+
   /* Code */
   --code-bg: #F3F4F6;
 
@@ -238,6 +249,10 @@
   --bg-input: #1C1E26;
   --bg-input-focus: #23262F;
 
+  /* Controls — slightly lighter than the card surface so they read as raised, with a visible border */
+  --control-bg: #262934;
+  --control-border: #4A4E5A;
+
   /* Code */
   --code-bg: #0E0F13;
 
@@ -603,8 +618,8 @@ a { color: inherit; text-decoration: none; }
 
 .btn-outline {
   padding: 0.65rem 1.5rem;
-  background: transparent;
-  border: 1px solid var(--border);
+  background: var(--control-bg);
+  border: 1px solid var(--control-border);
   border-radius: var(--radius-sm);
   color: var(--text-dim);
   font-size: 0.84rem;
@@ -613,15 +628,15 @@ a { color: inherit; text-decoration: none; }
   cursor: pointer;
   transition: all 0.15s;
   letter-spacing: 0;
-  box-shadow: none;
+  box-shadow: var(--shadow-sm);
   animation: none;
 }
 
 .btn-outline:hover {
   border-color: var(--text-muted);
   color: var(--text);
-  background: transparent;
-  box-shadow: none;
+  background: var(--control-bg);
+  box-shadow: var(--shadow-sm);
   transform: none;
 }
 
@@ -680,8 +695,8 @@ a { color: inherit; text-decoration: none; }
   gap: 0.35rem;
   padding: 7px 16px;
   border-radius: var(--radius-sm);
-  border: 1px solid var(--border);
-  background: transparent;
+  border: 1px solid var(--control-border);
+  background: var(--control-bg);
   color: var(--text-dim);
   text-decoration: none;
   font-size: 0.81rem;
@@ -692,7 +707,7 @@ a { color: inherit; text-decoration: none; }
 .btn-ghost:hover {
   border-color: var(--text-muted);
   color: var(--text);
-  background: transparent;
+  background: var(--control-bg);
 }
 
 /* ── Cards ── */
@@ -1040,8 +1055,8 @@ a { color: inherit; text-decoration: none; }
 .input-field {
   width: 100%;
   padding: 11px 14px;
-  background: var(--bg);
-  border: 1.5px solid var(--border);
+  background: var(--control-bg);
+  border: 1.5px solid var(--control-border);
   border-radius: var(--radius-sm);
   color: var(--text);
   font-family: var(--font);

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).
@@ -2035,9 +2039,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; }
@@ -2106,6 +2107,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; }
@@ -2382,3 +2388,61 @@
 .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; }

package/dist/public/js/services/organisms.js

@@ -1,8 +1,15 @@
 /**
- * AIMEAT Organisms Service
- * Organism CRUD, membership, join requests, and the manifest-driven workspace
- * (a "project" is just an organism with a meta.manifest): apply a template,
- * read the workspace, write/publish drafts, and resolve gate approvals.
+ * @file organisms.js
+ * @description AIMEAT Organisms Service — organism CRUD, membership, join requests, and the
+ *   manifest-driven workspace (a "project" is just an organism with a meta.manifest): apply a
+ *   template, generate a workspace with AI, read the workspace, write/publish drafts, and
+ *   resolve gate approvals.
+ * @usage import * as orgService from '/js/services/organisms.js';
+ * @version-history
+ *   v1.1.0 — 2026-06-10 — Generator prompt: per-property "description", "readOnly": true for
+ *     agent-filled result fields (never required), "x-default": "currentUser" for requester
+ *     fields, and a manifest "i18n" block (en + request language) with flat "{ns}.{field}",
+ *     "{ns}.{field}.hint" and "type.{name}" labels the workspace UI renders.
  */
 import { api, apiGet, apiPost, apiPut, apiPatch, apiDelete } from '/js/api.js';
 
@@ -235,6 +242,7 @@ Respond with this shape:
     "kind": "<short-kebab-case kind, e.g. game-dev>",
     "status": "active",
     "objectTypes": [ <one entry per type> ],
+    "i18n": { <UI labels per language — see below> },
     "policy": { "agentAutonomy": "L3", "alwaysGate": [] }
   },
   "schemas": { <one JSON Schema per RECORDS type, keyed by that type's namespace> },
@@ -254,6 +262,17 @@ Give every objectType all of these fields:
 For each RECORDS type, add a JSON Schema under "schemas" keyed by its namespace:
 { "type": "object", "required": ["id", ...], "properties": { "id": { "type": "string" }, ... } }
 Give every record an "id" string property. Use "enum" for status-like fields and "format": "date" (or "date-time") for date fields.
+Also, for each property:
+- Give every property except "id" a short English "description" telling a human what to fill in.
+- Result fields that an agent or automation fills later (e.g. result_ref, output links, error details) get "readOnly": true — the form hides them from humans. Never list a readOnly field in "required".
+- Fields that should default to the acting user's identity (e.g. requested_by, created_by, author) get "x-default": "currentUser".
+
+Inside "manifest", add an "i18n" object with UI labels: one entry per language — always "en", plus the language of the user's request if different. Keys are flat strings:
+- "<namespace>.<field>": a short human label for that field
+- "<namespace>.<field>.hint": one short sentence telling the user what to enter
+- "type.<objectType name>": a short plural label for that type's tab
+Example: "i18n": { "en": { "shared.milestones.title": "Title", "shared.milestones.title.hint": "A short name for the milestone", "type.milestone": "Milestones" }, "fi": { "shared.milestones.title": "Otsikko", "shared.milestones.title.hint": "Lyhyt nimi virstanpylväälle", "type.milestone": "Virstanpylväät" } }
+Cover every field of every RECORDS type (labels + hints) and every objectType (type.<name>) in every language you include.
 
 For each DOCUMENT type, the content is free markdown — keep it out of "schemas" and "examples" (a document needs neither).
 
@@ -267,10 +286,14 @@ Worked example — request "track game milestones plus free-form design docs":
       { "name": "milestone", "schemaRef": "schema:milestone@1", "namespace": "shared.milestones", "backing": "memory", "writeRole": "member", "cardinality": "many", "versioned": true, "mode": "records" },
       { "name": "design-doc", "schemaRef": "schema:design-doc@1", "namespace": "shared.design-docs", "backing": "memory", "writeRole": "member", "cardinality": "many", "versioned": true, "mode": "document" }
     ],
+    "i18n": {
+      "en": { "type.milestone": "Milestones", "type.design-doc": "Design docs", "shared.milestones.title": "Title", "shared.milestones.title.hint": "A short name for the milestone", "shared.milestones.status": "Status", "shared.milestones.status.hint": "Where this milestone stands", "shared.milestones.due_date": "Due date", "shared.milestones.due_date.hint": "When this should be done" },
+      "fi": { "type.milestone": "Virstanpylväät", "type.design-doc": "Suunnitteludokumentit", "shared.milestones.title": "Otsikko", "shared.milestones.title.hint": "Lyhyt nimi virstanpylväälle", "shared.milestones.status": "Tila", "shared.milestones.status.hint": "Missä vaiheessa tämä on", "shared.milestones.due_date": "Määräpäivä", "shared.milestones.due_date.hint": "Milloin tämän pitäisi olla valmis" }
+    },
     "policy": { "agentAutonomy": "L3", "alwaysGate": [] }
   },
   "schemas": {
-    "shared.milestones": { "type": "object", "required": ["id", "title", "status"], "properties": { "id": { "type": "string" }, "title": { "type": "string" }, "status": { "type": "string", "enum": ["planned", "in-progress", "done"] }, "due_date": { "type": "string", "format": "date" } } }
+    "shared.milestones": { "type": "object", "required": ["id", "title", "status"], "properties": { "id": { "type": "string" }, "title": { "type": "string", "description": "A short name for the milestone" }, "status": { "type": "string", "enum": ["planned", "in-progress", "done"], "description": "Where this milestone stands" }, "due_date": { "type": "string", "format": "date", "description": "When this should be done" } } }
   },
   "examples": {
     "shared.milestones": [ { "id": "example-1", "title": "Vertical slice", "status": "planned", "due_date": "2026-09-01" } ]