@lumencast/runtime 0.1.0

package/dist/state/store.js

@@ -0,0 +1,119 @@
+// State store — one signal per leaf path.
+//
+// Integration point between the WS layer (snapshot + delta) and the render
+// layer. Each path Lumencast has ever seen owns a `Signal<unknown>`;
+// readers subscribe via @preact/signals-react `useSignals()` and re-render
+// only when their path's value changes.
+//
+// LSDP/1.1 §3.2.2 — incoming deltas may carry a per-leaf `transition`
+// directive. The store keeps the most-recent directive per path so the
+// renderer can pick it up on the next animation cycle. Snapshots clear
+// any pending transitions for the affected paths (snapshots are not
+// animated transitions).
+import { signal, batch } from "@preact/signals-react";
+class StoreImpl {
+    signals = new Map();
+    transitions = new Map();
+    signal(path) {
+        let s = this.signals.get(path);
+        if (!s) {
+            s = signal(undefined);
+            this.signals.set(path, s);
+        }
+        return s;
+    }
+    transitionSignal(path) {
+        let s = this.transitions.get(path);
+        if (!s) {
+            s = signal(undefined);
+            this.transitions.set(path, s);
+        }
+        return s;
+    }
+    set(path, value) {
+        const s = this.signal(path);
+        if (!shallowEqual(s.peek(), value)) {
+            s.value = value;
+        }
+    }
+    setWithTransition(path, value, transition) {
+        batch(() => {
+            const ts = this.transitionSignal(path);
+            // Update transition before value so the render that observes the
+            // new value sees the correct transition.
+            if (ts.peek() !== transition)
+                ts.value = transition;
+            const s = this.signal(path);
+            if (!shallowEqual(s.peek(), value))
+                s.value = value;
+        });
+    }
+    reset(state) {
+        batch(() => {
+            const seen = new Set();
+            for (const [path, value] of Object.entries(state)) {
+                seen.add(path);
+                const s = this.signal(path);
+                if (!shallowEqual(s.peek(), value)) {
+                    s.value = value;
+                }
+                // Snapshots are not animated transitions — clear any pending
+                // per-path directive (LSDP/1.1 §3.2.2 — directives apply to
+                // the NEXT delta only, snapshots reseed state authoritatively).
+                const ts = this.transitions.get(path);
+                if (ts && ts.peek() !== undefined)
+                    ts.value = undefined;
+            }
+            for (const path of this.signals.keys()) {
+                if (!seen.has(path)) {
+                    const s = this.signals.get(path);
+                    if (s && s.peek() !== undefined)
+                        s.value = undefined;
+                }
+            }
+        });
+    }
+    toRecord() {
+        const out = {};
+        for (const [path, s] of this.signals.entries()) {
+            out[path] = s.peek();
+        }
+        return out;
+    }
+}
+export function createStore() {
+    return new StoreImpl();
+}
+function shallowEqual(a, b) {
+    if (a === b)
+        return true;
+    if (a === null || b === null)
+        return false;
+    if (typeof a !== typeof b)
+        return false;
+    if (typeof a !== "object")
+        return false;
+    if (Array.isArray(a) !== Array.isArray(b))
+        return false;
+    if (Array.isArray(a) && Array.isArray(b)) {
+        if (a.length !== b.length)
+            return false;
+        for (let i = 0; i < a.length; i++) {
+            if (a[i] !== b[i])
+                return false;
+        }
+        return true;
+    }
+    const ao = a;
+    const bo = b;
+    const ak = Object.keys(ao);
+    const bk = Object.keys(bo);
+    if (ak.length !== bk.length)
+        return false;
+    for (const k of ak) {
+        if (ao[k] !== bo[k])
+            return false;
+    }
+    return true;
+}
+//# sourceMappingURL=store.js.map

package/dist/state/store.js.map

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

package/dist/status-pill-DCHvrd_y.js

