@scenetest/dashboard 0.11.0 → 0.12.0

package/dist/types.d.ts

@@ -15,16 +15,12 @@ export type ConnectionStatus = 'connecting' | 'connected' | 'disconnected';
  */
 export interface Transport {
     /**
-     * A snapshot of the run so far, as an ordered list of protocol events the
-     * widget folds into its initial state. Transports that deliver history
-     * through the initial `subscribe` burst instead (e.g. SSE replay) may
-     * return an empty array — the store folds both the same way.
-     */
-    fetchState(): Promise<RunEvent[]>;
-    /**
-     * Subscribe to live events. `onEvent` receives every event after the
-     * snapshot; `onStatus`, if given, receives connection-liveness changes.
-     * Returns an unsubscribe function that tears down the underlying stream.
+     * Subscribe to the run stream. The transport replays the run history so far
+     * (SSE replays the buffer on connect; the cloud WebSocket replays from a
+     * `sinceSeq`) and then delivers live events through the same `onEvent`, so
+     * the read model folds history and live the same way. `onStatus`, if given,
+     * receives connection-liveness changes. Returns an unsubscribe function that
+     * tears down the underlying stream.
      */
     subscribe(onEvent: (event: RunEvent) => void, onStatus?: (status: ConnectionStatus) => void): () => void;
     /** Send a command toward the runner (replay, stop, pause, resume). */
@@ -99,14 +95,4 @@ export interface DashboardTheme {
     /** Base font size (e.g. `'13px'`). */
     fontSize?: string;
 }
-export interface MountOptions {
-    transport: Transport;
-    /** Optional theme overrides applied as `--st-*` custom properties. */
-    theme?: DashboardTheme;
-}
-/** Handle returned by `mountDashboard`. */
-export interface DashboardHandle {
-    /** Tear down the widget, its subscription, and its shadow root contents. */
-    unmount(): void;
-}
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/use-live-query.d.ts

@@ -0,0 +1,28 @@
+/**
+ * The minimal shape this hook needs from a TanStack DB collection: read its
+ * rows and subscribe to changes. Both base collections (`createCollection`) and
+ * derived ones (`createLiveQueryCollection`) satisfy it, so a view can read a
+ * raw table or a `.where(...).orderBy(...)` query through the same hook.
+ */
+export interface ObservableRows<T> {
+    readonly toArray: T[];
+    subscribeChanges(callback: (changes: unknown) => void): {
+        unsubscribe: () => void;
+    };
+}
+/**
+ * Read a TanStack DB collection reactively: subscribe to its changes, re-render
+ * on each, and return the current rows. This is the Preact analogue of
+ * `@tanstack/react-db`'s `useLiveQuery` — the pattern to reach for, rather than
+ * a hand-rolled `subscribeChanges` + force-update in every component. Pass a
+ * stable collection (created once, e.g. via `useMemo` or at the app root); a
+ * fresh collection each render would resubscribe every time.
+ *
+ * The returned array keeps a **stable identity between changes** (`collection.toArray`
+ * builds a fresh array on every access, so we snapshot it only when a change
+ * actually fires). That's what lets downstream `useMemo`s over these rows
+ * (`selectSnapshot`, the Runner's filter/group memos) hit instead of recomputing
+ * every render.
+ */
+export declare function useLiveQuery<T>(collection: ObservableRows<T>): T[];
+//# sourceMappingURL=use-live-query.d.ts.map

package/dist/use-live-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-live-query.d.ts","sourceRoot":"","sources":["../src/use-live-query.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAA;IACrB,gBAAgB,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG;QAAE,WAAW,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;CACpF;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAQlE"}

package/dist/use-live-query.js

@@ -0,0 +1,25 @@
+import { useEffect, useState } from 'preact/hooks';
+/**
+ * Read a TanStack DB collection reactively: subscribe to its changes, re-render
+ * on each, and return the current rows. This is the Preact analogue of
+ * `@tanstack/react-db`'s `useLiveQuery` — the pattern to reach for, rather than
+ * a hand-rolled `subscribeChanges` + force-update in every component. Pass a
+ * stable collection (created once, e.g. via `useMemo` or at the app root); a
+ * fresh collection each render would resubscribe every time.
+ *
+ * The returned array keeps a **stable identity between changes** (`collection.toArray`
+ * builds a fresh array on every access, so we snapshot it only when a change
+ * actually fires). That's what lets downstream `useMemo`s over these rows
+ * (`selectSnapshot`, the Runner's filter/group memos) hit instead of recomputing
+ * every render.
+ */
+export function useLiveQuery(collection) {
+    const [rows, setRows] = useState(() => collection.toArray);
+    useEffect(() => {
+        setRows(collection.toArray); // resync in case it changed before we subscribed
+        const sub = collection.subscribeChanges(() => setRows(collection.toArray));
+        return () => sub.unsubscribe();
+    }, [collection]);
+    return rows;
+}
+//# sourceMappingURL=use-live-query.js.map

package/dist/use-live-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-live-query.js","sourceRoot":"","sources":["../src/use-live-query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAalD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,YAAY,CAAI,UAA6B;IAC3D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAM,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAC/D,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA,CAAC,iDAAiD;QAC7E,MAAM,GAAG,GAAG,UAAU,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAA;QAC1E,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAA;IAChC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAChB,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/use-run-slice.d.ts

@@ -0,0 +1,25 @@
+import { type ObservableRows } from './use-live-query.js';
+import { type DashboardCollections, type RunSlice } from './select-helpers.js';
+import type { SceneRow, AssertionRecord, ActionRecord } from './collections/projections.js';
+/** The live-query collections of one run's rows, the heart of {@link useRunSlice}. */
+export interface RunSliceCollections {
+    scenes: ObservableRows<SceneRow>;
+    assertions: ObservableRows<AssertionRecord>;
+    actions: ObservableRows<ActionRecord>;
+}
+/**
+ * Build the three derived live-query collections for `runId` (`where runId = …`,
+ * scenes/actions `orderBy startTime`). A pure builder (no hooks) so it can be
+ * tested against `latestRunSlice` directly. Before the first run `runId` is
+ * undefined, so we filter on a sentinel that matches no real row (ids are
+ * timestamps) and the slice comes back empty.
+ */
+export declare function runSliceCollections(collections: DashboardCollections, runId: string | undefined): RunSliceCollections;
+/**
+ * The latest-run slice the live views render, maintained incrementally by
+ * `@tanstack/db` rather than re-scanned in JS each render. Picks the latest run
+ * from the small `runs` table and rebuilds the derived collections only when a
+ * new run starts; the views hand the result to the pure selectors.
+ */
+export declare function useRunSlice(collections: DashboardCollections): RunSlice;
+//# sourceMappingURL=use-run-slice.d.ts.map

package/dist/use-run-slice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-run-slice.d.ts","sourceRoot":"","sources":["../src/use-run-slice.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAe,KAAK,oBAAoB,EAAE,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC3F,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAE3F,sFAAsF;AACtF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,UAAU,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IAC3C,OAAO,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;CACtC;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,oBAAoB,EACjC,KAAK,EAAE,MAAM,GAAG,SAAS,GACxB,mBAAmB,CAsBrB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,WAAW,EAAE,oBAAoB,GAAG,QAAQ,CAiBvE"}

package/dist/use-run-slice.js

@@ -0,0 +1,48 @@
+import { useMemo } from 'preact/hooks';
+import { createLiveQueryCollection, eq } from '@tanstack/db';
+import { useLiveQuery } from './use-live-query.js';
+import { latestRunId } from './select-helpers.js';
+/**
+ * Build the three derived live-query collections for `runId` (`where runId = …`,
+ * scenes/actions `orderBy startTime`). A pure builder (no hooks) so it can be
+ * tested against `latestRunSlice` directly. Before the first run `runId` is
+ * undefined, so we filter on a sentinel that matches no real row (ids are
+ * timestamps) and the slice comes back empty.
+ */
+export function runSliceCollections(collections, runId) {
+    const key = runId ?? ' no-run';
+    const scenes = collections.scenes;
+    const assertions = collections.assertions;
+    const actions = collections.actions;
+    return {
+        scenes: createLiveQueryCollection((q) => q
+            .from({ scene: scenes })
+            .where(({ scene }) => eq(scene.runId, key))
+            .orderBy(({ scene }) => scene.startTime)),
+        assertions: createLiveQueryCollection((q) => q.from({ assertion: assertions }).where(({ assertion }) => eq(assertion.runId, key))),
+        actions: createLiveQueryCollection((q) => q
+            .from({ action: actions })
+            .where(({ action }) => eq(action.runId, key))
+            .orderBy(({ action }) => action.startTime)),
+    };
+}
+/**
+ * The latest-run slice the live views render, maintained incrementally by
+ * `@tanstack/db` rather than re-scanned in JS each render. Picks the latest run
+ * from the small `runs` table and rebuilds the derived collections only when a
+ * new run starts; the views hand the result to the pure selectors.
+ */
+export function useRunSlice(collections) {
+    const runs = useLiveQuery(collections.runs);
+    const runId = latestRunId(runs);
+    const run = runId ? runs.find((r) => r.id === runId) : undefined;
+    // Rebuild only when a new run starts (runId changes), not on every event.
+    const queries = useMemo(() => runSliceCollections(collections, runId), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- collections are stable; rebuild only when the run changes
+    [collections.scenes, collections.assertions, collections.actions, runId]);
+    const scenes = useLiveQuery(queries.scenes);
+    const assertions = useLiveQuery(queries.assertions);
+    const actions = useLiveQuery(queries.actions);
+    return { runId, run, scenes, assertions, actions };
+}
+//# sourceMappingURL=use-run-slice.js.map

package/dist/use-run-slice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-run-slice.js","sourceRoot":"","sources":["../src/use-run-slice.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,yBAAyB,EAAE,EAAE,EAAmB,MAAM,cAAc,CAAA;AAC7E,OAAO,EAAE,YAAY,EAAuB,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAE,WAAW,EAA4C,MAAM,qBAAqB,CAAA;AAU3F;;;;;;GAMG;AACH,MAAM,UAAU,mBAAmB,CACjC,WAAiC,EACjC,KAAyB;IAEzB,MAAM,GAAG,GAAG,KAAK,IAAI,SAAS,CAAA;IAC9B,MAAM,MAAM,GAAG,WAAW,CAAC,MAAyC,CAAA;IACpE,MAAM,UAAU,GAAG,WAAW,CAAC,UAAoD,CAAA;IACnF,MAAM,OAAO,GAAG,WAAW,CAAC,OAA8C,CAAA;IAC1E,OAAO;QACL,MAAM,EAAE,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,CACtC,CAAC;aACE,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;aACvB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;aAC1C,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAC3C;QACD,UAAU,EAAE,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,CAC1C,CAAC,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CACrF;QACD,OAAO,EAAE,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,CACvC,CAAC;aACE,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;aACzB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;aAC5C,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAC7C;KACF,CAAA;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,WAAiC;IAC3D,MAAM,IAAI,GAAG,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IAC3C,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,CAAA;IAC/B,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEhE,0EAA0E;IAC1E,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC;IAC7C,oHAAoH;IACpH,CAAC,WAAW,CAAC,MAAM,EAAE,WAAW,CAAC,UAAU,EAAE,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CACzE,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IAC3C,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;IACnD,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAE7C,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,CAAA;AACpD,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scenetest/dashboard",
-  "version": "0.11.0",
-  "description": "Mountable Preact dashboard widget for scenetest — renders a live run into a shadow root, fed by a pluggable transport adapter",
+  "version": "0.12.0",
+  "description": "Embeddable Preact dashboard component for scenetest — Home/Runner/Waterfall views over a read-only read model, fed by a pluggable transport adapter",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -15,7 +15,7 @@
     "playwright",
     "dashboard",
     "preact",
-    "widget"
+    "component"
   ],
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -24,6 +24,11 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./collections": {
+      "types": "./dist/collections/index.d.ts",
+      "import": "./dist/collections/index.js"
+    },
+    "./style.css": "./dist/style.css",
     "./package.json": "./package.json"
   },
   "files": [
@@ -33,7 +38,7 @@
     "access": "public"
   },
   "dependencies": {
-    "htm": "^3.1.1",
+    "@tanstack/db": "^0.6.0",
     "preact": "^10.22.0",
     "@scenetest/protocol": "0.11.0"
   },
