durable-actors-observer 0.4.4 → 0.4.6

package/dist/index.js

@@ -1,24 +1,140 @@
 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, Hash as g, LayoutGrid as _, Pause as v, Play as ee, RefreshCw as te, Search as y, SearchIcon as b, SunMoon as x, Unplug as S, X as C } from "lucide-react";
-import { Slot as w } from "@radix-ui/react-slot";
-import { cva as T } from "class-variance-authority";
-import { clsx as E } from "clsx";
-import { extendTailwindMerge as D } from "tailwind-merge";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { DayPicker as j, getDefaultClassNames as M } from "react-day-picker";
-import * as N from "@radix-ui/react-popover";
-import * as P from "@radix-ui/react-dialog";
-import { Command as F } from "cmdk";
-import { createParser as ne } from "eventsource-parser";
+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 * 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";
 //#region src/lib/utils.ts
-var re = D({ prefix: "la" });
-function I(...e) {
-	return re(E(e));
+var ae = O({ prefix: "la" });
+function R(...e) {
+	return ae(D(e));
+}
+//#endregion
+//#region src/components/ui/command.tsx
+function oe({ className: e, ...t }) {
+	return /* @__PURE__ */ A(E, {
+		"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", {
+		"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, {
+			"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, {
+		"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, {
+		"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, {
+		"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, {
+		"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, {
+		"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", {
+		"data-slot": "command-shortcut",
+		className: R("la:ml-auto la:text-xs la:tracking-widest la:text-muted-foreground", 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, {
+		label: e,
+		shouldFilter: !1,
+		loop: !0,
+		className: R("la-combobox la:relative la:overflow-visible la:bg-transparent", c),
+		onKeyDown: (e) => {
+			e.key === "Escape" && u(!1), e.key === "ArrowDown" && u(!0);
+		},
+		children: [/* @__PURE__ */ A(se, {
+			placeholder: t,
+			value: n,
+			onValueChange: (e) => {
+				r(e), u(!0);
+			},
+			onFocus: () => u(!0),
+			onBlur: () => u(!1)
+		}), p && /* @__PURE__ */ A(ce, {
+			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, {
+				heading: e,
+				children: t.map((t) => /* @__PURE__ */ j(fe, {
+					value: t.id ?? `${e}:${t.value}`,
+					onSelect: () => {
+						i ? i(t) : r(t.value), u(!1);
+					},
+					children: [/* @__PURE__ */ A("span", {
+						className: "la:truncate la:font-mono la:text-xs",
+						children: t.value
+					}), t.hint && /* @__PURE__ */ A("span", {
+						className: "la:ml-auto la:text-xs la:text-muted-foreground",
+						children: t.hint
+					})]
+				}, t.id ?? `${e}:${t.value}`))
+			}, e))
+		})]
+	});
+}
+function he(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;
+		o.has(e) || c && !r || !a.every((e) => n.includes(e)) || (o.add(e), s.push(t));
+	}
+	return s.sort((e, t) => Number(t.value.toLocaleLowerCase().startsWith(i)) - Number(e.value.toLocaleLowerCase().startsWith(i))).slice(0, n);
 }
 //#endregion
 //#region src/components/ui/button.tsx
-var ie = T("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 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", {
 	variants: {
 		variant: {
 			default: "la:bg-primary la:text-primary-foreground la:shadow-[var(--shadow-control)] la:hover:bg-primary/88",
@@ -42,10 +158,10 @@ var ie = T("la:inline-flex la:shrink-0 la:items-center la:justify-center la:gap-
 		size: "default"
 	}
 });
-function L({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
-	return /* @__PURE__ */ k(r ? w : "button", {
+function z({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
+	return /* @__PURE__ */ A(r ? M : "button", {
 		"data-slot": "button",
-		className: I(ie({
+		className: R(ge({
 			variant: t,
 			size: n,
 			className: e
@@ -55,59 +171,59 @@ function L({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
 }
 //#endregion
 //#region src/components/ui/calendar.tsx
-function ae({ className: e, classNames: t, showOutsideDays: n = !0, captionLayout: r = "label", buttonVariant: i = "ghost", formatters: a, components: o, ...s }) {
-	let c = M();
-	return /* @__PURE__ */ k(j, {
+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, {
 		showOutsideDays: n,
-		className: I("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),
+		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,
 		formatters: {
 			formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
 			...a
 		},
 		classNames: {
-			root: I("la:w-fit", c.root),
-			months: I("la:relative la:flex la:flex-col la:gap-4 la:md:flex-row", c.months),
-			month: I("la:flex la:w-full la:flex-col la:gap-4", c.month),
-			nav: I("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: I(ie({ variant: i }), "la:size-(--cell-size) la:p-0 la:select-none la:aria-disabled:opacity-50", c.button_previous),
-			button_next: I(ie({ variant: i }), "la:size-(--cell-size) la:p-0 la:select-none la:aria-disabled:opacity-50", c.button_next),
-			month_caption: I("la:flex la:h-(--cell-size) la:w-full la:items-center la:justify-center la:px-(--cell-size)", c.month_caption),
-			dropdowns: I("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: I("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),
-			dropdown: I("la:absolute la:inset-0 la:bg-popover la:opacity-0", c.dropdown),
-			caption_label: I("la:font-medium la:select-none", r === "label" ? "la:text-sm" : "la:flex la:h-8 la:items-center la:gap-1 la:rounded-md la:pr-1 la:pl-2 la:text-sm la:[&>svg]:size-3.5 la:[&>svg]:text-muted-foreground", c.caption_label),
-			month_grid: I("la:w-full la:border-collapse", c.month_grid),
-			weekdays: I("la:flex", c.weekdays),
-			weekday: I("la:flex-1 la:rounded-md la:text-[0.8rem] la:font-normal la:text-muted-foreground la:select-none", c.weekday),
-			week: I("la:mt-2 la:flex la:w-full", c.week),
-			week_number_header: I("la:w-(--cell-size) la:select-none", c.week_number_header),
-			week_number: I("la:text-[0.8rem] la:text-muted-foreground la:select-none", c.week_number),
-			day: I("la:group/day la:relative la:aspect-square la:h-full la:w-full la:p-0 la:text-center la:select-none la:[&:last-child[data-selected=true]_button]:rounded-r-md", s.showWeekNumber ? "la:[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "la:[&:first-child[data-selected=true]_button]:rounded-l-md", c.day),
-			range_start: I("la:rounded-l-md la:bg-accent", c.range_start),
-			range_middle: I("la:rounded-none", c.range_middle),
-			range_end: I("la:rounded-r-md la:bg-accent", c.range_end),
-			today: I("la:rounded-md la:bg-accent la:text-accent-foreground la:data-[selected=true]:rounded-none", c.today),
-			outside: I("la:text-muted-foreground la:aria-selected:text-muted-foreground", c.outside),
-			disabled: I("la:text-muted-foreground la:opacity-50", c.disabled),
-			hidden: I("la:invisible", c.hidden),
+			root: R("la:w-fit", c.root),
+			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),
+			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),
+			dropdown: R("la:absolute la:inset-0 la:bg-popover la:opacity-0", c.dropdown),
+			caption_label: R("la:font-medium la:select-none", r === "label" ? "la:text-sm" : "la:flex la:h-8 la:items-center la:gap-1 la:rounded-md la:pr-1 la:pl-2 la:text-sm la:[&>svg]:size-3.5 la:[&>svg]:text-muted-foreground", c.caption_label),
+			month_grid: R("la:w-full la:border-collapse", c.month_grid),
+			weekdays: R("la:flex", c.weekdays),
+			weekday: R("la:flex-1 la:rounded-md la:text-[0.8rem] la:font-normal la:text-muted-foreground la:select-none", c.weekday),
+			week: R("la:mt-2 la:flex la:w-full", c.week),
+			week_number_header: R("la:w-(--cell-size) la:select-none", c.week_number_header),
+			week_number: R("la:text-[0.8rem] la:text-muted-foreground la:select-none", c.week_number),
+			day: R("la:group/day la:relative la:aspect-square la:h-full la:w-full la:p-0 la:text-center la:select-none la:[&:last-child[data-selected=true]_button]:rounded-r-md", s.showWeekNumber ? "la:[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "la:[&:first-child[data-selected=true]_button]:rounded-l-md", c.day),
+			range_start: R("la:rounded-l-md la:bg-accent", c.range_start),
+			range_middle: R("la:rounded-none", c.range_middle),
+			range_end: R("la:rounded-r-md la:bg-accent", c.range_end),
+			today: R("la:rounded-md la:bg-accent la:text-accent-foreground la:data-[selected=true]:rounded-none", c.today),
+			outside: R("la:text-muted-foreground la:aria-selected:text-muted-foreground", c.outside),
+			disabled: R("la:text-muted-foreground la:opacity-50", c.disabled),
+			hidden: R("la:invisible", c.hidden),
 			...t
 		},
 		components: {
-			Root: ({ className: e, rootRef: t, ...n }) => /* @__PURE__ */ k("div", {
+			Root: ({ className: e, rootRef: t, ...n }) => /* @__PURE__ */ A("div", {
 				"data-slot": "calendar",
 				ref: t,
-				className: I(e),
+				className: R(e),
 				...n
 			}),
-			Chevron: ({ className: e, orientation: t, ...n }) => k(t === "left" ? p : t === "right" ? m : f, {
-				className: I("la:size-4", e),
+			Chevron: ({ className: e, orientation: t, ...n }) => A(t === "left" ? p : t === "right" ? m : f, {
+				className: R("la:size-4", e),
 				...n
 			}),
-			DayButton: oe,
-			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ k("td", {
+			DayButton: ve,
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ A("td", {
 				...t,
-				children: /* @__PURE__ */ k("div", {
+				children: /* @__PURE__ */ A("div", {
 					className: "la:flex la:size-(--cell-size) la:items-center la:justify-center la:text-center",
 					children: e
 				})
@@ -117,11 +233,11 @@ function ae({ className: e, classNames: t, showOutsideDays: n = !0, captionLayou
 		...s
 	});
 }
-function oe({ className: t, day: n, modifiers: r, ...i }) {
-	let a = M(), o = e.useRef(null);
+function ve({ className: t, day: n, modifiers: r, ...i }) {
+	let a = F(), o = e.useRef(null);
 	return e.useEffect(() => {
 		r.focused && o.current?.focus();
-	}, [r.focused]), /* @__PURE__ */ k(L, {
+	}, [r.focused]), /* @__PURE__ */ A(z, {
 		ref: o,
 		variant: "ghost",
 		size: "icon",
@@ -130,73 +246,73 @@ function oe({ className: t, day: n, modifiers: r, ...i }) {
 		"data-range-start": r.range_start,
 		"data-range-end": r.range_end,
 		"data-range-middle": r.range_middle,
-		className: I("la:flex la:aspect-square la:size-auto la:w-full la:min-w-(--cell-size) la:flex-col la:gap-1 la:leading-none la:font-normal la:group-data-[focused=true]/day:relative la:group-data-[focused=true]/day:z-10 la:group-data-[focused=true]/day:border-ring la:group-data-[focused=true]/day:ring-[3px] la:group-data-[focused=true]/day:ring-ring/50 la:data-[range-end=true]:rounded-md la:data-[range-end=true]:rounded-r-md la:data-[range-end=true]:bg-primary la:data-[range-end=true]:text-primary-foreground la:data-[range-middle=true]:rounded-none la:data-[range-middle=true]:bg-accent la:data-[range-middle=true]:text-accent-foreground la:data-[range-start=true]:rounded-md la:data-[range-start=true]:rounded-l-md la:data-[range-start=true]:bg-primary la:data-[range-start=true]:text-primary-foreground la:data-[selected-single=true]:bg-primary la:data-[selected-single=true]:text-primary-foreground la:dark:hover:text-accent-foreground la:[&>span]:text-xs la:[&>span]:opacity-70", a.day, t),
+		className: R("la:flex la:aspect-square la:size-auto la:w-full la:min-w-(--cell-size) la:flex-col la:gap-1 la:leading-none la:font-normal la:group-data-[focused=true]/day:relative la:group-data-[focused=true]/day:z-10 la:group-data-[focused=true]/day:border-ring la:group-data-[focused=true]/day:ring-[3px] la:group-data-[focused=true]/day:ring-ring/50 la:data-[range-end=true]:rounded-md la:data-[range-end=true]:rounded-r-md la:data-[range-end=true]:bg-primary la:data-[range-end=true]:text-primary-foreground la:data-[range-middle=true]:rounded-none la:data-[range-middle=true]:bg-accent la:data-[range-middle=true]:text-accent-foreground la:data-[range-start=true]:rounded-md la:data-[range-start=true]:rounded-l-md la:data-[range-start=true]:bg-primary la:data-[range-start=true]:text-primary-foreground la:data-[selected-single=true]:bg-primary la:data-[selected-single=true]:text-primary-foreground la:dark:hover:text-accent-foreground la:[&>span]:text-xs la:[&>span]:opacity-70", a.day, t),
 		...i
 	});
 }
 //#endregion
 //#region src/components/ui/input.tsx
-function R({ className: e, type: t, ...n }) {
-	return /* @__PURE__ */ k("input", {
+function B({ className: e, type: t, ...n }) {
+	return /* @__PURE__ */ A("input", {
 		type: t,
 		"data-slot": "input",
-		className: I("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),
+		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),
 		...n
 	});
 }
 //#endregion
 //#region src/components/ui/popover.tsx
-function se({ ...e }) {
-	return /* @__PURE__ */ k(N.Root, {
+function ye({ ...e }) {
+	return /* @__PURE__ */ A(I.Root, {
 		"data-slot": "popover",
 		...e
 	});
 }
-function ce({ ...e }) {
-	return /* @__PURE__ */ k(N.Trigger, {
+function be({ ...e }) {
+	return /* @__PURE__ */ A(I.Trigger, {
 		"data-slot": "popover-trigger",
 		...e
 	});
 }
-function le({ className: e, align: t = "center", sideOffset: n = 4, ...r }) {
-	return /* @__PURE__ */ k(N.Portal, { children: /* @__PURE__ */ k(N.Content, {
+function xe({ className: e, align: t = "center", sideOffset: n = 4, ...r }) {
+	return /* @__PURE__ */ A(I.Portal, { children: /* @__PURE__ */ A(I.Content, {
 		"data-slot": "popover-content",
 		align: t,
 		sideOffset: n,
-		className: I("la:z-50 la:w-72 la:origin-(--radix-popover-content-transform-origin) la:rounded-md la:border la:bg-popover la:p-4 la:text-popover-foreground la:shadow-md la:outline-hidden", e),
+		className: R("la:z-50 la:w-72 la:origin-(--radix-popover-content-transform-origin) la:rounded-md la:border la:bg-popover la:p-4 la:text-popover-foreground la:shadow-md la:outline-hidden", e),
 		...r
 	}) });
 }
-function ue({ ...e }) {
-	return /* @__PURE__ */ k(N.Anchor, {
+function Se({ ...e }) {
+	return /* @__PURE__ */ A(I.Anchor, {
 		"data-slot": "popover-anchor",
 		...e
 	});
 }
-function de({ className: e, ...t }) {
-	return /* @__PURE__ */ k("div", {
+function Ce({ className: e, ...t }) {
+	return /* @__PURE__ */ A("div", {
 		"data-slot": "popover-header",
-		className: I("la:flex la:flex-col la:gap-1 la:text-sm", e),
+		className: R("la:flex la:flex-col la:gap-1 la:text-sm", e),
 		...t
 	});
 }
-function fe({ className: e, ...t }) {
-	return /* @__PURE__ */ k("div", {
+function we({ className: e, ...t }) {
+	return /* @__PURE__ */ A("div", {
 		"data-slot": "popover-title",
-		className: I("la:font-medium", e),
+		className: R("la:font-medium", e),
 		...t
 	});
 }
-function pe({ className: e, ...t }) {
-	return /* @__PURE__ */ k("p", {
+function Te({ className: e, ...t }) {
+	return /* @__PURE__ */ A("p", {
 		"data-slot": "popover-description",
-		className: I("la:text-muted-foreground", e),
+		className: R("la:text-muted-foreground", e),
 		...t
 	});
 }
 //#endregion
 //#region src/time-range.ts
-var me = [
+var Ee = [
 	{
 		minutes: 5,
 		label: "Last 5 minutes"
@@ -221,11 +337,11 @@ var me = [
 		minutes: 10080,
 		label: "Last 7 days"
 	}
-], z = {
+], De = {
 	kind: "relative",
 	minutes: 60
 };
-function B(e, t) {
+function Oe(e, t) {
 	switch (e.kind) {
 		case "relative": return { fromMs: Math.floor((t - e.minutes * 6e4) / 6e4) * 6e4 };
 		case "absolute": return {
@@ -235,24 +351,24 @@ function B(e, t) {
 		case "all": return {};
 	}
 }
-function V(e) {
+function ke(e) {
 	switch (e.kind) {
-		case "relative": return me.find((t) => t.minutes === e.minutes)?.label ?? `Last ${e.minutes} minutes`;
-		case "absolute": return `${ge(e.fromMs, e.toMs)} – ${ge(e.toMs, e.fromMs)}`;
+		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 "all": return "All retained";
 	}
 }
-function H(e) {
+function V(e) {
 	switch (e.kind) {
-		case "relative": return `in the ${V(e).toLocaleLowerCase()}`;
-		case "absolute": return `between ${V(e)}`;
+		case "relative": return `in the ${ke(e).toLocaleLowerCase()}`;
+		case "absolute": return `between ${ke(e)}`;
 		case "all": return "in retained history";
 	}
 }
-function he(e, t) {
+function Ae(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 ge(e, t) {
+function je(e, t) {
 	let n = new Date(e), r = n.toDateString() === new Date(t).toDateString(), i = n.toLocaleTimeString([], {
 		hour: "2-digit",
 		minute: "2-digit",
@@ -265,45 +381,45 @@ function ge(e, t) {
 }
 //#endregion
 //#region src/TimeRangePicker.tsx
-function _e({ value: e, onChange: t, allowAll: n = !0, className: r, align: i = "end" }) {
-	let [o, s] = a(!1), [c, l] = a(() => ye(e)), [f, p] = a(!1), m = (e) => {
+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) => {
 		t(e), s(!1);
 	};
-	return /* @__PURE__ */ A(se, {
+	return /* @__PURE__ */ j(ye, {
 		open: o,
 		onOpenChange: (t) => {
-			t && (l(ye(e)), p(!1)), s(t);
+			t && (l(Pe(e)), p(!1)), s(t);
 		},
-		children: [/* @__PURE__ */ k(ce, {
+		children: [/* @__PURE__ */ A(be, {
 			asChild: !0,
-			children: /* @__PURE__ */ A(L, {
+			children: /* @__PURE__ */ j(z, {
 				type: "button",
 				variant: "outline",
 				className: r,
-				"aria-label": `Time range: ${V(e)}`,
+				"aria-label": `Time range: ${ke(e)}`,
 				children: [
-					/* @__PURE__ */ k(u, { "aria-hidden": "true" }),
-					/* @__PURE__ */ k("span", {
+					/* @__PURE__ */ A(u, { "aria-hidden": "true" }),
+					/* @__PURE__ */ A("span", {
 						className: "la:truncate la:tabular-nums",
-						children: V(e)
+						children: ke(e)
 					}),
-					/* @__PURE__ */ k(d, {
+					/* @__PURE__ */ A(d, {
 						"aria-hidden": "true",
 						className: "la:text-muted-foreground"
 					})
 				]
 			})
-		}), /* @__PURE__ */ A(le, {
+		}), /* @__PURE__ */ j(xe, {
 			align: i,
 			"aria-label": "Time range",
 			className: "la:flex la:w-auto la:p-0 la:text-sm",
-			children: [/* @__PURE__ */ A("div", {
+			children: [/* @__PURE__ */ j("div", {
 				className: "la:flex la:flex-col la:gap-0.5 la:border-r la:p-2",
 				role: "group",
 				"aria-label": "Preset ranges",
-				children: [me.map((t) => /* @__PURE__ */ k(ve, {
+				children: [Ee.map((t) => /* @__PURE__ */ A(Ne, {
 					label: t.label,
-					selected: he(e, {
+					selected: Ae(e, {
 						kind: "relative",
 						minutes: t.minutes
 					}),
@@ -311,17 +427,17 @@ function _e({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 						kind: "relative",
 						minutes: t.minutes
 					})
-				}, t.minutes)), n && /* @__PURE__ */ k(ve, {
+				}, t.minutes)), n && /* @__PURE__ */ A(Ne, {
 					label: "All retained",
 					selected: e.kind === "all",
 					onSelect: () => m({ kind: "all" })
 				})]
-			}), /* @__PURE__ */ A("form", {
+			}), /* @__PURE__ */ j("form", {
 				className: "la:flex la:w-[22rem] la:flex-col",
 				"aria-label": "Custom range",
 				onSubmit: (e) => {
 					e.preventDefault();
-					let t = be(c);
+					let t = Fe(c);
 					if (!t) {
 						p(!0);
 						return;
@@ -329,7 +445,7 @@ function _e({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 					p(!1), m(t);
 				},
 				children: [
-					/* @__PURE__ */ k(ae, {
+					/* @__PURE__ */ A(_e, {
 						mode: "range",
 						numberOfMonths: 1,
 						defaultMonth: c.dates?.to ?? c.dates?.from,
@@ -340,12 +456,12 @@ function _e({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 						})),
 						disabled: { after: /* @__PURE__ */ new Date() }
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "la:flex la:items-end la:gap-2 la:border-t la:px-3 la:py-3",
 						children: [
-							/* @__PURE__ */ A("label", {
+							/* @__PURE__ */ j("label", {
 								className: "la:grid la:gap-1 la:text-xs la:text-muted-foreground",
-								children: ["From", /* @__PURE__ */ k(R, {
+								children: ["From", /* @__PURE__ */ A(B, {
 									type: "time",
 									name: "from",
 									required: !0,
@@ -358,9 +474,9 @@ function _e({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 									"aria-invalid": f || void 0
 								})]
 							}),
-							/* @__PURE__ */ A("label", {
+							/* @__PURE__ */ j("label", {
 								className: "la:grid la:gap-1 la:text-xs la:text-muted-foreground",
-								children: ["To", /* @__PURE__ */ k(R, {
+								children: ["To", /* @__PURE__ */ A(B, {
 									type: "time",
 									name: "to",
 									required: !0,
@@ -373,7 +489,7 @@ function _e({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 									"aria-invalid": f || void 0
 								})]
 							}),
-							/* @__PURE__ */ k(L, {
+							/* @__PURE__ */ A(z, {
 								type: "submit",
 								variant: "outline",
 								size: "sm",
@@ -383,7 +499,7 @@ function _e({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 							})
 						]
 					}),
-					f && /* @__PURE__ */ k("p", {
+					f && /* @__PURE__ */ A("p", {
 						className: "la:px-3 la:pb-3 la:text-xs la:text-danger",
 						role: "alert",
 						children: "From must be before To."
@@ -393,8 +509,8 @@ function _e({ value: e, onChange: t, allowAll: n = !0, className: r, align: i =
 		})]
 	});
 }
-function ve({ label: e, selected: t, onSelect: n }) {
-	return /* @__PURE__ */ k(L, {
+function Ne({ label: e, selected: t, onSelect: n }) {
+	return /* @__PURE__ */ A(z, {
 		type: "button",
 		variant: t ? "secondary" : "ghost",
 		size: "sm",
@@ -404,71 +520,96 @@ function ve({ label: e, selected: t, onSelect: n }) {
 		children: e
 	});
 }
-function ye(e) {
-	let t = Date.now(), n = B(e, t), r = new Date(n.fromMs ?? t - 36e5), i = new Date(n.toMs ?? t);
+function Pe(e) {
+	let t = Date.now(), n = Oe(e, t), r = new Date(n.fromMs ?? t - 36e5), i = new Date(n.toMs ?? t);
 	return {
 		dates: {
-			from: xe(r),
-			to: xe(i)
+			from: Ie(r),
+			to: Ie(i)
 		},
-		fromTime: Se(r),
-		toTime: Se(i)
+		fromTime: Le(r),
+		toTime: Le(i)
 	};
 }
-function be(e) {
+function Fe(e) {
 	let t = e.dates?.from, n = e.dates?.to ?? t;
 	if (!t || !n) return null;
-	let r = Ce(t, e.fromTime), i = Ce(n, e.toTime);
+	let r = Re(t, e.fromTime), i = Re(n, e.toTime);
 	return Number.isFinite(r) && Number.isFinite(i) && r < i ? {
 		kind: "absolute",
 		fromMs: r,
 		toMs: i
 	} : null;
 }
-function xe(e) {
+function Ie(e) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function Se(e) {
+function Le(e) {
 	return `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
 }
-function Ce(e, t) {
+function Re(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 we = T("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 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", {
 	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 U({ className: e, variant: t, ...n }) {
-	return /* @__PURE__ */ k("span", {
+function H({ className: e, variant: t, ...n }) {
+	return /* @__PURE__ */ A("span", {
 		"data-slot": "badge",
-		className: I(we({ variant: t }), e),
+		className: R(ze({ variant: t }), e),
 		...n
 	});
 }
 //#endregion
+//#region src/components/ui/native-select.tsx
+function Be({ className: e, size: t = "default", ...n }) {
+	return /* @__PURE__ */ j("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", {
+			"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, {
+			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", {
+		"data-slot": "native-select-option",
+		className: R("la:bg-[Canvas] la:text-[CanvasText]", e),
+		...t
+	});
+}
+//#endregion
 //#region src/components/ui/sheet.tsx
-var Te = P.Root, Ee = P.Title, De = P.Description;
-function Oe({ className: e, children: t, container: n, ...r }) {
-	return /* @__PURE__ */ A(P.Portal, {
+var Ve = L.Root, He = L.Title, Ue = L.Description;
+function We({ className: e, children: t, container: n, ...r }) {
+	return /* @__PURE__ */ j(L.Portal, {
 		container: n,
-		children: [/* @__PURE__ */ k(P.Overlay, { className: "la-sheet-overlay" }), /* @__PURE__ */ A(P.Content, {
+		children: [/* @__PURE__ */ A(L.Overlay, { className: "la-sheet-overlay" }), /* @__PURE__ */ j(L.Content, {
 			"data-slot": "sheet-content",
-			className: I("la-observer la-sheet", e),
+			className: R("la-observer la-sheet", e),
 			...r,
-			children: [t, /* @__PURE__ */ k(P.Close, {
+			children: [t, /* @__PURE__ */ A(L.Close, {
 				asChild: !0,
-				children: /* @__PURE__ */ k(L, {
+				children: /* @__PURE__ */ A(z, {
 					className: "la-sheet-close",
 					variant: "ghost",
 					size: "icon",
 					"aria-label": "Close",
-					children: /* @__PURE__ */ k(C, { "aria-hidden": "true" })
+					children: /* @__PURE__ */ A(T, { "aria-hidden": "true" })
 				})
 			})]
 		})]
@@ -476,69 +617,70 @@ function Oe({ className: e, children: t, container: n, ...r }) {
 }
 //#endregion
 //#region src/components/ui/table.tsx
-function W({ className: e, ...t }) {
-	return /* @__PURE__ */ k("div", {
+function W({ className: e, containerProps: t, ...n }) {
+	return /* @__PURE__ */ A("div", {
+		...t,
 		"data-slot": "table-container",
-		className: "la:relative la:w-full la:overflow-x-auto",
-		children: /* @__PURE__ */ k("table", {
+		className: R("la:relative la:w-full la:overflow-x-auto", t?.className),
+		children: /* @__PURE__ */ A("table", {
 			"data-slot": "table",
-			className: I("la:w-full la:caption-bottom la:text-sm la:tabular-nums", e),
-			...t
+			className: R("la:w-full la:caption-bottom la:text-sm la:tabular-nums", e),
+			...n
 		})
 	});
 }
 function G({ className: e, ...t }) {
-	return /* @__PURE__ */ k("thead", {
+	return /* @__PURE__ */ A("thead", {
 		"data-slot": "table-header",
-		className: I("la:[&_tr]:border-b", e),
+		className: R("la:[&_tr]:border-b", e),
 		...t
 	});
 }
 function K({ className: e, ...t }) {
-	return /* @__PURE__ */ k("tbody", {
+	return /* @__PURE__ */ A("tbody", {
 		"data-slot": "table-body",
-		className: I("la:[&_tr:last-child]:border-0", e),
+		className: R("la:[&_tr:last-child]:border-0", e),
 		...t
 	});
 }
-function ke({ className: e, ...t }) {
-	return /* @__PURE__ */ k("tfoot", {
+function Ge({ className: e, ...t }) {
+	return /* @__PURE__ */ A("tfoot", {
 		"data-slot": "table-footer",
-		className: I("la:bg-muted/50 la:border-t la:font-medium la:[&>tr]:last:border-b-0", e),
+		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__ */ k("tr", {
+	return /* @__PURE__ */ A("tr", {
 		"data-slot": "table-row",
-		className: I("la:border-b la:transition-colors la:duration-150 la:hover:bg-muted/60 la:data-[state=selected]:bg-muted", e),
+		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__ */ k("th", {
+	return /* @__PURE__ */ A("th", {
 		"data-slot": "table-head",
-		className: I("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),
+		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__ */ k("td", {
+	return /* @__PURE__ */ A("td", {
 		"data-slot": "table-cell",
-		className: I("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),
+		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 Ae({ className: e, ...t }) {
-	return /* @__PURE__ */ k("caption", {
+function Ke({ className: e, ...t }) {
+	return /* @__PURE__ */ A("caption", {
 		"data-slot": "table-caption",
-		className: I("la:text-muted-foreground la:mt-4 la:text-sm", e),
+		className: R("la:text-muted-foreground la:mt-4 la:text-sm", e),
 		...t
 	});
 }
 //#endregion
 //#region src/observer-hooks.ts
-function je(e) {
+function qe(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;
@@ -571,7 +713,7 @@ function je(e) {
 		retry: () => r((e) => e + 1)
 	};
 }
-function Me(e, n = !0) {
+function Je(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;
@@ -580,7 +722,7 @@ function Me(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) => Ne(t, e)), s(!1), o = 1e3);
+					r.signal.aborted || (t = e.resumeCursor, i((t) => Ye(t, e)), s(!1), o = 1e3);
 				}, r.signal, t), !r.signal.aborted) throw Error("Request stream disconnected");
 			} catch {
 				r.signal.aborted || s(!0);
@@ -601,7 +743,7 @@ function Me(e, n = !0) {
 		retry: () => l((e) => e + 1)
 	};
 }
-function Ne(e, t) {
+function Ye(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 {
@@ -610,7 +752,7 @@ function Ne(e, t) {
 		records: [...n.values()].sort((e, t) => t.sequence - e.sequence).slice(0, t.capacity)
 	};
 }
-function Pe(e, n, r, i = 1e4) {
+function Xe(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;
@@ -653,7 +795,7 @@ function Pe(e, n, r, i = 1e4) {
 }
 //#endregion
 //#region src/request-history.ts
-function Fe(e, n) {
+function Ze(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;
@@ -696,164 +838,176 @@ function Fe(e, n) {
 }
 //#endregion
 //#region src/RequestObserver.tsx
-function Ie({ client: e, actor: n, timeRange: o, onTimeRangeChange: s }) {
-	let [c, l] = a(), [u, d] = a(z), f = o ?? u, p = s ?? d, m = Fe(e, r(() => c ? {
-		...c,
+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 ? {
+		...l,
 		...n,
-		...B(f, Date.now())
+		...l.requestId || l.connectionId ? {} : Oe(p, Date.now())
 	} : void 0, [
-		c,
+		l,
 		n?.actorName,
 		n?.actorId,
-		f
-	])), { page: h, failed: g, retry: _ } = Me(e), [y, b] = a(), [x, S] = a(), C = i(null), w = i(null), T = n ? "h3" : "h1", E = c ? m.page : y ?? h, D = h ?? m.page, j = (E?.records ?? []).filter((e) => !n || e.actorName === n.actorName && e.actorId === 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);
 	return t(() => {
-		b(void 0), l(void 0);
+		S(void 0), u(void 0);
 	}, [
 		e,
 		n?.actorName,
 		n?.actorId
-	]), t(() => S(void 0), [
+	]), t(() => {
+		c && u(c);
+	}, [c]), t(() => w(void 0), [
 		e,
-		h?.epoch,
-		c,
+		g?.epoch,
+		l,
 		n?.actorName,
 		n?.actorId
-	]), /* @__PURE__ */ A("section", {
-		ref: C,
+	]), /* @__PURE__ */ j("section", {
+		ref: T,
 		className: "la-observer la-requests",
 		"aria-label": "Request observer",
 		children: [
-			/* @__PURE__ */ A("div", {
+			(l?.requestId || l?.connectionId) && /* @__PURE__ */ j("p", { children: [
+				"Showing ",
+				l.requestId ? `request ${l.requestId}` : `connection ${l?.connectionId}`,
+				" ",
+				/* @__PURE__ */ A(z, {
+					variant: "link",
+					onClick: () => u(void 0),
+					children: "Clear filter"
+				})
+			] }),
+			/* @__PURE__ */ j("div", {
 				className: "la-observer-toolbar",
-				children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k(T, { children: "Requests" }), /* @__PURE__ */ k("p", { children: n ? "Method calls and WebSocket events for this instance." : "Method calls and WebSocket events, with time spent waiting and processing." })] }), /* @__PURE__ */ A("div", {
+				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", {
 					className: "la-request-actions",
-					children: [e.listRequests && /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(L, {
-						variant: c ? "outline" : "secondary",
-						"aria-pressed": !c,
+					children: [e.listRequests && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(z, {
+						variant: l ? "outline" : "secondary",
+						"aria-pressed": !l,
 						onClick: () => {
-							l(void 0), b(void 0);
+							u(void 0), S(void 0);
 						},
 						children: "Live"
-					}), /* @__PURE__ */ k(L, {
-						variant: c ? "secondary" : "outline",
-						"aria-pressed": !!c,
+					}), /* @__PURE__ */ A(z, {
+						variant: l ? "secondary" : "outline",
+						"aria-pressed": !!l,
 						onClick: () => {
-							c || l({});
+							l || u({});
 						},
 						children: "History"
-					})] }), !c && /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ A(L, {
+					})] }), !l && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j(z, {
 						variant: "outline",
-						disabled: !E,
-						onClick: () => b(y ? void 0 : h),
-						children: [k(y ? ee : v, { "aria-hidden": "true" }), y ? "Resume" : "Pause"]
-					}), g && /* @__PURE__ */ A(L, {
+						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: _,
-						children: [/* @__PURE__ */ k(te, { "aria-hidden": "true" }), "Retry"]
+						onClick: v,
+						children: [/* @__PURE__ */ A(ee, { "aria-hidden": "true" }), "Retry"]
 					})] })]
 				})]
 			}),
-			c && /* @__PURE__ */ k(Le, {
-				query: c,
-				range: f,
-				onRangeChange: p,
-				loading: m.loading,
-				onSearch: l,
+			l && /* @__PURE__ */ A($e, {
+				query: l,
+				range: p,
+				onRangeChange: m,
+				loading: h.loading,
+				onSearch: u,
 				scoped: !!n
 			}),
-			c && m.failed && /* @__PURE__ */ A("div", {
+			l && h.failed && /* @__PURE__ */ j("div", {
 				className: "la-observer-error",
 				role: "alert",
 				children: [
 					"Request history unavailable.",
 					" ",
-					/* @__PURE__ */ k(L, {
+					/* @__PURE__ */ A(z, {
 						variant: "outline",
-						onClick: m.retry,
+						onClick: h.retry,
 						children: "Retry history"
 					})
 				]
 			}),
-			!c && g && /* @__PURE__ */ A("div", {
+			!l && _ && /* @__PURE__ */ j("div", {
 				className: "la-observer-error",
 				role: "alert",
-				children: ["Request stream disconnected. Reconnecting… ", h ? "Showing the last received requests." : "Check your connection and runtime version."]
+				children: ["Request stream disconnected. Reconnecting… ", g ? "Showing the last received requests." : "Check your connection and runtime version."]
 			}),
-			!!D?.dropped && /* @__PURE__ */ A("div", {
+			!!M?.dropped && /* @__PURE__ */ j("div", {
 				className: "la-observer-error",
 				role: "alert",
-				children: [D.dropped.toLocaleString(), " request traces were not delivered. This history is incomplete."]
+				children: [M.dropped.toLocaleString(), " request traces were not delivered. This history is incomplete."]
 			}),
-			D?.persistenceFailed && /* @__PURE__ */ k("div", {
+			M?.persistenceFailed && /* @__PURE__ */ A("div", {
 				className: "la-observer-error",
 				role: "alert",
 				children: "Some request events could not be saved. This history may be incomplete."
 			}),
-			E?.reset && /* @__PURE__ */ k("div", {
+			O?.reset && /* @__PURE__ */ A("div", {
 				className: "la-observer-error",
 				role: "alert",
 				children: "Some older events are no longer retained. Showing available history."
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "la-observer-table-frame",
-				children: [/* @__PURE__ */ A(W, {
-					"aria-label": c ? "Saved requests" : "Recent requests",
+				children: [/* @__PURE__ */ j(W, {
+					"aria-label": l ? "Saved requests" : "Recent requests",
 					className: "la-request-table",
-					children: [/* @__PURE__ */ k(G, { children: /* @__PURE__ */ A(q, { children: [
-						/* @__PURE__ */ k(J, {
+					children: [/* @__PURE__ */ A(G, { children: /* @__PURE__ */ j(q, { children: [
+						/* @__PURE__ */ A(J, {
 							scope: "col",
 							children: "Time"
 						}),
-						/* @__PURE__ */ k(J, {
+						/* @__PURE__ */ A(J, {
 							scope: "col",
 							children: "Request"
 						}),
-						/* @__PURE__ */ k(J, {
+						/* @__PURE__ */ A(J, {
 							scope: "col",
 							children: "Instance"
 						}),
-						/* @__PURE__ */ k(J, {
+						/* @__PURE__ */ A(J, {
 							scope: "col",
 							children: "Transport"
 						}),
-						/* @__PURE__ */ k(J, {
+						/* @__PURE__ */ A(J, {
 							scope: "col",
 							children: "Outcome"
 						}),
-						/* @__PURE__ */ k(J, {
+						/* @__PURE__ */ A(J, {
 							scope: "col",
 							children: "Total"
 						}),
-						/* @__PURE__ */ k(J, {
+						/* @__PURE__ */ A(J, {
 							scope: "col",
 							children: "Queue wait"
 						}),
-						/* @__PURE__ */ k(J, {
+						/* @__PURE__ */ A(J, {
 							scope: "col",
-							children: /* @__PURE__ */ k("span", {
+							children: /* @__PURE__ */ A("span", {
 								className: "la:sr-only",
 								children: "Details"
 							})
 						})
-					] }) }), /* @__PURE__ */ k(K, { children: j.map((e) => /* @__PURE__ */ A(q, {
+					] }) }), /* @__PURE__ */ A(K, { children: N.map((e) => /* @__PURE__ */ j(q, {
 						className: "la-clickable-row",
-						"data-state": x === e ? "selected" : void 0,
+						"data-state": C === e ? "selected" : void 0,
 						onClick: (t) => {
-							w.current = t.currentTarget.querySelector("button"), S(e);
+							E.current = t.currentTarget.querySelector("button"), w(e);
 						},
 						children: [
-							/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ k("time", {
+							/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A("time", {
 								dateTime: new Date(e.startedAtMs).toISOString(),
 								title: new Date(e.startedAtMs).toLocaleString(),
-								children: c ? new Date(e.startedAtMs).toLocaleString([], { hour12: !1 }) : new Date(e.startedAtMs).toLocaleTimeString([], { hour12: !1 })
+								children: l ? new Date(e.startedAtMs).toLocaleString([], { hour12: !1 }) : new Date(e.startedAtMs).toLocaleTimeString([], { hour12: !1 })
 							}) }),
-							/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ k("span", {
+							/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A("span", {
 								className: "la-request-operation",
 								title: e.operation,
 								children: e.operation
 							}) }),
-							/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ A("span", {
+							/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ j("span", {
 								className: "la-request-actor",
 								title: `${e.actorName} / ${e.actorId}`,
 								children: [
@@ -862,18 +1016,18 @@ function Ie({ client: e, actor: n, timeRange: o, onTimeRangeChange: s }) {
 									e.actorId
 								]
 							}) }),
-							/* @__PURE__ */ k(Y, { children: e.kind === "method" ? "Method" : "WebSocket" }),
-							/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ k(U, {
+							/* @__PURE__ */ A(Y, { children: e.kind === "method" ? "Method" : "WebSocket" }),
+							/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A(H, {
 								variant: "outline",
 								className: `la-request-outcome-${e.outcome}`,
 								children: e.outcome[0].toUpperCase() + e.outcome.slice(1)
 							}) }),
-							/* @__PURE__ */ k(Y, { children: ze(e.durationMs) }),
-							/* @__PURE__ */ k(Y, { children: e.queueWaitMs === null ? /* @__PURE__ */ k("span", {
+							/* @__PURE__ */ A(Y, { children: tt(e.durationMs) }),
+							/* @__PURE__ */ A(Y, { children: e.queueWaitMs === null ? /* @__PURE__ */ A("span", {
 								title: "Request did not begin processing",
 								children: "—"
-							}) : ze(e.queueWaitMs) }),
-							/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ k(L, {
+							}) : tt(e.queueWaitMs) }),
+							/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A(z, {
 								variant: "ghost",
 								size: "sm",
 								"aria-label": `Inspect ${e.operation} request`,
@@ -881,109 +1035,124 @@ function Ie({ client: e, actor: n, timeRange: o, onTimeRangeChange: s }) {
 								children: "Details"
 							}) })
 						]
-					}, e.eventId ?? `${E.epoch}-${e.sequence}`)) })]
-				}), !j.length && /* @__PURE__ */ A("div", {
+					}, e.eventId ?? `${O.epoch}-${e.sequence}`)) })]
+				}), !N.length && /* @__PURE__ */ j("div", {
 					className: "la-request-empty",
 					role: "status",
-					children: [/* @__PURE__ */ k("strong", { children: c ? m.loading ? "Loading history…" : m.failed ? "History unavailable" : "No saved requests in this range" : E ? "No requests yet" : g ? "Requests unavailable" : "Connecting to requests…" }), /* @__PURE__ */ k("p", { children: c ? "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__ */ 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." })]
 				})]
 			}),
-			c && E?.nextCursor && /* @__PURE__ */ k(L, {
+			l && O?.nextCursor && /* @__PURE__ */ A(z, {
 				className: "la-request-load-older",
 				variant: "outline",
-				disabled: m.loading,
-				onClick: m.loadOlder,
-				children: m.loading ? "Loading…" : "Load older"
+				disabled: h.loading,
+				onClick: h.loadOlder,
+				children: h.loading ? "Loading…" : "Load older"
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "la-observer-footnote",
-				children: [/* @__PURE__ */ A("span", {
+				children: [/* @__PURE__ */ j("span", {
 					className: "la-observer-refresh-status",
-					children: [!c && /* @__PURE__ */ k("span", { className: `la-observer-dot ${g ? "la-observer-dot-unknown" : "la-observer-dot-live"}` }), c ? "Saved history" : y ? "Display paused · collection continues" : g ? "Reconnecting…" : h ? "Live updates" : "Connecting…"]
-				}), /* @__PURE__ */ k("span", { children: c ? `${j.length.toLocaleString()} saved requests shown` : n ? `${j.length} matching requests from the latest ${E?.capacity ?? 500} on this control plane.` : `Latest ${E?.capacity ?? 500} requests on this control plane.` })]
+					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.` })]
 			}),
-			!c && !!E?.evicted && /* @__PURE__ */ A("p", {
+			!l && !!O?.evicted && /* @__PURE__ */ j("p", {
 				className: "la-request-note",
-				children: [E.evicted.toLocaleString(), " older records have left this history window."]
+				children: [O.evicted.toLocaleString(), " older records have left this history window."]
 			}),
-			/* @__PURE__ */ k("p", {
+			/* @__PURE__ */ A("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__ */ k(Te, {
-				open: !!x,
+			/* @__PURE__ */ A(Ve, {
+				open: !!C,
 				onOpenChange: (e) => {
-					e || S(void 0);
+					e || w(void 0);
 				},
-				children: /* @__PURE__ */ A(Oe, {
-					container: C.current,
+				children: /* @__PURE__ */ j(We, {
+					container: T.current,
 					onCloseAutoFocus: (e) => {
-						e.preventDefault(), w.current?.focus();
+						e.preventDefault(), E.current?.focus();
 					},
 					children: [
-						/* @__PURE__ */ k(Ee, { children: "Request details" }),
-						/* @__PURE__ */ k(De, { children: "Full identifiers and timings for this request." }),
-						x && /* @__PURE__ */ k(Re, { record: x })
+						/* @__PURE__ */ A(He, { children: "Request details" }),
+						/* @__PURE__ */ A(Ue, { children: "Full identifiers and timings for this request." }),
+						C && /* @__PURE__ */ A(et, { record: C })
 					]
 				})
 			})
 		]
 	});
 }
-function Le({ query: e, range: t, onRangeChange: n, loading: r, onSearch: i, scoped: a }) {
-	return /* @__PURE__ */ A("form", {
+function $e({ query: e, range: t, onRangeChange: r, loading: i, onSearch: a, scoped: o }) {
+	let s = n(), c = n();
+	return /* @__PURE__ */ j("form", {
 		className: "la-request-history-filters",
 		onSubmit: (e) => {
 			e.preventDefault();
 			let t = new FormData(e.currentTarget);
-			i({
+			a({
 				actorId: String(t.get("actorId") || "").trim() || void 0,
 				outcome: String(t.get("outcome") || "") || void 0
 			});
 		},
 		children: [
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "la-request-history-range",
-				children: [/* @__PURE__ */ k("span", { children: "Time range" }), /* @__PURE__ */ k(_e, {
+				children: [/* @__PURE__ */ A("span", { children: "Time range" }), /* @__PURE__ */ A(Me, {
 					value: t,
-					onChange: n,
+					onChange: r,
 					align: "start"
 				})]
 			}),
-			!a && /* @__PURE__ */ A("label", { children: ["Actor ID", /* @__PURE__ */ k(R, {
-				name: "actorId",
-				placeholder: "All actors",
-				maxLength: 256,
-				defaultValue: e.actorId
-			})] }),
-			/* @__PURE__ */ A("label", { children: ["Outcome", /* @__PURE__ */ A("select", {
-				className: "la-observer-select",
-				name: "outcome",
-				defaultValue: e.outcome ?? "",
-				children: [/* @__PURE__ */ k("option", {
-					value: "",
-					children: "All outcomes"
-				}), [
-					"completed",
-					"failed",
-					"rejected",
-					"rerouted",
-					"interrupted"
-				].map((e) => /* @__PURE__ */ k("option", {
-					value: e,
-					children: e[0].toUpperCase() + e.slice(1)
-				}, e))]
-			})] }),
-			/* @__PURE__ */ k(L, {
+			!o && /* @__PURE__ */ j("div", {
+				className: "la-request-history-field",
+				children: [/* @__PURE__ */ A("label", {
+					htmlFor: s,
+					children: "Actor ID"
+				}), /* @__PURE__ */ A(B, {
+					id: s,
+					name: "actorId",
+					placeholder: "All actors",
+					maxLength: 256,
+					defaultValue: e.actorId
+				})]
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "la-request-history-field",
+				children: [/* @__PURE__ */ A("label", {
+					htmlFor: c,
+					children: "Outcome"
+				}), /* @__PURE__ */ j(Be, {
+					id: c,
+					className: "la-observer-select",
+					name: "outcome",
+					defaultValue: e.outcome ?? "",
+					children: [/* @__PURE__ */ A(U, {
+						value: "",
+						children: "All outcomes"
+					}), [
+						"completed",
+						"failed",
+						"rejected",
+						"rerouted",
+						"interrupted"
+					].map((e) => /* @__PURE__ */ A(U, {
+						value: e,
+						children: e[0].toUpperCase() + e.slice(1)
+					}, e))]
+				})]
+			}),
+			/* @__PURE__ */ A(z, {
 				type: "submit",
 				variant: "outline",
-				disabled: r,
+				disabled: i,
 				children: "Search"
 			})
 		]
 	});
 }
-function Re({ record: e }) {
+function et({ record: e }) {
 	let t = {
 		Operation: e.operation,
 		"Actor class": e.actorName,
@@ -992,23 +1161,419 @@ function Re({ record: e }) {
 		Time: new Date(e.startedAtMs).toLocaleString(),
 		Transport: e.kind === "method" ? "Method" : "WebSocket",
 		Outcome: e.outcome,
-		Total: ze(e.durationMs),
-		"Queue wait": e.queueWaitMs === null ? "Did not begin processing" : ze(e.queueWaitMs),
+		Total: tt(e.durationMs),
+		"Queue wait": e.queueWaitMs === null ? "Did not begin processing" : tt(e.queueWaitMs),
 		Host: e.hostId,
 		...e.connectionId ? { Connection: e.connectionId } : {}
 	};
-	return /* @__PURE__ */ k("dl", {
+	return /* @__PURE__ */ A("dl", {
 		className: "la-request-details",
-		children: Object.entries(t).map(([e, t]) => /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", { children: e }), /* @__PURE__ */ k("dd", { children: t })] }, e))
+		children: Object.entries(t).map(([e, t]) => /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("dt", { children: e }), /* @__PURE__ */ A("dd", { children: t })] }, e))
 	});
 }
-function ze(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) ?? "" : "";
+}
+//#endregion
+//#region src/state-inspection.ts
+function it(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;
+		s(void 0), l(void 0), h(0);
+		async function u(f = !1) {
+			if (i) {
+				a = !0;
+				return;
+			}
+			i = !0, p(!0);
+			try {
+				let [i, a] = await Promise.all([e.getState({
+					actorName: n,
+					actorId: r
+				}, t.signal), e.listStateHistory({
+					actorName: n,
+					actorId: r,
+					...f && o?.nextBefore ? { before: o.nextBefore } : {}
+				}, t.signal)]);
+				if (t.signal.aborted) return;
+				s(i);
+				let c = new Map(o?.records.map((e) => [e.stateVersion, e]));
+				for (let e of a.records) c.set(e.stateVersion, e);
+				let u = a.records.some((e) => o?.records.some((t) => t.stateVersion === e.stateVersion)), p = f || !o || !u ? a.nextBefore : o.nextBefore;
+				o = {
+					...a,
+					nextBefore: p,
+					records: [...c.values()].sort((e, t) => t.stateVersion - e.stateVersion)
+				}, l(o), d(!1);
+			} catch {
+				t.signal.aborted || d(!0);
+			} finally {
+				i = !1, t.signal.aborted || (p(!1), clearTimeout(c), c = setTimeout(() => void u(), a ? 500 : 15e3), a = !1);
+			}
+		}
+		return g.current = (e) => {
+			clearTimeout(c), u(e);
+		}, u(), e.watchRequests && e.watchRequests((e) => {
+			let t = 0;
+			for (let i of e.records) i.actorName === n && i.actorId === r && (t = Math.max(t, i.stateVersion ?? 0));
+			t > 0 && h((e) => Math.max(e, t));
+		}, t.signal).catch(() => {}), () => {
+			t.abort(), clearTimeout(c);
+		};
+	}, [
+		e,
+		n,
+		r
+	]), t(() => {
+		m > 0 && g.current();
+	}, [m]), {
+		current: o,
+		history: c,
+		failed: u,
+		loading: f,
+		knownVersion: m,
+		refresh: () => g.current(),
+		loadOlder: () => g.current(!0)
+	};
+}
+//#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", {
+		className: "la-state",
+		"aria-label": "Persisted state",
+		children: [
+			/* @__PURE__ */ j("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", {
+					className: "la-state-actions",
+					children: [_ && /* @__PURE__ */ j(z, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => ut(_.state, `${n}-${r}-v${v}.json`),
+						children: [/* @__PURE__ */ A(g, { "aria-hidden": "true" }), "Download JSON"]
+					}), /* @__PURE__ */ j(z, {
+						variant: "outline",
+						size: "sm",
+						disabled: i.loading,
+						onClick: () => {
+							i.refresh(), h((e) => e + 1);
+						},
+						"aria-label": "Refresh state",
+						children: [/* @__PURE__ */ A(ee, { "aria-hidden": "true" }), "Refresh"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "la-state-tabs",
+				"aria-label": "State views",
+				children: [
+					/* @__PURE__ */ A(z, {
+						variant: o === "state" ? "secondary" : "ghost",
+						"aria-pressed": o === "state",
+						onClick: () => s("state"),
+						children: "State"
+					}),
+					/* @__PURE__ */ A(z, {
+						variant: o === "changes" ? "secondary" : "ghost",
+						"aria-pressed": o === "changes",
+						onClick: () => s("changes"),
+						children: "Changes"
+					}),
+					_ && /* @__PURE__ */ j("span", {
+						className: "la-state-version",
+						children: ["Version ", v]
+					})
+				]
+			}),
+			i.failed && /* @__PURE__ */ j("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", {
+				className: "la-state-notice",
+				role: "status",
+				children: "A newer commit is syncing to storage. Retrying automatically…"
+			}),
+			!i.current && !i.failed && /* @__PURE__ */ A("p", {
+				role: "status",
+				children: "Loading persisted state…"
+			}),
+			i.current && !_ && /* @__PURE__ */ A("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: _,
+					onInspect: e.onInspectRequest
+				}),
+				/* @__PURE__ */ A(B, {
+					"aria-label": "Filter persisted fields",
+					placeholder: "Filter fields…",
+					value: f,
+					onChange: (e) => p(e.target.value)
+				}),
+				/* @__PURE__ */ A(ot, {
+					state: _.state,
+					query: f,
+					schema: i.current?.schema ?? null
+				})
+			] }),
+			o === "changes" && /* @__PURE__ */ j("div", {
+				className: "la-state-history",
+				children: [/* @__PURE__ */ j("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", {
+							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: [
+								"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" })]
+						}) }, e.stateVersion)) }),
+						i.history?.nextBefore && /* @__PURE__ */ A(z, {
+							variant: "outline",
+							size: "sm",
+							disabled: i.loading,
+							onClick: i.loadOlder,
+							children: "Load older versions"
+						})
+					]
+				}), /* @__PURE__ */ j("div", {
+					className: "la-state-comparison",
+					children: [c !== void 0 && v > c && /* @__PURE__ */ j(z, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => {
+							l(void 0), d(void 0);
+						},
+						children: ["View latest · version ", v]
+					}), !!y && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
+						className: "la-state-compare-heading",
+						children: [/* @__PURE__ */ j("h4", { children: ["Version ", y] }), /* @__PURE__ */ j(Be, {
+							"aria-label": "Compare with version",
+							value: u ?? Math.max(0, y - 1),
+							onChange: (e) => d(Number(e.target.value)),
+							children: [/* @__PURE__ */ A(U, {
+								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, {
+								value: e.stateVersion,
+								children: ["Version ", e.stateVersion]
+							}, e.stateVersion))]
+						})]
+					}), /* @__PURE__ */ A(lt, {
+						...e,
+						version: y,
+						baseline: u ?? Math.max(0, y - 1)
+					}, `${n}/${r}/${y}/${u}/${m}`)] })]
+				})]
+			}),
+			/* @__PURE__ */ A("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 }) {
+	let r = Object.entries(e).filter(([e]) => e.toLowerCase().includes(t.toLowerCase()));
+	return /* @__PURE__ */ j("div", {
+		className: "la-observer-table-frame",
+		children: [/* @__PURE__ */ j(W, {
+			"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", {
+					className: "la-state-type",
+					children: dt(t)
+				}), ft(n, e) && /* @__PURE__ */ A("small", {
+					className: "la-state-schema",
+					children: ft(n, e)
+				})] }),
+				/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A(st, { value: t }) })
+			] }, e)) })]
+		}), !r.length && /* @__PURE__ */ A("p", {
+			className: "la-state-empty",
+			children: t ? "No matching fields." : "The persisted state is an empty object."
+		})]
+	});
+}
+function st({ value: e }) {
+	let t = JSON.stringify(e);
+	return t.length > 1e5 ? /* @__PURE__ */ j("span", { children: [
+		"Large value (",
+		Math.round(t.length / 1024),
+		" KB). Use Download JSON to inspect it."
+	] }) : typeof e == "object" && e ? /* @__PURE__ */ A(te, {
+		data: e,
+		shouldExpandNode: (e) => e < 1,
+		style: pt
+	}) : /* @__PURE__ */ A("code", {
+		className: `la-state-json-${dt(e)}`,
+		children: t
+	});
+}
+function ct({ record: e, onInspect: t }) {
+	let n = e.attribution;
+	return /* @__PURE__ */ j("div", {
+		className: "la-state-attribution",
+		children: [
+			/* @__PURE__ */ j("span", { children: ["Committed by ", /* @__PURE__ */ A("strong", { children: n?.operation ?? "Unknown operation" })] }),
+			/* @__PURE__ */ j("span", { children: [
+				"Request",
+				" ",
+				t ? /* @__PURE__ */ A("button", {
+					type: "button",
+					onClick: () => t({ requestId: e.requestId }),
+					children: e.requestId
+				}) : /* @__PURE__ */ A("code", { children: e.requestId })
+			] }),
+			n?.connectionId && /* @__PURE__ */ j("span", { children: [
+				"Connection",
+				" ",
+				t ? /* @__PURE__ */ A("button", {
+					type: "button",
+					onClick: () => t({ connectionId: n.connectionId }),
+					children: n.connectionId
+				}) : /* @__PURE__ */ A("code", { children: n.connectionId })
+			] }),
+			n && /* @__PURE__ */ A("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." })
+		]
+	});
+}
+function lt({ 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;
+		async function s() {
+			try {
+				let [s, c] = await Promise.all([e.getState({
+					actorName: n,
+					actorId: r,
+					version: i
+				}, t.signal), o ? e.getState({
+					actorName: n,
+					actorId: r,
+					version: o
+				}, t.signal) : Promise.resolve({ snapshot: { state: {} } })]);
+				if (t.signal.aborted) return;
+				if (s.snapshot && p(s.snapshot), !s.snapshot || !c.snapshot) throw Error("This version is not available in storage. Its upload may be pending or its history may have expired. Refresh to retry.");
+				let u = s.snapshot, f = JSON.stringify(c.snapshot.state).length + JSON.stringify(u.state).length;
+				if (f > 2e6) throw Error("These snapshots are too large for an inline comparison. Inspect their JSON downloads instead.");
+				f > 1e5 && typeof Worker < "u" ? (a = new Worker(new URL(
+					/* @vite-ignore */
+					new URL("assets/state-diff.worker-ieZNeZXJ.js", import.meta.url).href,
+					"" + import.meta.url
+				), { type: "module" }), a.onmessage = (e) => {
+					e.data.error ? d(e.data.error) : l({
+						after: u,
+						html: e.data.html
+					});
+				}, a.onerror = () => d("Could not compare these versions. Refresh to retry."), a.postMessage({
+					before: c.snapshot.state,
+					after: u.state
+				})) : l({
+					after: u,
+					html: rt(c.snapshot.state, u.state)
+				});
+			} catch (e) {
+				t.signal.aborted || d(e instanceof Error ? e.message : "Could not load versions.");
+			}
+		}
+		return s(), () => {
+			t.abort(), a?.terminate();
+		};
+	}, [
+		e,
+		n,
+		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", {
+			role: "alert",
+			children: u
+		}),
+		!u && !c && /* @__PURE__ */ A("p", {
+			role: "status",
+			children: "Loading comparison…"
+		}),
+		f && /* @__PURE__ */ j(z, {
+			variant: "ghost",
+			size: "sm",
+			onClick: () => ut(f.state, `${n}-${r}-v${i}.json`),
+			children: ["Download version ", i]
+		}),
+		c && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(ct, {
+			record: c.after,
+			onInspect: s
+		}), c.html ? /* @__PURE__ */ A("div", {
+			className: "la-state-diff",
+			"aria-label": "State changes",
+			dangerouslySetInnerHTML: { __html: c.html }
+		}) : /* @__PURE__ */ A("p", { children: "No persisted fields changed between these versions." })] })
+	] });
+}
+function ut(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) {
+	return e === null ? "null" : Array.isArray(e) ? "array" : typeof e;
+}
+function ft(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 = {
+	container: "la-state-json",
+	basicChildStyle: "la-state-json-child",
+	label: "la-state-json-label",
+	clickableLabel: "la-state-json-label",
+	nullValue: "la-state-json-null",
+	undefinedValue: "la-state-json-null",
+	numberValue: "la-state-json-number",
+	stringValue: "la-state-json-string",
+	booleanValue: "la-state-json-boolean",
+	otherValue: "la-state-json-label",
+	punctuation: "la-state-json-punctuation",
+	expandIcon: "la-state-json-expand",
+	collapseIcon: "la-state-json-collapse",
+	collapsedContent: "la-state-json-collapsed",
+	childFieldsContainer: "la-state-json-children"
+};
+//#endregion
 //#region src/queue-wait-history.ts
-function Be(e, t, n) {
-	let r = Pe(e, {
+function mt(e, t, n) {
+	let r = Xe(e, {
 		...t,
 		actorName: n
 	}, e.listQueueWaits);
@@ -1020,26 +1585,26 @@ function Be(e, t, n) {
 }
 //#endregion
 //#region src/queue-wait.ts
-function Ve(e) {
-	if (!Array.isArray(e) || !e.every(He)) throw Error("Invalid queue wait response");
+function ht(e) {
+	if (!Array.isArray(e) || !e.every(gt)) throw Error("Invalid queue wait response");
 	return e;
 }
-function He(e) {
+function gt(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 Ue(e) {
-	return Ke(e, () => "all").get("all") ?? null;
+function _t(e) {
+	return bt(e, () => "all").get("all") ?? null;
 }
-function We(e) {
-	return Ke(e, (e) => e.actorName);
+function vt(e) {
+	return bt(e, (e) => e.actorName);
 }
-function Ge(e, t) {
-	return Ke(e.filter((e) => e.actorName === t), (e) => e.actorId);
+function yt(e, t) {
+	return bt(e.filter((e) => e.actorName === t), (e) => e.actorId);
 }
 function X(e) {
 	return e === void 0 ? "—" : e >= 1e3 ? `${(e / 1e3).toLocaleString(void 0, { maximumFractionDigits: 2 })} s` : `${e.toLocaleString(void 0, { maximumFractionDigits: 1 })} ms`;
 }
-function Ke(e, t) {
+function bt(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
 		let e = n.get(t(r)) ?? {
@@ -1057,124 +1622,140 @@ function Ke(e, t) {
 }
 //#endregion
 //#region src/ActorObserver.tsx
-function qe({ client: e, className: r = "", initialActorName: o, navigation: s, timeRange: c, onTimeRangeChange: l }) {
-	let { inventory: u, loading: d, failed: f, retry: p } = je(e), [m, g] = a(z), _ = c ?? m, v = l ?? g, [ee, y] = a(o), b = s ? s.actorName : ee, x = s ? s.onSelectActor : y, [S, C] = a(""), w = i(null), T = i(o), E = n(), D = u?.actors.find((e) => e.actorName === b), j = Be(e, B(_, Date.now()), b), M = j.rows && We(j.rows), N = j.rows && b !== void 0 ? Ge(j.rows, b) : void 0, P = j.supported && j.rows ? Ue(j.rows) : void 0;
-	return t(() => {
-		y(o), C("");
+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;
+	t(() => {
+		b(o), w(void 0), E("");
 	}, [e, o]), t(() => {
-		T.current !== b && w.current?.focus(), T.current = b;
-	}, [b]), /* @__PURE__ */ A("section", {
+		O.current !== x && C === void 0 && D.current?.focus(), O.current = x;
+	}, [x, C]);
+	let te = (e) => {
+		w(void 0), S(e);
+	};
+	return /* @__PURE__ */ j("section", {
 		className: `la-observer ${r}`,
 		"aria-label": "Actor observer",
 		children: [
-			b !== void 0 && /* @__PURE__ */ A("nav", {
+			x !== void 0 && /* @__PURE__ */ j("nav", {
 				className: "la-observer-breadcrumb",
 				"aria-label": "Breadcrumb",
 				children: [
-					/* @__PURE__ */ k(L, {
+					/* @__PURE__ */ A(z, {
 						variant: "link",
 						type: "button",
 						"aria-label": "Back to actors",
-						onClick: () => x(void 0),
+						onClick: () => te(void 0),
 						children: "Actors"
 					}),
-					/* @__PURE__ */ k("span", {
+					/* @__PURE__ */ A("span", {
 						"aria-hidden": "true",
 						children: "/"
 					}),
-					/* @__PURE__ */ k("span", {
+					/* @__PURE__ */ A("span", {
+						"aria-current": C === void 0 ? "page" : void 0,
+						children: x
+					}),
+					C !== void 0 && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("span", {
+						"aria-hidden": "true",
+						children: "/"
+					}), /* @__PURE__ */ A("span", {
 						"aria-current": "page",
-						children: b
-					})
+						children: C
+					})] })
 				]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "la-observer-toolbar",
-				children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("div", {
 					className: "la-observer-title",
-					children: /* @__PURE__ */ k("h1", {
-						ref: w,
+					children: /* @__PURE__ */ A("h1", {
+						ref: D,
 						tabIndex: -1,
-						children: b ?? "Actors"
+						children: x ?? "Actors"
 					})
-				}), /* @__PURE__ */ k("p", { children: b === void 0 ? "Inspect instances, residency, and connections." : "Inspect this actor class’s instances, residency, and connections." })] }), /* @__PURE__ */ A("div", {
+				}), /* @__PURE__ */ A("p", { children: x === void 0 ? "Inspect instances, residency, and connections." : "Inspect this actor class’s instances, residency, and connections." })] }), /* @__PURE__ */ j("div", {
 					className: "la-observer-actions",
-					children: [j.supported && /* @__PURE__ */ k(_e, {
+					children: [P.supported && /* @__PURE__ */ A(Me, {
 						value: _,
 						onChange: v
-					}), /* @__PURE__ */ A(L, {
+					}), /* @__PURE__ */ j(z, {
 						variant: "outline",
 						type: "button",
 						disabled: d,
 						onClick: p,
-						children: [/* @__PURE__ */ k(te, {
+						children: [/* @__PURE__ */ A(ee, {
 							"aria-hidden": "true",
 							className: d ? "la-observer-spin" : void 0
 						}), d ? "Refreshing…" : f ? "Try again" : "Refresh"]
 					})]
 				})]
 			}),
-			f && /* @__PURE__ */ A("div", {
+			f && /* @__PURE__ */ j("div", {
 				className: "la-observer-error",
 				role: "alert",
-				children: [/* @__PURE__ */ k(h, { "aria-hidden": "true" }), /* @__PURE__ */ k("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__ */ 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." })]
 			}),
-			!u && !f && /* @__PURE__ */ k(Je, {}),
-			u && /* @__PURE__ */ A(O, { children: [b === void 0 ? /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(Ye, {
+			!u && !f && /* @__PURE__ */ A(St, {}),
+			u && /* @__PURE__ */ j(k, { children: [x === void 0 ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(Ct, {
 				inventory: u,
-				queueWait: j.supported ? P ?? null : void 0,
+				queueWait: P.supported ? L ?? null : void 0,
 				range: _
-			}), u.actors.length ? /* @__PURE__ */ k(Xe, {
+			}), u.actors.length ? /* @__PURE__ */ A(wt, {
 				inventory: u,
-				query: S,
-				onQueryChange: C,
-				onSelectActor: x,
-				waits: j.supported ? M : void 0
-			}) : /* @__PURE__ */ k(it, {
+				query: T,
+				onQueryChange: E,
+				onSelectActor: te,
+				onSelectInstance: (e, t) => {
+					w(t), S(e);
+				},
+				waits: P.supported ? F : void 0
+			}) : /* @__PURE__ */ A(Pt, {
 				title: "No actors yet",
 				description: "Deploy your actor classes to see them here. Instance counts appear as actors are used."
-			})] }) : D ? /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(Ye, {
-				inventory: { actors: [D] },
-				actorName: b,
-				queueWait: j.supported ? P ?? null : void 0,
+			})] }) : N ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(Ct, {
+				inventory: { actors: [N] },
+				actorName: x,
+				queueWait: P.supported ? L ?? null : void 0,
 				range: _
-			}), /* @__PURE__ */ k(Ze, {
+			}), /* @__PURE__ */ A(Dt, {
 				client: e,
-				id: E,
-				actorName: b,
-				instances: D.instances,
-				waits: j.supported ? N : void 0,
-				range: _
-			}, b)] }) : /* @__PURE__ */ k(it, {
+				id: M,
+				actorName: x,
+				instances: N.instances,
+				waits: P.supported ? I : void 0,
+				range: _,
+				selectedInstanceId: C,
+				onSelectInstance: w
+			}, x)] }) : /* @__PURE__ */ A(Pt, {
 				title: "Actor class unavailable",
 				description: "This actor class is no longer in the latest inventory. Return to Actors to see available classes."
-			}), /* @__PURE__ */ A("div", {
+			}), /* @__PURE__ */ j("div", {
 				className: "la-observer-footnote",
-				children: [/* @__PURE__ */ A("span", {
+				children: [/* @__PURE__ */ j("span", {
 					className: "la-observer-refresh-status",
-					children: [/* @__PURE__ */ k("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__ */ k("span", { children: e.watchActors ? "Changes stream from the control plane." : "Counts follow the latest host heartbeat." })]
+					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." })]
 			})] })
 		]
 	});
 }
-function Je() {
-	return /* @__PURE__ */ A("div", {
+function St() {
+	return /* @__PURE__ */ j("div", {
 		className: "la-observer-skeleton",
 		role: "status",
 		"aria-label": "Loading actors",
 		children: [
-			/* @__PURE__ */ k("span", {
+			/* @__PURE__ */ A("span", {
 				className: "la:sr-only",
 				children: "Loading actors…"
 			}),
-			/* @__PURE__ */ k("div", {}),
-			/* @__PURE__ */ k("div", {}),
-			/* @__PURE__ */ k("div", {})
+			/* @__PURE__ */ A("div", {}),
+			/* @__PURE__ */ A("div", {}),
+			/* @__PURE__ */ A("div", {})
 		]
 	});
 }
-function Ye({ inventory: e, actorName: t, queueWait: n, range: r }) {
+function Ct({ 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,
@@ -1184,272 +1765,302 @@ function Ye({ inventory: e, actorName: t, queueWait: n, range: r }) {
 		dormant: 0,
 		unknown: 0
 	});
-	return /* @__PURE__ */ A("dl", {
+	return /* @__PURE__ */ j("dl", {
 		className: "la-observer-summary",
 		children: [
-			/* @__PURE__ */ A("div", { children: [
-				/* @__PURE__ */ k("dt", { children: "Total instances" }),
-				/* @__PURE__ */ k("dd", {
+			/* @__PURE__ */ j("div", { children: [
+				/* @__PURE__ */ A("dt", { children: "Total instances" }),
+				/* @__PURE__ */ A("dd", {
 					"aria-label": "Total instances",
 					children: (i.live + i.dormant + i.unknown).toLocaleString()
 				}),
-				/* @__PURE__ */ k("p", { children: t === void 0 ? `${e.actors.length} actor ${e.actors.length === 1 ? "type" : "types"}` : "In this actor class" })
+				/* @__PURE__ */ A("p", { children: t === void 0 ? `${e.actors.length} actor ${e.actors.length === 1 ? "type" : "types"}` : "In this actor class" })
 			] }),
-			/* @__PURE__ */ A("div", { children: [
-				/* @__PURE__ */ A("dt", { children: [/* @__PURE__ */ k("span", { className: "la-observer-dot la-observer-dot-live" }), "Live"] }),
-				/* @__PURE__ */ k("dd", {
+			/* @__PURE__ */ j("div", { children: [
+				/* @__PURE__ */ j("dt", { children: [/* @__PURE__ */ A("span", { className: "la-observer-dot la-observer-dot-live" }), "Live"] }),
+				/* @__PURE__ */ A("dd", {
 					"aria-label": "Live instances",
 					children: i.live.toLocaleString()
 				}),
-				/* @__PURE__ */ k("p", { children: "Loaded in memory" })
+				/* @__PURE__ */ A("p", { children: "Loaded in memory" })
 			] }),
-			/* @__PURE__ */ A("div", { children: [
-				/* @__PURE__ */ A("dt", { children: [/* @__PURE__ */ k("span", { className: "la-observer-dot" }), "Dormant"] }),
-				/* @__PURE__ */ k("dd", {
+			/* @__PURE__ */ j("div", { children: [
+				/* @__PURE__ */ j("dt", { children: [/* @__PURE__ */ A("span", { className: "la-observer-dot" }), "Dormant"] }),
+				/* @__PURE__ */ A("dd", {
 					"aria-label": "Dormant instances",
 					children: i.dormant.toLocaleString()
 				}),
-				/* @__PURE__ */ k("p", { children: "Currently unloaded" })
+				/* @__PURE__ */ A("p", { children: "Currently unloaded" })
 			] }),
-			i.unknown > 0 && /* @__PURE__ */ A("div", { children: [
-				/* @__PURE__ */ A("dt", { children: [/* @__PURE__ */ k("span", { className: "la-observer-dot la-observer-dot-unknown" }), "Unknown"] }),
-				/* @__PURE__ */ k("dd", {
+			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", {
 					"aria-label": "Unknown instances",
 					children: i.unknown.toLocaleString()
 				}),
-				/* @__PURE__ */ k("p", { children: "Awaiting host report" })
+				/* @__PURE__ */ A("p", { children: "Awaiting host report" })
 			] }),
-			n !== void 0 && /* @__PURE__ */ A("div", {
+			n !== void 0 && /* @__PURE__ */ j("div", {
 				className: "la-observer-queue-wait",
 				children: [
-					/* @__PURE__ */ k("dt", { children: "Avg queue wait" }),
-					/* @__PURE__ */ k("dd", {
+					/* @__PURE__ */ A("dt", { children: "Avg queue wait" }),
+					/* @__PURE__ */ A("dd", {
 						"aria-label": "Average queue wait",
 						children: X(n?.averageMs)
 					}),
-					/* @__PURE__ */ k("p", { children: n ? `Max ${X(n.maxMs)} · ${n.admitted.toLocaleString()} admitted ${H(r)}` : `No admitted requests ${H(r)}` })
+					/* @__PURE__ */ A("p", { children: n ? `Max ${X(n.maxMs)} · ${n.admitted.toLocaleString()} admitted ${V(r)}` : `No admitted requests ${V(r)}` })
 				]
 			})
 		]
 	});
 }
-function Xe({ inventory: e, query: t, onQueryChange: n, onSelectActor: r, waits: i }) {
-	let a = e.actors.some((e) => e.unknown > 0), o = e.actors.filter((e) => at(e.actorName, t)).sort((e, t) => Number(t.live > 0) - Number(e.live > 0));
-	return /* @__PURE__ */ A(O, { children: [
-		/* @__PURE__ */ A("div", {
+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", {
 			className: "la-observer-list-toolbar",
-			children: [/* @__PURE__ */ A("h2", { children: ["Actor names ", /* @__PURE__ */ k(U, { children: e.actors.length })] }), /* @__PURE__ */ k(rt, {
-				label: "Search actors",
-				placeholder: "Search actors…",
+			children: [/* @__PURE__ */ j("h2", { children: ["Actor names ", /* @__PURE__ */ A(H, { children: e.actors.length })] }), /* @__PURE__ */ A(me, {
+				label: "Search actors and instances",
+				placeholder: "Search actor name or instance ID…",
 				value: t,
-				onChange: n
+				onChange: n,
+				onSelectSuggestion: (e) => {
+					let t = JSON.parse(e.id);
+					t.actorId === void 0 ? r(t.actorName) : i(t.actorName, t.actorId);
+				},
+				suggestions: l,
+				limit: 12,
+				className: "la-observer-lookup"
 			})]
 		}),
-		/* @__PURE__ */ k("div", {
+		/* @__PURE__ */ A("div", {
 			className: "la-observer-table-frame",
-			children: o.length ? /* @__PURE__ */ A(W, {
+			children: s.length ? /* @__PURE__ */ j(W, {
 				"aria-label": "Actor instance counts",
 				className: "la-observer-table",
-				children: [/* @__PURE__ */ k(G, { children: /* @__PURE__ */ A(q, { children: [
-					/* @__PURE__ */ k(J, {
+				children: [/* @__PURE__ */ A(G, { children: /* @__PURE__ */ j(q, { children: [
+					/* @__PURE__ */ A(J, {
 						scope: "col",
 						children: "Actor"
 					}),
-					/* @__PURE__ */ k(J, {
+					/* @__PURE__ */ A(J, {
 						scope: "col",
 						children: "Live"
 					}),
-					/* @__PURE__ */ k(J, {
+					/* @__PURE__ */ A(J, {
 						scope: "col",
 						children: "Dormant"
 					}),
-					a && /* @__PURE__ */ k(J, {
+					o && /* @__PURE__ */ A(J, {
 						scope: "col",
 						children: "Unknown"
 					}),
-					/* @__PURE__ */ k(J, {
+					/* @__PURE__ */ A(J, {
 						scope: "col",
 						children: "Total"
 					}),
-					i && /* @__PURE__ */ k(J, {
+					a && /* @__PURE__ */ A(J, {
 						scope: "col",
 						className: "la-observer-wait-cell",
 						children: "Avg queue wait"
 					})
-				] }) }), /* @__PURE__ */ k(K, { children: o.map((e) => /* @__PURE__ */ A(q, {
+				] }) }), /* @__PURE__ */ A(K, { children: s.map((e) => /* @__PURE__ */ j(q, {
 					className: "la-clickable-row",
 					onClick: () => r(e.actorName),
 					children: [
-						/* @__PURE__ */ k(Y, {
+						/* @__PURE__ */ A(Y, {
 							className: "la-observer-name",
-							children: /* @__PURE__ */ A(L, {
+							children: /* @__PURE__ */ j(z, {
 								variant: "ghost",
 								type: "button",
 								className: "la-observer-actor-button la-observer-class-button",
-								children: [/* @__PURE__ */ k(c, {
+								children: [/* @__PURE__ */ A(c, {
 									className: "la-observer-type-icon",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ k("span", { children: e.actorName })]
+								}), /* @__PURE__ */ A("span", { children: e.actorName })]
 							})
 						}),
-						/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ k("span", {
+						/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A("span", {
 							className: e.live > 0 ? "la-observer-live" : void 0,
 							children: e.live.toLocaleString()
 						}) }),
-						/* @__PURE__ */ k(Y, { children: e.dormant.toLocaleString() }),
-						a && /* @__PURE__ */ k(Y, { children: e.unknown.toLocaleString() }),
-						/* @__PURE__ */ k(Y, { children: (e.live + e.dormant + e.unknown).toLocaleString() }),
-						i && /* @__PURE__ */ k(Y, {
+						/* @__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, {
 							className: "la-observer-wait-cell",
-							children: /* @__PURE__ */ k(Qe, { stats: i.get(e.actorName) })
+							children: /* @__PURE__ */ A(Ot, { stats: a.get(e.actorName) })
 						})
 					]
 				}, e.actorName)) })]
-			}) : /* @__PURE__ */ k(it, {
+			}) : /* @__PURE__ */ A(Pt, {
 				title: "No matching actors",
 				description: "Try a different actor name.",
 				action: "Clear search",
 				onReset: () => n("")
 			})
 		}),
-		a && /* @__PURE__ */ A("p", {
+		o && /* @__PURE__ */ j("p", {
 			className: "la-observer-unknown",
-			children: [/* @__PURE__ */ k(h, { "aria-hidden": "true" }), "Some hosts have not reported which instances are loaded. Their counts are shown as unknown."]
+			children: [/* @__PURE__ */ A(h, { "aria-hidden": "true" }), "Some hosts have not reported which instances are loaded. Their counts are shown as unknown."]
 		})
 	] });
 }
-function Ze({ client: e, id: n, actorName: r, instances: o, waits: s, range: c }) {
-	let [l, u] = a(""), [d, f] = a("all"), [p, m] = a(), h = `${n}-connections`, g = o.filter((e) => at(e.actorId, l) && (d === "all" || e.status === d));
-	g.sort((e, t) => Number(t.status === "live") - Number(e.status === "live"));
-	let _ = o.find((e) => e.actorId === p), v = i(null);
+function Tt(e) {
+	return e.actors.flatMap((e) => [{
+		id: JSON.stringify({ actorName: e.actorName }),
+		group: "Actor classes",
+		value: e.actorName,
+		hint: `${e.instances.length.toLocaleString()} ${e.instances.length === 1 ? "instance" : "instances"}`
+	}, ...e.instances.map((t) => ({
+		id: JSON.stringify({
+			actorName: e.actorName,
+			actorId: t.actorId
+		}),
+		group: "Instances",
+		value: t.actorId,
+		keywords: [e.actorName],
+		hint: `${e.actorName} · ${It(t.status)} · ${t.connections.length.toLocaleString()} ${t.connections.length === 1 ? "connection" : "connections"}`
+	}))]);
+}
+function Et(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(() => {
-		v.current?.focus();
-	}, [p]), p === void 0 ? /* @__PURE__ */ A("section", {
+		b.current?.focus();
+	}, [l]), l === void 0 ? /* @__PURE__ */ j("section", {
 		id: n,
 		className: "la-observer-instances",
 		"aria-labelledby": `${n}-heading`,
-		children: [/* @__PURE__ */ k("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: "la-observer-instances-heading",
-			children: /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("h2", {
-				ref: v,
+			children: /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("h2", {
+				ref: b,
 				tabIndex: -1,
 				id: `${n}-heading`,
 				children: [
 					r,
 					" instances ",
-					/* @__PURE__ */ k(U, {
+					/* @__PURE__ */ A(H, {
 						"aria-hidden": "true",
 						children: o.length.toLocaleString()
 					})
 				]
-			}), /* @__PURE__ */ k("p", { children: "Select an instance to inspect its waiting line, requests, and WebSocket connections." })] })
-		}), o.length ? /* @__PURE__ */ A(O, { children: [
-			/* @__PURE__ */ A("div", {
+			}), /* @__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", {
 				className: "la-observer-filters",
-				children: [/* @__PURE__ */ k(rt, {
+				children: [/* @__PURE__ */ A(Nt, {
 					label: "Search instances",
 					placeholder: "Search instance IDs…",
-					value: l,
-					onChange: u
-				}), /* @__PURE__ */ A("select", {
+					value: d,
+					onChange: f
+				}), /* @__PURE__ */ j(Be, {
 					className: "la-observer-select",
 					"aria-label": "Instance state",
-					value: d,
-					onChange: (e) => f(e.target.value),
+					value: p,
+					onChange: (e) => m(e.target.value),
 					children: [
-						/* @__PURE__ */ k("option", {
+						/* @__PURE__ */ A(U, {
 							value: "all",
 							children: "All states"
 						}),
-						/* @__PURE__ */ k("option", {
+						/* @__PURE__ */ A(U, {
 							value: "live",
 							children: "Live"
 						}),
-						/* @__PURE__ */ k("option", {
+						/* @__PURE__ */ A(U, {
 							value: "dormant",
 							children: "Dormant"
 						}),
-						/* @__PURE__ */ k("option", {
+						/* @__PURE__ */ A(U, {
 							value: "unknown",
 							children: "Unknown"
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "la-observer-table-frame",
-				children: g.length ? /* @__PURE__ */ A(W, {
+				children: v.length ? /* @__PURE__ */ j(W, {
 					"aria-label": `${r} instances`,
 					className: "la-observer-instance-table",
-					children: [/* @__PURE__ */ k(G, { children: /* @__PURE__ */ A(q, { children: [
-						/* @__PURE__ */ k(J, {
+					children: [/* @__PURE__ */ A(G, { children: /* @__PURE__ */ j(q, { children: [
+						/* @__PURE__ */ A(J, {
 							scope: "col",
 							children: "Instance"
 						}),
-						/* @__PURE__ */ k(J, {
+						/* @__PURE__ */ A(J, {
 							scope: "col",
 							children: "State"
 						}),
-						/* @__PURE__ */ k(J, {
+						/* @__PURE__ */ A(J, {
 							scope: "col",
 							children: "Connections"
 						}),
-						s && /* @__PURE__ */ k(J, {
+						s && /* @__PURE__ */ A(J, {
 							scope: "col",
 							className: "la-observer-wait-cell",
 							children: "Avg queue wait"
 						}),
-						/* @__PURE__ */ k(J, {
+						/* @__PURE__ */ A(J, {
 							scope: "col",
 							className: "la-observer-waiting-cell",
 							children: "Waiting"
 						})
-					] }) }), /* @__PURE__ */ k(K, { children: g.map((e) => /* @__PURE__ */ A(q, {
+					] }) }), /* @__PURE__ */ A(K, { children: v.map((e) => /* @__PURE__ */ j(q, {
 						className: "la-clickable-row",
-						onClick: () => m(e.actorId),
+						onClick: () => u(e.actorId),
 						children: [
-							/* @__PURE__ */ k(Y, {
+							/* @__PURE__ */ A(Y, {
 								className: "la-observer-instance-id",
-								children: /* @__PURE__ */ k(L, {
+								children: /* @__PURE__ */ A(z, {
 									variant: "ghost",
 									type: "button",
 									className: "la-observer-actor-button",
-									children: /* @__PURE__ */ k("span", { children: e.actorId })
+									children: /* @__PURE__ */ A("span", { children: e.actorId })
 								})
 							}),
-							/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ A(U, {
+							/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ j(H, {
 								variant: "outline",
 								className: `la-observer-status-${e.status}`,
-								children: [/* @__PURE__ */ k("span", { className: `la-observer-dot la-observer-dot-${e.status}` }), ot(e.status)]
+								children: [/* @__PURE__ */ A("span", { className: `la-observer-dot la-observer-dot-${e.status}` }), It(e.status)]
 							}) }),
-							/* @__PURE__ */ k(Y, { children: e.connections.length.toLocaleString() }),
-							s && /* @__PURE__ */ k(Y, {
+							/* @__PURE__ */ A(Y, { children: e.connections.length.toLocaleString() }),
+							s && /* @__PURE__ */ A(Y, {
 								className: "la-observer-wait-cell",
-								children: /* @__PURE__ */ k(Qe, { stats: s.get(e.actorId) })
+								children: /* @__PURE__ */ A(Ot, { stats: s.get(e.actorId) })
 							}),
-							/* @__PURE__ */ k(Y, {
+							/* @__PURE__ */ A(Y, {
 								className: "la-observer-waiting-cell",
-								children: /* @__PURE__ */ k(tt, {
+								children: /* @__PURE__ */ A(jt, {
 									waiting: e.waiting,
 									compact: !0
 								})
 							})
 						]
 					}, e.actorId)) })]
-				}) : /* @__PURE__ */ k(it, {
+				}) : /* @__PURE__ */ A(Pt, {
 					title: "No matching instances",
 					description: "Try another instance ID or state.",
 					action: "Clear filters",
 					onReset: () => {
-						u(""), f("all");
+						f(""), m("all");
 					}
 				})
 			}),
-			/* @__PURE__ */ k("p", {
+			/* @__PURE__ */ A("p", {
 				className: "la-observer-connection-note",
 				children: "Connections are active WebSocket connections, not unique people."
 			})
-		] }) : /* @__PURE__ */ A("p", {
+		] }) : /* @__PURE__ */ j("p", {
 			className: "la-observer-instance-empty",
 			role: "status",
 			children: [
@@ -1458,188 +2069,201 @@ function Ze({ client: e, id: n, actorName: r, instances: o, waits: s, range: c }
 				" instances have been created yet."
 			]
 		})]
-	}) : /* @__PURE__ */ A("section", {
+	}) : /* @__PURE__ */ j("section", {
 		className: "la-observer-instance-detail",
-		"aria-label": `${r} / ${p}`,
+		"aria-label": `${r} / ${l}`,
 		children: [
-			/* @__PURE__ */ k(L, {
+			/* @__PURE__ */ A(z, {
 				variant: "link",
 				"aria-label": "Back to instances",
-				onClick: () => m(void 0),
+				onClick: () => u(void 0),
 				children: "Back to instances"
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "la-observer-instance-heading",
-				children: [/* @__PURE__ */ k("h2", {
-					ref: v,
+				children: [/* @__PURE__ */ A("h2", {
+					ref: b,
 					tabIndex: -1,
-					children: p
-				}), _ && /* @__PURE__ */ k(U, {
+					children: l
+				}), y && /* @__PURE__ */ A(H, {
 					variant: "outline",
-					className: `la-observer-status-${_.status}`,
-					children: ot(_.status)
+					className: `la-observer-status-${y.status}`,
+					children: It(y.status)
 				})]
 			}),
-			!_ && /* @__PURE__ */ k("p", {
+			!y && /* @__PURE__ */ A("p", {
 				role: "status",
 				children: "This instance is no longer in the current inventory. Its retained requests are still available below."
 			}),
-			s && /* @__PURE__ */ k($e, {
-				stats: s.get(p),
+			s && /* @__PURE__ */ A(kt, {
+				stats: s.get(l),
 				range: c
 			}),
-			_ && /* @__PURE__ */ k(et, { waiting: _.waiting }),
-			e.watchRequests || e.listRequests ? /* @__PURE__ */ k(Ie, {
+			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: p
+					actorId: l
 				},
-				timeRange: c
-			}, p) : /* @__PURE__ */ A("section", { children: [/* @__PURE__ */ k("h3", { children: "Requests" }), /* @__PURE__ */ k("p", { children: "Request timings are unavailable for this connection." })] }),
-			_ && /* @__PURE__ */ k(nt, {
+				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: _.actorId,
-				connections: _.connections
+				actorId: y.actorId,
+				connections: y.connections
 			})
 		]
 	});
 }
-function Qe({ stats: e }) {
-	return e ? /* @__PURE__ */ A("span", {
+function Ot({ stats: e }) {
+	return e ? /* @__PURE__ */ j("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__ */ A("small", { children: ["max ", X(e.maxMs)] })]
-	}) : /* @__PURE__ */ k("span", {
+		children: [X(e.averageMs), /* @__PURE__ */ j("small", { children: ["max ", X(e.maxMs)] })]
+	}) : /* @__PURE__ */ A("span", {
 		title: "No admitted requests in the selected time range",
 		children: "—"
 	});
 }
-function $e({ stats: e, range: t }) {
-	return /* @__PURE__ */ A("section", {
+function kt({ stats: e, range: t }) {
+	return /* @__PURE__ */ j("section", {
 		className: "la-observer-queue-wait-detail",
 		"aria-label": "Queue wait",
 		children: [
-			/* @__PURE__ */ k("h3", { children: "Queue wait" }),
-			/* @__PURE__ */ k("p", { children: e ? `Time requests spent waiting to enter this actor ${H(t)}.` : `No requests were admitted to this actor ${H(t)}.` }),
-			e && /* @__PURE__ */ A("dl", {
+			/* @__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__ */ A("div", { children: [
-						/* @__PURE__ */ k("dt", { children: "Average" }),
-						/* @__PURE__ */ k("dd", {
+					/* @__PURE__ */ j("div", { children: [
+						/* @__PURE__ */ A("dt", { children: "Average" }),
+						/* @__PURE__ */ A("dd", {
 							"aria-label": "Average queue wait",
 							children: X(e.averageMs)
 						}),
-						/* @__PURE__ */ k("p", { children: "Per admitted request" })
+						/* @__PURE__ */ A("p", { children: "Per admitted request" })
 					] }),
-					/* @__PURE__ */ A("div", { children: [
-						/* @__PURE__ */ k("dt", { children: "Longest" }),
-						/* @__PURE__ */ k("dd", {
+					/* @__PURE__ */ j("div", { children: [
+						/* @__PURE__ */ A("dt", { children: "Longest" }),
+						/* @__PURE__ */ A("dd", {
 							"aria-label": "Longest queue wait",
 							children: X(e.maxMs)
 						}),
-						/* @__PURE__ */ k("p", { children: "Single request" })
+						/* @__PURE__ */ A("p", { children: "Single request" })
 					] }),
-					/* @__PURE__ */ A("div", { children: [
-						/* @__PURE__ */ k("dt", { children: "Admitted" }),
-						/* @__PURE__ */ k("dd", {
+					/* @__PURE__ */ j("div", { children: [
+						/* @__PURE__ */ A("dt", { children: "Admitted" }),
+						/* @__PURE__ */ A("dd", {
 							"aria-label": "Admitted requests",
 							children: e.admitted.toLocaleString()
 						}),
-						/* @__PURE__ */ k("p", { children: "Requests that entered the actor" })
+						/* @__PURE__ */ A("p", { children: "Requests that entered the actor" })
 					] })
 				]
 			})
 		]
 	});
 }
-function et({ waiting: e }) {
-	return /* @__PURE__ */ A("section", {
+function At({ waiting: e }) {
+	return /* @__PURE__ */ j("section", {
 		className: "la-observer-waiting",
 		"aria-label": "Waiting requests",
 		children: [
-			/* @__PURE__ */ A("h3", { children: ["Waiting requests", e != null && ` (${e.length})`] }),
-			/* @__PURE__ */ k("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__ */ k(tt, { waiting: e })
+			/* @__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 })
 		]
 	});
 }
-function tt({ waiting: e, compact: t = !1 }) {
-	if (e == null) return /* @__PURE__ */ k("span", {
+function jt({ waiting: e, compact: t = !1 }) {
+	if (e == null) return /* @__PURE__ */ A("span", {
 		title: "Queue reporting is unavailable",
 		children: "Unavailable"
 	});
-	if (!e.length) return /* @__PURE__ */ k("span", {
+	if (!e.length) return /* @__PURE__ */ A("span", {
 		className: "la-observer-queue-empty",
 		children: "None"
 	});
 	let n = t ? e.slice(0, 3) : e;
-	return /* @__PURE__ */ A("ol", {
+	return /* @__PURE__ */ j("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__ */ k("li", { children: /* @__PURE__ */ A(U, {
+		children: [n.map((e, n) => /* @__PURE__ */ A("li", { children: /* @__PURE__ */ j(H, {
 			variant: "outline",
 			className: "la-observer-queue-bubble",
 			title: e.operation,
-			children: [!t && /* @__PURE__ */ k("span", {
+			children: [!t && /* @__PURE__ */ A("span", {
 				className: "la-observer-queue-position",
 				children: n + 1
-			}), /* @__PURE__ */ k("span", {
+			}), /* @__PURE__ */ A("span", {
 				className: "la-observer-queue-operation",
 				children: e.operation
 			})]
-		}) }, e.id)), t && e.length > n.length && /* @__PURE__ */ k("li", { children: /* @__PURE__ */ A(U, {
+		}) }, e.id)), t && e.length > n.length && /* @__PURE__ */ A("li", { children: /* @__PURE__ */ j(H, {
 			"aria-label": `${e.length - n.length} more waiting requests`,
 			children: ["+", e.length - n.length]
 		}) })]
 	});
 }
-function nt({ id: e, actorId: t, connections: n }) {
-	return /* @__PURE__ */ A("section", {
+function Mt({ id: e, actorId: t, connections: n }) {
+	return /* @__PURE__ */ j("section", {
 		id: e,
 		className: "la-observer-connections",
 		"aria-labelledby": `${e}-heading`,
-		children: [/* @__PURE__ */ k("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: "la-observer-instances-heading",
-			children: /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("h3", {
+			children: /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("h3", {
 				id: `${e}-heading`,
 				children: [
 					t,
 					" WebSockets ",
-					/* @__PURE__ */ k(U, {
+					/* @__PURE__ */ A(H, {
 						"aria-hidden": "true",
 						children: n.length.toLocaleString()
 					})
 				]
-			}), /* @__PURE__ */ k("p", { children: `${n.length.toLocaleString()} active ${n.length === 1 ? "connection" : "connections"}` })] })
-		}), n.length ? /* @__PURE__ */ k("div", {
+			}), /* @__PURE__ */ A("p", { children: `${n.length.toLocaleString()} active ${n.length === 1 ? "connection" : "connections"}` })] })
+		}), n.length ? /* @__PURE__ */ A("div", {
 			className: "la-observer-table-frame",
-			children: /* @__PURE__ */ A(W, {
+			children: /* @__PURE__ */ j(W, {
 				"aria-label": `${t} WebSocket connections`,
 				className: "la-observer-connection-table",
-				children: [/* @__PURE__ */ k(G, { children: /* @__PURE__ */ A(q, { children: [/* @__PURE__ */ k(J, {
+				children: [/* @__PURE__ */ A(G, { children: /* @__PURE__ */ j(q, { children: [/* @__PURE__ */ A(J, {
 					scope: "col",
 					children: "Socket"
-				}), /* @__PURE__ */ k(J, {
+				}), /* @__PURE__ */ A(J, {
 					scope: "col",
 					children: "Metadata"
-				})] }) }), /* @__PURE__ */ k(K, { children: n.map((e) => /* @__PURE__ */ A(q, { children: [/* @__PURE__ */ k(Y, {
+				})] }) }), /* @__PURE__ */ A(K, { children: n.map((e) => /* @__PURE__ */ j(q, { children: [/* @__PURE__ */ A(Y, {
 					className: "la-observer-socket-id",
 					children: e.id
-				}), /* @__PURE__ */ k(Y, { children: /* @__PURE__ */ k("pre", { children: JSON.stringify(e.metadata, null, 2) }) })] }, e.id)) })]
+				}), /* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A("pre", { children: JSON.stringify(e.metadata, null, 2) }) })] }, e.id)) })]
 			})
-		}) : /* @__PURE__ */ A("div", {
+		}) : /* @__PURE__ */ j("div", {
 			className: "la-observer-no-connections",
 			role: "status",
-			children: [/* @__PURE__ */ k(S, { "aria-hidden": "true" }), /* @__PURE__ */ k("p", { children: "No active WebSocket connections." })]
+			children: [/* @__PURE__ */ A(w, { "aria-hidden": "true" }), /* @__PURE__ */ A("p", { children: "No active WebSocket connections." })]
 		})]
 	});
 }
-function rt({ label: e, placeholder: t, value: n, onChange: r }) {
-	return /* @__PURE__ */ A("div", {
+function Nt({ label: e, placeholder: t, value: n, onChange: r }) {
+	return /* @__PURE__ */ j("div", {
 		className: "la-observer-search",
-		children: [/* @__PURE__ */ k(y, { "aria-hidden": "true" }), /* @__PURE__ */ k(R, {
+		children: [/* @__PURE__ */ A(x, { "aria-hidden": "true" }), /* @__PURE__ */ A(B, {
 			type: "search",
 			"aria-label": e,
 			placeholder: t,
@@ -1648,14 +2272,14 @@ function rt({ label: e, placeholder: t, value: n, onChange: r }) {
 		})]
 	});
 }
-function it({ title: e, description: t, action: n, onReset: r }) {
-	return /* @__PURE__ */ A("div", {
+function Pt({ title: e, description: t, action: n, onReset: r }) {
+	return /* @__PURE__ */ j("div", {
 		className: "la-observer-empty",
 		children: [
-			/* @__PURE__ */ k(y, { "aria-hidden": "true" }),
-			/* @__PURE__ */ k("h3", { children: e }),
-			/* @__PURE__ */ k("p", { children: t }),
-			n && /* @__PURE__ */ k(L, {
+			/* @__PURE__ */ A(x, { "aria-hidden": "true" }),
+			/* @__PURE__ */ A("h3", { children: e }),
+			/* @__PURE__ */ A("p", { children: t }),
+			n && /* @__PURE__ */ A(z, {
 				type: "button",
 				variant: "outline",
 				onClick: r,
@@ -1664,26 +2288,26 @@ function it({ title: e, description: t, action: n, onReset: r }) {
 		]
 	});
 }
-function at(e, t) {
+function Ft(e, t) {
 	return e.toLocaleLowerCase().includes(t.trim().toLocaleLowerCase());
 }
-function ot(e) {
+function It(e) {
 	return e[0].toUpperCase() + e.slice(1);
 }
 //#endregion
 //#region src/overview-data.ts
-function st(e) {
+function Lt(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: dt(t.map((e) => e.durationMs))
+		p95: Vt(t.map((e) => e.durationMs))
 	};
 }
-function ct(e, t, n) {
+function Rt(e, t, n) {
 	return e.filter((e) => e.startedAtMs >= (t.fromMs ?? 0) && e.startedAtMs <= (t.toMs ?? n));
 }
-function lt(e) {
+function zt(e) {
 	return e.actors.reduce((e, t) => ({
 		live: e.live + t.live,
 		dormant: e.dormant + t.dormant,
@@ -1696,33 +2320,33 @@ function lt(e) {
 		connections: 0
 	});
 }
-function ut(e) {
-	return dt(e.filter((e) => e.outcome !== "rerouted" && e.queueWaitMs !== null).map((e) => e.queueWaitMs));
+function Bt(e) {
+	return Vt(e.filter((e) => e.outcome !== "rerouted" && e.queueWaitMs !== null).map((e) => e.queueWaitMs));
 }
-function dt(e) {
+function Vt(e) {
 	return e.length ? e.sort((e, t) => e - t)[Math.ceil(e.length * .95) - 1] : null;
 }
 //#endregion
 //#region src/overview-metrics.ts
-function ft(e) {
+function Ht(e) {
 	let t = e;
-	if (!t || !pt(t.total) || !Array.isArray(t.classes) || !t.classes.every(pt)) throw Error("Invalid overview metrics response");
+	if (!t || !Ut(t.total) || !Array.isArray(t.classes) || !t.classes.every(Ut)) throw Error("Invalid overview metrics response");
 	return t;
 }
-function pt(e) {
+function Ut(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 mt(e) {
+function Wt(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,
-		...st(t),
-		queueP95: ut(t)
+		...Lt(t),
+		queueP95: Bt(t)
 	});
 	return {
 		total: n("", e),
@@ -1731,47 +2355,47 @@ function mt(e) {
 }
 //#endregion
 //#region src/Overview.tsx
-function ht({ client: e, onSelectActor: n, timeRange: r, onTimeRangeChange: i }) {
-	let o = je(e), [s, c] = a(z), l = r ?? s, u = i ?? c, [d, f] = a(Date.now);
+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);
 	t(() => {
 		let e = setInterval(() => f(Date.now()), 1e4);
 		return () => clearInterval(e);
 	}, []);
-	let p = B(l, d), m = Pe(e, p, e.getMetrics), h = Me(e, !m.supported), g = h.page ? mt(ct(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__ */ A("section", {
+	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", {
 		className: "la-observer overview",
 		"aria-label": "Runtime overview",
 		children: [
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "overview-heading",
-				children: [/* @__PURE__ */ k("h1", { children: "Durable Actors" }), /* @__PURE__ */ A("div", {
+				children: [/* @__PURE__ */ A("h1", { children: "Durable Actors" }), /* @__PURE__ */ j("div", {
 					className: "overview-controls",
 					children: [
-						/* @__PURE__ */ k("span", {
+						/* @__PURE__ */ A("span", {
 							className: "overview-updated",
-							children: o.failed ? "Inventory reconnecting…" : o.updatedAt ? /* @__PURE__ */ A(O, { children: ["Last inventory update ", /* @__PURE__ */ k("time", {
+							children: o.failed ? "Inventory reconnecting…" : o.updatedAt ? /* @__PURE__ */ j(k, { children: ["Last inventory update ", /* @__PURE__ */ A("time", {
 								dateTime: new Date(o.updatedAt).toISOString(),
 								children: new Date(o.updatedAt).toLocaleTimeString([], { hour12: !1 })
 							})] }) : "Connecting…"
 						}),
-						/* @__PURE__ */ k(_e, {
+						/* @__PURE__ */ A(Me, {
 							value: l,
 							onChange: u,
 							className: "overview-range"
 						}),
-						/* @__PURE__ */ k(L, {
+						/* @__PURE__ */ A(z, {
 							variant: "outline",
 							size: "icon",
 							"aria-label": "Refresh overview",
 							onClick: () => {
 								o.retry(), m.retry(), h.retry();
 							},
-							children: /* @__PURE__ */ k(te, { "aria-hidden": "true" })
+							children: /* @__PURE__ */ A(ee, { "aria-hidden": "true" })
 						})
 					]
 				})]
 			}),
-			o.failed && /* @__PURE__ */ A("p", {
+			o.failed && /* @__PURE__ */ j("p", {
 				className: "overview-alert",
 				role: "alert",
 				children: [
@@ -1780,7 +2404,7 @@ function ht({ client: e, onSelectActor: n, timeRange: r, onTimeRangeChange: i })
 					" Retrying automatically."
 				]
 			}),
-			v && /* @__PURE__ */ A("p", {
+			v && /* @__PURE__ */ j("p", {
 				className: "overview-alert",
 				role: "alert",
 				children: [
@@ -1791,18 +2415,18 @@ function ht({ client: e, onSelectActor: n, timeRange: r, onTimeRangeChange: i })
 					"Retrying automatically."
 				]
 			}),
-			/* @__PURE__ */ k(gt, {
+			/* @__PURE__ */ A(Kt, {
 				inventory: o.inventory,
 				metrics: _,
 				range: l
 			}),
-			/* @__PURE__ */ k(_t, {
+			/* @__PURE__ */ A(qt, {
 				inventory: o.inventory,
 				metrics: _,
 				failed: o.failed,
 				onSelectActor: n
 			}),
-			/* @__PURE__ */ k(xt, {
+			/* @__PURE__ */ A(Zt, {
 				page: m.supported ? void 0 : h.page,
 				range: l,
 				saved: m.supported
@@ -1810,203 +2434,205 @@ function ht({ client: e, onSelectActor: n, timeRange: r, onTimeRangeChange: i })
 		]
 	});
 }
-function gt({ inventory: e, metrics: t, range: n }) {
-	let r = e ? lt(e) : void 0, i = r ? r.live + r.dormant + r.unknown : void 0, a = t?.total;
-	return /* @__PURE__ */ A("div", {
+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", {
 		className: "overview-metrics",
 		children: [
-			/* @__PURE__ */ A("section", {
+			/* @__PURE__ */ j("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ k("h2", { children: "Actor instances" }),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ A("h2", { children: "Actor instances" }),
+					/* @__PURE__ */ j("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ k("strong", {
+						children: [/* @__PURE__ */ A("strong", {
 							"aria-label": "Actor instances",
 							children: Z(i)
-						}), /* @__PURE__ */ k("span", { children: e ? `${e.actors.length} actor ${e.actors.length === 1 ? "class" : "classes"}` : "Waiting for inventory" })]
+						}), /* @__PURE__ */ A("span", { children: e ? `${e.actors.length} actor ${e.actors.length === 1 ? "class" : "classes"}` : "Waiting for inventory" })]
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ A("div", {
 						className: "overview-residency",
 						"aria-hidden": "true",
-						children: r && Object.entries(r).filter(([e]) => e !== "connections").map(([e, t]) => /* @__PURE__ */ k("span", {
+						children: r && Object.entries(r).filter(([e]) => e !== "connections").map(([e, t]) => /* @__PURE__ */ A("span", {
 							className: `residency-${e}`,
 							style: { flexGrow: t }
 						}, e))
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "overview-metric-foot",
 						children: [
-							/* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k("b", { children: Z(r?.live) }), " live"] }),
-							/* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k("b", { children: Z(r?.dormant) }), " dormant"] }),
-							!!r?.unknown && /* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k("b", { children: Z(r.unknown) }), " unknown"] })
+							/* @__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__ */ A("section", {
+			/* @__PURE__ */ j("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ k("h2", { children: "Requests" }),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ A("h2", { children: "Requests" }),
+					/* @__PURE__ */ j("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ k("strong", {
+						children: [/* @__PURE__ */ A("strong", {
 							"aria-label": "Retained requests",
 							children: Z(a?.count)
-						}), /* @__PURE__ */ k("span", { children: H(n) })]
+						}), /* @__PURE__ */ A("span", { children: V(n) })]
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "overview-health",
 						children: [
-							/* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k(yt, {
+							/* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A(Yt, {
 								value: a?.success,
 								kind: "success"
 							}), " success"] }),
-							/* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k(yt, {
+							/* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A(Yt, {
 								value: a?.p95,
 								kind: "latency"
 							}), " p95 latency"] }),
-							/* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k("b", { children: Ct(a?.queueP95) }), " p95 queue wait"] })
+							/* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A("b", { children: $t(a?.queueP95) }), " p95 queue wait"] })
 						]
 					})
 				]
 			}),
-			/* @__PURE__ */ A("section", {
+			/* @__PURE__ */ j("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ k("h2", { children: "WebSocket connections" }),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ A("h2", { children: "WebSocket connections" }),
+					/* @__PURE__ */ j("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ k("strong", {
+						children: [/* @__PURE__ */ A("strong", {
 							"aria-label": "Open WebSocket connections",
 							children: Z(r?.connections)
-						}), /* @__PURE__ */ k("span", { children: "open" })]
+						}), /* @__PURE__ */ A("span", { children: "open" })]
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "overview-health",
-						children: [/* @__PURE__ */ k("span", { children: "Current inventory snapshot" }), /* @__PURE__ */ k("span", { children: "Active sockets" })]
+						children: [/* @__PURE__ */ A("span", { children: "Current inventory snapshot" }), /* @__PURE__ */ A("span", { children: "Active sockets" })]
 					})
 				]
 			})
 		]
 	});
 }
-function _t({ inventory: e, metrics: t, failed: n, onSelectActor: r }) {
+function qt({ 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__ */ A("section", {
+	return /* @__PURE__ */ j("section", {
 		"aria-label": "Actor classes",
-		children: [/* @__PURE__ */ A("div", {
+		children: [/* @__PURE__ */ j("div", {
 			className: "overview-section-heading",
-			children: [/* @__PURE__ */ A("h2", { children: ["Actor classes ", /* @__PURE__ */ k("span", { children: Z(e?.actors.length) })] }), /* @__PURE__ */ k(bt, {})]
-		}), /* @__PURE__ */ A("div", {
+			children: [/* @__PURE__ */ j("h2", { children: ["Actor classes ", /* @__PURE__ */ A("span", { children: Z(e?.actors.length) })] }), /* @__PURE__ */ A(Xt, {})]
+		}), /* @__PURE__ */ j("div", {
 			className: "overview-panel",
 			children: [
-				/* @__PURE__ */ A("div", {
+				/* @__PURE__ */ j("div", {
 					className: "overview-filterbar",
-					children: [/* @__PURE__ */ A("div", {
+					children: [/* @__PURE__ */ j("div", {
 						className: "overview-search",
-						children: [/* @__PURE__ */ k(y, { "aria-hidden": "true" }), /* @__PURE__ */ k(R, {
+						children: [/* @__PURE__ */ A(x, { "aria-hidden": "true" }), /* @__PURE__ */ A(B, {
 							"aria-label": "Filter actor classes",
 							placeholder: "Filter actor classes…",
 							value: i,
 							onInput: (e) => o(e.currentTarget.value)
 						})]
-					}), /* @__PURE__ */ A("select", {
+					}), /* @__PURE__ */ j(Be, {
 						"aria-label": "Filter by residency",
+						size: "sm",
 						value: s,
 						onChange: (e) => c(e.target.value),
 						children: [
-							/* @__PURE__ */ k("option", {
+							/* @__PURE__ */ A(U, {
 								value: "all",
 								children: "All states"
 							}),
-							/* @__PURE__ */ k("option", {
+							/* @__PURE__ */ A(U, {
 								value: "live",
 								children: "Live instances"
 							}),
-							/* @__PURE__ */ k("option", {
+							/* @__PURE__ */ A(U, {
 								value: "dormant",
 								children: "Dormant instances"
 							}),
-							/* @__PURE__ */ k("option", {
+							/* @__PURE__ */ A(U, {
 								value: "unknown",
 								children: "Unknown residency"
 							})
 						]
 					})]
 				}),
-				/* @__PURE__ */ k("div", {
-					className: "overview-table-scroll",
-					role: "region",
+				/* @__PURE__ */ j(W, {
+					className: "overview-table",
 					"aria-label": "Actor class metrics",
-					tabIndex: 0,
-					children: /* @__PURE__ */ A("table", {
-						className: "overview-table",
-						children: [
-							/* @__PURE__ */ A("colgroup", { children: [/* @__PURE__ */ k("col", { className: "overview-class-column" }), /* @__PURE__ */ k("col", { span: 6 })] }),
-							/* @__PURE__ */ A("thead", { children: [/* @__PURE__ */ A("tr", {
-								className: "overview-groups",
-								children: [
-									/* @__PURE__ */ k("th", {
-										scope: "colgroup",
-										colSpan: 2,
-										children: "Actors"
-									}),
-									/* @__PURE__ */ k("th", {
-										scope: "colgroup",
-										colSpan: 4,
-										children: "Requests"
-									}),
-									/* @__PURE__ */ k("th", {
-										scope: "colgroup",
-										children: "WebSockets"
-									})
-								]
-							}), /* @__PURE__ */ A("tr", { children: [
-								/* @__PURE__ */ k("th", {
-									scope: "col",
-									children: "Class"
-								}),
-								/* @__PURE__ */ k("th", {
-									scope: "col",
-									children: "Instances"
-								}),
-								/* @__PURE__ */ k("th", {
-									scope: "col",
-									children: "Total"
-								}),
-								/* @__PURE__ */ k("th", {
-									scope: "col",
-									children: "Success"
-								}),
-								/* @__PURE__ */ k("th", {
-									scope: "col",
-									children: "p95 latency"
+					containerProps: {
+						className: "overview-table-scroll",
+						role: "region",
+						"aria-label": "Actor class metrics",
+						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, {
+							className: "overview-groups",
+							children: [
+								/* @__PURE__ */ A(J, {
+									scope: "colgroup",
+									colSpan: 2,
+									children: "Actors"
 								}),
-								/* @__PURE__ */ k("th", {
-									scope: "col",
-									children: "p95 queue wait"
+								/* @__PURE__ */ A(J, {
+									scope: "colgroup",
+									colSpan: 4,
+									children: "Requests"
 								}),
-								/* @__PURE__ */ k("th", {
-									scope: "col",
-									children: "Connected"
+								/* @__PURE__ */ A(J, {
+									scope: "colgroup",
+									children: "WebSockets"
 								})
-							] })] }),
-							/* @__PURE__ */ k("tbody", { children: l.map((e) => /* @__PURE__ */ k(vt, {
-								actor: e,
-								metrics: t && (t.classes.find((t) => t.actorName === e.actorName) ?? St(e.actorName)),
-								onSelectActor: r
-							}, e.actorName)) })
-						]
-					})
+							]
+						}), /* @__PURE__ */ j(q, { children: [
+							/* @__PURE__ */ A(J, {
+								scope: "col",
+								children: "Class"
+							}),
+							/* @__PURE__ */ A(J, {
+								scope: "col",
+								children: "Instances"
+							}),
+							/* @__PURE__ */ A(J, {
+								scope: "col",
+								children: "Total"
+							}),
+							/* @__PURE__ */ A(J, {
+								scope: "col",
+								children: "Success"
+							}),
+							/* @__PURE__ */ A(J, {
+								scope: "col",
+								children: "p95 latency"
+							}),
+							/* @__PURE__ */ A(J, {
+								scope: "col",
+								children: "p95 queue wait"
+							}),
+							/* @__PURE__ */ A(J, {
+								scope: "col",
+								children: "Connected"
+							})
+						] })] }),
+						/* @__PURE__ */ A(K, { children: l.map((e) => /* @__PURE__ */ A(Jt, {
+							actor: e,
+							metrics: t && (t.classes.find((t) => t.actorName === e.actorName) ?? Qt(e.actorName)),
+							onSelectActor: r
+						}, e.actorName)) })
+					]
 				}),
-				!l.length && /* @__PURE__ */ A("div", {
+				!l.length && /* @__PURE__ */ j("div", {
 					className: "overview-empty",
 					role: "status",
 					children: [
-						/* @__PURE__ */ k("strong", { children: e ? e.actors.length ? "No matching actor classes" : "No actors yet" : n ? "Inventory unavailable" : "Loading actor classes…" }),
-						/* @__PURE__ */ k("p", { children: e?.actors.length ? "Try another class name or residency state." : "Actor classes appear after deployment." }),
-						!!e?.actors.length && /* @__PURE__ */ k(L, {
+						/* @__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, {
 							variant: "outline",
 							onClick: () => {
 								o(""), c("all");
@@ -2019,88 +2645,88 @@ function _t({ inventory: e, metrics: t, failed: n, onSelectActor: r }) {
 		})]
 	});
 }
-function vt({ actor: e, metrics: t, onSelectActor: n }) {
-	return /* @__PURE__ */ A("tr", {
+function Jt({ actor: e, metrics: t, onSelectActor: n }) {
+	return /* @__PURE__ */ j(q, {
 		className: "la-clickable-row",
 		onClick: () => n(e.actorName),
 		children: [
-			/* @__PURE__ */ k("td", { children: /* @__PURE__ */ k(L, {
+			/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A(z, {
 				variant: "ghost",
 				type: "button",
 				className: "overview-class-link",
 				"aria-label": `Inspect ${e.actorName}`,
-				children: /* @__PURE__ */ k("span", {
+				children: /* @__PURE__ */ A("span", {
 					title: e.actorName,
 					children: e.actorName
 				})
 			}) }),
-			/* @__PURE__ */ k("td", { children: Z(e.live + e.dormant + e.unknown) }),
-			/* @__PURE__ */ k("td", { children: Z(t?.count) }),
-			/* @__PURE__ */ k("td", { children: /* @__PURE__ */ k(yt, {
+			/* @__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, {
 				value: t?.success,
 				kind: "success"
 			}) }),
-			/* @__PURE__ */ k("td", { children: /* @__PURE__ */ k(yt, {
+			/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A(Yt, {
 				value: t?.p95,
 				kind: "latency"
 			}) }),
-			/* @__PURE__ */ k("td", { children: Ct(t?.queueP95) }),
-			/* @__PURE__ */ k("td", { children: Z(e.instances.reduce((e, t) => e + t.connections.length, 0)) })
+			/* @__PURE__ */ A(Y, { children: $t(t?.queueP95) }),
+			/* @__PURE__ */ A(Y, { children: Z(e.instances.reduce((e, t) => e + t.connections.length, 0)) })
 		]
 	});
 }
-function yt({ value: e, kind: t }) {
-	if (e == null) return /* @__PURE__ */ k("span", {
+function Yt({ value: e, kind: t }) {
+	if (e == null) return /* @__PURE__ */ A("span", {
 		title: "No retained execution attempts",
 		children: "—"
 	});
 	let n = t === "success" ? e < 95 ? "bad" : e < 99 ? "warn" : "good" : e > 100 ? "bad" : "good";
-	return /* @__PURE__ */ A("span", {
+	return /* @__PURE__ */ j("span", {
 		className: `overview-signal signal-${n}`,
 		title: n === "bad" ? "Critical threshold breached" : n === "warn" ? "Warning threshold breached" : "Within threshold",
-		children: [n !== "good" && /* @__PURE__ */ k("span", {
+		children: [n !== "good" && /* @__PURE__ */ A("span", {
 			"aria-hidden": "true",
 			children: n === "warn" ? "!" : "×"
-		}), t === "success" ? `${e.toLocaleString(void 0, { maximumFractionDigits: 2 })}%` : Ct(e)]
+		}), t === "success" ? `${e.toLocaleString(void 0, { maximumFractionDigits: 2 })}%` : $t(e)]
 	});
 }
-function bt() {
-	return /* @__PURE__ */ A("details", {
+function Xt() {
+	return /* @__PURE__ */ j("details", {
 		className: "overview-thresholds",
-		children: [/* @__PURE__ */ A("summary", { children: [/* @__PURE__ */ A("span", {
+		children: [/* @__PURE__ */ j("summary", { children: [/* @__PURE__ */ j("span", {
 			className: "threshold-dots",
 			"aria-hidden": "true",
 			children: [
-				/* @__PURE__ */ k("i", {}),
-				/* @__PURE__ */ k("i", {}),
-				/* @__PURE__ */ k("i", {})
+				/* @__PURE__ */ A("i", {}),
+				/* @__PURE__ */ A("i", {}),
+				/* @__PURE__ */ A("i", {})
 			]
-		}), "Thresholds"] }), /* @__PURE__ */ A("div", { children: [
-			/* @__PURE__ */ k("strong", { children: "Display thresholds" }),
-			/* @__PURE__ */ k("p", { children: "Success: warning below 99%; critical below 95%." }),
-			/* @__PURE__ */ k("p", { children: "Latency: critical when p95 exceeds 100 ms." }),
-			/* @__PURE__ */ k("p", { children: "Reroutes are excluded from success and latency. Queue wait has no health threshold." })
+		}), "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." })
 		] })]
 	});
 }
-function xt({ page: e, range: t, saved: n }) {
-	return /* @__PURE__ */ A("div", {
+function Zt({ page: e, range: t, saved: n }) {
+	return /* @__PURE__ */ j("div", {
 		className: "overview-data-scope",
 		children: [
-			/* @__PURE__ */ k("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__ */ A("p", {
+			/* @__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", {
 				role: "alert",
 				children: [Z(e.dropped), " traces were not delivered. Request metrics are incomplete."]
 			}),
-			e?.persistenceFailed && /* @__PURE__ */ k("p", {
+			e?.persistenceFailed && /* @__PURE__ */ A("p", {
 				role: "alert",
 				children: "Some request events could not be saved. This history may be incomplete."
 			}),
-			!!e?.evicted && /* @__PURE__ */ k("p", { children: "Earlier traces have expired; these metrics do not represent the full time window." })
+			!!e?.evicted && /* @__PURE__ */ A("p", { children: "Earlier traces have expired; these metrics do not represent the full time window." })
 		]
 	});
 }
-function St(e) {
+function Qt(e) {
 	return {
 		actorName: e,
 		count: 0,
@@ -2112,136 +2738,23 @@ function St(e) {
 function Z(e) {
 	return e === void 0 ? "—" : e.toLocaleString();
 }
-function Ct(e) {
+function $t(e) {
 	return e == null ? "—" : `${e.toLocaleString(void 0, { maximumFractionDigits: 1 })} ms`;
 }
 //#endregion
-//#region src/components/ui/command.tsx
-function wt({ className: e, ...t }) {
-	return /* @__PURE__ */ k(F, {
-		"data-slot": "command",
-		className: I("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 Tt({ className: e, ...t }) {
-	return /* @__PURE__ */ A("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__ */ k(b, { className: "la:size-4 la:shrink-0 la:opacity-50" }), /* @__PURE__ */ k(F.Input, {
-			"data-slot": "command-input",
-			className: I("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 Et({ className: e, ...t }) {
-	return /* @__PURE__ */ k(F.List, {
-		"data-slot": "command-list",
-		className: I("la:max-h-[300px] la:scroll-py-1 la:overflow-x-hidden la:overflow-y-auto", e),
-		...t
-	});
-}
-function Dt({ ...e }) {
-	return /* @__PURE__ */ k(F.Empty, {
-		"data-slot": "command-empty",
-		className: "la:py-6 la:text-center la:text-sm",
-		...e
-	});
-}
-function Ot({ className: e, ...t }) {
-	return /* @__PURE__ */ k(F.Group, {
-		"data-slot": "command-group",
-		className: I("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 kt({ className: e, ...t }) {
-	return /* @__PURE__ */ k(F.Separator, {
-		"data-slot": "command-separator",
-		className: I("la:-mx-1 la:h-px la:bg-border", e),
-		...t
-	});
-}
-function At({ className: e, ...t }) {
-	return /* @__PURE__ */ k(F.Item, {
-		"data-slot": "command-item",
-		className: I("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 jt({ className: e, ...t }) {
-	return /* @__PURE__ */ k("span", {
-		"data-slot": "command-shortcut",
-		className: I("la:ml-auto la:text-xs la:tracking-widest la:text-muted-foreground", e),
-		...t
-	});
-}
-//#endregion
-//#region src/FilterCombobox.tsx
-function Mt({ label: e, placeholder: t, value: n, onChange: r, suggestions: i, limit: o = 8 }) {
-	let [s, c] = a(!1), l = Nt(i, n, o), u = l.reduce((e, t) => e.set(t.group, [...e.get(t.group) ?? [], t]), /* @__PURE__ */ new Map()), d = s && l.length > 0;
-	return /* @__PURE__ */ A(wt, {
-		label: e,
-		shouldFilter: !1,
-		loop: !0,
-		className: "la-combobox la:relative la:overflow-visible la:bg-transparent",
-		onKeyDown: (e) => {
-			e.key === "Escape" && c(!1), e.key === "ArrowDown" && c(!0);
-		},
-		children: [/* @__PURE__ */ k(Tt, {
-			placeholder: t,
-			value: n,
-			onValueChange: (e) => {
-				r(e), c(!0);
-			},
-			onFocus: () => c(!0),
-			onBlur: () => c(!1)
-		}), d && /* @__PURE__ */ k(Et, {
-			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: [...u].map(([e, t]) => /* @__PURE__ */ k(Ot, {
-				heading: e,
-				children: t.map((t) => /* @__PURE__ */ A(At, {
-					value: `${e}:${t.value}`,
-					onSelect: () => {
-						r(t.value), c(!1);
-					},
-					children: [/* @__PURE__ */ k("span", {
-						className: "la:truncate la:font-mono la:text-xs",
-						children: t.value
-					}), t.hint && /* @__PURE__ */ k("span", {
-						className: "la:ml-auto la:text-xs la:text-muted-foreground",
-						children: t.hint
-					})]
-				}, t.value))
-			}, e))
-		})]
-	});
-}
-function Nt(e, t, n) {
-	let r = t.trim().toLocaleLowerCase(), i = /* @__PURE__ */ new Set(), a = [];
-	for (let t of e) {
-		let e = `${t.group}:${t.value}`, n = t.value.toLocaleLowerCase();
-		i.has(e) || n === r || r && !n.includes(r) || (i.add(e), a.push(t));
-	}
-	return a.sort((e, t) => Number(t.value.toLocaleLowerCase().startsWith(r)) - Number(e.value.toLocaleLowerCase().startsWith(r))).slice(0, n);
-}
-//#endregion
 //#region src/socket-sessions.ts
-function Pt(e) {
-	if (!Array.isArray(e) || !e.every((e) => !!e && typeof e == "object" && Ht(e))) throw Error("Invalid WebSocket session response");
+function en(e) {
+	if (!Array.isArray(e) || !e.every((e) => !!e && typeof e == "object" && ln(e))) throw Error("Invalid WebSocket session response");
 	return e;
 }
-function Ft(e, t, n) {
+function tn(e, t, n) {
 	return JSON.stringify([
 		e,
 		t,
 		n
 	]);
 }
-function It(e, t, n = /* @__PURE__ */ new Map()) {
+function nn(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,
@@ -2268,7 +2781,7 @@ function It(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 = Ft(e.actorName, t.actorId, r.id);
+		let o = tn(e.actorName, t.actorId, r.id);
 		if (a.has(o)) continue;
 		let s = n.get(o);
 		i.unshift({
@@ -2288,7 +2801,7 @@ function It(e, t, n = /* @__PURE__ */ new Map()) {
 	}
 	return i;
 }
-function Lt(e, t) {
+function rn(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 {
@@ -2296,19 +2809,19 @@ function Lt(e, t) {
 		lowerBound: e.status === "lost"
 	};
 }
-function Rt(e, t) {
-	let n = e.map((e) => Lt(e, t)).filter((e) => e !== null && !e.lowerBound), r = e.reduce((e, t) => e + t.messages, 0);
+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);
 	return {
 		total: e.length,
 		open: e.filter((e) => e.status === "open").length,
 		lost: e.filter((e) => e.status === "lost").length,
-		median: Vt(n.map((e) => e.ms), .5),
-		p95: Vt(n.map((e) => e.ms), .95),
+		median: cn(n.map((e) => e.ms), .5),
+		p95: cn(n.map((e) => e.ms), .95),
 		messages: r,
 		messagesPerSession: e.length ? r / e.length : null
 	};
 }
-function zt(e) {
+function on(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);
@@ -2316,7 +2829,7 @@ function zt(e) {
 	let n = Math.floor(t / 60);
 	return n < 24 ? `${n}h ${t % 60}m` : `${Math.floor(n / 24)}d ${n % 24}h`;
 }
-function Bt(e, t = 3) {
+function sn(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);
@@ -2324,10 +2837,10 @@ function Bt(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 Vt(e, t) {
+function cn(e, t) {
 	return e.length ? e.sort((e, t) => e - t)[Math.max(0, Math.ceil(e.length * t) - 1)] : null;
 }
-function Ht(e) {
+function ln(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,
@@ -2336,7 +2849,7 @@ function Ht(e) {
 }
 //#endregion
 //#region src/SocketTimeline.tsx
-var Ut = 18, Wt = 8, Gt = 40, Q = 6e4, $ = 60 * Q, Kt = 24 * $, qt = [
+var un = 18, dn = 8, fn = 40, Q = 6e4, pn = 60 * Q, mn = 24 * pn, hn = [
 	1e3,
 	2e3,
 	5e3,
@@ -2349,17 +2862,17 @@ var Ut = 18, Wt = 8, Gt = 40, Q = 6e4, $ = 60 * Q, Kt = 24 * $, qt = [
 	10 * Q,
 	15 * Q,
 	30 * Q,
-	$,
-	2 * $,
-	3 * $,
-	6 * $,
-	12 * $,
-	Kt,
-	2 * Kt,
-	7 * Kt
+	pn,
+	2 * pn,
+	3 * pn,
+	6 * pn,
+	12 * pn,
+	mn,
+	2 * mn,
+	7 * mn
 ];
-function Jt({ sessions: e, start: t, end: n, endLabel: r = "now", selected: i, onSelect: o }) {
-	let [s, c] = a(), l = Zt(e, t, n), u = l.slice(0, Gt), d = Math.max(1, n - t), f = tn(t, n), p = nn(d), m = (e) => `${(Math.min(Math.max(e, t), n) - t) / d * 100}%`, h = (e, t) => {
+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) => {
 		let n = t.getBoundingClientRect(), r = t.closest(".socket-timeline").getBoundingClientRect(), i = n.top - r.top < 150;
 		c({
 			session: e,
@@ -2368,50 +2881,50 @@ function Jt({ sessions: e, start: t, end: n, endLabel: r = "now", selected: i, o
 			below: i
 		});
 	};
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "socket-timeline",
 		role: "group",
 		"aria-label": "Connection timeline",
 		onMouseLeave: () => c(void 0),
 		children: [
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "socket-timeline-axis",
 				"aria-hidden": "true",
-				children: [/* @__PURE__ */ k("span", {}), /* @__PURE__ */ A("div", { children: [f.map((e) => /* @__PURE__ */ k("span", {
+				children: [/* @__PURE__ */ A("span", {}), /* @__PURE__ */ j("div", { children: [f.map((e) => /* @__PURE__ */ A("span", {
 					style: { left: m(e) },
-					children: rn(e, p)
-				}, e)), /* @__PURE__ */ k("span", {
+					children: Tn(e, p)
+				}, e)), /* @__PURE__ */ A("span", {
 					className: "socket-timeline-now",
 					children: r
 				})] })]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "socket-timeline-body",
 				children: [
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ A("div", {
 						className: "socket-timeline-grid",
 						"aria-hidden": "true",
-						children: f.map((e) => /* @__PURE__ */ k("i", { style: { left: m(e) } }, e))
+						children: f.map((e) => /* @__PURE__ */ A("i", { style: { left: m(e) } }, e))
 					}),
-					u.map((e) => /* @__PURE__ */ A("div", {
+					u.map((e) => /* @__PURE__ */ j("div", {
 						className: "socket-timeline-row",
-						children: [/* @__PURE__ */ A("div", {
+						children: [/* @__PURE__ */ j("div", {
 							className: "socket-timeline-label",
 							title: `${e.actorName} / ${e.actorId}`,
-							children: [/* @__PURE__ */ k("span", { children: e.actorName }), /* @__PURE__ */ k("strong", { children: e.actorId })]
-						}), /* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ A("span", { children: e.actorName }), /* @__PURE__ */ A("strong", { children: e.actorId })]
+						}), /* @__PURE__ */ A("div", {
 							className: "socket-timeline-lanes",
-							style: { height: e.rows.length * Ut + 16 },
-							children: e.rows.flatMap((e, t) => e.map((e) => /* @__PURE__ */ k("button", {
+							style: { height: e.rows.length * un + 16 },
+							children: e.rows.flatMap((e, t) => e.map((e) => /* @__PURE__ */ A("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: Wt + t * Ut
+									top: dn + t * un
 								},
-								"aria-label": cn(e.session, n),
+								"aria-label": kn(e.session, n),
 								onClick: (t) => o(e.session, t.currentTarget),
 								onMouseEnter: (t) => h(e.session, t.currentTarget),
 								onFocus: (t) => h(e.session, t.currentTarget),
@@ -2419,62 +2932,62 @@ function Jt({ sessions: e, start: t, end: n, endLabel: r = "now", selected: i, o
 							}, e.session.connectionId)))
 						})]
 					}, e.key)),
-					l.length > Gt && /* @__PURE__ */ A("p", {
+					l.length > fn && /* @__PURE__ */ j("p", {
 						className: "socket-timeline-more",
 						children: [
-							(l.length - Gt).toLocaleString(),
+							(l.length - fn).toLocaleString(),
 							" more ",
-							l.length - Gt === 1 ? "instance is" : "instances are",
+							l.length - fn === 1 ? "instance is" : "instances are",
 							" listed in the table below."
 						]
 					})
 				]
 			}),
-			s && /* @__PURE__ */ A("div", {
+			s && /* @__PURE__ */ j("div", {
 				role: "tooltip",
 				className: `socket-tooltip${s.below ? " socket-tooltip-below" : ""}`,
 				style: {
 					left: s.left,
 					top: s.top
 				},
-				children: [/* @__PURE__ */ k(Xt, { metadata: s.session.metadata }), /* @__PURE__ */ A("dl", { children: [
-					/* @__PURE__ */ k("dt", { children: "Connection" }),
-					/* @__PURE__ */ k("dd", { children: sn(s.session.connectionId) }),
-					/* @__PURE__ */ k("dt", { children: "Instance" }),
-					/* @__PURE__ */ A("dd", { children: [
+				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: [
 						s.session.actorName,
 						" / ",
 						s.session.actorId
 					] }),
-					/* @__PURE__ */ k("dt", { children: "Status" }),
-					/* @__PURE__ */ k("dd", { children: an(s.session.status) }),
-					/* @__PURE__ */ k("dt", { children: "Opened" }),
-					/* @__PURE__ */ k("dd", { children: s.session.openedAtMs === null ? "Before retained history" : `${s.session.estimatedStart ? "≈ " : ""}${new Date(s.session.openedAtMs).toLocaleTimeString([], { hour12: !1 })}` }),
-					/* @__PURE__ */ k("dt", { children: "Duration" }),
-					/* @__PURE__ */ k("dd", { children: on(s.session, n) }),
-					/* @__PURE__ */ k("dt", { children: "Messages" }),
-					/* @__PURE__ */ k("dd", { children: s.session.messages.toLocaleString() })
+					/* @__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() })
 				] })]
 			})
 		]
 	});
 }
-var Yt = 4;
-function Xt({ metadata: e }) {
+var _n = 4;
+function vn({ 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__ */ A("dl", {
+	return t.length ? /* @__PURE__ */ j("dl", {
 		className: "socket-tooltip-metadata",
 		"aria-label": "Connection metadata",
-		children: [t.slice(0, Yt).map(([e, t]) => /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", { children: e }), /* @__PURE__ */ k("dd", { children: typeof t == "string" ? t : JSON.stringify(t) })] }, e)), t.length > Yt && /* @__PURE__ */ A("p", { children: [
+		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: [
 			"+",
-			t.length - Yt,
+			t.length - _n,
 			" more in details"
 		] })]
 	}) : null;
 }
-function Zt(e, t, n) {
-	let r = /* @__PURE__ */ new Map(), i = e.map((e) => Qt(e, t, n)).filter((e) => e.to > t).sort((e, t) => e.from - t.from || e.to - t.to);
+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);
 	for (let e of i) {
 		let i = `${e.session.actorName}${e.session.actorId}`, a = r.get(i) ?? {
 			key: i,
@@ -2483,38 +2996,38 @@ function Zt(e, t, n) {
 			rows: []
 		};
 		r.set(i, a);
-		let o = a.rows.find((r) => r.at(-1).to + $t(t, n) <= e.from);
+		let o = a.rows.find((r) => r.at(-1).to + xn(t, n) <= e.from);
 		o ? o.push(e) : a.rows.push([e]);
 	}
-	return [...r.values()].sort((e, t) => en(t) - en(e));
+	return [...r.values()].sort((e, t) => Sn(t) - Sn(e));
 }
-function Qt(e, t, n) {
+function bn(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) + $t(t, n), Math.min(n, i)),
+		to: Math.max(Math.max(t, r) + xn(t, n), Math.min(n, i)),
 		openEnded: e.status !== "closed",
 		unknownStart: e.openedAtMs === null
 	};
 }
-function $t(e, t) {
+function xn(e, t) {
 	return Math.max(1, (t - e) / 160);
 }
-function en(e) {
+function Sn(e) {
 	return Math.max(...e.rows.flat().map((e) => e.to));
 }
-function tn(e, t) {
-	let n = nn(Math.max(1, t - e)), r = [];
+function Cn(e, t) {
+	let n = wn(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 nn(e) {
-	return qt.find((t) => e / t <= 9) ?? qt.at(-1);
+function wn(e) {
+	return hn.find((t) => e / t <= 9) ?? hn.at(-1);
 }
-function rn(e, t) {
+function Tn(e, t) {
 	let n = new Date(e);
-	return t >= Kt ? n.toLocaleDateString([], {
+	return t >= mn ? n.toLocaleDateString([], {
 		month: "short",
 		day: "numeric"
 	}) : t >= Q ? n.toLocaleTimeString([], {
@@ -2523,24 +3036,24 @@ function rn(e, t) {
 		hour12: !1
 	}) : n.toLocaleTimeString([], { hour12: !1 });
 }
-function an(e) {
+function En(e) {
 	return e === "open" ? "Open" : e === "closed" ? "Closed" : "Lost";
 }
-function on(e, t) {
-	let n = Lt(e, t);
-	return n ? `${n.lowerBound ? "≥ " : ""}${zt(n.ms)}` : "Unknown";
+function Dn(e, t) {
+	let n = rn(e, t);
+	return n ? `${n.lowerBound ? "≥ " : ""}${on(n.ms)}` : "Unknown";
 }
-function sn(e) {
+function On(e) {
 	return e.length > 14 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e;
 }
-function cn(e, t) {
-	let n = Bt(e.metadata);
-	return `${an(e.status)} connection ${sn(e.connectionId)}${n === null ? "" : ` (${n})`} on ${e.actorName} ${e.actorId}, ${on(e, t)}`;
+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)}`;
 }
 //#endregion
 //#region src/socket-history.ts
-function ln(e, t) {
-	let n = Pe(e, t, e.listWebSockets, 5e3);
+function An(e, t) {
+	let n = Xe(e, t, e.listWebSockets, 5e3);
 	return {
 		...n,
 		rows: n.value,
@@ -2549,52 +3062,52 @@ function ln(e, t) {
 }
 //#endregion
 //#region src/WebSocketObserver.tsx
-function un({ client: e, onSelectActor: n, timeRange: o, onTimeRangeChange: s }) {
-	let { inventory: c, failed: l, retry: u } = je(e), [d, f] = a(z), p = o ?? d, m = s ?? f, [h, g] = a(Date.now), [_, v] = a(""), [ee, y] = a("all"), [b, x] = a(), S = i(null), C = i(null);
+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);
 	t(() => {
 		let e = setInterval(() => g(Date.now()), 5e3);
 		return () => clearInterval(e);
 	}, []);
-	let w = B(p, h), T = w.toMs ?? h, E = ln(e, w), D = hn(c, E.retry), j = r(() => It(E.rows ?? [], c, D), [
-		E.rows,
+	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,
 		c,
-		D
-	]), M = !!c || l, N = _.trim().toLocaleLowerCase(), P = j.filter((e) => (ee === "all" || e.status === ee) && (!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 = Rt(j, h), ne = Math.max(0, ...j.filter((e) => e.status !== "open").map((e) => Lt(e, h)?.ms ?? 0)) || F.p95, re = mn(P, w.fromMs, T), I = r(() => gn(j, c), [j, c]);
-	return t(() => x(void 0), [e, p]), /* @__PURE__ */ A("section", {
-		ref: S,
+		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,
 		className: "la-observer overview websockets",
 		"aria-label": "WebSocket observer",
 		children: [
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "overview-heading",
-				children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h1", { children: "WebSockets" }), /* @__PURE__ */ k("p", { children: M ? `${F.open.toLocaleString()} open now${E.supported ? ` · ${F.total.toLocaleString()} ${F.total === 1 ? "session" : "sessions"} ${H(p)}` : ""}` : "Connecting to inventory…" })] }), /* @__PURE__ */ A("div", {
+				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", {
 					className: "overview-controls",
 					children: [
-						/* @__PURE__ */ k("span", {
+						/* @__PURE__ */ A("span", {
 							className: "overview-updated",
-							children: E.failed ? "History reconnecting…" : E.updatedAt ? /* @__PURE__ */ A(O, { children: ["Updated ", /* @__PURE__ */ k("time", {
-								dateTime: new Date(E.updatedAt).toISOString(),
-								children: new Date(E.updatedAt).toLocaleTimeString([], { hour12: !1 })
+							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 })
 							})] }) : null
 						}),
-						E.supported && /* @__PURE__ */ k(_e, {
+						D.supported && /* @__PURE__ */ A(Me, {
 							value: p,
 							onChange: m,
 							className: "overview-range"
 						}),
-						/* @__PURE__ */ k(L, {
+						/* @__PURE__ */ A(z, {
 							variant: "outline",
 							size: "icon",
 							"aria-label": "Refresh connections",
 							onClick: () => {
-								u(), E.retry();
+								u(), D.retry();
 							},
-							children: /* @__PURE__ */ k(te, { "aria-hidden": "true" })
+							children: /* @__PURE__ */ A(ee, { "aria-hidden": "true" })
 						})
 					]
 				})]
 			}),
-			l && /* @__PURE__ */ A("p", {
+			l && /* @__PURE__ */ j("p", {
 				role: "alert",
 				className: "overview-alert",
 				children: [
@@ -2604,177 +3117,179 @@ function un({ client: e, onSelectActor: n, timeRange: o, onTimeRangeChange: s })
 					" Retrying automatically."
 				]
 			}),
-			E.failed && /* @__PURE__ */ A("p", {
+			D.failed && /* @__PURE__ */ j("p", {
 				role: "alert",
 				className: "overview-alert",
 				children: [
 					"Connection history unavailable. ",
-					E.rows ? "Showing the last loaded sessions." : "Only currently open connections are shown.",
+					D.rows ? "Showing the last loaded sessions." : "Only currently open connections are shown.",
 					" Retrying automatically."
 				]
 			}),
-			/* @__PURE__ */ k(dn, {
-				summary: F,
-				ready: M,
-				history: E.supported && !!E.rows,
+			/* @__PURE__ */ A(Mn, {
+				summary: I,
+				ready: N,
+				history: D.supported && !!D.rows,
 				range: p
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "socket-filterbar",
-				children: [/* @__PURE__ */ k(Mt, {
+				children: [/* @__PURE__ */ A(me, {
 					label: "Filter connections",
 					placeholder: "Filter by connection, actor, instance, or host…",
 					value: _,
 					onChange: v,
-					suggestions: I
-				}), /* @__PURE__ */ A("select", {
+					suggestions: ne
+				}), /* @__PURE__ */ j(Be, {
 					"aria-label": "Filter by status",
-					value: ee,
-					onChange: (e) => y(e.target.value),
+					size: "sm",
+					value: y,
+					onChange: (e) => b(e.target.value),
 					children: [
-						/* @__PURE__ */ k("option", {
+						/* @__PURE__ */ A(U, {
 							value: "all",
 							children: "All statuses"
 						}),
-						/* @__PURE__ */ k("option", {
+						/* @__PURE__ */ A(U, {
 							value: "open",
 							children: "Open"
 						}),
-						/* @__PURE__ */ k("option", {
+						/* @__PURE__ */ A(U, {
 							value: "closed",
 							children: "Closed"
 						}),
-						/* @__PURE__ */ k("option", {
+						/* @__PURE__ */ A(U, {
 							value: "lost",
 							children: "Lost"
 						})
 					]
 				})]
 			}),
-			E.supported && /* @__PURE__ */ A("section", {
+			D.supported && /* @__PURE__ */ j("section", {
 				className: "overview-panel socket-timeline-panel",
 				"aria-label": "Connection timeline",
-				children: [/* @__PURE__ */ A("div", {
+				children: [/* @__PURE__ */ j("div", {
 					className: "socket-panel-heading",
-					children: [/* @__PURE__ */ A("h2", { children: ["Timeline ", /* @__PURE__ */ k("span", { children: P.length.toLocaleString() })] }), /* @__PURE__ */ A("ul", {
+					children: [/* @__PURE__ */ j("h2", { children: ["Timeline ", /* @__PURE__ */ A("span", { children: F.length.toLocaleString() })] }), /* @__PURE__ */ j("ul", {
 						className: "socket-legend",
 						"aria-label": "Timeline legend",
 						children: [
-							/* @__PURE__ */ A("li", { children: [/* @__PURE__ */ k("i", { className: "socket-swatch socket-swatch-open" }), " Open"] }),
-							/* @__PURE__ */ A("li", { children: [/* @__PURE__ */ k("i", { className: "socket-swatch socket-swatch-closed" }), " Closed"] }),
-							/* @__PURE__ */ A("li", { children: [/* @__PURE__ */ k("i", { className: "socket-swatch socket-swatch-lost" }), " Lost · no disconnect recorded"] })
+							/* @__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"] })
 						]
 					})]
-				}), P.length ? /* @__PURE__ */ k(Jt, {
-					sessions: P,
-					start: re,
-					end: T,
-					endLabel: w.toMs === void 0 ? "now" : new Date(w.toMs).toLocaleTimeString([], {
+				}), F.length ? /* @__PURE__ */ A(gn, {
+					sessions: F,
+					start: te,
+					end: E,
+					endLabel: T.toMs === void 0 ? "now" : new Date(T.toMs).toLocaleTimeString([], {
 						hour: "2-digit",
 						minute: "2-digit",
 						hour12: !1
 					}),
-					selected: b,
+					selected: x,
 					onSelect: (e, t) => {
-						C.current = t, x(e);
+						w.current = t, S(e);
 					}
-				}) : /* @__PURE__ */ A("div", {
+				}) : /* @__PURE__ */ j("div", {
 					className: "overview-empty socket-timeline-empty",
 					role: "status",
-					children: [/* @__PURE__ */ k("strong", { children: _n(M, E, j.length) }), /* @__PURE__ */ k("p", { children: j.length ? "Try another filter or a wider time window." : "Sessions appear here as clients connect to actors." })]
+					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." })]
 				})]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "overview-panel",
-				children: [/* @__PURE__ */ k("div", {
-					className: "overview-table-scroll",
-					role: "region",
+				children: [/* @__PURE__ */ j(W, {
+					className: "overview-table socket-table",
 					"aria-label": "WebSocket connections",
-					tabIndex: 0,
-					children: /* @__PURE__ */ A("table", {
-						className: "overview-table socket-table",
-						children: [/* @__PURE__ */ k("thead", { children: /* @__PURE__ */ A("tr", { children: [
-							/* @__PURE__ */ k("th", {
-								scope: "col",
-								children: "Status"
-							}),
-							/* @__PURE__ */ k("th", {
-								scope: "col",
-								children: "Connection"
-							}),
-							/* @__PURE__ */ k("th", {
-								scope: "col",
-								children: "Actor class"
-							}),
-							/* @__PURE__ */ k("th", {
-								scope: "col",
-								children: "Instance"
-							}),
-							/* @__PURE__ */ k("th", {
-								scope: "col",
-								children: "Opened"
-							}),
-							/* @__PURE__ */ k("th", {
-								scope: "col",
-								children: "Duration"
-							}),
-							/* @__PURE__ */ k("th", {
-								scope: "col",
-								children: "Messages"
-							}),
-							/* @__PURE__ */ k("th", {
-								scope: "col",
-								children: "Metadata"
-							})
-						] }) }), /* @__PURE__ */ k("tbody", { children: P.map((e) => /* @__PURE__ */ k(fn, {
-							session: e,
-							now: h,
-							longest: ne,
-							selected: b === e,
-							onSelect: (t) => {
-								C.current = t, x(e);
-							}
-						}, JSON.stringify([
-							e.actorName,
-							e.actorId,
-							e.connectionId
-						]))) })]
-					})
-				}), !P.length && /* @__PURE__ */ A("div", {
+					containerProps: {
+						className: "overview-table-scroll",
+						role: "region",
+						"aria-label": "WebSocket connections",
+						tabIndex: 0
+					},
+					children: [/* @__PURE__ */ A(G, { children: /* @__PURE__ */ j(q, { children: [
+						/* @__PURE__ */ A(J, {
+							scope: "col",
+							children: "Status"
+						}),
+						/* @__PURE__ */ A(J, {
+							scope: "col",
+							children: "Connection"
+						}),
+						/* @__PURE__ */ A(J, {
+							scope: "col",
+							children: "Actor class"
+						}),
+						/* @__PURE__ */ A(J, {
+							scope: "col",
+							children: "Instance"
+						}),
+						/* @__PURE__ */ A(J, {
+							scope: "col",
+							children: "Opened"
+						}),
+						/* @__PURE__ */ A(J, {
+							scope: "col",
+							children: "Duration"
+						}),
+						/* @__PURE__ */ A(J, {
+							scope: "col",
+							children: "Messages"
+						}),
+						/* @__PURE__ */ A(J, {
+							scope: "col",
+							children: "Metadata"
+						})
+					] }) }), /* @__PURE__ */ A(K, { children: F.map((e) => /* @__PURE__ */ A(Nn, {
+						session: e,
+						now: h,
+						longest: L,
+						selected: x === e,
+						onSelect: (t) => {
+							w.current = t, S(e);
+						}
+					}, JSON.stringify([
+						e.actorName,
+						e.actorId,
+						e.connectionId
+					]))) })]
+				}), !F.length && /* @__PURE__ */ j("div", {
 					className: "overview-empty",
 					role: "status",
 					children: [
-						/* @__PURE__ */ k("strong", { children: _n(M, E, j.length) }),
-						/* @__PURE__ */ k("p", { children: j.length ? "Try another connection, actor, or status." : "Open an actor WebSocket to see its connection and metadata here." }),
-						!!j.length && /* @__PURE__ */ k(L, {
+						/* @__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, {
 							variant: "outline",
 							onClick: () => {
-								v(""), y("all");
+								v(""), b("all");
 							},
 							children: "Clear filter"
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "overview-data-scope",
-				children: /* @__PURE__ */ k("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." })
+				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." })
 			}),
-			/* @__PURE__ */ k(Te, {
-				open: !!b,
+			/* @__PURE__ */ A(Ve, {
+				open: !!x,
 				onOpenChange: (e) => {
-					e || x(void 0);
+					e || S(void 0);
 				},
-				children: /* @__PURE__ */ A(Oe, {
-					container: S.current,
+				children: /* @__PURE__ */ j(We, {
+					container: C.current,
 					onCloseAutoFocus: (e) => {
-						e.preventDefault(), C.current?.focus();
+						e.preventDefault(), w.current?.focus();
 					},
 					children: [
-						/* @__PURE__ */ k(Ee, { children: "Connection details" }),
-						/* @__PURE__ */ k(De, { children: "Identifiers, timings, and metadata for this WebSocket." }),
-						b && /* @__PURE__ */ k(pn, {
-							session: b,
+						/* @__PURE__ */ A(He, { children: "Connection details" }),
+						/* @__PURE__ */ A(Ue, { children: "Identifiers, timings, and metadata for this WebSocket." }),
+						x && /* @__PURE__ */ A(Pn, {
+							session: x,
 							now: h,
 							onSelectActor: n
 						})
@@ -2784,131 +3299,131 @@ function un({ client: e, onSelectActor: n, timeRange: o, onTimeRangeChange: s })
 		]
 	});
 }
-function dn({ summary: e, ready: t, history: n, range: r }) {
-	return /* @__PURE__ */ A("div", {
+function Mn({ summary: e, ready: t, history: n, range: r }) {
+	return /* @__PURE__ */ j("div", {
 		className: "overview-metrics socket-metrics",
 		children: [
-			/* @__PURE__ */ A("section", {
+			/* @__PURE__ */ j("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ k("h2", { children: "Open now" }),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ A("h2", { children: "Open now" }),
+					/* @__PURE__ */ j("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ k("strong", {
+						children: [/* @__PURE__ */ A("strong", {
 							"aria-label": "Open WebSocket connections",
 							children: t ? e.open.toLocaleString() : "—"
-						}), /* @__PURE__ */ k("span", { children: "live connections" })]
+						}), /* @__PURE__ */ A("span", { children: "live connections" })]
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ A("div", {
 						className: "overview-metric-foot",
-						children: /* @__PURE__ */ k("span", { children: "Latest host report" })
+						children: /* @__PURE__ */ A("span", { children: "Latest host report" })
 					})
 				]
 			}),
-			/* @__PURE__ */ A("section", {
+			/* @__PURE__ */ j("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ k("h2", { children: "Sessions" }),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ A("h2", { children: "Sessions" }),
+					/* @__PURE__ */ j("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ k("strong", {
+						children: [/* @__PURE__ */ A("strong", {
 							"aria-label": "WebSocket sessions",
 							children: n ? e.total.toLocaleString() : "—"
-						}), /* @__PURE__ */ k("span", { children: r.kind === "absolute" ? V(r) : H(r) })]
+						}), /* @__PURE__ */ A("span", { children: r.kind === "absolute" ? ke(r) : V(r) })]
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "overview-metric-foot",
-						children: [/* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k("b", { children: n ? (e.total - e.open - e.lost).toLocaleString() : "—" }), " closed"] }), /* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k("b", { children: n ? e.lost.toLocaleString() : "—" }), " lost"] })]
+						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"] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ A("section", {
+			/* @__PURE__ */ j("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ k("h2", { children: "Session duration" }),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ A("h2", { children: "Session duration" }),
+					/* @__PURE__ */ j("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ k("strong", {
+						children: [/* @__PURE__ */ A("strong", {
 							"aria-label": "Median session duration",
-							children: n && e.median !== null ? zt(e.median) : "—"
-						}), /* @__PURE__ */ k("span", { children: "median" })]
+							children: n && e.median !== null ? on(e.median) : "—"
+						}), /* @__PURE__ */ A("span", { children: "median" })]
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "overview-metric-foot",
-						children: [/* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k("b", { children: n && e.p95 !== null ? zt(e.p95) : "—" }), " p95"] }), /* @__PURE__ */ k("span", { children: "Open sessions count up to now" })]
+						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" })]
 					})
 				]
 			}),
-			/* @__PURE__ */ A("section", {
+			/* @__PURE__ */ j("section", {
 				className: "overview-metric",
 				children: [
-					/* @__PURE__ */ k("h2", { children: "Messages" }),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ A("h2", { children: "Messages" }),
+					/* @__PURE__ */ j("div", {
 						className: "overview-value",
-						children: [/* @__PURE__ */ k("strong", {
+						children: [/* @__PURE__ */ A("strong", {
 							"aria-label": "WebSocket messages",
 							children: n ? e.messages.toLocaleString() : "—"
-						}), /* @__PURE__ */ k("span", { children: "received" })]
+						}), /* @__PURE__ */ A("span", { children: "received" })]
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ A("div", {
 						className: "overview-metric-foot",
-						children: /* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k("b", { children: n && e.messagesPerSession !== null ? e.messagesPerSession.toLocaleString(void 0, { maximumFractionDigits: 1 }) : "—" }), " per session"] })
+						children: /* @__PURE__ */ j("span", { children: [/* @__PURE__ */ A("b", { children: n && e.messagesPerSession !== null ? e.messagesPerSession.toLocaleString(void 0, { maximumFractionDigits: 1 }) : "—" }), " per session"] })
 					})
 				]
 			})
 		]
 	});
 }
-function fn({ session: e, now: t, longest: n, selected: r, onSelect: i }) {
-	let a = Lt(e, t), o = a && n ? Math.min(1, a.ms / n) : 0;
-	return /* @__PURE__ */ A("tr", {
+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, {
 		className: "la-clickable-row",
 		"data-state": r ? "selected" : void 0,
 		onClick: (e) => i(e.currentTarget.querySelector("button") ?? e.currentTarget),
 		children: [
-			/* @__PURE__ */ k("td", { children: /* @__PURE__ */ A("span", {
+			/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ j("span", {
 				className: `socket-status socket-status-${e.status}`,
-				children: [/* @__PURE__ */ k("i", {
+				children: [/* @__PURE__ */ A("i", {
 					className: `socket-swatch socket-swatch-${e.status}`,
 					"aria-hidden": "true"
-				}), an(e.status)]
+				}), En(e.status)]
 			}) }),
-			/* @__PURE__ */ k("td", { children: /* @__PURE__ */ k("button", {
+			/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ A("button", {
 				type: "button",
 				className: "socket-connection",
 				title: e.connectionId,
 				"aria-label": `Inspect connection ${e.connectionId}`,
-				children: sn(e.connectionId)
+				children: On(e.connectionId)
 			}) }),
-			/* @__PURE__ */ k("td", {
+			/* @__PURE__ */ A(Y, {
 				title: e.actorName,
 				children: e.actorName
 			}),
-			/* @__PURE__ */ k("td", {
+			/* @__PURE__ */ A(Y, {
 				title: e.actorId,
 				children: e.actorId
 			}),
-			/* @__PURE__ */ k("td", { children: e.openedAtMs === null ? /* @__PURE__ */ k("span", {
+			/* @__PURE__ */ A(Y, { children: e.openedAtMs === null ? /* @__PURE__ */ A("span", {
 				title: "The connect event is not in retained history",
 				children: "—"
-			}) : /* @__PURE__ */ A("time", {
+			}) : /* @__PURE__ */ j("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__ */ k("td", { children: /* @__PURE__ */ A("span", {
+			/* @__PURE__ */ A(Y, { children: /* @__PURE__ */ j("span", {
 				className: "socket-duration",
-				children: [/* @__PURE__ */ k("span", { children: on(e, t) }), /* @__PURE__ */ k("i", {
+				children: [/* @__PURE__ */ A("span", { children: Dn(e, t) }), /* @__PURE__ */ A("i", {
 					className: `socket-duration-bar socket-duration-${e.status}`,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ k("b", { style: { width: `${o * 100}%` } })
+					children: /* @__PURE__ */ A("b", { style: { width: `${o * 100}%` } })
 				})]
 			}) }),
-			/* @__PURE__ */ k("td", { children: e.messages.toLocaleString() }),
-			/* @__PURE__ */ k("td", { children: e.metadata === void 0 ? /* @__PURE__ */ k("span", {
+			/* @__PURE__ */ A(Y, { children: e.messages.toLocaleString() }),
+			/* @__PURE__ */ A(Y, { children: e.metadata === void 0 ? /* @__PURE__ */ A("span", {
 				title: "No metadata was recorded for this connection",
 				children: "—"
-			}) : /* @__PURE__ */ k("code", {
+			}) : /* @__PURE__ */ A("code", {
 				className: "socket-metadata",
 				title: JSON.stringify(e.metadata),
 				children: JSON.stringify(e.metadata)
@@ -2916,46 +3431,46 @@ function fn({ session: e, now: t, longest: n, selected: r, onSelect: i }) {
 		]
 	});
 }
-function pn({ session: e, now: t, onSelectActor: n }) {
+function Pn({ session: e, now: t, onSelectActor: n }) {
 	let r = {
-		Status: e.status === "lost" ? "Lost — no disconnect recorded" : an(e.status),
+		Status: e.status === "lost" ? "Lost — no disconnect recorded" : En(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: on(e, t),
+		Duration: Dn(e, t),
 		Messages: e.messages.toLocaleString(),
 		Failures: e.failures.toLocaleString(),
 		Host: e.hostId ?? "Unknown"
 	};
-	return /* @__PURE__ */ A(O, { children: [
-		/* @__PURE__ */ k("dl", {
+	return /* @__PURE__ */ j(k, { children: [
+		/* @__PURE__ */ A("dl", {
 			className: "la-request-details",
-			children: Object.entries(r).map(([e, t]) => /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", { children: e }), /* @__PURE__ */ k("dd", { children: t })] }, e))
+			children: Object.entries(r).map(([e, t]) => /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("dt", { children: e }), /* @__PURE__ */ A("dd", { children: t })] }, e))
 		}),
-		e.metadata !== void 0 && /* @__PURE__ */ A("details", {
+		e.metadata !== void 0 && /* @__PURE__ */ j("details", {
 			className: "socket-metadata-details",
 			open: !0,
-			children: [/* @__PURE__ */ k("summary", { children: "Metadata" }), /* @__PURE__ */ k("pre", { children: JSON.stringify(e.metadata, null, 2) })]
+			children: [/* @__PURE__ */ A("summary", { children: "Metadata" }), /* @__PURE__ */ A("pre", { children: JSON.stringify(e.metadata, null, 2) })]
 		}),
-		n && /* @__PURE__ */ A(L, {
+		n && /* @__PURE__ */ j(z, {
 			variant: "outline",
 			onClick: () => n(e.actorName),
 			children: ["Open ", e.actorName]
 		})
 	] });
 }
-function mn(e, t, n) {
+function Fn(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 hn(e, n) {
+function In(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) => Ft(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) => tn(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) {
@@ -2967,7 +3482,7 @@ function hn(e, n) {
 		}
 	}, [e]), r;
 }
-function gn(e, t) {
+function Ln(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) {
@@ -2984,16 +3499,16 @@ function gn(e, t) {
 		hint: e
 	})))];
 }
-function _n(e, t, n) {
+function Rn(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 vn = [
+var zn = [
 	{
 		id: "overview",
 		label: "Durable Actors",
-		icon: _
+		icon: v
 	},
 	{
 		id: "actors",
@@ -3011,72 +3526,72 @@ var vn = [
 		icon: l
 	}
 ];
-function yn({ client: e, toggleTheme: t }) {
-	let [n, r] = a("overview"), [i, o] = a(), [l, u] = a(z), d = {
+function Bn({ client: e, toggleTheme: t }) {
+	let [n, r] = a("overview"), [i, o] = a(), [l, u] = a(De), d = {
 		timeRange: l,
 		onTimeRangeChange: u
 	};
 	function f(e) {
 		o(e), r("actors");
 	}
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "console-shell",
 		children: [
-			/* @__PURE__ */ k("a", {
+			/* @__PURE__ */ A("a", {
 				className: "skip-link",
 				href: "#main",
 				children: "Skip to content"
 			}),
-			/* @__PURE__ */ A("aside", {
+			/* @__PURE__ */ j("aside", {
 				className: "console-sidebar",
 				children: [
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "console-brand",
-						children: [/* @__PURE__ */ k(g, { "aria-hidden": "true" }), /* @__PURE__ */ k("strong", { children: "Terse" })]
+						children: [/* @__PURE__ */ A(_, { "aria-hidden": "true" }), /* @__PURE__ */ A("strong", { children: "Terse" })]
 					}),
-					/* @__PURE__ */ k("nav", {
+					/* @__PURE__ */ A("nav", {
 						"aria-label": "Observability",
-						children: vn.map((e) => /* @__PURE__ */ A("button", {
+						children: zn.map((e) => /* @__PURE__ */ j("button", {
 							type: "button",
 							"aria-current": n === e.id ? "page" : void 0,
 							onClick: () => {
 								o(void 0), r(e.id);
 							},
-							children: [/* @__PURE__ */ k(e.icon, { "aria-hidden": "true" }), e.label]
+							children: [/* @__PURE__ */ A(e.icon, { "aria-hidden": "true" }), e.label]
 						}, e.id))
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ j("div", {
 						className: "console-sidebar-foot",
-						children: [/* @__PURE__ */ k(c, { "aria-hidden": "true" }), /* @__PURE__ */ A("span", { children: ["Runtime inspector", /* @__PURE__ */ k("small", { children: "Read-only observability" })] })]
+						children: [/* @__PURE__ */ A(c, { "aria-hidden": "true" }), /* @__PURE__ */ j("span", { children: ["Runtime inspector", /* @__PURE__ */ A("small", { children: "Read-only observability" })] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "console-workspace",
-				children: [/* @__PURE__ */ A("header", {
+				children: [/* @__PURE__ */ j("header", {
 					className: "console-topbar",
-					children: [/* @__PURE__ */ k("button", {
+					children: [/* @__PURE__ */ A("button", {
 						className: "theme-toggle",
 						type: "button",
 						onClick: t,
 						"aria-label": "Toggle color theme",
-						children: /* @__PURE__ */ k(x, { "aria-hidden": "true" })
-					}), /* @__PURE__ */ A("a", {
+						children: /* @__PURE__ */ A(C, { "aria-hidden": "true" })
+					}), /* @__PURE__ */ j("a", {
 						href: "https://github.com/TerseAI/durable-actors#readme",
 						target: "_blank",
 						rel: "noopener noreferrer",
-						children: ["Docs", /* @__PURE__ */ k(s, { "aria-hidden": "true" })]
+						children: ["Docs", /* @__PURE__ */ A(s, { "aria-hidden": "true" })]
 					})]
-				}), /* @__PURE__ */ A("main", {
+				}), /* @__PURE__ */ j("main", {
 					id: "main",
 					tabIndex: -1,
 					children: [
-						n === "overview" && /* @__PURE__ */ k(ht, {
+						n === "overview" && /* @__PURE__ */ A(Gt, {
 							client: e,
 							onSelectActor: f,
 							...d
 						}),
-						n === "actors" && /* @__PURE__ */ k(qe, {
+						n === "actors" && /* @__PURE__ */ A(xt, {
 							client: e,
 							navigation: {
 								actorName: i,
@@ -3084,11 +3599,11 @@ function yn({ client: e, toggleTheme: t }) {
 							},
 							...d
 						}),
-						n === "requests" && /* @__PURE__ */ k(Ie, {
+						n === "requests" && /* @__PURE__ */ A(Qe, {
 							client: e,
 							...d
 						}),
-						n === "websockets" && /* @__PURE__ */ k(un, {
+						n === "websockets" && /* @__PURE__ */ A(jn, {
 							client: e,
 							onSelectActor: f,
 							...d
@@ -3100,37 +3615,64 @@ function yn({ 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");
+	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");
+	return e;
+}
+function Un(e) {
+	if (!$(e) || !Wn(e.stateVersion) || !Wn(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) {
+	return typeof e == "number" && Number.isSafeInteger(e) && e > 0;
+}
+function $(e) {
+	return !!e && typeof e == "object" && !Array.isArray(e);
+}
+//#endregion
 //#region src/client.ts
-var bn = class {
+var Gn = 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));
+	}
+	async listStateHistory(e, t) {
+		return Hn(await this.get(`state/history${Kn(e)}`, t));
+	}
 	async getMetrics(e, t) {
-		return ft(await this.get(`metrics${xn(e)}`, t));
+		return Ht(await this.get(`metrics${Kn(e)}`, t));
 	}
 	async listQueueWaits(e, t) {
-		return Ve(await this.get(`queue-waits${xn(e)}`, t));
+		return ht(await this.get(`queue-waits${Kn(e)}`, t));
 	}
 	async listWebSockets(e, t) {
-		return Pt(await this.get(`websockets${xn(e)}`, t));
+		return en(await this.get(`websockets${Kn(e)}`, t));
 	}
 	async listActors(e) {
 		let t = await this.get("actors", e);
-		if (!Sn(t)) throw Error("Invalid actor inventory response.");
+		if (!qn(t)) throw Error("Invalid actor inventory response.");
 		return t;
 	}
 	async watchActors(e, t) {
-		return this.watch("events", "inventory", Sn, e, t);
+		return this.watch("events", "inventory", qn, e, t);
 	}
 	async watchRequests(e, t, n) {
 		let r = n ? `?${new URLSearchParams({ after: n })}` : "";
-		return this.watch(`requests/events${r}`, "requests", Tn, e, t);
+		return this.watch(`requests/events${r}`, "requests", Xn, e, t);
 	}
 	async listRequests(e, t) {
-		let n = await this.get(`requests${xn(e)}`, t);
-		if (!Tn(n)) throw Error("Invalid request history response");
+		let n = await this.get(`requests${Kn(e)}`, t);
+		if (!Xn(n)) throw Error("Invalid request history response");
 		return n;
 	}
 	async watch(e, t, n, r, i) {
@@ -3141,7 +3683,7 @@ var bn = 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 = ne({ onEvent(e) {
+		let o = a.body.getReader(), s = new TextDecoder(), c = ie({ onEvent(e) {
 			if (i.aborted) return;
 			if (e.event === "error") throw Error("Live inventory is unavailable");
 			if (e.event !== t) return;
@@ -3179,29 +3721,29 @@ var bn = class {
 		return n.json();
 	}
 };
-function xn(e) {
+function Kn(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 Sn(e) {
+function qn(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(Cn));
+	].every((e) => Number.isSafeInteger(e) && e >= 0) && Array.isArray(e.instances) && e.instances.every(Jn));
 }
-function Cn(e) {
+function Jn(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(wn) && (!("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(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"));
 }
-function wn(e) {
+function Yn(e) {
 	return !!e && typeof e == "object" && "id" in e && typeof e.id == "string" && "metadata" in e;
 }
-function Tn(e) {
+function Xn(e) {
 	if (!e || typeof e != "object") return !1;
 	let t = e;
 	return typeof t.epoch == "string" && [
@@ -3209,12 +3751,12 @@ function Tn(e) {
 		t.capacity,
 		t.evicted,
 		t.dropped
-	].every(En) && (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) => Dn(e) && e.sequence <= t.cursor);
+	].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);
 }
-function En(e) {
+function Zn(e) {
 	return Number.isSafeInteger(e) && Number(e) >= 0;
 }
-function Dn(e) {
+function Qn(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) && [
@@ -3224,7 +3766,7 @@ function Dn(e) {
 		t.actorName,
 		t.actorId,
 		t.operation
-	].every((e) => typeof e == "string") && (t.eventId === void 0 || typeof t.eventId == "string" && t.eventId.length > 0) && En(t.sequence) && En(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) && Zn(t.sequence) && Zn(t.startedAtMs) && t.startedAtMs <= 864e13 && ["method", "websocket"].includes(t.kind) && [
 		"completed",
 		"failed",
 		"rejected",
@@ -3233,4 +3775,4 @@ function Dn(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 { qe as ActorObserver, U as Badge, L as Button, ae as Calendar, oe as CalendarDayButton, wt as Command, Dt as CommandEmpty, Ot as CommandGroup, Tt as CommandInput, At as CommandItem, Et as CommandList, kt as CommandSeparator, jt as CommandShortcut, yn as ConsoleApp, Mt as FilterCombobox, bn as HttpObserverClient, R as Input, ht as Overview, se as Popover, ue as PopoverAnchor, le as PopoverContent, pe as PopoverDescription, de as PopoverHeader, fe as PopoverTitle, ce as PopoverTrigger, Ie as RequestObserver, Te as Sheet, Oe as SheetContent, De as SheetDescription, Ee as SheetTitle, Jt as SocketTimeline, W as Table, K as TableBody, Ae as TableCaption, Y as TableCell, ke as TableFooter, J as TableHead, G as TableHeader, q as TableRow, _e as TimeRangePicker, un as WebSocketObserver, we as badgeVariants, ie as buttonVariants, z as defaultTimeRange, V as rangeLabel, B as resolveRange };
+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 };