@@ -0,0 +1,241 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { useSignals as g } from "@preact/signals-react/runtime";
+import { u as d } from "./index-DUhPPRvw.js";
+const f = {
+  position: "fixed",
+  bottom: 12,
+  left: 12,
+  zIndex: 1e5,
+  width: 320,
+  maxHeight: "70vh",
+  overflowY: "auto",
+  padding: 12,
+  fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, sans-serif",
+  fontSize: 12,
+  color: "#e5e7eb",
+  background: "rgba(17, 24, 39, 0.92)",
+  border: "1px solid rgba(75, 85, 99, 0.6)",
+  borderRadius: 10,
+  boxShadow: "0 8px 32px rgba(0, 0, 0, 0.45)"
+}, m = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 4,
+  padding: "6px 0",
+  borderBottom: "1px solid rgba(75, 85, 99, 0.35)"
+}, h = {
+  color: "#9ca3af",
+  fontSize: 10.5,
+  letterSpacing: "0.02em",
+  textTransform: "uppercase"
+}, p = {
+  background: "rgba(31, 41, 55, 0.8)",
+  border: "1px solid rgba(75, 85, 99, 0.6)",
+  borderRadius: 6,
+  color: "#f9fafb",
+  padding: "4px 6px",
+  fontSize: 12,
+  width: "100%"
+};
+function k() {
+  const { bundle: o, store: t, sendInput: a } = d();
+  g();
+  const n = o.operator_inputs ?? [];
+  if (n.length === 0) return null;
+  const e = /* @__PURE__ */ new Map();
+  for (const r of n) {
+    const l = r.group ?? "General", i = e.get(l) ?? [];
+    i.push(r), e.set(l, i);
+  }
+  return /* @__PURE__ */ c("div", { style: f, "data-testid": "lumencast-control-panel", children: [
+    /* @__PURE__ */ s(
+      "div",
+      {
+        style: {
+          fontWeight: 600,
+          fontSize: 11,
+          letterSpacing: "0.06em",
+          color: "#9ca3af",
+          textTransform: "uppercase",
+          marginBottom: 6
+        },
+        children: "Operator inputs"
+      }
+    ),
+    [...e.entries()].map(([r, l]) => /* @__PURE__ */ c("div", { style: { marginBottom: 8 }, children: [
+      /* @__PURE__ */ s(
+        "div",
+        {
+          style: {
+            color: "#6b7280",
+            fontSize: 10,
+            letterSpacing: "0.04em",
+            textTransform: "uppercase",
+            padding: "4px 0"
+          },
+          children: r
+        }
+      ),
+      l.map((i) => /* @__PURE__ */ s(
+        b,
+        {
+          entry: i,
+          currentValue: t.signal(i.path).value,
+          onCommit: (u) => (
+            // Operator-control values come from form widgets typed per
+            // OperatorInput.type; coerce to LeafValue at the boundary.
+            a([
+              {
+                path: i.path,
+                value: u
+              }
+            ])
+          )
+        },
+        i.path
+      ))
+    ] }, r))
+  ] });
+}
+function b({
+  entry: o,
+  currentValue: t,
+  onCommit: a
+}) {
+  return /* @__PURE__ */ c("div", { style: m, children: [
+    /* @__PURE__ */ s("span", { style: h, children: o.label }),
+    /* @__PURE__ */ s(x, { entry: o, currentValue: t, onCommit: a })
+  ] });
+}
+function x({
+  entry: o,
+  currentValue: t,
+  onCommit: a
+}) {
+  switch (o.type) {
+    case "boolean": {
+      const n = t === !0;
+      return /* @__PURE__ */ c("label", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ s("input", { type: "checkbox", checked: n, onChange: (e) => a(e.target.checked) }),
+        /* @__PURE__ */ s("span", { style: { fontSize: 11, color: "#d1d5db" }, children: n ? "on" : "off" })
+      ] });
+    }
+    case "number": {
+      const n = o.min, e = o.max, r = o.step;
+      return /* @__PURE__ */ s(
+        "input",
+        {
+          type: "number",
+          style: p,
+          value: typeof t == "number" ? t : "",
+          min: n,
+          max: e,
+          step: r,
+          onChange: (l) => {
+            const i = Number(l.target.value);
+            Number.isFinite(i) && a(i);
+          }
+        }
+      );
+    }
+    case "text": {
+      const n = o.max_length;
+      return /* @__PURE__ */ s(
+        "input",
+        {
+          type: "text",
+          style: p,
+          value: typeof t == "string" ? t : "",
+          maxLength: n,
+          onChange: (e) => a(e.target.value)
+        }
+      );
+    }
+    case "colour":
+      return /* @__PURE__ */ s(
+        "input",
+        {
+          type: "color",
+          style: p,
+          value: typeof t == "string" ? t : "#000000",
+          onChange: (n) => a(n.target.value)
+        }
+      );
+    case "duration":
+      return /* @__PURE__ */ s(
+        "input",
+        {
+          type: "number",
+          style: p,
+          value: typeof t == "number" ? t : "",
+          min: 0,
+          step: 100,
+          onChange: (n) => {
+            const e = Number(n.target.value);
+            Number.isFinite(e) && e >= 0 && a(e);
+          }
+        }
+      );
+    case "select":
+    case "enum": {
+      const n = o.enum_values ?? o.options ?? [];
+      return /* @__PURE__ */ s(
+        "select",
+        {
+          style: p,
+          value: typeof t == "string" ? t : "",
+          onChange: (e) => a(e.target.value),
+          children: n.map((e) => /* @__PURE__ */ s("option", { value: e, children: e }, e))
+        }
+      );
+    }
+    case "path-ref":
+    default:
+      return /* @__PURE__ */ s(
+        "input",
+        {
+          type: "text",
+          style: p,
+          value: typeof t == "string" ? t : "",
+          onChange: (n) => a(n.target.value)
+        }
+      );
+  }
+}
+const y = {
+  live: "rgba(34, 197, 94, 0.85)",
+  connecting: "rgba(234, 179, 8, 0.85)",
+  disconnected: "rgba(239, 68, 68, 0.85)"
+}, v = {
+  live: "live",
+  connecting: "reconnecting",
+  disconnected: "disconnected"
+};
+function w() {
+  const { status: o } = d();
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-testid": "lumencast-status-pill",
+      style: {
+        position: "fixed",
+        top: 12,
+        right: 12,
+        padding: "4px 10px",
+        fontSize: 11,
+        fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, sans-serif",
+        color: "white",
+        background: y[o] ?? "#444",
+        borderRadius: 999,
+        userSelect: "none",
+        pointerEvents: "none"
+      },
+      children: v[o] ?? o
+    }
+  );
+}
+export {
+  k as C,
+  w as S
+};
+//# sourceMappingURL=status-pill-DCHvrd_y.js.map