@@ -43,7 +48,7 @@
     "vitest": "^4.1.4"
   },
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && cp src/style.css dist/style.css",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "test:watch": "vitest"

package/dist/mount.d.ts

@@ -1,14 +0,0 @@
-import type { DashboardHandle, MountOptions } from './types.js';
-/**
- * Mount the dashboard widget into `element`. The widget renders into a shadow
- * root with its own styles and fonts, so it can drop into any host — the
- * `/__scenetest` page, a worker-served page, a docs island — without leaking
- * styles in either direction and without the host needing to use Preact.
- *
- * The host supplies only a transport adapter (the dev/cloud seam) and an
- * optional theme; everything else is internal. Returns a handle whose
- * `unmount()` tears down Preact, the transport subscription, and the shadow
- * content.
- */
-export declare function mountDashboard(element: HTMLElement, options: MountOptions): DashboardHandle;
-//# sourceMappingURL=mount.d.ts.map

package/dist/mount.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAkB,YAAY,EAAE,MAAM,YAAY,CAAA;AAE/E;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,GAAG,eAAe,CAqB3F"}

package/dist/mount.js

@@ -1,50 +0,0 @@
-import { h, render } from 'preact';
-import { Dashboard } from './app.js';
-import { STYLES } from './styles.js';
-/**
- * Mount the dashboard widget into `element`. The widget renders into a shadow
- * root with its own styles and fonts, so it can drop into any host — the
- * `/__scenetest` page, a worker-served page, a docs island — without leaking
- * styles in either direction and without the host needing to use Preact.
- *
- * The host supplies only a transport adapter (the dev/cloud seam) and an
- * optional theme; everything else is internal. Returns a handle whose
- * `unmount()` tears down Preact, the transport subscription, and the shadow
- * content.
- */
-export function mountDashboard(element, options) {
-    const root = element.shadowRoot ?? element.attachShadow({ mode: 'open' });
-    root.innerHTML = '';
-    const style = document.createElement('style');
-    style.textContent = STYLES;
-    root.appendChild(style);
-    if (options.theme)
-        applyTheme(root, options.theme);
-    const container = document.createElement('div');
-    root.appendChild(container);
-    render(h(Dashboard, { transport: options.transport }), container);
-    return {
-        unmount() {
-            render(null, container);
-            root.innerHTML = '';
-        },
-    };
-}
-/**
- * Apply the small `--st-*` theming surface to the shadow host. A
- * `:host { ... }` block can't be set imperatively, so the custom properties
- * are written onto the host element's inline style, where `:host` rules in the
- * stylesheet pick them up as overrides.
- */
-function applyTheme(root, theme) {
-    const host = root.host;
-    if (theme.bg)
-        host.style.setProperty('--st-bg', theme.bg);
-    if (theme.accent)
-        host.style.setProperty('--st-accent', theme.accent);
-    if (theme.font)
-        host.style.setProperty('--st-font', theme.font);
-    if (theme.fontSize)
-        host.style.setProperty('--st-font-size', theme.fontSize);
-}
-//# sourceMappingURL=mount.js.map

