jev-devtools 0.2.0 → 0.3.0

package/lib/src/FlowOverview.js

@@ -0,0 +1,228 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useDiagramViewport } from "./useDiagramViewport.js";
+import { RequestDetail } from "./JevDevtools.js";
+import { JsonBlock } from "./TraceContent.js";
+import { conditionInputs, conditionRequirement, } from "./condition-inputs.js";
+import { formatFlowCondition } from "./flow-condition.js";
+import { TraceDiagram } from "./TraceDiagram.js";
+const RequestNode = memo(function RequestNode({ node, trace, status, selected, x, y, onSelect, onResize, }) {
+    const headingHeight = node.description ? 104 : 64;
+    const measure = useCallback((height) => onResize(node.id, height + headingHeight), [node.id, onResize, headingHeight]);
+    return (_jsxs("article", { className: `flow-step flow-request ${selected ? "selected" : ""}`, "data-status": status, "aria-label": `Request ${node.id}`, style: { left: x, top: y, width: 1120 }, children: [_jsxs("button", { className: "flow-request-heading", style: { height: headingHeight }, "aria-label": `Step ${node.id}, jev, ${status}`, "aria-pressed": selected, onClick: () => onSelect(node.id), children: [_jsxs("span", { children: [_jsx("span", { className: "eyebrow", children: "Jev request" }), _jsx("strong", { children: node.title ?? node.id }), node.description && (_jsx("span", { className: "flow-request-description", children: node.description }))] }), _jsxs("span", { children: [status, trace.durationMs !== undefined
+                                ? ` · ${Math.round(trace.durationMs)} ms`
+                                : ""] })] }), _jsx(TraceDiagram, { trace: trace, embedded: true, onHeightChange: measure })] }));
+});
+function joinTitle(count) {
+    return count === 2 ? "Wait for both checks" : `Wait for all ${count} paths`;
+}
+const Card = memo(function Card({ node, status, decision, selected, bounds, onSelect, lanes, inputs, }) {
+    const join = node.kind === "parallel";
+    const finished = lanes.filter((lane) => lane.status === "completed").length;
+    const route = [...node.path]
+        .reverse()
+        .find((part) => part.endsWith(":then") || part.endsWith(":else"));
+    const stateLabel = status === "untaken"
+        ? "Not taken"
+        : node.kind === "output" && status === "completed"
+            ? "Returned outcome"
+            : status;
+    return (_jsxs("button", { className: `flow-step ${selected ? "selected" : ""}`, "data-status": status, style: {
+            left: bounds.x,
+            top: bounds.y,
+            width: bounds.width,
+            height: bounds.height,
+        }, "aria-label": `Step ${node.id}, ${node.kind}, ${status}`, "aria-pressed": selected, onClick: () => onSelect(node.id), children: [_jsxs("span", { className: "flow-card-heading", children: [_jsx("span", { className: "flow-kind-icon", "aria-hidden": "true", children: _jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: join ? (_jsx("path", { d: "M4 5h4l5 7h7M4 19h4l5-7m4-3 3 3-3 3" })) : node.kind === "output" ? (_jsxs(_Fragment, { children: [_jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "4" }), _jsx("path", { d: "m8 12 3 3 5-6" })] })) : (_jsx("path", { d: "m12 3 9 9-9 9-9-9zM8 12h8" })) }) }), _jsx("span", { className: "eyebrow", children: join
+                            ? "Parallel checks"
+                            : node.kind === "branch"
+                                ? "Condition"
+                                : node.kind }), node.kind === "output" && (_jsx("span", { className: "flow-status", children: stateLabel }))] }), _jsx("strong", { children: node.title ?? (join ? joinTitle(lanes.length) : node.id) }), node.description && (_jsx("span", { className: "flow-step-description", children: node.description })), node.kind === "branch" &&
+                (node.conditionRule !== undefined || node.condition) && (_jsxs("span", { className: "flow-condition-rule", children: [inputs && inputs.length > 0 && (_jsxs("span", { className: "flow-condition-incoming", children: [_jsx("span", { className: "flow-condition-label", children: inputs.length === 1 ? "Incoming value" : "Incoming values" }), inputs.slice(0, 3).map((input) => (_jsxs("span", { className: "flow-condition-input", children: [_jsx("span", { children: input.name }), _jsx("b", { children: input.value })] }, input.reference))), inputs.length > 3 && (_jsxs("small", { children: [inputs.length - 3, " more inputs \u00B7 select to inspect"] }))] })), _jsx("span", { className: "flow-condition-label", children: "Requirement" }), _jsx("code", { children: node.conditionRule !== undefined
+                            ? conditionRequirement(node.conditionRule, inputs ?? [])
+                            : node.condition })] })), join && (_jsxs(_Fragment, { children: [_jsxs("span", { className: "flow-join-summary", children: [joinTitle(lanes.length), " ", _jsxs("span", { children: [finished, "/", lanes.length] })] }), _jsxs("span", { className: "flow-lanes", children: [lanes.slice(0, 4).map((lane) => (_jsxs("span", { className: "flow-lane", "data-status": lane.status, children: [_jsxs("span", { children: [_jsx("span", { "aria-hidden": "true", children: lane.status === "completed"
+                                                    ? "✓"
+                                                    : lane.status === "error"
+                                                        ? "!"
+                                                        : "○" }), " ", lane.name] }), _jsx("small", { children: lane.status })] }, lane.name))), lanes.length > 4 && (_jsxs("small", { children: [lanes.length - 4, " more \u00B7 select to see all checks"] }))] })] })), _jsxs("span", { className: "flow-card-footer", children: [_jsx("code", { children: node.id }), _jsx("small", { children: join
+                            ? status === "completed"
+                                ? "All finished · continue"
+                                : stateLabel
+                            : node.kind === "output"
+                                ? route?.endsWith(":then")
+                                    ? "Then route"
+                                    : route?.endsWith(":else")
+                                        ? "Else route"
+                                        : "Final outcome"
+                                : decision !== undefined
+                                    ? decision
+                                        ? "Condition met · then"
+                                        : "Condition not met · else"
+                                    : stateLabel })] }), node.kind === "jev" && (_jsx("small", { children: status === "untaken"
+                    ? "This request was not run."
+                    : "Request details are not captured yet or no longer retained." }))] }));
+});
+export const FlowOverview = memo(function FlowOverview({ definition, run, traces, }) {
+    const [selected, setSelected] = useState(() => definition.nodes.find((n) => n.kind === "jev")?.id ?? "");
+    const [details, setDetails] = useState(false);
+    const [heights, setHeights] = useState({});
+    const tracesById = useMemo(() => new Map(traces.map((trace) => [trace.id, trace])), [traces]);
+    const inputsByStep = useMemo(() => new Map(definition.nodes
+        .filter((node) => node.conditionRule !== undefined)
+        .map((node) => [
+        node.id,
+        conditionInputs(node.conditionRule, run, tracesById, new Map(definition.nodes.map((n) => [n.id, n.title ?? n.id]))),
+    ])), [definition, run, tracesById]);
+    // Omit redundant transitive edges so a reference does not draw through an
+    // intervening condition. Execution ordering still includes every dependency.
+    const links = useMemo(() => {
+        const byId = new Map(definition.nodes.map((node) => [node.id, node]));
+        const ancestors = (id) => {
+            const seen = new Set(), pending = [...(byId.get(id)?.dependencies ?? [])];
+            while (pending.length) {
+                const next = pending.pop();
+                if (seen.has(next))
+                    continue;
+                seen.add(next);
+                pending.push(...(byId.get(next)?.dependencies ?? []));
+            }
+            return seen;
+        };
+        const parents = new Map(definition.nodes.map((node) => [node.id, ancestors(node.id)]));
+        return new Map(definition.nodes.map((node) => [
+            node.id,
+            node.dependencies.filter((id) => !node.dependencies.some((other) => other !== id && parents.get(other)?.has(id))),
+        ]));
+    }, [definition]);
+    const parallelLanes = useMemo(() => new Map(definition.nodes
+        .filter((n) => n.kind === "parallel")
+        .map((node) => [
+        node.id,
+        (node.lanes ?? node.dependencies).map((name) => {
+            const children = node.lanes
+                ? definition.nodes.filter((child) => child.path.includes(`${node.id}:${name}`))
+                : definition.nodes.filter((child) => child.id === name);
+            const states = children.map((child) => run.steps[child.id]?.status ?? "waiting");
+            const status = run.steps[node.id]?.status === "untaken"
+                ? "untaken"
+                : states.includes("error")
+                    ? "error"
+                    : states.includes("cancelled")
+                        ? "cancelled"
+                        : states.includes("blocked")
+                            ? "blocked"
+                            : run.steps[node.id]?.status === "completed" ||
+                                (states.length > 0 &&
+                                    states.every((state) => state === "completed" || state === "untaken"))
+                                ? "completed"
+                                : states.some((state) => state === "running" || state === "completed")
+                                    ? "running"
+                                    : "waiting";
+            return { name, status };
+        }),
+    ])), [definition, run.steps]);
+    const layout = useMemo(() => {
+        const columns = new Map();
+        let remaining = [...definition.nodes];
+        while (remaining.length) {
+            const ready = remaining.filter((node) => node.dependencies.every((id) => columns.has(id)));
+            if (!ready.length)
+                break;
+            for (const node of ready)
+                columns.set(node.id, node.dependencies.length
+                    ? Math.max(...node.dependencies.map((id) => columns.get(id))) + 1
+                    : 0);
+            const ids = new Set(ready.map((node) => node.id));
+            remaining = remaining.filter((node) => !ids.has(node.id));
+        }
+        const points = new Map();
+        let x = 40;
+        for (let column = 0; column <= Math.max(0, ...columns.values()); column++) {
+            const nodes = definition.nodes.filter((node) => columns.get(node.id) === column);
+            let bottom = 40, width = 280;
+            for (const node of nodes) {
+                const captured = node.kind === "jev" &&
+                    tracesById.has(run.steps[node.id]?.traceId ?? "");
+                const w = captured ? 1120 : 360, h = captured
+                    ? (heights[node.id] ?? 640)
+                    : node.kind === "parallel"
+                        ? 190 +
+                            (node.description ? 64 : 0) +
+                            Math.min(4, (node.lanes ?? node.dependencies).length) * 32
+                        : (node.description ? 244 : 172) +
+                            (node.kind === "branch"
+                                ? 110 +
+                                    Math.min(3, inputsByStep.get(node.id)?.length ?? 0) * 24
+                                : 0);
+                const parents = (links.get(node.id) ?? [])
+                    .map((id) => points.get(id))
+                    .filter(Boolean);
+                const center = parents.length
+                    ? parents.reduce((sum, p) => sum + p.y + p.height / 2, 0) /
+                        parents.length
+                    : h / 2 + 40;
+                const y = Math.max(bottom, center - h / 2);
+                points.set(node.id, { x, y, width: w, height: h });
+                bottom = y + h + 100;
+                width = Math.max(width, w);
+            }
+            x += width + 160;
+        }
+        return {
+            points,
+            width: Math.max(700, x - 120),
+            height: Math.max(400, ...[...points.values()].map((p) => p.y + p.height + 40)),
+        };
+    }, [definition, run.steps, tracesById, heights, links, inputsByStep]);
+    const { viewport, canvas, zoom, zoomBy, fit, preserveCamera, focusArea } = useDiagramViewport(layout.width, layout.height, run.id);
+    const onResize = useCallback((id, height) => {
+        preserveCamera();
+        setHeights((previous) => previous[id] === height ? previous : { ...previous, [id]: height });
+    }, [preserveCamera]);
+    const started = useRef(false);
+    useEffect(() => {
+        if (started.current)
+            return;
+        const first = layout.points.get(selected);
+        if (first) {
+            started.current = true;
+            focusArea(first);
+        }
+    }, [layout, selected, focusArea]);
+    const selectStep = (id) => {
+        setSelected(id);
+        const bounds = layout.points.get(id);
+        if (bounds)
+            focusArea(bounds);
+    };
+    const node = definition.nodes.find((n) => n.id === selected);
+    const step = node ? run.steps[node.id] : undefined;
+    const trace = step?.traceId
+        ? traces.find((t) => t.id === step.traceId)
+        : undefined;
+    return (_jsxs("section", { className: "request-detail whole-flow", "aria-label": "Whole flow", children: [_jsxs("header", { className: "detail-header", children: [_jsxs("div", { children: [_jsxs("span", { className: "eyebrow", children: ["Flow run \u00B7 ", run.status] }), _jsx("h2", { children: run.name })] }), _jsxs("div", { children: [run.outcome ? (_jsxs("strong", { children: ["Outcome: ", run.outcome] })) : ((run.error ?? "Execution paths")), _jsx("small", { className: "muted", children: run.durationMs !== undefined
+                                    ? ` · ${Math.round(run.durationMs)} ms`
+                                    : "" })] })] }), _jsxs("div", { className: "lab-flow-toolbar", children: [_jsxs("div", { children: [_jsx("button", { "aria-label": "Zoom flow out", onClick: () => zoomBy(1 / 1.2), children: "\u2212" }), _jsxs("output", { "aria-label": "Flow zoom", children: [zoom, "%"] }), _jsx("button", { "aria-label": "Zoom flow in", onClick: () => zoomBy(1.2), children: "+" }), _jsx("button", { onClick: fit, children: "Fit flow" }), _jsx("button", { disabled: !selected, onClick: () => selectStep(selected), children: "Focus step" })] }), _jsxs("label", { children: ["Step", _jsxs("select", { "aria-label": "Flow step", value: selected, onChange: (e) => selectStep(e.target.value), children: [_jsx("option", { value: "", children: "Select a step" }), definition.nodes.map((n) => (_jsxs("option", { value: n.id, children: [n.title ? `${n.title} (${n.id})` : n.id, " \u00B7", " ", run.steps[n.id]?.status ?? "waiting"] }, n.id)))] })] })] }), _jsx("div", { className: "flow-overview-viewport diagram-viewport", ref: viewport, tabIndex: 0, "aria-label": "Flow canvas", role: "region", children: _jsxs("div", { ref: canvas, className: "flow-overview-canvas", style: { width: layout.width, height: layout.height }, children: [_jsxs("svg", { width: layout.width, height: layout.height, "aria-hidden": "true", className: "flow-connections", children: [_jsx("defs", { children: _jsx("marker", { id: `arrow-${run.id}`, viewBox: "0 0 10 10", refX: "8", refY: "5", markerWidth: "5", markerHeight: "5", orient: "auto", children: _jsx("path", { d: "M0 0L10 5L0 10z", fill: "currentColor" }) }) }), definition.nodes.flatMap((n) => (links.get(n.id) ?? []).map((id) => {
+                                    const a = layout.points.get(id), b = layout.points.get(n.id);
+                                    if (!a || !b)
+                                        return null;
+                                    const active = ["running", "completed"].includes(run.steps[n.id]?.status);
+                                    return (_jsx("path", { d: `M${a.x + a.width},${a.y + a.height / 2} C${a.x + a.width + 80},${a.y + a.height / 2} ${b.x - 80},${b.y + b.height / 2} ${b.x},${b.y + b.height / 2}`, stroke: active ? "#E551BA" : "currentColor", opacity: active ? 1 : 0.35, fill: "none", strokeWidth: "2", markerEnd: `url(#arrow-${run.id})` }, `${id}-${n.id}`));
+                                }))] }), definition.nodes.map((n) => {
+                            const p = layout.points.get(n.id);
+                            if (!p)
+                                return null;
+                            const captured = tracesById.get(run.steps[n.id]?.traceId ?? "");
+                            return n.kind === "jev" && captured ? (_jsx(RequestNode, { node: n, trace: captured, status: run.steps[n.id]?.status ?? "waiting", selected: selected === n.id, x: p.x, y: p.y, onSelect: setSelected, onResize: onResize }, n.id)) : (_jsx(Card, { node: n, status: run.steps[n.id]?.status ?? "waiting", decision: run.steps[n.id]?.decision, selected: selected === n.id, bounds: p, onSelect: setSelected, inputs: inputsByStep.get(n.id), lanes: parallelLanes.get(n.id) ?? [] }, n.id));
+                        })] }) }), _jsxs("div", { className: "flow-selection", children: [node && step ? (_jsxs(_Fragment, { children: [_jsxs("strong", { children: [node.title ?? node.id, " \u00B7 ", step.status] }), _jsx("span", { className: "muted", children: step.durationMs !== undefined
+                                    ? ` · ${Math.round(step.durationMs)} ms`
+                                    : "" }), node.description && _jsx("p", { children: node.description }), node.kind === "parallel" && (_jsxs("p", { children: ["These paths run at the same time:", " ", (node.lanes ?? node.dependencies).join(", "), ". The next step starts only after all finish successfully. This marker waits for their results; it does not make another Jev request."] })), node.kind === "parallel" && (_jsx("ul", { className: "flow-lane-details", children: parallelLanes.get(node.id)?.map((lane) => (_jsxs("li", { children: [lane.name, " \u00B7 ", lane.status] }, lane.name))) })), (inputsByStep.get(node.id)?.length ?? 0) > 0 && (_jsx("dl", { className: "flow-input-details", children: inputsByStep.get(node.id)?.map((input) => (_jsxs("div", { children: [_jsxs("dt", { children: [input.name, " ", _jsx("code", { children: input.reference })] }), _jsx("dd", { children: input.value })] }, input.reference))) })), (node.conditionRule !== undefined || node.condition) && (_jsxs("p", { children: [_jsx("code", { children: node.conditionRule !== undefined
+                                            ? formatFlowCondition(node.conditionRule)
+                                            : node.condition }), " ", "\u00B7", " ", step.decision === undefined
+                                        ? "Not evaluated"
+                                        : step.decision
+                                            ? "Passed · then route"
+                                            : "Not met · else route"] })), _jsx("p", { className: "muted", children: node.path.length ? node.path.join(" / ") : "Main path" }), step.error && _jsx("p", { role: "alert", children: step.error }), node.kind === "jev" &&
+                                (trace ? (_jsx("button", { onClick: () => setDetails(!details), children: details ? "Hide request details" : "Inspect request" })) : (_jsx("p", { children: step.traceId
+                                        ? "Request capture was cleared or evicted."
+                                        : "No captured request linked yet. Use a client created by this inspector." })))] })) : (_jsx("p", { className: "muted", children: "Each request diagram shows its context, question and answer. Use its question picker for other answers. Lines between requests show execution dependencies." })), run.value !== undefined && (_jsxs("details", { children: [_jsx("summary", { children: "Captured outcome value" }), _jsx(JsonBlock, { value: run.value })] }))] }), details && trace && (_jsx("div", { className: "flow-request-detail", children: _jsx(RequestDetail, { trace: trace }) }))] }));
+});