package/dist/status-pill-DCHvrd_y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-pill-DCHvrd_y.js","sources":["../src/overlay/control.tsx","../src/overlay/status-pill.tsx"],"sourcesContent":["import { useSignals } from \"@preact/signals-react/runtime\";\nimport type { OperatorInput } from \"../render/bundle\";\nimport { useLumencastRuntime } from \"./runtime-context\";\n\nconst PANEL_STYLE: React.CSSProperties = {\n  position: \"fixed\",\n  bottom: 12,\n  left: 12,\n  zIndex: 100_000,\n  width: 320,\n  maxHeight: \"70vh\",\n  overflowY: \"auto\",\n  padding: 12,\n  fontFamily: \"system-ui, -apple-system, BlinkMacSystemFont, sans-serif\",\n  fontSize: 12,\n  color: \"#e5e7eb\",\n  background: \"rgba(17, 24, 39, 0.92)\",\n  border: \"1px solid rgba(75, 85, 99, 0.6)\",\n  borderRadius: 10,\n  boxShadow: \"0 8px 32px rgba(0, 0, 0, 0.45)\",\n};\n\nconst ROW_STYLE: React.CSSProperties = {\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: 4,\n  padding: \"6px 0\",\n  borderBottom: \"1px solid rgba(75, 85, 99, 0.35)\",\n};\n\nconst LABEL_STYLE: React.CSSProperties = {\n  color: \"#9ca3af\",\n  fontSize: 10.5,\n  letterSpacing: \"0.02em\",\n  textTransform: \"uppercase\",\n};\n\nconst INPUT_STYLE: React.CSSProperties = {\n  background: \"rgba(31, 41, 55, 0.8)\",\n  border: \"1px solid rgba(75, 85, 99, 0.6)\",\n  borderRadius: 6,\n  color: \"#f9fafb\",\n  padding: \"4px 6px\",\n  fontSize: 12,\n  width: \"100%\",\n};\n\nexport function ControlPanel() {\n  const { bundle, store, sendInput } = useLumencastRuntime();\n  useSignals();\n\n  const inputs = bundle.operator_inputs ?? [];\n  if (inputs.length === 0) return null;\n\n  // Group entries by `group` field for readability.\n  const groups = new Map<string, OperatorInput[]>();\n  for (const entry of inputs) {\n    const g = entry.group ?? \"General\";\n    const list = groups.get(g) ?? [];\n    list.push(entry);\n    groups.set(g, list);\n  }\n\n  return (\n    <div style={PANEL_STYLE} data-testid=\"lumencast-control-panel\">\n      <div\n        style={{\n          fontWeight: 600,\n          fontSize: 11,\n          letterSpacing: \"0.06em\",\n          color: \"#9ca3af\",\n          textTransform: \"uppercase\",\n          marginBottom: 6,\n        }}\n      >\n        Operator inputs\n      </div>\n      {[...groups.entries()].map(([group, entries]) => (\n        <div key={group} style={{ marginBottom: 8 }}>\n          <div\n            style={{\n              color: \"#6b7280\",\n              fontSize: 10,\n              letterSpacing: \"0.04em\",\n              textTransform: \"uppercase\",\n              padding: \"4px 0\",\n            }}\n          >\n            {group}\n          </div>\n          {entries.map((entry) => (\n            <InputRow\n              key={entry.path}\n              entry={entry}\n              currentValue={store.signal(entry.path).value}\n              onCommit={(v) =>\n                // Operator-control values come from form widgets typed per\n                // OperatorInput.type; coerce to LeafValue at the boundary.\n                sendInput([\n                  {\n                    path: entry.path,\n                    value: v as Parameters<typeof sendInput>[0][number][\"value\"],\n                  },\n                ])\n              }\n            />\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction InputRow({\n  entry,\n  currentValue,\n  onCommit,\n}: {\n  entry: OperatorInput;\n  currentValue: unknown;\n  onCommit: (value: unknown) => void;\n}) {\n  return (\n    <div style={ROW_STYLE}>\n      <span style={LABEL_STYLE}>{entry.label}</span>\n      <Editor entry={entry} currentValue={currentValue} onCommit={onCommit} />\n    </div>\n  );\n}\n\nfunction Editor({\n  entry,\n  currentValue,\n  onCommit,\n}: {\n  entry: OperatorInput;\n  currentValue: unknown;\n  onCommit: (value: unknown) => void;\n}) {\n  switch (entry.type) {\n    case \"boolean\": {\n      const checked = currentValue === true;\n      return (\n        <label style={{ display: \"flex\", alignItems: \"center\", gap: 6 }}>\n          <input type=\"checkbox\" checked={checked} onChange={(e) => onCommit(e.target.checked)} />\n          <span style={{ fontSize: 11, color: \"#d1d5db\" }}>{checked ? \"on\" : \"off\"}</span>\n        </label>\n      );\n    }\n    case \"number\": {\n      const min = entry.min as number | undefined;\n      const max = entry.max as number | undefined;\n      const step = entry.step as number | undefined;\n      return (\n        <input\n          type=\"number\"\n          style={INPUT_STYLE}\n          value={typeof currentValue === \"number\" ? currentValue : \"\"}\n          min={min}\n          max={max}\n          step={step}\n          onChange={(e) => {\n            const n = Number(e.target.value);\n            if (Number.isFinite(n)) onCommit(n);\n          }}\n        />\n      );\n    }\n    case \"text\": {\n      const max = entry.max_length as number | undefined;\n      return (\n        <input\n          type=\"text\"\n          style={INPUT_STYLE}\n          value={typeof currentValue === \"string\" ? currentValue : \"\"}\n          maxLength={max}\n          onChange={(e) => onCommit(e.target.value)}\n        />\n      );\n    }\n    case \"colour\": {\n      return (\n        <input\n          type=\"color\"\n          style={INPUT_STYLE}\n          value={typeof currentValue === \"string\" ? currentValue : \"#000000\"}\n          onChange={(e) => onCommit(e.target.value)}\n        />\n      );\n    }\n    case \"duration\": {\n      return (\n        <input\n          type=\"number\"\n          style={INPUT_STYLE}\n          value={typeof currentValue === \"number\" ? currentValue : \"\"}\n          min={0}\n          step={100}\n          onChange={(e) => {\n            const n = Number(e.target.value);\n            if (Number.isFinite(n) && n >= 0) onCommit(n);\n          }}\n        />\n      );\n    }\n    case \"select\":\n    case \"enum\": {\n      const options =\n        (entry.enum_values as string[] | undefined) ??\n        (entry.options as string[] | undefined) ??\n        [];\n      return (\n        <select\n          style={INPUT_STYLE}\n          value={typeof currentValue === \"string\" ? currentValue : \"\"}\n          onChange={(e) => onCommit(e.target.value)}\n        >\n          {options.map((opt) => (\n            <option key={opt} value={opt}>\n              {opt}\n            </option>\n          ))}\n        </select>\n      );\n    }\n    case \"path-ref\":\n    default:\n      // FIXME (v2) — `path-ref` UX is deferred ; for now show a plain\n      // text entry so the value is still editable.\n      return (\n        <input\n          type=\"text\"\n          style={INPUT_STYLE}\n          value={typeof currentValue === \"string\" ? currentValue : \"\"}\n          onChange={(e) => onCommit(e.target.value)}\n        />\n      );\n  }\n}\n","import { useLumencastRuntime } from \"./runtime-context\";\n\nconst COLOURS: Record<string, string> = {\n  live: \"rgba(34, 197, 94, 0.85)\",\n  connecting: \"rgba(234, 179, 8, 0.85)\",\n  disconnected: \"rgba(239, 68, 68, 0.85)\",\n};\n\nconst LABELS: Record<string, string> = {\n  live: \"live\",\n  connecting: \"reconnecting\",\n  disconnected: \"disconnected\",\n};\n\nexport function StatusPill() {\n  const { status } = useLumencastRuntime();\n  return (\n    <div\n      data-testid=\"lumencast-status-pill\"\n      style={{\n        position: \"fixed\",\n        top: 12,\n        right: 12,\n        padding: \"4px 10px\",\n        fontSize: 11,\n        fontFamily: \"system-ui, -apple-system, BlinkMacSystemFont, sans-serif\",\n        color: \"white\",\n        background: COLOURS[status] ?? \"#444\",\n        borderRadius: 999,\n        userSelect: \"none\",\n        pointerEvents: \"none\",\n      }}\n    >\n      {LABELS[status] ?? status}\n    </div>\n  );\n}\n"],"names":["PANEL_STYLE","ROW_STYLE","LABEL_STYLE","INPUT_STYLE","ControlPanel","bundle","store","sendInput","useLumencastRuntime","useSignals","inputs","groups","entry","g","list","jsxs","jsx","group","entries","InputRow","v","currentValue","onCommit","Editor","checked","min","max","step","e","n","options","opt","COLOURS","LABELS","StatusPill","status"],"mappings":"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"}

