durable-actors-observer 0.6.1 → 0.7.1

package/dist/index.js

@@ -1,81 +1,81 @@
 import * as e from "react";
 import { useEffect as t, useId as n, useMemo as r, useRef as i, useState as a } from "react";
-import { Activity as o, ArrowRight as s, Box as c, Cable as l, Calendar as u, ChevronDown as d, ChevronDownIcon as f, ChevronLeftIcon as p, ChevronRightIcon as m, CircleHelp as h, Download as g, Hash as _, LayoutGrid as v, Pause as y, Play as b, RefreshCw as ee, Search as x, SearchIcon as S, SunMoon as C, Unplug as w, X as T } from "lucide-react";
-import { Command as E } from "cmdk";
-import { clsx as D } from "clsx";
-import { extendTailwindMerge as O } from "tailwind-merge";
-import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
-import { Slot as M } from "@radix-ui/react-slot";
-import { cva as N } from "class-variance-authority";
-import { DayPicker as P, getDefaultClassNames as F } from "react-day-picker";
-import * as I from "@radix-ui/react-popover";
+import { Activity as o, ArrowRight as s, Box as c, Cable as l, Calendar as u, ChartNoAxesGantt as d, ChevronDown as f, ChevronDownIcon as p, ChevronLeftIcon as m, ChevronRightIcon as h, CircleHelp as g, Download as _, Hash as v, LayoutGrid as y, List as ee, Pause as b, Play as x, RefreshCw as te, Search as S, SearchIcon as C, SunMoon as w, Unplug as T, X as E } from "lucide-react";
+import { Command as D } from "cmdk";
+import { clsx as O } from "clsx";
+import { extendTailwindMerge as k } from "tailwind-merge";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { Slot as N } from "@radix-ui/react-slot";
+import { cva as P } from "class-variance-authority";
+import { DayPicker as F, getDefaultClassNames as I } from "react-day-picker";
+import * as ne from "@radix-ui/react-popover";
 import * as L from "@radix-ui/react-dialog";
-import { JsonView as te } from "react-json-view-lite";
-import { create as ne } from "jsondiffpatch";
-import { format as re } from "jsondiffpatch/formatters/html";
-import { createParser as ie } from "eventsource-parser";
+import { JsonView as re } from "react-json-view-lite";
+import { create as ie } from "jsondiffpatch";
+import { format as ae } from "jsondiffpatch/formatters/html";
+import { createParser as oe } from "eventsource-parser";
 //#region src/lib/utils.ts
-var ae = O({ prefix: "la" });
+var se = k({ prefix: "la" });
 function R(...e) {
-	return ae(D(e));
+	return se(O(e));
 }
 //#endregion
 //#region src/components/ui/command.tsx