package/lib/src/JevDevtools.d.ts

@@ -1,6 +1,11 @@
+import { type FlowHistory } from "./flow-stream.js";
 import type { Trace } from "./protocol.js";
-export declare function JevPanel({ traces, connection, onClear, }: {
+export declare const RequestDetail: import("react").MemoExoticComponent<({ trace, }: {
+    trace?: Trace;
+}) => import("react").JSX.Element>;
+export declare function JevPanel({ traces, flows, connection, onClear, }: {
     traces: Trace[];
+    flows?: FlowHistory;
     connection: string;
     onClear: () => Promise<unknown>;
 }): import("react").JSX.Element;

package/lib/src/JevDevtools.js

@@ -1,7 +1,11 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { emptyFlows } from "./flow-stream.js";
 import { lazy, memo, startTransition, Suspense, useMemo, useState, } from "react";
 import { TraceDiagram } from "./TraceDiagram.js";
 import { JsonBlock, findImage } from "./TraceContent.js";
+const FlowOverview = lazy(() => import("./FlowOverview.js").then((module) => ({
+    default: module.FlowOverview,
+})));
 let questionsLoaded = false;
 const Questions = lazy(() => import("./Questions.js").then((module) => {
     questionsLoaded = true;
@@ -13,7 +17,7 @@ const ms = (value) => value === undefined ? "—" : `${Math.round(value)} ms`;
 const RequestRow = memo(function RequestRow({ trace, selected, onSelect, }) {
     return (_jsxs("button", { className: `request-row ${selected ? "selected" : ""}`, onClick: () => onSelect(trace.id), children: [_jsx("span", { className: `status-dot ${trace.status}` }), _jsxs("span", { children: [_jsx("strong", { children: trace.label }), _jsxs("small", { children: [new Date(trace.startedAt).toLocaleTimeString(), " \u00B7 ", trace.source, " \u00B7", " ", ms(trace.durationMs)] })] }), _jsx("span", { className: "row-status", children: trace.status })] }));
 });
-const RequestDetail = memo(function RequestDetail({ trace, }) {
+export const RequestDetail = memo(function RequestDetail({ trace, }) {
     // Keep tab selection across request switches and clear, as before. Local tab
     // changes no longer rerender the history list.
     const [tab, setTab] = useState("Flow");
@@ -31,7 +35,11 @@ const RequestDetail = memo(function RequestDetail({ trace, }) {
                                 setTab(name);
                         }, children: name }, name))) }), _jsx("div", { className: `detail-body ${tab === "Flow" ? "detail-body-flow" : tab === "Questions" ? "detail-body-questions" : ""}`, children: _jsxs(Suspense, { fallback: _jsx("p", { className: "muted", role: "status", children: "Loading questions\u2026" }), children: [trace.error && (_jsxs("div", { role: "alert", className: "error-banner", children: [_jsx("strong", { children: trace.error.name }), " ", trace.error.message] })), trace.captureWarnings.map((w) => (_jsx("p", { className: "warning", children: w }, w))), tab === "Flow" && _jsx(TraceDiagram, { trace: trace }, trace.id), tab === "Questions" && (_jsx(Questions, { trace: trace }, trace.id)), tab === "Context" && (_jsxs(_Fragment, { children: [_jsx("p", { className: "muted", children: "Captured before dispatch. Known credential fields and email are redacted; captures are size limited." }), findImage(trace.request.state) && (_jsx("img", { className: "context-image", src: findImage(trace.request.state), alt: "Captured context" })), _jsx(JsonBlock, { value: trace.request.state }), trace.request.assets && (_jsx(JsonBlock, { value: trace.request.assets }))] })), tab === "Transport" && (_jsxs(_Fragment, { children: [_jsx("h3", { children: "HTTP attempts" }), _jsx("p", { className: "muted", children: "Attempt duration ends at response headers. Total duration includes SDK processing and retry waits." }), _jsxs("table", { children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Attempt" }), _jsx("th", { children: "Status" }), _jsx("th", { children: "Duration" })] }) }), _jsx("tbody", { children: trace.attempts.map((a) => (_jsxs("tr", { children: [_jsx("td", { children: a.number }), _jsx("td", { children: a.error || a.status || "Pending" }), _jsx("td", { children: ms(a.durationMs) })] }, a.number))) })] }), !trace.attempts.length && _jsx("p", { children: "No HTTP attempt recorded." })] })), tab === "Raw" && _jsx(JsonBlock, { value: trace })] }) })] })) : (_jsxs("div", { className: "empty-detail", children: [_jsx("span", { className: "empty-symbol", children: "\u21B3" }), _jsx("h2", { children: "Follow a Jev request" }), _jsxs("p", { children: ["Context, parallel questions, typed answers.", _jsx("br", {}), "Run a sample above to see the complete flow."] })] })) }));
 });
-export function JevPanel({ traces, connection, onClear, }) {
+export function JevPanel({ traces, flows = emptyFlows, connection, onClear, }) {
+    const [view, setView] = useState("requests");
+    const [selectedRun, setSelectedRun] = useState();
+    const run = flows.runs.find((r) => r.id === selectedRun) ?? flows.runs[0];
+    const definition = flows.definitions.find((d) => d.id === run?.definitionId);
     const [selected, setSelected] = useState();
     const [search, setSearch] = useState("");
     const [status, setStatus] = useState("all");
@@ -42,7 +50,13 @@ export function JevPanel({ traces, connection, onClear, }) {
             `${t.label} ${t.request.model} ${t.id}`.toLowerCase().includes(query));
     }, [traces, search, status]);
     const trace = filtered.find((t) => t.id === selected) || filtered[0];
-    return (_jsxs("div", { className: "jev-inspector", children: [_jsxs("aside", { className: "request-list", children: [_jsxs("header", { children: [_jsxs("h2", { children: ["Jev requests ", _jsx("span", { children: traces.length })] }), _jsx("button", { onClick: () => void onClear().catch((e) => setError(e.message)), disabled: !traces.length, children: "Clear" })] }), _jsxs("div", { className: "list-filters", children: [_jsx("input", { "aria-label": "Search requests", placeholder: "Search requests\u2026", value: search, onChange: (e) => setSearch(e.target.value) }), _jsx("select", { "aria-label": "Filter request status", value: status, onChange: (e) => setStatus(e.target.value), children: ["all", "pending", "success", "error", "cancelled"].map((s) => (_jsx("option", { children: s }, s))) })] }), _jsxs("div", { className: "request-items", children: [filtered.map((t) => (_jsx(RequestRow, { trace: t, selected: trace?.id === t.id, onSelect: setSelected }, t.id))), !filtered.length && (_jsx("p", { className: "empty", children: traces.length
+    return (_jsxs("div", { className: "jev-inspector", children: [_jsxs("aside", { className: "request-list", children: [_jsxs("header", { children: [_jsxs("h2", { children: [view === "requests" ? "Jev requests" : "Jev flows", " ", _jsx("span", { children: view === "requests" ? traces.length : flows.runs.length })] }), _jsx("button", { onClick: () => void onClear().catch((e) => setError(e.message)), disabled: !traces.length && !flows.runs.length, children: "Clear" })] }), (flows.runs.length > 0 || view === "flows") && (_jsxs("nav", { className: "detail-tabs", "aria-label": "History type", children: [_jsx("button", { "aria-pressed": view === "requests", onClick: () => setView("requests"), children: "Requests" }), _jsx("button", { "aria-pressed": view === "flows", onClick: () => {
+                                    setView("flows");
+                                    if (run)
+                                        setSelectedRun(run.id);
+                                }, children: "Flows" })] })), view === "requests" && (_jsxs("div", { className: "list-filters", children: [_jsx("input", { "aria-label": "Search requests", placeholder: "Search requests\u2026", value: search, onChange: (e) => setSearch(e.target.value) }), _jsx("select", { "aria-label": "Filter request status", value: status, onChange: (e) => setStatus(e.target.value), children: ["all", "pending", "success", "error", "cancelled"].map((s) => (_jsx("option", { children: s }, s))) })] })), _jsxs("div", { className: "request-items", children: [view === "flows"
+                                ? flows.runs.map((r) => (_jsxs("button", { className: `request-row ${run?.id === r.id ? "selected" : ""}`, onClick: () => setSelectedRun(r.id), children: [_jsx("span", { className: `status-dot ${r.status}` }), _jsxs("span", { children: [_jsx("strong", { children: r.name }), _jsxs("small", { children: [new Date(r.startedAt).toLocaleTimeString(), " \u00B7", " ", r.outcome ?? r.status] })] }), _jsx("span", { className: "row-status", children: r.status })] }, r.id)))
+                                : filtered.map((t) => (_jsx(RequestRow, { trace: t, selected: trace?.id === t.id, onSelect: setSelected }, t.id))), view === "requests" && !filtered.length && (_jsx("p", { className: "empty", children: traces.length
                                     ? "No matching requests."
-                                    : "Run a scenario to capture your first request." }))] }), (connection !== "connected" || error) && (_jsxs("footer", { children: [connection !== "connected" && (_jsx("span", { role: "status", children: connection })), error && _jsx("p", { role: "alert", children: error })] }))] }), _jsx(RequestDetail, { trace: trace })] }));
+                                    : "Run a scenario to capture your first request." }))] }), (connection !== "connected" || error) && (_jsxs("footer", { children: [connection !== "connected" && (_jsx("span", { role: "status", children: connection })), error && _jsx("p", { role: "alert", children: error })] }))] }), view === "flows" && run && definition ? (_jsx(Suspense, { fallback: _jsx("p", { role: "status", children: "Loading flow\u2026" }), children: _jsx(FlowOverview, { run: run, definition: definition, traces: traces }, run.id) })) : (_jsx(RequestDetail, { trace: trace }))] }));
 }

package/lib/src/TraceDiagram.d.ts

@@ -1,4 +1,7 @@
 import type { Trace } from "./protocol.js";
-export declare function TraceDiagram({ trace }: {
+export declare function TraceDiagram({ trace, embedded, onHeightChange, }: {
     trace: Trace;
+    /** Render in a parent diagram's coordinates, without a nested camera. */
+    embedded?: boolean;
+    onHeightChange?: (height: number) => void;
 }): import("react").JSX.Element;

package/lib/src/TraceDiagram.js

@@ -1,7 +1,8 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
+import { useLayoutEffect, useMemo, useRef, useState } from "react";
 import { useDiagramViewport } from "./useDiagramViewport.js";
-import { findImage, flowAnswer, stateText } from "./flow-model.js";
+import { findImage, flowAnswer } from "./flow-model.js";
+import { DiagramContent } from "./DiagramContent.js";
 import { ChoiceProbabilities } from "./ChoiceProbabilities.js";
 const pct = (v) => `${Math.round(v * 100)}%`;
 function Result({ answer, image, probabilities, }) {
@@ -24,7 +25,20 @@ function Result({ answer, image, probabilities, }) {
                                     height: pct(answer.box.bottom - answer.box.top),
                                 } }))] }), _jsxs("p", { className: "lab-small lab-coordinates", children: ["left ", answer.box.left.toFixed(2), " \u00B7 top ", answer.box.top.toFixed(2), _jsx("br", {}), "right ", answer.box.right.toFixed(2), " \u00B7 bottom", " ", answer.box.bottom.toFixed(2)] })] })), answer.confidence !== undefined && (_jsxs("p", { className: "lab-small", children: ["Confidence ", pct(answer.confidence)] }))] }));
 }
