aimeat 1.33.2 → 1.35.0

package/dist/public/views/profile/organisms-tab.js

@@ -55,6 +55,7 @@ export default function OrganismsTab({ session, showToast, onStats }) {
   const [myOrganisms, setMyOrganisms] = useState(null);
   const [publicOrganisms, setPublicOrganisms] = useState([]);
   const [expanded, setExpanded] = useState(null);
+  const [archivedOpen, setArchivedOpen] = useState(false);   // collapsible "Archived" section (closed by default)
   // organism whose workspaces are open, then the specific workspace within it — both restored from
   // sessionStorage so an F5 returns to where you were. openId set + openWs null = the workspace LIST.
   const [openId, setOpenId] = useState(() => { try { return sessionStorage.getItem('aimeat.ws.openId') || null; } catch (e) { return null; } });
@@ -201,6 +202,16 @@ export default function OrganismsTab({ session, showToast, onStats }) {
     return () => window.removeEventListener('aimeat-open-organism', onOpen);
   }, []);
 
+  // Deep link from another view (e.g. the Secretary's "Open" links open in a new tab):
+  // ?org=…&ws=… opens that organism (+ workspace) on a cold navigation. Runs once on mount.
+  useEffect(() => {
+    try {
+      const params = new URLSearchParams(window.location.search);
+      const org = params.get('org');
+      if (org) { setOpenId(org); setOpenWs(params.get('ws') || null); setOpenSpace(null); setOpenSettings(false); }
+    } catch (e) { /* noop */ }
+  }, []);
+
   // Cross-organism content search (debounced) — librarian FTS across all my own content.
   useEffect(() => {
     const query = gQuery.trim();
@@ -291,6 +302,28 @@ export default function OrganismsTab({ session, showToast, onStats }) {
     }, { danger: true });
   }, [showToast, loadData]);
 
+  // Archive / unarchive a whole organism (creator/admin). Archived organisms become read-only and
+  // their content is excluded from AI materials (overview/read/search); the workspaces cascade-archive
+  // and unarchive uses smart restore. Reversible — not a delete.
+  const handleArchive = useCallback(async (id, name, archived) => {
+    const verb = archived ? (t('organisms.archive') || 'Archive') : (t('organisms.unarchive') || 'Unarchive');
+    confirm(
+      (archived
+        ? (t('organisms.confirmArchive') || 'Archive “{name}”? It becomes read-only and is hidden from AI operations until you unarchive it. Its workspaces are archived too.')
+        : (t('organisms.confirmUnarchive') || 'Unarchive “{name}”? It and the workspaces archived with it become active again.')
+      ).replace('{name}', name),
+      async () => {
+        try {
+          if (archived) await orgService.archiveContent(id, { level: 'organism' });
+          else await orgService.unarchiveContent(id, { level: 'organism' });
+          showToast(archived ? (t('organisms.organismArchived') || 'Organism archived') : (t('organisms.organismUnarchived') || 'Organism restored'));
+          loadData();
+        } catch (e) { showToast((e && e.message) || 'Failed'); }
+      },
+      { title: verb },
+    );
+  }, [showToast, loadData, confirm]);
+
   const toggleExpand = useCallback((id) => {
     setExpanded(prev => prev === id ? null : id);
   }, []);
