aimeat 1.33.2 → 1.34.0

package/dist/public/cortex-bundled/aimeat-i18n.js

@@ -0,0 +1,123 @@
+/**
+ * @file aimeat-i18n.js
+ * @description Bundled cortex library: lightweight i18n/localization helper for AIMEAT apps.
+ *   Wraps translation loading (inline or from the user's own memory — translations are USER
+ *   data), a flat-key-first `t()` with {var} interpolation, locale switching with persistence,
+ *   a daisyUI-friendly LanguageSwitcher, and a data-i18n DOM applier. No backend, no hard deps;
+ *   uses AIMEAT.data when present to load translations from memory.
+ * @structure AIMEAT.i18n.{init,t,setLocale,getLocale,locales,available,LanguageSwitcher,apply}
+ * @version-history
+ *   v1.0.0 — 2026-06-26 — Initial: inline + memory-backed translations, switcher, DOM applier.
+ */
+(function (AIMEAT) {
+  'use strict';
+
+  var state = { keyBase: null, localeList: [], locale: 'en', dicts: {}, fallback: 'en' };
+  var STORE_KEY = 'aimeat-i18n-locale';
+  var styled = false;
+
+  function injectStyles() {
+    if (styled) return; styled = true;
+    var css =
+      '.aui-i18n-select{font-family:"DM Sans",system-ui,sans-serif;font-size:.875rem;' +
+      'padding:.35rem .6rem;border-radius:var(--radius-xs,6px);border:1px solid var(--border,#E5E7EB);' +
+      'background:var(--bg-card,#fff);color:var(--text,#1A1A2E);cursor:pointer;}';
+    var s = document.createElement('style'); s.setAttribute('data-aimeat', 'i18n'); s.textContent = css;
+    document.head.appendChild(s);
+  }
+
+  function getPath(obj, path) {
+    var parts = String(path).split('.'); var o = obj;
+    for (var i = 0; i < parts.length; i++) { if (o == null) return null; o = o[parts[i]]; }
+    return o;
+  }
+  function interpolate(str, vars) {
+    if (!vars) return str;
+    return str.replace(/\{(\w+)\}/g, function (m, k) { return (vars[k] != null) ? vars[k] : m; });
+  }
+
+  // Load a single locale's dictionary: inline first, then the user's memory (USER data).
+  function loadDict(locale) {
+    if (state.dicts[locale]) return Promise.resolve(state.dicts[locale]);
+    if (state.keyBase && AIMEAT.data && typeof AIMEAT.data.get === 'function') {
+      return Promise.resolve(AIMEAT.data.get(state.keyBase + '.' + locale))
+        .then(function (v) { if (v && typeof v === 'object') state.dicts[locale] = v; return state.dicts[locale] || {}; })
+        .catch(function () { return {}; });
+    }
+    return Promise.resolve({});
+  }
+
+  /**
+   * init({ keyBase?, locales, default?, fallback?, translations? })
+   *  - translations: optional inline map { en:{...}, fi:{...} } (used as-is, no memory read)
+   *  - keyBase: memory key prefix; locale dicts read from `${keyBase}.${locale}` via AIMEAT.data
+   */
+  function init(opts) {
+    opts = opts || {};
+    state.keyBase = opts.keyBase || null;
+    state.localeList = opts.locales || (opts.translations ? Object.keys(opts.translations) : ['en']);
+    state.fallback = opts.fallback || opts.default || state.localeList[0] || 'en';
+    if (opts.translations) state.dicts = Object.assign({}, opts.translations);
+    var saved = null;
+    try { saved = window.localStorage.getItem(STORE_KEY); } catch (e) { /* private mode */ }
+    state.locale = (saved && state.localeList.indexOf(saved) !== -1) ? saved : (opts.default || state.fallback);
+    return loadDict(state.locale).then(function () { return state.locale; });
+  }
+
+  function t(key, vars) {
+    var d = state.dicts[state.locale] || {};
+    var raw = (d[key] != null) ? d[key] : getPath(d, key);
+    if (raw == null) {
+      var fb = state.dicts[state.fallback] || {};
+      raw = (fb[key] != null) ? fb[key] : getPath(fb, key);
+    }
+    if (raw == null) raw = key;
+    return interpolate(String(raw), vars);
+  }
+
+  function setLocale(locale) {
+    if (state.localeList.indexOf(locale) === -1) return Promise.resolve(state.locale);
+    return loadDict(locale).then(function () {
+      state.locale = locale;
+      try { window.localStorage.setItem(STORE_KEY, locale); } catch (e) { /* ignore */ }
+      try { window.dispatchEvent(new CustomEvent('aimeat-i18n-changed', { detail: { locale: locale } })); } catch (e) { /* ignore */ }
+      return locale;
+    });
+  }
+
+  function getLocale() { return state.locale; }
+  function locales() { return state.localeList.slice(); }
+  function available() { return state.localeList.length > 0; }
+
+  // Translate every [data-i18n] element in root (textContent). Optional [data-i18n-attr].
+  function apply(root) {
+    var scope = root || document;
+    var nodes = scope.querySelectorAll('[data-i18n]');
+    for (var i = 0; i < nodes.length; i++) {
+      var n = nodes[i]; var key = n.getAttribute('data-i18n');
+      var attr = n.getAttribute('data-i18n-attr');
+      if (attr) n.setAttribute(attr, t(key)); else n.textContent = t(key);
+    }
+  }
+
+  function LanguageSwitcher(opts) {
+    opts = opts || {}; injectStyles();
+    var sel = document.createElement('select');
+    sel.className = 'aui-i18n-select ' + (opts.className || '');
+    state.localeList.forEach(function (loc) {
+      var o = document.createElement('option'); o.value = loc; o.textContent = (opts.labels && opts.labels[loc]) || loc.toUpperCase();
+      if (loc === state.locale) o.selected = true; sel.appendChild(o);
+    });
+    sel.addEventListener('change', function () {
+      setLocale(sel.value).then(function (loc) { if (typeof opts.onChange === 'function') opts.onChange(loc); });
+    });
+    if (opts.target) {
+      var tgt = (typeof opts.target === 'string') ? document.querySelector(opts.target) : opts.target;
+      if (tgt) tgt.appendChild(sel);
+    }
+    return { el: sel, destroy: function () { if (sel.parentNode) sel.parentNode.removeChild(sel); } };
+  }
+
+  AIMEAT.i18n = { init: init, t: t, setLocale: setLocale, getLocale: getLocale, locales: locales, available: available, LanguageSwitcher: LanguageSwitcher, apply: apply };
+  AIMEAT['aimeat-i18n'] = AIMEAT.i18n;
+})(window.AIMEAT || (window.AIMEAT = {}));