-export function TraceDiagram({ trace }) {
+export function TraceDiagram({ trace, embedded = false, onHeightChange, }) {
+    const root = useRef(null);
+    useLayoutEffect(() => {
+        if (!embedded || !root.current || !onHeightChange)
+            return;
+        const element = root.current;
+        const observer = new ResizeObserver(() => {
+            // Closed drawers and skipped offscreen content cannot replace retained bounds.
+            if (element.offsetHeight > 0)
+                onHeightChange(element.offsetHeight);
+        });
+        observer.observe(element);
+        return () => observer.disconnect();
+    }, [embedded, onHeightChange]);
     const [selected, setSelected] = useState(""), [flow, setFlow] = useState(true), [extraCategories, setExtraCategories] = useState({}), [entering, setEntering] = useState(null), [probabilityView, setProbabilityView] = useState(null);
     const entries = Object.entries(trace.request.questions ?? {}).filter(([, q]) => q && typeof q === "object" && typeof q.type === "string"), [key, question] = entries.find(([key]) => key === selected) ??
         entries[0] ?? ["", undefined];
@@ -79,7 +93,7 @@ export function TraceDiagram({ trace }) {
             active: output.active,
         })),
     ];
-    return (_jsxs("div", { className: `lab-flow ${compact ? "lab-flow-compact" : ""}`, children: [_jsxs("div", { className: "lab-flow-toolbar", children: [_jsxs("label", { children: ["Question", _jsx("select", { "aria-label": "Diagram question", value: key, onChange: (event) => {
+    return (_jsxs("div", { ref: root, className: `lab-flow ${compact ? "lab-flow-compact" : ""} ${embedded ? "lab-flow-embedded" : ""}`, children: [_jsxs("div", { className: "lab-flow-toolbar", children: [_jsxs("label", { children: ["Question", _jsx("select", { "aria-label": "Diagram question", value: key, onChange: (event) => {
                                     setEntering(null);
                                     setSelected(event.target.value);
                                 }, children: entries.map(([name, q]) => (_jsxs("option", { value: name, children: [name, " \u00B7 ", q.type] }, name))) })] }), _jsxs("div", { children: [answer?.type === "choice" && (_jsx("button", { "aria-pressed": showProbabilities, onClick: () => {
@@ -91,21 +105,19 @@ export function TraceDiagram({ trace }) {
                                             preserveCamera();
                                             setEntering(null);
                                             setExtraCategories((counts) => ({ ...counts, [key]: 0 }));
-                                        }, children: "Show fewer" })), _jsx("button", { "aria-label": "Zoom diagram out", disabled: zoom <= 10, onClick: () => zoomBy(1 / 1.2), children: "\u2212" }), _jsxs("output", { "aria-label": "Diagram zoom", children: [zoom, "%"] }), _jsx("button", { "aria-label": "Zoom diagram in", disabled: zoom >= 400, onClick: () => zoomBy(1.2), children: "+" }), _jsx("button", { onClick: fit, children: "Fit" }), _jsx("button", { "aria-pressed": flow, onClick: () => setFlow(!flow), children: flow ? "Pause flow" : "Play flow" })] }))] })] }), showProbabilities && answer && (_jsx(ChoiceProbabilities, { answer: answer }, key)), _jsx("div", { hidden: showProbabilities, className: "lab-flow-viewport", ref: viewport, tabIndex: 0, role: "group", "aria-label": "Jev diagram. Drag to pan, scroll or pinch to zoom. Arrow keys pan, plus and minus zoom, zero fits.", children: _jsxs("div", { ref: canvas, className: "lab-flow-canvas", style: { width: 1120, height }, children: [_jsxs("svg", { className: "lab-connections", width: "1120", height: height, "aria-hidden": "true", children: [paths.map((path) => (_jsxs("g", { children: [_jsx("path", { d: path.d, pathLength: 1, className: `${path.active ? "active" : ""} ${"delay" in path && path.delay !== undefined ? "lab-branch-enter" : ""}`, style: {
+                                        }, children: "Show fewer" })), !embedded && (_jsxs(_Fragment, { children: [_jsx("button", { "aria-label": "Zoom diagram out", disabled: zoom <= 10, onClick: () => zoomBy(1 / 1.2), children: "\u2212" }), _jsxs("output", { "aria-label": "Diagram zoom", children: [zoom, "%"] }), _jsx("button", { "aria-label": "Zoom diagram in", disabled: zoom >= 400, onClick: () => zoomBy(1.2), children: "+" }), _jsx("button", { onClick: fit, children: "Fit" })] })), _jsx("button", { "aria-pressed": flow, onClick: () => setFlow(!flow), children: flow ? "Pause flow" : "Play flow" })] }))] })] }), showProbabilities && answer && (_jsx(ChoiceProbabilities, { answer: answer }, key)), _jsx("div", { hidden: showProbabilities, className: embedded ? "lab-flow-surface" : "lab-flow-viewport", ref: embedded ? undefined : viewport, style: embedded ? { height } : undefined, tabIndex: embedded ? undefined : 0, role: "group", "aria-label": embedded
+                    ? "Jev request diagram"
+                    : "Jev diagram. Drag to pan, scroll or pinch to zoom. Arrow keys pan, plus and minus zoom, zero fits.", children: _jsxs("div", { ref: embedded ? undefined : canvas, className: "lab-flow-canvas", style: { width: 1120, height }, children: [_jsxs("svg", { className: "lab-connections", width: "1120", height: height, "aria-hidden": "true", children: [paths.map((path) => (_jsxs("g", { children: [_jsx("path", { d: path.d, pathLength: 1, className: `${path.active ? "active" : ""} ${"delay" in path && path.delay !== undefined ? "lab-branch-enter" : ""}`, style: {
                                                 animationDelay: "delay" in path ? path.delay : undefined,
                                             } }), flow &&
                                             !showProbabilities &&
                                             path.active &&
-                                            !["error", "cancelled"].includes(trace.status) && (_jsx("circle", { r: "3", className: "lab-flow-dot", children: _jsx("animateMotion", { dur: "3.2s", repeatCount: "indefinite", path: path.d }) }))] }, path.id))), _jsx("text", { x: "305", y: mid - 65, children: "state" }), _jsx("text", { x: "300", y: mid + 65, children: "question" })] }), _jsxs("article", { className: "lab-card", style: { left: 20, top: 32, width: 240, height: 180 }, children: [_jsx("span", { className: "lab-eyebrow", children: image ? "IMAGE STATE" : "STATE" }), _jsx("h3", { children: "Shared context" }), image ? (_jsx("img", { className: "lab-source-image", src: image, alt: "Captured image state" })) : (_jsx("p", { className: "lab-copy", title: stateText(trace), children: stateText(trace) }))] }), _jsxs("article", { className: "lab-card", style: { left: 20, top: 288, width: 240, height: 180 }, children: [_jsx("span", { className: "lab-eyebrow", children: "INSTRUCTIONS" }), _jsxs("h3", { children: ["Question \u00B7 ", question.type] }), _jsx("p", { className: "lab-copy", title: typeof question.instructions === "string"
-                                        ? question.instructions
-                                        : JSON.stringify(question.instructions), children: typeof question.instructions === "string"
-                                        ? question.instructions
-                                        : JSON.stringify(question.instructions) })] }), _jsxs("article", { className: "lab-card lab-answer-card", style: {
+                                            !["error", "cancelled"].includes(trace.status) && (_jsx("circle", { r: "3", className: "lab-flow-dot", children: _jsx("animateMotion", { dur: "3.2s", repeatCount: "indefinite", path: path.d }) }))] }, path.id))), _jsx("text", { x: "305", y: mid - 65, children: "state" }), _jsx("text", { x: "300", y: mid + 65, children: "question" })] }), _jsxs("article", { className: "lab-card lab-content-card", style: { left: 20, top: 32, width: 240, height: 180 }, children: [_jsx("span", { className: "lab-eyebrow", children: image ? "IMAGE STATE" : "STATE" }), _jsx("h3", { children: "Shared context" }), image ? (_jsx("img", { className: "lab-source-image", src: image, alt: "Captured image state" })) : (_jsx(DiagramContent, { value: trace.request.state, label: "State properties" }, trace.id))] }), _jsxs("article", { className: "lab-card lab-content-card", style: { left: 20, top: 288, width: 240, height: 180 }, children: [_jsx("span", { className: "lab-eyebrow", children: "INSTRUCTIONS" }), _jsxs("h3", { children: ["Question \u00B7 ", question.type] }), _jsx(DiagramContent, { value: question.instructions, label: "Question instructions" }, `${trace.id}:${key}`)] }), _jsxs("article", { className: "lab-card lab-answer-card", style: {
                                 left: 390,
                                 top: ry,
                                 width: 320,
                                 minHeight: resultHeight,
-                            }, children: [_jsxs("span", { className: "lab-eyebrow", children: ["JEV \u00B7 ", question.type.toUpperCase()] }), _jsx("h3", { title: key, children: key }), compact && (_jsxs("p", { className: "lab-small", children: ["Showing ", shownProbabilities.length, " of ", allProbabilities.length, " ", "probabilities"] })), _jsx(Result, { answer: answer, image: image, probabilities: compact ? shownProbabilities : undefined })] }), outputs.map((output, i) => (_jsxs("article", { className: `lab-card lab-output ${output.active ? "" : "lab-idle"} ${enteringDelay(i) !== undefined ? "lab-card-enter" : ""}`, onAnimationEnd: () => {
+                            }, children: [_jsxs("span", { className: "lab-eyebrow", children: ["JEV \u00B7 ", question.type.toUpperCase()] }), _jsx("h3", { title: key, children: key }), compact && (_jsxs("p", { className: "lab-small", children: ["Showing ", shownProbabilities.length, " of ", allProbabilities.length, " ", "probabilities"] })), _jsx(Result, { answer: answer, image: image, probabilities: compact ? shownProbabilities : undefined })] }), outputs.map((output, i) => (_jsxs("article", { className: `lab-card lab-output ${"probability" in output ? "lab-noul-output" : ""} ${output.active ? "" : "lab-idle"} ${enteringDelay(i) !== undefined ? "lab-card-enter" : ""}`, onAnimationEnd: () => {
                                 if (entering?.question === key && i === entering.to - 1)
                                     setEntering(null);
                             }, style: {
@@ -114,6 +126,12 @@ export function TraceDiagram({ trace }) {
                                 width: 230,
                                 minHeight: compact ? 96 : 104,
                                 animationDelay: enteringDelay(i),
+                                ...("probability" in output &&
+                                    Number.isFinite(output.probability)
+                                    ? {
+                                        "--lab-noul-probability": Math.max(0, Math.min(1, output.probability)),
+                                    }
+                                    : {}),
                             }, children: [_jsx("span", { className: "lab-eyebrow", children: output.eyebrow }), _jsx("h3", { title: output.label, children: output.label }), _jsx("p", { children: output.detail })] }, `${key}-${output.label}`))), remaining > 0 && (_jsxs("article", { className: "lab-card lab-choice-remainder", style: {
                                 left: 870,
                                 top: 40 + outputs.length * spacing,
@@ -130,5 +148,5 @@ export function TraceDiagram({ trace }) {
                                             ...counts,
                                             [key]: (counts[key] ?? 0) + 3,
                                         }));
-                                    }, children: "Show More" }), _jsxs("p", { className: "lab-small", children: [remaining, " remaining \u00B7 Add ", Math.min(3, remaining)] })] }))] }) }), !showProbabilities && (_jsxs("p", { className: "muted lab-flow-caption", children: [_jsx("span", { className: "lab-gesture-hint", children: "Drag to pan \u00B7 Scroll or pinch to zoom \u00B7 0 to fit" }), entries.length, " parallel question", entries.length === 1 ? "" : "s", " in one request. Connections show data flow, not model timing. Application routes and thresholds are not captured. Full inputs and criteria are in Questions and Context."] }))] }));
+                                    }, children: "Show More" }), _jsxs("p", { className: "lab-small", children: [remaining, " remaining \u00B7 Add ", Math.min(3, remaining)] })] }))] }) }), !showProbabilities && !embedded && (_jsxs("p", { className: "muted lab-flow-caption", children: [_jsx("span", { className: "lab-gesture-hint", children: "Drag to pan \u00B7 Scroll or pinch to zoom \u00B7 0 to fit" }), entries.length, " parallel question", entries.length === 1 ? "" : "s", " in one request. Connections show data flow, not model timing. Application routes and thresholds are not captured. Full inputs and criteria are in Questions and Context."] }))] }));
 }