-function oe({ className: e, ...t }) {
-	return /* @__PURE__ */ A(E, {
+function ce({ className: e, ...t }) {
+	return /* @__PURE__ */ j(D, {
 		"data-slot": "command",
 		className: R("la:flex la:h-full la:w-full la:flex-col la:overflow-hidden la:rounded-md la:bg-popover la:text-popover-foreground", e),
 		...t
 	});
 }
-function se({ className: e, ...t }) {
-	return /* @__PURE__ */ j("div", {
+function le({ className: e, ...t }) {
+	return /* @__PURE__ */ M("div", {
 		"data-slot": "command-input-wrapper",
 		className: "la:flex la:h-9 la:items-center la:gap-2 la:border-b la:px-3",
-		children: [/* @__PURE__ */ A(S, { className: "la:size-4 la:shrink-0 la:opacity-50" }), /* @__PURE__ */ A(E.Input, {
+		children: [/* @__PURE__ */ j(C, { className: "la:size-4 la:shrink-0 la:opacity-50" }), /* @__PURE__ */ j(D.Input, {
 			"data-slot": "command-input",
 			className: R("la:flex la:h-10 la:w-full la:rounded-md la:bg-transparent la:py-3 la:text-sm la:outline-hidden la:placeholder:text-muted-foreground la:disabled:cursor-not-allowed la:disabled:opacity-50", e),
 			...t
 		})]
 	});
 }
-function ce({ className: e, ...t }) {
-	return /* @__PURE__ */ A(E.List, {
+function ue({ className: e, ...t }) {
+	return /* @__PURE__ */ j(D.List, {
 		"data-slot": "command-list",
 		className: R("la:max-h-[300px] la:scroll-py-1 la:overflow-x-hidden la:overflow-y-auto", e),
 		...t
 	});
 }
-function le({ ...e }) {
-	return /* @__PURE__ */ A(E.Empty, {
+function de({ ...e }) {
+	return /* @__PURE__ */ j(D.Empty, {
 		"data-slot": "command-empty",
 		className: "la:py-6 la:text-center la:text-sm",
 		...e
 	});
 }
-function ue({ className: e, ...t }) {
-	return /* @__PURE__ */ A(E.Group, {
+function fe({ className: e, ...t }) {
+	return /* @__PURE__ */ j(D.Group, {
 		"data-slot": "command-group",
 		className: R("la:overflow-hidden la:p-1 la:text-foreground la:[&_[cmdk-group-heading]]:px-2 la:[&_[cmdk-group-heading]]:py-1.5 la:[&_[cmdk-group-heading]]:text-xs la:[&_[cmdk-group-heading]]:font-medium la:[&_[cmdk-group-heading]]:text-muted-foreground", e),
 		...t
 	});
 }
-function de({ className: e, ...t }) {
-	return /* @__PURE__ */ A(E.Separator, {
+function pe({ className: e, ...t }) {
+	return /* @__PURE__ */ j(D.Separator, {
 		"data-slot": "command-separator",
 		className: R("la:-mx-1 la:h-px la:bg-border", e),
 		...t
 	});
 }
-function fe({ className: e, ...t }) {
-	return /* @__PURE__ */ A(E.Item, {
+function me({ className: e, ...t }) {
+	return /* @__PURE__ */ j(D.Item, {
 		"data-slot": "command-item",
 		className: R("la:relative la:flex la:cursor-default la:items-center la:gap-2 la:rounded-sm la:px-2 la:py-1.5 la:text-sm la:outline-hidden la:select-none la:data-[disabled=true]:pointer-events-none la:data-[disabled=true]:opacity-50 la:data-[selected=true]:bg-accent la:data-[selected=true]:text-accent-foreground la:[&_svg]:pointer-events-none la:[&_svg]:shrink-0 la:[&_svg:not([class*='size-'])]:size-4 la:[&_svg:not([class*='text-'])]:text-muted-foreground", e),
 		...t
 	});
 }
-function pe({ className: e, ...t }) {
-	return /* @__PURE__ */ A("span", {
+function he({ className: e, ...t }) {
+	return /* @__PURE__ */ j("span", {
 		"data-slot": "command-shortcut",
 		className: R("la:ml-auto la:text-xs la:tracking-widest la:text-muted-foreground", e),
 		...t
@@ -83,9 +83,9 @@ function pe({ className: e, ...t }) {
 }
 //#endregion
 //#region src/FilterCombobox.tsx
-function me({ label: e, placeholder: t, value: n, onChange: r, onSelectSuggestion: i, suggestions: o, limit: s = 8, className: c }) {
-	let [l, u] = a(!1), d = he(o, n, s, !!i), f = d.reduce((e, t) => e.set(t.group, [...e.get(t.group) ?? [], t]), /* @__PURE__ */ new Map()), p = l && d.length > 0;
-	return /* @__PURE__ */ j(oe, {
+function ge({ label: e, placeholder: t, value: n, onChange: r, onSelectSuggestion: i, suggestions: o, limit: s = 8, className: c }) {
+	let [l, u] = a(!1), d = _e(o, n, s, !!i), f = d.reduce((e, t) => e.set(t.group, [...e.get(t.group) ?? [], t]), /* @__PURE__ */ new Map()), p = l && d.length > 0;
+	return /* @__PURE__ */ M(ce, {
 		label: e,
 		shouldFilter: !1,
 		loop: !0,
@@ -93,7 +93,7 @@ function me({ label: e, placeholder: t, value: n, onChange: r, onSelectSuggestio
 		onKeyDown: (e) => {
 			e.key === "Escape" && u(!1), e.key === "ArrowDown" && u(!0);
 		},
-		children: [/* @__PURE__ */ A(se, {
+		children: [/* @__PURE__ */ j(le, {
 			placeholder: t,
 			value: n,
 			onValueChange: (e) => {
@@ -101,21 +101,21 @@ function me({ label: e, placeholder: t, value: n, onChange: r, onSelectSuggestio
 			},
 			onFocus: () => u(!0),
 			onBlur: () => u(!1)
-		}), p && /* @__PURE__ */ A(ce, {
+		}), p && /* @__PURE__ */ j(ue, {
 			label: `${e} suggestions`,
 			className: "la:absolute la:top-full la:right-0 la:left-0 la:z-20 la:mt-1.5 la:rounded-md la:border la:bg-popover la:text-popover-foreground la:shadow-md",
 			onMouseDown: (e) => e.preventDefault(),
-			children: [...f].map(([e, t]) => /* @__PURE__ */ A(ue, {
+			children: [...f].map(([e, t]) => /* @__PURE__ */ j(fe, {
 				heading: e,
-				children: t.map((t) => /* @__PURE__ */ j(fe, {
+				children: t.map((t) => /* @__PURE__ */ M(me, {
 					value: t.id ?? `${e}:${t.value}`,
 					onSelect: () => {
 						i ? i(t) : r(t.value), u(!1);
 					},
-					children: [/* @__PURE__ */ A("span", {
+					children: [/* @__PURE__ */ j("span", {
 						className: "la:truncate la:font-mono la:text-xs",
 						children: t.value
-					}), t.hint && /* @__PURE__ */ A("span", {
+					}), t.hint && /* @__PURE__ */ j("span", {
 						className: "la:ml-auto la:text-xs la:text-muted-foreground",
 						children: t.hint
 					})]
@@ -124,7 +124,7 @@ function me({ label: e, placeholder: t, value: n, onChange: r, onSelectSuggestio
 		})]
 	});
 }
-function he(e, t, n, r = !1) {
+function _e(e, t, n, r = !1) {
 	let i = t.trim().toLocaleLowerCase(), a = i.split(/\s+/u).filter(Boolean), o = /* @__PURE__ */ new Set(), s = [];
 	for (let t of e) {
 		let e = t.id ?? `${t.group}:${t.value}`, n = [t.value, ...t.keywords ?? []].join(" ").toLocaleLowerCase(), c = t.value.toLocaleLowerCase() === i && !t.keywords?.length;
@@ -133,8 +133,161 @@ function he(e, t, n, r = !1) {
 	return s.sort((e, t) => Number(t.value.toLocaleLowerCase().startsWith(i)) - Number(e.value.toLocaleLowerCase().startsWith(i))).slice(0, n);
 }
 //#endregion
+//#region src/request-timeline.ts
+function ve(e) {
+	let t = [...e].sort((e, t) => e.startedAtMs - t.startedAtMs || e.sequence - t.sequence), n = t[0]?.startedAtMs ?? 0, r = n, i = /* @__PURE__ */ new Map(), a = t.map((e) => {
+		let t = JSON.stringify([
+			e.projectId,
+			e.actorName,
+			e.actorId
+		]), a = i.get(t), o = e.startedAtMs + e.durationMs;
+		return i.set(t, Math.max(a ?? o, o)), r = Math.max(r, o), {
+			record: e,
+			offsetMs: e.startedAtMs - n,
+			gapMs: a === void 0 ? null : e.startedAtMs - a
+		};
+	});
+	return {
+		start: n,
+		span: r - n,
+		rows: a
+	};
+}
+function z(e) {
+	return e >= 6e4 ? `${(e / 6e4).toLocaleString(void 0, { maximumFractionDigits: 2 })} min` : e >= 1e3 ? `${(e / 1e3).toLocaleString(void 0, { maximumFractionDigits: 2 })} s` : `${e.toLocaleString(void 0, { maximumFractionDigits: 1 })} ms`;
+}
+function ye(e) {
+	return e === null ? "First in view" : e < 0 ? "Overlapping" : e === 0 ? "No gap" : `${z(e)} gap`;
+}
+//#endregion
+//#region src/RequestTimeline.tsx
+var be = [
+	0,
+	.25,
+	.5,
+	.75,
+	1
+];
+function xe({ records: e, selected: t, onSelect: n }) {
+	let { start: r, span: i, rows: a } = ve(e), o = Math.max(1, i);
+	return /* @__PURE__ */ M("div", {
+		className: "request-waterfall",
+		role: "group",
+		"aria-label": "Invocation waterfall",
+		children: [
+			/* @__PURE__ */ j(Se, {
+				count: e.length,
+				span: i
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "request-waterfall-scroll",
+				tabIndex: 0,
+				"aria-label": "Invocation timeline, scroll for more calls",
+				children: [/* @__PURE__ */ M("div", {
+					className: "request-waterfall-axis",
+					"aria-hidden": "true",
+					children: [
+						/* @__PURE__ */ j("span", { children: "Operation / instance" }),
+						/* @__PURE__ */ j("div", { children: be.map((e) => /* @__PURE__ */ j("span", {
+							style: { left: `${e * 100}%` },
+							children: z(o * e)
+						}, e)) }),
+						/* @__PURE__ */ j("span", { children: "Total / gap" })
+					]
+				}), a.map((e) => /* @__PURE__ */ j(Ce, {
+					row: e,
+					scale: o,
+					selected: t === e.record,
+					onSelect: n
+				}, e.record.eventId ?? e.record.sequence))]
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "request-waterfall-caption",
+				children: [/* @__PURE__ */ M("span", { children: ["Relative to ", /* @__PURE__ */ j("time", {
+					dateTime: new Date(r).toISOString(),
+					children: new Date(r).toLocaleString([], { hour12: !1 })
+				})] }), /* @__PURE__ */ j("span", { children: "Gaps use preceding calls on the same instance in this view." })]
+			})
+		]
+	});
+}
+function Se({ count: e, span: t }) {
+	return /* @__PURE__ */ M("div", {
+		className: "request-waterfall-heading",
+		children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("strong", { children: "Invocation waterfall" }), /* @__PURE__ */ M("span", { children: [
+			e.toLocaleString(),
+			" calls · ",
+			z(t),
+			" elapsed"
+		] })] }), /* @__PURE__ */ M("ul", {
+			className: "request-waterfall-legend",
+			"aria-label": "Timing legend",
+			children: [
+				/* @__PURE__ */ M("li", { children: [/* @__PURE__ */ j("i", { className: "request-waterfall-method" }), "Method"] }),
+				/* @__PURE__ */ M("li", { children: [/* @__PURE__ */ j("i", { className: "request-waterfall-websocket" }), "WebSocket"] }),
+				/* @__PURE__ */ M("li", { children: [/* @__PURE__ */ j("i", { className: "request-waterfall-queue" }), "Queue wait"] }),
+				/* @__PURE__ */ M("li", { children: [/* @__PURE__ */ j("i", { className: "request-waterfall-failed" }), "Failed / rejected"] }),
+				/* @__PURE__ */ M("li", { children: [/* @__PURE__ */ j("i", { className: "request-waterfall-interrupted" }), "Interrupted / rerouted"] })
+			]
+		})]
+	});
+}
+function Ce({ row: { record: e, offsetMs: t, gapMs: n }, scale: r, selected: i, onSelect: a }) {
+	return /* @__PURE__ */ M("button", {
+		type: "button",
+		className: "request-waterfall-row",
+		"data-state": i ? "selected" : void 0,
+		"aria-label": `Inspect ${e.operation} request on ${e.actorName} / ${e.actorId}, ${e.outcome}, ${z(e.durationMs)}, starts +${z(t)}, ${ye(n)}`,
+		"aria-haspopup": "dialog",
+		title: `${e.actorName} / ${e.actorId}\n${e.operation} · ${e.outcome}\nStart: ${new Date(e.startedAtMs).toLocaleString()} (+${z(t)})\nTotal: ${z(e.durationMs)}\nQueue wait: ${e.queueWaitMs === null ? "Did not begin processing" : z(e.queueWaitMs)}\n${ye(n)}${n === null ? "" : " relative to preceding calls on this instance"}`,
+		onClick: (t) => a(e, t.currentTarget),
+		children: [
+			/* @__PURE__ */ M("span", {
+				className: "request-waterfall-label",
+				children: [/* @__PURE__ */ j("strong", { children: e.operation }), /* @__PURE__ */ M("span", { children: [
+					e.actorName,
+					" / ",
+					e.actorId
+				] })]
+			}),
+			/* @__PURE__ */ M("span", {
+				className: "request-waterfall-track",
+				"aria-hidden": "true",
+				children: [
+					be.map((e) => /* @__PURE__ */ j("i", {
+						className: "request-waterfall-gridline",
+						style: { left: `${e * 100}%` }
+					}, e)),
+					n !== null && n > 0 && /* @__PURE__ */ j("span", {
+						className: "request-waterfall-gap",
+						style: {
+							left: `${(t - n) / r * 100}%`,
+							width: `${n / r * 100}%`
+						}
+					}),
+					/* @__PURE__ */ j("span", {
+						className: `request-waterfall-bar request-waterfall-${e.kind} request-waterfall-${e.outcome}`,
+						style: {
+							left: `${t / r * 100}%`,
+							width: `${e.durationMs / r * 100}%`
+						},
+						children: e.queueWaitMs !== null && e.queueWaitMs > 0 && /* @__PURE__ */ j("span", {
+							className: "request-waterfall-queue",
+							style: { width: `${e.queueWaitMs / e.durationMs * 100}%` }
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ M("span", {
+				className: "request-waterfall-timing",
+				children: [/* @__PURE__ */ j("strong", { children: z(e.durationMs) }), /* @__PURE__ */ j("span", { children: ye(n) })]
+			})
+		]
+	});
+}
+//#endregion
 //#region src/components/ui/button.tsx
-var ge = N("la:inline-flex la:shrink-0 la:items-center la:justify-center la:gap-2 la:whitespace-nowrap la:rounded-md la:text-sm la:font-medium la:outline-none la:transition-[background-color,border-color,color,box-shadow,transform] la:duration-150 la:ease-out la:active:translate-y-px la:disabled:pointer-events-none la:disabled:translate-y-0 la:disabled:opacity-45 la:focus-visible:ring-2 la:focus-visible:ring-ring la:focus-visible:ring-offset-2 la:focus-visible:ring-offset-background la:aria-invalid:border-destructive la:aria-invalid:ring-destructive/25 la:[&_svg]:pointer-events-none la:[&_svg]:shrink-0 la:[&_svg:not([class*='size-'])]:size-4", {
+var we = P("la:inline-flex la:shrink-0 la:items-center la:justify-center la:gap-2 la:whitespace-nowrap la:rounded-md la:text-sm la:font-medium la:outline-none la:transition-[background-color,border-color,color,box-shadow,transform] la:duration-150 la:ease-out la:active:translate-y-px la:disabled:pointer-events-none la:disabled:translate-y-0 la:disabled:opacity-45 la:focus-visible:ring-2 la:focus-visible:ring-ring la:focus-visible:ring-offset-2 la:focus-visible:ring-offset-background la:aria-invalid:border-destructive la:aria-invalid:ring-destructive/25 la:[&_svg]:pointer-events-none la:[&_svg]:shrink-0 la:[&_svg:not([class*='size-'])]:size-4", {
 	variants: {
 		variant: {
 			default: "la:bg-primary la:text-primary-foreground la:shadow-[var(--shadow-control)] la:hover:bg-primary/88",
@@ -158,10 +311,10 @@ var ge = N("la:inline-flex la:shrink-0 la:items-center la:justify-center la:gap-
 		size: "default"
 	}
 });
-function z({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
-	return /* @__PURE__ */ A(r ? M : "button", {
+function B({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
+	return /* @__PURE__ */ j(r ? N : "button", {
 		"data-slot": "button",
-		className: R(ge({
+		className: R(we({
 			variant: t,
 			size: n,
 			className: e
@@ -171,9 +324,9 @@ function z({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
 }
 //#endregion
 //#region src/components/ui/calendar.tsx
-function _e({ className: e, classNames: t, showOutsideDays: n = !0, captionLayout: r = "label", buttonVariant: i = "ghost", formatters: a, components: o, ...s }) {
-	let c = F();
-	return /* @__PURE__ */ A(P, {
+function Te({ className: e, classNames: t, showOutsideDays: n = !0, captionLayout: r = "label", buttonVariant: i = "ghost", formatters: a, components: o, ...s }) {
+	let c = I();
+	return /* @__PURE__ */ j(F, {
 		showOutsideDays: n,
 		className: R("la:group/calendar la:bg-background la:p-3 la:[--cell-size:--spacing(8)] la:[[data-slot=card-content]_&]:bg-transparent la:[[data-slot=popover-content]_&]:bg-transparent", e),
 		captionLayout: r,
@@ -186,8 +339,8 @@ function _e({ className: e, classNames: t, showOutsideDays: n = !0, captionLayou
 			months: R("la:relative la:flex la:flex-col la:gap-4 la:md:flex-row", c.months),
 			month: R("la:flex la:w-full la:flex-col la:gap-4", c.month),
 			nav: R("la:absolute la:inset-x-0 la:top-0 la:flex la:w-full la:items-center la:justify-between la:gap-1", c.nav),
-			button_previous: R(ge({ variant: i }), "la:size-(--cell-size) la:p-0 la:select-none la:aria-disabled:opacity-50", c.button_previous),
-			button_next: R(ge({ variant: i }), "la:size-(--cell-size) la:p-0 la:select-none la:aria-disabled:opacity-50", c.button_next),
+			button_previous: R(we({ variant: i }), "la:size-(--cell-size) la:p-0 la:select-none la:aria-disabled:opacity-50", c.button_previous),
+			button_next: R(we({ variant: i }), "la:size-(--cell-size) la:p-0 la:select-none la:aria-disabled:opacity-50", c.button_next),
 			month_caption: R("la:flex la:h-(--cell-size) la:w-full la:items-center la:justify-center la:px-(--cell-size)", c.month_caption),
 			dropdowns: R("la:flex la:h-(--cell-size) la:w-full la:items-center la:justify-center la:gap-1.5 la:text-sm la:font-medium", c.dropdowns),
 			dropdown_root: R("la:relative la:rounded-md la:border la:border-input la:shadow-xs la:has-focus:border-ring la:has-focus:ring-[3px] la:has-focus:ring-ring/50", c.dropdown_root),
@@ -210,20 +363,20 @@ function _e({ className: e, classNames: t, showOutsideDays: n = !0, captionLayou
 			...t
 		},
 		components: {
-			Root: ({ className: e, rootRef: t, ...n }) => /* @__PURE__ */ A("div", {
+			Root: ({ className: e, rootRef: t, ...n }) => /* @__PURE__ */ j("div", {
 				"data-slot": "calendar",
 				ref: t,
 				className: R(e),
 				...n
 			}),
-			Chevron: ({ className: e, orientation: t, ...n }) => A(t === "left" ? p : t === "right" ? m : f, {
+			Chevron: ({ className: e, orientation: t, ...n }) => j(t === "left" ? m : t === "right" ? h : p, {
 				className: R("la:size-4", e),
 				...n
 			}),
-			DayButton: ve,
-			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ A("td", {
+			DayButton: Ee,
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ j("td", {
 				...t,
-				children: /* @__PURE__ */ A("div", {
+				children: /* @__PURE__ */ j("div", {
 					className: "la:flex la:size-(--cell-size) la:items-center la:justify-center la:text-center",
 					children: e
 				})
@@ -233,11 +386,11 @@ function _e({ className: e, classNames: t, showOutsideDays: n = !0, captionLayou
 		...s
 	});
 }
-function ve({ className: t, day: n, modifiers: r, ...i }) {
-	let a = F(), o = e.useRef(null);
+function Ee({ className: t, day: n, modifiers: r, ...i }) {
+	let a = I(), o = e.useRef(null);
 	return e.useEffect(() => {
 		r.focused && o.current?.focus();
-	}, [r.focused]), /* @__PURE__ */ A(z, {
+	}, [r.focused]), /* @__PURE__ */ j(B, {
 		ref: o,
 		variant: "ghost",
 		size: "icon",
@@ -252,8 +405,8 @@ function ve({ className: t, day: n, modifiers: r, ...i }) {
 }
 //#endregion
 //#region src/components/ui/input.tsx
-function B({ className: e, type: t, ...n }) {
-	return /* @__PURE__ */ A("input", {
+function V({ className: e, type: t, ...n }) {
+	return /* @__PURE__ */ j("input", {
 		type: t,
 		"data-slot": "input",
 		className: R("la:flex la:h-9 la:w-full la:min-w-0 la:rounded-md la:border la:border-input la:bg-card la:px-3 la:py-1 la:text-sm la:text-foreground la:outline-none la:transition-colors la:placeholder:text-muted-foreground la:focus-visible:border-ring la:focus-visible:ring-2 la:focus-visible:ring-ring/20 la:disabled:cursor-not-allowed la:disabled:opacity-50 la:max-md:min-h-11", e),
@@ -262,20 +415,20 @@ function B({ className: e, type: t, ...n }) {
 }
 //#endregion
 //#region src/components/ui/popover.tsx
-function ye({ ...e }) {
-	return /* @__PURE__ */ A(I.Root, {
+function De({ ...e }) {
+	return /* @__PURE__ */ j(ne.Root, {
 		"data-slot": "popover",
 		...e
 	});
 }
-function be({ ...e }) {
-	return /* @__PURE__ */ A(I.Trigger, {
+function Oe({ ...e }) {
+	return /* @__PURE__ */ j(ne.Trigger, {
 		"data-slot": "popover-trigger",
 		...e
 	});
 }
-function xe({ className: e, align: t = "center", sideOffset: n = 4, ...r }) {
-	return /* @__PURE__ */ A(I.Portal, { children: /* @__PURE__ */ A(I.Content, {
+function ke({ className: e, align: t = "center", sideOffset: n = 4, ...r }) {
+	return /* @__PURE__ */ j(ne.Portal, { children: /* @__PURE__ */ j(ne.Content, {
 		"data-slot": "popover-content",
 		align: t,
 		sideOffset: n,
@@ -283,28 +436,28 @@ function xe({ className: e, align: t = "center", sideOffset: n = 4, ...r }) {
 		...r
 	}) });
 }
-function Se({ ...e }) {
-	return /* @__PURE__ */ A(I.Anchor, {
+function Ae({ ...e }) {
+	return /* @__PURE__ */ j(ne.Anchor, {
 		"data-slot": "popover-anchor",
 		...e
 	});
 }
-function Ce({ className: e, ...t }) {
-	return /* @__PURE__ */ A("div", {
+function je({ className: e, ...t }) {
+	return /* @__PURE__ */ j("div", {
 		"data-slot": "popover-header",
 		className: R("la:flex la:flex-col la:gap-1 la:text-sm", e),
 		...t
 	});
 }
-function we({ className: e, ...t }) {
-	return /* @__PURE__ */ A("div", {
+function Me({ className: e, ...t }) {
+	return /* @__PURE__ */ j("div", {
 		"data-slot": "popover-title",
 		className: R("la:font-medium", e),
 		...t
 	});
 }
-function Te({ className: e, ...t }) {
-	return /* @__PURE__ */ A("p", {
+function Ne({ className: e, ...t }) {
+	return /* @__PURE__ */ j("p", {
 		"data-slot": "popover-description",
 		className: R("la:text-muted-foreground", e),
 		...t
@@ -312,7 +465,7 @@ function Te({ className: e, ...t }) {
 }
 //#endregion
 //#region src/time-range.ts
-var Ee = [
+var Pe = [
 	{
 		minutes: 5,
 		label: "Last 5 minutes"
@@ -337,11 +490,11 @@ var Ee = [
 		minutes: 10080,
 		label: "Last 7 days"
 	}
-], De = {
+], Fe = {
 	kind: "relative",
 	minutes: 60
 };
-function Oe(e, t) {
+function Ie(e, t) {
 	switch (e.kind) {
 		case "relative": return { fromMs: Math.floor((t - e.minutes * 6e4) / 6e4) * 6e4 };
 		case "absolute": return {
@@ -351,24 +504,24 @@ function Oe(e, t) {
 		case "all": return {};
 	}
 }
-function ke(e) {
+function Le(e) {
 	switch (e.kind) {
-		case "relative": return Ee.find((t) => t.minutes === e.minutes)?.label ?? `Last ${e.minutes} minutes`;
-		case "absolute": return `${je(e.fromMs, e.toMs)} – ${je(e.toMs, e.fromMs)}`;
+		case "relative": return Pe.find((t) => t.minutes === e.minutes)?.label ?? `Last ${e.minutes} minutes`;
+		case "absolute": return `${ze(e.fromMs, e.toMs)} – ${ze(e.toMs, e.fromMs)}`;
 		case "all": return "All retained";
 	}
 }
-function V(e) {
+function H(e) {
 	switch (e.kind) {
-		case "relative": return `in the ${ke(e).toLocaleLowerCase()}`;
-		case "absolute": return `between ${ke(e)}`;
+		case "relative": return `in the ${Le(e).toLocaleLowerCase()}`;
+		case "absolute": return `between ${Le(e)}`;
 		case "all": return "in retained history";
 	}
 }
-function Ae(e, t) {
+function Re(e, t) {
 	return e.kind === t.kind && (e.kind !== "relative" || e.minutes === t.minutes) && (e.kind !== "absolute" || e.fromMs === t.fromMs && e.toMs === t.toMs);
 }
-function je(e, t) {
+function ze(e, t) {
 	let n = new Date(e), r = n.toDateString() === new Date(t).toDateString(), i = n.toLocaleTimeString([], {
 		hour: "2-digit",
 		minute: "2-digit",
@@ -381,45 +534,45 @@ function je(e, t) {
 }
 //#endregion
 //#region src/TimeRangePicker.tsx
-function Me({ value: e, onChange: t, allowAll: n = !0, className: r, align: i = "end" }) {
-	let [o, s] = a(!1), [c, l] = a(() => Pe(e)), [f, p] = a(!1), m = (e) => {
+function Be({ value: e, onChange: t, allowAll: n = !0, className: r, align: i = "end" }) {
+	let [o, s] = a(!1), [c, l] = a(() => He(e)), [d, p] = a(!1), m = (e) => {
 		t(e), s(!1);
 	};
-	return /* @__PURE__ */ j(ye, {
+	return /* @__PURE__ */ M(De, {
 		open: o,
 		onOpenChange: (t) => {
-			t && (l(Pe(e)), p(!1)), s(t);
+			t && (l(He(e)), p(!1)), s(t);
 		},
-		children: [/* @__PURE__ */ A(be, {
+		children: [/* @__PURE__ */ j(Oe, {
 			asChild: !0,
-			children: /* @__PURE__ */ j(z, {
+			children: /* @__PURE__ */ M(B, {
 				type: "button",
 				variant: "outline",
 				className: r,
-				"aria-label": `Time range: ${ke(e)}`,
+				"aria-label": `Time range: ${Le(e)}`,
 				children: [
-					/* @__PURE__ */ A(u, { "aria-hidden": "true" }),
-					/* @__PURE__ */ A("span", {
+					/* @__PURE__ */ j(u, { "aria-hidden": "true" }),
+					/* @__PURE__ */ j("span", {
 						className: "la:truncate la:tabular-nums",
-						children: ke(e)
+						children: Le(e)
 					}),
-					/* @__PURE__ */ A(d, {
+					/* @__PURE__ */ j(f, {
 						"aria-hidden": "true",
 						className: "la:text-muted-foreground"
 					})
 				]
 			})
-		}), /* @__PURE__ */ j(xe, {
+		}), /* @__PURE__ */ M(ke, {
 			align: i,
 			"aria-label": "Time range",
 			className: "la:flex la:w-auto la:p-0 la:text-sm",
-			children: [/* @__PURE__ */ j("div", {
+			children: [/* @__PURE__ */ M("div", {
 				className: "la:flex la:flex-col la:gap-0.5 la:border-r la:p-2",
 				role: "group",
 				"aria-label": "Preset ranges",
-				children: [Ee.map((t) => /* @__PURE__ */ A(Ne, {
+				children: [Pe.map((t) => /* @__PURE__ */ j(Ve, {
 					label: t.label,
-					selected: Ae(e, {
+					selected: Re(e, {
 						kind: "relative",
 						minutes: t.minutes
 					}),
@@ -427,17 +580,17 @@ function Me({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 						kind: "relative",
 						minutes: t.minutes
 					})
-				}, t.minutes)), n && /* @__PURE__ */ A(Ne, {
+				}, t.minutes)), n && /* @__PURE__ */ j(Ve, {
 					label: "All retained",
 					selected: e.kind === "all",
 					onSelect: () => m({ kind: "all" })
 				})]
-			}), /* @__PURE__ */ j("form", {
+			}), /* @__PURE__ */ M("form", {
 				className: "la:flex la:w-[22rem] la:flex-col",
 				"aria-label": "Custom range",
 				onSubmit: (e) => {
 					e.preventDefault();
-					let t = Fe(c);
+					let t = Ue(c);
 					if (!t) {
 						p(!0);
 						return;
@@ -445,7 +598,7 @@ function Me({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 					p(!1), m(t);
 				},
 				children: [
-					/* @__PURE__ */ A(_e, {
+					/* @__PURE__ */ j(Te, {
 						mode: "range",
 						numberOfMonths: 1,
 						defaultMonth: c.dates?.to ?? c.dates?.from,
@@ -456,12 +609,12 @@ function Me({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 						})),
 						disabled: { after: /* @__PURE__ */ new Date() }
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ M("div", {
 						className: "la:flex la:items-end la:gap-2 la:border-t la:px-3 la:py-3",
 						children: [
-							/* @__PURE__ */ j("label", {
+							/* @__PURE__ */ M("label", {
 								className: "la:grid la:gap-1 la:text-xs la:text-muted-foreground",
-								children: ["From", /* @__PURE__ */ A(B, {
+								children: ["From", /* @__PURE__ */ j(V, {
 									type: "time",
 									name: "from",
 									required: !0,
@@ -471,12 +624,12 @@ function Me({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 										...c,
 										fromTime: e.target.value
 									}),
-									"aria-invalid": f || void 0
+									"aria-invalid": d || void 0
 								})]
 							}),
-							/* @__PURE__ */ j("label", {
+							/* @__PURE__ */ M("label", {
 								className: "la:grid la:gap-1 la:text-xs la:text-muted-foreground",
-								children: ["To", /* @__PURE__ */ A(B, {
+								children: ["To", /* @__PURE__ */ j(V, {
 									type: "time",
 									name: "to",
 									required: !0,
@@ -486,10 +639,10 @@ function Me({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 										...c,
 										toTime: e.target.value
 									}),
-									"aria-invalid": f || void 0
+									"aria-invalid": d || void 0
 								})]
 							}),
-							/* @__PURE__ */ A(z, {
+							/* @__PURE__ */ j(B, {
 								type: "submit",
 								variant: "outline",
 								size: "sm",
@@ -499,7 +652,7 @@ function Me({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 							})
 						]
 					}),
-					f && /* @__PURE__ */ A("p", {
+					d && /* @__PURE__ */ j("p", {
 						className: "la:px-3 la:pb-3 la:text-xs la:text-danger",
 						role: "alert",
 						children: "From must be before To."
@@ -509,8 +662,8 @@ function Me({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 		})]
 	});
 }
-function Ne({ label: e, selected: t, onSelect: n }) {
-	return /* @__PURE__ */ A(z, {
+function Ve({ label: e, selected: t, onSelect: n }) {
+	return /* @__PURE__ */ j(B, {
 		type: "button",
 		variant: t ? "secondary" : "ghost",
 		size: "sm",
@@ -520,73 +673,73 @@ function Ne({ label: e, selected: t, onSelect: n }) {
 		children: e
 	});
 }
-function Pe(e) {
-	let t = Date.now(), n = Oe(e, t), r = new Date(n.fromMs ?? t - 36e5), i = new Date(n.toMs ?? t);
+function He(e) {
+	let t = Date.now(), n = Ie(e, t), r = new Date(n.fromMs ?? t - 36e5), i = new Date(n.toMs ?? t);
 	return {
 		dates: {
-			from: Ie(r),
-			to: Ie(i)
+			from: We(r),
+			to: We(i)
 		},
-		fromTime: Le(r),
-		toTime: Le(i)
+		fromTime: Ge(r),
+		toTime: Ge(i)
 	};
 }
-function Fe(e) {
+function Ue(e) {
 	let t = e.dates?.from, n = e.dates?.to ?? t;
 	if (!t || !n) return null;
-	let r = Re(t, e.fromTime), i = Re(n, e.toTime);
+	let r = Ke(t, e.fromTime), i = Ke(n, e.toTime);
 	return Number.isFinite(r) && Number.isFinite(i) && r < i ? {
 		kind: "absolute",
 		fromMs: r,
 		toMs: i
 	} : null;
 }
-function Ie(e) {
+function We(e) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function Le(e) {
+function Ge(e) {
 	return `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
 }
-function Re(e, t) {
+function Ke(e, t) {
 	let [n, r] = t.split(":").map(Number);
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate(), n ?? 0, r ?? 0).getTime();
 }
 //#endregion
 //#region src/components/ui/badge.tsx
-var ze = N("la:inline-flex la:items-center la:justify-center la:gap-1.5 la:rounded-md la:border la:px-2 la:py-0.5 la:text-xs la:font-medium la:whitespace-nowrap", {
+var qe = P("la:inline-flex la:items-center la:justify-center la:gap-1.5 la:rounded-md la:border la:px-2 la:py-0.5 la:text-xs la:font-medium la:whitespace-nowrap", {
 	variants: { variant: {
 		default: "la:border-transparent la:bg-muted la:text-muted-foreground",
 		outline: "la:border-border la:text-muted-foreground"
 	} },
 	defaultVariants: { variant: "default" }
 });
-function H({ className: e, variant: t, ...n }) {
-	return /* @__PURE__ */ A("span", {
+function U({ className: e, variant: t, ...n }) {
+	return /* @__PURE__ */ j("span", {
 		"data-slot": "badge",
-		className: R(ze({ variant: t }), e),
+		className: R(qe({ variant: t }), e),
 		...n
 	});
 }
 //#endregion
 //#region src/components/ui/native-select.tsx
-function Be({ className: e, size: t = "default", ...n }) {
-	return /* @__PURE__ */ j("div", {
+function Je({ className: e, size: t = "default", ...n }) {
+	return /* @__PURE__ */ M("div", {
 		className: "la:group/native-select la:relative la:w-fit la:has-[select:disabled]:opacity-50",
 		"data-slot": "native-select-wrapper",
-		children: [/* @__PURE__ */ A("select", {
+		children: [/* @__PURE__ */ j("select", {
 			"data-slot": "native-select",
 			"data-size": t,
 			className: R("la:h-9 la:w-full la:min-w-0 la:appearance-none la:rounded-md la:border la:border-input la:bg-transparent la:px-3 la:py-2 la:pr-9 la:text-sm la:shadow-xs la:outline-none la:transition-[color,box-shadow] la:selection:bg-primary la:selection:text-primary-foreground la:disabled:pointer-events-none la:disabled:cursor-not-allowed la:data-[size=sm]:h-8 la:data-[size=sm]:py-1 la:focus-visible:border-ring la:focus-visible:ring-[3px] la:focus-visible:ring-ring/50 la:aria-invalid:border-destructive la:aria-invalid:ring-destructive/20 la:dark:bg-input/30 la:dark:hover:bg-input/50 la:dark:aria-invalid:ring-destructive/40", e),
 			...n
-		}), /* @__PURE__ */ A(f, {
+		}), /* @__PURE__ */ j(p, {
 			className: "la:pointer-events-none la:absolute la:top-1/2 la:right-3.5 la:size-4 la:-translate-y-1/2 la:text-muted-foreground la:opacity-50 la:select-none",
 			"aria-hidden": "true",
 			"data-slot": "native-select-icon"
 		})]
 	});
 }
-function U({ className: e, ...t }) {
-	return /* @__PURE__ */ A("option", {
+function W({ className: e, ...t }) {
+	return /* @__PURE__ */ j("option", {
 		"data-slot": "native-select-option",
 		className: R("la:bg-[Canvas] la:text-[CanvasText]", e),
 		...t
@@ -594,22 +747,22 @@ function U({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/sheet.tsx
-var Ve = L.Root, He = L.Title, Ue = L.Description;
-function We({ className: e, children: t, container: n, ...r }) {
-	return /* @__PURE__ */ j(L.Portal, {
+var Ye = L.Root, Xe = L.Title, Ze = L.Description;
+function Qe({ className: e, children: t, container: n, ...r }) {
+	return /* @__PURE__ */ M(L.Portal, {
 		container: n,
-		children: [/* @__PURE__ */ A(L.Overlay, { className: "la-sheet-overlay" }), /* @__PURE__ */ j(L.Content, {
+		children: [/* @__PURE__ */ j(L.Overlay, { className: "la-sheet-overlay" }), /* @__PURE__ */ M(L.Content, {
 			"data-slot": "sheet-content",
 			className: R("la-observer la-sheet", e),
 			...r,
-			children: [t, /* @__PURE__ */ A(L.Close, {
+			children: [t, /* @__PURE__ */ j(L.Close, {
 				asChild: !0,
-				children: /* @__PURE__ */ A(z, {
+				children: /* @__PURE__ */ j(B, {
 					className: "la-sheet-close",
 					variant: "ghost",
 					size: "icon",
 					"aria-label": "Close",
-					children: /* @__PURE__ */ A(T, { "aria-hidden": "true" })
+					children: /* @__PURE__ */ j(E, { "aria-hidden": "true" })
 				})
 			})]
 		})]
@@ -617,62 +770,62 @@ function We({ className: e, children: t, container: n, ...r }) {
 }
 //#endregion
 //#region src/components/ui/table.tsx
-function W({ className: e, containerProps: t, ...n }) {
-	return /* @__PURE__ */ A("div", {
+function G({ className: e, containerProps: t, ...n }) {
+	return /* @__PURE__ */ j("div", {
 		...t,
 		"data-slot": "table-container",
 		className: R("la:relative la:w-full la:overflow-x-auto", t?.className),
-		children: /* @__PURE__ */ A("table", {
+		children: /* @__PURE__ */ j("table", {
 			"data-slot": "table",
 			className: R("la:w-full la:caption-bottom la:text-sm la:tabular-nums", e),
 			...n
 		})
 	});
 }
-function G({ className: e, ...t }) {
-	return /* @__PURE__ */ A("thead", {
+function K({ className: e, ...t }) {
+	return /* @__PURE__ */ j("thead", {
 		"data-slot": "table-header",
 		className: R("la:[&_tr]:border-b", e),
 		...t
 	});
 }
-function K({ className: e, ...t }) {
-	return /* @__PURE__ */ A("tbody", {
+function q({ className: e, ...t }) {
+	return /* @__PURE__ */ j("tbody", {
 		"data-slot": "table-body",
 		className: R("la:[&_tr:last-child]:border-0", e),
 		...t
 	});
 }
-function Ge({ className: e, ...t }) {
-	return /* @__PURE__ */ A("tfoot", {
+function $e({ className: e, ...t }) {
+	return /* @__PURE__ */ j("tfoot", {
 		"data-slot": "table-footer",
 		className: R("la:bg-muted/50 la:border-t la:font-medium la:[&>tr]:last:border-b-0", e),
 		...t
 	});
 }
-function q({ className: e, ...t }) {
-	return /* @__PURE__ */ A("tr", {
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ j("tr", {
 		"data-slot": "table-row",
 		className: R("la:border-b la:transition-colors la:duration-150 la:hover:bg-muted/60 la:data-[state=selected]:bg-muted", e),
 		...t
 	});
 }
-function J({ className: e, ...t }) {
-	return /* @__PURE__ */ A("th", {
+function Y({ className: e, ...t }) {
+	return /* @__PURE__ */ j("th", {
 		"data-slot": "table-head",
 		className: R("la:h-10 la:whitespace-nowrap la:px-3 la:text-left la:align-middle la:text-xs la:font-medium la:text-muted-foreground la:[&:has([role=checkbox])]:pr-0 la:[&>[role=checkbox]]:translate-y-[2px]", e),
 		...t
 	});
 }
-function Y({ className: e, ...t }) {
-	return /* @__PURE__ */ A("td", {
+function X({ className: e, ...t }) {
+	return /* @__PURE__ */ j("td", {
 		"data-slot": "table-cell",
 		className: R("la:whitespace-nowrap la:px-3 la:py-2.5 la:align-middle la:[&:has([role=checkbox])]:pr-0 la:[&>[role=checkbox]]:translate-y-[2px]", e),
 		...t
 	});
 }
-function Ke({ className: e, ...t }) {
-	return /* @__PURE__ */ A("caption", {
+function et({ className: e, ...t }) {
+	return /* @__PURE__ */ j("caption", {
 		"data-slot": "table-caption",
 		className: R("la:text-muted-foreground la:mt-4 la:text-sm", e),
 		...t
@@ -680,7 +833,7 @@ function Ke({ className: e, ...t }) {
 }
 //#endregion
 //#region src/observer-hooks.ts
-function qe(e) {
+function tt(e) {
 	let [n, r] = a(0), [i, o] = a(), [s, c] = a(!0), [l, u] = a(!1);
 	return t(() => {
 		let t = new AbortController(), n, r = 1e3;
@@ -713,7 +866,7 @@ function qe(e) {
 		retry: () => r((e) => e + 1)
 	};
 }
-function Je(e, n = !0) {
+function nt(e, n = !0) {
 	let [r, i] = a(), [o, s] = a(!1), [c, l] = a(0);
 	return t(() => i(void 0), [e]), t(() => {
 		if (!n) return;
@@ -722,7 +875,7 @@ function Je(e, n = !0) {
 			try {
 				if (!e.watchRequests) throw Error("Request traces unavailable");
 				if (await e.watchRequests((e) => {
-					r.signal.aborted || (t = e.resumeCursor, i((t) => Ye(t, e)), s(!1), o = 1e3);
+					r.signal.aborted || (t = e.resumeCursor, i((t) => rt(t, e)), s(!1), o = 1e3);
 				}, r.signal, t), !r.signal.aborted) throw Error("Request stream disconnected");
 			} catch {
 				r.signal.aborted || s(!0);
@@ -743,7 +896,7 @@ function Je(e, n = !0) {
 		retry: () => l((e) => e + 1)
 	};
 }
-function Ye(e, t) {
+function rt(e, t) {
 	let n = new Map((e?.epoch === t.epoch && !t.reset ? e.records : []).map((e) => [e.eventId ?? e.sequence, e]));
 	for (let e of t.records) n.set(e.eventId ?? e.sequence, e);
 	return {
@@ -752,7 +905,7 @@ function Ye(e, t) {
 		records: [...n.values()].sort((e, t) => t.sequence - e.sequence).slice(0, t.capacity)
 	};
 }
-function Xe(e, n, r, i = 1e4) {
+function it(e, n, r, i = 1e4) {
 	let o = r ? JSON.stringify(n) : void 0, [s, c] = a(0), [l, u] = a(), [d, f] = a(!1), [p, m] = a(!1);
 	t(() => {
 		if (!o) return;
@@ -795,7 +948,7 @@ function Xe(e, n, r, i = 1e4) {
 }
 //#endregion
 //#region src/request-history.ts
-function Ze(e, n) {
+function at(e, n) {
 	let [r, o] = a(), [s, c] = a(!1), [l, u] = a(!1), d = i(() => {});
 	return t(() => {
 		if (o(void 0), u(!1), c(!1), !n) return;
@@ -838,176 +991,205 @@ function Ze(e, n) {
 }
 //#endregion
 //#region src/RequestObserver.tsx
-function Qe({ client: e, actor: n, timeRange: o, onTimeRangeChange: s, focus: c }) {
-	let [l, u] = a(), [d, f] = a(De), p = o ?? d, m = s ?? f, h = Ze(e, r(() => l ? {
+function ot({ client: e, actor: n, timeRange: o, onTimeRangeChange: s, focus: c }) {
+	let [l, u] = a(), [f, p] = a(Fe), m = o ?? f, h = s ?? p, g = at(e, r(() => l ? {
 		...l,
 		...n,
-		...l.requestId || l.connectionId ? {} : Oe(p, Date.now())
+		...l.requestId || l.connectionId ? {} : Ie(m, Date.now())
 	} : void 0, [
 		l,
 		n?.actorName,
 		n?.actorId,
-		p
-	])), { page: g, failed: _, retry: v } = Je(e), [x, S] = a(), [C, w] = a(), T = i(null), E = i(null), D = n ? "h3" : "h1", O = l ? h.page : x ?? g, M = g ?? h.page, N = (O?.records ?? []).filter((e) => !n || e.actorName === n.actorName && e.actorId === n.actorId);
+		m
+	])), { page: _, failed: v, retry: y } = nt(e), [S, C] = a(), [w, T] = a(), [E, D] = a("waterfall"), O = i(null), k = i(null), N = n ? "h3" : "h1", P = l ? g.page : S ?? _, F = _ ?? g.page, I = (P?.records ?? []).filter((e) => !n || e.actorName === n.actorName && e.actorId === n.actorId);
 	return t(() => {
-		S(void 0), u(void 0);
+		C(void 0), u(void 0);
 	}, [
 		e,
 		n?.actorName,
 		n?.actorId
 	]), t(() => {
 		c && u(c);
-	}, [c]), t(() => w(void 0), [
+	}, [c]), t(() => T(void 0), [
 		e,
-		g?.epoch,
+		_?.epoch,
 		l,
 		n?.actorName,
 		n?.actorId
-	]), /* @__PURE__ */ j("section", {
-		ref: T,
+	]), /* @__PURE__ */ M("section", {
+		ref: O,
 		className: "la-observer la-requests",
 		"aria-label": "Request observer",
 		children: [
-			(l?.requestId || l?.connectionId) && /* @__PURE__ */ j("p", { children: [
+			(l?.requestId || l?.connectionId) && /* @__PURE__ */ M("p", { children: [
 				"Showing ",
 				l.requestId ? `request ${l.requestId}` : `connection ${l?.connectionId}`,
 				" ",
-				/* @__PURE__ */ A(z, {
+				/* @__PURE__ */ j(B, {
 					variant: "link",
 					onClick: () => u(void 0),
 					children: "Clear filter"
 				})
 			] }),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "la-observer-toolbar",
-				children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A(D, { children: "Requests" }), /* @__PURE__ */ A("p", { children: n ? "Method calls and WebSocket events for this instance." : "Method calls and WebSocket events, with time spent waiting and processing." })] }), /* @__PURE__ */ j("div", {
+				children: [/* @__PURE__ */ M("div", {
+					className: n ? "la:sr-only" : void 0,
+					children: [/* @__PURE__ */ j(N, { children: "Requests" }), /* @__PURE__ */ j("p", { children: n ? "Method calls and WebSocket events for this instance." : "Method calls and WebSocket events, with time spent waiting and processing." })]
+				}), /* @__PURE__ */ M("div", {
 					className: "la-request-actions",
-					children: [e.listRequests && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(z, {
-						variant: l ? "outline" : "secondary",
-						"aria-pressed": !l,
-						onClick: () => {
-							u(void 0), S(void 0);
-						},
-						children: "Live"
-					}), /* @__PURE__ */ A(z, {
-						variant: l ? "secondary" : "outline",
-						"aria-pressed": !!l,
-						onClick: () => {
-							l || u({});
-						},
-						children: "History"
-					})] }), !l && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j(z, {
-						variant: "outline",
-						disabled: !O,
-						onClick: () => S(x ? void 0 : g),
-						children: [A(x ? b : y, { "aria-hidden": "true" }), x ? "Resume" : "Pause"]
-					}), _ && /* @__PURE__ */ j(z, {
-						variant: "outline",
-						onClick: v,
-						children: [/* @__PURE__ */ A(ee, { "aria-hidden": "true" }), "Retry"]
-					})] })]
+					children: [
+						/* @__PURE__ */ M("div", {
+							className: "request-view-toggle",
+							role: "group",
+							"aria-label": "Request view",
+							children: [/* @__PURE__ */ M(B, {
+								variant: E === "waterfall" ? "secondary" : "ghost",
+								"aria-pressed": E === "waterfall",
+								onClick: () => D("waterfall"),
+								children: [/* @__PURE__ */ j(d, { "aria-hidden": "true" }), "Waterfall"]
+							}), /* @__PURE__ */ M(B, {
+								variant: E === "table" ? "secondary" : "ghost",
+								"aria-pressed": E === "table",
+								onClick: () => D("table"),
+								children: [/* @__PURE__ */ j(ee, { "aria-hidden": "true" }), "Table"]
+							})]
+						}),
+						e.listRequests && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(B, {
+							variant: l ? "outline" : "secondary",
+							"aria-pressed": !l,
+							onClick: () => {
+								u(void 0), C(void 0);
+							},
+							children: "Live"
+						}), /* @__PURE__ */ j(B, {
+							variant: l ? "secondary" : "outline",
+							"aria-pressed": !!l,
+							onClick: () => {
+								l || u({});
+							},
+							children: "History"
+						})] }),
+						!l && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ M(B, {
+							variant: "outline",
+							disabled: !P,
+							onClick: () => C(S ? void 0 : _),
+							children: [j(S ? x : b, { "aria-hidden": "true" }), S ? "Resume" : "Pause"]
+						}), v && /* @__PURE__ */ M(B, {
+							variant: "outline",
+							onClick: y,
+							children: [/* @__PURE__ */ j(te, { "aria-hidden": "true" }), "Retry"]
+						})] })
+					]
 				})]
 			}),
-			l && /* @__PURE__ */ A($e, {
+			l && /* @__PURE__ */ j(st, {
 				query: l,
-				range: p,
-				onRangeChange: m,
-				loading: h.loading,
+				range: m,
+				onRangeChange: h,
+				loading: g.loading,
 				onSearch: u,
 				scoped: !!n
 			}),
-			l && h.failed && /* @__PURE__ */ j("div", {
+			l && g.failed && /* @__PURE__ */ M("div", {
 				className: "la-observer-error",
 				role: "alert",
 				children: [
 					"Request history unavailable.",
 					" ",
-					/* @__PURE__ */ A(z, {
+					/* @__PURE__ */ j(B, {
 						variant: "outline",
-						onClick: h.retry,
+						onClick: g.retry,
 						children: "Retry history"
 					})
 				]
 			}),
-			!l && _ && /* @__PURE__ */ j("div", {
+			!l && v && /* @__PURE__ */ M("div", {
 				className: "la-observer-error",
 				role: "alert",
-				children: ["Request stream disconnected. Reconnecting… ", g ? "Showing the last received requests." : "Check your connection and runtime version."]
+				children: ["Request stream disconnected. Reconnecting… ", _ ? "Showing the last received requests." : "Check your connection and runtime version."]
 			}),
-			!!M?.dropped && /* @__PURE__ */ j("div", {
+			!!F?.dropped && /* @__PURE__ */ M("div", {
 				className: "la-observer-error",
 				role: "alert",
-				children: [M.dropped.toLocaleString(), " request traces were not delivered. This history is incomplete."]
+				children: [F.dropped.toLocaleString(), " request traces were not delivered. This history is incomplete."]
 			}),
-			M?.persistenceFailed && /* @__PURE__ */ A("div", {
+			F?.persistenceFailed && /* @__PURE__ */ j("div", {
 				className: "la-observer-error",
 				role: "alert",
 				children: "Some request events could not be saved. This history may be incomplete."
 			}),
-			O?.reset && /* @__PURE__ */ A("div", {
+			P?.reset && /* @__PURE__ */ j("div", {
 				className: "la-observer-error",
 				role: "alert",
 				children: "Some older events are no longer retained. Showing available history."
 			}),
-			/* @__PURE__ */ j("div", {
-				className: "la-observer-table-frame",
-				children: [/* @__PURE__ */ j(W, {
+			E === "waterfall" && I.length > 0 && /* @__PURE__ */ j(xe, {
+				records: I,
+				selected: w,
+				onSelect: (e, t) => {
+					k.current = t, T(e);
+				}
+			}),
+			/* @__PURE__ */ M("div", {
+				className: E === "table" || !I.length ? "la-observer-table-frame" : void 0,
+				children: [E === "table" && /* @__PURE__ */ M(G, {
 					"aria-label": l ? "Saved requests" : "Recent requests",
 					className: "la-request-table",
-					children: [/* @__PURE__ */ A(G, { children: /* @__PURE__ */ j(q, { children: [
-						/* @__PURE__ */ A(J, {
+					children: [/* @__PURE__ */ j(K, { children: /* @__PURE__ */ M(J, { children: [
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Time"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Request"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Instance"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Transport"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Outcome"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Total"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Queue wait"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
-							children: /* @__PURE__ */ A("span", {
+							children: /* @__PURE__ */ j("span", {
 								className: "la:sr-only",
 								children: "Details"
 							})
 						})
-					] }) }), /* @__PURE__ */ A(K, { children: N.map((e) => /* @__PURE__ */ j(q, {
+					] }) }), /* @__PURE__ */ j(q, { children: I.map((e) => /* @__PURE__ */ M(J, {
 						className: "la-clickable-row",
-						"data-state": C === e ? "selected" : void 0,
+						"data-state": w === e ? "selected" : void 0,
 						onClick: (t) => {
-							E.current = t.currentTarget.querySelector("button"), w(e);
+							k.current = t.currentTarget.querySelector("button"), T(e);
 						},
 						children: [
-							/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A("time", {
+							/* @__PURE__ */ j(X, { children: /* @__PURE__ */ j("time", {
 								dateTime: new Date(e.startedAtMs).toISOString(),
 								title: new Date(e.startedAtMs).toLocaleString(),
 								children: l ? new Date(e.startedAtMs).toLocaleString([], { hour12: !1 }) : new Date(e.startedAtMs).toLocaleTimeString([], { hour12: !1 })
 							}) }),
-							/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A("span", {
+							/* @__PURE__ */ j(X, { children: /* @__PURE__ */ j("span", {
 								className: "la-request-operation",
 								title: e.operation,
 								children: e.operation
 							}) }),
-							/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ j("span", {
+							/* @__PURE__ */ j(X, { children: /* @__PURE__ */ M("span", {
 								className: "la-request-actor",
 								title: `${e.actorName} / ${e.actorId}`,
 								children: [
@@ -1016,18 +1198,18 @@ function Qe({ client: e, actor: n, timeRange: o, onTimeRangeChange: s, focus: c
 									e.actorId
 								]
 							}) }),
-							/* @__PURE__ */ A(Y, { children: e.kind === "method" ? "Method" : "WebSocket" }),
-							/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A(H, {
+							/* @__PURE__ */ j(X, { children: e.kind === "method" ? "Method" : "WebSocket" }),
+							/* @__PURE__ */ j(X, { children: /* @__PURE__ */ j(U, {
 								variant: "outline",
 								className: `la-request-outcome-${e.outcome}`,
 								children: e.outcome[0].toUpperCase() + e.outcome.slice(1)
 							}) }),
-							/* @__PURE__ */ A(Y, { children: tt(e.durationMs) }),
-							/* @__PURE__ */ A(Y, { children: e.queueWaitMs === null ? /* @__PURE__ */ A("span", {
+							/* @__PURE__ */ j(X, { children: z(e.durationMs) }),
+							/* @__PURE__ */ j(X, { children: e.queueWaitMs === null ? /* @__PURE__ */ j("span", {
 								title: "Request did not begin processing",
 								children: "—"
-							}) : tt(e.queueWaitMs) }),
-							/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A(z, {
+							}) : z(e.queueWaitMs) }),
+							/* @__PURE__ */ j(X, { children: /* @__PURE__ */ j(B, {
 								variant: "ghost",
 								size: "sm",
 								"aria-label": `Inspect ${e.operation} request`,
@@ -1035,58 +1217,61 @@ function Qe({ client: e, actor: n, timeRange: o, onTimeRangeChange: s, focus: c
 								children: "Details"
 							}) })
 						]
-					}, e.eventId ?? `${O.epoch}-${e.sequence}`)) })]
-				}), !N.length && /* @__PURE__ */ j("div", {
+					}, e.eventId ?? `${P.epoch}-${e.sequence}`)) })]
+				}), !I.length && /* @__PURE__ */ M("div", {
 					className: "la-request-empty",
 					role: "status",
-					children: [/* @__PURE__ */ A("strong", { children: l ? h.loading ? "Loading history…" : h.failed ? "History unavailable" : "No saved requests in this range" : O ? "No requests yet" : _ ? "Requests unavailable" : "Connecting to requests…" }), /* @__PURE__ */ A("p", { children: l ? "Try a wider time range or fewer filters. Local history retains the latest 10,000 events." : "Call an actor method or send a WebSocket message to see its timings." })]
+					children: [/* @__PURE__ */ j("strong", { children: l ? g.loading ? "Loading history…" : g.failed ? "History unavailable" : "No saved requests in this range" : P ? "No requests yet" : v ? "Requests unavailable" : "Connecting to requests…" }), /* @__PURE__ */ j("p", { children: l ? "Try a wider time range or fewer filters. Local history retains the latest 10,000 events." : "Call an actor method or send a WebSocket message to see its timings." })]
 				})]
 			}),
-			l && O?.nextCursor && /* @__PURE__ */ A(z, {
+			l && P?.nextCursor && /* @__PURE__ */ j(B, {
 				className: "la-request-load-older",
 				variant: "outline",
-				disabled: h.loading,
-				onClick: h.loadOlder,
-				children: h.loading ? "Loading…" : "Load older"
+				disabled: g.loading,
+				onClick: g.loadOlder,
+				children: g.loading ? "Loading…" : "Load older"
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "la-observer-footnote",
-				children: [/* @__PURE__ */ j("span", {
+				children: [/* @__PURE__ */ M("span", {
 					className: "la-observer-refresh-status",
-					children: [!l && /* @__PURE__ */ A("span", { className: `la-observer-dot ${_ ? "la-observer-dot-unknown" : "la-observer-dot-live"}` }), l ? "Saved history" : x ? "Display paused · collection continues" : _ ? "Reconnecting…" : g ? "Live updates" : "Connecting…"]
-				}), /* @__PURE__ */ A("span", { children: l ? `${N.length.toLocaleString()} saved requests shown` : n ? `${N.length} matching requests from the latest ${O?.capacity ?? 500} on this control plane.` : `Latest ${O?.capacity ?? 500} requests on this control plane.` })]
+					children: [!l && /* @__PURE__ */ j("span", { className: `la-observer-dot ${v ? "la-observer-dot-unknown" : "la-observer-dot-live"}` }), l ? "Saved history" : S ? "Display paused · collection continues" : v ? "Reconnecting…" : _ ? "Live updates" : "Connecting…"]
+				}), /* @__PURE__ */ j("span", { children: l ? `${I.length.toLocaleString()} saved requests shown` : n ? `${I.length} matching requests from the latest ${P?.capacity ?? 500} on this control plane.` : `Latest ${P?.capacity ?? 500} requests on this control plane.` })]
 			}),
-			!l && !!O?.evicted && /* @__PURE__ */ j("p", {
+			!l && !!P?.evicted && /* @__PURE__ */ M("p", {
 				className: "la-request-note",
-				children: [O.evicted.toLocaleString(), " older records have left this history window."]
+				children: [P.evicted.toLocaleString(), " older records have left this history window."]
 			}),
-			/* @__PURE__ */ A("p", {
+			/* @__PURE__ */ j("p", {
 				className: "la-request-note",
 				children: "Total includes queue wait, actor processing, and persistence. Queue wait includes the WebSocket message queue. Timings exclude the caller’s network round trip."
 			}),
-			/* @__PURE__ */ A(Ve, {
-				open: !!C,
+			/* @__PURE__ */ j(Ye, {
+				open: !!w,
 				onOpenChange: (e) => {
-					e || w(void 0);
+					e || T(void 0);
 				},
-				children: /* @__PURE__ */ j(We, {
-					container: T.current,
+				children: /* @__PURE__ */ M(Qe, {
+					container: O.current,
 					onCloseAutoFocus: (e) => {
-						e.preventDefault(), E.current?.focus();
+						e.preventDefault(), k.current?.focus();
 					},
 					children: [
-						/* @__PURE__ */ A(He, { children: "Request details" }),
-						/* @__PURE__ */ A(Ue, { children: "Full identifiers and timings for this request." }),
-						C && /* @__PURE__ */ A(et, { record: C })
+						/* @__PURE__ */ j(Xe, { children: "Request details" }),
+						/* @__PURE__ */ j(Ze, { children: "Full identifiers and timings for this request." }),
+						w && /* @__PURE__ */ j(ct, {
+							record: w,
+							timing: ve(I).rows.find((e) => e.record === w)
+						})
 					]
 				})
 			})
 		]
 	});
 }
-function $e({ query: e, range: t, onRangeChange: r, loading: i, onSearch: a, scoped: o }) {
+function st({ query: e, range: t, onRangeChange: r, loading: i, onSearch: a, scoped: o }) {
 	let s = n(), c = n();
-	return /* @__PURE__ */ j("form", {
+	return /* @__PURE__ */ M("form", {
 		className: "la-request-history-filters",
 		onSubmit: (e) => {
 			e.preventDefault();
@@ -1097,20 +1282,20 @@ function $e({ query: e, range: t, onRangeChange: r, loading: i, onSearch: a, sco
 			});
 		},
 		children: [
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "la-request-history-range",
-				children: [/* @__PURE__ */ A("span", { children: "Time range" }), /* @__PURE__ */ A(Me, {
+				children: [/* @__PURE__ */ j("span", { children: "Time range" }), /* @__PURE__ */ j(Be, {
 					value: t,
 					onChange: r,
 					align: "start"
 				})]
 			}),
-			!o && /* @__PURE__ */ j("div", {
+			!o && /* @__PURE__ */ M("div", {
 				className: "la-request-history-field",
-				children: [/* @__PURE__ */ A("label", {
+				children: [/* @__PURE__ */ j("label", {
 					htmlFor: s,
 					children: "Actor ID"
-				}), /* @__PURE__ */ A(B, {
+				}), /* @__PURE__ */ j(V, {
 					id: s,
 					name: "actorId",
 					placeholder: "All actors",
@@ -1118,17 +1303,17 @@ function $e({ query: e, range: t, onRangeChange: r, loading: i, onSearch: a, sco
 					defaultValue: e.actorId
 				})]
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "la-request-history-field",
-				children: [/* @__PURE__ */ A("label", {
+				children: [/* @__PURE__ */ j("label", {
 					htmlFor: c,
 					children: "Outcome"
-				}), /* @__PURE__ */ j(Be, {
+				}), /* @__PURE__ */ M(Je, {
 					id: c,
 					className: "la-observer-select",
 					name: "outcome",
 					defaultValue: e.outcome ?? "",
-					children: [/* @__PURE__ */ A(U, {
+					children: [/* @__PURE__ */ j(W, {
 						value: "",
 						children: "All outcomes"
 					}), [
@@ -1137,13 +1322,13 @@ function $e({ query: e, range: t, onRangeChange: r, loading: i, onSearch: a, sco
 						"rejected",
 						"rerouted",
 						"interrupted"
-					].map((e) => /* @__PURE__ */ A(U, {
+					].map((e) => /* @__PURE__ */ j(W, {
 						value: e,
 						children: e[0].toUpperCase() + e.slice(1)
 					}, e))]
 				})]
 			}),
-			/* @__PURE__ */ A(z, {
+			/* @__PURE__ */ j(B, {
 				type: "submit",
 				variant: "outline",
 				disabled: i,
@@ -1152,8 +1337,8 @@ function $e({ query: e, range: t, onRangeChange: r, loading: i, onSearch: a, sco
 		]
 	});
 }
-function et({ record: e }) {
-	let t = {
+function ct({ record: e, timing: t }) {
+	let n = {
 		Operation: e.operation,
 		"Actor class": e.actorName,
 		"Instance ID": e.actorId,
@@ -1161,29 +1346,30 @@ function et({ record: e }) {
 		Time: new Date(e.startedAtMs).toLocaleString(),
 		Transport: e.kind === "method" ? "Method" : "WebSocket",
 		Outcome: e.outcome,
-		Total: tt(e.durationMs),
-		"Queue wait": e.queueWaitMs === null ? "Did not begin processing" : tt(e.queueWaitMs),
+		Total: z(e.durationMs),
+		"Queue wait": e.queueWaitMs === null ? "Did not begin processing" : z(e.queueWaitMs),
+		...t ? {
+			"Start offset in view": z(t.offsetMs),
+			"Gap from preceding calls": ye(t.gapMs)
+		} : {},
 		Host: e.hostId,
 		...e.connectionId ? { Connection: e.connectionId } : {}
 	};
-	return /* @__PURE__ */ A("dl", {
+	return /* @__PURE__ */ j("dl", {
 		className: "la-request-details",
-		children: Object.entries(t).map(([e, t]) => /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("dt", { children: e }), /* @__PURE__ */ A("dd", { children: t })] }, e))
+		children: Object.entries(n).map(([e, t]) => /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("dt", { children: e }), /* @__PURE__ */ j("dd", { children: t })] }, e))
 	});
 }
-function tt(e) {
-	return e >= 1e3 ? `${(e / 1e3).toLocaleString(void 0, { maximumFractionDigits: 2 })} s` : `${e.toLocaleString(void 0, { maximumFractionDigits: 1 })} ms`;
-}
 //#endregion
 //#region src/state-diff.ts
-var nt = ne({ arrays: { detectMove: !1 } });
-function rt(e, t) {
-	let n = nt.diff(e, t);
-	return n ? re(n, e) ?? "" : "";
+var lt = ie({ arrays: { detectMove: !1 } });
+function ut(e, t) {
+	let n = lt.diff(e, t);
+	return n ? ae(n, e) ?? "" : "";
 }
 //#endregion
 //#region src/state-inspection.ts
-function it(e, n, r) {
+function dt(e, n, r) {
 	let [o, s] = a(), [c, l] = a(), [u, d] = a(!1), [f, p] = a(!0), [m, h] = a(0), g = i(() => {});
 	return t(() => {
 		let t = new AbortController(), i = !1, a = !1, o, c;
@@ -1246,22 +1432,22 @@ function it(e, n, r) {
 }
 //#endregion
 //#region src/StateInspector.tsx
-function at(e) {
-	let { client: t, actorName: n, actorId: r } = e, i = it(t, n, r), [o, s] = a("state"), [c, l] = a(), [u, d] = a(), [f, p] = a(""), [m, h] = a(0), _ = i.current?.snapshot, v = _?.stateVersion ?? 0, y = c ?? v, b = i.knownVersion > v || v > (i.history?.records[0]?.stateVersion ?? 0);
-	return /* @__PURE__ */ j("section", {
+function ft(e) {
+	let { client: t, actorName: n, actorId: r } = e, i = dt(t, n, r), [o, s] = a("state"), [c, l] = a(), [u, d] = a(), [f, p] = a(""), [m, h] = a(0), g = i.current?.snapshot, v = g?.stateVersion ?? 0, y = c ?? v, ee = i.knownVersion > v || v > (i.history?.records[0]?.stateVersion ?? 0);
+	return /* @__PURE__ */ M("section", {
 		className: "la-state",
 		"aria-label": "Persisted state",
 		children: [
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "la-state-heading",
-				children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("h3", { children: "Persisted state" }), /* @__PURE__ */ A("p", { children: "Committed fields and their progression in storage." })] }), /* @__PURE__ */ j("div", {
+				children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("h3", { children: "Persisted state" }), /* @__PURE__ */ j("p", { children: "Committed fields and their progression in storage." })] }), /* @__PURE__ */ M("div", {
 					className: "la-state-actions",
-					children: [_ && /* @__PURE__ */ j(z, {
+					children: [g && /* @__PURE__ */ M(B, {
 						variant: "outline",
 						size: "sm",
-						onClick: () => ut(_.state, `${n}-${r}-v${v}.json`),
-						children: [/* @__PURE__ */ A(g, { "aria-hidden": "true" }), "Download JSON"]
-					}), /* @__PURE__ */ j(z, {
+						onClick: () => _t(g.state, `${n}-${r}-v${v}.json`),
+						children: [/* @__PURE__ */ j(_, { "aria-hidden": "true" }), "Download JSON"]
+					}), /* @__PURE__ */ M(B, {
 						variant: "outline",
 						size: "sm",
 						disabled: i.loading,
@@ -1269,87 +1455,87 @@ function at(e) {
 							i.refresh(), h((e) => e + 1);
 						},
 						"aria-label": "Refresh state",
-						children: [/* @__PURE__ */ A(ee, { "aria-hidden": "true" }), "Refresh"]
+						children: [/* @__PURE__ */ j(te, { "aria-hidden": "true" }), "Refresh"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "la-state-tabs",
 				"aria-label": "State views",
 				children: [
-					/* @__PURE__ */ A(z, {
+					/* @__PURE__ */ j(B, {
 						variant: o === "state" ? "secondary" : "ghost",
 						"aria-pressed": o === "state",
 						onClick: () => s("state"),
 						children: "State"
 					}),
-					/* @__PURE__ */ A(z, {
+					/* @__PURE__ */ j(B, {
 						variant: o === "changes" ? "secondary" : "ghost",
 						"aria-pressed": o === "changes",
 						onClick: () => s("changes"),
 						children: "Changes"
 					}),
-					_ && /* @__PURE__ */ j("span", {
+					g && /* @__PURE__ */ M("span", {
 						className: "la-state-version",
 						children: ["Version ", v]
 					})
 				]
 			}),
-			i.failed && /* @__PURE__ */ j("p", {
+			i.failed && /* @__PURE__ */ M("p", {
 				role: "alert",
 				children: ["Could not refresh state. Check your connection and use Refresh to retry.", i.current && " Showing the last loaded version."]
 			}),
-			b && /* @__PURE__ */ A("p", {
+			ee && /* @__PURE__ */ j("p", {
 				className: "la-state-notice",
 				role: "status",
 				children: "A newer commit is syncing to storage. Retrying automatically…"
 			}),
-			!i.current && !i.failed && /* @__PURE__ */ A("p", {
+			!i.current && !i.failed && /* @__PURE__ */ j("p", {
 				role: "status",
 				children: "Loading persisted state…"
 			}),
-			i.current && !_ && /* @__PURE__ */ A("p", {
+			i.current && !g && /* @__PURE__ */ j("p", {
 				className: "la-state-empty",
 				children: "No persisted state yet. Fields appear after the actor commits its first change."
 			}),
-			o === "state" && _ && /* @__PURE__ */ j(k, { children: [
-				/* @__PURE__ */ A(ct, {
-					record: _,
+			o === "state" && g && /* @__PURE__ */ M(A, { children: [
+				/* @__PURE__ */ j(ht, {
+					record: g,
 					onInspect: e.onInspectRequest
 				}),
-				/* @__PURE__ */ A(B, {
+				/* @__PURE__ */ j(V, {
 					"aria-label": "Filter persisted fields",
 					placeholder: "Filter fields…",
 					value: f,
 					onChange: (e) => p(e.target.value)
 				}),
-				/* @__PURE__ */ A(ot, {
-					state: _.state,
+				/* @__PURE__ */ j(pt, {
+					state: g.state,
 					query: f,
 					schema: i.current?.schema ?? null
 				})
 			] }),
-			o === "changes" && /* @__PURE__ */ j("div", {
+			o === "changes" && /* @__PURE__ */ M("div", {
 				className: "la-state-history",
-				children: [/* @__PURE__ */ j("aside", {
+				children: [/* @__PURE__ */ M("aside", {
 					"aria-label": "State versions",
 					children: [
-						/* @__PURE__ */ A("h4", { children: "Versions" }),
-						!i.history?.records.length && /* @__PURE__ */ A("p", { children: "No recorded history yet." }),
-						/* @__PURE__ */ A("ol", { children: i.history?.records.map((e) => /* @__PURE__ */ A("li", { children: /* @__PURE__ */ j("button", {
+						/* @__PURE__ */ j("h4", { children: "Versions" }),
+						!i.history?.records.length && /* @__PURE__ */ j("p", { children: "No recorded history yet." }),
+						/* @__PURE__ */ j("ol", { children: i.history?.records.map((e) => /* @__PURE__ */ j("li", { children: /* @__PURE__ */ M("button", {
 							type: "button",
 							"aria-label": `Version ${e.stateVersion} · ${e.attribution?.operation ?? "Unknown operation"}`,
 							"aria-pressed": y === e.stateVersion,
 							onClick: () => {
 								l(e.stateVersion), d(void 0);
 							},
-							children: [/* @__PURE__ */ j("strong", { children: [
+							children: [/* @__PURE__ */ M("strong", { children: [
 								"Version ",
 								e.stateVersion,
-								/* @__PURE__ */ A("span", { children: e.attribution?.operation ?? "Unknown operation" })
-							] }), /* @__PURE__ */ A("small", { children: e.attribution ? new Date(e.attribution.committedAtMs).toLocaleTimeString() : "Time unavailable" })]
+								/* @__PURE__ */ j("span", { children: e.attribution?.operation ?? "Unknown operation" })
+							] }), /* @__PURE__ */ j("small", { children: e.attribution ? new Date(e.attribution.committedAtMs).toLocaleTimeString() : "Time unavailable" })]
 						}) }, e.stateVersion)) }),
-						i.history?.nextBefore && /* @__PURE__ */ A(z, {
+						i.history?.nextBefore && /* @__PURE__ */ j(B, {
 							variant: "outline",
 							size: "sm",
 							disabled: i.loading,
@@ -1357,118 +1543,118 @@ function at(e) {
 							children: "Load older versions"
 						})
 					]
-				}), /* @__PURE__ */ j("div", {
+				}), /* @__PURE__ */ M("div", {
 					className: "la-state-comparison",
-					children: [c !== void 0 && v > c && /* @__PURE__ */ j(z, {
+					children: [c !== void 0 && v > c && /* @__PURE__ */ M(B, {
 						variant: "outline",
 						size: "sm",
 						onClick: () => {
 							l(void 0), d(void 0);
 						},
 						children: ["View latest · version ", v]
-					}), !!y && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
+					}), !!y && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ M("div", {
 						className: "la-state-compare-heading",
-						children: [/* @__PURE__ */ j("h4", { children: ["Version ", y] }), /* @__PURE__ */ j(Be, {
+						children: [/* @__PURE__ */ M("h4", { children: ["Version ", y] }), /* @__PURE__ */ M(Je, {
 							"aria-label": "Compare with version",
 							value: u ?? Math.max(0, y - 1),
 							onChange: (e) => d(Number(e.target.value)),
-							children: [/* @__PURE__ */ A(U, {
+							children: [/* @__PURE__ */ j(W, {
 								value: Math.max(0, y - 1),
 								children: y === 1 ? "Before first commit" : `Previous · version ${y - 1}`
-							}), i.history?.records.filter((e) => e.stateVersion < y - 1).map((e) => /* @__PURE__ */ j(U, {
+							}), i.history?.records.filter((e) => e.stateVersion < y - 1).map((e) => /* @__PURE__ */ M(W, {
 								value: e.stateVersion,
 								children: ["Version ", e.stateVersion]
 							}, e.stateVersion))]
 						})]
-					}), /* @__PURE__ */ A(lt, {
+					}), /* @__PURE__ */ j(gt, {
 						...e,
 						version: y,
 						baseline: u ?? Math.max(0, y - 1)
 					}, `${n}/${r}/${y}/${u}/${m}`)] })]
 				})]
 			}),
-			/* @__PURE__ */ A("p", {
+			/* @__PURE__ */ j("p", {
 				className: "la-state-footnote",
 				children: "Values come from actor storage. Request events signal new versions; history follows completed uploads."
 			})
 		]
 	});
 }
-function ot({ state: e, query: t, schema: n }) {
+function pt({ state: e, query: t, schema: n }) {
 	let r = Object.entries(e).filter(([e]) => e.toLowerCase().includes(t.toLowerCase()));
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ M("div", {
 		className: "la-observer-table-frame",
-		children: [/* @__PURE__ */ j(W, {
+		children: [/* @__PURE__ */ M(G, {
 			"aria-label": "Persisted fields",
-			children: [/* @__PURE__ */ A(G, { children: /* @__PURE__ */ j(q, { children: [
-				/* @__PURE__ */ A(J, { children: "Field" }),
-				/* @__PURE__ */ A(J, { children: "Type" }),
-				/* @__PURE__ */ A(J, { children: "Value" })
-			] }) }), /* @__PURE__ */ A(K, { children: r.map(([e, t]) => /* @__PURE__ */ j(q, { children: [
-				/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A("code", { children: e }) }),
-				/* @__PURE__ */ j(Y, { children: [/* @__PURE__ */ A("span", {
+			children: [/* @__PURE__ */ j(K, { children: /* @__PURE__ */ M(J, { children: [
+				/* @__PURE__ */ j(Y, { children: "Field" }),
+				/* @__PURE__ */ j(Y, { children: "Type" }),
+				/* @__PURE__ */ j(Y, { children: "Value" })
+			] }) }), /* @__PURE__ */ j(q, { children: r.map(([e, t]) => /* @__PURE__ */ M(J, { children: [
+				/* @__PURE__ */ j(X, { children: /* @__PURE__ */ j("code", { children: e }) }),
+				/* @__PURE__ */ M(X, { children: [/* @__PURE__ */ j("span", {
 					className: "la-state-type",
-					children: dt(t)
-				}), ft(n, e) && /* @__PURE__ */ A("small", {
+					children: vt(t)
+				}), yt(n, e) && /* @__PURE__ */ j("small", {
 					className: "la-state-schema",
-					children: ft(n, e)
+					children: yt(n, e)
 				})] }),
-				/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A(st, { value: t }) })
+				/* @__PURE__ */ j(X, { children: /* @__PURE__ */ j(mt, { value: t }) })
 			] }, e)) })]
-		}), !r.length && /* @__PURE__ */ A("p", {
+		}), !r.length && /* @__PURE__ */ j("p", {
 			className: "la-state-empty",
 			children: t ? "No matching fields." : "The persisted state is an empty object."
 		})]
 	});
 }
-function st({ value: e }) {
+function mt({ value: e }) {
 	let t = JSON.stringify(e);
-	return t.length > 1e5 ? /* @__PURE__ */ j("span", { children: [
+	return t.length > 1e5 ? /* @__PURE__ */ M("span", { children: [
 		"Large value (",
 		Math.round(t.length / 1024),
 		" KB). Use Download JSON to inspect it."
-	] }) : typeof e == "object" && e ? /* @__PURE__ */ A(te, {
+	] }) : typeof e == "object" && e ? /* @__PURE__ */ j(re, {
 		data: e,
 		shouldExpandNode: (e) => e < 1,
-		style: pt
-	}) : /* @__PURE__ */ A("code", {
-		className: `la-state-json-${dt(e)}`,
+		style: bt
+	}) : /* @__PURE__ */ j("code", {
+		className: `la-state-json-${vt(e)}`,
 		children: t
 	});
 }
-function ct({ record: e, onInspect: t }) {
+function ht({ record: e, onInspect: t }) {
 	let n = e.attribution;
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ M("div", {
 		className: "la-state-attribution",
 		children: [
-			/* @__PURE__ */ j("span", { children: ["Committed by ", /* @__PURE__ */ A("strong", { children: n?.operation ?? "Unknown operation" })] }),
-			/* @__PURE__ */ j("span", { children: [
+			/* @__PURE__ */ M("span", { children: ["Committed by ", /* @__PURE__ */ j("strong", { children: n?.operation ?? "Unknown operation" })] }),
+			/* @__PURE__ */ M("span", { children: [
 				"Request",
 				" ",
-				t ? /* @__PURE__ */ A("button", {
+				t ? /* @__PURE__ */ j("button", {
 					type: "button",
 					onClick: () => t({ requestId: e.requestId }),
 					children: e.requestId
-				}) : /* @__PURE__ */ A("code", { children: e.requestId })
+				}) : /* @__PURE__ */ j("code", { children: e.requestId })
 			] }),
-			n?.connectionId && /* @__PURE__ */ j("span", { children: [
+			n?.connectionId && /* @__PURE__ */ M("span", { children: [
 				"Connection",
 				" ",
-				t ? /* @__PURE__ */ A("button", {
+				t ? /* @__PURE__ */ j("button", {
 					type: "button",
 					onClick: () => t({ connectionId: n.connectionId }),
 					children: n.connectionId
-				}) : /* @__PURE__ */ A("code", { children: n.connectionId })
+				}) : /* @__PURE__ */ j("code", { children: n.connectionId })
 			] }),
-			n && /* @__PURE__ */ A("time", {
+			n && /* @__PURE__ */ j("time", {
 				dateTime: new Date(n.committedAtMs).toISOString(),
 				children: new Date(n.committedAtMs).toLocaleString()
 			}),
-			n?.interleaved && /* @__PURE__ */ A("p", { children: "Overlapping requests may contribute to this snapshot. This identifies the committing request." })
+			n?.interleaved && /* @__PURE__ */ j("p", { children: "Overlapping requests may contribute to this snapshot. This identifies the committing request." })
 		]
 	});
 }
-function lt({ client: e, actorName: n, actorId: r, version: i, baseline: o, onInspectRequest: s }) {
+function gt({ client: e, actorName: n, actorId: r, version: i, baseline: o, onInspectRequest: s }) {
 	let [c, l] = a(), [u, d] = a(), [f, p] = a();
 	return t(() => {
 		let t = new AbortController(), a;
@@ -1501,7 +1687,7 @@ function lt({ client: e, actorName: n, actorId: r, version: i, baseline: o, onIn
 					after: u.state
 				})) : l({
 					after: u,
-					html: rt(c.snapshot.state, u.state)
+					html: ut(c.snapshot.state, u.state)
 				});
 			} catch (e) {
 				t.signal.aborted || d(e instanceof Error ? e.message : "Could not load versions.");
@@ -1516,44 +1702,44 @@ function lt({ client: e, actorName: n, actorId: r, version: i, baseline: o, onIn
 		r,
 		i,
 		o
-	]), /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A("p", { children: o ? `Comparing version ${o} → ${i}` : "Changes in the first persisted snapshot" }),
-		u && /* @__PURE__ */ A("p", {
+	]), /* @__PURE__ */ M(A, { children: [
+		/* @__PURE__ */ j("p", { children: o ? `Comparing version ${o} → ${i}` : "Changes in the first persisted snapshot" }),
+		u && /* @__PURE__ */ j("p", {
 			role: "alert",
 			children: u
 		}),
-		!u && !c && /* @__PURE__ */ A("p", {
+		!u && !c && /* @__PURE__ */ j("p", {
 			role: "status",
 			children: "Loading comparison…"
 		}),
-		f && /* @__PURE__ */ j(z, {
+		f && /* @__PURE__ */ M(B, {
 			variant: "ghost",
 			size: "sm",
-			onClick: () => ut(f.state, `${n}-${r}-v${i}.json`),
+			onClick: () => _t(f.state, `${n}-${r}-v${i}.json`),
 			children: ["Download version ", i]
 		}),
-		c && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(ct, {
+		c && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(ht, {
 			record: c.after,
 			onInspect: s
-		}), c.html ? /* @__PURE__ */ A("div", {
+		}), c.html ? /* @__PURE__ */ j("div", {
 			className: "la-state-diff",
 			"aria-label": "State changes",
 			dangerouslySetInnerHTML: { __html: c.html }
-		}) : /* @__PURE__ */ A("p", { children: "No persisted fields changed between these versions." })] })
+		}) : /* @__PURE__ */ j("p", { children: "No persisted fields changed between these versions." })] })
 	] });
 }
-function ut(e, t) {
+function _t(e, t) {
 	let n = URL.createObjectURL(new Blob([JSON.stringify(e, null, 2)], { type: "application/json" })), r = document.createElement("a");
 	r.href = n, r.download = t, r.click(), setTimeout(() => URL.revokeObjectURL(n), 1e3);
 }
-function dt(e) {
+function vt(e) {
 	return e === null ? "null" : Array.isArray(e) ? "array" : typeof e;
 }
-function ft(e, t) {
+function yt(e, t) {
 	let n = e?.definitions, r = n?.State?.properties?.[t]?.$ref, i = r && n?.[r.split("/").pop().replace(/~1/g, "/").replace(/~0/g, "~")]?.type;
 	return i ? `Schema: ${Array.isArray(i) ? i.join(" | ") : i}` : void 0;
 }
-var pt = {
+var bt = {
 	container: "la-state-json",
 	basicChildStyle: "la-state-json-child",
 	label: "la-state-json-label",
@@ -1572,8 +1758,8 @@ var pt = {
 };
 //#endregion
 //#region src/queue-wait-history.ts
-function mt(e, t, n) {
-	let r = Xe(e, {
+function xt(e, t, n) {
+	let r = it(e, {
 		...t,
 		actorName: n
 	}, e.listQueueWaits);
@@ -1585,26 +1771,26 @@ function mt(e, t, n) {
 }
 //#endregion
 //#region src/queue-wait.ts
-function ht(e) {
-	if (!Array.isArray(e) || !e.every(gt)) throw Error("Invalid queue wait response");
+function St(e) {
+	if (!Array.isArray(e) || !e.every(Ct)) throw Error("Invalid queue wait response");
 	return e;
 }
-function gt(e) {
+function Ct(e) {
 	return !!e && typeof e.actorName == "string" && typeof e.actorId == "string" && Number.isSafeInteger(e.admitted) && e.admitted > 0 && [e.averageMs, e.maxMs].every((e) => typeof e == "number" && Number.isFinite(e) && e >= 0) && e.averageMs <= e.maxMs;
 }
-function _t(e) {
-	return bt(e, () => "all").get("all") ?? null;
+function wt(e) {
+	return Ot(e, () => "all").get("all") ?? null;
 }
-function vt(e) {
-	return bt(e, (e) => e.actorName);
+function Tt(e) {
+	return Ot(e, (e) => e.actorName);
 }
-function yt(e, t) {
-	return bt(e.filter((e) => e.actorName === t), (e) => e.actorId);
+function Et(e, t) {
+	return Ot(e.filter((e) => e.actorName === t), (e) => e.actorId);
 }
-function X(e) {
+function Dt(e) {
 	return e === void 0 ? "—" : e >= 1e3 ? `${(e / 1e3).toLocaleString(void 0, { maximumFractionDigits: 2 })} s` : `${e.toLocaleString(void 0, { maximumFractionDigits: 1 })} ms`;
 }
-function bt(e, t) {
+function Ot(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
 		let e = n.get(t(r)) ?? {
@@ -1622,140 +1808,149 @@ function bt(e, t) {
 }
 //#endregion
 //#region src/ActorObserver.tsx
-function xt({ client: e, className: r = "", initialActorName: o, navigation: s, timeRange: c, onTimeRangeChange: l }) {
-	let { inventory: u, loading: d, failed: f, retry: p } = qe(e), [m, g] = a(De), _ = c ?? m, v = l ?? g, [y, b] = a(o), x = s ? s.actorName : y, S = s ? s.onSelectActor : b, [C, w] = a(), [T, E] = a(""), D = i(null), O = i(o), M = n(), N = u?.actors.find((e) => e.actorName === x), P = mt(e, Oe(_, Date.now()), x), F = P.rows && vt(P.rows), I = P.rows && x !== void 0 ? yt(P.rows, x) : void 0, L = P.supported && P.rows ? _t(P.rows) : void 0;
+function kt({ client: e, className: r = "", initialActorName: o, navigation: s, timeRange: c, onTimeRangeChange: l }) {
+	let { inventory: u, loading: d, failed: f, retry: p } = tt(e), [m, h] = a(Fe), _ = c ?? m, v = l ?? h, [y, ee] = a(o), b = s ? s.actorName : y, x = s ? s.onSelectActor : ee, [S, C] = a(), [w, T] = a(""), E = i(null), D = JSON.stringify([b, S]), O = i(JSON.stringify([o, void 0])), k = n(), N = u?.actors.find((e) => e.actorName === b), P = N?.instances.find((e) => e.actorId === S), F = xt(e, Ie(_, Date.now()), b), I = F.rows && Tt(F.rows), ne = F.rows && b !== void 0 ? Et(F.rows, b) : void 0, L = F.supported && F.rows ? wt(F.rows) : void 0;
 	t(() => {
-		b(o), w(void 0), E("");
+		ee(o), C(void 0), T("");
 	}, [e, o]), t(() => {
-		O.current !== x && C === void 0 && D.current?.focus(), O.current = x;
-	}, [x, C]);
-	let te = (e) => {
-		w(void 0), S(e);
+		O.current !== D && E.current?.focus(), O.current = D;
+	}, [D]);
+	let re = (e) => {
+		C(void 0), x(e);
 	};
-	return /* @__PURE__ */ j("section", {
-		className: `la-observer ${r}`,
+	return /* @__PURE__ */ M("section", {
+		className: `la-observer ${S === void 0 ? "" : "la-observer-instance-page"} ${r}`,
 		"aria-label": "Actor observer",
 		children: [
-			x !== void 0 && /* @__PURE__ */ j("nav", {
+			b !== void 0 && /* @__PURE__ */ M("nav", {
 				className: "la-observer-breadcrumb",
 				"aria-label": "Breadcrumb",
 				children: [
-					/* @__PURE__ */ A(z, {
+					/* @__PURE__ */ j(B, {
 						variant: "link",
 						type: "button",
 						"aria-label": "Back to actors",
-						onClick: () => te(void 0),
+						onClick: () => re(void 0),
 						children: "Actors"
 					}),
-					/* @__PURE__ */ A("span", {
+					/* @__PURE__ */ j("span", {
 						"aria-hidden": "true",
 						children: "/"
 					}),
-					/* @__PURE__ */ A("span", {
-						"aria-current": C === void 0 ? "page" : void 0,
-						children: x
+					S === void 0 ? /* @__PURE__ */ j("span", {
+						"aria-current": "page",
+						children: b
+					}) : /* @__PURE__ */ j(B, {
+						variant: "link",
+						"aria-label": "Back to instances",
+						onClick: () => C(void 0),
+						children: b
 					}),
-					C !== void 0 && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("span", {
+					S !== void 0 && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("span", {
 						"aria-hidden": "true",
 						children: "/"
-					}), /* @__PURE__ */ A("span", {
+					}), /* @__PURE__ */ j("span", {
 						"aria-current": "page",
-						children: C
+						children: S
 					})] })
 				]
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "la-observer-toolbar",
-				children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("div", {
+				children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("div", {
 					className: "la-observer-title",
-					children: /* @__PURE__ */ A("h1", {
-						ref: D,
+					children: [/* @__PURE__ */ j("h1", {
+						ref: E,
 						tabIndex: -1,
-						children: x ?? "Actors"
-					})
-				}), /* @__PURE__ */ A("p", { children: x === void 0 ? "Inspect instances, residency, and connections." : "Inspect this actor class’s instances, residency, and connections." })] }), /* @__PURE__ */ j("div", {
+						children: S ?? b ?? "Actors"
+					}), P && /* @__PURE__ */ M(U, {
+						variant: "outline",
+						className: `la-observer-status-${P.status}`,
+						children: [/* @__PURE__ */ j("span", { className: `la-observer-dot la-observer-dot-${P.status}` }), Gt(P.status)]
+					})]
+				}), S === void 0 && /* @__PURE__ */ j("p", { children: b === void 0 ? "Inspect instances, residency, and connections." : "Inspect this actor class’s instances, residency, and connections." })] }), /* @__PURE__ */ M("div", {
 					className: "la-observer-actions",
-					children: [P.supported && /* @__PURE__ */ A(Me, {
+					children: [F.supported && /* @__PURE__ */ j(Be, {
 						value: _,
 						onChange: v
-					}), /* @__PURE__ */ j(z, {
+					}), /* @__PURE__ */ M(B, {
 						variant: "outline",
 						type: "button",
 						disabled: d,
 						onClick: p,
-						children: [/* @__PURE__ */ A(ee, {
+						children: [/* @__PURE__ */ j(te, {
 							"aria-hidden": "true",
 							className: d ? "la-observer-spin" : void 0
 						}), d ? "Refreshing…" : f ? "Try again" : "Refresh"]
 					})]
 				})]
 			}),
-			f && /* @__PURE__ */ j("div", {
+			f && /* @__PURE__ */ M("div", {
 				className: "la-observer-error",
 				role: "alert",
-				children: [/* @__PURE__ */ A(h, { "aria-hidden": "true" }), /* @__PURE__ */ A("p", { children: u ? "Could not refresh. These counts may be out of date." : "Could not load actors. Check your connection and access, then try again." })]
+				children: [/* @__PURE__ */ j(g, { "aria-hidden": "true" }), /* @__PURE__ */ j("p", { children: u ? "Could not refresh. These counts may be out of date." : "Could not load actors. Check your connection and access, then try again." })]
 			}),
-			!u && !f && /* @__PURE__ */ A(St, {}),
-			u && /* @__PURE__ */ j(k, { children: [x === void 0 ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(Ct, {
+			!u && !f && /* @__PURE__ */ j(At, {}),
+			u && /* @__PURE__ */ M(A, { children: [b === void 0 ? /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(jt, {
 				inventory: u,
-				queueWait: P.supported ? L ?? null : void 0,
+				queueWait: F.supported ? L ?? null : void 0,
 				range: _
-			}), u.actors.length ? /* @__PURE__ */ A(wt, {
+			}), u.actors.length ? /* @__PURE__ */ j(Mt, {
 				inventory: u,
-				query: T,
-				onQueryChange: E,
-				onSelectActor: te,
+				query: w,
+				onQueryChange: T,
+				onSelectActor: re,
 				onSelectInstance: (e, t) => {
-					w(t), S(e);
+					C(t), x(e);
 				},
-				waits: P.supported ? F : void 0
-			}) : /* @__PURE__ */ A(Pt, {
+				waits: F.supported ? I : void 0
+			}) : /* @__PURE__ */ j(Ut, {
 				title: "No actors yet",
 				description: "Deploy your actor classes to see them here. Instance counts appear as actors are used."
-			})] }) : N ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(Ct, {
+			})] }) : N ? /* @__PURE__ */ M(A, { children: [S === void 0 && /* @__PURE__ */ j(jt, {
 				inventory: { actors: [N] },
-				actorName: x,
-				queueWait: P.supported ? L ?? null : void 0,
+				actorName: b,
+				queueWait: F.supported ? L ?? null : void 0,
 				range: _
-			}), /* @__PURE__ */ A(Dt, {
+			}), /* @__PURE__ */ j(Ft, {
 				client: e,
-				id: M,
-				actorName: x,
+				id: k,
+				actorName: b,
 				instances: N.instances,
-				waits: P.supported ? I : void 0,
+				waits: F.supported ? ne : void 0,
 				range: _,
-				selectedInstanceId: C,
-				onSelectInstance: w
-			}, x)] }) : /* @__PURE__ */ A(Pt, {
+				selectedInstanceId: S,
+				onSelectInstance: C
+			}, b)] }) : /* @__PURE__ */ j(Ut, {
 				title: "Actor class unavailable",
 				description: "This actor class is no longer in the latest inventory. Return to Actors to see available classes."
-			}), /* @__PURE__ */ j("div", {
+			}), /* @__PURE__ */ M("div", {
 				className: "la-observer-footnote",
-				children: [/* @__PURE__ */ j("span", {
+				children: [/* @__PURE__ */ M("span", {
 					className: "la-observer-refresh-status",
-					children: [/* @__PURE__ */ A("span", { className: `la-observer-dot ${f ? "la-observer-dot-unknown" : e.watchActors ? "la-observer-dot-live" : ""}` }), f ? "Reconnecting…" : e.watchActors ? "Live updates" : "Auto-refresh every 5s"]
-				}), /* @__PURE__ */ A("span", { children: e.watchActors ? "Changes stream from the control plane." : "Counts follow the latest host heartbeat." })]
+					children: [/* @__PURE__ */ j("span", { className: `la-observer-dot ${f ? "la-observer-dot-unknown" : e.watchActors ? "la-observer-dot-live" : ""}` }), f ? "Reconnecting…" : e.watchActors ? "Live updates" : "Auto-refresh every 5s"]
+				}), /* @__PURE__ */ j("span", { children: e.watchActors ? "Changes stream from the control plane." : "Counts follow the latest host heartbeat." })]
 			})] })
 		]
 	});
 }
-function St() {
-	return /* @__PURE__ */ j("div", {
+function At() {
+	return /* @__PURE__ */ M("div", {
 		className: "la-observer-skeleton",
 		role: "status",
 		"aria-label": "Loading actors",
 		children: [
-			/* @__PURE__ */ A("span", {
+			/* @__PURE__ */ j("span", {
 				className: "la:sr-only",
 				children: "Loading actors…"
 			}),
-			/* @__PURE__ */ A("div", {}),
-			/* @__PURE__ */ A("div", {}),
-			/* @__PURE__ */ A("div", {})
+			/* @__PURE__ */ j("div", {}),
+			/* @__PURE__ */ j("div", {}),
+			/* @__PURE__ */ j("div", {})
 		]
 	});
 }
-function Ct({ inventory: e, actorName: t, queueWait: n, range: r }) {
+function jt({ inventory: e, actorName: t, queueWait: n, range: r }) {
 	let i = e.actors.reduce((e, t) => ({
 		live: e.live + t.live,
 		dormant: e.dormant + t.dormant,
@@ -1765,61 +1960,61 @@ function Ct({ inventory: e, actorName: t, queueWait: n, range: r }) {
 		dormant: 0,
 		unknown: 0
 	});
-	return /* @__PURE__ */ j("dl", {
+	return /* @__PURE__ */ M("dl", {
 		className: "la-observer-summary",
 		children: [
-			/* @__PURE__ */ j("div", { children: [
-				/* @__PURE__ */ A("dt", { children: "Total instances" }),
-				/* @__PURE__ */ A("dd", {
+			/* @__PURE__ */ M("div", { children: [
+				/* @__PURE__ */ j("dt", { children: "Total instances" }),
+				/* @__PURE__ */ j("dd", {
 					"aria-label": "Total instances",
 					children: (i.live + i.dormant + i.unknown).toLocaleString()
 				}),
-				/* @__PURE__ */ A("p", { children: t === void 0 ? `${e.actors.length} actor ${e.actors.length === 1 ? "type" : "types"}` : "In this actor class" })
+				/* @__PURE__ */ j("p", { children: t === void 0 ? `${e.actors.length} actor ${e.actors.length === 1 ? "type" : "types"}` : "In this actor class" })
 			] }),
-			/* @__PURE__ */ j("div", { children: [
-				/* @__PURE__ */ j("dt", { children: [/* @__PURE__ */ A("span", { className: "la-observer-dot la-observer-dot-live" }), "Live"] }),
-				/* @__PURE__ */ A("dd", {
+			/* @__PURE__ */ M("div", { children: [
+				/* @__PURE__ */ M("dt", { children: [/* @__PURE__ */ j("span", { className: "la-observer-dot la-observer-dot-live" }), "Live"] }),
+				/* @__PURE__ */ j("dd", {
 					"aria-label": "Live instances",
 					children: i.live.toLocaleString()
 				}),
-				/* @__PURE__ */ A("p", { children: "Loaded in memory" })
+				/* @__PURE__ */ j("p", { children: "Loaded in memory" })
 			] }),
-			/* @__PURE__ */ j("div", { children: [
-				/* @__PURE__ */ j("dt", { children: [/* @__PURE__ */ A("span", { className: "la-observer-dot" }), "Dormant"] }),
-				/* @__PURE__ */ A("dd", {
+			/* @__PURE__ */ M("div", { children: [
+				/* @__PURE__ */ M("dt", { children: [/* @__PURE__ */ j("span", { className: "la-observer-dot" }), "Dormant"] }),
+				/* @__PURE__ */ j("dd", {
 					"aria-label": "Dormant instances",
 					children: i.dormant.toLocaleString()
 				}),
-				/* @__PURE__ */ A("p", { children: "Currently unloaded" })
+				/* @__PURE__ */ j("p", { children: "Currently unloaded" })
 			] }),
-			i.unknown > 0 && /* @__PURE__ */ j("div", { children: [
-				/* @__PURE__ */ j("dt", { children: [/* @__PURE__ */ A("span", { className: "la-observer-dot la-observer-dot-unknown" }), "Unknown"] }),
-				/* @__PURE__ */ A("dd", {
+			i.unknown > 0 && /* @__PURE__ */ M("div", { children: [
+				/* @__PURE__ */ M("dt", { children: [/* @__PURE__ */ j("span", { className: "la-observer-dot la-observer-dot-unknown" }), "Unknown"] }),
+				/* @__PURE__ */ j("dd", {
 					"aria-label": "Unknown instances",
 					children: i.unknown.toLocaleString()
 				}),
-				/* @__PURE__ */ A("p", { children: "Awaiting host report" })
+				/* @__PURE__ */ j("p", { children: "Awaiting host report" })
 			] }),
-			n !== void 0 && /* @__PURE__ */ j("div", {
+			n !== void 0 && /* @__PURE__ */ M("div", {
 				className: "la-observer-queue-wait",
 				children: [
-					/* @__PURE__ */ A("dt", { children: "Avg queue wait" }),
-					/* @__PURE__ */ A("dd", {
+					/* @__PURE__ */ j("dt", { children: "Avg queue wait" }),
+					/* @__PURE__ */ j("dd", {
 						"aria-label": "Average queue wait",
-						children: X(n?.averageMs)
+						children: Dt(n?.averageMs)
 					}),
-					/* @__PURE__ */ A("p", { children: n ? `Max ${X(n.maxMs)} · ${n.admitted.toLocaleString()} admitted ${V(r)}` : `No admitted requests ${V(r)}` })
+					/* @__PURE__ */ j("p", { children: n ? `Max ${Dt(n.maxMs)} · ${n.admitted.toLocaleString()} admitted ${H(r)}` : `No admitted requests ${H(r)}` })
 				]
 			})
 		]
 	});
 }
-function wt({ inventory: e, query: t, onQueryChange: n, onSelectActor: r, onSelectInstance: i, waits: a }) {
-	let o = e.actors.some((e) => e.unknown > 0), s = e.actors.filter((e) => Et(e, t)).sort((e, t) => Number(t.live > 0) - Number(e.live > 0)), l = Tt(e);
-	return /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ j("div", {
+function Mt({ inventory: e, query: t, onQueryChange: n, onSelectActor: r, onSelectInstance: i, waits: a }) {
+	let o = e.actors.some((e) => e.unknown > 0), s = e.actors.filter((e) => Pt(e, t)).sort((e, t) => Number(t.live > 0) - Number(e.live > 0)), l = Nt(e);
+	return /* @__PURE__ */ M(A, { children: [
+		/* @__PURE__ */ M("div", {
 			className: "la-observer-list-toolbar",
-			children: [/* @__PURE__ */ j("h2", { children: ["Actor names ", /* @__PURE__ */ A(H, { children: e.actors.length })] }), /* @__PURE__ */ A(me, {
+			children: [/* @__PURE__ */ M("h2", { children: ["Actor names ", /* @__PURE__ */ j(U, { children: e.actors.length })] }), /* @__PURE__ */ j(ge, {
 				label: "Search actors and instances",
 				placeholder: "Search actor name or instance ID…",
 				value: t,
@@ -1833,80 +2028,80 @@ function wt({ inventory: e, query: t, onQueryChange: n, onSelectActor: r, onSele
 				className: "la-observer-lookup"
 			})]
 		}),
-		/* @__PURE__ */ A("div", {
+		/* @__PURE__ */ j("div", {
 			className: "la-observer-table-frame",
-			children: s.length ? /* @__PURE__ */ j(W, {
+			children: s.length ? /* @__PURE__ */ M(G, {
 				"aria-label": "Actor instance counts",
 				className: "la-observer-table",
-				children: [/* @__PURE__ */ A(G, { children: /* @__PURE__ */ j(q, { children: [
-					/* @__PURE__ */ A(J, {
+				children: [/* @__PURE__ */ j(K, { children: /* @__PURE__ */ M(J, { children: [
+					/* @__PURE__ */ j(Y, {
 						scope: "col",
 						children: "Actor"
 					}),
-					/* @__PURE__ */ A(J, {
+					/* @__PURE__ */ j(Y, {
 						scope: "col",
 						children: "Live"
 					}),
-					/* @__PURE__ */ A(J, {
+					/* @__PURE__ */ j(Y, {
 						scope: "col",
 						children: "Dormant"
 					}),
-					o && /* @__PURE__ */ A(J, {
+					o && /* @__PURE__ */ j(Y, {
 						scope: "col",
 						children: "Unknown"
 					}),
-					/* @__PURE__ */ A(J, {
+					/* @__PURE__ */ j(Y, {
 						scope: "col",
 						children: "Total"
 					}),
-					a && /* @__PURE__ */ A(J, {
+					a && /* @__PURE__ */ j(Y, {
 						scope: "col",
 						className: "la-observer-wait-cell",
 						children: "Avg queue wait"
 					})
-				] }) }), /* @__PURE__ */ A(K, { children: s.map((e) => /* @__PURE__ */ j(q, {
+				] }) }), /* @__PURE__ */ j(q, { children: s.map((e) => /* @__PURE__ */ M(J, {
 					className: "la-clickable-row",
 					onClick: () => r(e.actorName),
 					children: [
-						/* @__PURE__ */ A(Y, {
+						/* @__PURE__ */ j(X, {
 							className: "la-observer-name",
-							children: /* @__PURE__ */ j(z, {
+							children: /* @__PURE__ */ M(B, {
 								variant: "ghost",
 								type: "button",
 								className: "la-observer-actor-button la-observer-class-button",
-								children: [/* @__PURE__ */ A(c, {
+								children: [/* @__PURE__ */ j(c, {
 									className: "la-observer-type-icon",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ A("span", { children: e.actorName })]
+								}), /* @__PURE__ */ j("span", { children: e.actorName })]
 							})
 						}),
-						/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A("span", {
+						/* @__PURE__ */ j(X, { children: /* @__PURE__ */ j("span", {
 							className: e.live > 0 ? "la-observer-live" : void 0,
 							children: e.live.toLocaleString()
 						}) }),
-						/* @__PURE__ */ A(Y, { children: e.dormant.toLocaleString() }),
-						o && /* @__PURE__ */ A(Y, { children: e.unknown.toLocaleString() }),
-						/* @__PURE__ */ A(Y, { children: (e.live + e.dormant + e.unknown).toLocaleString() }),
-						a && /* @__PURE__ */ A(Y, {
+						/* @__PURE__ */ j(X, { children: e.dormant.toLocaleString() }),
+						o && /* @__PURE__ */ j(X, { children: e.unknown.toLocaleString() }),
+						/* @__PURE__ */ j(X, { children: (e.live + e.dormant + e.unknown).toLocaleString() }),
+						a && /* @__PURE__ */ j(X, {
 							className: "la-observer-wait-cell",
-							children: /* @__PURE__ */ A(Ot, { stats: a.get(e.actorName) })
+							children: /* @__PURE__ */ j(Lt, { stats: a.get(e.actorName) })
 						})
 					]
 				}, e.actorName)) })]
-			}) : /* @__PURE__ */ A(Pt, {
+			}) : /* @__PURE__ */ j(Ut, {
 				title: "No matching actors",
 				description: "Try a different actor name.",
 				action: "Clear search",
 				onReset: () => n("")
 			})
 		}),
-		o && /* @__PURE__ */ j("p", {
+		o && /* @__PURE__ */ M("p", {
 			className: "la-observer-unknown",
-			children: [/* @__PURE__ */ A(h, { "aria-hidden": "true" }), "Some hosts have not reported which instances are loaded. Their counts are shown as unknown."]
+			children: [/* @__PURE__ */ j(g, { "aria-hidden": "true" }), "Some hosts have not reported which instances are loaded. Their counts are shown as unknown."]
 		})
 	] });
 }
-function Tt(e) {
+function Nt(e) {
 	return e.actors.flatMap((e) => [{
 		id: JSON.stringify({ actorName: e.actorName }),
 		group: "Actor classes",
@@ -1920,350 +2115,356 @@ function Tt(e) {
 		group: "Instances",
 		value: t.actorId,
 		keywords: [e.actorName],
-		hint: `${e.actorName} · ${It(t.status)} · ${t.connections.length.toLocaleString()} ${t.connections.length === 1 ? "connection" : "connections"}`
+		hint: `${e.actorName} · ${Gt(t.status)} · ${t.connections.length.toLocaleString()} ${t.connections.length === 1 ? "connection" : "connections"}`
 	}))]);
 }
-function Et(e, t) {
+function Pt(e, t) {
 	let n = t.trim().toLocaleLowerCase().split(/\s+/u).filter(Boolean), r = [e.actorName, ...e.instances.map((e) => e.actorId)].join(" ").toLocaleLowerCase();
 	return n.every((e) => r.includes(e));
 }
-function Dt({ client: e, id: n, actorName: r, instances: o, waits: s, range: c, selectedInstanceId: l, onSelectInstance: u }) {
-	let [d, f] = a(""), [p, m] = a("all"), h = `${n}-connections`, [g, _] = a();
-	t(() => _(void 0), [l]);
-	let v = o.filter((e) => Ft(e.actorId, d) && (p === "all" || e.status === p));
-	v.sort((e, t) => Number(t.status === "live") - Number(e.status === "live"));
-	let y = o.find((e) => e.actorId === l), b = i(null);
-	return t(() => {
-		b.current?.focus();
-	}, [l]), l === void 0 ? /* @__PURE__ */ j("section", {
-		id: n,
+function Ft({ client: e, id: t, actorName: n, instances: r, waits: i, range: o, selectedInstanceId: s, onSelectInstance: c }) {
+	let [l, u] = a(""), [d, f] = a("all"), p = r.filter((e) => Wt(e.actorId, l) && (d === "all" || e.status === d));
+	p.sort((e, t) => Number(t.status === "live") - Number(e.status === "live"));
+	let m = r.find((e) => e.actorId === s);
+	return s === void 0 ? /* @__PURE__ */ M("section", {
+		id: t,
 		className: "la-observer-instances",
-		"aria-labelledby": `${n}-heading`,
-		children: [/* @__PURE__ */ A("div", {
+		"aria-labelledby": `${t}-heading`,
+		children: [/* @__PURE__ */ j("div", {
 			className: "la-observer-instances-heading",
-			children: /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("h2", {
-				ref: b,
-				tabIndex: -1,
-				id: `${n}-heading`,
+			children: /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("h2", {
+				id: `${t}-heading`,
 				children: [
-					r,
+					n,
 					" instances ",
-					/* @__PURE__ */ A(H, {
+					/* @__PURE__ */ j(U, {
 						"aria-hidden": "true",
-						children: o.length.toLocaleString()
+						children: r.length.toLocaleString()
 					})
 				]
-			}), /* @__PURE__ */ A("p", { children: "Select an instance to inspect its persisted state, requests, and WebSocket connections." })] })
-		}), o.length ? /* @__PURE__ */ j(k, { children: [
-			/* @__PURE__ */ j("div", {
+			}), /* @__PURE__ */ j("p", { children: "Select an instance to inspect its persisted state, requests, and WebSocket connections." })] })
+		}), r.length ? /* @__PURE__ */ M(A, { children: [
+			/* @__PURE__ */ M("div", {
 				className: "la-observer-filters",
-				children: [/* @__PURE__ */ A(Nt, {
+				children: [/* @__PURE__ */ j(Ht, {
 					label: "Search instances",
 					placeholder: "Search instance IDs…",
-					value: d,
-					onChange: f
-				}), /* @__PURE__ */ j(Be, {
+					value: l,
+					onChange: u
+				}), /* @__PURE__ */ M(Je, {
 					className: "la-observer-select",
 					"aria-label": "Instance state",
-					value: p,
-					onChange: (e) => m(e.target.value),
+					value: d,
+					onChange: (e) => f(e.target.value),
 					children: [
-						/* @__PURE__ */ A(U, {
+						/* @__PURE__ */ j(W, {
 							value: "all",
 							children: "All states"
 						}),
-						/* @__PURE__ */ A(U, {
+						/* @__PURE__ */ j(W, {
 							value: "live",
 							children: "Live"
 						}),
-						/* @__PURE__ */ A(U, {
+						/* @__PURE__ */ j(W, {
 							value: "dormant",
 							children: "Dormant"
 						}),
-						/* @__PURE__ */ A(U, {
+						/* @__PURE__ */ j(W, {
 							value: "unknown",
 							children: "Unknown"
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "la-observer-table-frame",
-				children: v.length ? /* @__PURE__ */ j(W, {
-					"aria-label": `${r} instances`,
+				children: p.length ? /* @__PURE__ */ M(G, {
+					"aria-label": `${n} instances`,
 					className: "la-observer-instance-table",
-					children: [/* @__PURE__ */ A(G, { children: /* @__PURE__ */ j(q, { children: [
-						/* @__PURE__ */ A(J, {
+					children: [/* @__PURE__ */ j(K, { children: /* @__PURE__ */ M(J, { children: [
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Instance"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "State"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Connections"
 						}),
-						s && /* @__PURE__ */ A(J, {
+						i && /* @__PURE__ */ j(Y, {
 							scope: "col",
 							className: "la-observer-wait-cell",
 							children: "Avg queue wait"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							className: "la-observer-waiting-cell",
 							children: "Waiting"
 						})
-					] }) }), /* @__PURE__ */ A(K, { children: v.map((e) => /* @__PURE__ */ j(q, {
+					] }) }), /* @__PURE__ */ j(q, { children: p.map((e) => /* @__PURE__ */ M(J, {
 						className: "la-clickable-row",
-						onClick: () => u(e.actorId),
+						onClick: () => c(e.actorId),
 						children: [
-							/* @__PURE__ */ A(Y, {
+							/* @__PURE__ */ j(X, {
 								className: "la-observer-instance-id",
-								children: /* @__PURE__ */ A(z, {
+								children: /* @__PURE__ */ j(B, {
 									variant: "ghost",
 									type: "button",
 									className: "la-observer-actor-button",
-									children: /* @__PURE__ */ A("span", { children: e.actorId })
+									children: /* @__PURE__ */ j("span", { children: e.actorId })
 								})
 							}),
-							/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ j(H, {
+							/* @__PURE__ */ j(X, { children: /* @__PURE__ */ M(U, {
 								variant: "outline",
 								className: `la-observer-status-${e.status}`,
-								children: [/* @__PURE__ */ A("span", { className: `la-observer-dot la-observer-dot-${e.status}` }), It(e.status)]
+								children: [/* @__PURE__ */ j("span", { className: `la-observer-dot la-observer-dot-${e.status}` }), Gt(e.status)]
 							}) }),
-							/* @__PURE__ */ A(Y, { children: e.connections.length.toLocaleString() }),
-							s && /* @__PURE__ */ A(Y, {
+							/* @__PURE__ */ j(X, { children: e.connections.length.toLocaleString() }),
+							i && /* @__PURE__ */ j(X, {
 								className: "la-observer-wait-cell",
-								children: /* @__PURE__ */ A(Ot, { stats: s.get(e.actorId) })
+								children: /* @__PURE__ */ j(Lt, { stats: i.get(e.actorId) })
 							}),
-							/* @__PURE__ */ A(Y, {
+							/* @__PURE__ */ j(X, {
 								className: "la-observer-waiting-cell",
-								children: /* @__PURE__ */ A(jt, {
+								children: /* @__PURE__ */ j(Bt, {
 									waiting: e.waiting,
 									compact: !0
 								})
 							})
 						]
 					}, e.actorId)) })]
-				}) : /* @__PURE__ */ A(Pt, {
+				}) : /* @__PURE__ */ j(Ut, {
 					title: "No matching instances",
 					description: "Try another instance ID or state.",
 					action: "Clear filters",
 					onReset: () => {
-						f(""), m("all");
+						u(""), f("all");
 					}
 				})
 			}),
-			/* @__PURE__ */ A("p", {
+			/* @__PURE__ */ j("p", {
 				className: "la-observer-connection-note",
 				children: "Connections are active WebSocket connections, not unique people."
 			})
-		] }) : /* @__PURE__ */ j("p", {
+		] }) : /* @__PURE__ */ M("p", {
 			className: "la-observer-instance-empty",
 			role: "status",
 			children: [
 				"No ",
-				r,
+				n,
 				" instances have been created yet."
 			]
 		})]
-	}) : /* @__PURE__ */ j("section", {
+	}) : /* @__PURE__ */ j(It, {
+		client: e,
+		id: t,
+		actorName: n,
+		actorId: s,
+		instance: m,
+		waits: i,
+		range: o
+	}, s);
+}
+function It({ client: e, id: t, actorName: n, actorId: r, instance: o, waits: s, range: c }) {
+	let [l, u] = a("requests"), [d, f] = a(), p = i(null), m = !!e.getState && !!e.listStateHistory;
+	return /* @__PURE__ */ M("section", {
 		className: "la-observer-instance-detail",
-		"aria-label": `${r} / ${l}`,
+		"aria-label": `${n} / ${r}`,
 		children: [
-			/* @__PURE__ */ A(z, {
-				variant: "link",
-				"aria-label": "Back to instances",
-				onClick: () => u(void 0),
-				children: "Back to instances"
-			}),
-			/* @__PURE__ */ j("div", {
-				className: "la-observer-instance-heading",
-				children: [/* @__PURE__ */ A("h2", {
-					ref: b,
-					tabIndex: -1,
-					children: l
-				}), y && /* @__PURE__ */ A(H, {
-					variant: "outline",
-					className: `la-observer-status-${y.status}`,
-					children: It(y.status)
-				})]
-			}),
-			!y && /* @__PURE__ */ A("p", {
+			!o && /* @__PURE__ */ j("p", {
 				role: "status",
 				children: "This instance is no longer in the current inventory. Its retained requests are still available below."
 			}),
-			s && /* @__PURE__ */ A(kt, {
-				stats: s.get(l),
-				range: c
+			/* @__PURE__ */ M("div", {
+				className: "la-observer-instance-metrics",
+				children: [s && /* @__PURE__ */ j(Rt, {
+					stats: s.get(r),
+					range: c
+				}), o && /* @__PURE__ */ j(zt, { waiting: o.waiting })]
 			}),
-			y && /* @__PURE__ */ A(At, { waiting: y.waiting }),
-			e.getState && e.listStateHistory && /* @__PURE__ */ A(at, {
-				client: e,
-				actorName: r,
-				actorId: l,
-				onInspectRequest: (e) => {
-					_(e), document.getElementById(`${n}-requests`)?.scrollIntoView({
-						block: "start",
-						behavior: "smooth"
-					});
-				}
-			}, `state-${l}`),
-			/* @__PURE__ */ A("div", { id: `${n}-requests` }),
-			e.watchRequests || e.listRequests ? /* @__PURE__ */ A(Qe, {
-				client: e,
-				actor: {
-					actorName: r,
-					actorId: l
-				},
-				timeRange: c,
-				focus: g
-			}, `requests-${l}`) : /* @__PURE__ */ j("section", { children: [/* @__PURE__ */ A("h3", { children: "Requests" }), /* @__PURE__ */ A("p", { children: "Request timings are unavailable for this connection." })] }),
-			y && /* @__PURE__ */ A(Mt, {
-				id: h,
-				actorId: y.actorId,
-				connections: y.connections
+			/* @__PURE__ */ M("div", {
+				className: "la-observer-instance-views",
+				role: "group",
+				"aria-label": "Instance view",
+				children: [
+					/* @__PURE__ */ j(B, {
+						ref: p,
+						variant: "ghost",
+						"aria-pressed": l === "requests",
+						onClick: () => u("requests"),
+						children: "Requests"
+					}),
+					m && /* @__PURE__ */ j(B, {
+						variant: "ghost",
+						"aria-pressed": l === "state",
+						onClick: () => u("state"),
+						children: "State"
+					}),
+					o && /* @__PURE__ */ M(B, {
+						variant: "ghost",
+						"aria-pressed": l === "websockets",
+						onClick: () => u("websockets"),
+						children: ["WebSockets ", /* @__PURE__ */ j(U, { children: o.connections.length })]
+					})
+				]
+			}),
+			/* @__PURE__ */ j("div", {
+				hidden: l !== "requests",
+				children: e.watchRequests || e.listRequests ? /* @__PURE__ */ j(ot, {
+					client: e,
+					actor: {
+						actorName: n,
+						actorId: r
+					},
+					timeRange: c,
+					focus: d
+				}) : /* @__PURE__ */ M("section", { children: [/* @__PURE__ */ j("h3", { children: "Requests" }), /* @__PURE__ */ j("p", { children: "Request timings are unavailable for this connection." })] })
+			}),
+			/* @__PURE__ */ j("div", {
+				hidden: l !== "state",
+				children: m && /* @__PURE__ */ j(ft, {
+					client: e,
+					actorName: n,
+					actorId: r,
+					onInspectRequest: (e) => {
+						f(e), u("requests"), p.current?.focus();
+					}
+				})
+			}),
+			/* @__PURE__ */ j("div", {
+				hidden: l !== "websockets",
+				children: o && /* @__PURE__ */ j(Vt, {
+					id: `${t}-connections`,
+					actorId: r,
+					connections: o.connections
+				})
 			})
 		]
 	});
 }
-function Ot({ stats: e }) {
-	return e ? /* @__PURE__ */ j("span", {
+function Lt({ stats: e }) {
+	return e ? /* @__PURE__ */ M("span", {
 		className: "la-observer-wait",
-		title: `Average of ${e.admitted.toLocaleString()} admitted requests in the selected time range; longest wait ${X(e.maxMs)}`,
-		children: [X(e.averageMs), /* @__PURE__ */ j("small", { children: ["max ", X(e.maxMs)] })]
-	}) : /* @__PURE__ */ A("span", {
+		title: `Average of ${e.admitted.toLocaleString()} admitted requests in the selected time range; longest wait ${Dt(e.maxMs)}`,
+		children: [Dt(e.averageMs), /* @__PURE__ */ M("small", { children: ["max ", Dt(e.maxMs)] })]
+	}) : /* @__PURE__ */ j("span", {
 		title: "No admitted requests in the selected time range",
 		children: "—"
 	});
 }
-function kt({ stats: e, range: t }) {
+function Rt({ stats: e, range: t }) {
 	return /* @__PURE__ */ j("section", {
 		className: "la-observer-queue-wait-detail",
 		"aria-label": "Queue wait",
-		children: [
-			/* @__PURE__ */ A("h3", { children: "Queue wait" }),
-			/* @__PURE__ */ A("p", { children: e ? `Time requests spent waiting to enter this actor ${V(t)}.` : `No requests were admitted to this actor ${V(t)}.` }),
-			e && /* @__PURE__ */ j("dl", {
-				className: "la-observer-summary la-observer-summary-compact",
-				children: [
-					/* @__PURE__ */ j("div", { children: [
-						/* @__PURE__ */ A("dt", { children: "Average" }),
-						/* @__PURE__ */ A("dd", {
-							"aria-label": "Average queue wait",
-							children: X(e.averageMs)
-						}),
-						/* @__PURE__ */ A("p", { children: "Per admitted request" })
-					] }),
-					/* @__PURE__ */ j("div", { children: [
-						/* @__PURE__ */ A("dt", { children: "Longest" }),
-						/* @__PURE__ */ A("dd", {
-							"aria-label": "Longest queue wait",
-							children: X(e.maxMs)
-						}),
-						/* @__PURE__ */ A("p", { children: "Single request" })
-					] }),
-					/* @__PURE__ */ j("div", { children: [
-						/* @__PURE__ */ A("dt", { children: "Admitted" }),
-						/* @__PURE__ */ A("dd", {
-							"aria-label": "Admitted requests",
-							children: e.admitted.toLocaleString()
-						}),
-						/* @__PURE__ */ A("p", { children: "Requests that entered the actor" })
-					] })
-				]
-			})
-		]
+		title: `Time waiting to enter this actor ${H(t)}`,
+		children: e ? /* @__PURE__ */ M("dl", { children: [
+			/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("dt", { children: "Avg queue wait" }), /* @__PURE__ */ j("dd", {
+				"aria-label": "Average queue wait",
+				children: Dt(e.averageMs)
+			})] }),
+			/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("dt", { children: "Max" }), /* @__PURE__ */ j("dd", {
+				"aria-label": "Longest queue wait",
+				children: Dt(e.maxMs)
+			})] }),
+			/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("dt", { children: "Admitted" }), /* @__PURE__ */ j("dd", {
+				"aria-label": "Admitted requests",
+				children: e.admitted.toLocaleString()
+			})] })
+		] }) : /* @__PURE__ */ M("p", { children: [
+			"No requests admitted ",
+			H(t),
+			"."
+		] })
 	});
 }
-function At({ waiting: e }) {
+function zt({ waiting: e }) {
 	return /* @__PURE__ */ j("section", {
 		className: "la-observer-waiting",
 		"aria-label": "Waiting requests",
-		children: [
-			/* @__PURE__ */ j("h3", { children: ["Waiting requests", e != null && ` (${e.length})`] }),
-			/* @__PURE__ */ A("p", { children: e == null ? "This host has not reported its waiting line." : e.length ? "Next to run first. Operations leave this line when they start." : "No requests waiting." }),
-			!!e?.length && /* @__PURE__ */ A(jt, { waiting: e })
-		]
+		children: e?.length ? /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ M("span", {
+			className: "la-observer-waiting-label",
+			children: ["Waiting ", /* @__PURE__ */ j("strong", { children: e.length })]
+		}), /* @__PURE__ */ j(Bt, { waiting: e })] }) : /* @__PURE__ */ j("p", { children: e == null ? "Queue reporting unavailable" : "No requests waiting." })
 	});
 }
-function jt({ waiting: e, compact: t = !1 }) {
-	if (e == null) return /* @__PURE__ */ A("span", {
+function Bt({ waiting: e, compact: t = !1 }) {
+	if (e == null) return /* @__PURE__ */ j("span", {
 		title: "Queue reporting is unavailable",
 		children: "Unavailable"
 	});
-	if (!e.length) return /* @__PURE__ */ A("span", {
+	if (!e.length) return /* @__PURE__ */ j("span", {
 		className: "la-observer-queue-empty",
 		children: "None"
 	});
 	let n = t ? e.slice(0, 3) : e;
-	return /* @__PURE__ */ j("ol", {
+	return /* @__PURE__ */ M("ol", {
 		className: `la-observer-queue${t ? " la-observer-queue-compact" : ""}`,
 		"aria-label": `${e.length} waiting requests, next to run first`,
-		children: [n.map((e, n) => /* @__PURE__ */ A("li", { children: /* @__PURE__ */ j(H, {
+		children: [n.map((e, n) => /* @__PURE__ */ j("li", { children: /* @__PURE__ */ M(U, {
 			variant: "outline",
 			className: "la-observer-queue-bubble",
 			title: e.operation,
-			children: [!t && /* @__PURE__ */ A("span", {
+			children: [!t && /* @__PURE__ */ j("span", {
 				className: "la-observer-queue-position",
 				children: n + 1
-			}), /* @__PURE__ */ A("span", {
+			}), /* @__PURE__ */ j("span", {
 				className: "la-observer-queue-operation",
 				children: e.operation
 			})]
-		}) }, e.id)), t && e.length > n.length && /* @__PURE__ */ A("li", { children: /* @__PURE__ */ j(H, {
+		}) }, e.id)), t && e.length > n.length && /* @__PURE__ */ j("li", { children: /* @__PURE__ */ M(U, {
 			"aria-label": `${e.length - n.length} more waiting requests`,
 			children: ["+", e.length - n.length]
 		}) })]
 	});
 }
-function Mt({ id: e, actorId: t, connections: n }) {
-	return /* @__PURE__ */ j("section", {
+function Vt({ id: e, actorId: t, connections: n }) {
+	return /* @__PURE__ */ M("section", {
 		id: e,
 		className: "la-observer-connections",
 		"aria-labelledby": `${e}-heading`,
-		children: [/* @__PURE__ */ A("div", {
+		children: [/* @__PURE__ */ j("div", {
 			className: "la-observer-instances-heading",
-			children: /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("h3", {
+			children: /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("h3", {
 				id: `${e}-heading`,
 				children: [
 					t,
 					" WebSockets ",
-					/* @__PURE__ */ A(H, {
+					/* @__PURE__ */ j(U, {
 						"aria-hidden": "true",
 						children: n.length.toLocaleString()
 					})
 				]
-			}), /* @__PURE__ */ A("p", { children: `${n.length.toLocaleString()} active ${n.length === 1 ? "connection" : "connections"}` })] })
-		}), n.length ? /* @__PURE__ */ A("div", {
+			}), /* @__PURE__ */ j("p", { children: `${n.length.toLocaleString()} active ${n.length === 1 ? "connection" : "connections"}` })] })
+		}), n.length ? /* @__PURE__ */ j("div", {
 			className: "la-observer-table-frame",
-			children: /* @__PURE__ */ j(W, {
+			children: /* @__PURE__ */ M(G, {
 				"aria-label": `${t} WebSocket connections`,
 				className: "la-observer-connection-table",
-				children: [/* @__PURE__ */ A(G, { children: /* @__PURE__ */ j(q, { children: [/* @__PURE__ */ A(J, {
+				children: [/* @__PURE__ */ j(K, { children: /* @__PURE__ */ M(J, { children: [/* @__PURE__ */ j(Y, {
 					scope: "col",
 					children: "Socket"
-				}), /* @__PURE__ */ A(J, {
+				}), /* @__PURE__ */ j(Y, {
 					scope: "col",
 					children: "Metadata"
-				})] }) }), /* @__PURE__ */ A(K, { children: n.map((e) => /* @__PURE__ */ j(q, { children: [/* @__PURE__ */ A(Y, {
+				})] }) }), /* @__PURE__ */ j(q, { children: n.map((e) => /* @__PURE__ */ M(J, { children: [/* @__PURE__ */ j(X, {
 					className: "la-observer-socket-id",
 					children: e.id
-				}), /* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A("pre", { children: JSON.stringify(e.metadata, null, 2) }) })] }, e.id)) })]
+				}), /* @__PURE__ */ j(X, { children: /* @__PURE__ */ j("pre", { children: JSON.stringify(e.metadata, null, 2) }) })] }, e.id)) })]
 			})
-		}) : /* @__PURE__ */ j("div", {
+		}) : /* @__PURE__ */ M("div", {
 			className: "la-observer-no-connections",
 			role: "status",
-			children: [/* @__PURE__ */ A(w, { "aria-hidden": "true" }), /* @__PURE__ */ A("p", { children: "No active WebSocket connections." })]
+			children: [/* @__PURE__ */ j(T, { "aria-hidden": "true" }), /* @__PURE__ */ j("p", { children: "No active WebSocket connections." })]
 		})]
 	});
 }
-function Nt({ label: e, placeholder: t, value: n, onChange: r }) {
-	return /* @__PURE__ */ j("div", {
+function Ht({ label: e, placeholder: t, value: n, onChange: r }) {
+	return /* @__PURE__ */ M("div", {
 		className: "la-observer-search",
-		children: [/* @__PURE__ */ A(x, { "aria-hidden": "true" }), /* @__PURE__ */ A(B, {
+		children: [/* @__PURE__ */ j(S, { "aria-hidden": "true" }), /* @__PURE__ */ j(V, {
 			type: "search",
 			"aria-label": e,
 			placeholder: t,
@@ -2272,14 +2473,14 @@ function Nt({ label: e, placeholder: t, value: n, onChange: r }) {
 		})]
 	});
 }
-function Pt({ title: e, description: t, action: n, onReset: r }) {
-	return /* @__PURE__ */ j("div", {
+function Ut({ title: e, description: t, action: n, onReset: r }) {
+	return /* @__PURE__ */ M("div", {
 		className: "la-observer-empty",
 		children: [
-			/* @__PURE__ */ A(x, { "aria-hidden": "true" }),
-			/* @__PURE__ */ A("h3", { children: e }),
-			/* @__PURE__ */ A("p", { children: t }),
-			n && /* @__PURE__ */ A(z, {
+			/* @__PURE__ */ j(S, { "aria-hidden": "true" }),
+			/* @__PURE__ */ j("h3", { children: e }),
+			/* @__PURE__ */ j("p", { children: t }),
+			n && /* @__PURE__ */ j(B, {
 				type: "button",
 				variant: "outline",
 				onClick: r,
@@ -2288,26 +2489,26 @@ function Pt({ title: e, description: t, action: n, onReset: r }) {
 		]
 	});
 }
-function Ft(e, t) {
+function Wt(e, t) {
 	return e.toLocaleLowerCase().includes(t.trim().toLocaleLowerCase());
 }
-function It(e) {
+function Gt(e) {
 	return e[0].toUpperCase() + e.slice(1);
 }
 //#endregion
 //#region src/overview-data.ts
-function Lt(e) {
+function Kt(e) {
 	let t = e.filter((e) => e.outcome !== "rerouted");
 	return {
 		count: e.length,
 		success: t.length ? 100 * t.filter((e) => e.outcome === "completed").length / t.length : null,
-		p95: Vt(t.map((e) => e.durationMs))
+		p95: Xt(t.map((e) => e.durationMs))
 	};
 }
-function Rt(e, t, n) {
+function qt(e, t, n) {
 	return e.filter((e) => e.startedAtMs >= (t.fromMs ?? 0) && e.startedAtMs <= (t.toMs ?? n));
 }
-function zt(e) {
+function Jt(e) {
 	return e.actors.reduce((e, t) => ({
 		live: e.live + t.live,
 		dormant: e.dormant + t.dormant,
@@ -2320,33 +2521,33 @@ function zt(e) {
 		connections: 0
 	});
 }
-function Bt(e) {
-	return Vt(e.filter((e) => e.outcome !== "rerouted" && e.queueWaitMs !== null).map((e) => e.queueWaitMs));
+function Yt(e) {
+	return Xt(e.filter((e) => e.outcome !== "rerouted" && e.queueWaitMs !== null).map((e) => e.queueWaitMs));
 }
-function Vt(e) {
+function Xt(e) {
 	return e.length ? e.sort((e, t) => e - t)[Math.ceil(e.length * .95) - 1] : null;
 }
 //#endregion
 //#region src/overview-metrics.ts
-function Ht(e) {
+function Zt(e) {
 	let t = e;
-	if (!t || !Ut(t.total) || !Array.isArray(t.classes) || !t.classes.every(Ut)) throw Error("Invalid overview metrics response");
+	if (!t || !Qt(t.total) || !Array.isArray(t.classes) || !t.classes.every(Qt)) throw Error("Invalid overview metrics response");
 	return t;
 }
-function Ut(e) {
+function Qt(e) {
 	return !!e && typeof e.actorName == "string" && Number.isSafeInteger(e.count) && e.count >= 0 && [
 		e.success,
 		e.p95,
 		e.queueP95
 	].every((e) => e === null || typeof e == "number" && Number.isFinite(e) && e >= 0) && (e.success === null || e.success <= 100);
 }
-function Wt(e) {
+function $t(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) t.set(n.actorName, [...t.get(n.actorName) ?? [], n]);
 	let n = (e, t) => ({
 		actorName: e,
-		...Lt(t),
-		queueP95: Bt(t)
+		...Kt(t),
+		queueP95: Yt(t)
 	});
 	return {
 		total: n("", e),
@@ -2355,47 +2556,47 @@ function Wt(e) {
 }
 //#endregion
 //#region src/Overview.tsx
-function Gt({ client: e, onSelectActor: n, timeRange: r, onTimeRangeChange: i }) {
-	let o = qe(e), [s, c] = a(De), l = r ?? s, u = i ?? c, [d, f] = a(Date.now);
+function en({ client: e, onSelectActor: n, timeRange: r, onTimeRangeChange: i }) {
+	let o = tt(e), [s, c] = a(Fe), l = r ?? s, u = i ?? c, [d, f] = a(Date.now);
 	t(() => {
 		let e = setInterval(() => f(Date.now()), 1e4);
 		return () => clearInterval(e);
 	}, []);
-	let p = Oe(l, d), m = Xe(e, p, e.getMetrics), h = Je(e, !m.supported), g = h.page ? Wt(Rt(h.page.records, p, Math.max(d, Date.now()))) : void 0, _ = m.supported ? m.value : g, v = m.supported ? m.failed : h.failed;
-	return /* @__PURE__ */ j("section", {
+	let p = Ie(l, d), m = it(e, p, e.getMetrics), h = nt(e, !m.supported), g = h.page ? $t(qt(h.page.records, p, Math.max(d, Date.now()))) : void 0, _ = m.supported ? m.value : g, v = m.supported ? m.failed : h.failed;
+	return /* @__PURE__ */ M("section", {
 		className: "la-observer overview",
 		"aria-label": "Runtime overview",
 		children: [
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "overview-heading",
-				children: [/* @__PURE__ */ A("h1", { children: "Durable Actors" }), /* @__PURE__ */ j("div", {
+				children: [/* @__PURE__ */ j("h1", { children: "Durable Actors" }), /* @__PURE__ */ M("div", {
 					className: "overview-controls",
 					children: [
-						/* @__PURE__ */ A("span", {
+						/* @__PURE__ */ j("span", {
 							className: "overview-updated",
-							children: o.failed ? "Inventory reconnecting…" : o.updatedAt ? /* @__PURE__ */ j(k, { children: ["Last inventory update ", /* @__PURE__ */ A("time", {
+							children: o.failed ? "Inventory reconnecting…" : o.updatedAt ? /* @__PURE__ */ M(A, { children: ["Last inventory update ", /* @__PURE__ */ j("time", {
 								dateTime: new Date(o.updatedAt).toISOString(),
 								children: new Date(o.updatedAt).toLocaleTimeString([], { hour12: !1 })
 							})] }) : "Connecting…"
 						}),
-						/* @__PURE__ */ A(Me, {
+						/* @__PURE__ */ j(Be, {
 							value: l,
 							onChange: u,
 							className: "overview-range"
 						}),
-						/* @__PURE__ */ A(z, {
+						/* @__PURE__ */ j(B, {
 							variant: "outline",
 							size: "icon",
 							"aria-label": "Refresh overview",
 							onClick: () => {
 								o.retry(), m.retry(), h.retry();
 							},
-							children: /* @__PURE__ */ A(ee, { "aria-hidden": "true" })
+							children: /* @__PURE__ */ j(te, { "aria-hidden": "true" })
 						})
 					]
 				})]
 			}),
-			o.failed && /* @__PURE__ */ j("p", {
+			o.failed && /* @__PURE__ */ M("p", {
 				className: "overview-alert",
 				role: "alert",
 				children: [
@@ -2404,7 +2605,7 @@ function Gt({ client: e, onSelectActor: n, timeRange: r, onTimeRangeChange: i })
 					" Retrying automatically."
 				]
 			}),
-			v && /* @__PURE__ */ j("p", {
+			v && /* @__PURE__ */ M("p", {
 				className: "overview-alert",
 				role: "alert",
 				children: [
@@ -2415,18 +2616,18 @@ function Gt({ client: e, onSelectActor: n, timeRange: r, onTimeRangeChange: i })
 					"Retrying automatically."
 				]
 			}),
-			/* @__PURE__ */ A(Kt, {
+			/* @__PURE__ */ j(tn, {
 				inventory: o.inventory,
 				metrics: _,
 				range: l
 			}),
-			/* @__PURE__ */ A(qt, {
+			/* @__PURE__ */ j(nn, {
 				inventory: o.inventory,
 				metrics: _,
 				failed: o.failed,
 				onSelectActor: n
 			}),
-			/* @__PURE__ */ A(Zt, {
+			/* @__PURE__ */ j(sn, {
 				page: m.supported ? void 0 : h.page,
 				range: l,
 				saved: m.supported
@@ -2434,133 +2635,133 @@ function Gt({ client: e, onSelectActor: n, timeRange: r, onTimeRangeChange: i })
 		]
 	});
 }
-function Kt({ inventory: e, metrics: t, range: n }) {
-	let r = e ? zt(e) : void 0, i = r ? r.live + r.dormant + r.unknown : void 0, a = t?.total;
-	return /* @__PURE__ */ j("div", {
+function tn({ inventory: e, metrics: t, range: n }) {
+	let r = e ? Jt(e) : void 0, i = r ? r.live + r.dormant + r.unknown : void 0, a = t?.total;
+	return /* @__PURE__ */ M("div", {
 		className: "overview-metrics",
 		children: [
-			/* @__PURE__ */ j("section", {
+			/* @__PURE__ */ M("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ A("h2", { children: "Actor instances" }),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ j("h2", { children: "Actor instances" }),
+					/* @__PURE__ */ M("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ A("strong", {
+						children: [/* @__PURE__ */ j("strong", {
 							"aria-label": "Actor instances",
 							children: Z(i)
-						}), /* @__PURE__ */ A("span", { children: e ? `${e.actors.length} actor ${e.actors.length === 1 ? "class" : "classes"}` : "Waiting for inventory" })]
+						}), /* @__PURE__ */ j("span", { children: e ? `${e.actors.length} actor ${e.actors.length === 1 ? "class" : "classes"}` : "Waiting for inventory" })]
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "overview-residency",
 						"aria-hidden": "true",
-						children: r && Object.entries(r).filter(([e]) => e !== "connections").map(([e, t]) => /* @__PURE__ */ A("span", {
+						children: r && Object.entries(r).filter(([e]) => e !== "connections").map(([e, t]) => /* @__PURE__ */ j("span", {
 							className: `residency-${e}`,
 							style: { flexGrow: t }
 						}, e))
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ M("div", {
 						className: "overview-metric-foot",
 						children: [
-							/* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A("b", { children: Z(r?.live) }), " live"] }),
-							/* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A("b", { children: Z(r?.dormant) }), " dormant"] }),
-							!!r?.unknown && /* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A("b", { children: Z(r.unknown) }), " unknown"] })
+							/* @__PURE__ */ M("span", { children: [/* @__PURE__ */ j("b", { children: Z(r?.live) }), " live"] }),
+							/* @__PURE__ */ M("span", { children: [/* @__PURE__ */ j("b", { children: Z(r?.dormant) }), " dormant"] }),
+							!!r?.unknown && /* @__PURE__ */ M("span", { children: [/* @__PURE__ */ j("b", { children: Z(r.unknown) }), " unknown"] })
 						]
 					})
 				]
 			}),
-			/* @__PURE__ */ j("section", {
+			/* @__PURE__ */ M("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ A("h2", { children: "Requests" }),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ j("h2", { children: "Requests" }),
+					/* @__PURE__ */ M("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ A("strong", {
+						children: [/* @__PURE__ */ j("strong", {
 							"aria-label": "Retained requests",
 							children: Z(a?.count)
-						}), /* @__PURE__ */ A("span", { children: V(n) })]
+						}), /* @__PURE__ */ j("span", { children: H(n) })]
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ M("div", {
 						className: "overview-health",
 						children: [
-							/* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A(Yt, {
+							/* @__PURE__ */ M("span", { children: [/* @__PURE__ */ j(an, {
 								value: a?.success,
 								kind: "success"
 							}), " success"] }),
-							/* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A(Yt, {
+							/* @__PURE__ */ M("span", { children: [/* @__PURE__ */ j(an, {
 								value: a?.p95,
 								kind: "latency"
 							}), " p95 latency"] }),
-							/* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A("b", { children: $t(a?.queueP95) }), " p95 queue wait"] })
+							/* @__PURE__ */ M("span", { children: [/* @__PURE__ */ j("b", { children: ln(a?.queueP95) }), " p95 queue wait"] })
 						]
 					})
 				]
 			}),
-			/* @__PURE__ */ j("section", {
+			/* @__PURE__ */ M("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ A("h2", { children: "WebSocket connections" }),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ j("h2", { children: "WebSocket connections" }),
+					/* @__PURE__ */ M("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ A("strong", {
+						children: [/* @__PURE__ */ j("strong", {
 							"aria-label": "Open WebSocket connections",
 							children: Z(r?.connections)
-						}), /* @__PURE__ */ A("span", { children: "open" })]
+						}), /* @__PURE__ */ j("span", { children: "open" })]
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ M("div", {
 						className: "overview-health",
-						children: [/* @__PURE__ */ A("span", { children: "Current inventory snapshot" }), /* @__PURE__ */ A("span", { children: "Active sockets" })]
+						children: [/* @__PURE__ */ j("span", { children: "Current inventory snapshot" }), /* @__PURE__ */ j("span", { children: "Active sockets" })]
 					})
 				]
 			})
 		]
 	});
 }
-function qt({ inventory: e, metrics: t, failed: n, onSelectActor: r }) {
+function nn({ inventory: e, metrics: t, failed: n, onSelectActor: r }) {
 	let [i, o] = a(""), [s, c] = a("all"), l = e?.actors.filter((e) => e.actorName.toLocaleLowerCase().includes(i.trim().toLocaleLowerCase()) && (s === "all" || e[s] > 0)).sort((e, t) => Number(t.live > 0) - Number(e.live > 0)) ?? [];
-	return /* @__PURE__ */ j("section", {
+	return /* @__PURE__ */ M("section", {
 		"aria-label": "Actor classes",
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ M("div", {
 			className: "overview-section-heading",
-			children: [/* @__PURE__ */ j("h2", { children: ["Actor classes ", /* @__PURE__ */ A("span", { children: Z(e?.actors.length) })] }), /* @__PURE__ */ A(Xt, {})]
-		}), /* @__PURE__ */ j("div", {
+			children: [/* @__PURE__ */ M("h2", { children: ["Actor classes ", /* @__PURE__ */ j("span", { children: Z(e?.actors.length) })] }), /* @__PURE__ */ j(on, {})]
+		}), /* @__PURE__ */ M("div", {
 			className: "overview-panel",
 			children: [
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "overview-filterbar",
-					children: [/* @__PURE__ */ j("div", {
+					children: [/* @__PURE__ */ M("div", {
 						className: "overview-search",
-						children: [/* @__PURE__ */ A(x, { "aria-hidden": "true" }), /* @__PURE__ */ A(B, {
+						children: [/* @__PURE__ */ j(S, { "aria-hidden": "true" }), /* @__PURE__ */ j(V, {
 							"aria-label": "Filter actor classes",
 							placeholder: "Filter actor classes…",
 							value: i,
 							onInput: (e) => o(e.currentTarget.value)
 						})]
-					}), /* @__PURE__ */ j(Be, {
+					}), /* @__PURE__ */ M(Je, {
 						"aria-label": "Filter by residency",
 						size: "sm",
 						value: s,
 						onChange: (e) => c(e.target.value),
 						children: [
-							/* @__PURE__ */ A(U, {
+							/* @__PURE__ */ j(W, {
 								value: "all",
 								children: "All states"
 							}),
-							/* @__PURE__ */ A(U, {
+							/* @__PURE__ */ j(W, {
 								value: "live",
 								children: "Live instances"
 							}),
-							/* @__PURE__ */ A(U, {
+							/* @__PURE__ */ j(W, {
 								value: "dormant",
 								children: "Dormant instances"
 							}),
-							/* @__PURE__ */ A(U, {
+							/* @__PURE__ */ j(W, {
 								value: "unknown",
 								children: "Unknown residency"
 							})
 						]
 					})]
 				}),
-				/* @__PURE__ */ j(W, {
+				/* @__PURE__ */ M(G, {
 					className: "overview-table",
 					"aria-label": "Actor class metrics",
 					containerProps: {
@@ -2570,69 +2771,69 @@ function qt({ inventory: e, metrics: t, failed: n, onSelectActor: r }) {
 						tabIndex: 0
 					},
 					children: [
-						/* @__PURE__ */ j("colgroup", { children: [/* @__PURE__ */ A("col", { className: "overview-class-column" }), /* @__PURE__ */ A("col", { span: 6 })] }),
-						/* @__PURE__ */ j(G, { children: [/* @__PURE__ */ j(q, {
+						/* @__PURE__ */ M("colgroup", { children: [/* @__PURE__ */ j("col", { className: "overview-class-column" }), /* @__PURE__ */ j("col", { span: 6 })] }),
+						/* @__PURE__ */ M(K, { children: [/* @__PURE__ */ M(J, {
 							className: "overview-groups",
 							children: [
-								/* @__PURE__ */ A(J, {
+								/* @__PURE__ */ j(Y, {
 									scope: "colgroup",
 									colSpan: 2,
 									children: "Actors"
 								}),
-								/* @__PURE__ */ A(J, {
+								/* @__PURE__ */ j(Y, {
 									scope: "colgroup",
 									colSpan: 4,
 									children: "Requests"
 								}),
-								/* @__PURE__ */ A(J, {
+								/* @__PURE__ */ j(Y, {
 									scope: "colgroup",
 									children: "WebSockets"
 								})
 							]
-						}), /* @__PURE__ */ j(q, { children: [
-							/* @__PURE__ */ A(J, {
+						}), /* @__PURE__ */ M(J, { children: [
+							/* @__PURE__ */ j(Y, {
 								scope: "col",
 								children: "Class"
 							}),
-							/* @__PURE__ */ A(J, {
+							/* @__PURE__ */ j(Y, {
 								scope: "col",
 								children: "Instances"
 							}),
-							/* @__PURE__ */ A(J, {
+							/* @__PURE__ */ j(Y, {
 								scope: "col",
 								children: "Total"
 							}),
-							/* @__PURE__ */ A(J, {
+							/* @__PURE__ */ j(Y, {
 								scope: "col",
 								children: "Success"
 							}),
-							/* @__PURE__ */ A(J, {
+							/* @__PURE__ */ j(Y, {
 								scope: "col",
 								children: "p95 latency"
 							}),
-							/* @__PURE__ */ A(J, {
+							/* @__PURE__ */ j(Y, {
 								scope: "col",
 								children: "p95 queue wait"
 							}),
-							/* @__PURE__ */ A(J, {
+							/* @__PURE__ */ j(Y, {
 								scope: "col",
 								children: "Connected"
 							})
 						] })] }),
-						/* @__PURE__ */ A(K, { children: l.map((e) => /* @__PURE__ */ A(Jt, {
+						/* @__PURE__ */ j(q, { children: l.map((e) => /* @__PURE__ */ j(rn, {
 							actor: e,
-							metrics: t && (t.classes.find((t) => t.actorName === e.actorName) ?? Qt(e.actorName)),
+							metrics: t && (t.classes.find((t) => t.actorName === e.actorName) ?? cn(e.actorName)),
 							onSelectActor: r
 						}, e.actorName)) })
 					]
 				}),
-				!l.length && /* @__PURE__ */ j("div", {
+				!l.length && /* @__PURE__ */ M("div", {
 					className: "overview-empty",
 					role: "status",
 					children: [
-						/* @__PURE__ */ A("strong", { children: e ? e.actors.length ? "No matching actor classes" : "No actors yet" : n ? "Inventory unavailable" : "Loading actor classes…" }),
-						/* @__PURE__ */ A("p", { children: e?.actors.length ? "Try another class name or residency state." : "Actor classes appear after deployment." }),
-						!!e?.actors.length && /* @__PURE__ */ A(z, {
+						/* @__PURE__ */ j("strong", { children: e ? e.actors.length ? "No matching actor classes" : "No actors yet" : n ? "Inventory unavailable" : "Loading actor classes…" }),
+						/* @__PURE__ */ j("p", { children: e?.actors.length ? "Try another class name or residency state." : "Actor classes appear after deployment." }),
+						!!e?.actors.length && /* @__PURE__ */ j(B, {
 							variant: "outline",
 							onClick: () => {
 								o(""), c("all");
@@ -2645,88 +2846,88 @@ function qt({ inventory: e, metrics: t, failed: n, onSelectActor: r }) {
 		})]
 	});
 }
-function Jt({ actor: e, metrics: t, onSelectActor: n }) {
-	return /* @__PURE__ */ j(q, {
+function rn({ actor: e, metrics: t, onSelectActor: n }) {
+	return /* @__PURE__ */ M(J, {
 		className: "la-clickable-row",
 		onClick: () => n(e.actorName),
 		children: [
-			/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A(z, {
+			/* @__PURE__ */ j(X, { children: /* @__PURE__ */ j(B, {
 				variant: "ghost",
 				type: "button",
 				className: "overview-class-link",
 				"aria-label": `Inspect ${e.actorName}`,
-				children: /* @__PURE__ */ A("span", {
+				children: /* @__PURE__ */ j("span", {
 					title: e.actorName,
 					children: e.actorName
 				})
 			}) }),
-			/* @__PURE__ */ A(Y, { children: Z(e.live + e.dormant + e.unknown) }),
-			/* @__PURE__ */ A(Y, { children: Z(t?.count) }),
-			/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A(Yt, {
+			/* @__PURE__ */ j(X, { children: Z(e.live + e.dormant + e.unknown) }),
+			/* @__PURE__ */ j(X, { children: Z(t?.count) }),
+			/* @__PURE__ */ j(X, { children: /* @__PURE__ */ j(an, {
 				value: t?.success,
 				kind: "success"
 			}) }),
-			/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A(Yt, {
+			/* @__PURE__ */ j(X, { children: /* @__PURE__ */ j(an, {
 				value: t?.p95,
 				kind: "latency"
 			}) }),
-			/* @__PURE__ */ A(Y, { children: $t(t?.queueP95) }),
-			/* @__PURE__ */ A(Y, { children: Z(e.instances.reduce((e, t) => e + t.connections.length, 0)) })
+			/* @__PURE__ */ j(X, { children: ln(t?.queueP95) }),
+			/* @__PURE__ */ j(X, { children: Z(e.instances.reduce((e, t) => e + t.connections.length, 0)) })
 		]
 	});
 }
-function Yt({ value: e, kind: t }) {
-	if (e == null) return /* @__PURE__ */ A("span", {
+function an({ value: e, kind: t }) {
+	if (e == null) return /* @__PURE__ */ j("span", {
 		title: "No retained execution attempts",
 		children: "—"
 	});
 	let n = t === "success" ? e < 95 ? "bad" : e < 99 ? "warn" : "good" : e > 100 ? "bad" : "good";
-	return /* @__PURE__ */ j("span", {
+	return /* @__PURE__ */ M("span", {
 		className: `overview-signal signal-${n}`,
 		title: n === "bad" ? "Critical threshold breached" : n === "warn" ? "Warning threshold breached" : "Within threshold",
-		children: [n !== "good" && /* @__PURE__ */ A("span", {
+		children: [n !== "good" && /* @__PURE__ */ j("span", {
 			"aria-hidden": "true",
 			children: n === "warn" ? "!" : "×"
-		}), t === "success" ? `${e.toLocaleString(void 0, { maximumFractionDigits: 2 })}%` : $t(e)]
+		}), t === "success" ? `${e.toLocaleString(void 0, { maximumFractionDigits: 2 })}%` : ln(e)]
 	});
 }
-function Xt() {
-	return /* @__PURE__ */ j("details", {
+function on() {
+	return /* @__PURE__ */ M("details", {
 		className: "overview-thresholds",
-		children: [/* @__PURE__ */ j("summary", { children: [/* @__PURE__ */ j("span", {
+		children: [/* @__PURE__ */ M("summary", { children: [/* @__PURE__ */ M("span", {
 			className: "threshold-dots",
 			"aria-hidden": "true",
 			children: [
-				/* @__PURE__ */ A("i", {}),
-				/* @__PURE__ */ A("i", {}),
-				/* @__PURE__ */ A("i", {})
+				/* @__PURE__ */ j("i", {}),
+				/* @__PURE__ */ j("i", {}),
+				/* @__PURE__ */ j("i", {})
 			]
-		}), "Thresholds"] }), /* @__PURE__ */ j("div", { children: [
-			/* @__PURE__ */ A("strong", { children: "Display thresholds" }),
-			/* @__PURE__ */ A("p", { children: "Success: warning below 99%; critical below 95%." }),
-			/* @__PURE__ */ A("p", { children: "Latency: critical when p95 exceeds 100 ms." }),
-			/* @__PURE__ */ A("p", { children: "Reroutes are excluded from success and latency. Queue wait has no health threshold." })
+		}), "Thresholds"] }), /* @__PURE__ */ M("div", { children: [
+			/* @__PURE__ */ j("strong", { children: "Display thresholds" }),
+			/* @__PURE__ */ j("p", { children: "Success: warning below 99%; critical below 95%." }),
+			/* @__PURE__ */ j("p", { children: "Latency: critical when p95 exceeds 100 ms." }),
+			/* @__PURE__ */ j("p", { children: "Reroutes are excluded from success and latency. Queue wait has no health threshold." })
 		] })]
 	});
 }
-function Zt({ page: e, range: t, saved: n }) {
-	return /* @__PURE__ */ j("div", {
+function sn({ page: e, range: t, saved: n }) {
+	return /* @__PURE__ */ M("div", {
 		className: "overview-data-scope",
 		children: [
-			/* @__PURE__ */ A("p", { children: n ? `Request metrics cover every retained request ${V(t)}${t.kind === "relative" ? " (refreshed every 10 seconds)" : ""}. Inventory counts are current snapshots.` : `Request metrics cover the latest ${e?.capacity ?? 500} retained traces within the selected window. Inventory counts are current snapshots.` }),
-			!!e?.dropped && /* @__PURE__ */ j("p", {
+			/* @__PURE__ */ j("p", { children: n ? `Request metrics cover every retained request ${H(t)}${t.kind === "relative" ? " (refreshed every 10 seconds)" : ""}. Inventory counts are current snapshots.` : `Request metrics cover the latest ${e?.capacity ?? 500} retained traces within the selected window. Inventory counts are current snapshots.` }),
+			!!e?.dropped && /* @__PURE__ */ M("p", {
 				role: "alert",
 				children: [Z(e.dropped), " traces were not delivered. Request metrics are incomplete."]
 			}),
-			e?.persistenceFailed && /* @__PURE__ */ A("p", {
+			e?.persistenceFailed && /* @__PURE__ */ j("p", {
 				role: "alert",
 				children: "Some request events could not be saved. This history may be incomplete."
 			}),
-			!!e?.evicted && /* @__PURE__ */ A("p", { children: "Earlier traces have expired; these metrics do not represent the full time window." })
+			!!e?.evicted && /* @__PURE__ */ j("p", { children: "Earlier traces have expired; these metrics do not represent the full time window." })
 		]
 	});
 }
-function Qt(e) {
+function cn(e) {
 	return {
 		actorName: e,
 		count: 0,
@@ -2738,23 +2939,23 @@ function Qt(e) {
 function Z(e) {
 	return e === void 0 ? "—" : e.toLocaleString();
 }
-function $t(e) {
+function ln(e) {
 	return e == null ? "—" : `${e.toLocaleString(void 0, { maximumFractionDigits: 1 })} ms`;
 }
 //#endregion
 //#region src/socket-sessions.ts
-function en(e) {
-	if (!Array.isArray(e) || !e.every((e) => !!e && typeof e == "object" && ln(e))) throw Error("Invalid WebSocket session response");
+function un(e) {
+	if (!Array.isArray(e) || !e.every((e) => !!e && typeof e == "object" && vn(e))) throw Error("Invalid WebSocket session response");
 	return e;
 }
-function tn(e, t, n) {
+function dn(e, t, n) {
 	return JSON.stringify([
 		e,
 		t,
 		n
 	]);
 }
-function nn(e, t, n = /* @__PURE__ */ new Map()) {
+function fn(e, t, n = /* @__PURE__ */ new Map()) {
 	let r = /* @__PURE__ */ new Map();
 	for (let e of t?.actors ?? []) for (let t of e.instances) for (let n of t.connections) r.set(JSON.stringify([
 		e.actorName,
@@ -2781,7 +2982,7 @@ function nn(e, t, n = /* @__PURE__ */ new Map()) {
 		e.connectionId
 	])));
 	for (let e of t?.actors ?? []) for (let t of e.instances) for (let r of t.connections) {
-		let o = tn(e.actorName, t.actorId, r.id);
+		let o = dn(e.actorName, t.actorId, r.id);
 		if (a.has(o)) continue;
 		let s = n.get(o);
 		i.unshift({
@@ -2801,7 +3002,7 @@ function nn(e, t, n = /* @__PURE__ */ new Map()) {
 	}
 	return i;
 }
-function rn(e, t) {
+function pn(e, t) {
 	if (e.openedAtMs === null) return null;
 	let n = e.status === "closed" ? e.closedAtMs : e.status === "open" ? Math.max(t, e.openedAtMs) : e.lastSeenMs;
 	return {
@@ -2809,19 +3010,19 @@ function rn(e, t) {
 		lowerBound: e.status === "lost"
 	};
 }
-function an(e, t) {
-	let n = e.map((e) => rn(e, t)).filter((e) => e !== null && !e.lowerBound), r = e.reduce((e, t) => e + t.messages, 0);
+function mn(e, t) {
+	let n = e.map((e) => pn(e, t)).filter((e) => e !== null && !e.lowerBound), r = e.reduce((e, t) => e + t.messages, 0);
 	return {
 		total: e.length,
 		open: e.filter((e) => e.status === "open").length,
 		lost: e.filter((e) => e.status === "lost").length,
-		median: cn(n.map((e) => e.ms), .5),
-		p95: cn(n.map((e) => e.ms), .95),
+		median: _n(n.map((e) => e.ms), .5),
+		p95: _n(n.map((e) => e.ms), .95),
 		messages: r,
 		messagesPerSession: e.length ? r / e.length : null
 	};
 }
-function on(e) {
+function hn(e) {
 	if (e < 1e3) return `${e.toLocaleString(void 0, { maximumFractionDigits: 0 })} ms`;
 	if (e < 6e4) return `${(e / 1e3).toLocaleString(void 0, { maximumFractionDigits: 1 })} s`;
 	let t = Math.floor(e / 6e4);
@@ -2829,7 +3030,7 @@ function on(e) {
 	let n = Math.floor(t / 60);
 	return n < 24 ? `${n}h ${t % 60}m` : `${Math.floor(n / 24)}d ${n % 24}h`;
 }
-function sn(e, t = 3) {
+function gn(e, t = 3) {
 	if (e == null) return null;
 	if (typeof e != "object") return String(e);
 	let n = Array.isArray(e) ? e.map((e, t) => [String(t), e]) : Object.entries(e);
@@ -2837,10 +3038,10 @@ function sn(e, t = 3) {
 	let r = n.slice(0, t).map(([e, t]) => `${e}: ${typeof t == "string" ? t : JSON.stringify(t)}`);
 	return n.length > t ? `${r.join(" · ")} · +${n.length - t}` : r.join(" · ");
 }
-function cn(e, t) {
+function _n(e, t) {
 	return e.length ? e.sort((e, t) => e - t)[Math.max(0, Math.ceil(e.length * t) - 1)] : null;
 }
-function ln(e) {
+function vn(e) {
 	return typeof e.connectionId == "string" && typeof e.actorName == "string" && typeof e.actorId == "string" && (e.hostId === null || typeof e.hostId == "string") && [
 		e.openedAtMs,
 		e.closedAtMs,
@@ -2849,7 +3050,7 @@ function ln(e) {
 }
 //#endregion
 //#region src/SocketTimeline.tsx
-var un = 18, dn = 8, fn = 40, Q = 6e4, pn = 60 * Q, mn = 24 * pn, hn = [
+var yn = 18, bn = 8, xn = 40, Q = 6e4, Sn = 60 * Q, Cn = 24 * Sn, wn = [
 	1e3,
 	2e3,
 	5e3,
@@ -2862,17 +3063,17 @@ var un = 18, dn = 8, fn = 40, Q = 6e4, pn = 60 * Q, mn = 24 * pn, hn = [
 	10 * Q,
 	15 * Q,
 	30 * Q,
-	pn,
-	2 * pn,
-	3 * pn,
-	6 * pn,
-	12 * pn,
-	mn,
-	2 * mn,
-	7 * mn
+	Sn,
+	2 * Sn,
+	3 * Sn,
+	6 * Sn,
+	12 * Sn,
+	Cn,
+	2 * Cn,
+	7 * Cn
 ];
-function gn({ sessions: e, start: t, end: n, endLabel: r = "now", selected: i, onSelect: o }) {
-	let [s, c] = a(), l = yn(e, t, n), u = l.slice(0, fn), d = Math.max(1, n - t), f = Cn(t, n), p = wn(d), m = (e) => `${(Math.min(Math.max(e, t), n) - t) / d * 100}%`, h = (e, t) => {
+function Tn({ sessions: e, start: t, end: n, endLabel: r = "now", selected: i, onSelect: o }) {
+	let [s, c] = a(), l = On(e, t, n), u = l.slice(0, xn), d = Math.max(1, n - t), f = Mn(t, n), p = Nn(d), m = (e) => `${(Math.min(Math.max(e, t), n) - t) / d * 100}%`, h = (e, t) => {
 		let n = t.getBoundingClientRect(), r = t.closest(".socket-timeline").getBoundingClientRect(), i = n.top - r.top < 150;
 		c({
 			session: e,
@@ -2881,50 +3082,50 @@ function gn({ sessions: e, start: t, end: n, endLabel: r = "now", selected: i, o
 			below: i
 		});
 	};
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ M("div", {
 		className: "socket-timeline",
 		role: "group",
 		"aria-label": "Connection timeline",
 		onMouseLeave: () => c(void 0),
 		children: [
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "socket-timeline-axis",
 				"aria-hidden": "true",
-				children: [/* @__PURE__ */ A("span", {}), /* @__PURE__ */ j("div", { children: [f.map((e) => /* @__PURE__ */ A("span", {
+				children: [/* @__PURE__ */ j("span", {}), /* @__PURE__ */ M("div", { children: [f.map((e) => /* @__PURE__ */ j("span", {
 					style: { left: m(e) },
-					children: Tn(e, p)
-				}, e)), /* @__PURE__ */ A("span", {
+					children: Pn(e, p)
+				}, e)), /* @__PURE__ */ j("span", {
 					className: "socket-timeline-now",
 					children: r
 				})] })]
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "socket-timeline-body",
 				children: [
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "socket-timeline-grid",
 						"aria-hidden": "true",
-						children: f.map((e) => /* @__PURE__ */ A("i", { style: { left: m(e) } }, e))
+						children: f.map((e) => /* @__PURE__ */ j("i", { style: { left: m(e) } }, e))
 					}),
-					u.map((e) => /* @__PURE__ */ j("div", {
+					u.map((e) => /* @__PURE__ */ M("div", {
 						className: "socket-timeline-row",
-						children: [/* @__PURE__ */ j("div", {
+						children: [/* @__PURE__ */ M("div", {
 							className: "socket-timeline-label",
 							title: `${e.actorName} / ${e.actorId}`,
-							children: [/* @__PURE__ */ A("span", { children: e.actorName }), /* @__PURE__ */ A("strong", { children: e.actorId })]
-						}), /* @__PURE__ */ A("div", {
+							children: [/* @__PURE__ */ j("span", { children: e.actorName }), /* @__PURE__ */ j("strong", { children: e.actorId })]
+						}), /* @__PURE__ */ j("div", {
 							className: "socket-timeline-lanes",
-							style: { height: e.rows.length * un + 16 },
-							children: e.rows.flatMap((e, t) => e.map((e) => /* @__PURE__ */ A("button", {
+							style: { height: e.rows.length * yn + 16 },
+							children: e.rows.flatMap((e, t) => e.map((e) => /* @__PURE__ */ j("button", {
 								type: "button",
 								className: `socket-bar socket-bar-${e.session.status}${e.openEnded ? " socket-bar-open-ended" : ""}${e.unknownStart ? " socket-bar-unknown-start" : ""}`,
 								"data-state": i === e.session ? "selected" : void 0,
 								style: {
 									left: m(e.from),
 									width: `${(e.to - e.from) / d * 100}%`,
-									top: dn + t * un
+									top: bn + t * yn
 								},
-								"aria-label": kn(e.session, n),
+								"aria-label": Rn(e.session, n),
 								onClick: (t) => o(e.session, t.currentTarget),
 								onMouseEnter: (t) => h(e.session, t.currentTarget),
 								onFocus: (t) => h(e.session, t.currentTarget),
@@ -2932,62 +3133,62 @@ function gn({ sessions: e, start: t, end: n, endLabel: r = "now", selected: i, o
 							}, e.session.connectionId)))
 						})]
 					}, e.key)),
-					l.length > fn && /* @__PURE__ */ j("p", {
+					l.length > xn && /* @__PURE__ */ M("p", {
 						className: "socket-timeline-more",
 						children: [
-							(l.length - fn).toLocaleString(),
+							(l.length - xn).toLocaleString(),
 							" more ",
-							l.length - fn === 1 ? "instance is" : "instances are",
+							l.length - xn === 1 ? "instance is" : "instances are",
 							" listed in the table below."
 						]
 					})
 				]
 			}),
-			s && /* @__PURE__ */ j("div", {
+			s && /* @__PURE__ */ M("div", {
 				role: "tooltip",
 				className: `socket-tooltip${s.below ? " socket-tooltip-below" : ""}`,
 				style: {
 					left: s.left,
 					top: s.top
 				},
-				children: [/* @__PURE__ */ A(vn, { metadata: s.session.metadata }), /* @__PURE__ */ j("dl", { children: [
-					/* @__PURE__ */ A("dt", { children: "Connection" }),
-					/* @__PURE__ */ A("dd", { children: On(s.session.connectionId) }),
-					/* @__PURE__ */ A("dt", { children: "Instance" }),
-					/* @__PURE__ */ j("dd", { children: [
+				children: [/* @__PURE__ */ j(Dn, { metadata: s.session.metadata }), /* @__PURE__ */ M("dl", { children: [
+					/* @__PURE__ */ j("dt", { children: "Connection" }),
+					/* @__PURE__ */ j("dd", { children: Ln(s.session.connectionId) }),
+					/* @__PURE__ */ j("dt", { children: "Instance" }),
+					/* @__PURE__ */ M("dd", { children: [
 						s.session.actorName,
 						" / ",
 						s.session.actorId
 					] }),
-					/* @__PURE__ */ A("dt", { children: "Status" }),
-					/* @__PURE__ */ A("dd", { children: En(s.session.status) }),
-					/* @__PURE__ */ A("dt", { children: "Opened" }),
-					/* @__PURE__ */ A("dd", { children: s.session.openedAtMs === null ? "Before retained history" : `${s.session.estimatedStart ? "≈ " : ""}${new Date(s.session.openedAtMs).toLocaleTimeString([], { hour12: !1 })}` }),
-					/* @__PURE__ */ A("dt", { children: "Duration" }),
-					/* @__PURE__ */ A("dd", { children: Dn(s.session, n) }),
-					/* @__PURE__ */ A("dt", { children: "Messages" }),
-					/* @__PURE__ */ A("dd", { children: s.session.messages.toLocaleString() })
+					/* @__PURE__ */ j("dt", { children: "Status" }),
+					/* @__PURE__ */ j("dd", { children: Fn(s.session.status) }),
+					/* @__PURE__ */ j("dt", { children: "Opened" }),
+					/* @__PURE__ */ j("dd", { children: s.session.openedAtMs === null ? "Before retained history" : `${s.session.estimatedStart ? "≈ " : ""}${new Date(s.session.openedAtMs).toLocaleTimeString([], { hour12: !1 })}` }),
+					/* @__PURE__ */ j("dt", { children: "Duration" }),
+					/* @__PURE__ */ j("dd", { children: In(s.session, n) }),
+					/* @__PURE__ */ j("dt", { children: "Messages" }),
+					/* @__PURE__ */ j("dd", { children: s.session.messages.toLocaleString() })
 				] })]
 			})
 		]
 	});
 }
-var _n = 4;
-function vn({ metadata: e }) {
+var En = 4;
+function Dn({ metadata: e }) {
 	if (e == null) return null;
 	let t = typeof e == "object" ? Array.isArray(e) ? e.map((e, t) => [String(t), e]) : Object.entries(e) : [["value", e]];
-	return t.length ? /* @__PURE__ */ j("dl", {
+	return t.length ? /* @__PURE__ */ M("dl", {
 		className: "socket-tooltip-metadata",
 		"aria-label": "Connection metadata",
-		children: [t.slice(0, _n).map(([e, t]) => /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("dt", { children: e }), /* @__PURE__ */ A("dd", { children: typeof t == "string" ? t : JSON.stringify(t) })] }, e)), t.length > _n && /* @__PURE__ */ j("p", { children: [
+		children: [t.slice(0, En).map(([e, t]) => /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("dt", { children: e }), /* @__PURE__ */ j("dd", { children: typeof t == "string" ? t : JSON.stringify(t) })] }, e)), t.length > En && /* @__PURE__ */ M("p", { children: [
 			"+",
-			t.length - _n,
+			t.length - En,
 			" more in details"
 		] })]
 	}) : null;
 }
-function yn(e, t, n) {
-	let r = /* @__PURE__ */ new Map(), i = e.map((e) => bn(e, t, n)).filter((e) => e.to > t).sort((e, t) => e.from - t.from || e.to - t.to);
+function On(e, t, n) {
+	let r = /* @__PURE__ */ new Map(), i = e.map((e) => kn(e, t, n)).filter((e) => e.to > t).sort((e, t) => e.from - t.from || e.to - t.to);
 	for (let e of i) {
 		let i = `${e.session.actorName}${e.session.actorId}`, a = r.get(i) ?? {
 			key: i,
@@ -2996,38 +3197,38 @@ function yn(e, t, n) {
 			rows: []
 		};
 		r.set(i, a);
-		let o = a.rows.find((r) => r.at(-1).to + xn(t, n) <= e.from);
+		let o = a.rows.find((r) => r.at(-1).to + An(t, n) <= e.from);
 		o ? o.push(e) : a.rows.push([e]);
 	}
-	return [...r.values()].sort((e, t) => Sn(t) - Sn(e));
+	return [...r.values()].sort((e, t) => jn(t) - jn(e));
 }
-function bn(e, t, n) {
+function kn(e, t, n) {
 	let r = e.openedAtMs ?? (e.status === "open" ? t : e.lastSeenMs ?? t), i = e.status === "closed" ? e.closedAtMs : e.status === "open" ? n : e.lastSeenMs ?? r;
 	return {
 		session: e,
 		from: Math.max(t, r),
-		to: Math.max(Math.max(t, r) + xn(t, n), Math.min(n, i)),
+		to: Math.max(Math.max(t, r) + An(t, n), Math.min(n, i)),
 		openEnded: e.status !== "closed",
 		unknownStart: e.openedAtMs === null
 	};
 }
-function xn(e, t) {
+function An(e, t) {
 	return Math.max(1, (t - e) / 160);
 }
-function Sn(e) {
+function jn(e) {
 	return Math.max(...e.rows.flat().map((e) => e.to));
 }
-function Cn(e, t) {
-	let n = wn(Math.max(1, t - e)), r = [];
+function Mn(e, t) {
+	let n = Nn(Math.max(1, t - e)), r = [];
 	for (let i = Math.floor(e / n) * n + n; i < t - n * .35; i += n) r.push(i);
 	return r;
 }
-function wn(e) {
-	return hn.find((t) => e / t <= 9) ?? hn.at(-1);
+function Nn(e) {
+	return wn.find((t) => e / t <= 9) ?? wn.at(-1);
 }
-function Tn(e, t) {
+function Pn(e, t) {
 	let n = new Date(e);
-	return t >= mn ? n.toLocaleDateString([], {
+	return t >= Cn ? n.toLocaleDateString([], {
 		month: "short",
 		day: "numeric"
 	}) : t >= Q ? n.toLocaleTimeString([], {
@@ -3036,24 +3237,24 @@ function Tn(e, t) {
 		hour12: !1
 	}) : n.toLocaleTimeString([], { hour12: !1 });
 }
-function En(e) {
+function Fn(e) {
 	return e === "open" ? "Open" : e === "closed" ? "Closed" : "Lost";
 }
-function Dn(e, t) {
-	let n = rn(e, t);
-	return n ? `${n.lowerBound ? "≥ " : ""}${on(n.ms)}` : "Unknown";
+function In(e, t) {
+	let n = pn(e, t);
+	return n ? `${n.lowerBound ? "≥ " : ""}${hn(n.ms)}` : "Unknown";
 }
-function On(e) {
+function Ln(e) {
 	return e.length > 14 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e;
 }
-function kn(e, t) {
-	let n = sn(e.metadata);
-	return `${En(e.status)} connection ${On(e.connectionId)}${n === null ? "" : ` (${n})`} on ${e.actorName} ${e.actorId}, ${Dn(e, t)}`;
+function Rn(e, t) {
+	let n = gn(e.metadata);
+	return `${Fn(e.status)} connection ${Ln(e.connectionId)}${n === null ? "" : ` (${n})`} on ${e.actorName} ${e.actorId}, ${In(e, t)}`;
 }
 //#endregion
 //#region src/socket-history.ts
-function An(e, t) {
-	let n = Xe(e, t, e.listWebSockets, 5e3);
+function zn(e, t) {
+	let n = it(e, t, e.listWebSockets, 5e3);
 	return {
 		...n,
 		rows: n.value,
@@ -3062,52 +3263,52 @@ function An(e, t) {
 }
 //#endregion
 //#region src/WebSocketObserver.tsx
-function jn({ client: e, onSelectActor: n, timeRange: o, onTimeRangeChange: s }) {
-	let { inventory: c, failed: l, retry: u } = qe(e), [d, f] = a(De), p = o ?? d, m = s ?? f, [h, g] = a(Date.now), [_, v] = a(""), [y, b] = a("all"), [x, S] = a(), C = i(null), w = i(null);
+function Bn({ client: e, onSelectActor: n, timeRange: o, onTimeRangeChange: s }) {
+	let { inventory: c, failed: l, retry: u } = tt(e), [d, f] = a(Fe), p = o ?? d, m = s ?? f, [h, g] = a(Date.now), [_, v] = a(""), [y, ee] = a("all"), [b, x] = a(), S = i(null), C = i(null);
 	t(() => {
 		let e = setInterval(() => g(Date.now()), 5e3);
 		return () => clearInterval(e);
 	}, []);
-	let T = Oe(p, h), E = T.toMs ?? h, D = An(e, T), O = In(c, D.retry), M = r(() => nn(D.rows ?? [], c, O), [
-		D.rows,
+	let w = Ie(p, h), T = w.toMs ?? h, E = zn(e, w), D = Gn(c, E.retry), O = r(() => fn(E.rows ?? [], c, D), [
+		E.rows,
 		c,
-		O
-	]), N = !!c || l, P = _.trim().toLocaleLowerCase(), F = M.filter((e) => (y === "all" || e.status === y) && (!P || `${e.connectionId} ${e.actorName} ${e.actorId} ${e.hostId ?? ""}`.toLocaleLowerCase().includes(P))).sort((e, t) => Number(t.status === "open") - Number(e.status === "open") || (t.openedAtMs ?? t.lastSeenMs ?? Infinity) - (e.openedAtMs ?? e.lastSeenMs ?? Infinity)), I = an(M, h), L = Math.max(0, ...M.filter((e) => e.status !== "open").map((e) => rn(e, h)?.ms ?? 0)) || I.p95, te = Fn(F, T.fromMs, E), ne = r(() => Ln(M, c), [M, c]);
-	return t(() => S(void 0), [e, p]), /* @__PURE__ */ j("section", {
-		ref: C,
+		D
+	]), k = !!c || l, N = _.trim().toLocaleLowerCase(), P = O.filter((e) => (y === "all" || e.status === y) && (!N || `${e.connectionId} ${e.actorName} ${e.actorId} ${e.hostId ?? ""}`.toLocaleLowerCase().includes(N))).sort((e, t) => Number(t.status === "open") - Number(e.status === "open") || (t.openedAtMs ?? t.lastSeenMs ?? Infinity) - (e.openedAtMs ?? e.lastSeenMs ?? Infinity)), F = mn(O, h), I = Math.max(0, ...O.filter((e) => e.status !== "open").map((e) => pn(e, h)?.ms ?? 0)) || F.p95, ne = Wn(P, w.fromMs, T), L = r(() => Kn(O, c), [O, c]);
+	return t(() => x(void 0), [e, p]), /* @__PURE__ */ M("section", {
+		ref: S,
 		className: "la-observer overview websockets",
 		"aria-label": "WebSocket observer",
 		children: [
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "overview-heading",
-				children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("h1", { children: "WebSockets" }), /* @__PURE__ */ A("p", { children: N ? `${I.open.toLocaleString()} open now${D.supported ? ` · ${I.total.toLocaleString()} ${I.total === 1 ? "session" : "sessions"} ${V(p)}` : ""}` : "Connecting to inventory…" })] }), /* @__PURE__ */ j("div", {
+				children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("h1", { children: "WebSockets" }), /* @__PURE__ */ j("p", { children: k ? `${F.open.toLocaleString()} open now${E.supported ? ` · ${F.total.toLocaleString()} ${F.total === 1 ? "session" : "sessions"} ${H(p)}` : ""}` : "Connecting to inventory…" })] }), /* @__PURE__ */ M("div", {
 					className: "overview-controls",
 					children: [
-						/* @__PURE__ */ A("span", {
+						/* @__PURE__ */ j("span", {
 							className: "overview-updated",
-							children: D.failed ? "History reconnecting…" : D.updatedAt ? /* @__PURE__ */ j(k, { children: ["Updated ", /* @__PURE__ */ A("time", {
-								dateTime: new Date(D.updatedAt).toISOString(),
-								children: new Date(D.updatedAt).toLocaleTimeString([], { hour12: !1 })
+							children: E.failed ? "History reconnecting…" : E.updatedAt ? /* @__PURE__ */ M(A, { children: ["Updated ", /* @__PURE__ */ j("time", {
+								dateTime: new Date(E.updatedAt).toISOString(),
+								children: new Date(E.updatedAt).toLocaleTimeString([], { hour12: !1 })
 							})] }) : null
 						}),
-						D.supported && /* @__PURE__ */ A(Me, {
+						E.supported && /* @__PURE__ */ j(Be, {
 							value: p,
 							onChange: m,
 							className: "overview-range"
 						}),
-						/* @__PURE__ */ A(z, {
+						/* @__PURE__ */ j(B, {
 							variant: "outline",
 							size: "icon",
 							"aria-label": "Refresh connections",
 							onClick: () => {
-								u(), D.retry();
+								u(), E.retry();
 							},
-							children: /* @__PURE__ */ A(ee, { "aria-hidden": "true" })
+							children: /* @__PURE__ */ j(te, { "aria-hidden": "true" })
 						})
 					]
 				})]
 			}),
-			l && /* @__PURE__ */ j("p", {
+			l && /* @__PURE__ */ M("p", {
 				role: "alert",
 				className: "overview-alert",
 				children: [
@@ -3117,90 +3318,90 @@ function jn({ client: e, onSelectActor: n, timeRange: o, onTimeRangeChange: s })
 					" Retrying automatically."
 				]
 			}),
-			D.failed && /* @__PURE__ */ j("p", {
+			E.failed && /* @__PURE__ */ M("p", {
 				role: "alert",
 				className: "overview-alert",
 				children: [
 					"Connection history unavailable. ",
-					D.rows ? "Showing the last loaded sessions." : "Only currently open connections are shown.",
+					E.rows ? "Showing the last loaded sessions." : "Only currently open connections are shown.",
 					" Retrying automatically."
 				]
 			}),
-			/* @__PURE__ */ A(Mn, {
-				summary: I,
-				ready: N,
-				history: D.supported && !!D.rows,
+			/* @__PURE__ */ j(Vn, {
+				summary: F,
+				ready: k,
+				history: E.supported && !!E.rows,
 				range: p
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "socket-filterbar",
-				children: [/* @__PURE__ */ A(me, {
+				children: [/* @__PURE__ */ j(ge, {
 					label: "Filter connections",
 					placeholder: "Filter by connection, actor, instance, or host…",
 					value: _,
 					onChange: v,
-					suggestions: ne
-				}), /* @__PURE__ */ j(Be, {
+					suggestions: L
+				}), /* @__PURE__ */ M(Je, {
 					"aria-label": "Filter by status",
 					size: "sm",
 					value: y,
-					onChange: (e) => b(e.target.value),
+					onChange: (e) => ee(e.target.value),
 					children: [
-						/* @__PURE__ */ A(U, {
+						/* @__PURE__ */ j(W, {
 							value: "all",
 							children: "All statuses"
 						}),
-						/* @__PURE__ */ A(U, {
+						/* @__PURE__ */ j(W, {
 							value: "open",
 							children: "Open"
 						}),
-						/* @__PURE__ */ A(U, {
+						/* @__PURE__ */ j(W, {
 							value: "closed",
 							children: "Closed"
 						}),
-						/* @__PURE__ */ A(U, {
+						/* @__PURE__ */ j(W, {
 							value: "lost",
 							children: "Lost"
 						})
 					]
 				})]
 			}),
-			D.supported && /* @__PURE__ */ j("section", {
+			E.supported && /* @__PURE__ */ M("section", {
 				className: "overview-panel socket-timeline-panel",
 				"aria-label": "Connection timeline",
-				children: [/* @__PURE__ */ j("div", {
+				children: [/* @__PURE__ */ M("div", {
 					className: "socket-panel-heading",
-					children: [/* @__PURE__ */ j("h2", { children: ["Timeline ", /* @__PURE__ */ A("span", { children: F.length.toLocaleString() })] }), /* @__PURE__ */ j("ul", {
+					children: [/* @__PURE__ */ M("h2", { children: ["Timeline ", /* @__PURE__ */ j("span", { children: P.length.toLocaleString() })] }), /* @__PURE__ */ M("ul", {
 						className: "socket-legend",
 						"aria-label": "Timeline legend",
 						children: [
-							/* @__PURE__ */ j("li", { children: [/* @__PURE__ */ A("i", { className: "socket-swatch socket-swatch-open" }), " Open"] }),
-							/* @__PURE__ */ j("li", { children: [/* @__PURE__ */ A("i", { className: "socket-swatch socket-swatch-closed" }), " Closed"] }),
-							/* @__PURE__ */ j("li", { children: [/* @__PURE__ */ A("i", { className: "socket-swatch socket-swatch-lost" }), " Lost · no disconnect recorded"] })
+							/* @__PURE__ */ M("li", { children: [/* @__PURE__ */ j("i", { className: "socket-swatch socket-swatch-open" }), " Open"] }),
+							/* @__PURE__ */ M("li", { children: [/* @__PURE__ */ j("i", { className: "socket-swatch socket-swatch-closed" }), " Closed"] }),
+							/* @__PURE__ */ M("li", { children: [/* @__PURE__ */ j("i", { className: "socket-swatch socket-swatch-lost" }), " Lost · no disconnect recorded"] })
 						]
 					})]
-				}), F.length ? /* @__PURE__ */ A(gn, {
-					sessions: F,
-					start: te,
-					end: E,
-					endLabel: T.toMs === void 0 ? "now" : new Date(T.toMs).toLocaleTimeString([], {
+				}), P.length ? /* @__PURE__ */ j(Tn, {
+					sessions: P,
+					start: ne,
+					end: T,
+					endLabel: w.toMs === void 0 ? "now" : new Date(w.toMs).toLocaleTimeString([], {
 						hour: "2-digit",
 						minute: "2-digit",
 						hour12: !1
 					}),
-					selected: x,
+					selected: b,
 					onSelect: (e, t) => {
-						w.current = t, S(e);
+						C.current = t, x(e);
 					}
-				}) : /* @__PURE__ */ j("div", {
+				}) : /* @__PURE__ */ M("div", {
 					className: "overview-empty socket-timeline-empty",
 					role: "status",
-					children: [/* @__PURE__ */ A("strong", { children: Rn(N, D, M.length) }), /* @__PURE__ */ A("p", { children: M.length ? "Try another filter or a wider time window." : "Sessions appear here as clients connect to actors." })]
+					children: [/* @__PURE__ */ j("strong", { children: qn(k, E, O.length) }), /* @__PURE__ */ j("p", { children: O.length ? "Try another filter or a wider time window." : "Sessions appear here as clients connect to actors." })]
 				})]
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "overview-panel",
-				children: [/* @__PURE__ */ j(W, {
+				children: [/* @__PURE__ */ M(G, {
 					className: "overview-table socket-table",
 					"aria-label": "WebSocket connections",
 					containerProps: {
@@ -3209,87 +3410,87 @@ function jn({ client: e, onSelectActor: n, timeRange: o, onTimeRangeChange: s })
 						"aria-label": "WebSocket connections",
 						tabIndex: 0
 					},
-					children: [/* @__PURE__ */ A(G, { children: /* @__PURE__ */ j(q, { children: [
-						/* @__PURE__ */ A(J, {
+					children: [/* @__PURE__ */ j(K, { children: /* @__PURE__ */ M(J, { children: [
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Status"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Connection"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Actor class"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Instance"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Opened"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Duration"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Messages"
 						}),
-						/* @__PURE__ */ A(J, {
+						/* @__PURE__ */ j(Y, {
 							scope: "col",
 							children: "Metadata"
 						})
-					] }) }), /* @__PURE__ */ A(K, { children: F.map((e) => /* @__PURE__ */ A(Nn, {
+					] }) }), /* @__PURE__ */ j(q, { children: P.map((e) => /* @__PURE__ */ j(Hn, {
 						session: e,
 						now: h,
-						longest: L,
-						selected: x === e,
+						longest: I,
+						selected: b === e,
 						onSelect: (t) => {
-							w.current = t, S(e);
+							C.current = t, x(e);
 						}
 					}, JSON.stringify([
 						e.actorName,
 						e.actorId,
 						e.connectionId
 					]))) })]
-				}), !F.length && /* @__PURE__ */ j("div", {
+				}), !P.length && /* @__PURE__ */ M("div", {
 					className: "overview-empty",
 					role: "status",
 					children: [
-						/* @__PURE__ */ A("strong", { children: Rn(N, D, M.length) }),
-						/* @__PURE__ */ A("p", { children: M.length ? "Try another connection, actor, or status." : "Open an actor WebSocket to see its connection and metadata here." }),
-						!!M.length && /* @__PURE__ */ A(z, {
+						/* @__PURE__ */ j("strong", { children: qn(k, E, O.length) }),
+						/* @__PURE__ */ j("p", { children: O.length ? "Try another connection, actor, or status." : "Open an actor WebSocket to see its connection and metadata here." }),
+						!!O.length && /* @__PURE__ */ j(B, {
 							variant: "outline",
 							onClick: () => {
-								v(""), b("all");
+								v(""), ee("all");
 							},
 							children: "Clear filter"
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "overview-data-scope",
-				children: /* @__PURE__ */ A("p", { children: D.supported ? `Sessions pair each connection’s onConnect and onDisconnect events from retained request history${D.capped ? "; only the 500 most recent sessions are shown" : ""}. Open connections follow the latest host report. Lost connections have no recorded disconnect and are no longer reported by a host, so their duration is a lower bound.` : "Connections are active WebSockets, not unique people. Counts follow the latest host report." })
+				children: /* @__PURE__ */ j("p", { children: E.supported ? `Sessions pair each connection’s onConnect and onDisconnect events from retained request history${E.capped ? "; only the 500 most recent sessions are shown" : ""}. Open connections follow the latest host report. Lost connections have no recorded disconnect and are no longer reported by a host, so their duration is a lower bound.` : "Connections are active WebSockets, not unique people. Counts follow the latest host report." })
 			}),
-			/* @__PURE__ */ A(Ve, {
-				open: !!x,
+			/* @__PURE__ */ j(Ye, {
+				open: !!b,
 				onOpenChange: (e) => {
-					e || S(void 0);
+					e || x(void 0);
 				},
-				children: /* @__PURE__ */ j(We, {
-					container: C.current,
+				children: /* @__PURE__ */ M(Qe, {
+					container: S.current,
 					onCloseAutoFocus: (e) => {
-						e.preventDefault(), w.current?.focus();
+						e.preventDefault(), C.current?.focus();
 					},
 					children: [
-						/* @__PURE__ */ A(He, { children: "Connection details" }),
-						/* @__PURE__ */ A(Ue, { children: "Identifiers, timings, and metadata for this WebSocket." }),
-						x && /* @__PURE__ */ A(Pn, {
-							session: x,
+						/* @__PURE__ */ j(Xe, { children: "Connection details" }),
+						/* @__PURE__ */ j(Ze, { children: "Identifiers, timings, and metadata for this WebSocket." }),
+						b && /* @__PURE__ */ j(Un, {
+							session: b,
 							now: h,
 							onSelectActor: n
 						})
@@ -3299,131 +3500,131 @@ function jn({ client: e, onSelectActor: n, timeRange: o, onTimeRangeChange: s })
 		]
 	});
 }
-function Mn({ summary: e, ready: t, history: n, range: r }) {
-	return /* @__PURE__ */ j("div", {
+function Vn({ summary: e, ready: t, history: n, range: r }) {
+	return /* @__PURE__ */ M("div", {
 		className: "overview-metrics socket-metrics",
 		children: [
-			/* @__PURE__ */ j("section", {
+			/* @__PURE__ */ M("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ A("h2", { children: "Open now" }),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ j("h2", { children: "Open now" }),
+					/* @__PURE__ */ M("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ A("strong", {
+						children: [/* @__PURE__ */ j("strong", {
 							"aria-label": "Open WebSocket connections",
 							children: t ? e.open.toLocaleString() : "—"
-						}), /* @__PURE__ */ A("span", { children: "live connections" })]
+						}), /* @__PURE__ */ j("span", { children: "live connections" })]
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "overview-metric-foot",
-						children: /* @__PURE__ */ A("span", { children: "Latest host report" })
+						children: /* @__PURE__ */ j("span", { children: "Latest host report" })
 					})
 				]
 			}),
-			/* @__PURE__ */ j("section", {
+			/* @__PURE__ */ M("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ A("h2", { children: "Sessions" }),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ j("h2", { children: "Sessions" }),
+					/* @__PURE__ */ M("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ A("strong", {
+						children: [/* @__PURE__ */ j("strong", {
 							"aria-label": "WebSocket sessions",
 							children: n ? e.total.toLocaleString() : "—"
-						}), /* @__PURE__ */ A("span", { children: r.kind === "absolute" ? ke(r) : V(r) })]
+						}), /* @__PURE__ */ j("span", { children: r.kind === "absolute" ? Le(r) : H(r) })]
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ M("div", {
 						className: "overview-metric-foot",
-						children: [/* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A("b", { children: n ? (e.total - e.open - e.lost).toLocaleString() : "—" }), " closed"] }), /* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A("b", { children: n ? e.lost.toLocaleString() : "—" }), " lost"] })]
+						children: [/* @__PURE__ */ M("span", { children: [/* @__PURE__ */ j("b", { children: n ? (e.total - e.open - e.lost).toLocaleString() : "—" }), " closed"] }), /* @__PURE__ */ M("span", { children: [/* @__PURE__ */ j("b", { children: n ? e.lost.toLocaleString() : "—" }), " lost"] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ j("section", {
+			/* @__PURE__ */ M("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ A("h2", { children: "Session duration" }),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ j("h2", { children: "Session duration" }),
+					/* @__PURE__ */ M("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ A("strong", {
+						children: [/* @__PURE__ */ j("strong", {
 							"aria-label": "Median session duration",
-							children: n && e.median !== null ? on(e.median) : "—"
-						}), /* @__PURE__ */ A("span", { children: "median" })]
+							children: n && e.median !== null ? hn(e.median) : "—"
+						}), /* @__PURE__ */ j("span", { children: "median" })]
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ M("div", {
 						className: "overview-metric-foot",
-						children: [/* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A("b", { children: n && e.p95 !== null ? on(e.p95) : "—" }), " p95"] }), /* @__PURE__ */ A("span", { children: "Open sessions count up to now" })]
+						children: [/* @__PURE__ */ M("span", { children: [/* @__PURE__ */ j("b", { children: n && e.p95 !== null ? hn(e.p95) : "—" }), " p95"] }), /* @__PURE__ */ j("span", { children: "Open sessions count up to now" })]
 					})
 				]
 			}),
-			/* @__PURE__ */ j("section", {
+			/* @__PURE__ */ M("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ A("h2", { children: "Messages" }),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ j("h2", { children: "Messages" }),
+					/* @__PURE__ */ M("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ A("strong", {
+						children: [/* @__PURE__ */ j("strong", {
 							"aria-label": "WebSocket messages",
 							children: n ? e.messages.toLocaleString() : "—"
-						}), /* @__PURE__ */ A("span", { children: "received" })]
+						}), /* @__PURE__ */ j("span", { children: "received" })]
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "overview-metric-foot",
-						children: /* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A("b", { children: n && e.messagesPerSession !== null ? e.messagesPerSession.toLocaleString(void 0, { maximumFractionDigits: 1 }) : "—" }), " per session"] })
+						children: /* @__PURE__ */ M("span", { children: [/* @__PURE__ */ j("b", { children: n && e.messagesPerSession !== null ? e.messagesPerSession.toLocaleString(void 0, { maximumFractionDigits: 1 }) : "—" }), " per session"] })
 					})
 				]
 			})
 		]
 	});
 }
-function Nn({ session: e, now: t, longest: n, selected: r, onSelect: i }) {
-	let a = rn(e, t), o = a && n ? Math.min(1, a.ms / n) : 0;
-	return /* @__PURE__ */ j(q, {
+function Hn({ session: e, now: t, longest: n, selected: r, onSelect: i }) {
+	let a = pn(e, t), o = a && n ? Math.min(1, a.ms / n) : 0;
+	return /* @__PURE__ */ M(J, {
 		className: "la-clickable-row",
 		"data-state": r ? "selected" : void 0,
 		onClick: (e) => i(e.currentTarget.querySelector("button") ?? e.currentTarget),
 		children: [
-			/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ j("span", {
+			/* @__PURE__ */ j(X, { children: /* @__PURE__ */ M("span", {
 				className: `socket-status socket-status-${e.status}`,
-				children: [/* @__PURE__ */ A("i", {
+				children: [/* @__PURE__ */ j("i", {
 					className: `socket-swatch socket-swatch-${e.status}`,
 					"aria-hidden": "true"
-				}), En(e.status)]
+				}), Fn(e.status)]
 			}) }),
-			/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A("button", {
+			/* @__PURE__ */ j(X, { children: /* @__PURE__ */ j("button", {
 				type: "button",
 				className: "socket-connection",
 				title: e.connectionId,
 				"aria-label": `Inspect connection ${e.connectionId}`,
-				children: On(e.connectionId)
+				children: Ln(e.connectionId)
 			}) }),
-			/* @__PURE__ */ A(Y, {
+			/* @__PURE__ */ j(X, {
 				title: e.actorName,
 				children: e.actorName
 			}),
-			/* @__PURE__ */ A(Y, {
+			/* @__PURE__ */ j(X, {
 				title: e.actorId,
 				children: e.actorId
 			}),
-			/* @__PURE__ */ A(Y, { children: e.openedAtMs === null ? /* @__PURE__ */ A("span", {
+			/* @__PURE__ */ j(X, { children: e.openedAtMs === null ? /* @__PURE__ */ j("span", {
 				title: "The connect event is not in retained history",
 				children: "—"
-			}) : /* @__PURE__ */ j("time", {
+			}) : /* @__PURE__ */ M("time", {
 				dateTime: new Date(e.openedAtMs).toISOString(),
 				title: e.estimatedStart ? "Approximate: first reported by the host; the connect event has not been saved yet" : new Date(e.openedAtMs).toLocaleString(),
 				children: [e.estimatedStart ? "≈ " : "", new Date(e.openedAtMs).toLocaleTimeString([], { hour12: !1 })]
 			}) }),
-			/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ j("span", {
+			/* @__PURE__ */ j(X, { children: /* @__PURE__ */ M("span", {
 				className: "socket-duration",
-				children: [/* @__PURE__ */ A("span", { children: Dn(e, t) }), /* @__PURE__ */ A("i", {
+				children: [/* @__PURE__ */ j("span", { children: In(e, t) }), /* @__PURE__ */ j("i", {
 					className: `socket-duration-bar socket-duration-${e.status}`,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ A("b", { style: { width: `${o * 100}%` } })
+					children: /* @__PURE__ */ j("b", { style: { width: `${o * 100}%` } })
 				})]
 			}) }),
-			/* @__PURE__ */ A(Y, { children: e.messages.toLocaleString() }),
-			/* @__PURE__ */ A(Y, { children: e.metadata === void 0 ? /* @__PURE__ */ A("span", {
+			/* @__PURE__ */ j(X, { children: e.messages.toLocaleString() }),
+			/* @__PURE__ */ j(X, { children: e.metadata === void 0 ? /* @__PURE__ */ j("span", {
 				title: "No metadata was recorded for this connection",
 				children: "—"
-			}) : /* @__PURE__ */ A("code", {
+			}) : /* @__PURE__ */ j("code", {
 				className: "socket-metadata",
 				title: JSON.stringify(e.metadata),
 				children: JSON.stringify(e.metadata)
@@ -3431,46 +3632,46 @@ function Nn({ session: e, now: t, longest: n, selected: r, onSelect: i }) {
 		]
 	});
 }
-function Pn({ session: e, now: t, onSelectActor: n }) {
+function Un({ session: e, now: t, onSelectActor: n }) {
 	let r = {
-		Status: e.status === "lost" ? "Lost — no disconnect recorded" : En(e.status),
+		Status: e.status === "lost" ? "Lost — no disconnect recorded" : Fn(e.status),
 		Connection: e.connectionId,
 		"Actor class": e.actorName,
 		"Instance ID": e.actorId,
 		Opened: e.openedAtMs === null ? "Before retained history" : `${e.estimatedStart ? "≈ " : ""}${new Date(e.openedAtMs).toLocaleString()}`,
 		...e.closedAtMs === null ? {} : { Closed: new Date(e.closedAtMs).toLocaleString() },
 		...e.status === "lost" && e.lastSeenMs !== null ? { "Last activity": new Date(e.lastSeenMs).toLocaleString() } : {},
-		Duration: Dn(e, t),
+		Duration: In(e, t),
 		Messages: e.messages.toLocaleString(),
 		Failures: e.failures.toLocaleString(),
 		Host: e.hostId ?? "Unknown"
 	};
-	return /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A("dl", {
+	return /* @__PURE__ */ M(A, { children: [
+		/* @__PURE__ */ j("dl", {
 			className: "la-request-details",
-			children: Object.entries(r).map(([e, t]) => /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("dt", { children: e }), /* @__PURE__ */ A("dd", { children: t })] }, e))
+			children: Object.entries(r).map(([e, t]) => /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("dt", { children: e }), /* @__PURE__ */ j("dd", { children: t })] }, e))
 		}),
-		e.metadata !== void 0 && /* @__PURE__ */ j("details", {
+		e.metadata !== void 0 && /* @__PURE__ */ M("details", {
 			className: "socket-metadata-details",
 			open: !0,
-			children: [/* @__PURE__ */ A("summary", { children: "Metadata" }), /* @__PURE__ */ A("pre", { children: JSON.stringify(e.metadata, null, 2) })]
+			children: [/* @__PURE__ */ j("summary", { children: "Metadata" }), /* @__PURE__ */ j("pre", { children: JSON.stringify(e.metadata, null, 2) })]
 		}),
-		n && /* @__PURE__ */ j(z, {
+		n && /* @__PURE__ */ M(B, {
 			variant: "outline",
 			onClick: () => n(e.actorName),
 			children: ["Open ", e.actorName]
 		})
 	] });
 }
-function Fn(e, t, n) {
+function Wn(e, t, n) {
 	let r = Math.min(...e.map((e) => e.openedAtMs ?? e.lastSeenMs ?? n)), i = Number.isFinite(r) ? r - Math.max(5e3, (n - r) * .06) : n - 6e4;
 	return Math.max(t ?? -Infinity, Math.min(i, n - 1e4));
 }
-function In(e, n) {
+function Gn(e, n) {
 	let [r, o] = a(/* @__PURE__ */ new Map()), s = i(void 0);
 	return t(() => {
 		if (!e) return;
-		let t = new Set(e.actors.flatMap((e) => e.instances.flatMap((t) => t.connections.map((n) => tn(e.actorName, t.actorId, n.id))))), r = s.current;
+		let t = new Set(e.actors.flatMap((e) => e.instances.flatMap((t) => t.connections.map((n) => dn(e.actorName, t.actorId, n.id))))), r = s.current;
 		if (s.current = t, !r) return;
 		let i = [...t].filter((e) => !r.has(e)), a = [...r].filter((e) => !t.has(e));
 		if (i.length || a.length) {
@@ -3482,7 +3683,7 @@ function In(e, n) {
 		}
 	}, [e]), r;
 }
-function Ln(e, t) {
+function Kn(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let e of t?.actors ?? []) n.set(e.actorName, new Set(e.instances.map((e) => e.actorId)));
 	for (let t of e) {
@@ -3499,16 +3700,16 @@ function Ln(e, t) {
 		hint: e
 	})))];
 }
-function Rn(e, t, n) {
+function qn(e, t, n) {
 	return !e && !t.rows ? t.failed ? "Connections unavailable" : "Loading connections…" : n ? "No matching connections" : t.supported ? "No WebSocket sessions" : "No active WebSockets";
 }
 //#endregion
 //#region src/ConsoleApp.tsx
-var zn = [
+var Jn = [
 	{
 		id: "overview",
 		label: "Durable Actors",
-		icon: v
+		icon: y
 	},
 	{
 		id: "actors",
@@ -3526,72 +3727,72 @@ var zn = [
 		icon: l
 	}
 ];
-function Bn({ client: e, toggleTheme: t }) {
-	let [n, r] = a("overview"), [i, o] = a(), [l, u] = a(De), d = {
+function Yn({ client: e, toggleTheme: t }) {
+	let [n, r] = a("overview"), [i, o] = a(), [l, u] = a(Fe), d = {
 		timeRange: l,
 		onTimeRangeChange: u
 	};
 	function f(e) {
 		o(e), r("actors");
 	}
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ M("div", {
 		className: "console-shell",
 		children: [
-			/* @__PURE__ */ A("a", {
+			/* @__PURE__ */ j("a", {
 				className: "skip-link",
 				href: "#main",
 				children: "Skip to content"
 			}),
-			/* @__PURE__ */ j("aside", {
+			/* @__PURE__ */ M("aside", {
 				className: "console-sidebar",
 				children: [
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ M("div", {
 						className: "console-brand",
-						children: [/* @__PURE__ */ A(_, { "aria-hidden": "true" }), /* @__PURE__ */ A("strong", { children: "Terse" })]
+						children: [/* @__PURE__ */ j(v, { "aria-hidden": "true" }), /* @__PURE__ */ j("strong", { children: "Terse" })]
 					}),
-					/* @__PURE__ */ A("nav", {
+					/* @__PURE__ */ j("nav", {
 						"aria-label": "Observability",
-						children: zn.map((e) => /* @__PURE__ */ j("button", {
+						children: Jn.map((e) => /* @__PURE__ */ M("button", {
 							type: "button",
 							"aria-current": n === e.id ? "page" : void 0,
 							onClick: () => {
 								o(void 0), r(e.id);
 							},
-							children: [/* @__PURE__ */ A(e.icon, { "aria-hidden": "true" }), e.label]
+							children: [/* @__PURE__ */ j(e.icon, { "aria-hidden": "true" }), e.label]
 						}, e.id))
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ M("div", {
 						className: "console-sidebar-foot",
-						children: [/* @__PURE__ */ A(c, { "aria-hidden": "true" }), /* @__PURE__ */ j("span", { children: ["Runtime inspector", /* @__PURE__ */ A("small", { children: "Read-only observability" })] })]
+						children: [/* @__PURE__ */ j(c, { "aria-hidden": "true" }), /* @__PURE__ */ M("span", { children: ["Runtime inspector", /* @__PURE__ */ j("small", { children: "Read-only observability" })] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "console-workspace",
-				children: [/* @__PURE__ */ j("header", {
+				children: [/* @__PURE__ */ M("header", {
 					className: "console-topbar",
-					children: [/* @__PURE__ */ A("button", {
+					children: [/* @__PURE__ */ j("button", {
 						className: "theme-toggle",
 						type: "button",
 						onClick: t,
 						"aria-label": "Toggle color theme",
-						children: /* @__PURE__ */ A(C, { "aria-hidden": "true" })
-					}), /* @__PURE__ */ j("a", {
+						children: /* @__PURE__ */ j(w, { "aria-hidden": "true" })
+					}), /* @__PURE__ */ M("a", {
 						href: "https://github.com/TerseAI/durable-actors#readme",
 						target: "_blank",
 						rel: "noopener noreferrer",
-						children: ["Docs", /* @__PURE__ */ A(s, { "aria-hidden": "true" })]
+						children: ["Docs", /* @__PURE__ */ j(s, { "aria-hidden": "true" })]
 					})]
-				}), /* @__PURE__ */ j("main", {
+				}), /* @__PURE__ */ M("main", {
 					id: "main",
 					tabIndex: -1,
 					children: [
-						n === "overview" && /* @__PURE__ */ A(Gt, {
+						n === "overview" && /* @__PURE__ */ j(en, {
 							client: e,
 							onSelectActor: f,
 							...d
 						}),
-						n === "actors" && /* @__PURE__ */ A(xt, {
+						n === "actors" && /* @__PURE__ */ j(kt, {
 							client: e,
 							navigation: {
 								actorName: i,
@@ -3599,11 +3800,11 @@ function Bn({ client: e, toggleTheme: t }) {
 							},
 							...d
 						}),
-						n === "requests" && /* @__PURE__ */ A(Qe, {
+						n === "requests" && /* @__PURE__ */ j(ot, {
 							client: e,
 							...d
 						}),
-						n === "websockets" && /* @__PURE__ */ A(jn, {
+						n === "websockets" && /* @__PURE__ */ j(Bn, {
 							client: e,
 							onSelectActor: f,
 							...d
@@ -3616,20 +3817,20 @@ function Bn({ client: e, toggleTheme: t }) {
 }
 //#endregion
 //#region src/state-data.ts
-function Vn(e) {
-	if (!$(e) || !(e.snapshot === null || Un(e.snapshot) && $(e.snapshot) && $(e.snapshot.state)) || !(e.schema === null || $(e.schema))) throw Error("Invalid state response");
+function Xn(e) {
+	if (!$(e) || !(e.snapshot === null || Qn(e.snapshot) && $(e.snapshot) && $(e.snapshot.state)) || !(e.schema === null || $(e.schema))) throw Error("Invalid state response");
 	return e;
 }
-function Hn(e) {
-	if (!$(e) || !Array.isArray(e.records) || !e.records.every(Un) || !(e.nextBefore === null || Wn(e.nextBefore))) throw Error("Invalid state history");
+function Zn(e) {
+	if (!$(e) || !Array.isArray(e.records) || !e.records.every(Qn) || !(e.nextBefore === null || $n(e.nextBefore))) throw Error("Invalid state history");
 	return e;
 }
-function Un(e) {
-	if (!$(e) || !Wn(e.stateVersion) || !Wn(e.ownerEpoch) || typeof e.requestId != "string") return !1;
+function Qn(e) {
+	if (!$(e) || !$n(e.stateVersion) || !$n(e.ownerEpoch) || typeof e.requestId != "string") return !1;
 	let t = e.attribution;
 	return t === null || $(t) && typeof t.operation == "string" && (t.connectionId === null || typeof t.connectionId == "string") && typeof t.committedAtMs == "number" && Number.isSafeInteger(t.committedAtMs) && t.committedAtMs >= 0 && typeof t.interleaved == "boolean";
 }
-function Wn(e) {
+function $n(e) {
 	return typeof e == "number" && Number.isSafeInteger(e) && e > 0;
 }
 function $(e) {
@@ -3637,42 +3838,42 @@ function $(e) {
 }
 //#endregion
 //#region src/client.ts
-var Gn = class {
+var er = class {
 	baseUrl;
 	request;
 	constructor(e = "/api/observe", t = globalThis.fetch.bind(globalThis)) {
 		this.baseUrl = e, this.request = t;
 	}
 	async getState(e, t) {
-		return Vn(await this.get(`state${Kn(e)}`, t));
+		return Xn(await this.get(`state${tr(e)}`, t));
 	}
 	async listStateHistory(e, t) {
-		return Hn(await this.get(`state/history${Kn(e)}`, t));
+		return Zn(await this.get(`state/history${tr(e)}`, t));
 	}
 	async getMetrics(e, t) {
-		return Ht(await this.get(`metrics${Kn(e)}`, t));
+		return Zt(await this.get(`metrics${tr(e)}`, t));
 	}
 	async listQueueWaits(e, t) {
-		return ht(await this.get(`queue-waits${Kn(e)}`, t));
+		return St(await this.get(`queue-waits${tr(e)}`, t));
 	}
 	async listWebSockets(e, t) {
-		return en(await this.get(`websockets${Kn(e)}`, t));
+		return un(await this.get(`websockets${tr(e)}`, t));
 	}
 	async listActors(e) {
 		let t = await this.get("actors", e);
-		if (!qn(t)) throw Error("Invalid actor inventory response.");
+		if (!nr(t)) throw Error("Invalid actor inventory response.");
 		return t;
 	}
 	async watchActors(e, t) {
-		return this.watch("events", "inventory", qn, e, t);
+		return this.watch("events", "inventory", nr, e, t);
 	}
 	async watchRequests(e, t, n) {
 		let r = n ? `?${new URLSearchParams({ after: n })}` : "";
-		return this.watch(`requests/events${r}`, "requests", Xn, e, t);
+		return this.watch(`requests/events${r}`, "requests", ar, e, t);
 	}
 	async listRequests(e, t) {
-		let n = await this.get(`requests${Kn(e)}`, t);
-		if (!Xn(n)) throw Error("Invalid request history response");
+		let n = await this.get(`requests${tr(e)}`, t);
+		if (!ar(n)) throw Error("Invalid request history response");
 		return n;
 	}
 	async watch(e, t, n, r, i) {
@@ -3683,7 +3884,7 @@ var Gn = class {
 			headers: { accept: "text/event-stream" }
 		});
 		if (!a.ok || !a.headers.get("content-type")?.startsWith("text/event-stream") || !a.body) throw await a.body?.cancel(), Error("Live inventory is unavailable");
-		let o = a.body.getReader(), s = new TextDecoder(), c = ie({ onEvent(e) {
+		let o = a.body.getReader(), s = new TextDecoder(), c = oe({ onEvent(e) {
 			if (i.aborted) return;
 			if (e.event === "error") throw Error("Live inventory is unavailable");
 			if (e.event !== t) return;
@@ -3721,29 +3922,29 @@ var Gn = class {
 		return n.json();
 	}
 };
-function Kn(e) {
+function tr(e) {
 	let t = new URLSearchParams();
 	for (let [n, r] of Object.entries(e)) r !== void 0 && t.set(n, String(r));
 	return t.size ? `?${t}` : "";
 }
-function qn(e) {
+function nr(e) {
 	return !e || typeof e != "object" || !("actors" in e) || !Array.isArray(e.actors) ? !1 : e.actors.every((e) => e && typeof e.actorName == "string" && [
 		e.live,
 		e.dormant,
 		e.unknown
-	].every((e) => Number.isSafeInteger(e) && e >= 0) && Array.isArray(e.instances) && e.instances.every(Jn));
+	].every((e) => Number.isSafeInteger(e) && e >= 0) && Array.isArray(e.instances) && e.instances.every(rr));
 }
-function Jn(e) {
+function rr(e) {
 	return !!e && typeof e == "object" && "actorId" in e && typeof e.actorId == "string" && "status" in e && [
 		"live",
 		"dormant",
 		"unknown"
-	].includes(String(e.status)) && "connections" in e && Array.isArray(e.connections) && e.connections.every(Yn) && (!("waiting" in e) || e.waiting == null || Array.isArray(e.waiting) && e.waiting.every((e) => !!e && typeof e == "object" && typeof e.id == "string" && typeof e.operation == "string"));
+	].includes(String(e.status)) && "connections" in e && Array.isArray(e.connections) && e.connections.every(ir) && (!("waiting" in e) || e.waiting == null || Array.isArray(e.waiting) && e.waiting.every((e) => !!e && typeof e == "object" && typeof e.id == "string" && typeof e.operation == "string"));
 }
-function Yn(e) {
+function ir(e) {
 	return !!e && typeof e == "object" && "id" in e && typeof e.id == "string" && "metadata" in e;
 }
-function Xn(e) {
+function ar(e) {
 	if (!e || typeof e != "object") return !1;
 	let t = e;
 	return typeof t.epoch == "string" && [
@@ -3751,12 +3952,12 @@ function Xn(e) {
 		t.capacity,
 		t.evicted,
 		t.dropped
-	].every(Zn) && (t.persistenceFailed === void 0 || typeof t.persistenceFailed == "boolean") && (t.nextCursor == null || typeof t.nextCursor == "string") && (t.resumeCursor === void 0 || typeof t.resumeCursor == "string") && (t.reset === void 0 || typeof t.reset == "boolean") && t.capacity > 0 && t.capacity <= 500 && Array.isArray(t.records) && t.records.length <= t.capacity && t.records.every((e) => Qn(e) && e.sequence <= t.cursor);
+	].every(or) && (t.persistenceFailed === void 0 || typeof t.persistenceFailed == "boolean") && (t.nextCursor == null || typeof t.nextCursor == "string") && (t.resumeCursor === void 0 || typeof t.resumeCursor == "string") && (t.reset === void 0 || typeof t.reset == "boolean") && t.capacity > 0 && t.capacity <= 500 && Array.isArray(t.records) && t.records.length <= t.capacity && t.records.every((e) => sr(e) && e.sequence <= t.cursor);
 }
-function Zn(e) {
+function or(e) {
 	return Number.isSafeInteger(e) && Number(e) >= 0;
 }
-function Qn(e) {
+function sr(e) {
 	if (!e || typeof e != "object") return !1;
 	let t = e;
 	return typeof t.projectId == "string" && /^[A-Za-z0-9._-]{1,64}$/u.test(t.projectId) && [
@@ -3766,7 +3967,7 @@ function Qn(e) {
 		t.actorName,
 		t.actorId,
 		t.operation
-	].every((e) => typeof e == "string") && (t.eventId === void 0 || typeof t.eventId == "string" && t.eventId.length > 0) && Zn(t.sequence) && Zn(t.startedAtMs) && t.startedAtMs <= 864e13 && ["method", "websocket"].includes(t.kind) && [
+	].every((e) => typeof e == "string") && (t.eventId === void 0 || typeof t.eventId == "string" && t.eventId.length > 0) && or(t.sequence) && or(t.startedAtMs) && t.startedAtMs <= 864e13 && ["method", "websocket"].includes(t.kind) && [
 		"completed",
 		"failed",
 		"rejected",
@@ -3775,4 +3976,4 @@ function Qn(e) {
 	].includes(t.outcome) && (t.connectionId === null || typeof t.connectionId == "string") && Number.isFinite(t.durationMs) && t.durationMs >= 0 && (t.queueWaitMs === null || Number.isFinite(t.queueWaitMs) && t.queueWaitMs >= 0 && t.queueWaitMs <= t.durationMs);
 }
 //#endregion
-export { xt as ActorObserver, H as Badge, z as Button, _e as Calendar, ve as CalendarDayButton, oe as Command, le as CommandEmpty, ue as CommandGroup, se as CommandInput, fe as CommandItem, ce as CommandList, de as CommandSeparator, pe as CommandShortcut, Bn as ConsoleApp, me as FilterCombobox, Gn as HttpObserverClient, B as Input, Gt as Overview, ye as Popover, Se as PopoverAnchor, xe as PopoverContent, Te as PopoverDescription, Ce as PopoverHeader, we as PopoverTitle, be as PopoverTrigger, Qe as RequestObserver, Ve as Sheet, We as SheetContent, Ue as SheetDescription, He as SheetTitle, gn as SocketTimeline, W as Table, K as TableBody, Ke as TableCaption, Y as TableCell, Ge as TableFooter, J as TableHead, G as TableHeader, q as TableRow, Me as TimeRangePicker, jn as WebSocketObserver, ze as badgeVariants, ge as buttonVariants, De as defaultTimeRange, ke as rangeLabel, Oe as resolveRange };
+export { kt as ActorObserver, U as Badge, B as Button, Te as Calendar, Ee as CalendarDayButton, ce as Command, de as CommandEmpty, fe as CommandGroup, le as CommandInput, me as CommandItem, ue as CommandList, pe as CommandSeparator, he as CommandShortcut, Yn as ConsoleApp, ge as FilterCombobox, er as HttpObserverClient, V as Input, en as Overview, De as Popover, Ae as PopoverAnchor, ke as PopoverContent, Ne as PopoverDescription, je as PopoverHeader, Me as PopoverTitle, Oe as PopoverTrigger, ot as RequestObserver, xe as RequestTimeline, Ye as Sheet, Qe as SheetContent, Ze as SheetDescription, Xe as SheetTitle, Tn as SocketTimeline, G as Table, q as TableBody, et as TableCaption, X as TableCell, $e as TableFooter, Y as TableHead, K as TableHeader, J as TableRow, Be as TimeRangePicker, Bn as WebSocketObserver, qe as badgeVariants, we as buttonVariants, Fe as defaultTimeRange, Le as rangeLabel, Ie as resolveRange };