package/dist/mount.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGpC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,cAAc,CAAC,OAAoB,EAAE,OAAqB;IACxE,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;IACzE,IAAI,CAAC,SAAS,GAAG,EAAE,CAAA;IAEnB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAC7C,KAAK,CAAC,WAAW,GAAG,MAAM,CAAA;IAC1B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IAEvB,IAAI,OAAO,CAAC,KAAK;QAAE,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAElD,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC/C,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;IAE3B,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,CAAC,EAAE,SAAS,CAAC,CAAA;IAEjE,OAAO;QACL,OAAO;YACL,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;YACvB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAA;QACrB,CAAC;KACF,CAAA;AACH,CAAC;AAED;;;;;GAKG;AACH,SAAS,UAAU,CAAC,IAAgB,EAAE,KAAqB;IACzD,MAAM,IAAI,GAAG,IAAI,CAAC,IAAmB,CAAA;IACrC,IAAI,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,CAAA;IACzD,IAAI,KAAK,CAAC,MAAM;QAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACrE,IAAI,KAAK,CAAC,IAAI;QAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;IAC/D,IAAI,KAAK,CAAC,QAAQ;QAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;AAC9E,CAAC"}

package/dist/store.d.ts

@@ -1,19 +0,0 @@
-import type { RunEvent } from '@scenetest/protocol';
-import type { ConnectionStatus, DashboardState } from './types.js';
-/** The empty state, before any events. */
-export declare function initialState(): DashboardState;
-/**
- * Fold one protocol event into the state, returning a new state object (and
- * new objects for the scenes/scene that changed) so Preact re-renders. This
- * is the same reduction the original inline dashboard did imperatively, made
- * pure. Unknown event types are ignored — a newer producer can add events
- * without breaking an older widget.
- */
-export declare function applyEvent(state: DashboardState, event: RunEvent): DashboardState;
-/** Fold a snapshot of events into a fresh state, in order. */
-export declare function foldEvents(events: RunEvent[]): DashboardState;
-/** Return a new state with the connection liveness updated. */
-export declare function withConnection(state: DashboardState, connection: ConnectionStatus): DashboardState;
-/** Number of scenes that have finished (not currently running). */
-export declare function completedSceneCount(state: DashboardState): number;
-//# sourceMappingURL=store.d.ts.map