package/dist/public/cortex-bundled/aimeat-i18n.yaml

@@ -0,0 +1,64 @@
+apiVersion: cortex.aimeat.org/v1
+kind: Extension
+metadata:
+  name: aimeat-i18n
+  namespace: aimeat
+  description: "Localization helper — load translations (inline or from the user's own memory), translate with flat-key-first t() + {var} interpolation, switch locale with persistence, and a LanguageSwitcher UI."
+  author: AIMEAT
+  tags: [i18n, localization, translation, locale, multilanguage, components]
+  labels:
+    domain: i18n
+  visibility: public
+
+spec:
+  version: "1.0.0"
+  license: MIT
+  components:
+    - type: prompt
+      name: i18n-assistant
+      content: |
+        You are helping build an app that has the aimeat-i18n cortex installed.
+        Use AIMEAT.i18n for ALL user-visible text — never hardcode display strings.
+
+        Setup (once, at boot):
+          await AIMEAT.i18n.init({
+            locales: ['en', 'fi'],
+            default: 'en',
+            // EITHER inline translations:
+            translations: { en: { 'greeting': 'Hello {name}' }, fi: { 'greeting': 'Hei {name}' } }
+            // OR memory-backed (translations are USER data): keyBase: 'myapp.i18n'
+            //   → reads `myapp.i18n.en`, `myapp.i18n.fi` via AIMEAT.data.get()
+          });
+
+        Translate:
+          AIMEAT.i18n.t('greeting', { name: 'Alice' })   // flat key first, then nested dot-path, then fallback locale, then the key itself
+          // Flat keys win: a generator producing { "tab.search": "Haku" } resolves before a nested { tab: { search } }.
+
+        Switch language:
+          AIMEAT.i18n.LanguageSwitcher({ target: '#lang', onChange: render })   // renders a <select>; persists choice
+          AIMEAT.i18n.setLocale('fi')                                            // emits window 'aimeat-i18n-changed'
+          window.addEventListener('aimeat-i18n-changed', render)                 // re-render on change
+
+        Static markup:
+          <span data-i18n="greeting"></span>  then  AIMEAT.i18n.apply()          // fills textContent of every [data-i18n]
+
+        Notes:
+          - Translations are USER data — load them via AIMEAT.data (keyBase), NOT from an ext: namespace.
+          - t() always returns a string (falls back to the key) so the UI never shows blanks.
+        Load via: <script src="{{node_url}}/v1/cortex/aimeat-i18n/libs/aimeat-i18n.js"></script>
+      variables:
+        - "{{node_url}}"
+
+    - type: lib
+      name: aimeat-i18n
+      filename: aimeat-i18n.js
+      exports: [init, t, setLocale, getLocale, locales, available, LanguageSwitcher, apply]
+      api_surface: |
+        AIMEAT.i18n.init({ keyBase?, locales, default?, fallback?, translations? }) → Promise<locale>  (inline translations OR memory-backed via keyBase)
+        AIMEAT.i18n.t(key, vars?) → string  (flat key → nested dot-path → fallback locale → key; {var} interpolation)
+        AIMEAT.i18n.setLocale(locale) → Promise<locale>  (persists choice; emits window 'aimeat-i18n-changed')
+        AIMEAT.i18n.getLocale() → string
+        AIMEAT.i18n.locales() → string[]
+        AIMEAT.i18n.available() → boolean
+        AIMEAT.i18n.LanguageSwitcher({ target?, onChange?, labels?, className? }) → { el, destroy() }
+        AIMEAT.i18n.apply(root?) → void  (translates every [data-i18n] element's textContent, or [data-i18n-attr])

package/dist/public/css/views/landing.css

@@ -31,6 +31,8 @@
 .ld-hero2-sub { color: var(--text-dim); font-size: 1rem; max-width: 560px; margin: 1rem auto .25rem; }
 .ld-hero2-cta { display: flex; gap: .8rem; justify-content: center; flex-wrap: wrap; margin-top: 1.1rem; }
 .ld-hero2-cta a { text-decoration: none; }
+.ld-hero2-after { color: var(--text-dim); font-size: .9rem; max-width: 560px; margin: .9rem auto 0; }
+.ld-hero2-after a { color: var(--accent); font-weight: 600; }
 .ld-hero { text-align: center; padding: 2.5rem 0 1.25rem; }
 .ld-h1 { font-size: 2.1rem; font-weight: 800; letter-spacing: -0.5px; margin: 0 0 .6rem; }
 .ld-hero-sub { color: var(--text-dim); font-size: 1.05rem; margin: 0; }

package/dist/public/css/views/secretary.css

@@ -3,13 +3,24 @@
  * @description Styles for the Secretary view (Phase 0 shell) and the header Secretary button.
  *   Prefix `sec-`. Dark/light safe — uses theme tokens only, no hardcoded colors.
  * @version-history
+ *   v0.11.0 — 2026-06-28 — .sec-strategy: steering card (vision/mission/principles/risks + current→target
+ *     band + ordered milestone gates with status pills + focus highlight + goal-link details).
+ *   v0.10.0 — 2026-06-28 — .sec-danger: Reset Secretary card (danger-tinted border).
+ *   v0.9.0 — 2026-06-28 — Bound triggers: .sec-trig-bound badge + .sec-trig-actlabel spacing.
+ *   v0.8.0 — 2026-06-28 — B5 action-items: dashboard action-item rows (one-click handle / dismiss).
+ *   v0.7.0 — 2026-06-28 — B4 delegation: delegate step control (agent picker + delegate button).
+ *   v0.6.0 — 2026-06-27 — B3 dynamic quick actions: ✎ manager panel, proposed/active shortcut rows.
+ *   v0.5.0 — 2026-06-27 — B2 Routines + "What's next": routine + step rows, band tags, dashboard
+ *     routines list.
+ *   v0.4.0 — 2026-06-27 — B1 dashboard-first IA: quick-action row, "Today" status strip + chips,
+ *     where-things-stand panel, and the collapsible "Manage & setup" disclosure header.
  *   v0.3.0 — 2026-06-25 — `.sec-consent` specialist scope-consent checklist (declare → consent → grant).
  *   v0.2.0 — 2026-06-24 — P3-A: doc/image attach control + status line in the chat input row.
  *   v0.1.0 — 2026-06-23 — Phase 0: hero + provisioning status card + header button/icon.
  */
 
 .sec {
-  max-width: 720px;
+  max-width: 1280px;
   margin: 0 auto;
   padding: 2rem 1rem;
 }
@@ -301,7 +312,31 @@
 .sec-score.mid { background: var(--bg-dim); color: var(--warning); }
 .sec-score.bad { background: var(--danger-bg); color: var(--danger-fg); }
 
-/* Home feed (4) */
+/* Home feed (4) + day grouping (G10) */
+.sec-feed-day + .sec-feed-day { margin-top: 0.5rem; }
+.sec-feed-day-head {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  font-size: 0.78rem;
+  font-weight: 600;
+  color: var(--text-dim);
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  padding: 0.5rem 0 0.25rem;
+  border-bottom: 1px solid var(--border);
+  position: sticky;
+  top: 0;
+  background: var(--card);
+}
+.sec-feed-day-count {
+  font-weight: 400;
+  font-size: 0.7rem;
+  padding: 0.05rem 0.4rem;
+  border-radius: 999px;
+  background: var(--bg-dim);
+  color: var(--text-dim);
+}
 .sec-feed-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.6rem; }
 .sec-feed-item { padding: 0.5rem 0; border-top: 1px solid var(--border); }
 .sec-feed-meta { font-size: 0.72rem; color: var(--text-dim); margin-bottom: 0.2rem; }