package/dist/test-DBCtwx_I.js

@@ -0,0 +1,210 @@
+import { jsxs as i, jsx as t, Fragment as y } from "react/jsx-runtime";
+import { T as b } from "./tree-CnhX02kd.js";
+import { S as h, C as x } from "./status-pill-DCHvrd_y.js";
+import { useSignals as S } from "@preact/signals-react/runtime";
+import { useState as f } from "react";
+import { u } from "./index-DUhPPRvw.js";
+const k = {
+  position: "fixed",
+  bottom: 12,
+  right: 12,
+  zIndex: 100001,
+  width: 360,
+  maxHeight: "70vh",
+  overflowY: "auto",
+  padding: 12,
+  fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, sans-serif",
+  fontSize: 12,
+  color: "#e5e7eb",
+  background: "rgba(8, 47, 73, 0.92)",
+  border: "1px solid rgba(56, 189, 248, 0.4)",
+  borderRadius: 10,
+  boxShadow: "0 8px 32px rgba(0, 0, 0, 0.45)"
+}, c = {
+  fontWeight: 600,
+  fontSize: 11,
+  letterSpacing: "0.06em",
+  color: "#7dd3fc",
+  textTransform: "uppercase",
+  marginBottom: 6
+}, l = {
+  background: "rgba(14, 165, 233, 0.4)",
+  border: "1px solid rgba(125, 211, 252, 0.5)",
+  borderRadius: 6,
+  color: "#f0f9ff",
+  padding: "3px 8px",
+  fontSize: 11,
+  cursor: "pointer"
+}, v = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 4,
+  padding: "6px 0",
+  borderBottom: "1px solid rgba(56, 189, 248, 0.2)"
+};
+function T() {
+  const { bundle: e, store: n, sendInput: o } = u();
+  S();
+  const [s, a] = f(""), p = e.external_adapters ?? [], g = n.toRecord(), m = Object.entries(g).filter(
+    ([r]) => s === "" || r.includes(s)
+  );
+  return /* @__PURE__ */ i("div", { style: k, "data-testid": "lumencast-test-panel", children: [
+    /* @__PURE__ */ t("div", { style: c, children: "Time" }),
+    /* @__PURE__ */ i("div", { style: { display: "flex", gap: 6, marginBottom: 8 }, children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          style: l,
+          onClick: () => o([{ path: "__test.tick", value: 100 }]),
+          children: "tick +100ms"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          style: l,
+          onClick: () => o([{ path: "__test.tick", value: 1e3 }]),
+          children: "tick +1s"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          style: l,
+          onClick: () => o([{ path: "__test.reset", value: !0 }]),
+          children: "reset"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { style: c, children: "External adapters" }),
+    p.length === 0 && /* @__PURE__ */ t("div", { style: { color: "#94a3b8", fontStyle: "italic", fontSize: 11 }, children: "No external adapters declared in this scene." }),
+    p.map((r) => /* @__PURE__ */ t(
+      _,
+      {
+        adapter: r,
+        onMock: (d) => (
+          // LSDP/1 patch values must be leaf — JSON-encode the structured payload.
+          o([
+            {
+              path: "__test.mock_adapter",
+              value: JSON.stringify({ key: r.key, payload: d })
+            }
+          ])
+        )
+      },
+      r.key
+    )),
+    /* @__PURE__ */ t("div", { style: { ...c, marginTop: 12 }, children: "State" }),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        type: "text",
+        placeholder: "filter paths…",
+        value: s,
+        onChange: (r) => a(r.target.value),
+        style: {
+          background: "rgba(8, 47, 73, 0.6)",
+          border: "1px solid rgba(125, 211, 252, 0.4)",
+          borderRadius: 6,
+          color: "#e0f2fe",
+          padding: "4px 6px",
+          fontSize: 11,
+          width: "100%",
+          marginBottom: 6
+        }
+      }
+    ),
+    /* @__PURE__ */ t("div", { style: { fontFamily: "monospace", fontSize: 10.5 }, children: m.map(([r, d]) => /* @__PURE__ */ i(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: "1fr auto",
+          gap: 8,
+          padding: "2px 0",
+          borderBottom: "1px dashed rgba(125, 211, 252, 0.15)"
+        },
+        children: [
+          /* @__PURE__ */ t("span", { style: { color: "#bae6fd" }, children: r }),
+          /* @__PURE__ */ t("span", { style: { color: "#fef3c7" }, children: C(d) })
+        ]
+      },
+      r
+    )) })
+  ] });
+}
+function _({
+  adapter: e,
+  onMock: n
+}) {
+  const [o, s] = f("{}");
+  return /* @__PURE__ */ i("div", { style: v, children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center"
+        },
+        children: [
+          /* @__PURE__ */ t("span", { style: { color: "#e0f2fe" }, children: e.label }),
+          /* @__PURE__ */ t("span", { style: { color: "#94a3b8", fontSize: 10 }, children: e.kind })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      "textarea",
+      {
+        value: o,
+        onChange: (a) => s(a.target.value),
+        rows: 2,
+        style: {
+          fontFamily: "monospace",
+          fontSize: 10.5,
+          background: "rgba(8, 47, 73, 0.6)",
+          color: "#e0f2fe",
+          border: "1px solid rgba(125, 211, 252, 0.3)",
+          borderRadius: 4,
+          padding: 4,
+          resize: "vertical"
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        style: l,
+        onClick: () => {
+          try {
+            const a = JSON.parse(o);
+            n(a);
+          } catch {
+            n(o);
+          }
+        },
+        children: "fire"
+      }
+    )
+  ] });
+}
+function C(e) {
+  return e === void 0 ? "—" : e === null ? "null" : typeof e == "string" || typeof e == "object" ? JSON.stringify(e) : String(e);
+}
+function B() {
+  const { store: e, bundle: n } = u();
+  return /* @__PURE__ */ i(y, { children: [
+    /* @__PURE__ */ t(b, { node: n.root, store: e }),
+    /* @__PURE__ */ t(h, {}),
+    /* @__PURE__ */ t(x, {}),
+    /* @__PURE__ */ t(T, {})
+  ] });
+}
+export {
+  B as TestMode
+};
+//# sourceMappingURL=test-DBCtwx_I.js.map

