@tangle-network/sandbox-ui 2.0.11 → 2.0.13

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 };

package/dist/primitives-CCdx5Hh_.js

@@ -1,23 +0,0 @@
-import { Alert as Alert$1, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, ArtifactPane as ArtifactPane$1, Avatar as Avatar$1, AvatarFallback as AvatarFallback$1, AvatarImage as AvatarImage$1, Badge as Badge$1, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button as Button$1, CATEGORY_TONES, Calendar, Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter, CardHeader as CardHeader$1, CardTitle as CardTitle$1, Checkbox, Chip, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, ComplianceBadge, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, DatePicker as DatePicker$1, Dialog as Dialog$1, DialogClose as DialogClose$1, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, DialogOverlay, DialogPortal, DialogTitle as DialogTitle$1, DialogTrigger as DialogTrigger$1, DropZone, DropdownMenu as DropdownMenu$1, DropdownMenuCheckboxItem, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuGroup, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuLabel as DropdownMenuLabel$1, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator as DropdownMenuSeparator$1, DropdownMenuShortcut, DropdownMenuSub as DropdownMenuSub$1, DropdownMenuSubContent as DropdownMenuSubContent$1, DropdownMenuSubTrigger as DropdownMenuSubTrigger$1, DropdownMenuTrigger as DropdownMenuTrigger$1, EmptyState as EmptyState$1, Field, FilterField as FilterField$1, Heading, HelpText, HoverCard, HoverCardContent, HoverCardDescription, HoverCardHeader, HoverCardTitle, HoverCardTrigger, IconTile, InlineCode, Input as Input$1, Label as Label$1, Metric, MetricChart, MetricStrip, PageHeader, PageHeader as PageHeader$1, PageShell as PageShell$1, Pagination, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress as Progress$1, RadioGroup, RadioGroupItem, SegmentedControl as SegmentedControl$1, Select as Select$1, SelectContent as SelectContent$1, SelectGroup, SelectItem as SelectItem$1, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger as SelectTrigger$1, SelectValue as SelectValue$1, Separator, SeriesSparkline, SettingsList, SettingsListItem, SettingsNote, SettingsRow, SettingsSection, Sheet as Sheet$1, SheetClose as SheetClose$1, SheetContent as SheetContent$1, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle as SheetTitle$1, SheetTrigger as SheetTrigger$1, SidebarDropZone, Skeleton as Skeleton$1, SkeletonCard as SkeletonCard$1, SkeletonTable, Slider, StatCard as StatCard$1, StatusPill as StatusPill$1, Switch, TONE_CLASSES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, Tag, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea as Textarea$1, ThemeToggle, TimeSelect, ToastContainer, ToastProvider, Toolbar as Toolbar$1, Tooltip as Tooltip$1, TooltipContent as TooltipContent$1, TooltipProvider as TooltipProvider$1, TooltipTrigger as TooltipTrigger$1, UploadProgress, Wizard, WizardStep, badgeVariants, buttonVariants, fieldMessageId, formatCalendarDate, initialsOf, localToday as localToday$1, normalizeSeries, parseCalendarDate, periodDelta, seriesAreaPath, seriesExtent, seriesLinePath, seriesMean, seriesScale, toneFor, useTheme, useToast } from "@tangle-network/ui/primitives";
-import { Logo, TangleKnot as TangleKnot$1 } from "@tangle-network/brand";
-import { jsx } from "react/jsx-runtime";
-// src/primitives/logo.tsx
-/** Keep the Sandbox wordmark API while Brand owns the mark and layout. */
-function Logo$1({ variant = "sandbox", size = "md", className, iconOnly = false }) {
-	return /* @__PURE__ */ jsx(Logo, {
-		size,
-		variant: iconOnly ? "icon" : "full",
-		suffix: variant === "sandbox" ? "Sandbox" : null,
-		className
-	});
-}
-Logo$1.displayName = "Logo";
-// src/primitives/heading.tsx
-/** Compatibility name for the canonical nested (h2) page header. */
-function SectionTitle(props) {
-	return /* @__PURE__ */ jsx(PageHeader, {
-		...props,
-		level: 2
-	});
-}
-export { ContextMenuShortcut as $, TabsContent$1 as $n, Popover as $t, Card$1 as A, SheetHeader as An, seriesAreaPath as Ar, DropdownMenuSubTrigger$1 as At, CollapsibleContent as B, StatCard$1 as Bn, TangleKnot$1 as Br, HoverCardHeader as Bt, BreadcrumbLink as C, SettingsRow as Cn, fieldMessageId as Cr, DropdownMenuPortal as Ct, Button$1 as D, SheetContent$1 as Dn, normalizeSeries as Dr, DropdownMenuShortcut as Dt, BreadcrumbSeparator as E, SheetClose$1 as En, localToday$1 as Er, DropdownMenuSeparator$1 as Et, CardTitle$1 as F, SidebarDropZone as Fn, toneFor as Fr, Heading as Ft, ContextMenuContent as G, TableBody as Gn, Input$1 as Gt, ComplianceBadge as H, Switch as Hn, HoverCardTrigger as Ht, Checkbox as I, Skeleton$1 as In, useTheme as Ir, HelpText as It, ContextMenuLabel as J, TableFooter as Jn, MetricChart as Jt, ContextMenuGroup as K, TableCaption as Kn, Label$1 as Kt, Chip as L, SkeletonCard$1 as Ln, useToast as Lr, HoverCard as Lt, CardDescription$1 as M, SheetPortal as Mn, seriesLinePath as Mr, EmptyState$1 as Mt, CardFooter as N, SheetTitle$1 as Nn, seriesMean as Nr, Field as Nt, CATEGORY_TONES as O, SheetDescription as On, parseCalendarDate as Or, DropdownMenuSub$1 as Ot, CardHeader$1 as P, SheetTrigger$1 as Pn, seriesScale as Pr, FilterField$1 as Pt, ContextMenuSeparator as Q, Tabs$1 as Qn, Pagination as Qt, CodeBlock as R, SkeletonTable as Rn, SectionTitle as Rr, HoverCardContent as Rt, BreadcrumbItem as S, SettingsNote as Sn, buttonVariants as Sr, DropdownMenuLabel$1 as St, BreadcrumbPage as T, Sheet$1 as Tn, initialsOf as Tr, DropdownMenuRadioItem as Tt, ContextMenu as U, TONE_CLASSES as Un, IconTile as Ut, CollapsibleTrigger as V, StatusPill$1 as Vn, HoverCardTitle as Vt, ContextMenuCheckboxItem as W, Table as Wn, InlineCode as Wt, ContextMenuRadioGroup as X, TableHeader as Xn, PageHeader$1 as Xt, ContextMenuPortal as Y, TableHead as Yn, MetricStrip as Yt, ContextMenuRadioItem as Z, TableRow as Zn, PageShell$1 as Zt, AvatarFallback$1 as _, SelectValue$1 as _n, TooltipTrigger$1 as _r, DropdownMenu$1 as _t, AlertDialogCancel as a, RadioGroup as an, TerminalInput as ar, DatePicker$1 as at, Breadcrumb as b, SettingsList as bn, WizardStep as br, DropdownMenuGroup as bt, AlertDialogFooter as c, Select$1 as cn, Textarea$1 as cr, DialogContent$1 as ct, AlertDialogPortal as d, SelectItem$1 as dn, ToastContainer as dr, DialogHeader$1 as dt, PopoverAnchor as en, TabsList$1 as er, ContextMenuSub as et, AlertDialogTitle as f, SelectLabel as fn, ToastProvider as fr, DialogOverlay as ft, Avatar$1 as g, SelectTrigger$1 as gn, TooltipProvider$1 as gr, DropZone as gt, ArtifactPane$1 as h, SelectSeparator as hn, TooltipContent$1 as hr, DialogTrigger$1 as ht, AlertDialogAction as i, Progress$1 as in, TerminalDisplay as ir, CopyButton as it, CardContent$1 as j, SheetOverlay as jn, seriesExtent as jr, DropdownMenuTrigger$1 as jt, Calendar as k, SheetFooter as kn, periodDelta as kr, DropdownMenuSubContent$1 as kt, AlertDialogHeader as l, SelectContent$1 as ln, ThemeToggle as lr, DialogDescription$1 as lt, AlertTitle as m, SelectScrollUpButton as mn, Tooltip$1 as mr, DialogTitle$1 as mt, AlertDescription as n, PopoverContent as nn, Tag as nr, ContextMenuSubTrigger as nt, AlertDialogContent as o, RadioGroupItem as on, TerminalLine as or, Dialog$1 as ot, AlertDialogTrigger as p, SelectScrollDownButton as pn, Toolbar$1 as pr, DialogPortal as pt, ContextMenuItem as q, TableCell as qn, Metric as qt, AlertDialog as r, PopoverTrigger as rn, TerminalCursor as rr, ContextMenuTrigger as rt, AlertDialogDescription as s, SegmentedControl$1 as sn, TextShimmer as sr, DialogClose$1 as st, Alert$1 as t, PopoverClose as tn, TabsTrigger$1 as tr, ContextMenuSubContent as tt, AlertDialogOverlay as u, SelectGroup as un, TimeSelect as ur, DialogFooter$1 as ut, AvatarImage$1 as v, Separator as vn, UploadProgress as vr, DropdownMenuCheckboxItem as vt, BreadcrumbList as w, SettingsSection as wn, formatCalendarDate as wr, DropdownMenuRadioGroup as wt, BreadcrumbEllipsis as x, SettingsListItem as xn, badgeVariants as xr, DropdownMenuItem$1 as xt, Badge$1 as y, SeriesSparkline as yn, Wizard as yr, DropdownMenuContent$1 as yt, Collapsible as z, Slider as zn, Logo$1 as zr, HoverCardDescription as zt };