@@ -606,3 +641,378 @@
   width: 18px;
   height: 18px;
 }
+
+/* metaCard: link from the read-only Permissions chips to the agent's scope editor in Agents view */
+.sec-perm-link { display: inline-block; margin-top: 0.4rem; font-size: 0.78rem; color: var(--accent); text-decoration: none; }
+.sec-perm-link:hover { text-decoration: underline; }
+
+/* ── B1 dashboard-first IA ── */
+/* Quick-action row (core + later dynamic) */
+.sec-quick {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-bottom: 1rem;
+}
+.sec-quick-btn { white-space: nowrap; }
+
+/* The Secretary view stacks its cards; give every card breathing room (was per-card before B1). */
+.sec-card + .sec-card,
+.sec-quick + .sec-card { margin-top: 1rem; }
+
+/* "Today" status strip */
+.sec-dash-strip {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem 0.75rem;
+}
+.sec-chip {
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  padding: 0.5rem 0.75rem;
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm, 8px);
+  background: var(--bg-dim);
+  min-width: 8rem;
+}
+.sec-chip.stale { border-color: var(--warning); }
+.sec-chip-k { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.03em; color: var(--text-dim); }
+.sec-chip-v { color: var(--text); font-size: 0.9rem; font-weight: 600; }
+.sec-chip-v .sec-hint { font-weight: 400; }
+.sec-chip-badge {
+  font-size: 0.68rem;
+  font-weight: 600;
+  padding: 0.05rem 0.4rem;
+  border-radius: 999px;
+  background: var(--bg-dim);
+  border: 1px solid var(--warning);
+  color: var(--warning);
+}
+
+/* Where-things-stand orientation panel */
+.sec-stand-body {
+  color: var(--text);
+  font-size: 0.9rem;
+  line-height: 1.5;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+/* Manage & setup disclosure */
+.sec-manage-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  width: 100%;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: var(--text);
+  cursor: pointer;
+  font-size: 1rem;
+  font-weight: 600;
+}
+.sec-manage-title { color: var(--text); }
+.sec-manage-meta { color: var(--text-dim); font-size: 0.85rem; font-weight: 400; }
+.sec-manage-hint { margin: 0.4rem 0 0; }
+
+/* ── B2 Routines + "What's next" ── */
+/* Dashboard routines list */
+.sec-routine-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
+.sec-routine-row {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.5rem 0;
+  border-top: 1px solid var(--border);
+}
+.sec-routine-row:first-child { border-top: 0; }
+.sec-routine-main { flex: 1; min-width: 0; }
+.sec-routine-title { color: var(--text); font-weight: 600; font-size: 0.92rem; }
+
+/* What's-next working card: routine detail + steps */
+.sec-routine-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.5rem; }
+/* G2: recurrence picker + dashboard badge */
+.sec-routine-cadence { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.5rem; }
+.sec-cadence-badge {
+  font-size: 0.66rem;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  padding: 0.05rem 0.4rem;
+  border-radius: var(--radius-xs, 6px);
+  background: var(--accent-subtle);
+  color: var(--accent);
+  vertical-align: middle;
+}
+.sec-routine-actions { gap: 0.5rem; }
+.sec-step-list { list-style: none; margin: 0.5rem 0; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
+.sec-step-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.6rem;
+  padding: 0.5rem 0;
+  border-top: 1px solid var(--border);
+}
+.sec-step-row.done, .sec-step-row.skipped { opacity: 0.7; }
+.sec-step-main { flex: 1; min-width: 0; }
+.sec-step-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.2rem; }
+.sec-step-cap {
+  font-size: 0.68rem;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  padding: 0.1rem 0.45rem;
+  border-radius: var(--radius-xs, 6px);
+  background: var(--accent-subtle);
+  color: var(--accent);
+}
+.sec-band-tag {
+  font-size: 0.68rem;
+  padding: 0.1rem 0.45rem;
+  border-radius: var(--radius-xs, 6px);
+  border: 1px solid var(--border);
+  background: var(--bg-dim);
+  color: var(--text-dim);
+}
+.sec-band-tag.band-act { border-color: var(--success, #3fb950); color: var(--success, #3fb950); }
+.sec-band-tag.band-off { opacity: 0.7; }
+.sec-step-summary { color: var(--text); font-size: 0.9rem; }
+.sec-step-status { font-size: 0.78rem; color: var(--text-dim); white-space: nowrap; }
+.sec-step-status.sec-done { color: var(--success, #3fb950); }
+.sec-step-status.sec-delegated { color: var(--accent); }
+
+/* B4 delegate step control (agent picker + delegate button) */
+.sec-delegate { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; justify-content: flex-end; }
+
+/* B5 action-items (tick-derived follow-ups on the dashboard) */
+.sec-item-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
+.sec-item-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  padding: 0.5rem 0.6rem;
+  border: 1px solid var(--border);
+  border-left: 3px solid var(--accent);
+  border-radius: var(--radius-sm, 8px);
+  background: var(--bg-dim);
+}
+.sec-item-text { color: var(--text); font-size: 0.9rem; min-width: 0; }
+.sec-item-actions { display: flex; gap: 0.4rem; flex: 0 0 auto; }
+
+/* ── B3 dynamic quick actions (✎ manager) ── */
+.sec-qa-manage { margin-top: 1rem; }
+.sec-qa-list { list-style: none; margin: 0.4rem 0 0.75rem; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
+.sec-qa-row {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.5rem 0;
+  border-top: 1px solid var(--border);
+}
+.sec-qa-row:first-child { border-top: 0; }
+.sec-qa-row.proposed {
+  border: 1px dashed var(--accent);
+  border-radius: var(--radius-sm, 8px);
+  background: var(--accent-subtle);
+  padding: 0.5rem 0.6rem;
+}
+.sec-qa-main { flex: 1; min-width: 0; }
+.sec-qa-label { color: var(--text); font-size: 0.9rem; font-weight: 600; }
+.sec-qa-kind {
+  font-size: 0.66rem;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  margin-left: 0.4rem;
+  padding: 0.05rem 0.4rem;
+  border-radius: var(--radius-xs, 6px);
+  background: var(--bg-dim);
+  border: 1px solid var(--border);
+  color: var(--text-dim);
+  font-weight: 400;
+}
+
+/* ── Calendar (Decision B): month / week / day of the Secretary's schedule ── */
+.sec-cal-nav { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; }
+.sec-cal-modes, .sec-cal-move { display: inline-flex; gap: 0.25rem; }
+.sec-cal-range { width: 100%; color: var(--text-dim); font-size: 0.85rem; margin-top: 0.25rem; }
+.sec-cal-weekrow { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; margin-top: 0.5rem; }
+.sec-cal-wd { font-size: 0.72rem; color: var(--text-dim); text-align: center; padding: 0.2rem 0; }
+.sec-cal-month { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
+.sec-cal-cell { min-height: 64px; display: flex; flex-direction: column; align-items: stretch; gap: 0.15rem; padding: 0.25rem; background: var(--bg-dim); border: 1px solid var(--border); border-radius: 6px; cursor: pointer; text-align: left; }
+.sec-cal-cell:hover { border-color: var(--accent); }
+.sec-cal-cell--dim { opacity: 0.45; }
+.sec-cal-cell--today { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }
+.sec-cal-daynum { font-size: 0.78rem; color: var(--text); font-weight: 600; }
+.sec-cal-cell-evs { display: flex; flex-direction: column; gap: 1px; overflow: hidden; }
+.sec-cal-more { font-size: 0.68rem; color: var(--text-dim); }
+.sec-cal-week { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; margin-top: 0.5rem; }
+.sec-cal-weekcol { background: var(--bg-dim); border: 1px solid var(--border); border-radius: 6px; min-height: 120px; display: flex; flex-direction: column; }
+.sec-cal-weekcol--today { border-color: var(--accent); }
+.sec-cal-weekcol-head { display: flex; flex-direction: column; align-items: center; gap: 0.1rem; padding: 0.3rem; background: transparent; border: 0; border-bottom: 1px solid var(--border); cursor: pointer; }
+.sec-cal-weekcol-evs { display: flex; flex-direction: column; gap: 2px; padding: 0.25rem; }
+.sec-cal-day { display: flex; flex-direction: column; gap: 1px; margin-top: 0.5rem; }
+.sec-cal-hourrow { display: grid; grid-template-columns: 3.2rem 1fr; gap: 0.5rem; align-items: start; min-height: 1.9rem; border-top: 1px solid var(--border); padding-top: 0.2rem; }
+.sec-cal-bucket { display: grid; grid-template-columns: 3.2rem 1fr; gap: 0.5rem; align-items: start; margin: 0.3rem 0; }
+.sec-cal-hour { font-size: 0.72rem; color: var(--text-dim); padding-top: 0.15rem; }
+.sec-cal-hour-evs { display: flex; flex-direction: column; gap: 2px; }
+.sec-cal-ev { font-size: 0.72rem; padding: 0.1rem 0.35rem; border-radius: 4px; border-left: 2px solid var(--border); background: var(--card); color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.sec-cal-ev--scheduled { border-left-color: var(--accent); }
+.sec-cal-ev--done { opacity: 0.7; border-left-color: var(--success, #3fb950); }
+.sec-cal-ev--routine { border-left-color: var(--warning, #d29922); }
+.sec-cal-evtime { color: var(--text-dim); }
+.sec-cal-empty { text-align: center; padding: 0.4rem; }
+
+/* ── Direct brain editor (Decision C2) ── */
+.sec-brain-actions { display: inline-flex; gap: 0.25rem; }
+.sec-rule-edit { list-style: none; margin: 0.25rem 0; padding: 0; display: flex; flex-direction: column; gap: 0.3rem; }
+.sec-rule-row { display: flex; gap: 0.4rem; align-items: center; }
+.sec-rule-row .sec-input { flex: 1; }
+
+/* Calendar layout fix: equal day columns + contain long event text (grid/flex children need min-width:0,
+   else a nowrap event string forces its column wide and the 7 columns go uneven). */
+.sec-cal-week { grid-template-columns: repeat(7, minmax(0, 1fr)); }
+.sec-cal-month { grid-template-columns: repeat(7, minmax(0, 1fr)); }
+.sec-cal-weekcol, .sec-cal-weekcol-evs, .sec-cal-hour-evs, .sec-cal-cell, .sec-cal-cell-evs { min-width: 0; }
+.sec-cal-ev { display: block; max-width: 100%; box-sizing: border-box; }
+.sec-cal-hourrow, .sec-cal-bucket { grid-template-columns: 3.2rem minmax(0, 1fr); }
+
+/* "What's next" actionable proposals (Do it / Skip) */
+.sec-next-actions { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
+.sec-next-action { display: flex; gap: 0.6rem; align-items: flex-start; justify-content: space-between; padding: 0.5rem 0; border-top: 1px solid var(--border); }
+.sec-next-action:first-child { border-top: 0; }
+.sec-next-action-main { flex: 1; min-width: 0; }
+.sec-next-action-sum { color: var(--text); font-size: 0.92rem; }
+.sec-next-action-btns { display: inline-flex; gap: 0.3rem; flex: 0 0 auto; }
+.sec-next-action--done .sec-next-action-sum, .sec-next-action--skipped .sec-next-action-sum { color: var(--text-dim); }
+.sec-next-action--skipped .sec-next-action-sum { text-decoration: line-through; }
+
+/* Triggers (Slice 3) */
+.sec-trig-list { list-style: none; margin: 0.25rem 0; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; }
+.sec-trig-row { display: flex; gap: 0.6rem; align-items: center; justify-content: space-between; padding: 0.4rem 0; border-top: 1px solid var(--border); }
+.sec-trig-row:first-child { border-top: 0; }
+.sec-trig-row.paused { opacity: 0.6; }
+.sec-trig-main { flex: 1; min-width: 0; }
+.sec-trig-label { color: var(--text); font-size: 0.9rem; }
+.sec-trig-bound { color: var(--accent); font-size: 0.8rem; white-space: nowrap; }
+.sec-trig-btns { display: inline-flex; gap: 0.25rem; flex: 0 0 auto; }
+.sec-trig-form { margin-top: 0.5rem; }
+.sec-trig-actlabel { display: block; margin-top: 0.35rem; }
+.sec-cal-ev--trigger { border-left-color: var(--accent); }
+.sec-danger { border-color: var(--danger, #e8564a); }
+.sec-danger .sec-warn { color: var(--danger, #e8564a); font-weight: 600; }
+
+/* Strategy — steering card (vision/mission/principles/risks + current → target + milestone gates) */
+.sec-dir-line { margin: 0.15rem 0; font-size: 0.9rem; color: var(--text); }
+.sec-dir-bul { margin: 0.15rem 0 0.35rem; padding-left: 1.1rem; }
+.sec-dir-bul li { font-size: 0.85rem; color: var(--text); }
+.sec-dir-goals { margin-top: 0.25rem; }
+.sec-dir-goals summary { cursor: pointer; }
+.sec-dir-goal-opt { display: block; margin: 0.15rem 0; }
+.sec-strategy .sec-dir-state { display: flex; flex-direction: column; gap: 0.25rem; margin: 0.25rem 0 0.5rem; }
+.sec-dir-lbl { display: inline-block; min-width: 3.5rem; color: var(--text-dim); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.03em; }
+.sec-dir-arrow { color: var(--text-dim); font-size: 0.85rem; padding-left: 0.25rem; }
+.sec-dir-ms { list-style: none; margin: 0.25rem 0 0.5rem; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; }
+.sec-dir-ms-row { display: flex; align-items: flex-start; gap: 0.5rem; padding: 0.4rem 0.5rem; border: 1px solid var(--border); border-radius: var(--radius-sm, 8px); background: var(--bg-dim); }
+.sec-dir-ms-row.focus { border-color: var(--accent); }
+.sec-dir-ms-row.reached { opacity: 0.6; }
+.sec-dir-ms-main { flex: 1; min-width: 0; }
+.sec-dir-ms-title { color: var(--text); font-size: 0.9rem; }
+.sec-dir-focus { color: var(--accent); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.03em; }
+.sec-dir-pill { flex: 0 0 auto; border: 1px solid var(--border); border-radius: 999px; padding: 0.1rem 0.55rem; font-size: 0.72rem; cursor: pointer; background: var(--surface); color: var(--text-dim); }
+.sec-dir-pill.sec-dir-in-progress { color: var(--accent); border-color: var(--accent); }
+.sec-dir-pill.sec-dir-reached { color: var(--success, #4caf50); border-color: var(--success, #4caf50); }
+.sec-dir-off { margin-top: 0.25rem; color: var(--text-dim); }
+
+/* Feed entry link ("What I've done" → open the result) */
+.sec-feed-link { display: inline-block; margin-top: 0.2rem; font-size: 0.78rem; color: var(--accent); text-decoration: none; }
+.sec-feed-link:hover { text-decoration: underline; }
+
+/* "Where things stand" — timestamp + inline refresh + linkified mentions */
+.sec-stand-when { margin-bottom: 0.5rem; }
+.sec-linkbtn { background: none; border: 0; padding: 0; color: var(--accent); cursor: pointer; font: inherit; text-decoration: underline; }
+.sec-stand-body a { color: var(--accent); }
+
+/* What's next — inline deliverable preview (show the produced content without navigating) */
+.sec-next-toggle { margin-top: 0.35rem; }
+.sec-next-preview { margin-top: 0.4rem; padding: 0.6rem 0.8rem; background: var(--bg-dim); border: 1px solid var(--border); border-radius: 8px; max-height: 22rem; overflow: auto; }
+.sec-next-preview .md-body { font-size: 0.9rem; }
+
+/* ── Customizable two-column dashboard (use-layout.js) ─────────────────────────────────────
+   Wide screens: main column + sticky right rail. Narrow: collapses to one column (order kept). */
+.sec-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
+  gap: 1rem;
+  align-items: start;
+  margin-top: 1rem;
+}
+.sec-col { min-width: 0; display: flex; flex-direction: column; gap: 1rem; }
+.sec-col-right { position: sticky; top: 1rem; }
+@media (max-width: 1100px) {
+  .sec-grid { grid-template-columns: 1fr; }
+  .sec-col-right { position: static; }
+}
+/* Cards already carry their own spacing internally; the column gap owns inter-card spacing. */
+.sec-col .sec-card, .sec-col .sec-status { margin-bottom: 0; }
+
+/* Per-card arrange handle (⋮): reveal on hover (desktop), always visible on touch. */
+.sec-lc { position: relative; }
+.sec-lc-menu { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 6; }
+.sec-lc-btn {
+  width: 1.6rem; height: 1.6rem; border-radius: 6px; border: 1px solid var(--border);
+  background: var(--surface); color: var(--text-dim); cursor: pointer; line-height: 1;
+  opacity: 0; transition: opacity 0.12s;
+}
+.sec-lc:hover .sec-lc-btn, .sec-lc-menu.open .sec-lc-btn { opacity: 1; }
+.sec-lc-btn:hover { color: var(--text); border-color: var(--accent); }
+.sec-lc-pop {
+  position: absolute; top: 1.9rem; right: 0; min-width: 12rem; z-index: 7;
+  background: var(--card); border: 1px solid var(--border); border-radius: 8px;
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35); display: flex; flex-direction: column; padding: 0.25rem;
+}
+.sec-lc-pop button { text-align: left; background: none; border: 0; color: var(--text); padding: 0.4rem 0.6rem; border-radius: 6px; cursor: pointer; font: inherit; }
+.sec-lc-pop button:hover:not(:disabled) { background: var(--bg-dim); }
+.sec-lc-pop button:disabled { color: var(--text-dim); cursor: default; }
+.sec-lc-pop .sec-lc-hide { color: var(--danger, #e8564a); }
+@media (hover: none) { .sec-lc-btn { opacity: 1; } }
+
+/* Layout toolbar: reset + restore hidden sections. */
+.sec-layout-bar { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-top: 1rem; }
+.sec-chip { background: var(--bg-dim); border: 1px solid var(--border); border-radius: 999px; padding: 0.25rem 0.7rem; font-size: 0.8rem; color: var(--text); cursor: pointer; }
+.sec-chip:hover { border-color: var(--accent); }
+
+.sec-next-discard { color: var(--danger, #e8564a); }
+
+/* Quality pipeline: verify warnings + prompt-driven fallback block */
+.sec-warn { color: var(--warning, #d29922); }
+.sec-next-prompt { margin-top: 0.5rem; display: flex; flex-direction: column; gap: 0.4rem; }
+
+/* Phase 3 — "Design a workflow" panel */
+.sec-wf-outcome { min-height: 4rem; }
+.sec-wf-steps { margin: 0.25rem 0 0.5rem; padding-left: 1.3rem; display: flex; flex-direction: column; gap: 0.3rem; }
+.sec-wf-steps li { color: var(--text); font-size: 0.9rem; }
+.sec-wf-cron { width: 12rem; margin-top: 0.4rem; }
+
+/* Loading spinner for "thinking"/"running" states */
+.sec-spin {
+  display: inline-block; width: 0.8em; height: 0.8em; margin-left: 0.45rem; vertical-align: -0.1em;
+  border: 2px solid var(--border); border-top-color: var(--accent); border-radius: 50%;
+  animation: sec-spin 0.7s linear infinite;
+}
+@keyframes sec-spin { to { transform: rotate(360deg); } }
+
+/* Calendar entry inline editor (modal) + clickable entries */
+.sec-cal-ev--click { cursor: pointer; }
+.sec-cal-ev--click:hover { filter: brightness(1.15); }
+.sec-modal-backdrop {
+  position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 50;
+  display: flex; align-items: center; justify-content: center; padding: 1rem;
+}
+.sec-modal {
+  background: var(--card); border: 1px solid var(--border); border-radius: 12px;
+  padding: 1.25rem 1.5rem; width: min(36rem, 96vw); max-height: 85vh; overflow: auto;
+  display: flex; flex-direction: column; gap: 0.5rem;
+}
+.sec-modal .sec-input, .sec-modal .sec-stand-body { margin-top: 0.2rem; }

package/dist/public/js/services/apps.js

@@ -4,7 +4,9 @@
  */
 import { apiGet, apiDelete, apiPatch, api } from '/js/api.js';
 
-/** List all apps. Returns array. */
+/** List apps. Returns array. The server decides visibility from who is
+ *  authenticated: the owner sees their own parked/operator-hidden apps (the latter
+ *  flagged operator_hidden so the UI can badge them); everyone else does not. */
 export async function listApps() {
   const data = await apiGet('/v1/apps');
   return data?.data?.apps || [];
@@ -29,7 +31,7 @@ export async function deleteApp(filename) {
   return apiDelete('/v1/apps/' + encodeURIComponent(filename));
 }
 
-/** Update app metadata (e.g. access_code, protected). */
+/** Update app metadata (name, description, access_code, parked). The URL never changes. */
 export async function patchApp(filename, updates) {
   return apiPatch('/v1/apps/' + encodeURIComponent(filename), updates);
 }