durable-actors-observer 0.1.0 → 0.4.2

package/dist/index.js

@@ -1,23 +1,24 @@
 import * as e from "react";
 import { useEffect as t, useId as n, useMemo as r, useRef as i, useState as a } from "react";
-import { Box as o, Calendar as s, ChevronDown as c, ChevronDownIcon as l, ChevronLeftIcon as u, ChevronRightIcon as d, CircleHelp as f, Pause as p, Play as m, RefreshCw as h, Search as g, Unplug as _, X as v } from "lucide-react";
-import { Slot as y } from "@radix-ui/react-slot";
-import { cva as b } from "class-variance-authority";
-import { clsx as x } from "clsx";
-import { extendTailwindMerge as S } from "tailwind-merge";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { DayPicker as E, getDefaultClassNames as D } from "react-day-picker";
-import * as O from "@radix-ui/react-popover";
-import * as k from "@radix-ui/react-dialog";
-import { createParser as A } 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, 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";
 //#region src/lib/utils.ts
-var j = S({ prefix: "la" });
-function M(...e) {
-	return j(x(e));
+var re = D({ prefix: "la" });
+function I(...e) {
+	return re(E(e));
 }
 //#endregion
 //#region src/components/ui/button.tsx
-var N = b("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 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", {
 	variants: {
 		variant: {
 			default: "la:bg-primary la:text-primary-foreground la:shadow-[var(--shadow-control)] la:hover:bg-primary/88",
@@ -41,10 +42,10 @@ var N = b("la:inline-flex la:shrink-0 la:items-center la:justify-center la:gap-2
 		size: "default"
 	}
 });
-function P({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
-	return /* @__PURE__ */ w(r ? y : "button", {
+function L({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
+	return /* @__PURE__ */ k(r ? w : "button", {
 		"data-slot": "button",
-		className: M(N({
+		className: I(ie({
 			variant: t,
 			size: n,
 			className: e
@@ -54,59 +55,59 @@ function P({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
 }
 //#endregion
 //#region src/components/ui/calendar.tsx
-function ee({ className: e, classNames: t, showOutsideDays: n = !0, captionLayout: r = "label", buttonVariant: i = "ghost", formatters: a, components: o, ...s }) {
-	let c = D();
-	return /* @__PURE__ */ w(E, {
+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, {
 		showOutsideDays: n,
-		className: M("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: 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),
 		captionLayout: r,
 		formatters: {
 			formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
 			...a
 		},
 		classNames: {
-			root: M("la:w-fit", c.root),
-			months: M("la:relative la:flex la:flex-col la:gap-4 la:md:flex-row", c.months),
-			month: M("la:flex la:w-full la:flex-col la:gap-4", c.month),
-			nav: M("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: M(N({ variant: i }), "la:size-(--cell-size) la:p-0 la:select-none la:aria-disabled:opacity-50", c.button_previous),
-			button_next: M(N({ variant: i }), "la:size-(--cell-size) la:p-0 la:select-none la:aria-disabled:opacity-50", c.button_next),
-			month_caption: M("la:flex la:h-(--cell-size) la:w-full la:items-center la:justify-center la:px-(--cell-size)", c.month_caption),
-			dropdowns: M("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: M("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: M("la:absolute la:inset-0 la:bg-popover la:opacity-0", c.dropdown),
-			caption_label: M("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: M("la:w-full la:border-collapse", c.month_grid),
-			weekdays: M("la:flex", c.weekdays),
-			weekday: M("la:flex-1 la:rounded-md la:text-[0.8rem] la:font-normal la:text-muted-foreground la:select-none", c.weekday),
-			week: M("la:mt-2 la:flex la:w-full", c.week),
-			week_number_header: M("la:w-(--cell-size) la:select-none", c.week_number_header),
-			week_number: M("la:text-[0.8rem] la:text-muted-foreground la:select-none", c.week_number),
-			day: M("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: M("la:rounded-l-md la:bg-accent", c.range_start),
-			range_middle: M("la:rounded-none", c.range_middle),
-			range_end: M("la:rounded-r-md la:bg-accent", c.range_end),
-			today: M("la:rounded-md la:bg-accent la:text-accent-foreground la:data-[selected=true]:rounded-none", c.today),
-			outside: M("la:text-muted-foreground la:aria-selected:text-muted-foreground", c.outside),
-			disabled: M("la:text-muted-foreground la:opacity-50", c.disabled),
-			hidden: M("la:invisible", c.hidden),
+			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),
 			...t
 		},
 		components: {
-			Root: ({ className: e, rootRef: t, ...n }) => /* @__PURE__ */ w("div", {
+			Root: ({ className: e, rootRef: t, ...n }) => /* @__PURE__ */ k("div", {
 				"data-slot": "calendar",
 				ref: t,
-				className: M(e),
+				className: I(e),
 				...n
 			}),
-			Chevron: ({ className: e, orientation: t, ...n }) => w(t === "left" ? u : t === "right" ? d : l, {
-				className: M("la:size-4", e),
+			Chevron: ({ className: e, orientation: t, ...n }) => k(t === "left" ? p : t === "right" ? m : f, {
+				className: I("la:size-4", e),
 				...n
 			}),
-			DayButton: te,
-			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ w("td", {
+			DayButton: oe,
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ k("td", {
 				...t,
-				children: /* @__PURE__ */ w("div", {
+				children: /* @__PURE__ */ k("div", {
 					className: "la:flex la:size-(--cell-size) la:items-center la:justify-center la:text-center",
 					children: e
 				})
@@ -116,11 +117,11 @@ function ee({ className: e, classNames: t, showOutsideDays: n = !0, captionLayou
 		...s
 	});
 }
-function te({ className: t, day: n, modifiers: r, ...i }) {
-	let a = D(), o = e.useRef(null);
+function oe({ className: t, day: n, modifiers: r, ...i }) {
+	let a = M(), o = e.useRef(null);
 	return e.useEffect(() => {
 		r.focused && o.current?.focus();
-	}, [r.focused]), /* @__PURE__ */ w(P, {
+	}, [r.focused]), /* @__PURE__ */ k(L, {
 		ref: o,
 		variant: "ghost",
 		size: "icon",
@@ -129,46 +130,73 @@ function te({ 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: M("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: 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),
 		...i
 	});
 }
 //#endregion
 //#region src/components/ui/input.tsx
-function F({ className: e, type: t, ...n }) {
-	return /* @__PURE__ */ w("input", {
+function R({ className: e, type: t, ...n }) {
+	return /* @__PURE__ */ k("input", {
 		type: t,
 		"data-slot": "input",
-		className: M("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: 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),
 		...n
 	});
 }
 //#endregion
 //#region src/components/ui/popover.tsx
-function ne({ ...e }) {
-	return /* @__PURE__ */ w(O.Root, {
+function se({ ...e }) {
+	return /* @__PURE__ */ k(N.Root, {
 		"data-slot": "popover",
 		...e
 	});
 }
-function re({ ...e }) {
-	return /* @__PURE__ */ w(O.Trigger, {
+function ce({ ...e }) {
+	return /* @__PURE__ */ k(N.Trigger, {
 		"data-slot": "popover-trigger",
 		...e
 	});
 }
-function ie({ className: e, align: t = "center", sideOffset: n = 4, ...r }) {
-	return /* @__PURE__ */ w(O.Portal, { children: /* @__PURE__ */ w(O.Content, {
+function le({ className: e, align: t = "center", sideOffset: n = 4, ...r }) {
+	return /* @__PURE__ */ k(N.Portal, { children: /* @__PURE__ */ k(N.Content, {
 		"data-slot": "popover-content",
 		align: t,
 		sideOffset: n,
-		className: M("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: 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),
 		...r
 	}) });
 }
+function ue({ ...e }) {
+	return /* @__PURE__ */ k(N.Anchor, {
+		"data-slot": "popover-anchor",
+		...e
+	});
+}
+function de({ className: e, ...t }) {
+	return /* @__PURE__ */ k("div", {
+		"data-slot": "popover-header",
+		className: I("la:flex la:flex-col la:gap-1 la:text-sm", e),
+		...t
+	});
+}
+function fe({ className: e, ...t }) {
+	return /* @__PURE__ */ k("div", {
+		"data-slot": "popover-title",
+		className: I("la:font-medium", e),
+		...t
+	});
+}
+function pe({ className: e, ...t }) {
+	return /* @__PURE__ */ k("p", {
+		"data-slot": "popover-description",
+		className: I("la:text-muted-foreground", e),
+		...t
+	});
+}
 //#endregion
 //#region src/time-range.ts
-var ae = [
+var me = [
 	{
 		minutes: 5,
 		label: "Last 5 minutes"
@@ -193,11 +221,11 @@ var ae = [
 		minutes: 10080,
 		label: "Last 7 days"
 	}
-], I = {
+], z = {
 	kind: "relative",
 	minutes: 60
 };
-function L(e, t) {
+function B(e, t) {
 	switch (e.kind) {
 		case "relative": return { fromMs: Math.floor((t - e.minutes * 6e4) / 6e4) * 6e4 };
 		case "absolute": return {
@@ -207,24 +235,24 @@ function L(e, t) {
 		case "all": return {};
 	}
 }
-function R(e) {
+function V(e) {
 	switch (e.kind) {
-		case "relative": return ae.find((t) => t.minutes === e.minutes)?.label ?? `Last ${e.minutes} minutes`;
-		case "absolute": return `${se(e.fromMs, e.toMs)} – ${se(e.toMs, e.fromMs)}`;
+		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 "all": return "All retained";
 	}
 }
-function z(e) {
+function H(e) {
 	switch (e.kind) {
-		case "relative": return `in the ${R(e).toLocaleLowerCase()}`;
-		case "absolute": return `between ${R(e)}`;
+		case "relative": return `in the ${V(e).toLocaleLowerCase()}`;
+		case "absolute": return `between ${V(e)}`;
 		case "all": return "in retained history";
 	}
 }
-function oe(e, t) {
+function he(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 se(e, t) {
+function ge(e, t) {
 	let n = new Date(e), r = n.toDateString() === new Date(t).toDateString(), i = n.toLocaleTimeString([], {
 		hour: "2-digit",
 		minute: "2-digit",
@@ -237,45 +265,45 @@ function se(e, t) {
 }
 //#endregion
 //#region src/TimeRangePicker.tsx
-function B({ value: e, onChange: t, allowAll: n = !0, className: r, align: i = "end" }) {
-	let [o, l] = a(!1), [u, d] = a(() => le(e)), [f, p] = a(!1), m = (e) => {
-		t(e), l(!1);
+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) => {
+		t(e), s(!1);
 	};
-	return /* @__PURE__ */ T(ne, {
+	return /* @__PURE__ */ A(se, {
 		open: o,
 		onOpenChange: (t) => {
-			t && (d(le(e)), p(!1)), l(t);
+			t && (l(ye(e)), p(!1)), s(t);
 		},
-		children: [/* @__PURE__ */ w(re, {
+		children: [/* @__PURE__ */ k(ce, {
 			asChild: !0,
-			children: /* @__PURE__ */ T(P, {
+			children: /* @__PURE__ */ A(L, {
 				type: "button",
 				variant: "outline",
 				className: r,
-				"aria-label": `Time range: ${R(e)}`,
+				"aria-label": `Time range: ${V(e)}`,
 				children: [
-					/* @__PURE__ */ w(s, { "aria-hidden": "true" }),
-					/* @__PURE__ */ w("span", {
+					/* @__PURE__ */ k(u, { "aria-hidden": "true" }),
+					/* @__PURE__ */ k("span", {
 						className: "la:truncate la:tabular-nums",
-						children: R(e)
+						children: V(e)
 					}),
-					/* @__PURE__ */ w(c, {
+					/* @__PURE__ */ k(d, {
 						"aria-hidden": "true",
 						className: "la:text-muted-foreground"
 					})
 				]
 			})
-		}), /* @__PURE__ */ T(ie, {
+		}), /* @__PURE__ */ A(le, {
 			align: i,
 			"aria-label": "Time range",
 			className: "la:flex la:w-auto la:p-0 la:text-sm",
-			children: [/* @__PURE__ */ T("div", {
+			children: [/* @__PURE__ */ A("div", {
 				className: "la:flex la:flex-col la:gap-0.5 la:border-r la:p-2",
 				role: "group",
 				"aria-label": "Preset ranges",
-				children: [ae.map((t) => /* @__PURE__ */ w(ce, {
+				children: [me.map((t) => /* @__PURE__ */ k(ve, {
 					label: t.label,
-					selected: oe(e, {
+					selected: he(e, {
 						kind: "relative",
 						minutes: t.minutes
 					}),
@@ -283,17 +311,17 @@ function B({ value: e, onChange: t, allowAll: n = !0, className: r, align: i = "
 						kind: "relative",
 						minutes: t.minutes
 					})
-				}, t.minutes)), n && /* @__PURE__ */ w(ce, {
+				}, t.minutes)), n && /* @__PURE__ */ k(ve, {
 					label: "All retained",
 					selected: e.kind === "all",
 					onSelect: () => m({ kind: "all" })
 				})]
-			}), /* @__PURE__ */ T("form", {
+			}), /* @__PURE__ */ A("form", {
 				className: "la:flex la:w-[22rem] la:flex-col",
 				"aria-label": "Custom range",
 				onSubmit: (e) => {
 					e.preventDefault();
-					let t = ue(u);
+					let t = be(c);
 					if (!t) {
 						p(!0);
 						return;
@@ -301,61 +329,61 @@ function B({ value: e, onChange: t, allowAll: n = !0, className: r, align: i = "
 					p(!1), m(t);
 				},
 				children: [
-					/* @__PURE__ */ w(ee, {
+					/* @__PURE__ */ k(ae, {
 						mode: "range",
 						numberOfMonths: 1,
-						defaultMonth: u.dates?.to ?? u.dates?.from,
-						selected: u.dates,
-						onSelect: (e) => d((t) => ({
+						defaultMonth: c.dates?.to ?? c.dates?.from,
+						selected: c.dates,
+						onSelect: (e) => l((t) => ({
 							...t,
 							dates: e
 						})),
 						disabled: { after: /* @__PURE__ */ new Date() }
 					}),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ A("div", {
 						className: "la:flex la:items-end la:gap-2 la:border-t la:px-3 la:py-3",
 						children: [
-							/* @__PURE__ */ T("label", {
+							/* @__PURE__ */ A("label", {
 								className: "la:grid la:gap-1 la:text-xs la:text-muted-foreground",
-								children: ["From", /* @__PURE__ */ w(F, {
+								children: ["From", /* @__PURE__ */ k(R, {
 									type: "time",
 									name: "from",
 									required: !0,
 									className: "la:h-8 la:w-24 la:tabular-nums",
-									value: u.fromTime,
-									onChange: (e) => d({
-										...u,
+									value: c.fromTime,
+									onChange: (e) => l({
+										...c,
 										fromTime: e.target.value
 									}),
 									"aria-invalid": f || void 0
 								})]
 							}),
-							/* @__PURE__ */ T("label", {
+							/* @__PURE__ */ A("label", {
 								className: "la:grid la:gap-1 la:text-xs la:text-muted-foreground",
-								children: ["To", /* @__PURE__ */ w(F, {
+								children: ["To", /* @__PURE__ */ k(R, {
 									type: "time",
 									name: "to",
 									required: !0,
 									className: "la:h-8 la:w-24 la:tabular-nums",
-									value: u.toTime,
-									onChange: (e) => d({
-										...u,
+									value: c.toTime,
+									onChange: (e) => l({
+										...c,
 										toTime: e.target.value
 									}),
 									"aria-invalid": f || void 0
 								})]
 							}),
-							/* @__PURE__ */ w(P, {
+							/* @__PURE__ */ k(L, {
 								type: "submit",
 								variant: "outline",
 								size: "sm",
 								className: "la:ml-auto",
-								disabled: !u.dates?.from,
+								disabled: !c.dates?.from,
 								children: "Apply range"
 							})
 						]
 					}),
-					f && /* @__PURE__ */ w("p", {
+					f && /* @__PURE__ */ k("p", {
 						className: "la:px-3 la:pb-3 la:text-xs la:text-danger",
 						role: "alert",
 						children: "From must be before To."
@@ -365,8 +393,8 @@ function B({ value: e, onChange: t, allowAll: n = !0, className: r, align: i = "
 		})]
 	});
 }
-function ce({ label: e, selected: t, onSelect: n }) {
-	return /* @__PURE__ */ w(P, {
+function ve({ label: e, selected: t, onSelect: n }) {
+	return /* @__PURE__ */ k(L, {
 		type: "button",
 		variant: t ? "secondary" : "ghost",
 		size: "sm",
@@ -376,71 +404,71 @@ function ce({ label: e, selected: t, onSelect: n }) {
 		children: e
 	});
 }
-function le(e) {
-	let t = Date.now(), n = L(e, t), r = new Date(n.fromMs ?? t - 36e5), i = new Date(n.toMs ?? t);
+function ye(e) {
+	let t = Date.now(), n = B(e, t), r = new Date(n.fromMs ?? t - 36e5), i = new Date(n.toMs ?? t);
 	return {
 		dates: {
-			from: de(r),
-			to: de(i)
+			from: xe(r),
+			to: xe(i)
 		},
-		fromTime: fe(r),
-		toTime: fe(i)
+		fromTime: Se(r),
+		toTime: Se(i)
 	};
 }
-function ue(e) {
+function be(e) {
 	let t = e.dates?.from, n = e.dates?.to ?? t;
 	if (!t || !n) return null;
-	let r = pe(t, e.fromTime), i = pe(n, e.toTime);
+	let r = Ce(t, e.fromTime), i = Ce(n, e.toTime);
 	return Number.isFinite(r) && Number.isFinite(i) && r < i ? {
 		kind: "absolute",
 		fromMs: r,
 		toMs: i
 	} : null;
 }
-function de(e) {
+function xe(e) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function fe(e) {
+function Se(e) {
 	return `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
 }
-function pe(e, t) {
+function Ce(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 me = b("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 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", {
 	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 V({ className: e, variant: t, ...n }) {
-	return /* @__PURE__ */ w("span", {
+function U({ className: e, variant: t, ...n }) {
+	return /* @__PURE__ */ k("span", {
 		"data-slot": "badge",
-		className: M(me({ variant: t }), e),
+		className: I(we({ variant: t }), e),
 		...n
 	});
 }
 //#endregion
 //#region src/components/ui/sheet.tsx
-var he = k.Root, ge = k.Title, _e = k.Description;
-function ve({ className: e, children: t, container: n, ...r }) {
-	return /* @__PURE__ */ T(k.Portal, {
+var Te = P.Root, Ee = P.Title, De = P.Description;
+function Oe({ className: e, children: t, container: n, ...r }) {
+	return /* @__PURE__ */ A(P.Portal, {
 		container: n,
-		children: [/* @__PURE__ */ w(k.Overlay, { className: "la-sheet-overlay" }), /* @__PURE__ */ T(k.Content, {
+		children: [/* @__PURE__ */ k(P.Overlay, { className: "la-sheet-overlay" }), /* @__PURE__ */ A(P.Content, {
 			"data-slot": "sheet-content",
-			className: M("la-observer la-sheet", e),
+			className: I("la-observer la-sheet", e),
 			...r,
-			children: [t, /* @__PURE__ */ w(k.Close, {
+			children: [t, /* @__PURE__ */ k(P.Close, {
 				asChild: !0,
-				children: /* @__PURE__ */ w(P, {
+				children: /* @__PURE__ */ k(L, {
 					className: "la-sheet-close",
 					variant: "ghost",
 					size: "icon",
 					"aria-label": "Close",
-					children: /* @__PURE__ */ w(v, { "aria-hidden": "true" })
+					children: /* @__PURE__ */ k(C, { "aria-hidden": "true" })
 				})
 			})]
 		})]
@@ -448,55 +476,69 @@ function ve({ className: e, children: t, container: n, ...r }) {
 }
 //#endregion
 //#region src/components/ui/table.tsx
-function H({ className: e, ...t }) {
-	return /* @__PURE__ */ w("div", {
+function W({ className: e, ...t }) {
+	return /* @__PURE__ */ k("div", {
 		"data-slot": "table-container",
 		className: "la:relative la:w-full la:overflow-x-auto",
-		children: /* @__PURE__ */ w("table", {
+		children: /* @__PURE__ */ k("table", {
 			"data-slot": "table",
-			className: M("la:w-full la:caption-bottom la:text-sm la:tabular-nums", e),
+			className: I("la:w-full la:caption-bottom la:text-sm la:tabular-nums", e),
 			...t
 		})
 	});
 }
-function U({ className: e, ...t }) {
-	return /* @__PURE__ */ w("thead", {
+function G({ className: e, ...t }) {
+	return /* @__PURE__ */ k("thead", {
 		"data-slot": "table-header",
-		className: M("la:[&_tr]:border-b", e),
+		className: I("la:[&_tr]:border-b", e),
 		...t
 	});
 }
-function W({ className: e, ...t }) {
-	return /* @__PURE__ */ w("tbody", {
+function K({ className: e, ...t }) {
+	return /* @__PURE__ */ k("tbody", {
 		"data-slot": "table-body",
-		className: M("la:[&_tr:last-child]:border-0", e),
+		className: I("la:[&_tr:last-child]:border-0", e),
 		...t
 	});
 }
-function G({ className: e, ...t }) {
-	return /* @__PURE__ */ w("tr", {
+function ke({ className: e, ...t }) {
+	return /* @__PURE__ */ k("tfoot", {
+		"data-slot": "table-footer",
+		className: I("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", {
 		"data-slot": "table-row",
-		className: M("la:border-b la:transition-colors la:duration-150 la:hover:bg-muted/60 la:data-[state=selected]:bg-muted", e),
+		className: I("la:border-b la:transition-colors la:duration-150 la:hover:bg-muted/60 la:data-[state=selected]:bg-muted", e),
 		...t
 	});
 }
-function K({ className: e, ...t }) {
-	return /* @__PURE__ */ w("th", {
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ k("th", {
 		"data-slot": "table-head",
-		className: M("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: 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),
 		...t
 	});
 }
-function q({ className: e, ...t }) {
-	return /* @__PURE__ */ w("td", {
+function Y({ className: e, ...t }) {
+	return /* @__PURE__ */ k("td", {
 		"data-slot": "table-cell",
-		className: M("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: 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),
+		...t
+	});
+}
+function Ae({ className: e, ...t }) {
+	return /* @__PURE__ */ k("caption", {
+		"data-slot": "table-caption",
+		className: I("la:text-muted-foreground la:mt-4 la:text-sm", e),
 		...t
 	});
 }
 //#endregion
 //#region src/observer-hooks.ts
-function ye(e) {
+function je(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;
@@ -529,7 +571,7 @@ function ye(e) {
 		retry: () => r((e) => e + 1)
 	};
 }
-function be(e, n = !0) {
+function Me(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;
@@ -538,7 +580,7 @@ function be(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) => xe(t, e)), s(!1), o = 1e3);
+					r.signal.aborted || (t = e.resumeCursor, i((t) => Ne(t, e)), s(!1), o = 1e3);
 				}, r.signal, t), !r.signal.aborted) throw Error("Request stream disconnected");
 			} catch {
 				r.signal.aborted || s(!0);
@@ -559,7 +601,7 @@ function be(e, n = !0) {
 		retry: () => l((e) => e + 1)
 	};
 }
-function xe(e, t) {
+function Ne(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 {
@@ -568,269 +610,50 @@ function xe(e, t) {
 		records: [...n.values()].sort((e, t) => t.sequence - e.sequence).slice(0, t.capacity)
 	};
 }
-function Se(e, n, r, o = 1e4) {
-	let s = n && e.query ? JSON.stringify(n) : void 0, c = i(r);
-	c.current = r;
-	let [l, u] = a(0), [d, f] = a(), [p, m] = a(!1), [h, g] = a(!1);
+function Pe(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 (!s) return;
+		if (!o) return;
 		let t = new AbortController(), n;
-		return m(!1), g(!0), r(), () => {
+		return f(!1), m(!0), a(), () => {
 			t.abort(), clearTimeout(n);
 		};
-		async function r() {
+		async function a() {
 			try {
-				let n = c.current(await e.query(JSON.parse(s), t.signal));
+				let n = await r.call(e, JSON.parse(o), t.signal);
 				if (t.signal.aborted) return;
-				f({
-					client: e.query,
-					key: s,
+				u({
+					client: e,
+					key: o,
 					value: n,
 					updatedAt: Date.now()
-				}), m(!1);
+				}), f(!1);
 			} catch {
-				t.signal.aborted || m(!0);
+				t.signal.aborted || f(!0);
 			} finally {
-				t.signal.aborted || (g(!1), n = setTimeout(r, o));
+				t.signal.aborted || (m(!1), n = setTimeout(a, i));
 			}
 		}
 	}, [
 		e,
+		r,
+		o,
 		s,
-		l,
-		o
+		i
 	]);
-	let _ = d && d.client === e.query && d.key === s ? d : void 0;
-	return {
-		supported: !!e.query,
-		value: _?.value,
-		updatedAt: _?.updatedAt,
-		loading: h,
-		failed: p,
-		retry: () => u((e) => e + 1)
-	};
-}
-//#endregion
-//#region src/client.ts
-var Ce = class {
-	baseUrl;
-	request;
-	constructor(e = "/api/observe", t = globalThis.fetch.bind(globalThis)) {
-		this.baseUrl = e, this.request = t;
-	}
-	async listActors(e) {
-		let t = await this.get("actors", e);
-		if (!we(t)) throw Error("Invalid actor inventory response.");
-		return t;
-	}
-	async watchActors(e, t) {
-		return this.watch("events", "inventory", we, e, t);
-	}
-	async watchRequests(e, t, n) {
-		let r = n ? `?${new URLSearchParams({ after: n })}` : "";
-		return this.watch(`requests/events${r}`, "requests", De, e, t);
-	}
-	async query(e, t) {
-		let n = await this.request(`${this.baseUrl.replace(/\/$/u, "")}/query`, {
-			method: "POST",
-			credentials: "same-origin",
-			redirect: "error",
-			signal: t,
-			headers: {
-				"content-type": "application/json",
-				accept: "application/json"
-			},
-			body: JSON.stringify(e)
-		});
-		if (!n.ok) throw Error(`Observability query failed (HTTP ${n.status}).`);
-		let r = await n.json();
-		if (!r || typeof r != "object" || !("rows" in r) || !Array.isArray(r.rows) || r.rows.length > 500 || !("truncated" in r) || typeof r.truncated != "boolean" || !r.rows.every((e) => e && typeof e == "object" && !Array.isArray(e) && Object.values(e).every((e) => e === null || [
-			"string",
-			"boolean",
-			"number"
-		].includes(typeof e)))) throw Error("Invalid SQL query response");
-		return r;
-	}
-	async watch(e, t, n, r, i) {
-		let a = await this.request(`${this.baseUrl.replace(/\/$/u, "")}/${e}`, {
-			signal: i,
-			credentials: "same-origin",
-			redirect: "error",
-			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 = A({ onEvent(e) {
-			if (i.aborted) return;
-			if (e.event === "error") throw Error("Live inventory is unavailable");
-			if (e.event !== t) return;
-			let a = JSON.parse(e.data);
-			if (!n(a)) throw Error("Invalid observer response");
-			r(a);
-		} }), l = () => {
-			o.cancel().catch(() => {});
-		};
-		i.addEventListener("abort", l, { once: !0 });
-		try {
-			for (; !i.aborted;) {
-				let { value: e, done: t } = await o.read();
-				if (t) break;
-				c.feed(s.decode(e, { stream: !0 }));
-			}
-			if (!i.aborted) throw Error("Live inventory disconnected");
-		} finally {
-			i.removeEventListener("abort", l), await o.cancel().catch(() => {}), o.releaseLock();
-		}
-	}
-	async checkConnection(e) {
-		let t = await this.get("connection", e);
-		if (!t || typeof t != "object" || !("connected" in t) || t.connected !== !0) throw Error("Invalid connection response.");
-	}
-	async get(e, t) {
-		let n = await this.request(`${this.baseUrl.replace(/\/$/u, "")}/${e}`, {
-			method: "GET",
-			credentials: "same-origin",
-			redirect: "error",
-			signal: t,
-			headers: { accept: "application/json" }
-		});
-		if (!n.ok) throw Error(`Connection check failed (HTTP ${n.status}).`);
-		return n.json();
-	}
-};
-function we(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(Te));
-}
-function Te(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(Ee) && (!("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 Ee(e) {
-	return !!e && typeof e == "object" && "id" in e && typeof e.id == "string" && "metadata" in e;
-}
-function De(e) {
-	if (!e || typeof e != "object") return !1;
-	let t = e;
-	return typeof t.epoch == "string" && [
-		t.cursor,
-		t.capacity,
-		t.evicted,
-		t.dropped
-	].every(J) && (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) => Oe(e) && e.sequence <= t.cursor);
-}
-function J(e) {
-	return Number.isSafeInteger(e) && Number(e) >= 0;
-}
-function Oe(e) {
-	if (!e || typeof e != "object") return !1;
-	let t = e;
-	return [
-		t.requestId,
-		t.hostId,
-		t.sessionId,
-		t.actorName,
-		t.actorId,
-		t.operation
-	].every((e) => typeof e == "string") && (t.eventId === void 0 || typeof t.eventId == "string" && t.eventId.length > 0) && J(t.sequence) && J(t.startedAtMs) && t.startedAtMs <= 864e13 && ["method", "websocket"].includes(t.kind) && [
-		"completed",
-		"failed",
-		"rejected",
-		"rerouted",
-		"interrupted"
-	].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
-//#region src/request-sql.ts
-var Y = 100;
-function ke(e, t) {
-	let n = [], r = [];
-	for (let [t, i, a] of [
-		[
-			"started_at_ms",
-			">=",
-			e.fromMs
-		],
-		[
-			"started_at_ms",
-			"<=",
-			e.toMs
-		],
-		[
-			"actor_name",
-			"=",
-			e.actorName
-		],
-		[
-			"actor_id",
-			"=",
-			e.actorId
-		],
-		[
-			"outcome",
-			"=",
-			e.outcome
-		]
-	]) a !== void 0 && (n.push(`${t} ${i} ?`), r.push(a));
-	if (t) {
-		let e = JSON.parse(t);
-		n.push("sequence <= ?", "(started_at_ms, sequence) < (?, ?)"), r.push(e.watermark, e.time, e.sequence);
-	}
-	return {
-		sql: `SELECT h.generation, h.watermark, h.pruned, h.total, r.sequence, r.event
-FROM request_history h LEFT JOIN (
-    SELECT sequence, event, started_at_ms FROM request_events
-    ${n.length ? `WHERE ${n.join(" AND ")}` : ""}
-    ORDER BY started_at_ms DESC, sequence DESC LIMIT 101
-) r ON 1 = 1
-ORDER BY r.started_at_ms DESC, r.sequence DESC`,
-		params: r
-	};
-}
-function Ae(e, t) {
-	if (e.truncated) throw Error("History query exceeded the server result limit");
-	let n = e.rows[0];
-	if (!n || typeof n.generation != "string" || ![
-		n.watermark,
-		n.pruned,
-		n.total
-	].every((e) => Number.isSafeInteger(e) && Number(e) >= 0)) throw Error("Invalid history metadata");
-	let r = t ? JSON.parse(t) : void 0, i = e.rows.filter((e) => e.sequence !== null).map((e) => {
-		if (typeof e.event != "string") throw Error("Invalid saved event");
-		let t = {
-			...JSON.parse(e.event),
-			sequence: e.sequence
-		};
-		if (!Oe(t)) throw Error("Invalid saved event");
-		return t;
-	}), a = i.length > Y;
-	i.length = Math.min(i.length, Y);
-	let o = i.at(-1), s = r?.watermark ?? Number(n.watermark);
+	let h = l && l.client === e && l.key === o ? l : void 0;
 	return {
-		epoch: n.generation,
-		cursor: Number(n.watermark),
-		capacity: Y,
-		dropped: 0,
-		evicted: 0,
-		records: i,
-		reset: !!r && (r.generation !== n.generation || r.pruned < Number(n.pruned)),
-		nextCursor: a && o ? JSON.stringify({
-			watermark: s,
-			sequence: o.sequence,
-			time: o.startedAtMs,
-			generation: n.generation,
-			pruned: Number(n.pruned)
-		}) : null
+		supported: !!r,
+		value: h?.value,
+		updatedAt: h?.updatedAt,
+		loading: p,
+		failed: d,
+		retry: () => c((e) => e + 1)
 	};
 }
 //#endregion
 //#region src/request-history.ts
-function je(e, n) {
+function Fe(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;
@@ -840,11 +663,14 @@ function je(e, n) {
 		};
 		async function i(i) {
 			try {
-				if (!e.query) throw Error("History is unavailable");
-				let r = Ae(await e.query(ke(n, i), t.signal), i);
+				if (!e.listRequests) throw Error("History is unavailable");
+				let r = await e.listRequests({
+					...n,
+					cursor: i
+				}, t.signal);
 				if (t.signal.aborted) return;
 				o((e) => {
-					if (!i || !e || e.epoch !== r.epoch) return r;
+					if (!i || !e || r.reset || e.epoch !== r.epoch) return r;
 					let t = new Map(e.records.map((e) => [e.eventId ?? e.sequence, e]));
 					for (let e of r.records) t.set(e.eventId ?? e.sequence, e);
 					return {
@@ -870,164 +696,164 @@ function je(e, n) {
 }
 //#endregion
 //#region src/RequestObserver.tsx
-function Me({ client: e, actor: n, timeRange: o, onTimeRangeChange: s }) {
-	let [c, l] = a(), [u, d] = a(I), f = o ?? u, g = s ?? d, _ = je(e, r(() => c ? {
+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,
 		...n,
-		...L(f, Date.now())
+		...B(f, Date.now())
 	} : void 0, [
 		c,
 		n?.actorName,
 		n?.actorId,
 		f
-	])), { page: v, failed: y, retry: b } = be(e), [x, S] = a(), [E, D] = a(), O = i(null), k = i(null), A = n ? "h3" : "h1", j = c ? _.page : x ?? v, M = v ?? _.page, N = (j?.records ?? []).filter((e) => !n || e.actorName === n.actorName && e.actorId === n.actorId);
+	])), { 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);
 	return t(() => {
-		S(void 0), l(void 0);
+		b(void 0), l(void 0);
 	}, [
 		e,
 		n?.actorName,
 		n?.actorId
-	]), t(() => D(void 0), [
+	]), t(() => S(void 0), [
 		e,
-		v?.epoch,
+		h?.epoch,
 		c,
 		n?.actorName,
 		n?.actorId
-	]), /* @__PURE__ */ T("section", {
-		ref: O,
+	]), /* @__PURE__ */ A("section", {
+		ref: C,
 		className: "la-observer la-requests",
 		"aria-label": "Request observer",
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ A("div", {
 				className: "la-observer-toolbar",
-				children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(A, { children: "Requests" }), /* @__PURE__ */ w("p", { children: n ? "Method calls and WebSocket events for this instance." : "Method calls and WebSocket events, with time spent waiting and processing." })] }), /* @__PURE__ */ T("div", {
+				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", {
 					className: "la-request-actions",
-					children: [e.query && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(P, {
+					children: [e.listRequests && /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(L, {
 						variant: c ? "outline" : "secondary",
 						"aria-pressed": !c,
 						onClick: () => {
-							l(void 0), S(void 0);
+							l(void 0), b(void 0);
 						},
 						children: "Live"
-					}), /* @__PURE__ */ w(P, {
+					}), /* @__PURE__ */ k(L, {
 						variant: c ? "secondary" : "outline",
 						"aria-pressed": !!c,
 						onClick: () => {
 							c || l({});
 						},
 						children: "History"
-					})] }), !c && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T(P, {
+					})] }), !c && /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ A(L, {
 						variant: "outline",
-						disabled: !j,
-						onClick: () => S(x ? void 0 : v),
-						children: [w(x ? m : p, { "aria-hidden": "true" }), x ? "Resume" : "Pause"]
-					}), y && /* @__PURE__ */ T(P, {
+						disabled: !E,
+						onClick: () => b(y ? void 0 : h),
+						children: [k(y ? ee : v, { "aria-hidden": "true" }), y ? "Resume" : "Pause"]
+					}), g && /* @__PURE__ */ A(L, {
 						variant: "outline",
-						onClick: b,
-						children: [/* @__PURE__ */ w(h, { "aria-hidden": "true" }), "Retry"]
+						onClick: _,
+						children: [/* @__PURE__ */ k(te, { "aria-hidden": "true" }), "Retry"]
 					})] })]
 				})]
 			}),
-			c && /* @__PURE__ */ w(Ne, {
+			c && /* @__PURE__ */ k(Le, {
 				query: c,
 				range: f,
-				onRangeChange: g,
-				loading: _.loading,
+				onRangeChange: p,
+				loading: m.loading,
 				onSearch: l,
 				scoped: !!n
 			}),
-			c && _.failed && /* @__PURE__ */ T("div", {
+			c && m.failed && /* @__PURE__ */ A("div", {
 				className: "la-observer-error",
 				role: "alert",
 				children: [
 					"Request history unavailable.",
 					" ",
-					/* @__PURE__ */ w(P, {
+					/* @__PURE__ */ k(L, {
 						variant: "outline",
-						onClick: _.retry,
+						onClick: m.retry,
 						children: "Retry history"
 					})
 				]
 			}),
-			!c && y && /* @__PURE__ */ T("div", {
+			!c && g && /* @__PURE__ */ A("div", {
 				className: "la-observer-error",
 				role: "alert",
-				children: ["Request stream disconnected. Reconnecting… ", v ? "Showing the last received requests." : "Check your connection and runtime version."]
+				children: ["Request stream disconnected. Reconnecting… ", h ? "Showing the last received requests." : "Check your connection and runtime version."]
 			}),
-			!!M?.dropped && /* @__PURE__ */ T("div", {
+			!!D?.dropped && /* @__PURE__ */ A("div", {
 				className: "la-observer-error",
 				role: "alert",
-				children: [M.dropped.toLocaleString(), " request traces were not delivered. This history is incomplete."]
+				children: [D.dropped.toLocaleString(), " request traces were not delivered. This history is incomplete."]
 			}),
-			M?.persistenceFailed && /* @__PURE__ */ w("div", {
+			D?.persistenceFailed && /* @__PURE__ */ k("div", {
 				className: "la-observer-error",
 				role: "alert",
 				children: "Some request events could not be saved. This history may be incomplete."
 			}),
-			j?.reset && /* @__PURE__ */ w("div", {
+			E?.reset && /* @__PURE__ */ k("div", {
 				className: "la-observer-error",
 				role: "alert",
 				children: "Some older events are no longer retained. Showing available history."
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ A("div", {
 				className: "la-observer-table-frame",
-				children: [/* @__PURE__ */ T(H, {
+				children: [/* @__PURE__ */ A(W, {
 					"aria-label": c ? "Saved requests" : "Recent requests",
 					className: "la-request-table",
-					children: [/* @__PURE__ */ w(U, { children: /* @__PURE__ */ T(G, { children: [
-						/* @__PURE__ */ w(K, {
+					children: [/* @__PURE__ */ k(G, { children: /* @__PURE__ */ A(q, { children: [
+						/* @__PURE__ */ k(J, {
 							scope: "col",
 							children: "Time"
 						}),
-						/* @__PURE__ */ w(K, {
+						/* @__PURE__ */ k(J, {
 							scope: "col",
 							children: "Request"
 						}),
-						/* @__PURE__ */ w(K, {
+						/* @__PURE__ */ k(J, {
 							scope: "col",
 							children: "Instance"
 						}),
-						/* @__PURE__ */ w(K, {
+						/* @__PURE__ */ k(J, {
 							scope: "col",
 							children: "Transport"
 						}),
-						/* @__PURE__ */ w(K, {
+						/* @__PURE__ */ k(J, {
 							scope: "col",
 							children: "Outcome"
 						}),
-						/* @__PURE__ */ w(K, {
+						/* @__PURE__ */ k(J, {
 							scope: "col",
 							children: "Total"
 						}),
-						/* @__PURE__ */ w(K, {
+						/* @__PURE__ */ k(J, {
 							scope: "col",
 							children: "Queue wait"
 						}),
-						/* @__PURE__ */ w(K, {
+						/* @__PURE__ */ k(J, {
 							scope: "col",
-							children: /* @__PURE__ */ w("span", {
+							children: /* @__PURE__ */ k("span", {
 								className: "la:sr-only",
 								children: "Details"
 							})
 						})
-					] }) }), /* @__PURE__ */ w(W, { children: N.map((e) => /* @__PURE__ */ T(G, {
+					] }) }), /* @__PURE__ */ k(K, { children: j.map((e) => /* @__PURE__ */ A(q, {
 						className: "la-clickable-row",
-						"data-state": E === e ? "selected" : void 0,
+						"data-state": x === e ? "selected" : void 0,
 						onClick: (t) => {
-							k.current = t.currentTarget.querySelector("button"), D(e);
+							w.current = t.currentTarget.querySelector("button"), S(e);
 						},
 						children: [
-							/* @__PURE__ */ w(q, { children: /* @__PURE__ */ w("time", {
+							/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ k("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 })
 							}) }),
-							/* @__PURE__ */ w(q, { children: /* @__PURE__ */ w("span", {
+							/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ k("span", {
 								className: "la-request-operation",
 								title: e.operation,
 								children: e.operation
 							}) }),
-							/* @__PURE__ */ w(q, { children: /* @__PURE__ */ T("span", {
+							/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ A("span", {
 								className: "la-request-actor",
 								title: `${e.actorName} / ${e.actorId}`,
 								children: [
@@ -1036,18 +862,18 @@ function Me({ client: e, actor: n, timeRange: o, onTimeRangeChange: s }) {
 									e.actorId
 								]
 							}) }),
-							/* @__PURE__ */ w(q, { children: e.kind === "method" ? "Method" : "WebSocket" }),
-							/* @__PURE__ */ w(q, { children: /* @__PURE__ */ w(V, {
+							/* @__PURE__ */ k(Y, { children: e.kind === "method" ? "Method" : "WebSocket" }),
+							/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ k(U, {
 								variant: "outline",
 								className: `la-request-outcome-${e.outcome}`,
 								children: e.outcome[0].toUpperCase() + e.outcome.slice(1)
 							}) }),
-							/* @__PURE__ */ w(q, { children: X(e.durationMs) }),
-							/* @__PURE__ */ w(q, { children: e.queueWaitMs === null ? /* @__PURE__ */ w("span", {
+							/* @__PURE__ */ k(Y, { children: ze(e.durationMs) }),
+							/* @__PURE__ */ k(Y, { children: e.queueWaitMs === null ? /* @__PURE__ */ k("span", {
 								title: "Request did not begin processing",
 								children: "—"
-							}) : X(e.queueWaitMs) }),
-							/* @__PURE__ */ w(q, { children: /* @__PURE__ */ w(P, {
+							}) : ze(e.queueWaitMs) }),
+							/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ k(L, {
 								variant: "ghost",
 								size: "sm",
 								"aria-label": `Inspect ${e.operation} request`,
@@ -1055,57 +881,57 @@ function Me({ client: e, actor: n, timeRange: o, onTimeRangeChange: s }) {
 								children: "Details"
 							}) })
 						]
-					}, e.eventId ?? `${j.epoch}-${e.sequence}`)) })]
-				}), !N.length && /* @__PURE__ */ T("div", {
+					}, e.eventId ?? `${E.epoch}-${e.sequence}`)) })]
+				}), !j.length && /* @__PURE__ */ A("div", {
 					className: "la-request-empty",
 					role: "status",
-					children: [/* @__PURE__ */ w("strong", { children: c ? _.loading ? "Loading history…" : _.failed ? "History unavailable" : "No saved requests in this range" : j ? "No requests yet" : y ? "Requests unavailable" : "Connecting to requests…" }), /* @__PURE__ */ w("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__ */ 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." })]
 				})]
 			}),
-			c && j?.nextCursor && /* @__PURE__ */ w(P, {
+			c && E?.nextCursor && /* @__PURE__ */ k(L, {
 				className: "la-request-load-older",
 				variant: "outline",
-				disabled: _.loading,
-				onClick: _.loadOlder,
-				children: _.loading ? "Loading…" : "Load older"
+				disabled: m.loading,
+				onClick: m.loadOlder,
+				children: m.loading ? "Loading…" : "Load older"
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ A("div", {
 				className: "la-observer-footnote",
-				children: [/* @__PURE__ */ T("span", {
+				children: [/* @__PURE__ */ A("span", {
 					className: "la-observer-refresh-status",
-					children: [!c && /* @__PURE__ */ w("span", { className: `la-observer-dot ${y ? "la-observer-dot-unknown" : "la-observer-dot-live"}` }), c ? "Saved history" : x ? "Display paused · collection continues" : y ? "Reconnecting…" : v ? "Live updates" : "Connecting…"]
-				}), /* @__PURE__ */ w("span", { children: c ? `${N.length.toLocaleString()} saved requests shown` : n ? `${N.length} matching requests from the latest ${j?.capacity ?? 500} on this control plane.` : `Latest ${j?.capacity ?? 500} requests on this control plane.` })]
+					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.` })]
 			}),
-			!c && !!j?.evicted && /* @__PURE__ */ T("p", {
+			!c && !!E?.evicted && /* @__PURE__ */ A("p", {
 				className: "la-request-note",
-				children: [j.evicted.toLocaleString(), " older records have left this history window."]
+				children: [E.evicted.toLocaleString(), " older records have left this history window."]
 			}),
-			/* @__PURE__ */ w("p", {
+			/* @__PURE__ */ k("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__ */ w(he, {
-				open: !!E,
+			/* @__PURE__ */ k(Te, {
+				open: !!x,
 				onOpenChange: (e) => {
-					e || D(void 0);
+					e || S(void 0);
 				},
-				children: /* @__PURE__ */ T(ve, {
-					container: O.current,
+				children: /* @__PURE__ */ A(Oe, {
+					container: C.current,
 					onCloseAutoFocus: (e) => {
-						e.preventDefault(), k.current?.focus();
+						e.preventDefault(), w.current?.focus();
 					},
 					children: [
-						/* @__PURE__ */ w(ge, { children: "Request details" }),
-						/* @__PURE__ */ w(_e, { children: "Full identifiers and timings for this request." }),
-						E && /* @__PURE__ */ w(Pe, { record: E })
+						/* @__PURE__ */ k(Ee, { children: "Request details" }),
+						/* @__PURE__ */ k(De, { children: "Full identifiers and timings for this request." }),
+						x && /* @__PURE__ */ k(Re, { record: x })
 					]
 				})
 			})
 		]
 	});
 }
-function Ne({ query: e, range: t, onRangeChange: n, loading: r, onSearch: i, scoped: a }) {
-	return /* @__PURE__ */ T("form", {
+function Le({ query: e, range: t, onRangeChange: n, loading: r, onSearch: i, scoped: a }) {
+	return /* @__PURE__ */ A("form", {
 		className: "la-request-history-filters",
 		onSubmit: (e) => {
 			e.preventDefault();
@@ -1116,25 +942,25 @@ function Ne({ query: e, range: t, onRangeChange: n, loading: r, onSearch: i, sco
 			});
 		},
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ A("div", {
 				className: "la-request-history-range",
-				children: [/* @__PURE__ */ w("span", { children: "Time range" }), /* @__PURE__ */ w(B, {
+				children: [/* @__PURE__ */ k("span", { children: "Time range" }), /* @__PURE__ */ k(_e, {
 					value: t,
 					onChange: n,
 					align: "start"
 				})]
 			}),
-			!a && /* @__PURE__ */ T("label", { children: ["Actor ID", /* @__PURE__ */ w(F, {
+			!a && /* @__PURE__ */ A("label", { children: ["Actor ID", /* @__PURE__ */ k(R, {
 				name: "actorId",
 				placeholder: "All actors",
 				maxLength: 256,
 				defaultValue: e.actorId
 			})] }),
-			/* @__PURE__ */ T("label", { children: ["Outcome", /* @__PURE__ */ T("select", {
+			/* @__PURE__ */ A("label", { children: ["Outcome", /* @__PURE__ */ A("select", {
 				className: "la-observer-select",
 				name: "outcome",
 				defaultValue: e.outcome ?? "",
-				children: [/* @__PURE__ */ w("option", {
+				children: [/* @__PURE__ */ k("option", {
 					value: "",
 					children: "All outcomes"
 				}), [
@@ -1143,12 +969,12 @@ function Ne({ query: e, range: t, onRangeChange: n, loading: r, onSearch: i, sco
 					"rejected",
 					"rerouted",
 					"interrupted"
-				].map((e) => /* @__PURE__ */ w("option", {
+				].map((e) => /* @__PURE__ */ k("option", {
 					value: e,
 					children: e[0].toUpperCase() + e.slice(1)
 				}, e))]
 			})] }),
-			/* @__PURE__ */ w(P, {
+			/* @__PURE__ */ k(L, {
 				type: "submit",
 				variant: "outline",
 				disabled: r,
@@ -1157,7 +983,7 @@ function Ne({ query: e, range: t, onRangeChange: n, loading: r, onSearch: i, sco
 		]
 	});
 }
-function Pe({ record: e }) {
+function Re({ record: e }) {
 	let t = {
 		Operation: e.operation,
 		"Actor class": e.actorName,
@@ -1166,59 +992,54 @@ function Pe({ record: e }) {
 		Time: new Date(e.startedAtMs).toLocaleString(),
 		Transport: e.kind === "method" ? "Method" : "WebSocket",
 		Outcome: e.outcome,
-		Total: X(e.durationMs),
-		"Queue wait": e.queueWaitMs === null ? "Did not begin processing" : X(e.queueWaitMs),
+		Total: ze(e.durationMs),
+		"Queue wait": e.queueWaitMs === null ? "Did not begin processing" : ze(e.queueWaitMs),
 		Host: e.hostId,
 		...e.connectionId ? { Connection: e.connectionId } : {}
 	};
-	return /* @__PURE__ */ w("dl", {
+	return /* @__PURE__ */ k("dl", {
 		className: "la-request-details",
-		children: Object.entries(t).map(([e, t]) => /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", { children: e }), /* @__PURE__ */ w("dd", { children: t })] }, e))
+		children: Object.entries(t).map(([e, t]) => /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", { children: e }), /* @__PURE__ */ k("dd", { children: t })] }, e))
 	});
 }
-function X(e) {
+function ze(e) {
 	return e >= 1e3 ? `${(e / 1e3).toLocaleString(void 0, { maximumFractionDigits: 2 })} s` : `${e.toLocaleString(void 0, { maximumFractionDigits: 1 })} ms`;
 }
 //#endregion
-//#region src/queue-wait.ts
-function Fe(e, t) {
-	let n = ["queue_wait_ms IS NOT NULL", "outcome <> 'rerouted'"], r = [];
-	return e.fromMs !== void 0 && (n.push("started_at_ms >= ?"), r.push(e.fromMs)), e.toMs !== void 0 && (n.push("started_at_ms <= ?"), r.push(e.toMs)), t !== void 0 && (n.push("actor_name = ?"), r.push(t)), {
-		sql: `SELECT actor_name, actor_id, COUNT(*) AS admitted, AVG(queue_wait_ms) AS average_ms, MAX(queue_wait_ms) AS max_ms
-FROM request_events
-WHERE ${n.join(" AND ")}
-GROUP BY actor_name, actor_id
-ORDER BY admitted DESC, actor_name, actor_id
-LIMIT 500`,
-		params: r
+//#region src/queue-wait-history.ts
+function Be(e, t, n) {
+	let r = Pe(e, {
+		...t,
+		actorName: n
+	}, e.listQueueWaits);
+	return {
+		supported: r.supported,
+		rows: r.value,
+		failed: r.failed
 	};
 }
-function Ie(e) {
-	return e.rows.map((e) => {
-		let t = {
-			actorName: e.actor_name,
-			actorId: e.actor_id,
-			admitted: e.admitted,
-			averageMs: e.average_ms,
-			maxMs: e.max_ms
-		};
-		if (typeof t.actorName != "string" || typeof t.actorId != "string" || !Number.isSafeInteger(t.admitted) || Number(t.admitted) <= 0 || ![t.averageMs, t.maxMs].every((e) => typeof e == "number" && Number.isFinite(e) && e >= 0)) throw Error("Invalid queue wait row");
-		return t;
-	});
+//#endregion
+//#region src/queue-wait.ts
+function Ve(e) {
+	if (!Array.isArray(e) || !e.every(He)) throw Error("Invalid queue wait response");
+	return e;
 }
-function Le(e) {
-	return Q(e, () => "all").get("all") ?? null;
+function He(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 Re(e) {
-	return Q(e, (e) => e.actorName);
+function Ue(e) {
+	return Ke(e, () => "all").get("all") ?? null;
 }
-function ze(e, t) {
-	return Q(e.filter((e) => e.actorName === t), (e) => e.actorId);
+function We(e) {
+	return Ke(e, (e) => e.actorName);
 }
-function Z(e) {
+function Ge(e, t) {
+	return Ke(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 Q(e, t) {
+function Ke(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
 		let e = n.get(t(r)) ?? {
@@ -1235,135 +1056,125 @@ function Q(e, t) {
 	return n;
 }
 //#endregion
-//#region src/queue-wait-history.ts
-function Be(e, t, n) {
-	let r = Se(e, Fe(t, n), Ie);
-	return {
-		supported: r.supported,
-		rows: r.value,
-		failed: r.failed
-	};
-}
-//#endregion
 //#region src/ActorObserver.tsx
-function Ve({ client: e, className: r = "", initialActorName: o, navigation: s, timeRange: c, onTimeRangeChange: l }) {
-	let { inventory: u, loading: d, failed: p, retry: m } = ye(e), [g, _] = a(I), v = c ?? g, y = l ?? _, [b, x] = a(o), S = s ? s.actorName : b, E = s ? s.onSelectActor : x, [D, O] = a(""), k = i(null), A = i(o), j = n(), M = u?.actors.find((e) => e.actorName === S), N = Be(e, L(v, Date.now()), S), ee = N.rows && Re(N.rows), te = N.rows && S !== void 0 ? ze(N.rows, S) : void 0, F = N.supported && N.rows ? Le(N.rows) : void 0;
+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(() => {
-		x(o), O("");
+		y(o), C("");
 	}, [e, o]), t(() => {
-		A.current !== S && k.current?.focus(), A.current = S;
-	}, [S]), /* @__PURE__ */ T("section", {
+		T.current !== b && w.current?.focus(), T.current = b;
+	}, [b]), /* @__PURE__ */ A("section", {
 		className: `la-observer ${r}`,
 		"aria-label": "Actor observer",
 		children: [
-			S !== void 0 && /* @__PURE__ */ T("nav", {
+			b !== void 0 && /* @__PURE__ */ A("nav", {
 				className: "la-observer-breadcrumb",
 				"aria-label": "Breadcrumb",
 				children: [
-					/* @__PURE__ */ w(P, {
+					/* @__PURE__ */ k(L, {
 						variant: "link",
 						type: "button",
 						"aria-label": "Back to actors",
-						onClick: () => E(void 0),
+						onClick: () => x(void 0),
 						children: "Actors"
 					}),
-					/* @__PURE__ */ w("span", {
+					/* @__PURE__ */ k("span", {
 						"aria-hidden": "true",
 						children: "/"
 					}),
-					/* @__PURE__ */ w("span", {
+					/* @__PURE__ */ k("span", {
 						"aria-current": "page",
-						children: S
+						children: b
 					})
 				]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ A("div", {
 				className: "la-observer-toolbar",
-				children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
+				children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("div", {
 					className: "la-observer-title",
-					children: /* @__PURE__ */ w("h1", {
-						ref: k,
+					children: /* @__PURE__ */ k("h1", {
+						ref: w,
 						tabIndex: -1,
-						children: S ?? "Actors"
+						children: b ?? "Actors"
 					})
-				}), /* @__PURE__ */ w("p", { children: S === void 0 ? "Inspect instances, residency, and connections." : "Inspect this actor class’s instances, residency, and connections." })] }), /* @__PURE__ */ T("div", {
+				}), /* @__PURE__ */ k("p", { children: b === void 0 ? "Inspect instances, residency, and connections." : "Inspect this actor class’s instances, residency, and connections." })] }), /* @__PURE__ */ A("div", {
 					className: "la-observer-actions",
-					children: [N.supported && /* @__PURE__ */ w(B, {
-						value: v,
-						onChange: y
-					}), /* @__PURE__ */ T(P, {
+					children: [j.supported && /* @__PURE__ */ k(_e, {
+						value: _,
+						onChange: v
+					}), /* @__PURE__ */ A(L, {
 						variant: "outline",
 						type: "button",
 						disabled: d,
-						onClick: m,
-						children: [/* @__PURE__ */ w(h, {
+						onClick: p,
+						children: [/* @__PURE__ */ k(te, {
 							"aria-hidden": "true",
 							className: d ? "la-observer-spin" : void 0
-						}), d ? "Refreshing…" : p ? "Try again" : "Refresh"]
+						}), d ? "Refreshing…" : f ? "Try again" : "Refresh"]
 					})]
 				})]
 			}),
-			p && /* @__PURE__ */ T("div", {
+			f && /* @__PURE__ */ A("div", {
 				className: "la-observer-error",
 				role: "alert",
-				children: [/* @__PURE__ */ w(f, { "aria-hidden": "true" }), /* @__PURE__ */ w("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__ */ 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." })]
 			}),
-			!u && !p && /* @__PURE__ */ w(He, {}),
-			u && /* @__PURE__ */ T(C, { children: [S === void 0 ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(Ue, {
+			!u && !f && /* @__PURE__ */ k(Je, {}),
+			u && /* @__PURE__ */ A(O, { children: [b === void 0 ? /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(Ye, {
 				inventory: u,
-				queueWait: N.supported ? F ?? null : void 0,
-				range: v
-			}), u.actors.length ? /* @__PURE__ */ w(We, {
+				queueWait: j.supported ? P ?? null : void 0,
+				range: _
+			}), u.actors.length ? /* @__PURE__ */ k(Xe, {
 				inventory: u,
-				query: D,
-				onQueryChange: O,
-				onSelectActor: E,
-				waits: N.supported ? ee : void 0
-			}) : /* @__PURE__ */ w($, {
+				query: S,
+				onQueryChange: C,
+				onSelectActor: x,
+				waits: j.supported ? M : void 0
+			}) : /* @__PURE__ */ k(it, {
 				title: "No actors yet",
 				description: "Deploy your actor classes to see them here. Instance counts appear as actors are used."
-			})] }) : M ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(Ue, {
-				inventory: { actors: [M] },
-				actorName: S,
-				queueWait: N.supported ? F ?? null : void 0,
-				range: v
-			}), /* @__PURE__ */ w(Ge, {
+			})] }) : D ? /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(Ye, {
+				inventory: { actors: [D] },
+				actorName: b,
+				queueWait: j.supported ? P ?? null : void 0,
+				range: _
+			}), /* @__PURE__ */ k(Ze, {
 				client: e,
-				id: j,
-				actorName: S,
-				instances: M.instances,
-				waits: N.supported ? te : void 0,
-				range: v
-			}, S)] }) : /* @__PURE__ */ w($, {
+				id: E,
+				actorName: b,
+				instances: D.instances,
+				waits: j.supported ? N : void 0,
+				range: _
+			}, b)] }) : /* @__PURE__ */ k(it, {
 				title: "Actor class unavailable",
 				description: "This actor class is no longer in the latest inventory. Return to Actors to see available classes."
-			}), /* @__PURE__ */ T("div", {
+			}), /* @__PURE__ */ A("div", {
 				className: "la-observer-footnote",
-				children: [/* @__PURE__ */ T("span", {
+				children: [/* @__PURE__ */ A("span", {
 					className: "la-observer-refresh-status",
-					children: [/* @__PURE__ */ w("span", { className: `la-observer-dot ${p ? "la-observer-dot-unknown" : e.watchActors ? "la-observer-dot-live" : ""}` }), p ? "Reconnecting…" : e.watchActors ? "Live updates" : "Auto-refresh every 5s"]
-				}), /* @__PURE__ */ w("span", { children: e.watchActors ? "Changes stream from the control plane." : "Counts follow the latest host heartbeat." })]
+					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." })]
 			})] })
 		]
 	});
 }
-function He() {
-	return /* @__PURE__ */ T("div", {
+function Je() {
+	return /* @__PURE__ */ A("div", {
 		className: "la-observer-skeleton",
 		role: "status",
 		"aria-label": "Loading actors",
 		children: [
-			/* @__PURE__ */ w("span", {
+			/* @__PURE__ */ k("span", {
 				className: "la:sr-only",
 				children: "Loading actors…"
 			}),
-			/* @__PURE__ */ w("div", {}),
-			/* @__PURE__ */ w("div", {}),
-			/* @__PURE__ */ w("div", {})
+			/* @__PURE__ */ k("div", {}),
+			/* @__PURE__ */ k("div", {}),
+			/* @__PURE__ */ k("div", {})
 		]
 	});
 }
-function Ue({ inventory: e, actorName: t, queueWait: n, range: r }) {
+function Ye({ 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,
@@ -1373,259 +1184,259 @@ function Ue({ inventory: e, actorName: t, queueWait: n, range: r }) {
 		dormant: 0,
 		unknown: 0
 	});
-	return /* @__PURE__ */ T("dl", {
+	return /* @__PURE__ */ A("dl", {
 		className: "la-observer-summary",
 		children: [
-			/* @__PURE__ */ T("div", { children: [
-				/* @__PURE__ */ w("dt", { children: "Total instances" }),
-				/* @__PURE__ */ w("dd", {
+			/* @__PURE__ */ A("div", { children: [
+				/* @__PURE__ */ k("dt", { children: "Total instances" }),
+				/* @__PURE__ */ k("dd", {
 					"aria-label": "Total instances",
 					children: (i.live + i.dormant + i.unknown).toLocaleString()
 				}),
-				/* @__PURE__ */ w("p", { children: t === void 0 ? `${e.actors.length} actor ${e.actors.length === 1 ? "type" : "types"}` : "In this actor class" })
+				/* @__PURE__ */ k("p", { children: t === void 0 ? `${e.actors.length} actor ${e.actors.length === 1 ? "type" : "types"}` : "In this actor class" })
 			] }),
-			/* @__PURE__ */ T("div", { children: [
-				/* @__PURE__ */ T("dt", { children: [/* @__PURE__ */ w("span", { className: "la-observer-dot la-observer-dot-live" }), "Live"] }),
-				/* @__PURE__ */ w("dd", {
+			/* @__PURE__ */ A("div", { children: [
+				/* @__PURE__ */ A("dt", { children: [/* @__PURE__ */ k("span", { className: "la-observer-dot la-observer-dot-live" }), "Live"] }),
+				/* @__PURE__ */ k("dd", {
 					"aria-label": "Live instances",
 					children: i.live.toLocaleString()
 				}),
-				/* @__PURE__ */ w("p", { children: "Loaded in memory" })
+				/* @__PURE__ */ k("p", { children: "Loaded in memory" })
 			] }),
-			/* @__PURE__ */ T("div", { children: [
-				/* @__PURE__ */ T("dt", { children: [/* @__PURE__ */ w("span", { className: "la-observer-dot" }), "Dormant"] }),
-				/* @__PURE__ */ w("dd", {
+			/* @__PURE__ */ A("div", { children: [
+				/* @__PURE__ */ A("dt", { children: [/* @__PURE__ */ k("span", { className: "la-observer-dot" }), "Dormant"] }),
+				/* @__PURE__ */ k("dd", {
 					"aria-label": "Dormant instances",
 					children: i.dormant.toLocaleString()
 				}),
-				/* @__PURE__ */ w("p", { children: "Currently unloaded" })
+				/* @__PURE__ */ k("p", { children: "Currently unloaded" })
 			] }),
-			i.unknown > 0 && /* @__PURE__ */ T("div", { children: [
-				/* @__PURE__ */ T("dt", { children: [/* @__PURE__ */ w("span", { className: "la-observer-dot la-observer-dot-unknown" }), "Unknown"] }),
-				/* @__PURE__ */ w("dd", {
+			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", {
 					"aria-label": "Unknown instances",
 					children: i.unknown.toLocaleString()
 				}),
-				/* @__PURE__ */ w("p", { children: "Awaiting host report" })
+				/* @__PURE__ */ k("p", { children: "Awaiting host report" })
 			] }),
-			n !== void 0 && /* @__PURE__ */ T("div", {
+			n !== void 0 && /* @__PURE__ */ A("div", {
 				className: "la-observer-queue-wait",
 				children: [
-					/* @__PURE__ */ w("dt", { children: "Avg queue wait" }),
-					/* @__PURE__ */ w("dd", {
+					/* @__PURE__ */ k("dt", { children: "Avg queue wait" }),
+					/* @__PURE__ */ k("dd", {
 						"aria-label": "Average queue wait",
-						children: Z(n?.averageMs)
+						children: X(n?.averageMs)
 					}),
-					/* @__PURE__ */ w("p", { children: n ? `Max ${Z(n.maxMs)} · ${n.admitted.toLocaleString()} admitted ${z(r)}` : `No admitted requests ${z(r)}` })
+					/* @__PURE__ */ k("p", { children: n ? `Max ${X(n.maxMs)} · ${n.admitted.toLocaleString()} admitted ${H(r)}` : `No admitted requests ${H(r)}` })
 				]
 			})
 		]
 	});
 }
-function We({ inventory: e, query: t, onQueryChange: n, onSelectActor: r, waits: i }) {
-	let a = e.actors.some((e) => e.unknown > 0), s = e.actors.filter((e) => Qe(e.actorName, t)).sort((e, t) => Number(t.live > 0) - Number(e.live > 0));
-	return /* @__PURE__ */ T(C, { children: [
-		/* @__PURE__ */ T("div", {
+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", {
 			className: "la-observer-list-toolbar",
-			children: [/* @__PURE__ */ T("h2", { children: ["Actor names ", /* @__PURE__ */ w(V, { children: e.actors.length })] }), /* @__PURE__ */ w(Ze, {
+			children: [/* @__PURE__ */ A("h2", { children: ["Actor names ", /* @__PURE__ */ k(U, { children: e.actors.length })] }), /* @__PURE__ */ k(rt, {
 				label: "Search actors",
 				placeholder: "Search actors…",
 				value: t,
 				onChange: n
 			})]
 		}),
-		/* @__PURE__ */ w("div", {
+		/* @__PURE__ */ k("div", {
 			className: "la-observer-table-frame",
-			children: s.length ? /* @__PURE__ */ T(H, {
+			children: o.length ? /* @__PURE__ */ A(W, {
 				"aria-label": "Actor instance counts",
 				className: "la-observer-table",
-				children: [/* @__PURE__ */ w(U, { children: /* @__PURE__ */ T(G, { children: [
-					/* @__PURE__ */ w(K, {
+				children: [/* @__PURE__ */ k(G, { children: /* @__PURE__ */ A(q, { children: [
+					/* @__PURE__ */ k(J, {
 						scope: "col",
 						children: "Actor"
 					}),
-					/* @__PURE__ */ w(K, {
+					/* @__PURE__ */ k(J, {
 						scope: "col",
 						children: "Live"
 					}),
-					/* @__PURE__ */ w(K, {
+					/* @__PURE__ */ k(J, {
 						scope: "col",
 						children: "Dormant"
 					}),
-					a && /* @__PURE__ */ w(K, {
+					a && /* @__PURE__ */ k(J, {
 						scope: "col",
 						children: "Unknown"
 					}),
-					/* @__PURE__ */ w(K, {
+					/* @__PURE__ */ k(J, {
 						scope: "col",
 						children: "Total"
 					}),
-					i && /* @__PURE__ */ w(K, {
+					i && /* @__PURE__ */ k(J, {
 						scope: "col",
 						className: "la-observer-wait-cell",
 						children: "Avg queue wait"
 					})
-				] }) }), /* @__PURE__ */ w(W, { children: s.map((e) => /* @__PURE__ */ T(G, {
+				] }) }), /* @__PURE__ */ k(K, { children: o.map((e) => /* @__PURE__ */ A(q, {
 					className: "la-clickable-row",
 					onClick: () => r(e.actorName),
 					children: [
-						/* @__PURE__ */ w(q, {
+						/* @__PURE__ */ k(Y, {
 							className: "la-observer-name",
-							children: /* @__PURE__ */ T(P, {
+							children: /* @__PURE__ */ A(L, {
 								variant: "ghost",
 								type: "button",
 								className: "la-observer-actor-button la-observer-class-button",
-								children: [/* @__PURE__ */ w(o, {
+								children: [/* @__PURE__ */ k(c, {
 									className: "la-observer-type-icon",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ w("span", { children: e.actorName })]
+								}), /* @__PURE__ */ k("span", { children: e.actorName })]
 							})
 						}),
-						/* @__PURE__ */ w(q, { children: /* @__PURE__ */ w("span", {
+						/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ k("span", {
 							className: e.live > 0 ? "la-observer-live" : void 0,
 							children: e.live.toLocaleString()
 						}) }),
-						/* @__PURE__ */ w(q, { children: e.dormant.toLocaleString() }),
-						a && /* @__PURE__ */ w(q, { children: e.unknown.toLocaleString() }),
-						/* @__PURE__ */ w(q, { children: (e.live + e.dormant + e.unknown).toLocaleString() }),
-						i && /* @__PURE__ */ w(q, {
+						/* @__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, {
 							className: "la-observer-wait-cell",
-							children: /* @__PURE__ */ w(Ke, { stats: i.get(e.actorName) })
+							children: /* @__PURE__ */ k(Qe, { stats: i.get(e.actorName) })
 						})
 					]
 				}, e.actorName)) })]
-			}) : /* @__PURE__ */ w($, {
+			}) : /* @__PURE__ */ k(it, {
 				title: "No matching actors",
 				description: "Try a different actor name.",
 				action: "Clear search",
 				onReset: () => n("")
 			})
 		}),
-		a && /* @__PURE__ */ T("p", {
+		a && /* @__PURE__ */ A("p", {
 			className: "la-observer-unknown",
-			children: [/* @__PURE__ */ w(f, { "aria-hidden": "true" }), "Some hosts have not reported which instances are loaded. Their counts are shown as unknown."]
+			children: [/* @__PURE__ */ k(h, { "aria-hidden": "true" }), "Some hosts have not reported which instances are loaded. Their counts are shown as unknown."]
 		})
 	] });
 }
-function Ge({ 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) => Qe(e.actorId, l) && (d === "all" || e.status === d));
+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);
 	return t(() => {
 		v.current?.focus();
-	}, [p]), p === void 0 ? /* @__PURE__ */ T("section", {
+	}, [p]), p === void 0 ? /* @__PURE__ */ A("section", {
 		id: n,
 		className: "la-observer-instances",
 		"aria-labelledby": `${n}-heading`,
-		children: [/* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ k("div", {
 			className: "la-observer-instances-heading",
-			children: /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h2", {
+			children: /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("h2", {
 				ref: v,
 				tabIndex: -1,
 				id: `${n}-heading`,
 				children: [
 					r,
 					" instances ",
-					/* @__PURE__ */ w(V, {
+					/* @__PURE__ */ k(U, {
 						"aria-hidden": "true",
 						children: o.length.toLocaleString()
 					})
 				]
-			}), /* @__PURE__ */ w("p", { children: "Select an instance to inspect its waiting line, requests, and WebSocket connections." })] })
-		}), o.length ? /* @__PURE__ */ T(C, { children: [
-			/* @__PURE__ */ T("div", {
+			}), /* @__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", {
 				className: "la-observer-filters",
-				children: [/* @__PURE__ */ w(Ze, {
+				children: [/* @__PURE__ */ k(rt, {
 					label: "Search instances",
 					placeholder: "Search instance IDs…",
 					value: l,
 					onChange: u
-				}), /* @__PURE__ */ T("select", {
+				}), /* @__PURE__ */ A("select", {
 					className: "la-observer-select",
 					"aria-label": "Instance state",
 					value: d,
 					onChange: (e) => f(e.target.value),
 					children: [
-						/* @__PURE__ */ w("option", {
+						/* @__PURE__ */ k("option", {
 							value: "all",
 							children: "All states"
 						}),
-						/* @__PURE__ */ w("option", {
+						/* @__PURE__ */ k("option", {
 							value: "live",
 							children: "Live"
 						}),
-						/* @__PURE__ */ w("option", {
+						/* @__PURE__ */ k("option", {
 							value: "dormant",
 							children: "Dormant"
 						}),
-						/* @__PURE__ */ w("option", {
+						/* @__PURE__ */ k("option", {
 							value: "unknown",
 							children: "Unknown"
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ k("div", {
 				className: "la-observer-table-frame",
-				children: g.length ? /* @__PURE__ */ T(H, {
+				children: g.length ? /* @__PURE__ */ A(W, {
 					"aria-label": `${r} instances`,
 					className: "la-observer-instance-table",
-					children: [/* @__PURE__ */ w(U, { children: /* @__PURE__ */ T(G, { children: [
-						/* @__PURE__ */ w(K, {
+					children: [/* @__PURE__ */ k(G, { children: /* @__PURE__ */ A(q, { children: [
+						/* @__PURE__ */ k(J, {
 							scope: "col",
 							children: "Instance"
 						}),
-						/* @__PURE__ */ w(K, {
+						/* @__PURE__ */ k(J, {
 							scope: "col",
 							children: "State"
 						}),
-						/* @__PURE__ */ w(K, {
+						/* @__PURE__ */ k(J, {
 							scope: "col",
 							children: "Connections"
 						}),
-						s && /* @__PURE__ */ w(K, {
+						s && /* @__PURE__ */ k(J, {
 							scope: "col",
 							className: "la-observer-wait-cell",
 							children: "Avg queue wait"
 						}),
-						/* @__PURE__ */ w(K, {
+						/* @__PURE__ */ k(J, {
 							scope: "col",
 							className: "la-observer-waiting-cell",
 							children: "Waiting"
 						})
-					] }) }), /* @__PURE__ */ w(W, { children: g.map((e) => /* @__PURE__ */ T(G, {
+					] }) }), /* @__PURE__ */ k(K, { children: g.map((e) => /* @__PURE__ */ A(q, {
 						className: "la-clickable-row",
 						onClick: () => m(e.actorId),
 						children: [
-							/* @__PURE__ */ w(q, {
+							/* @__PURE__ */ k(Y, {
 								className: "la-observer-instance-id",
-								children: /* @__PURE__ */ w(P, {
+								children: /* @__PURE__ */ k(L, {
 									variant: "ghost",
 									type: "button",
 									className: "la-observer-actor-button",
-									children: /* @__PURE__ */ w("span", { children: e.actorId })
+									children: /* @__PURE__ */ k("span", { children: e.actorId })
 								})
 							}),
-							/* @__PURE__ */ w(q, { children: /* @__PURE__ */ T(V, {
+							/* @__PURE__ */ k(Y, { children: /* @__PURE__ */ A(U, {
 								variant: "outline",
 								className: `la-observer-status-${e.status}`,
-								children: [/* @__PURE__ */ w("span", { className: `la-observer-dot la-observer-dot-${e.status}` }), $e(e.status)]
+								children: [/* @__PURE__ */ k("span", { className: `la-observer-dot la-observer-dot-${e.status}` }), ot(e.status)]
 							}) }),
-							/* @__PURE__ */ w(q, { children: e.connections.length.toLocaleString() }),
-							s && /* @__PURE__ */ w(q, {
+							/* @__PURE__ */ k(Y, { children: e.connections.length.toLocaleString() }),
+							s && /* @__PURE__ */ k(Y, {
 								className: "la-observer-wait-cell",
-								children: /* @__PURE__ */ w(Ke, { stats: s.get(e.actorId) })
+								children: /* @__PURE__ */ k(Qe, { stats: s.get(e.actorId) })
 							}),
-							/* @__PURE__ */ w(q, {
+							/* @__PURE__ */ k(Y, {
 								className: "la-observer-waiting-cell",
-								children: /* @__PURE__ */ w(Ye, {
+								children: /* @__PURE__ */ k(tt, {
 									waiting: e.waiting,
 									compact: !0
 								})
 							})
 						]
 					}, e.actorId)) })]
-				}) : /* @__PURE__ */ w($, {
+				}) : /* @__PURE__ */ k(it, {
 					title: "No matching instances",
 					description: "Try another instance ID or state.",
 					action: "Clear filters",
@@ -1634,11 +1445,11 @@ function Ge({ client: e, id: n, actorName: r, instances: o, waits: s, range: c }
 					}
 				})
 			}),
-			/* @__PURE__ */ w("p", {
+			/* @__PURE__ */ k("p", {
 				className: "la-observer-connection-note",
 				children: "Connections are active WebSocket connections, not unique people."
 			})
-		] }) : /* @__PURE__ */ T("p", {
+		] }) : /* @__PURE__ */ A("p", {
 			className: "la-observer-instance-empty",
 			role: "status",
 			children: [
@@ -1647,46 +1458,46 @@ function Ge({ client: e, id: n, actorName: r, instances: o, waits: s, range: c }
 				" instances have been created yet."
 			]
 		})]
-	}) : /* @__PURE__ */ T("section", {
+	}) : /* @__PURE__ */ A("section", {
 		className: "la-observer-instance-detail",
 		"aria-label": `${r} / ${p}`,
 		children: [
-			/* @__PURE__ */ w(P, {
+			/* @__PURE__ */ k(L, {
 				variant: "link",
 				"aria-label": "Back to instances",
 				onClick: () => m(void 0),
 				children: "Back to instances"
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ A("div", {
 				className: "la-observer-instance-heading",
-				children: [/* @__PURE__ */ w("h2", {
+				children: [/* @__PURE__ */ k("h2", {
 					ref: v,
 					tabIndex: -1,
 					children: p
-				}), _ && /* @__PURE__ */ w(V, {
+				}), _ && /* @__PURE__ */ k(U, {
 					variant: "outline",
 					className: `la-observer-status-${_.status}`,
-					children: $e(_.status)
+					children: ot(_.status)
 				})]
 			}),
-			!_ && /* @__PURE__ */ w("p", {
+			!_ && /* @__PURE__ */ k("p", {
 				role: "status",
 				children: "This instance is no longer in the current inventory. Its retained requests are still available below."
 			}),
-			s && /* @__PURE__ */ w(qe, {
+			s && /* @__PURE__ */ k($e, {
 				stats: s.get(p),
 				range: c
 			}),
-			_ && /* @__PURE__ */ w(Je, { waiting: _.waiting }),
-			e.watchRequests || e.query ? /* @__PURE__ */ w(Me, {
+			_ && /* @__PURE__ */ k(et, { waiting: _.waiting }),
+			e.watchRequests || e.listRequests ? /* @__PURE__ */ k(Ie, {
 				client: e,
 				actor: {
 					actorName: r,
 					actorId: p
 				},
 				timeRange: c
-			}, p) : /* @__PURE__ */ T("section", { children: [/* @__PURE__ */ w("h3", { children: "Requests" }), /* @__PURE__ */ w("p", { children: "Request timings are unavailable for this connection." })] }),
-			_ && /* @__PURE__ */ w(Xe, {
+			}, p) : /* @__PURE__ */ A("section", { children: [/* @__PURE__ */ k("h3", { children: "Requests" }), /* @__PURE__ */ k("p", { children: "Request timings are unavailable for this connection." })] }),
+			_ && /* @__PURE__ */ k(nt, {
 				id: h,
 				actorId: _.actorId,
 				connections: _.connections
@@ -1694,141 +1505,141 @@ function Ge({ client: e, id: n, actorName: r, instances: o, waits: s, range: c }
 		]
 	});
 }
-function Ke({ stats: e }) {
-	return e ? /* @__PURE__ */ T("span", {
+function Qe({ stats: e }) {
+	return e ? /* @__PURE__ */ A("span", {
 		className: "la-observer-wait",
-		title: `Average of ${e.admitted.toLocaleString()} admitted requests in the selected time range; longest wait ${Z(e.maxMs)}`,
-		children: [Z(e.averageMs), /* @__PURE__ */ T("small", { children: ["max ", Z(e.maxMs)] })]
-	}) : /* @__PURE__ */ w("span", {
+		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", {
 		title: "No admitted requests in the selected time range",
 		children: "—"
 	});
 }
-function qe({ stats: e, range: t }) {
-	return /* @__PURE__ */ T("section", {
+function $e({ stats: e, range: t }) {
+	return /* @__PURE__ */ A("section", {
 		className: "la-observer-queue-wait-detail",
 		"aria-label": "Queue wait",
 		children: [
-			/* @__PURE__ */ w("h3", { children: "Queue wait" }),
-			/* @__PURE__ */ w("p", { children: e ? `Time requests spent waiting to enter this actor ${z(t)}.` : `No requests were admitted to this actor ${z(t)}.` }),
-			e && /* @__PURE__ */ T("dl", {
+			/* @__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", {
 				className: "la-observer-summary la-observer-summary-compact",
 				children: [
-					/* @__PURE__ */ T("div", { children: [
-						/* @__PURE__ */ w("dt", { children: "Average" }),
-						/* @__PURE__ */ w("dd", {
+					/* @__PURE__ */ A("div", { children: [
+						/* @__PURE__ */ k("dt", { children: "Average" }),
+						/* @__PURE__ */ k("dd", {
 							"aria-label": "Average queue wait",
-							children: Z(e.averageMs)
+							children: X(e.averageMs)
 						}),
-						/* @__PURE__ */ w("p", { children: "Per admitted request" })
+						/* @__PURE__ */ k("p", { children: "Per admitted request" })
 					] }),
-					/* @__PURE__ */ T("div", { children: [
-						/* @__PURE__ */ w("dt", { children: "Longest" }),
-						/* @__PURE__ */ w("dd", {
+					/* @__PURE__ */ A("div", { children: [
+						/* @__PURE__ */ k("dt", { children: "Longest" }),
+						/* @__PURE__ */ k("dd", {
 							"aria-label": "Longest queue wait",
-							children: Z(e.maxMs)
+							children: X(e.maxMs)
 						}),
-						/* @__PURE__ */ w("p", { children: "Single request" })
+						/* @__PURE__ */ k("p", { children: "Single request" })
 					] }),
-					/* @__PURE__ */ T("div", { children: [
-						/* @__PURE__ */ w("dt", { children: "Admitted" }),
-						/* @__PURE__ */ w("dd", {
+					/* @__PURE__ */ A("div", { children: [
+						/* @__PURE__ */ k("dt", { children: "Admitted" }),
+						/* @__PURE__ */ k("dd", {
 							"aria-label": "Admitted requests",
 							children: e.admitted.toLocaleString()
 						}),
-						/* @__PURE__ */ w("p", { children: "Requests that entered the actor" })
+						/* @__PURE__ */ k("p", { children: "Requests that entered the actor" })
 					] })
 				]
 			})
 		]
 	});
 }
-function Je({ waiting: e }) {
-	return /* @__PURE__ */ T("section", {
+function et({ waiting: e }) {
+	return /* @__PURE__ */ A("section", {
 		className: "la-observer-waiting",
 		"aria-label": "Waiting requests",
 		children: [
-			/* @__PURE__ */ T("h3", { children: ["Waiting requests", e != null && ` (${e.length})`] }),
-			/* @__PURE__ */ w("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__ */ w(Ye, { waiting: e })
+			/* @__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 })
 		]
 	});
 }
-function Ye({ waiting: e, compact: t = !1 }) {
-	if (e == null) return /* @__PURE__ */ w("span", {
+function tt({ waiting: e, compact: t = !1 }) {
+	if (e == null) return /* @__PURE__ */ k("span", {
 		title: "Queue reporting is unavailable",
 		children: "Unavailable"
 	});
-	if (!e.length) return /* @__PURE__ */ w("span", {
+	if (!e.length) return /* @__PURE__ */ k("span", {
 		className: "la-observer-queue-empty",
 		children: "None"
 	});
 	let n = t ? e.slice(0, 3) : e;
-	return /* @__PURE__ */ T("ol", {
+	return /* @__PURE__ */ A("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__ */ w("li", { children: /* @__PURE__ */ T(V, {
+		children: [n.map((e, n) => /* @__PURE__ */ k("li", { children: /* @__PURE__ */ A(U, {
 			variant: "outline",
 			className: "la-observer-queue-bubble",
 			title: e.operation,
-			children: [!t && /* @__PURE__ */ w("span", {
+			children: [!t && /* @__PURE__ */ k("span", {
 				className: "la-observer-queue-position",
 				children: n + 1
-			}), /* @__PURE__ */ w("span", {
+			}), /* @__PURE__ */ k("span", {
 				className: "la-observer-queue-operation",
 				children: e.operation
 			})]
-		}) }, e.id)), t && e.length > n.length && /* @__PURE__ */ w("li", { children: /* @__PURE__ */ T(V, {
+		}) }, e.id)), t && e.length > n.length && /* @__PURE__ */ k("li", { children: /* @__PURE__ */ A(U, {
 			"aria-label": `${e.length - n.length} more waiting requests`,
 			children: ["+", e.length - n.length]
 		}) })]
 	});
 }
-function Xe({ id: e, actorId: t, connections: n }) {
-	return /* @__PURE__ */ T("section", {
+function nt({ id: e, actorId: t, connections: n }) {
+	return /* @__PURE__ */ A("section", {
 		id: e,
 		className: "la-observer-connections",
 		"aria-labelledby": `${e}-heading`,
-		children: [/* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ k("div", {
 			className: "la-observer-instances-heading",
-			children: /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
+			children: /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("h3", {
 				id: `${e}-heading`,
 				children: [
 					t,
 					" WebSockets ",
-					/* @__PURE__ */ w(V, {
+					/* @__PURE__ */ k(U, {
 						"aria-hidden": "true",
 						children: n.length.toLocaleString()
 					})
 				]
-			}), /* @__PURE__ */ w("p", { children: `${n.length.toLocaleString()} active ${n.length === 1 ? "connection" : "connections"}` })] })
-		}), n.length ? /* @__PURE__ */ w("div", {
+			}), /* @__PURE__ */ k("p", { children: `${n.length.toLocaleString()} active ${n.length === 1 ? "connection" : "connections"}` })] })
+		}), n.length ? /* @__PURE__ */ k("div", {
 			className: "la-observer-table-frame",
-			children: /* @__PURE__ */ T(H, {
+			children: /* @__PURE__ */ A(W, {
 				"aria-label": `${t} WebSocket connections`,
 				className: "la-observer-connection-table",
-				children: [/* @__PURE__ */ w(U, { children: /* @__PURE__ */ T(G, { children: [/* @__PURE__ */ w(K, {
+				children: [/* @__PURE__ */ k(G, { children: /* @__PURE__ */ A(q, { children: [/* @__PURE__ */ k(J, {
 					scope: "col",
 					children: "Socket"
-				}), /* @__PURE__ */ w(K, {
+				}), /* @__PURE__ */ k(J, {
 					scope: "col",
 					children: "Metadata"
-				})] }) }), /* @__PURE__ */ w(W, { children: n.map((e) => /* @__PURE__ */ T(G, { children: [/* @__PURE__ */ w(q, {
+				})] }) }), /* @__PURE__ */ k(K, { children: n.map((e) => /* @__PURE__ */ A(q, { children: [/* @__PURE__ */ k(Y, {
 					className: "la-observer-socket-id",
 					children: e.id
-				}), /* @__PURE__ */ w(q, { children: /* @__PURE__ */ w("pre", { children: JSON.stringify(e.metadata, null, 2) }) })] }, e.id)) })]
+				}), /* @__PURE__ */ k(Y, { children: /* @__PURE__ */ k("pre", { children: JSON.stringify(e.metadata, null, 2) }) })] }, e.id)) })]
 			})
-		}) : /* @__PURE__ */ T("div", {
+		}) : /* @__PURE__ */ A("div", {
 			className: "la-observer-no-connections",
 			role: "status",
-			children: [/* @__PURE__ */ w(_, { "aria-hidden": "true" }), /* @__PURE__ */ w("p", { children: "No active WebSocket connections." })]
+			children: [/* @__PURE__ */ k(S, { "aria-hidden": "true" }), /* @__PURE__ */ k("p", { children: "No active WebSocket connections." })]
 		})]
 	});
 }
-function Ze({ label: e, placeholder: t, value: n, onChange: r }) {
-	return /* @__PURE__ */ T("div", {
+function rt({ label: e, placeholder: t, value: n, onChange: r }) {
+	return /* @__PURE__ */ A("div", {
 		className: "la-observer-search",
-		children: [/* @__PURE__ */ w(g, { "aria-hidden": "true" }), /* @__PURE__ */ w(F, {
+		children: [/* @__PURE__ */ k(y, { "aria-hidden": "true" }), /* @__PURE__ */ k(R, {
 			type: "search",
 			"aria-label": e,
 			placeholder: t,
@@ -1837,14 +1648,14 @@ function Ze({ label: e, placeholder: t, value: n, onChange: r }) {
 		})]
 	});
 }
-function $({ title: e, description: t, action: n, onReset: r }) {
-	return /* @__PURE__ */ T("div", {
+function it({ title: e, description: t, action: n, onReset: r }) {
+	return /* @__PURE__ */ A("div", {
 		className: "la-observer-empty",
 		children: [
-			/* @__PURE__ */ w(g, { "aria-hidden": "true" }),
-			/* @__PURE__ */ w("h3", { children: e }),
-			/* @__PURE__ */ w("p", { children: t }),
-			n && /* @__PURE__ */ w(P, {
+			/* @__PURE__ */ k(y, { "aria-hidden": "true" }),
+			/* @__PURE__ */ k("h3", { children: e }),
+			/* @__PURE__ */ k("p", { children: t }),
+			n && /* @__PURE__ */ k(L, {
 				type: "button",
 				variant: "outline",
 				onClick: r,
@@ -1853,11 +1664,1573 @@ function $({ title: e, description: t, action: n, onReset: r }) {
 		]
 	});
 }
-function Qe(e, t) {
+function at(e, t) {
 	return e.toLocaleLowerCase().includes(t.trim().toLocaleLowerCase());
 }
-function $e(e) {
+function ot(e) {
 	return e[0].toUpperCase() + e.slice(1);
 }
 //#endregion
-export { Ve as ActorObserver, Ce as HttpObserverClient, Me as RequestObserver, B as TimeRangePicker, I as defaultTimeRange, R as rangeLabel, L as resolveRange };
+//#region src/overview-data.ts
+function st(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))
+	};
+}
+function ct(e, t, n) {
+	return e.filter((e) => e.startedAtMs >= (t.fromMs ?? 0) && e.startedAtMs <= (t.toMs ?? n));
+}
+function lt(e) {
+	return e.actors.reduce((e, t) => ({
+		live: e.live + t.live,
+		dormant: e.dormant + t.dormant,
+		unknown: e.unknown + t.unknown,
+		connections: e.connections + t.instances.reduce((e, t) => e + t.connections.length, 0)
+	}), {
+		live: 0,
+		dormant: 0,
+		unknown: 0,
+		connections: 0
+	});
+}
+function ut(e) {
+	return dt(e.filter((e) => e.outcome !== "rerouted" && e.queueWaitMs !== null).map((e) => e.queueWaitMs));
+}
+function dt(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) {
+	let t = e;
+	if (!t || !pt(t.total) || !Array.isArray(t.classes) || !t.classes.every(pt)) throw Error("Invalid overview metrics response");
+	return t;
+}
+function pt(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) {
+	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)
+	});
+	return {
+		total: n("", e),
+		classes: [...t].map(([e, t]) => n(e, t))
+	};
+}
+//#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);
+	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", {
+		className: "la-observer overview",
+		"aria-label": "Runtime overview",
+		children: [
+			/* @__PURE__ */ A("div", {
+				className: "overview-heading",
+				children: [/* @__PURE__ */ k("h1", { children: "Durable Actors" }), /* @__PURE__ */ A("div", {
+					className: "overview-controls",
+					children: [
+						/* @__PURE__ */ k("span", {
+							className: "overview-updated",
+							children: o.failed ? "Inventory reconnecting…" : o.updatedAt ? /* @__PURE__ */ A(O, { children: ["Last inventory update ", /* @__PURE__ */ k("time", {
+								dateTime: new Date(o.updatedAt).toISOString(),
+								children: new Date(o.updatedAt).toLocaleTimeString([], { hour12: !1 })
+							})] }) : "Connecting…"
+						}),
+						/* @__PURE__ */ k(_e, {
+							value: l,
+							onChange: u,
+							className: "overview-range"
+						}),
+						/* @__PURE__ */ k(L, {
+							variant: "outline",
+							size: "icon",
+							"aria-label": "Refresh overview",
+							onClick: () => {
+								o.retry(), m.retry(), h.retry();
+							},
+							children: /* @__PURE__ */ k(te, { "aria-hidden": "true" })
+						})
+					]
+				})]
+			}),
+			o.failed && /* @__PURE__ */ A("p", {
+				className: "overview-alert",
+				role: "alert",
+				children: [
+					"Inventory unavailable. ",
+					o.inventory ? "Showing the last received counts; they may be out of date." : "Check your connection and access.",
+					" Retrying automatically."
+				]
+			}),
+			v && /* @__PURE__ */ A("p", {
+				className: "overview-alert",
+				role: "alert",
+				children: [
+					m.supported ? "Request history unavailable." : "Request stream unavailable.",
+					" ",
+					_ ? "Showing the last received metrics." : "Request metrics are not available yet.",
+					" ",
+					"Retrying automatically."
+				]
+			}),
+			/* @__PURE__ */ k(gt, {
+				inventory: o.inventory,
+				metrics: _,
+				range: l
+			}),
+			/* @__PURE__ */ k(_t, {
+				inventory: o.inventory,
+				metrics: _,
+				failed: o.failed,
+				onSelectActor: n
+			}),
+			/* @__PURE__ */ k(xt, {
+				page: m.supported ? void 0 : h.page,
+				range: l,
+				saved: m.supported
+			})
+		]
+	});
+}
+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", {
+		className: "overview-metrics",
+		children: [
+			/* @__PURE__ */ A("section", {
+				className: "overview-metric",
+				children: [
+					/* @__PURE__ */ k("h2", { children: "Actor instances" }),
+					/* @__PURE__ */ A("div", {
+						className: "overview-value",
+						children: [/* @__PURE__ */ k("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__ */ k("div", {
+						className: "overview-residency",
+						"aria-hidden": "true",
+						children: r && Object.entries(r).filter(([e]) => e !== "connections").map(([e, t]) => /* @__PURE__ */ k("span", {
+							className: `residency-${e}`,
+							style: { flexGrow: t }
+						}, e))
+					}),
+					/* @__PURE__ */ A("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__ */ A("section", {
+				className: "overview-metric",
+				children: [
+					/* @__PURE__ */ k("h2", { children: "Requests" }),
+					/* @__PURE__ */ A("div", {
+						className: "overview-value",
+						children: [/* @__PURE__ */ k("strong", {
+							"aria-label": "Retained requests",
+							children: Z(a?.count)
+						}), /* @__PURE__ */ k("span", { children: H(n) })]
+					}),
+					/* @__PURE__ */ A("div", {
+						className: "overview-health",
+						children: [
+							/* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k(yt, {
+								value: a?.success,
+								kind: "success"
+							}), " success"] }),
+							/* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k(yt, {
+								value: a?.p95,
+								kind: "latency"
+							}), " p95 latency"] }),
+							/* @__PURE__ */ A("span", { children: [/* @__PURE__ */ k("b", { children: Ct(a?.queueP95) }), " p95 queue wait"] })
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ A("section", {
+				className: "overview-metric",
+				children: [
+					/* @__PURE__ */ k("h2", { children: "WebSocket connections" }),
+					/* @__PURE__ */ A("div", {
+						className: "overview-value",
+						children: [/* @__PURE__ */ k("strong", {
+							"aria-label": "Open WebSocket connections",
+							children: Z(r?.connections)
+						}), /* @__PURE__ */ k("span", { children: "open" })]
+					}),
+					/* @__PURE__ */ A("div", {
+						className: "overview-health",
+						children: [/* @__PURE__ */ k("span", { children: "Current inventory snapshot" }), /* @__PURE__ */ k("span", { children: "Active sockets" })]
+					})
+				]
+			})
+		]
+	});
+}
+function _t({ 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", {
+		"aria-label": "Actor classes",
+		children: [/* @__PURE__ */ A("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", {
+			className: "overview-panel",
+			children: [
+				/* @__PURE__ */ A("div", {
+					className: "overview-filterbar",
+					children: [/* @__PURE__ */ A("div", {
+						className: "overview-search",
+						children: [/* @__PURE__ */ k(y, { "aria-hidden": "true" }), /* @__PURE__ */ k(R, {
+							"aria-label": "Filter actor classes",
+							placeholder: "Filter actor classes…",
+							value: i,
+							onInput: (e) => o(e.currentTarget.value)
+						})]
+					}), /* @__PURE__ */ A("select", {
+						"aria-label": "Filter by residency",
+						value: s,
+						onChange: (e) => c(e.target.value),
+						children: [
+							/* @__PURE__ */ k("option", {
+								value: "all",
+								children: "All states"
+							}),
+							/* @__PURE__ */ k("option", {
+								value: "live",
+								children: "Live instances"
+							}),
+							/* @__PURE__ */ k("option", {
+								value: "dormant",
+								children: "Dormant instances"
+							}),
+							/* @__PURE__ */ k("option", {
+								value: "unknown",
+								children: "Unknown residency"
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ k("div", {
+					className: "overview-table-scroll",
+					role: "region",
+					"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"
+								}),
+								/* @__PURE__ */ k("th", {
+									scope: "col",
+									children: "p95 queue wait"
+								}),
+								/* @__PURE__ */ k("th", {
+									scope: "col",
+									children: "Connected"
+								})
+							] })] }),
+							/* @__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)) })
+						]
+					})
+				}),
+				!l.length && /* @__PURE__ */ A("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, {
+							variant: "outline",
+							onClick: () => {
+								o(""), c("all");
+							},
+							children: "Clear filters"
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+function vt({ actor: e, metrics: t, onSelectActor: n }) {
+	return /* @__PURE__ */ A("tr", {
+		className: "la-clickable-row",
+		onClick: () => n(e.actorName),
+		children: [
+			/* @__PURE__ */ k("td", { children: /* @__PURE__ */ k(L, {
+				variant: "ghost",
+				type: "button",
+				className: "overview-class-link",
+				"aria-label": `Inspect ${e.actorName}`,
+				children: /* @__PURE__ */ k("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, {
+				value: t?.success,
+				kind: "success"
+			}) }),
+			/* @__PURE__ */ k("td", { children: /* @__PURE__ */ k(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)) })
+		]
+	});
+}
+function yt({ value: e, kind: t }) {
+	if (e == null) return /* @__PURE__ */ k("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", {
+		className: `overview-signal signal-${n}`,
+		title: n === "bad" ? "Critical threshold breached" : n === "warn" ? "Warning threshold breached" : "Within threshold",
+		children: [n !== "good" && /* @__PURE__ */ k("span", {
+			"aria-hidden": "true",
+			children: n === "warn" ? "!" : "×"
+		}), t === "success" ? `${e.toLocaleString(void 0, { maximumFractionDigits: 2 })}%` : Ct(e)]
+	});
+}
+function bt() {
+	return /* @__PURE__ */ A("details", {
+		className: "overview-thresholds",
+		children: [/* @__PURE__ */ A("summary", { children: [/* @__PURE__ */ A("span", {
+			className: "threshold-dots",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ k("i", {}),
+				/* @__PURE__ */ k("i", {}),
+				/* @__PURE__ */ k("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." })
+		] })]
+	});
+}
+function xt({ page: e, range: t, saved: n }) {
+	return /* @__PURE__ */ A("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", {
+				role: "alert",
+				children: [Z(e.dropped), " traces were not delivered. Request metrics are incomplete."]
+			}),
+			e?.persistenceFailed && /* @__PURE__ */ k("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." })
+		]
+	});
+}
+function St(e) {
+	return {
+		actorName: e,
+		count: 0,
+		success: null,
+		p95: null,
+		queueP95: null
+	};
+}
+function Z(e) {
+	return e === void 0 ? "—" : e.toLocaleString();
+}
+function Ct(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");
+	return e;
+}
+function Ft(e, t, n) {
+	return JSON.stringify([
+		e,
+		t,
+		n
+	]);
+}
+function It(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,
+		t.actorId,
+		n.id
+	]), n.metadata);
+	let i = e.map((e) => {
+		let t = JSON.stringify([
+			e.actorName,
+			e.actorId,
+			e.connectionId
+		]), n = e.closedAtMs === null ? r.has(t) ? "open" : "lost" : "closed";
+		return n === "open" ? {
+			...e,
+			status: n,
+			metadata: r.get(t)
+		} : {
+			...e,
+			status: n
+		};
+	}), a = new Set(i.map((e) => JSON.stringify([
+		e.actorName,
+		e.actorId,
+		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);
+		if (a.has(o)) continue;
+		let s = n.get(o);
+		i.unshift({
+			connectionId: r.id,
+			actorName: e.actorName,
+			actorId: t.actorId,
+			hostId: null,
+			openedAtMs: s ?? null,
+			estimatedStart: s !== void 0,
+			closedAtMs: null,
+			lastSeenMs: null,
+			messages: 0,
+			failures: 0,
+			status: "open",
+			metadata: r.metadata
+		});
+	}
+	return i;
+}
+function Lt(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 {
+		ms: Math.max(0, n - e.openedAtMs),
+		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);
+	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),
+		messages: r,
+		messagesPerSession: e.length ? r / e.length : null
+	};
+}
+function zt(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);
+	if (t < 60) return `${t}m ${Math.floor(e % 6e4 / 1e3)}s`;
+	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) {
+	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);
+	if (!n.length) return null;
+	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) {
+	return e.length ? e.sort((e, t) => e - t)[Math.max(0, Math.ceil(e.length * t) - 1)] : null;
+}
+function Ht(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,
+		e.lastSeenMs
+	].every((e) => e === null || Number.isSafeInteger(e) && Number(e) >= 0) && [e.messages, e.failures].every((e) => Number.isSafeInteger(e) && Number(e) >= 0) && (e.openedAtMs !== null || e.lastSeenMs !== null);
+}
+//#endregion
+//#region src/SocketTimeline.tsx
+var Ut = 18, Wt = 8, Gt = 40, Q = 6e4, $ = 60 * Q, Kt = 24 * $, qt = [
+	1e3,
+	2e3,
+	5e3,
+	1e4,
+	15e3,
+	3e4,
+	Q,
+	2 * Q,
+	5 * Q,
+	10 * Q,
+	15 * Q,
+	30 * Q,
+	$,
+	2 * $,
+	3 * $,
+	6 * $,
+	12 * $,
+	Kt,
+	2 * Kt,
+	7 * Kt
+];
+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) => {
+		let n = t.getBoundingClientRect(), r = t.closest(".socket-timeline").getBoundingClientRect(), i = n.top - r.top < 150;
+		c({
+			session: e,
+			left: Math.min(Math.max(n.left - r.left + n.width / 2, 120), r.width - 120),
+			top: i ? n.bottom - r.top : n.top - r.top,
+			below: i
+		});
+	};
+	return /* @__PURE__ */ A("div", {
+		className: "socket-timeline",
+		role: "group",
+		"aria-label": "Connection timeline",
+		onMouseLeave: () => c(void 0),
+		children: [
+			/* @__PURE__ */ A("div", {
+				className: "socket-timeline-axis",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ k("span", {}), /* @__PURE__ */ A("div", { children: [f.map((e) => /* @__PURE__ */ k("span", {
+					style: { left: m(e) },
+					children: rn(e, p)
+				}, e)), /* @__PURE__ */ k("span", {
+					className: "socket-timeline-now",
+					children: r
+				})] })]
+			}),
+			/* @__PURE__ */ A("div", {
+				className: "socket-timeline-body",
+				children: [
+					/* @__PURE__ */ k("div", {
+						className: "socket-timeline-grid",
+						"aria-hidden": "true",
+						children: f.map((e) => /* @__PURE__ */ k("i", { style: { left: m(e) } }, e))
+					}),
+					u.map((e) => /* @__PURE__ */ A("div", {
+						className: "socket-timeline-row",
+						children: [/* @__PURE__ */ A("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", {
+							className: "socket-timeline-lanes",
+							style: { height: e.rows.length * Ut + 16 },
+							children: e.rows.flatMap((e, t) => e.map((e) => /* @__PURE__ */ k("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
+								},
+								"aria-label": cn(e.session, n),
+								onClick: (t) => o(e.session, t.currentTarget),
+								onMouseEnter: (t) => h(e.session, t.currentTarget),
+								onFocus: (t) => h(e.session, t.currentTarget),
+								onBlur: () => c(void 0)
+							}, e.session.connectionId)))
+						})]
+					}, e.key)),
+					l.length > Gt && /* @__PURE__ */ A("p", {
+						className: "socket-timeline-more",
+						children: [
+							(l.length - Gt).toLocaleString(),
+							" more ",
+							l.length - Gt === 1 ? "instance is" : "instances are",
+							" listed in the table below."
+						]
+					})
+				]
+			}),
+			s && /* @__PURE__ */ A("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: [
+						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() })
+				] })]
+			})
+		]
+	});
+}
+var Yt = 4;
+function Xt({ 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", {
+		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: [
+			"+",
+			t.length - Yt,
+			" 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);
+	for (let e of i) {
+		let i = `${e.session.actorName}${e.session.actorId}`, a = r.get(i) ?? {
+			key: i,
+			actorName: e.session.actorName,
+			actorId: e.session.actorId,
+			rows: []
+		};
+		r.set(i, a);
+		let o = a.rows.find((r) => r.at(-1).to + $t(t, n) <= e.from);
+		o ? o.push(e) : a.rows.push([e]);
+	}
+	return [...r.values()].sort((e, t) => en(t) - en(e));
+}
+function Qt(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)),
+		openEnded: e.status !== "closed",
+		unknownStart: e.openedAtMs === null
+	};
+}
+function $t(e, t) {
+	return Math.max(1, (t - e) / 160);
+}
+function en(e) {
+	return Math.max(...e.rows.flat().map((e) => e.to));
+}
+function tn(e, t) {
+	let n = nn(Math.max(1, t - e)), r = [];
+	for (let i = Math.floor(e / n) * n + n; i < t - n * .35; i += n) r.push(i);
+	return r;
+}
+function nn(e) {
+	return qt.find((t) => e / t <= 9) ?? qt.at(-1);
+}
+function rn(e, t) {
+	let n = new Date(e);
+	return t >= Kt ? n.toLocaleDateString([], {
+		month: "short",
+		day: "numeric"
+	}) : t >= Q ? n.toLocaleTimeString([], {
+		hour: "2-digit",
+		minute: "2-digit",
+		hour12: !1
+	}) : n.toLocaleTimeString([], { hour12: !1 });
+}
+function an(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 sn(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)}`;
+}
+//#endregion
+//#region src/socket-history.ts
+function ln(e, t) {
+	let n = Pe(e, t, e.listWebSockets, 5e3);
+	return {
+		...n,
+		rows: n.value,
+		capped: (n.value?.length ?? 0) >= 500
+	};
+}
+//#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);
+	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,
+		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,
+		className: "la-observer overview websockets",
+		"aria-label": "WebSocket observer",
+		children: [
+			/* @__PURE__ */ A("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", {
+					className: "overview-controls",
+					children: [
+						/* @__PURE__ */ k("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 })
+							})] }) : null
+						}),
+						E.supported && /* @__PURE__ */ k(_e, {
+							value: p,
+							onChange: m,
+							className: "overview-range"
+						}),
+						/* @__PURE__ */ k(L, {
+							variant: "outline",
+							size: "icon",
+							"aria-label": "Refresh connections",
+							onClick: () => {
+								u(), E.retry();
+							},
+							children: /* @__PURE__ */ k(te, { "aria-hidden": "true" })
+						})
+					]
+				})]
+			}),
+			l && /* @__PURE__ */ A("p", {
+				role: "alert",
+				className: "overview-alert",
+				children: [
+					"Could not refresh connections.",
+					" ",
+					c ? "Showing the last received inventory; it may be out of date." : "Open connections cannot be confirmed, so unfinished sessions show as lost.",
+					" Retrying automatically."
+				]
+			}),
+			E.failed && /* @__PURE__ */ A("p", {
+				role: "alert",
+				className: "overview-alert",
+				children: [
+					"Connection history unavailable. ",
+					E.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,
+				range: p
+			}),
+			/* @__PURE__ */ A("div", {
+				className: "socket-filterbar",
+				children: [/* @__PURE__ */ k(Mt, {
+					label: "Filter connections",
+					placeholder: "Filter by connection, actor, instance, or host…",
+					value: _,
+					onChange: v,
+					suggestions: I
+				}), /* @__PURE__ */ A("select", {
+					"aria-label": "Filter by status",
+					value: ee,
+					onChange: (e) => y(e.target.value),
+					children: [
+						/* @__PURE__ */ k("option", {
+							value: "all",
+							children: "All statuses"
+						}),
+						/* @__PURE__ */ k("option", {
+							value: "open",
+							children: "Open"
+						}),
+						/* @__PURE__ */ k("option", {
+							value: "closed",
+							children: "Closed"
+						}),
+						/* @__PURE__ */ k("option", {
+							value: "lost",
+							children: "Lost"
+						})
+					]
+				})]
+			}),
+			E.supported && /* @__PURE__ */ A("section", {
+				className: "overview-panel socket-timeline-panel",
+				"aria-label": "Connection timeline",
+				children: [/* @__PURE__ */ A("div", {
+					className: "socket-panel-heading",
+					children: [/* @__PURE__ */ A("h2", { children: ["Timeline ", /* @__PURE__ */ k("span", { children: P.length.toLocaleString() })] }), /* @__PURE__ */ A("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"] })
+						]
+					})]
+				}), P.length ? /* @__PURE__ */ k(Jt, {
+					sessions: P,
+					start: re,
+					end: T,
+					endLabel: w.toMs === void 0 ? "now" : new Date(w.toMs).toLocaleTimeString([], {
+						hour: "2-digit",
+						minute: "2-digit",
+						hour12: !1
+					}),
+					selected: b,
+					onSelect: (e, t) => {
+						C.current = t, x(e);
+					}
+				}) : /* @__PURE__ */ A("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." })]
+				})]
+			}),
+			/* @__PURE__ */ A("div", {
+				className: "overview-panel",
+				children: [/* @__PURE__ */ k("div", {
+					className: "overview-table-scroll",
+					role: "region",
+					"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", {
+					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, {
+							variant: "outline",
+							onClick: () => {
+								v(""), y("all");
+							},
+							children: "Clear filter"
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ k("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." })
+			}),
+			/* @__PURE__ */ k(Te, {
+				open: !!b,
+				onOpenChange: (e) => {
+					e || x(void 0);
+				},
+				children: /* @__PURE__ */ A(Oe, {
+					container: S.current,
+					onCloseAutoFocus: (e) => {
+						e.preventDefault(), C.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,
+							now: h,
+							onSelectActor: n
+						})
+					]
+				})
+			})
+		]
+	});
+}
+function dn({ summary: e, ready: t, history: n, range: r }) {
+	return /* @__PURE__ */ A("div", {
+		className: "overview-metrics socket-metrics",
+		children: [
+			/* @__PURE__ */ A("section", {
+				className: "overview-metric",
+				children: [
+					/* @__PURE__ */ k("h2", { children: "Open now" }),
+					/* @__PURE__ */ A("div", {
+						className: "overview-value",
+						children: [/* @__PURE__ */ k("strong", {
+							"aria-label": "Open WebSocket connections",
+							children: t ? e.open.toLocaleString() : "—"
+						}), /* @__PURE__ */ k("span", { children: "live connections" })]
+					}),
+					/* @__PURE__ */ k("div", {
+						className: "overview-metric-foot",
+						children: /* @__PURE__ */ k("span", { children: "Latest host report" })
+					})
+				]
+			}),
+			/* @__PURE__ */ A("section", {
+				className: "overview-metric",
+				children: [
+					/* @__PURE__ */ k("h2", { children: "Sessions" }),
+					/* @__PURE__ */ A("div", {
+						className: "overview-value",
+						children: [/* @__PURE__ */ k("strong", {
+							"aria-label": "WebSocket sessions",
+							children: n ? e.total.toLocaleString() : "—"
+						}), /* @__PURE__ */ k("span", { children: r.kind === "absolute" ? V(r) : H(r) })]
+					}),
+					/* @__PURE__ */ A("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"] })]
+					})
+				]
+			}),
+			/* @__PURE__ */ A("section", {
+				className: "overview-metric",
+				children: [
+					/* @__PURE__ */ k("h2", { children: "Session duration" }),
+					/* @__PURE__ */ A("div", {
+						className: "overview-value",
+						children: [/* @__PURE__ */ k("strong", {
+							"aria-label": "Median session duration",
+							children: n && e.median !== null ? zt(e.median) : "—"
+						}), /* @__PURE__ */ k("span", { children: "median" })]
+					}),
+					/* @__PURE__ */ A("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" })]
+					})
+				]
+			}),
+			/* @__PURE__ */ A("section", {
+				className: "overview-metric",
+				children: [
+					/* @__PURE__ */ k("h2", { children: "Messages" }),
+					/* @__PURE__ */ A("div", {
+						className: "overview-value",
+						children: [/* @__PURE__ */ k("strong", {
+							"aria-label": "WebSocket messages",
+							children: n ? e.messages.toLocaleString() : "—"
+						}), /* @__PURE__ */ k("span", { children: "received" })]
+					}),
+					/* @__PURE__ */ k("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"] })
+					})
+				]
+			})
+		]
+	});
+}
+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", {
+		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", {
+				className: `socket-status socket-status-${e.status}`,
+				children: [/* @__PURE__ */ k("i", {
+					className: `socket-swatch socket-swatch-${e.status}`,
+					"aria-hidden": "true"
+				}), an(e.status)]
+			}) }),
+			/* @__PURE__ */ k("td", { children: /* @__PURE__ */ k("button", {
+				type: "button",
+				className: "socket-connection",
+				title: e.connectionId,
+				"aria-label": `Inspect connection ${e.connectionId}`,
+				children: sn(e.connectionId)
+			}) }),
+			/* @__PURE__ */ k("td", {
+				title: e.actorName,
+				children: e.actorName
+			}),
+			/* @__PURE__ */ k("td", {
+				title: e.actorId,
+				children: e.actorId
+			}),
+			/* @__PURE__ */ k("td", { children: e.openedAtMs === null ? /* @__PURE__ */ k("span", {
+				title: "The connect event is not in retained history",
+				children: "—"
+			}) : /* @__PURE__ */ A("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", {
+				className: "socket-duration",
+				children: [/* @__PURE__ */ k("span", { children: on(e, t) }), /* @__PURE__ */ k("i", {
+					className: `socket-duration-bar socket-duration-${e.status}`,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ k("b", { style: { width: `${o * 100}%` } })
+				})]
+			}) }),
+			/* @__PURE__ */ k("td", { children: e.messages.toLocaleString() }),
+			/* @__PURE__ */ k("td", { children: e.metadata === void 0 ? /* @__PURE__ */ k("span", {
+				title: "No metadata was recorded for this connection",
+				children: "—"
+			}) : /* @__PURE__ */ k("code", {
+				className: "socket-metadata",
+				title: JSON.stringify(e.metadata),
+				children: JSON.stringify(e.metadata)
+			}) })
+		]
+	});
+}
+function pn({ session: e, now: t, onSelectActor: n }) {
+	let r = {
+		Status: e.status === "lost" ? "Lost — no disconnect recorded" : an(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),
+		Messages: e.messages.toLocaleString(),
+		Failures: e.failures.toLocaleString(),
+		Host: e.hostId ?? "Unknown"
+	};
+	return /* @__PURE__ */ A(O, { children: [
+		/* @__PURE__ */ k("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))
+		}),
+		e.metadata !== void 0 && /* @__PURE__ */ A("details", {
+			className: "socket-metadata-details",
+			open: !0,
+			children: [/* @__PURE__ */ k("summary", { children: "Metadata" }), /* @__PURE__ */ k("pre", { children: JSON.stringify(e.metadata, null, 2) })]
+		}),
+		n && /* @__PURE__ */ A(L, {
+			variant: "outline",
+			onClick: () => n(e.actorName),
+			children: ["Open ", e.actorName]
+		})
+	] });
+}
+function mn(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) {
+	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;
+		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) {
+			if (i.length) {
+				let e = Date.now();
+				o((t) => new Map([...t, ...i.map((t) => [t, e])]));
+			}
+			n();
+		}
+	}, [e]), r;
+}
+function gn(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) {
+		let e = n.get(t.actorName) ?? /* @__PURE__ */ new Set();
+		n.set(t.actorName, e.add(t.actorId));
+	}
+	return [...[...n.keys()].map((e) => ({
+		group: "Actor class",
+		value: e,
+		hint: `${n.get(e).size.toLocaleString()} ${n.get(e).size === 1 ? "instance" : "instances"}`
+	})), ...[...n].flatMap(([e, t]) => [...t].map((t) => ({
+		group: "Instances",
+		value: t,
+		hint: e
+	})))];
+}
+function _n(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 = [
+	{
+		id: "overview",
+		label: "Durable Actors",
+		icon: _
+	},
+	{
+		id: "actors",
+		label: "Actors",
+		icon: c
+	},
+	{
+		id: "requests",
+		label: "Requests",
+		icon: o
+	},
+	{
+		id: "websockets",
+		label: "WebSockets",
+		icon: l
+	}
+];
+function yn({ client: e, toggleTheme: t }) {
+	let [n, r] = a("overview"), [i, o] = a(), [l, u] = a(z), d = {
+		timeRange: l,
+		onTimeRangeChange: u
+	};
+	function f(e) {
+		o(e), r("actors");
+	}
+	return /* @__PURE__ */ A("div", {
+		className: "console-shell",
+		children: [
+			/* @__PURE__ */ k("a", {
+				className: "skip-link",
+				href: "#main",
+				children: "Skip to content"
+			}),
+			/* @__PURE__ */ A("aside", {
+				className: "console-sidebar",
+				children: [
+					/* @__PURE__ */ A("div", {
+						className: "console-brand",
+						children: [/* @__PURE__ */ k(g, { "aria-hidden": "true" }), /* @__PURE__ */ k("strong", { children: "Terse" })]
+					}),
+					/* @__PURE__ */ k("nav", {
+						"aria-label": "Observability",
+						children: vn.map((e) => /* @__PURE__ */ A("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]
+						}, e.id))
+					}),
+					/* @__PURE__ */ A("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" })] })]
+					})
+				]
+			}),
+			/* @__PURE__ */ A("div", {
+				className: "console-workspace",
+				children: [/* @__PURE__ */ A("header", {
+					className: "console-topbar",
+					children: [/* @__PURE__ */ k("button", {
+						className: "theme-toggle",
+						type: "button",
+						onClick: t,
+						"aria-label": "Toggle color theme",
+						children: /* @__PURE__ */ k(x, { "aria-hidden": "true" })
+					}), /* @__PURE__ */ A("a", {
+						href: "https://github.com/TerseAI/durable-actors#readme",
+						target: "_blank",
+						rel: "noopener noreferrer",
+						children: ["Docs", /* @__PURE__ */ k(s, { "aria-hidden": "true" })]
+					})]
+				}), /* @__PURE__ */ A("main", {
+					id: "main",
+					tabIndex: -1,
+					children: [
+						n === "overview" && /* @__PURE__ */ k(ht, {
+							client: e,
+							onSelectActor: f,
+							...d
+						}),
+						n === "actors" && /* @__PURE__ */ k(qe, {
+							client: e,
+							navigation: {
+								actorName: i,
+								onSelectActor: o
+							},
+							...d
+						}),
+						n === "requests" && /* @__PURE__ */ k(Ie, {
+							client: e,
+							...d
+						}),
+						n === "websockets" && /* @__PURE__ */ k(un, {
+							client: e,
+							onSelectActor: f,
+							...d
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client.ts
+var bn = class {
+	baseUrl;
+	request;
+	constructor(e = "/api/observe", t = globalThis.fetch.bind(globalThis)) {
+		this.baseUrl = e, this.request = t;
+	}
+	async getMetrics(e, t) {
+		return ft(await this.get(`metrics${xn(e)}`, t));
+	}
+	async listQueueWaits(e, t) {
+		return Ve(await this.get(`queue-waits${xn(e)}`, t));
+	}
+	async listWebSockets(e, t) {
+		return Pt(await this.get(`websockets${xn(e)}`, t));
+	}
+	async listActors(e) {
+		let t = await this.get("actors", e);
+		if (!Sn(t)) throw Error("Invalid actor inventory response.");
+		return t;
+	}
+	async watchActors(e, t) {
+		return this.watch("events", "inventory", Sn, e, t);
+	}
+	async watchRequests(e, t, n) {
+		let r = n ? `?${new URLSearchParams({ after: n })}` : "";
+		return this.watch(`requests/events${r}`, "requests", Tn, e, t);
+	}
+	async listRequests(e, t) {
+		let n = await this.get(`requests${xn(e)}`, t);
+		if (!Tn(n)) throw Error("Invalid request history response");
+		return n;
+	}
+	async watch(e, t, n, r, i) {
+		let a = await this.request(`${this.baseUrl.replace(/\/$/u, "")}/${e}`, {
+			signal: i,
+			credentials: "same-origin",
+			redirect: "error",
+			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) {
+			if (i.aborted) return;
+			if (e.event === "error") throw Error("Live inventory is unavailable");
+			if (e.event !== t) return;
+			let a = JSON.parse(e.data);
+			if (!n(a)) throw Error("Invalid observer response");
+			r(a);
+		} }), l = () => {
+			o.cancel().catch(() => {});
+		};
+		i.addEventListener("abort", l, { once: !0 });
+		try {
+			for (; !i.aborted;) {
+				let { value: e, done: t } = await o.read();
+				if (t) break;
+				c.feed(s.decode(e, { stream: !0 }));
+			}
+			if (!i.aborted) throw Error("Live inventory disconnected");
+		} finally {
+			i.removeEventListener("abort", l), await o.cancel().catch(() => {}), o.releaseLock();
+		}
+	}
+	async checkConnection(e) {
+		let t = await this.get("connection", e);
+		if (!t || typeof t != "object" || !("connected" in t) || t.connected !== !0) throw Error("Invalid connection response.");
+	}
+	async get(e, t) {
+		let n = await this.request(`${this.baseUrl.replace(/\/$/u, "")}/${e}`, {
+			method: "GET",
+			credentials: "same-origin",
+			redirect: "error",
+			signal: t,
+			headers: { accept: "application/json" }
+		});
+		if (!n.ok) throw Error(`Connection check failed (HTTP ${n.status}).`);
+		return n.json();
+	}
+};
+function xn(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) {
+	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));
+}
+function Cn(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"));
+}
+function wn(e) {
+	return !!e && typeof e == "object" && "id" in e && typeof e.id == "string" && "metadata" in e;
+}
+function Tn(e) {
+	if (!e || typeof e != "object") return !1;
+	let t = e;
+	return typeof t.epoch == "string" && [
+		t.cursor,
+		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);
+}
+function En(e) {
+	return Number.isSafeInteger(e) && Number(e) >= 0;
+}
+function Dn(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) && [
+		t.requestId,
+		t.hostId,
+		t.sessionId,
+		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) && [
+		"completed",
+		"failed",
+		"rejected",
+		"rerouted",
+		"interrupted"
+	].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 };