package/dist/test-DBCtwx_I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-DBCtwx_I.js","sources":["../src/overlay/test.tsx","../src/modes/test.tsx"],"sourcesContent":["import { useSignals } from \"@preact/signals-react/runtime\";\nimport { useState } from \"react\";\nimport { useLumencastRuntime } from \"./runtime-context\";\n\nconst PANEL_STYLE: React.CSSProperties = {\n  position: \"fixed\",\n  bottom: 12,\n  right: 12,\n  zIndex: 100_001,\n  width: 360,\n  maxHeight: \"70vh\",\n  overflowY: \"auto\",\n  padding: 12,\n  fontFamily: \"system-ui, -apple-system, BlinkMacSystemFont, sans-serif\",\n  fontSize: 12,\n  color: \"#e5e7eb\",\n  background: \"rgba(8, 47, 73, 0.92)\",\n  border: \"1px solid rgba(56, 189, 248, 0.4)\",\n  borderRadius: 10,\n  boxShadow: \"0 8px 32px rgba(0, 0, 0, 0.45)\",\n};\n\nconst SECTION_TITLE: React.CSSProperties = {\n  fontWeight: 600,\n  fontSize: 11,\n  letterSpacing: \"0.06em\",\n  color: \"#7dd3fc\",\n  textTransform: \"uppercase\",\n  marginBottom: 6,\n};\n\nconst BUTTON_STYLE: React.CSSProperties = {\n  background: \"rgba(14, 165, 233, 0.4)\",\n  border: \"1px solid rgba(125, 211, 252, 0.5)\",\n  borderRadius: 6,\n  color: \"#f0f9ff\",\n  padding: \"3px 8px\",\n  fontSize: 11,\n  cursor: \"pointer\",\n};\n\nconst ADAPTER_ROW: React.CSSProperties = {\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: 4,\n  padding: \"6px 0\",\n  borderBottom: \"1px solid rgba(56, 189, 248, 0.2)\",\n};\n\n/** Test-mode overlay : adapter mocker + state inspector + time\n *  controls. Drives the server's __test.* family via the same `sendInput`\n *  channel. */\nexport function TestPanel() {\n  const { bundle, store, sendInput } = useLumencastRuntime();\n  useSignals();\n  const [filter, setFilter] = useState(\"\");\n\n  const adapters = bundle.external_adapters ?? [];\n  const stateRecord = store.toRecord();\n  const filteredEntries = Object.entries(stateRecord).filter(\n    ([k]) => filter === \"\" || k.includes(filter),\n  );\n\n  return (\n    <div style={PANEL_STYLE} data-testid=\"lumencast-test-panel\">\n      {/* Time controls */}\n      <div style={SECTION_TITLE}>Time</div>\n      <div style={{ display: \"flex\", gap: 6, marginBottom: 8 }}>\n        <button\n          type=\"button\"\n          style={BUTTON_STYLE}\n          onClick={() => sendInput([{ path: \"__test.tick\", value: 100 }])}\n        >\n          tick +100ms\n        </button>\n        <button\n          type=\"button\"\n          style={BUTTON_STYLE}\n          onClick={() => sendInput([{ path: \"__test.tick\", value: 1_000 }])}\n        >\n          tick +1s\n        </button>\n        <button\n          type=\"button\"\n          style={BUTTON_STYLE}\n          onClick={() => sendInput([{ path: \"__test.reset\", value: true }])}\n        >\n          reset\n        </button>\n      </div>\n\n      {/* Adapter mocker */}\n      <div style={SECTION_TITLE}>External adapters</div>\n      {adapters.length === 0 && (\n        <div style={{ color: \"#94a3b8\", fontStyle: \"italic\", fontSize: 11 }}>\n          No external adapters declared in this scene.\n        </div>\n      )}\n      {adapters.map((adapter) => (\n        <AdapterRow\n          key={adapter.key}\n          adapter={adapter}\n          onMock={(payload) =>\n            // LSDP/1 patch values must be leaf — JSON-encode the structured payload.\n            sendInput([\n              {\n                path: \"__test.mock_adapter\",\n                value: JSON.stringify({ key: adapter.key, payload }),\n              },\n            ])\n          }\n        />\n      ))}\n\n      {/* State inspector */}\n      <div style={{ ...SECTION_TITLE, marginTop: 12 }}>State</div>\n      <input\n        type=\"text\"\n        placeholder=\"filter paths…\"\n        value={filter}\n        onChange={(e) => setFilter(e.target.value)}\n        style={{\n          background: \"rgba(8, 47, 73, 0.6)\",\n          border: \"1px solid rgba(125, 211, 252, 0.4)\",\n          borderRadius: 6,\n          color: \"#e0f2fe\",\n          padding: \"4px 6px\",\n          fontSize: 11,\n          width: \"100%\",\n          marginBottom: 6,\n        }}\n      />\n      <div style={{ fontFamily: \"monospace\", fontSize: 10.5 }}>\n        {filteredEntries.map(([path, value]) => (\n          <div\n            key={path}\n            style={{\n              display: \"grid\",\n              gridTemplateColumns: \"1fr auto\",\n              gap: 8,\n              padding: \"2px 0\",\n              borderBottom: \"1px dashed rgba(125, 211, 252, 0.15)\",\n            }}\n          >\n            <span style={{ color: \"#bae6fd\" }}>{path}</span>\n            <span style={{ color: \"#fef3c7\" }}>{formatValue(value)}</span>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction AdapterRow({\n  adapter,\n  onMock,\n}: {\n  adapter: { key: string; label: string; kind: string };\n  onMock: (payload: unknown) => void;\n}) {\n  const [draft, setDraft] = useState(\"{}\");\n  return (\n    <div style={ADAPTER_ROW}>\n      <div\n        style={{\n          display: \"flex\",\n          justifyContent: \"space-between\",\n          alignItems: \"center\",\n        }}\n      >\n        <span style={{ color: \"#e0f2fe\" }}>{adapter.label}</span>\n        <span style={{ color: \"#94a3b8\", fontSize: 10 }}>{adapter.kind}</span>\n      </div>\n      <textarea\n        value={draft}\n        onChange={(e) => setDraft(e.target.value)}\n        rows={2}\n        style={{\n          fontFamily: \"monospace\",\n          fontSize: 10.5,\n          background: \"rgba(8, 47, 73, 0.6)\",\n          color: \"#e0f2fe\",\n          border: \"1px solid rgba(125, 211, 252, 0.3)\",\n          borderRadius: 4,\n          padding: 4,\n          resize: \"vertical\",\n        }}\n      />\n      <button\n        type=\"button\"\n        style={BUTTON_STYLE}\n        onClick={() => {\n          try {\n            const parsed = JSON.parse(draft);\n            onMock(parsed);\n          } catch {\n            onMock(draft);\n          }\n        }}\n      >\n        fire\n      </button>\n    </div>\n  );\n}\n\nfunction formatValue(value: unknown): string {\n  if (value === undefined) return \"—\";\n  if (value === null) return \"null\";\n  if (typeof value === \"string\") return JSON.stringify(value);\n  if (typeof value === \"object\") return JSON.stringify(value);\n  return String(value);\n}\n","import { Tree } from \"../render/tree\";\nimport { ControlPanel } from \"../overlay/control\";\nimport { TestPanel } from \"../overlay/test\";\nimport { StatusPill } from \"../overlay/status-pill\";\nimport { useLumencastRuntime } from \"../overlay/runtime-context\";\n\n/** Test mode : scene + operator overlay + test extensions (adapter\n *  mocker, state inspector, time controls). */\nexport function TestMode() {\n  const { store, bundle } = useLumencastRuntime();\n  return (\n    <>\n      <Tree node={bundle.root} store={store} />\n      <StatusPill />\n      <ControlPanel />\n      <TestPanel />\n    </>\n  );\n}\n"],"names":["PANEL_STYLE","SECTION_TITLE","BUTTON_STYLE","ADAPTER_ROW","TestPanel","bundle","store","sendInput","useLumencastRuntime","useSignals","filter","setFilter","useState","adapters","stateRecord","filteredEntries","k","jsxs","jsx","adapter","AdapterRow","payload","e","path","value","formatValue","onMock","draft","setDraft","parsed","TestMode","Fragment","Tree","StatusPill","ControlPanel"],"mappings":"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"}