package/lib/src/condition-inputs.d.ts

@@ -0,0 +1,9 @@
+import type { Json, Trace } from "./protocol.js";
+import type { FlowRun } from "./flow-protocol.js";
+export type ConditionInput = {
+    reference: string;
+    name: string;
+    value: string;
+};
+export declare function conditionInputs(rule: Json, run: FlowRun, traces: Map<string, Trace>, stepNames?: Map<string, string>): ConditionInput[];
+export declare function conditionRequirement(rule: Json, inputs: ConditionInput[]): string;

package/lib/src/condition-inputs.js

@@ -0,0 +1,100 @@
+import { formatFlowCondition, formatConditionLiteral, } from "./flow-condition.js";
+export function conditionInputs(rule, run, traces, stepNames = new Map()) {
+    const inputs = new Map();
+    const sources = new Map();
+    const visit = (node, depth = 0) => {
+        if (depth > 16 || !node || typeof node !== "object" || Array.isArray(node))
+            return;
+        if (node.op === "reference" &&
+            typeof node.label === "string" &&
+            !inputs.has(node.label)) {
+            const name = typeof node.name === "string" ? node.name : "Input";
+            const readable = name
+                .replace(/[_-]+/g, " ")
+                .replace(/([a-z])([A-Z])/g, "$1 $2");
+            const trace = typeof node.stepId === "string"
+                ? traces.get(run.steps[node.stepId]?.traceId ?? "")
+                : undefined;
+            let value = trace?.result;
+            let available = !!trace?.result;
+            if (!Array.isArray(node.path) ||
+                !node.path.every((key) => typeof key === "string"))
+                available = false;
+            else
+                for (const key of node.path) {
+                    if (!available ||
+                        !value ||
+                        typeof value !== "object" ||
+                        !Object.hasOwn(value, String(key))) {
+                        available = false;
+                        break;
+                    }
+                    value = value[String(key)];
+                }
+            const text = !available
+                ? "Not captured"
+                : node.probability === true &&
+                    typeof value === "number" &&
+                    Number.isFinite(value)
+                    ? formatConditionLiteral(value, true)
+                    : typeof value === "object" && value !== null
+                        ? "Structured value"
+                        : String(value);
+            if (typeof node.stepId === "string")
+                sources.set(node.label, stepNames.get(node.stepId) ?? node.stepId);
+            inputs.set(node.label, {
+                reference: node.label,
+                name: readable.charAt(0).toUpperCase() + readable.slice(1),
+                value: text,
+            });
+        }
+        if (Array.isArray(node.args))
+            for (const arg of node.args)
+                visit(arg, depth + 1);
+    };
+    visit(rule);
+    const list = [...inputs.values()];
+    return list.map((input) => list.filter((other) => other.name === input.name).length > 1
+        ? {
+            ...input,
+            name: `${input.name} · ${sources.get(input.reference) ?? input.reference}`,
+        }
+        : input);
+}
+export function conditionRequirement(rule, inputs) {
+    const names = new Map(inputs.map((input) => [input.reference, input.name]));
+    // A single reference-to-literal comparison already has its subject in Incoming.
+    if (rule &&
+        typeof rule === "object" &&
+        !Array.isArray(rule) &&
+        Array.isArray(rule.args) &&
+        rule.args.length === 2) {
+        const [left, right] = rule.args;
+        if (left &&
+            right &&
+            typeof left === "object" &&
+            typeof right === "object" &&
+            !Array.isArray(left) &&
+            !Array.isArray(right) &&
+            left.op === "reference" &&
+            right.op === "literal" &&
+            ["gte", "lt", "eq"].includes(String(rule.op))) {
+            return `${rule.op === "gte" ? "At least" : rule.op === "lt" ? "Less than" : "Equal to"} ${formatConditionLiteral(right.value, left.probability === true)}`;
+        }
+    }
+    const rename = (node, depth = 0) => {
+        if (depth > 16 || !node || typeof node !== "object" || Array.isArray(node))
+            return node;
+        if (node.op === "reference")
+            return {
+                ...node,
+                label: typeof node.label === "string"
+                    ? (names.get(node.label) ?? "Input")
+                    : "Input",
+            };
+        if (Array.isArray(node.args))
+            return { ...node, args: node.args.map((arg) => rename(arg, depth + 1)) };
+        return node;
+    };
+    return formatFlowCondition(rename(rule));
+}

