@eventmodelers/cli 2.0.36 → 2.0.38

package/extensions/prototype/host/entry.tsx

@@ -13,6 +13,7 @@ import { requestFetch, requestSync } from './stubs/chatSend'
 import { phaseOf } from './stubs/useApplyStatus'
 import { RebuildButton } from '@player/RebuildButton'
 import { usePrototypeRebuild } from '@player/usePrototypeRebuild'
+import { snapshotsKey, useSnapshots } from '@player/snapshots'
 import '@player/feedback/FeedbackReplay' // registers the replay overlay
 
 const SQUARE: React.CSSProperties = { margin: 0, width: 30, height: 30, padding: 0, display: 'inline-flex', alignItems: 'center', justifyContent: 'center' }
@@ -115,6 +116,7 @@ const LocalPlayer: React.FC = () => {
     const name = (load && 'contextName' in load && load.contextName) || 'Prototype'
     const reloadRef = useRef<() => void>(() => {})
     const feedback = usePrototypeFeedback(frame, { timelineId: 'local', title: name, html, boardId: 'local' })
+    useSnapshots(frame, snapshotsKey('local', 'local', name), run) // the Event log panel's named snapshots, kept in this browser
     const agentRebuild = usePrototypeRebuild({ timelineId: 'local', title: name, boardId: 'local', name, onRebuilt: () => reloadRef.current() })
 
     const reload = useCallback(() => { setFrameReady(false); setRun(r => r + 1) }, [])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventmodelers/cli",
-  "version": "2.0.36",
+  "version": "2.0.38",
   "description": "Eventmodelers CLI — real-time Claude agent + skills for Claude Code, for any stack (Node, Supabase, Axon, OpenCQRS, UmaDB, Kurrent, or modeling-only)",
   "type": "module",
   "bin": {

package/stacks/modeling-kit/templates/.claude/skills/prototype/assets/index.template.html

@@ -93,6 +93,11 @@
     .em-toast.em-error { background: #b91c1c; }
     .em-banner { padding: 10px 16px; font: 14px system-ui; color: #fff; background: #b91c1c; }
     .em-banner pre { margin: 6px 0 0; white-space: pre-wrap; font-size: 12px; }
+    .em-note { display: flex; align-items: flex-start; gap: 8px; padding: 4px 12px; font: 12px system-ui; color: #92400e; background: #fffbeb; border-bottom: 1px solid #fde68a; }
+    .em-note details { flex: 1; }
+    .em-note summary { cursor: pointer; }
+    .em-note pre { margin: 4px 0; white-space: pre-wrap; font-size: 11px; color: #451a03; }
+    .em-note button { border: 0; background: none; cursor: pointer; font-size: 14px; line-height: 1; color: inherit; }
     /* Narrow (the small snippet in the chat): the page gets all the room — the event panel is for the wider views. */
     @media (max-width: 720px) { .em-shell { grid-template-columns: 1fr; } .em-panel { display: none; } }
   </style>
@@ -780,10 +785,21 @@ globalThis.emMount = () => {
   }
   const failed = EMRuntime.runSpecs(EMRuntime.domain).filter((r) => !r.pass);
   if (failed.length) {
-    show(
-      `${failed.length} scenario${failed.length === 1 ? '' : 's'} from the board fail`,
-      failed.map((r) => `✗ [${r.spec.slice || '-'}] ${r.spec.title}\n   ${r.detail}`).join('\n'),
-    );
+    const note = document.createElement('div');
+    note.className = 'em-note';
+    const det = document.createElement('details');
+    const sum = document.createElement('summary');
+    sum.textContent = `${failed.length} scenario${failed.length === 1 ? '' : 's'} from the board fail — run /prototype again to regenerate`;
+    const pre = document.createElement('pre');
+    pre.textContent = failed.map((r) => `✗ [${r.spec.slice || '-'}] ${r.spec.title}\n   ${r.detail}`).join('\n');
+    det.append(sum, pre);
+    const close = document.createElement('button');
+    close.type = 'button';
+    close.title = 'Dismiss';
+    close.textContent = '×';
+    close.onclick = () => note.remove();
+    note.append(det, close);
+    banner.appendChild(note);
   }
   emMount();
 })();