package/dist/store.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAe,MAAM,YAAY,CAAA;AAE/E,0CAA0C;AAC1C,wBAAgB,YAAY,IAAI,cAAc,CAa7C;AAqBD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,GAAG,cAAc,CA2GjF;AAYD,8DAA8D;AAC9D,wBAAgB,UAAU,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,CAE7D;AAED,+DAA+D;AAC/D,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,GAAG,cAAc,CAElG;AAED,mEAAmE;AACnE,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAEjE"}

package/dist/store.js

@@ -1,164 +0,0 @@
-/** The empty state, before any events. */
-export function initialState() {
-    return {
-        scenes: [],
-        currentSceneIndex: null,
-        runStartTime: null,
-        passCount: 0,
-        failCount: 0,
-        sceneCount: 0,
-        teams: [],
-        running: false,
-        endDurationMs: null,
-        connection: 'connecting',
-    };
-}
-function cloneScene(scene) {
-    return {
-        ...scene,
-        actors: scene.actors.slice(),
-        lanes: scene.lanes.map((lane) => ({ actor: lane.actor, items: lane.items.slice() })),
-        assertions: scene.assertions.slice(),
-    };
-}
-function laneFor(scene, actor) {
-    let lane = scene.lanes.find((l) => l.actor === actor);
-    if (!lane) {
-        lane = { actor, items: [] };
-        scene.lanes.push(lane);
-        if (!scene.actors.includes(actor))
-            scene.actors.push(actor);
-    }
-    return lane;
-}
-/**
- * Fold one protocol event into the state, returning a new state object (and
- * new objects for the scenes/scene that changed) so Preact re-renders. This
- * is the same reduction the original inline dashboard did imperatively, made
- * pure. Unknown event types are ignored — a newer producer can add events
- * without breaking an older widget.
- */
-export function applyEvent(state, event) {
-    switch (event.type) {
-        case 'run:start':
-            return {
-                ...initialState(),
-                connection: state.connection,
-                runStartTime: event.timestamp,
-                sceneCount: event.sceneCount,
-                running: true,
-            };
-        case 'scene:start': {
-            const scene = {
-                name: event.name,
-                file: event.file,
-                actors: (event.actors ?? []).slice(),
-                lanes: (event.actors ?? []).map((actor) => ({ actor, items: [] })),
-                assertions: [],
-                startTime: event.timestamp,
-                endTime: null,
-                status: 'running',
-                team: event.team ?? {},
-                teamIndex: event.teamIndex ?? 0,
-            };
-            const scenes = state.scenes.concat(scene);
-            const teamName = scene.team?.name;
-            const teams = teamName && !state.teams.includes(teamName) ? state.teams.concat(teamName) : state.teams;
-            return { ...state, scenes, currentSceneIndex: scenes.length - 1, teams };
-        }
-        case 'action:start': {
-            return updateCurrentScene(state, (scene) => {
-                const lane = laneFor(scene, event.actor);
-                lane.items.push({
-                    action: event.action,
-                    target: event.target,
-                    startTime: event.timestamp,
-                    endTime: null,
-                    duration: null,
-                    error: null,
-                    status: 'running',
-                });
-            });
-        }
-        case 'action:end': {
-            return updateCurrentScene(state, (scene) => {
-                const lane = scene.lanes.find((l) => l.actor === event.actor);
-                if (!lane)
-                    return;
-                for (let i = lane.items.length - 1; i >= 0; i--) {
-                    const item = lane.items[i];
-                    if (item.status === 'running' && item.action === event.action) {
-                        item.endTime = event.timestamp;
-                        item.duration = event.duration;
-                        item.error = event.error ?? null;
-                        item.status = event.error ? 'error' : event.duration > 500 ? 'slow' : 'success';
-                        break;
-                    }
-                }
-            });
-        }
-        case 'assertion': {
-            return updateCurrentScene(state, (scene) => {
-                scene.assertions.push({
-                    actor: event.actor,
-                    description: event.description,
-                    result: event.result,
-                    timestamp: event.timestamp,
-                });
-            });
-        }
-        case 'scene:end': {
-            if (state.currentSceneIndex == null)
-                return state;
-            const next = updateCurrentScene(state, (scene) => {
-                scene.endTime = event.timestamp;
-                scene.status = event.status;
-                scene.duration = event.duration;
-                scene.error = event.error;
-            });
-            const passed = event.status === 'completed';
-            return {
-                ...next,
-                currentSceneIndex: null,
-                passCount: next.passCount + (passed ? 1 : 0),
-                failCount: next.failCount + (passed ? 0 : 1),
-            };
-        }
-        case 'run:progress':
-            return { ...state, progress: { pct: event.pct, failing: event.failing, flaky: event.flaky } };
-        case 'run:end':
-            return {
-                ...state,
-                running: false,
-                sceneCount: event.summary?.scenes ?? state.sceneCount,
-                passCount: event.summary?.completed ?? state.passCount,
-                failCount: event.summary?.failed ?? state.failCount,
-                endDurationMs: event.duration,
-            };
-        default:
-            return state;
-    }
-}
-function updateCurrentScene(state, mutate) {
-    const idx = state.currentSceneIndex;
-    if (idx == null || idx < 0 || idx >= state.scenes.length)
-        return state;
-    const scene = cloneScene(state.scenes[idx]);
-    mutate(scene);
-    const scenes = state.scenes.slice();
-    scenes[idx] = scene;
-    return { ...state, scenes };
-}
-/** Fold a snapshot of events into a fresh state, in order. */
-export function foldEvents(events) {
-    return events.reduce(applyEvent, initialState());
-}
-/** Return a new state with the connection liveness updated. */
-export function withConnection(state, connection) {
-    return { ...state, connection };
-}
-/** Number of scenes that have finished (not currently running). */
-export function completedSceneCount(state) {
-    return state.scenes.filter((s) => s.status !== 'running').length;
-}
-//# sourceMappingURL=store.js.map