package/dist/transport/reconnect.d.ts

@@ -0,0 +1,22 @@
+export interface ReconnectScheduleOptions {
+    /** First delay in milliseconds. */
+    initial?: number;
+    /** Maximum delay in milliseconds. */
+    max?: number;
+    /** Multiplicative factor between attempts (>= 1). */
+    factor?: number;
+    /** Jitter as a fraction of the delay (0 disables, 0.2 = ±20 %). */
+    jitter?: number;
+    /** Random source — only injected for tests. */
+    random?: () => number;
+}
+export interface ReconnectSchedule {
+    /** Returns the delay to wait before the n-th attempt (1-indexed). */
+    delayFor(attempt: number): number;
+    /** Reset to attempt 1 (called on a successful connection). */
+    reset(): void;
+    /** Current attempt counter. */
+    readonly attempt: number;
+}
+export declare function createReconnectSchedule(opts?: ReconnectScheduleOptions): ReconnectSchedule;
+//# sourceMappingURL=reconnect.d.ts.map

package/dist/transport/reconnect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reconnect.d.ts","sourceRoot":"","sources":["../../src/transport/reconnect.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,wBAAwB;IACvC,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,MAAM,CAAC;CACvB;AASD,MAAM,WAAW,iBAAiB;IAChC,qEAAqE;IACrE,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,8DAA8D;IAC9D,KAAK,IAAI,IAAI,CAAC;IACd,+BAA+B;IAC/B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAgCD,wBAAgB,uBAAuB,CAAC,IAAI,GAAE,wBAA6B,GAAG,iBAAiB,CAY9F"}