@tangle-network/sandbox-ui 2.0.10 → 2.0.12

package/dist/canvas-theme-aqWjGbfu.js

@@ -1,55 +0,0 @@
-import { useLayoutEffect, useState } from "react";
-// src/workflows/elk-loader.ts
-/** One ELK instance per page. `null` once loading failed, so a host without
-*  the peer pays for one failed import, not one per render. */
-let elkInstance;
-function loadElk() {
-	elkInstance ??= import("elkjs/lib/elk.bundled.js").then((mod) => {
-		const Elk = mod.default;
-		return new Elk();
-	}).catch(() => null);
-	return elkInstance;
-}
-// src/workflows/canvas-theme.ts
-/** Motion is opt-OUT, so it is only used where the reader's preference can be
-*  read and says nothing against it. Somewhere without `matchMedia` cannot say
-*  a reader tolerates movement, so it gets none. */
-function motionAllowed() {
-	return typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === false;
-}
-/** React Flow adds its own .light/.dark class below the graph wrapper. Read
-* that wrapper's inherited scheme so a nested WorkspaceLayout theme wins over
-* the page root without React Flow's class influencing the answer. */
-function currentColorMode(anchor) {
-	if (typeof document === "undefined" || typeof window === "undefined") return "light";
-	const scheme = window.getComputedStyle(anchor ?? document.documentElement).colorScheme;
-	if (scheme.startsWith("dark")) return "dark";
-	if (scheme.startsWith("light")) return "light";
-	return (anchor ?? document.documentElement).closest(".dark") ? "dark" : "light";
-}
-function useColorMode(wrapperRef, hasGraph) {
-	const [mode, setMode] = useState(() => currentColorMode(null));
-	useLayoutEffect(() => {
-		const anchor = hasGraph ? wrapperRef.current : null;
-		const update = () => setMode(currentColorMode(anchor));
-		update();
-		const observer = new MutationObserver(update);
-		for (let el = anchor ?? document.documentElement; el; el = el.parentElement) observer.observe(el, {
-			attributes: true,
-			attributeFilter: [
-				"class",
-				"data-theme",
-				"data-sandbox-theme",
-				"style"
-			]
-		});
-		return () => observer.disconnect();
-	}, [wrapperRef, hasGraph]);
-	return mode;
-}
-/** Selection preserves the status border and stays quieter than failure or a response request. */
-const SELECTION_OUTLINE = {
-	outline: "1px solid hsl(var(--foreground) / .45)",
-	outlineOffset: 2
-};
-export { loadElk as i, motionAllowed as n, useColorMode as r, SELECTION_OUTLINE as t };

package/dist/latest-events-v_vXRyd7.js