@@ -348,6 +381,9 @@ export default function OrganismsTab({ session, showToast, onStats }) {
     const menuItems = isMine ? [
       canEdit && { label: t('organisms.settings') || 'Settings', icon: '⚙', onClick: () => openHome(true) },
       { label: t('organisms.exportOrg') || 'Export organism', icon: '⬇', onClick: () => exportOrganismZip(org, showToast) },
+      canEdit && (org.archived
+        ? { label: t('organisms.unarchive') || 'Unarchive', icon: '♻️', onClick: () => handleArchive(org.id, org.name, false) }
+        : { label: t('organisms.archive') || 'Archive', icon: '🗄️', onClick: () => handleArchive(org.id, org.name, true) }),
       !isCreator && { label: t('organisms.leave') || 'Leave', danger: true, onClick: () => handleLeave(org.id, org.name) },
       isCreator && { label: t('organisms.delete') || 'Delete', danger: true, onClick: () => handleDelete(org.id, org.name) },
     ] : [];
@@ -367,6 +403,7 @@ export default function OrganismsTab({ session, showToast, onStats }) {
             <span class="pj-org-name">${(org.name)}</span>
             <span class="badge badge-info">${typeLabel}</span>
             ${org.visibility !== 'public' ? html`<span class="pj-org-lock" title=${visLabel}>${'🔒'}</span>` : null}
+            ${org.archived ? html`<span class="pj-tab-pill" title=${t('organisms.archivedHint') || 'Archived — read-only, hidden from AI operations'}>${'🗄️ '}${t('organisms.archived') || 'archived'}</span>` : null}
           </div>
           ${org.description ? html`<div class="pj-org-desc">${(org.description)}</div>` : null}
         </div>
@@ -514,14 +551,30 @@ export default function OrganismsTab({ session, showToast, onStats }) {
         <button class="btn-primary btn-sm" onClick=${() => setShowCreate(true)}>${'+ '}${t('organisms.createNew') || 'Create Organism'}</button>
       </div>
     </div>
-    ${myOrganisms.length === 0
-      ? html`<div class="empty">${t('organisms.empty') || 'You are not part of any organisms yet.'}</div>`
-      : html`
-        <div class="pj-org-list">${sortedMine.map(org => renderOrgRow(org, true))}</div>
-        ${sortMode === 'custom' && sortedMine.length > 1 ? html`
-          <div class="pj-org-hint">${t('organisms.reorderHint') || 'Drag rows to reorder — the order is saved to your profile.'}</div>` : null}
-      `
-    }
+    ${(() => {
+      // Active organisms drive the working list; archived ones move into a collapsed "Archived"
+      // section below (read-only/retired — out of the way, but restorable from there).
+      const activeMine = sortedMine.filter(o => !o.archived);
+      const archivedMine = sortedMine.filter(o => o.archived);
+      return html`
+        ${activeMine.length === 0 && archivedMine.length === 0
+          ? html`<div class="empty">${t('organisms.empty') || 'You are not part of any organisms yet.'}</div>`
+          : html`
+            ${activeMine.length === 0
+              ? html`<div class="empty">${t('organisms.allArchived') || 'All your organisms are archived.'}</div>`
+              : html`
+                <div class="pj-org-list">${activeMine.map(org => renderOrgRow(org, true))}</div>
+                ${sortMode === 'custom' && activeMine.length > 1 ? html`
+                  <div class="pj-org-hint">${t('organisms.reorderHint') || 'Drag rows to reorder — the order is saved to your profile.'}</div>` : null}`}
+            ${archivedMine.length > 0 ? html`
+              <button class="pj-struct-toggle section-title-spaced" aria-expanded=${archivedOpen} onClick=${() => setArchivedOpen(o => !o)}>
+                <span class="pj-struct-caret">${archivedOpen ? '▾' : '▸'}</span>
+                <span>${'🗄️ '}${(t('organisms.archivedSection') || 'Archived ({n})').replace('{n}', String(archivedMine.length))}</span>
+              </button>
+              ${archivedOpen ? html`<div class="pj-org-list">${archivedMine.map(org => renderOrgRow(org, true))}</div>` : null}` : null}
+          `}
+      `;
+    })()}
 
     <!-- Discover -->
     ${publicOrganisms.length > 0 && html`

package/dist/public/views/secretary/calendar.js

@@ -0,0 +1,327 @@
+/**
+ * @file secretary/calendar.js
+ * @description Phase 4 (Decision B) — a REAL calendar for the Secretary: month / week / day views of
+ *   what it has done and what it will do. Events come from real data, no placeholders:
+ *     - PAST  → the Home feed (`secretary.feed`) entries, placed on the day/hour they happened.
+ *     - FUTURE→ the daily autonomous tick (the `secretary` schedule's cron hour) projected forward, plus
+ *               each recurring Routine's cadence (daily/weekly) projected from its `nextRunAt`.
+ *   Pure event-builder (`buildCalendarEvents`) + a small view-state hook (`useCalendar`) + the render
+ *   (`calendarCard`). The view (views/secretary.js) passes in feed/schedule/routines it already loads.
+ * @structure buildCalendarEvents · useCalendar · calendarCard (+ date helpers)
+ * @usage const cal = useCalendar(); calendarCard({ ...cal, feed: auto.feed, schedule: auto.schedule, routines: next.routines })
+ * @version-history
+ *   v0.2.0 — 2026-06-28 — CalendarEventDialog: the trigger editor can also set the bound action
+ *     (remind / run a workflow / run a specialist) in place; takes workflows + specialists props.
+ *   v0.1.0 — 2026-06-28 — Decision B: month/week/day calendar of feed (past) + tick & routine cadence (future).
+ */
+import { h } from 'preact';
+import htm from 'htm';
+import { useState, useMemo, useCallback } from 'preact/hooks';
+import { t } from '/js/i18n.js';
+import { Markdown } from '/components/Markdown.js';
+const html = htm.bind(h);
+
+// ── date helpers (browser — real Date is fine) ──
+const DAY_MS = 86400000;
+function startOfDay(d) { const x = new Date(d); x.setHours(0, 0, 0, 0); return x; }
+function addDays(d, n) { const x = new Date(d); x.setDate(x.getDate() + n); return x; }
+function startOfWeek(d) { const x = startOfDay(d); const wd = (x.getDay() + 6) % 7; return addDays(x, -wd); } // Monday
+function startOfMonth(d) { const x = startOfDay(d); x.setDate(1); return x; }
+function sameDay(a, b) { return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate(); }
+function fmtTime(d) { return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); }
+
+/** The hour-of-day a `m h * * *` cron fires (daily ticks); null if not a simple daily cron. */
+export function cronHour(cron) {
+  const m = String(cron || '').trim().match(/^\d+\s+(\d{1,2})\s+\*\s+\*\s+\*$/);
+  return m ? Math.min(23, parseInt(m[1], 10)) : null;
+}
+
+/**
+ * Build dated calendar events within [start, end). Past = feed entries; future (≥ now) = the daily tick
+ * (projected at the schedule's cron hour) + each recurring routine's cadence projected from nextRunAt.
+ * Pure given `now`. Each event: { at: Date, type: 'done'|'scheduled', kind, text }.
+ */
+export function buildCalendarEvents({ feed, schedule, routines, triggers, start, end, now }) {
+  const events = [];
+  for (const it of (feed || [])) {
+    if (!it || !it.ts) continue;
+    const d = new Date(it.ts);
+    if (d >= start && d < end) events.push({ at: d, type: 'done', kind: it.kind || 'act', text: it.text || '', ref: { srcType: 'feed', item: it } });
+  }
+  if (schedule && schedule.enabled !== false) {
+    const hour = cronHour(schedule.cron);
+    if (hour !== null) {
+      let d = startOfDay(now > start ? now : start); d.setHours(hour, 0, 0, 0);
+      if (d < now) d = addDays(d, 1);
+      for (let i = 0; i < 370 && d < end; i++, d = addDays(d, 1)) {
+        events.push({ at: new Date(d), type: 'scheduled', kind: 'tick', text: t('secretary.cal.tickEvent'), ref: { srcType: 'tick' } });
+      }
+    }
+  }
+  for (const r of (routines || [])) {
+    if (!r || !r.cadence || !r.nextRunAt) continue;
+    const step = r.cadence === 'weekly' ? 7 : 1;
+    let d = new Date(r.nextRunAt);
+    for (let i = 0; i < 370 && d < end; i++, d = addDays(d, step)) {
+      if (d >= start && d >= now) events.push({ at: new Date(d), type: 'scheduled', kind: 'routine', text: r.title || t('secretary.cal.routineRun'), ref: { srcType: 'routine', id: r.id, routine: r } });
+    }
+  }
+  for (const tr of (triggers || [])) {
+    if (!tr || tr.status !== 'armed' || !tr.nextFireAt) continue;
+    if (tr.kind === 'time') {
+      const d = new Date(tr.nextFireAt);
+      if (d >= start && d < end) events.push({ at: d, type: 'scheduled', kind: 'trigger', text: tr.label || t('secretary.cal.triggerEvent'), ref: { srcType: 'trigger', id: tr.id, trigger: tr } });
+    } else if (tr.kind === 'recurring') {
+      const stepMs = tr.cadence === 'monthly' ? 30 * DAY_MS : tr.cadence === 'weekly' ? 7 * DAY_MS : DAY_MS;
+      let d = new Date(tr.nextFireAt);
+      for (let i = 0; i < 370 && d < end; i++, d = new Date(d.getTime() + stepMs)) {
+        if (d >= start) events.push({ at: new Date(d), type: 'scheduled', kind: 'trigger', text: tr.label || t('secretary.cal.triggerEvent'), ref: { srcType: 'trigger', id: tr.id, trigger: tr } });
+      }
+    }
+  }
+  return events.sort((a, b) => a.at.getTime() - b.at.getTime());
+}
+
+/** Calendar view-state: mode (month/week/day) + an anchor date, with prev/next/today navigation. */
+export function useCalendar() {
+  const [mode, setMode] = useState('week');
+  const [anchorMs, setAnchorMs] = useState(() => startOfDay(new Date()).getTime());
+  const stepN = mode === 'month' ? 0 : (mode === 'week' ? 7 : 1);
+  const shift = useCallback((dir) => {
+    setAnchorMs((ms) => {
+      const d = new Date(ms);
+      if (mode === 'month') { d.setMonth(d.getMonth() + dir); return startOfDay(d).getTime(); }
+      return addDays(d, dir * stepN).getTime();
+    });
+  }, [mode, stepN]);
+  const goToday = useCallback(() => setAnchorMs(startOfDay(new Date()).getTime()), []);
+  const goDay = useCallback((d) => { setAnchorMs(startOfDay(d).getTime()); setMode('day'); }, []);
+  return { mode, setMode, anchor: new Date(anchorMs), prev: () => shift(-1), next: () => shift(1), today: goToday, goDay };
+}
+
+const HOUR_START = 6;
+const HOUR_END = 22;
+
+/** The month/week/day calendar card. */
+export function calendarCard(p) {
+  const now = new Date();
+  const { mode, anchor } = p;
+  const weekdays = useMemo(() => {
+    const mon = startOfWeek(new Date(2024, 0, 1)); // a Monday
+    return Array.from({ length: 7 }, (_, i) => addDays(mon, i).toLocaleDateString([], { weekday: 'short' }));
+  }, []);
+
+  // Visible range per mode.
+  const { start, end, title } = useMemo(() => {
+    if (mode === 'month') {
+      const first = startOfMonth(anchor);
+      const gridStart = startOfWeek(first);
+      return { start: gridStart, end: addDays(gridStart, 42), title: anchor.toLocaleDateString([], { month: 'long', year: 'numeric' }) };
+    }
+    if (mode === 'week') {
+      const s = startOfWeek(anchor);
+      return { start: s, end: addDays(s, 7), title: `${s.toLocaleDateString([], { day: 'numeric', month: 'short' })} – ${addDays(s, 6).toLocaleDateString([], { day: 'numeric', month: 'short' })}` };
+    }
+    const s = startOfDay(anchor);
+    return { start: s, end: addDays(s, 1), title: s.toLocaleDateString([], { weekday: 'long', day: 'numeric', month: 'long' }) };
+  }, [mode, anchor]);
+
+  const events = useMemo(
+    () => buildCalendarEvents({ feed: p.feed, schedule: p.schedule, routines: p.routines, triggers: p.triggers, start, end, now }),
+    [p.feed, p.schedule, p.routines, p.triggers, start, end],
+  );
+  const eventsOn = useCallback((day) => events.filter((e) => sameDay(e.at, day)), [events]);
+
+  const head = html`
+    <div class="sec-card-head">
+      <h2 class="sec-h2">${t('secretary.cal.title')}</h2>
+      <div class="sec-cal-nav">
+        <div class="sec-cal-modes">
+          ${['month', 'week', 'day'].map((m) => html`
+            <button class="btn-sm ${mode === m ? 'btn-primary' : 'btn-ghost'}" key=${m} onClick=${() => p.setMode(m)}>${t('secretary.cal.' + m)}</button>`)}
+        </div>
+        <div class="sec-cal-move">
+          <button class="btn-ghost btn-sm" onClick=${p.prev} title=${t('secretary.cal.prev')}>‹</button>
+          <button class="btn-ghost btn-sm" onClick=${p.today}>${t('secretary.cal.today')}</button>
+          <button class="btn-ghost btn-sm" onClick=${p.next} title=${t('secretary.cal.next')}>›</button>
+        </div>
+      </div>
+      <div class="sec-cal-range">${title}</div>
+    </div>`;
+
+  const onEv = (e) => (ev) => { ev.stopPropagation(); if (p.onEventClick) p.onEventClick(e); };
+  const dot = (e, i) => html`<span class="sec-cal-ev sec-cal-ev--${e.type} sec-cal-ev--${e.kind}" key=${i} title=${`${fmtTime(e.at)} · ${e.text}`} onClick=${onEv(e)}>${e.text}</span>`;
+
+  if (mode === 'month') {
+    const cells = Array.from({ length: 42 }, (_, i) => addDays(start, i));
+    return html`
+      <section class="sec-card sec-cal">
+        ${head}
+        <div class="sec-cal-weekrow">${weekdays.map((w, i) => html`<div class="sec-cal-wd" key=${i}>${w}</div>`)}</div>
+        <div class="sec-cal-month">
+          ${cells.map((day, i) => {
+            const evs = eventsOn(day);
+            const inMonth = day.getMonth() === anchor.getMonth();
+            return html`
+              <button class="sec-cal-cell ${inMonth ? '' : 'sec-cal-cell--dim'} ${sameDay(day, now) ? 'sec-cal-cell--today' : ''}" key=${i} onClick=${() => p.goDay(day)}>
+                <span class="sec-cal-daynum">${day.getDate()}</span>
+                <span class="sec-cal-cell-evs">${evs.slice(0, 3).map(dot)}${evs.length > 3 ? html`<span class="sec-cal-more">+${evs.length - 3}</span>` : null}</span>
+              </button>`;
+          })}
+        </div>
+      </section>`;
+  }
+
+  if (mode === 'week') {
+    const days = Array.from({ length: 7 }, (_, i) => addDays(start, i));
+    return html`
+      <section class="sec-card sec-cal">
+        ${head}
+        <div class="sec-cal-week">
+          ${days.map((day, i) => {
+            const evs = eventsOn(day);
+            return html`
+              <div class="sec-cal-weekcol ${sameDay(day, now) ? 'sec-cal-weekcol--today' : ''}" key=${i}>
+                <button class="sec-cal-weekcol-head" onClick=${() => p.goDay(day)}>
+                  <span class="sec-cal-wd">${day.toLocaleDateString([], { weekday: 'short' })}</span>
+                  <span class="sec-cal-daynum">${day.getDate()}</span>
+                </button>
+                <div class="sec-cal-weekcol-evs">
+                  ${evs.length === 0 ? html`<span class="sec-hint sec-cal-empty">·</span>`
+                    : evs.map((e, j) => html`<div class="sec-cal-ev sec-cal-ev--${e.type} sec-cal-ev--${e.kind} sec-cal-ev--click" key=${j} onClick=${onEv(e)} title=${e.text}><span class="sec-cal-evtime">${fmtTime(e.at)}</span> ${e.text}</div>`)}
+                </div>
+              </div>`;
+          })}
+        </div>
+      </section>`;
+  }
+
+  // day view — hourly rail HOUR_START..HOUR_END, with "earlier"/"later" buckets for out-of-range events.
+  const day = start;
+  const dayEvents = eventsOn(day);
+  const earlier = dayEvents.filter((e) => e.at.getHours() < HOUR_START);
+  const later = dayEvents.filter((e) => e.at.getHours() > HOUR_END);
+  const hours = Array.from({ length: HOUR_END - HOUR_START + 1 }, (_, i) => HOUR_START + i);
+  return html`
+    <section class="sec-card sec-cal">
+      ${head}
+      ${dayEvents.length === 0 ? html`<div class="sec-hint sec-cal-empty">${t('secretary.cal.noEvents')}</div>` : null}
+      ${earlier.length ? html`<div class="sec-cal-bucket"><span class="sec-cal-hour">${t('secretary.cal.earlier')}</span><div class="sec-cal-hour-evs">${earlier.map((e, j) => html`<div class="sec-cal-ev sec-cal-ev--${e.type} sec-cal-ev--${e.kind} sec-cal-ev--click" key=${j} onClick=${onEv(e)}><span class="sec-cal-evtime">${fmtTime(e.at)}</span> ${e.text}</div>`)}</div></div>` : null}
+      <div class="sec-cal-day">
+        ${hours.map((hr) => {
+          const evs = dayEvents.filter((e) => e.at.getHours() === hr);
+          return html`
+            <div class="sec-cal-hourrow" key=${hr}>
+              <span class="sec-cal-hour">${String(hr).padStart(2, '0')}:00</span>
+              <div class="sec-cal-hour-evs">${evs.map((e, j) => html`<div class="sec-cal-ev sec-cal-ev--${e.type} sec-cal-ev--${e.kind} sec-cal-ev--click" key=${j} onClick=${onEv(e)}><span class="sec-cal-evtime">${fmtTime(e.at)}</span> ${e.text}</div>`)}</div>
+            </div>`;
+        })}
+      </div>
+      ${later.length ? html`<div class="sec-cal-bucket"><span class="sec-cal-hour">${t('secretary.cal.later')}</span><div class="sec-cal-hour-evs">${later.map((e, j) => html`<div class="sec-cal-ev sec-cal-ev--${e.type} sec-cal-ev--${e.kind} sec-cal-ev--click" key=${j} onClick=${onEv(e)}><span class="sec-cal-evtime">${fmtTime(e.at)}</span> ${e.text}</div>`)}</div></div>` : null}
+    </section>`;
+}
+
+/**
+ * Type-specific editor for a clicked calendar entry — edit it IN PLACE (no navigation). The entries are
+ * heterogeneous (trigger = memory record · routine = secretary.config sub-object · tick = a schedule ·
+ * feed = an item in secretary.feed), so this dispatches by ref.srcType and drives the SAME domain hooks
+ * the dedicated cards use, so a change persists to the right backing store and shows everywhere.
+ * p = { event, onClose, triggers:{update,togglePause,remove}, routines:{setCadence,setStatus}, tick:{toggle,run} }
+ */
+export function CalendarEventDialog(p) {
+  const ev = p.event;
+  const ref = (ev && ev.ref) || {};
+  const tr = ref.trigger || {};
+  const ro = ref.routine || {};
+  const ta = tr.action || {};
+  const [label, setLabel] = useState(tr.label || '');
+  const [cadence, setCadence] = useState(tr.cadence || ro.cadence || 'weekly');
+  const [actKind, setActKind] = useState(ta.kind || 'remind');
+  const [actWf, setActWf] = useState(ta.workflowId || '');
+  const [actSpec, setActSpec] = useState(ta.specialistName || '');
+  const [actPrompt, setActPrompt] = useState(ta.prompt || '');
+  const [busy, setBusy] = useState(false);
+  const workflows = p.workflows || [];
+  const specialists = p.specialists || [];
+  /** Compose the bound action from the dialog's local state (mirrors use-triggers buildAction). */
+  const buildAct = () => {
+    const summary = (label.trim() || tr.label || '');
+    if (actKind === 'workflow' && actWf) return { kind: 'workflow', summary, workflowId: actWf };
+    if (actKind === 'specialist' && actSpec) return { kind: 'specialist', summary, specialistName: actSpec, prompt: actPrompt.trim() || summary };
+    return { kind: 'remind', summary };
+  };
+  if (!ev) return null;
+  const run = async (fn) => { setBusy(true); try { await fn(); } finally { setBusy(false); p.onClose(); } };
+
+  let title = ev.text || t('secretary.cal.title');
+  let body = null;
+  if (ref.srcType === 'trigger') {
+    title = t('secretary.cal.dlg.trigger');
+    body = html`
+      <label class="sec-hint">${t('secretary.trig.labelPlaceholder')}</label>
+      <input class="sec-input" value=${label} onInput=${(e) => setLabel(e.target.value)} />
+      ${tr.kind === 'recurring' ? html`
+        <label class="sec-hint">${t('secretary.cal.dlg.cadence')}</label>
+        <select class="sec-input" value=${cadence} onChange=${(e) => setCadence(e.target.value)}>
+          ${['daily', 'weekly', 'monthly'].map((c) => html`<option value=${c} selected=${cadence === c}>${t('secretary.trig.cad.' + c)}</option>`)}
+        </select>` : html`<div class="sec-hint">${new Date(tr.nextFireAt || ev.at).toLocaleString()}</div>`}
+      <label class="sec-hint">${t('secretary.trig.act.label')}</label>
+      <select class="sec-input" value=${actKind} onChange=${(e) => setActKind(e.target.value)}>
+        <option value="remind" selected=${actKind === 'remind'}>${t('secretary.trig.act.remind')}</option>
+        ${workflows.length ? html`<option value="workflow" selected=${actKind === 'workflow'}>${t('secretary.trig.act.workflow')}</option>` : null}
+        ${specialists.length ? html`<option value="specialist" selected=${actKind === 'specialist'}>${t('secretary.trig.act.specialist')}</option>` : null}
+      </select>
+      ${actKind === 'workflow' ? html`<select class="sec-input" value=${actWf} onChange=${(e) => setActWf(e.target.value)}>
+        <option value="" selected=${!actWf}>${t('secretary.trig.act.pickWorkflow')}</option>
+        ${workflows.map((w) => html`<option value=${w.id} key=${w.id} selected=${actWf === w.id}>${w.name || w.id}</option>`)}
+      </select>` : null}
+      ${actKind === 'specialist' ? html`
+        <select class="sec-input" value=${actSpec} onChange=${(e) => setActSpec(e.target.value)}>
+          <option value="" selected=${!actSpec}>${t('secretary.trig.act.pickSpecialist')}</option>
+          ${specialists.map((s) => html`<option value=${s.name} key=${s.name} selected=${actSpec === s.name}>${s.display_name || s.name}</option>`)}
+        </select>
+        <textarea class="sec-paste" rows="2" placeholder=${t('secretary.trig.act.promptPlaceholder')} value=${actPrompt} onInput=${(e) => setActPrompt(e.target.value)}></textarea>` : null}
+      <div class="sec-next-action-btns">
+        <button class="btn-primary btn-sm" disabled=${busy} onClick=${() => run(() => p.triggers.update(ref.id, { label: label.trim() || tr.label, cadence, action: buildAct() }))}>${t('secretary.cal.dlg.save')}</button>
+        <button class="btn-outline btn-sm" disabled=${busy} onClick=${() => run(() => p.triggers.togglePause(tr))}>${tr.status === 'paused' ? t('secretary.trig.resume') : t('secretary.trig.pause')}</button>
+        <button class="btn-ghost btn-sm sec-next-discard" disabled=${busy} onClick=${() => run(() => p.triggers.remove(tr))}>${t('secretary.cal.dlg.delete')}</button>
+      </div>`;
+  } else if (ref.srcType === 'routine') {
+    title = ro.title || t('secretary.cal.routineRun');
+    body = html`
+      <label class="sec-hint">${t('secretary.cal.dlg.cadence')}</label>
+      <select class="sec-input" value=${ro.cadence || 'none'} onChange=${(e) => run(() => p.routines.setCadence(ro, e.target.value))}>
+        ${['none', 'daily', 'weekly'].map((c) => html`<option value=${c} selected=${(ro.cadence || 'none') === c}>${t('secretary.trig.cad.' + c) || c}</option>`)}
+      </select>
+      <div class="sec-next-action-btns">
+        <button class="btn-outline btn-sm" disabled=${busy} onClick=${() => run(() => p.routines.setStatus(ro, ro.status === 'paused' ? 'active' : 'paused'))}>${ro.status === 'paused' ? t('secretary.trig.resume') : t('secretary.trig.pause')}</button>
+      </div>`;
+  } else if (ref.srcType === 'tick') {
+    title = t('secretary.cal.tickEvent');
+    body = html`
+      <p class="sec-hint">${t('secretary.cal.dlg.tickDesc')}</p>
+      <div class="sec-next-action-btns">
+        <button class="btn-primary btn-sm" disabled=${busy} onClick=${() => run(() => p.tick.run())}>${t('secretary.auto.runNow')}</button>
+        <button class="btn-outline btn-sm" disabled=${busy} onClick=${() => run(() => p.tick.toggle())}>${t('secretary.auto.pause')}</button>
+      </div>`;
+  } else {
+    // feed entry — a past activity item; show its content, open its result, or remove it from the log.
+    title = t('secretary.cal.dlg.activity');
+    const item = ref.item || {};
+    body = html`
+      <div class="sec-hint">${new Date(ev.at).toLocaleString()}</div>
+      <div class="sec-stand-body"><${Markdown} text=${ev.text || ''} /></div>
+      <div class="sec-next-action-btns">
+        ${item.href ? html`<a class="btn-outline btn-sm" href=${item.href} target="_blank" rel="noopener">${t('secretary.next.openResult')} ↗</a>` : null}
+        ${item.id && p.feed && p.feed.remove ? html`<button class="btn-ghost btn-sm sec-next-discard" disabled=${busy} onClick=${() => run(() => p.feed.remove(item.id))}>${t('secretary.cal.dlg.delete')}</button>` : null}
+      </div>`;
+  }
+
+  return html`
+    <div class="sec-modal-backdrop" onClick=${p.onClose}>
+      <div class="sec-modal" onClick=${(e) => e.stopPropagation()}>
+        <div class="sec-card-head"><h2 class="sec-h2">${title}</h2><button class="btn-ghost btn-sm" onClick=${p.onClose}>✕</button></div>
+        ${body}
+      </div>
+    </div>`;
+}

package/dist/public/views/secretary/cards-reach.js

@@ -20,7 +20,6 @@ import { h } from 'preact';
 import htm from 'htm';
 const html = htm.bind(h);
 import { t } from '/js/i18n.js';
-import { escHtml } from '/js/utils.js';
 
 /** P2-A — when discover finds nothing, offer to CREATE the missing capability (Draft → approve). */
 export function createResourceCard(p) {
@@ -30,8 +29,8 @@ export function createResourceCard(p) {
       ${p.created ? html`
         <div class="sec-plan-result">
           <div class="sec-status"><span class="sec-dot"></span> ${t('secretary.create.done')}</div>
-          <p class="sec-purpose">${escHtml(p.created.name)}</p>
-          <p class="sec-hint"><code>${escHtml(p.created.id)}</code></p>
+          <p class="sec-purpose">${(p.created.name)}</p>
+          <p class="sec-hint"><code>${(p.created.id)}</code></p>
           <button class="btn-ghost btn-sm" onClick=${p.reset}>${t('secretary.plan.new')}</button>
         </div>`
       : p.draft ? html`
@@ -73,8 +72,8 @@ export function knowledgeCard(p) {
       ${p.created ? html`
         <div class="sec-plan-result">
           <div class="sec-status"><span class="sec-dot"></span> ${t('secretary.knowledge.done')}</div>
-          <p class="sec-purpose">${escHtml(p.created.name)}</p>
-          <p class="sec-hint"><code>${escHtml(p.created.package_id)}</code></p>
+          <p class="sec-purpose">${(p.created.name)}</p>
+          <p class="sec-hint"><code>${(p.created.package_id)}</code></p>
         </div>` : null}
 
       ${(p.packages || []).length >= 2 ? html`
@@ -87,21 +86,21 @@ export function knowledgeCard(p) {
             <div class="sec-note-bar">
               <select class="sec-band" value=${p.linkForm.sourceId} onChange=${(e) => p.setLinkForm({ ...p.linkForm, sourceId: e.target.value })}>
                 <option value="">${t('secretary.knowledge.linkSource')}</option>
-                ${p.packages.map((pk) => html`<option value=${pk.id} selected=${p.linkForm.sourceId === pk.id}>${escHtml(pk.name)}</option>`)}
+                ${p.packages.map((pk) => html`<option value=${pk.id} selected=${p.linkForm.sourceId === pk.id}>${(pk.name)}</option>`)}
               </select>
               <select class="sec-band" value=${p.linkForm.relation} onChange=${(e) => p.setLinkForm({ ...p.linkForm, relation: e.target.value })}>
                 ${(p.LINK_RELATIONS || []).map((rel) => html`<option value=${rel} selected=${p.linkForm.relation === rel}>${rel}</option>`)}
               </select>
               <select class="sec-band" value=${p.linkForm.targetId} onChange=${(e) => p.setLinkForm({ ...p.linkForm, targetId: e.target.value })}>
                 <option value="">${t('secretary.knowledge.linkTarget')}</option>
-                ${p.packages.map((pk) => html`<option value=${pk.id} selected=${p.linkForm.targetId === pk.id}>${escHtml(pk.name)}</option>`)}
+                ${p.packages.map((pk) => html`<option value=${pk.id} selected=${p.linkForm.targetId === pk.id}>${(pk.name)}</option>`)}
               </select>
             </div>
             <input class="sec-input" placeholder=${t('secretary.knowledge.linkDesc')} value=${p.linkForm.description} onInput=${(e) => p.setLinkForm({ ...p.linkForm, description: e.target.value })} />
             <button class="btn-primary" disabled=${!p.linkForm.sourceId || !p.linkForm.targetId || p.linkForm.sourceId === p.linkForm.targetId || !p.linkForm.description.trim() || p.linkForm.saving} onClick=${p.createLink}>${p.linkForm.saving ? t('secretary.applying') : t('secretary.knowledge.linkApprove')}</button>
           </div>` : null}
         ${p.linkResult ? html`
-          <div class="sec-status"><span class="sec-dot"></span> ${escHtml(p.linkResult.sourceName)} <em>${escHtml(p.linkResult.relation)}</em> ${escHtml(p.linkResult.targetName)}</div>` : null}` : null}
+          <div class="sec-status"><span class="sec-dot"></span> ${(p.linkResult.sourceName)} <em>${(p.linkResult.relation)}</em> ${(p.linkResult.targetName)}</div>` : null}` : null}
     </section>`;
 }
 
@@ -130,8 +129,8 @@ export function accessCard(p) {
         : html`<ul class="sec-goal-list">
             ${p.consents.map((c) => html`<li class="sec-goal-row" key=${c.id}>
               <div class="sec-goal-main">
-                <div class="sec-goal-title">${escHtml(c.recipient)}</div>
-                <div class="sec-hint"><code>${escHtml(c.data_pattern)}</code> · ${escHtml(c.purpose)}</div>
+                <div class="sec-goal-title">${(c.recipient)}</div>
+                <div class="sec-hint"><code>${(c.data_pattern)}</code> · ${(c.purpose)}</div>
               </div>
               <button class="btn-ghost btn-sm" onClick=${() => p.revokeGrant(c.id)}>${t('secretary.access.revoke')}</button>
             </li>`)}
@@ -150,7 +149,7 @@ export function accessCard(p) {
         ? html`<div class="sec-hint">${t('secretary.access.noGroups')}</div>`
         : html`<ul class="sec-goal-list">
             ${p.groups.map((g) => html`<li class="sec-goal-row" key=${g.id}>
-              <div class="sec-goal-main"><div class="sec-goal-title">${escHtml(g.name)}</div>
+              <div class="sec-goal-main"><div class="sec-goal-title">${(g.name)}</div>
                 <div class="sec-hint">${(g.members || []).length} ${t('secretary.access.members')}</div></div>
             </li>`)}
           </ul>`}
@@ -183,14 +182,14 @@ export function crewCard(p) {
 
       ${c ? html`
         <div class="sec-form sec-consent">
-          <div class="sec-status"><span class="sec-dot"></span> ${t('secretary.crew.consentTitle')} <code>${escHtml(c.name)}</code></div>
+          <div class="sec-status"><span class="sec-dot"></span> ${t('secretary.crew.consentTitle')} <code>${(c.name)}</code></div>
           <p class="sec-hint">${t('secretary.crew.consentNote')}</p>
           <ul class="sec-goal-list">
             ${c.extras.map((x) => html`<li class="sec-goal-row" key=${x.scope}>
               <label class="sec-goal-main">
                 <input type="checkbox" checked=${c.checked.includes(x.scope)} onChange=${() => p.toggleExtra(x.scope)} />
-                <span class="sec-goal-title">${escHtml(x.description)}</span>
-                <span class="sec-hint"><code>${escHtml(x.scope)}</code></span>
+                <span class="sec-goal-title">${(x.description)}</span>
+                <span class="sec-hint"><code>${(x.scope)}</code></span>
               </label>
             </li>`)}
           </ul>
@@ -206,8 +205,8 @@ export function crewCard(p) {
         <ul class="sec-goal-list">
           ${p.pending.map((r) => html`<li class="sec-goal-row" key=${r.user_code}>
             <div class="sec-goal-main">
-              <div class="sec-goal-title">${escHtml(r.display_name || r.agent_name || t('secretary.crew.unnamed'))}</div>
-              <div class="sec-hint"><code>${escHtml(r.user_code)}</code> · ${t('secretary.crew.expiresIn')} ${Math.floor((r.expires_in || 0) / 60)}m</div>
+              <div class="sec-goal-title">${(r.display_name || r.agent_name || t('secretary.crew.unnamed'))}</div>
+              <div class="sec-hint"><code>${(r.user_code)}</code> · ${t('secretary.crew.expiresIn')} ${Math.floor((r.expires_in || 0) / 60)}m</div>
             </div>
             <button class="btn-primary btn-sm" onClick=${() => p.approve(r.user_code, 'standard')}>${t('secretary.crew.approve')}</button>
             <button class="btn-ghost btn-sm" onClick=${() => p.deny(r.user_code)}>${t('secretary.crew.deny')}</button>
@@ -220,7 +219,7 @@ export function crewCard(p) {
         : html`<ul class="sec-goal-list">
             ${p.agents.map((a) => html`<li class="sec-goal-row" key=${a.gaii || a.name}>
               <div class="sec-goal-main">
-                <div class="sec-goal-title">${escHtml(a.name)}</div>
+                <div class="sec-goal-title">${(a.name)}</div>
                 <div class="sec-note-bar">
                   <select class="sec-band" value=${a.mode || 'interactive'} onChange=${(e) => p.setMode(a.name, e.target.value)}>
                     ${p.MODES.map((m) => html`<option value=${m} selected=${(a.mode || 'interactive') === m}>${m}</option>`)}