package/dist/store.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"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"}

package/dist/styles.d.ts

@@ -1,10 +0,0 @@
-/**
- * The widget's stylesheet, injected into its shadow root. The only theming
- * surface is the small set of `--st-*` custom properties on `:host`; every
- * internal color derives from them or from a fixed terminal palette. A host
- * may set `--st-bg`, `--st-accent`, `--st-font`, `--st-font-size` (and nothing
- * else) to retheme the pane. These are versioned with the widget, like the
- * wire protocol.
- */
-export declare const STYLES = "\n:host {\n  /* \u2500\u2500 Theming surface (host may override these four) \u2500\u2500 */\n  --st-bg: #0f1117;\n  --st-accent: #3b82f6;\n  --st-font: 'SF Mono', 'Cascadia Code', 'Fira Code', ui-monospace, monospace;\n  --st-font-size: 13px;\n\n  /* \u2500\u2500 Internal palette (derived; not a public surface) \u2500\u2500 */\n  --bg: var(--st-bg);\n  --bg2: #1a1d27;\n  --bg3: #252833;\n  --border: #2e3140;\n  --text: #e1e4ed;\n  --text2: #8b8fa3;\n  --green: #22c55e;\n  --red: #ef4444;\n  --amber: #f59e0b;\n  --blue: var(--st-accent);\n\n  display: block;\n  font-family: var(--st-font);\n  font-size: var(--st-font-size);\n  color: var(--text);\n  background: var(--bg);\n}\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\n\n.root { min-height: 100%; background: var(--bg); }\n\nheader {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  padding: 12px 20px;\n  border-bottom: 1px solid var(--border);\n  background: var(--bg2);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\nheader.running .logo { animation: pulse 1.2s ease-in-out infinite; }\n\nh1 { font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 8px; }\n.logo {\n  display: inline-flex; align-items: center; justify-content: center;\n  width: 22px; height: 22px; border-radius: 5px;\n  background: var(--blue); color: #fff; font-weight: 700;\n}\n\nbutton {\n  font-family: inherit; font-size: 12px; cursor: pointer;\n  border: 1px solid var(--border); background: var(--bg3); color: var(--text);\n  padding: 5px 10px; border-radius: 5px; display: inline-flex; align-items: center; gap: 6px;\n}\nbutton:hover:not(:disabled) { border-color: var(--blue); }\nbutton:disabled { opacity: 0.5; cursor: default; }\n.replay-all-btn { color: var(--green); }\n.stop-btn { color: var(--red); }\n\n.team-select-wrap { font-size: 12px; color: var(--text2); display: flex; align-items: center; gap: 6px; }\nselect {\n  font-family: inherit; font-size: 12px; background: var(--bg3); color: var(--text);\n  border: 1px solid var(--border); border-radius: 5px; padding: 4px 6px;\n}\n\n.spacer { flex: 1; }\n\n.stats { display: flex; align-items: center; gap: 14px; font-size: 12px; }\n.stat { display: flex; align-items: center; gap: 5px; }\n.stat .label { color: var(--text2); }\n.stat .value { font-weight: 600; }\n.stat.pass .value { color: var(--green); }\n.stat.fail .value { color: var(--red); }\n\n.conn { width: 9px; height: 9px; border-radius: 50%; background: var(--text2); }\n.conn.connected { background: var(--green); }\n.conn.disconnected { background: var(--red); }\n\n.progress { flex-basis: 100%; height: 3px; background: var(--bg3); border-radius: 2px; overflow: hidden; }\n.progress-fill { height: 100%; width: 0; background: var(--blue); transition: width 0.2s ease; }\n.progress.done .progress-fill { background: var(--green); }\n.progress.has-failures .progress-fill { background: var(--red); }\n\nmain { padding: 16px 20px; }\n.waiting { text-align: center; color: var(--text2); padding: 60px 20px; }\n.waiting h2 { font-size: 16px; font-weight: 500; margin-bottom: 8px; color: var(--text); }\n.waiting code { background: var(--bg3); padding: 2px 6px; border-radius: 4px; }\n\n.scene {\n  border: 1px solid var(--border); border-radius: 8px; background: var(--bg2);\n  margin-bottom: 14px; overflow: hidden;\n}\n.scene.failed { border-color: var(--red); }\n.scene-head {\n  display: flex; align-items: center; gap: 10px; padding: 10px 14px;\n  border-bottom: 1px solid var(--border); background: var(--bg3);\n}\n.scene-status { font-weight: 700; }\n.scene-status.completed { color: var(--green); }\n.scene-status.failed, .scene-status.timeout { color: var(--red); }\n.scene-status.running { color: var(--amber); }\n.scene-name { font-weight: 600; }\n.scene-file { color: var(--text2); font-size: 11px; }\n.scene-team {\n  font-size: 11px; color: var(--blue); border: 1px solid var(--border);\n  padding: 1px 6px; border-radius: 10px;\n}\n.scene-dur { color: var(--text2); font-size: 11px; margin-left: auto; }\n.copy-btn { padding: 3px 7px; font-size: 11px; }\n.copy-btn.copied { color: var(--green); border-color: var(--green); }\n\n.lanes { padding: 8px 14px; display: flex; flex-direction: column; gap: 6px; }\n.lane { display: flex; align-items: flex-start; gap: 8px; }\n.lane-actor { color: var(--text2); min-width: 90px; font-size: 11px; padding-top: 3px; }\n.lane-items { display: flex; flex-wrap: wrap; gap: 4px; }\n.pill {\n  font-size: 11px; padding: 2px 7px; border-radius: 4px;\n  border: 1px solid var(--border); background: var(--bg3); color: var(--text);\n}\n.pill.running { border-color: var(--amber); color: var(--amber); }\n.pill.success { border-color: var(--green); }\n.pill.slow { border-color: var(--amber); }\n.pill.error { border-color: var(--red); color: var(--red); }\n.pill .tgt { color: var(--text2); }\n\n.assertions { padding: 0 14px 10px; display: flex; flex-direction: column; gap: 3px; }\n.assert { font-size: 12px; display: flex; gap: 6px; align-items: baseline; }\n.assert .mark { font-weight: 700; }\n.assert.ok .mark { color: var(--green); }\n.assert.bad .mark { color: var(--red); }\n.assert .who { color: var(--text2); }\n\n.scene-error {\n  margin: 0 14px 12px; padding: 8px 10px; border-radius: 6px;\n  background: rgba(239, 68, 68, 0.1); border: 1px solid var(--red);\n  color: var(--red); font-size: 12px; white-space: pre-wrap; cursor: pointer;\n}\n\n@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } }\n";
-//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,o4KA8IlB,CAAA"}