package/lib/src/flow-condition.d.ts

@@ -0,0 +1,4 @@
+import type { Json } from "./protocol.js";
+export declare function formatConditionLiteral(value: Json, probability?: boolean): string;
+/** Format captured rules only; never evaluate or infer the branch result. */
+export declare function formatFlowCondition(value: Json, depth?: number): string;

package/lib/src/flow-condition.js

@@ -0,0 +1,47 @@
+export function formatConditionLiteral(value, probability = false) {
+    if (probability && typeof value === "number" && value >= 0 && value <= 1) {
+        const [coefficient, exponent = "0"] = String(value).split("e");
+        return `${Number(`${coefficient}e${Number(exponent) + 2}`)}%`;
+    }
+    return JSON.stringify(value) ?? "[value unavailable]";
+}
+/** Format captured rules only; never evaluate or infer the branch result. */
+export function formatFlowCondition(value, depth = 0) {
+    if (depth > 16)
+        return "[rule truncated]";
+    if (!value || typeof value !== "object" || Array.isArray(value))
+        return typeof value === "string" ? value : "[rule unavailable]";
+    if (value.op === "reference")
+        return typeof value.label === "string"
+            ? value.label
+            : "[reference unavailable]";
+    if (value.op === "literal")
+        return formatConditionLiteral(value.value);
+    if (!Array.isArray(value.args))
+        return "[rule unavailable]";
+    const args = value.args;
+    const format = (v) => formatFlowCondition(v, depth + 1);
+    if (value.op === "not")
+        return `NOT (${format(args[0])})`;
+    if (value.op === "all" || value.op === "any") {
+        if (!args.length)
+            return value.op === "all"
+                ? "TRUE (no conditions)"
+                : "FALSE (no conditions)";
+        return `(${args.map(format).join(value.op === "all" ? " AND " : " OR ")})`;
+    }
+    if (!["eq", "lt", "gte"].includes(String(value.op)) || args.length !== 2)
+        return "[rule unavailable]";
+    const probability = args.some((arg) => arg &&
+        typeof arg === "object" &&
+        !Array.isArray(arg) &&
+        arg.op === "reference" &&
+        arg.probability === true);
+    const operand = (arg) => arg &&
+        typeof arg === "object" &&
+        !Array.isArray(arg) &&
+        arg.op === "literal"
+        ? formatConditionLiteral(arg.value, probability)
+        : format(arg);
+    return `${operand(args[0])} ${value.op === "eq" ? "=" : value.op === "lt" ? "<" : "≥"} ${operand(args[1])}`;
+}

package/lib/src/flow-model.d.ts

@@ -1,9 +1,14 @@
-import type { AnswerView, Json, Trace } from "./protocol.js";
+import type { AnswerView, Json } from "./protocol.js";
 export declare function findImage(value: Json): string | undefined;
 export declare function flowAnswer(answer?: AnswerView): {
     label: string;
     detail: string;
     active: boolean;
     eyebrow: string;
+}[] | {
+    label: string;
+    detail: string;
+    active: boolean;
+    eyebrow: string;
+    probability: number;
 }[];
-export declare function stateText(trace: Trace): string;