@@ -1,169 +0,0 @@
-import { g as useRunNow, o as fmtEventTime, p as tokenMilliseconds } from "./AgentGraph-CFlI9qta.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { RunStatusIcon, statusMeta } from "@tangle-network/ui/run";
-// src/run/latest-events.tsx
-function EventRow({ entry, now, onSelect }) {
-	const meta = statusMeta(entry.observed ? entry.status : "unknown"), age = fmtEventTime(entry.at, now);
-	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		disabled: !onSelect,
-		onClick: () => onSelect?.(entry),
-		title: entry.name + ": " + entry.label,
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				className: "ag-latest-dot",
-				style: {
-					background: entry.observed ? "var(" + meta.token + ")" : "transparent",
-					border: entry.observed ? void 0 : "1.5px solid var(" + meta.token + ")"
-				},
-				"aria-hidden": true
-			}),
-			/* @__PURE__ */ jsx("strong", { children: entry.name }),
-			entry.observed && /* @__PURE__ */ jsxs("span", {
-				className: "ag-latest-state",
-				style: { color: "var(" + meta.token + ")" },
-				children: [entry.status !== "running" && /* @__PURE__ */ jsx(RunStatusIcon, {
-					status: entry.status,
-					size: 14,
-					"aria-hidden": true
-				}), meta.label]
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "ag-latest-label",
-				children: entry.label
-			}),
-			/* @__PURE__ */ jsxs("time", { children: [
-				entry.observed ? "Observed " : "",
-				age,
-				age !== "now" && age !== "—" ? " ago" : ""
-			] })
-		]
-	}) });
-}
-/** Recorded events and locally observed state changes. Hover or focus holds the reading position. */
-function LatestEvents({ agents, n = 5, now, live = now === void 0, selectedId, onSelect }) {
-	const clock = useRunNow(now), limit = Number.isFinite(n) ? Math.max(1, Math.trunc(n)) : 5;
-	const latest = useMemo(() => agents.flatMap((agent) => (agent.events ?? []).map((event) => ({
-		id: agent.id + ":" + event.id,
-		agentId: agent.id,
-		name: agent.label,
-		label: event.label,
-		at: event.at,
-		status: agent.status
-	}))).sort((a, b) => (Number.isFinite(b.at) ? b.at : -Infinity) - (Number.isFinite(a.at) ? a.at : -Infinity) || a.id.localeCompare(b.id)).slice(0, limit), [agents, limit]);
-	const [rows, setRows] = useState(latest), [pins, setPins] = useState([]), [announcement, setAnnouncement] = useState("");
-	const [hovered, setHovered] = useState(false), [focused, setFocused] = useState(false), paused = hovered || focused;
-	const source = useRef(latest), pending = useRef(void 0);
-	const announce = useRef(void 0), messages = useRef(/* @__PURE__ */ new Map());
-	source.current = latest;
-	const previous = useRef(new Map(agents.map((agent) => [agent.id, agent.status])));
-	useEffect(() => {
-		const changes = agents.filter((agent) => previous.current.has(agent.id) && previous.current.get(agent.id) !== agent.status).map((agent) => ({
-			id: agent.id + ":status:" + clock,
-			agentId: agent.id,
-			name: agent.label,
-			status: agent.status,
-			label: agent.result ?? agent.turn ?? "Status changed",
-			at: clock,
-			observed: true
-		}));
-		previous.current = new Map(agents.map((agent) => [agent.id, agent.status]));
-		if (!live) {
-			setPins((old) => old.length ? [] : old);
-			messages.current.clear();
-			clearTimeout(announce.current);
-			announce.current = void 0;
-			return;
-		}
-		const ids = new Set(agents.map((agent) => agent.id));
-		setPins((old) => {
-			const next = [...changes, ...old.filter((entry) => ids.has(entry.agentId) && !changes.some((change) => change.agentId === entry.agentId))].slice(0, limit);
-			return !changes.length && next.length === old.length ? old : next;
-		});
-		if (!changes.length) return;
-		for (const entry of changes) messages.current.set(entry.agentId, entry.name + ": " + statusMeta(entry.status).label);
-		if (announce.current === void 0) announce.current = setTimeout(() => {
-			setAnnouncement([...messages.current.values()].join("; "));
-			messages.current.clear();
-			announce.current = void 0;
-		}, tokenMilliseconds("--duration-ambient"));
-	}, [
-		agents,
-		clock,
-		limit,
-		live
-	]);
-	useEffect(() => {
-		if (selectedId) setPins((old) => old.filter((entry) => entry.agentId !== selectedId));
-	}, [selectedId]);
-	useEffect(() => {
-		if (paused) {
-			clearTimeout(pending.current);
-			pending.current = void 0;
-			return;
-		}
-		if (pending.current === void 0) pending.current = setTimeout(() => {
-			setRows(source.current);
-			pending.current = void 0;
-		}, tokenMilliseconds("--duration-ambient") / 2);
-	}, [latest, paused]);
-	useEffect(() => () => {
-		clearTimeout(pending.current);
-		clearTimeout(announce.current);
-	}, []);
-	const current = [...pins, ...rows.filter((entry) => !pins.some((pin) => pin.agentId === entry.agentId))].slice(0, limit);
-	const held = useRef(current);
-	useLayoutEffect(() => {
-		if (!paused) held.current = current;
-	}, [current, paused]);
-	const visible = paused ? held.current : current;
-	const refresh = () => {
-		setRows([...source.current]);
-		held.current = [...pins, ...source.current.filter((entry) => !pins.some((pin) => pin.agentId === entry.agentId))].slice(0, limit);
-	};
-	return /* @__PURE__ */ jsxs("section", {
-		className: "ag-latest",
-		"aria-label": "Latest activity",
-		tabIndex: 0,
-		onPointerEnter: () => setHovered(true),
-		onPointerLeave: () => setHovered(false),
-		onFocusCapture: () => setFocused(true),
-		onBlurCapture: (event) => {
-			if (!event.currentTarget.contains(event.relatedTarget)) setFocused(false);
-		},
-		children: [
-			/* @__PURE__ */ jsxs("header", { children: [
-				/* @__PURE__ */ jsx("strong", { children: "Latest activity" }),
-				/* @__PURE__ */ jsx("span", { children: paused ? "Paused while reading" : "Recorded events · age" }),
-				paused && /* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: refresh,
-					children: "Show latest"
-				})
-			] }),
-			/* @__PURE__ */ jsx("ol", {
-				tabIndex: 0,
-				"aria-label": "Recorded activity events",
-				children: visible.length ? visible.map((entry) => /* @__PURE__ */ jsx(EventRow, {
-					entry,
-					now: clock,
-					onSelect: onSelect ? (item) => {
-						setPins((old) => old.filter((pin) => pin.agentId !== item.agentId));
-						onSelect(item.agentId);
-					} : void 0
-				}, entry.id)) : /* @__PURE__ */ jsx("li", {
-					className: "ag-latest-empty",
-					children: "No activity events were reported."
-				})
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "sr-only",
-				role: "status",
-				"aria-live": "polite",
-				children: announcement
-			})
-		]
-	});
-}
-export { LatestEvents as t };

package/dist/motion-Bn7ESHrj.js

@@ -1,6 +0,0 @@
-// src/lib/motion.ts
-/** Brand owns complete duration/easing roles. Keep properties explicit. */
-const MOTION_CONTROL = "[transition:color_var(--motion-control),background-color_var(--motion-control),border-color_var(--motion-control),box-shadow_var(--motion-control),transform_var(--motion-control),scale_var(--motion-control),opacity_var(--motion-control)] motion-reduce:transition-none";
-/** Technical floating surfaces may change opacity/transform, never layout. */
-const MOTION_SURFACE = "[transition:opacity_var(--motion-surface),transform_var(--motion-surface)] motion-reduce:transition-none";
-export { MOTION_SURFACE as n, MOTION_CONTROL as t };