durable-actors-observer 0.1.0

package/dist/index.js

@@ -0,0 +1,1863 @@
+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";
+//#region src/lib/utils.ts
+var j = S({ prefix: "la" });
+function M(...e) {
+	return j(x(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", {
+	variants: {
+		variant: {
+			default: "la:bg-primary la:text-primary-foreground la:shadow-[var(--shadow-control)] la:hover:bg-primary/88",
+			destructive: "la:bg-destructive la:text-white la:hover:bg-destructive/90 la:focus-visible:ring-destructive/20 la:dark:focus-visible:ring-destructive/40 la:dark:bg-destructive/60",
+			outline: "la:border la:border-input la:bg-card la:hover:border-foreground/20 la:hover:bg-accent la:hover:text-accent-foreground la:dark:bg-card",
+			secondary: "la:bg-secondary la:text-secondary-foreground la:hover:bg-secondary/80",
+			ghost: "la:bg-transparent la:hover:bg-accent la:hover:text-accent-foreground la:dark:hover:bg-accent/50",
+			link: "la:bg-transparent la:text-primary la:underline-offset-4 la:hover:underline"
+		},
+		size: {
+			default: "la:h-9 la:px-4 la:py-2 la:max-md:min-h-11 la:has-[>svg]:px-3",
+			sm: "la:h-8 la:gap-1.5 la:px-3 la:max-md:min-h-11 la:has-[>svg]:px-2.5",
+			lg: "la:h-10 la:px-5 la:max-md:min-h-11 la:has-[>svg]:px-4",
+			icon: "la:size-9 la:max-md:size-11",
+			"icon-sm": "la:size-8 la:max-md:size-11",
+			"icon-lg": "la:size-10 la:max-md:size-11"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function P({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
+	return /* @__PURE__ */ w(r ? y : "button", {
+		"data-slot": "button",
+		className: M(N({
+			variant: t,
+			size: n,
+			className: e
+		})),
+		...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, {
+		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),
+		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),
+			...t
+		},
+		components: {
+			Root: ({ className: e, rootRef: t, ...n }) => /* @__PURE__ */ w("div", {
+				"data-slot": "calendar",
+				ref: t,
+				className: M(e),
+				...n
+			}),
+			Chevron: ({ className: e, orientation: t, ...n }) => w(t === "left" ? u : t === "right" ? d : l, {
+				className: M("la:size-4", e),
+				...n
+			}),
+			DayButton: te,
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ w("td", {
+				...t,
+				children: /* @__PURE__ */ w("div", {
+					className: "la:flex la:size-(--cell-size) la:items-center la:justify-center la:text-center",
+					children: e
+				})
+			}),
+			...o
+		},
+		...s
+	});
+}
+function te({ className: t, day: n, modifiers: r, ...i }) {
+	let a = D(), o = e.useRef(null);
+	return e.useEffect(() => {
+		r.focused && o.current?.focus();
+	}, [r.focused]), /* @__PURE__ */ w(P, {
+		ref: o,
+		variant: "ghost",
+		size: "icon",
+		"data-day": n.date.toLocaleDateString(),
+		"data-selected-single": r.selected && !r.range_start && !r.range_end && !r.range_middle,
+		"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),
+		...i
+	});
+}
+//#endregion
+//#region src/components/ui/input.tsx
+function F({ className: e, type: t, ...n }) {
+	return /* @__PURE__ */ w("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),
+		...n
+	});
+}
+//#endregion
+//#region src/components/ui/popover.tsx
+function ne({ ...e }) {
+	return /* @__PURE__ */ w(O.Root, {
+		"data-slot": "popover",
+		...e
+	});
+}
+function re({ ...e }) {
+	return /* @__PURE__ */ w(O.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, {
+		"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),
+		...r
+	}) });
+}
+//#endregion
+//#region src/time-range.ts
+var ae = [
+	{
+		minutes: 5,
+		label: "Last 5 minutes"
+	},
+	{
+		minutes: 15,
+		label: "Last 15 minutes"
+	},
+	{
+		minutes: 60,
+		label: "Last hour"
+	},
+	{
+		minutes: 360,
+		label: "Last 6 hours"
+	},
+	{
+		minutes: 1440,
+		label: "Last 24 hours"
+	},
+	{
+		minutes: 10080,
+		label: "Last 7 days"
+	}
+], I = {
+	kind: "relative",
+	minutes: 60
+};
+function L(e, t) {
+	switch (e.kind) {
+		case "relative": return { fromMs: Math.floor((t - e.minutes * 6e4) / 6e4) * 6e4 };
+		case "absolute": return {
+			fromMs: e.fromMs,
+			toMs: e.toMs
+		};
+		case "all": return {};
+	}
+}
+function R(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 "all": return "All retained";
+	}
+}
+function z(e) {
+	switch (e.kind) {
+		case "relative": return `in the ${R(e).toLocaleLowerCase()}`;
+		case "absolute": return `between ${R(e)}`;
+		case "all": return "in retained history";
+	}
+}
+function oe(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) {
+	let n = new Date(e), r = n.toDateString() === new Date(t).toDateString(), i = n.toLocaleTimeString([], {
+		hour: "2-digit",
+		minute: "2-digit",
+		hour12: !1
+	});
+	return r && e > t ? i : `${n.toLocaleDateString([], {
+		month: "short",
+		day: "numeric"
+	})} ${i}`;
+}
+//#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);
+	};
+	return /* @__PURE__ */ T(ne, {
+		open: o,
+		onOpenChange: (t) => {
+			t && (d(le(e)), p(!1)), l(t);
+		},
+		children: [/* @__PURE__ */ w(re, {
+			asChild: !0,
+			children: /* @__PURE__ */ T(P, {
+				type: "button",
+				variant: "outline",
+				className: r,
+				"aria-label": `Time range: ${R(e)}`,
+				children: [
+					/* @__PURE__ */ w(s, { "aria-hidden": "true" }),
+					/* @__PURE__ */ w("span", {
+						className: "la:truncate la:tabular-nums",
+						children: R(e)
+					}),
+					/* @__PURE__ */ w(c, {
+						"aria-hidden": "true",
+						className: "la:text-muted-foreground"
+					})
+				]
+			})
+		}), /* @__PURE__ */ T(ie, {
+			align: i,
+			"aria-label": "Time range",
+			className: "la:flex la:w-auto la:p-0 la:text-sm",
+			children: [/* @__PURE__ */ T("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, {
+					label: t.label,
+					selected: oe(e, {
+						kind: "relative",
+						minutes: t.minutes
+					}),
+					onSelect: () => m({
+						kind: "relative",
+						minutes: t.minutes
+					})
+				}, t.minutes)), n && /* @__PURE__ */ w(ce, {
+					label: "All retained",
+					selected: e.kind === "all",
+					onSelect: () => m({ kind: "all" })
+				})]
+			}), /* @__PURE__ */ T("form", {
+				className: "la:flex la:w-[22rem] la:flex-col",
+				"aria-label": "Custom range",
+				onSubmit: (e) => {
+					e.preventDefault();
+					let t = ue(u);
+					if (!t) {
+						p(!0);
+						return;
+					}
+					p(!1), m(t);
+				},
+				children: [
+					/* @__PURE__ */ w(ee, {
+						mode: "range",
+						numberOfMonths: 1,
+						defaultMonth: u.dates?.to ?? u.dates?.from,
+						selected: u.dates,
+						onSelect: (e) => d((t) => ({
+							...t,
+							dates: e
+						})),
+						disabled: { after: /* @__PURE__ */ new Date() }
+					}),
+					/* @__PURE__ */ T("div", {
+						className: "la:flex la:items-end la:gap-2 la:border-t la:px-3 la:py-3",
+						children: [
+							/* @__PURE__ */ T("label", {
+								className: "la:grid la:gap-1 la:text-xs la:text-muted-foreground",
+								children: ["From", /* @__PURE__ */ w(F, {
+									type: "time",
+									name: "from",
+									required: !0,
+									className: "la:h-8 la:w-24 la:tabular-nums",
+									value: u.fromTime,
+									onChange: (e) => d({
+										...u,
+										fromTime: e.target.value
+									}),
+									"aria-invalid": f || void 0
+								})]
+							}),
+							/* @__PURE__ */ T("label", {
+								className: "la:grid la:gap-1 la:text-xs la:text-muted-foreground",
+								children: ["To", /* @__PURE__ */ w(F, {
+									type: "time",
+									name: "to",
+									required: !0,
+									className: "la:h-8 la:w-24 la:tabular-nums",
+									value: u.toTime,
+									onChange: (e) => d({
+										...u,
+										toTime: e.target.value
+									}),
+									"aria-invalid": f || void 0
+								})]
+							}),
+							/* @__PURE__ */ w(P, {
+								type: "submit",
+								variant: "outline",
+								size: "sm",
+								className: "la:ml-auto",
+								disabled: !u.dates?.from,
+								children: "Apply range"
+							})
+						]
+					}),
+					f && /* @__PURE__ */ w("p", {
+						className: "la:px-3 la:pb-3 la:text-xs la:text-danger",
+						role: "alert",
+						children: "From must be before To."
+					})
+				]
+			})]
+		})]
+	});
+}
+function ce({ label: e, selected: t, onSelect: n }) {
+	return /* @__PURE__ */ w(P, {
+		type: "button",
+		variant: t ? "secondary" : "ghost",
+		size: "sm",
+		className: "la:justify-start la:font-normal la:aria-pressed:font-semibold",
+		"aria-pressed": t,
+		onClick: 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);
+	return {
+		dates: {
+			from: de(r),
+			to: de(i)
+		},
+		fromTime: fe(r),
+		toTime: fe(i)
+	};
+}
+function ue(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);
+	return Number.isFinite(r) && Number.isFinite(i) && r < i ? {
+		kind: "absolute",
+		fromMs: r,
+		toMs: i
+	} : null;
+}
+function de(e) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+}
+function fe(e) {
+	return `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
+}
+function pe(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", {
+	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", {
+		"data-slot": "badge",
+		className: M(me({ 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, {
+		container: n,
+		children: [/* @__PURE__ */ w(k.Overlay, { className: "la-sheet-overlay" }), /* @__PURE__ */ T(k.Content, {
+			"data-slot": "sheet-content",
+			className: M("la-observer la-sheet", e),
+			...r,
+			children: [t, /* @__PURE__ */ w(k.Close, {
+				asChild: !0,
+				children: /* @__PURE__ */ w(P, {
+					className: "la-sheet-close",
+					variant: "ghost",
+					size: "icon",
+					"aria-label": "Close",
+					children: /* @__PURE__ */ w(v, { "aria-hidden": "true" })
+				})
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/ui/table.tsx
+function H({ className: e, ...t }) {
+	return /* @__PURE__ */ w("div", {
+		"data-slot": "table-container",
+		className: "la:relative la:w-full la:overflow-x-auto",
+		children: /* @__PURE__ */ w("table", {
+			"data-slot": "table",
+			className: M("la:w-full la:caption-bottom la:text-sm la:tabular-nums", e),
+			...t
+		})
+	});
+}
+function U({ className: e, ...t }) {
+	return /* @__PURE__ */ w("thead", {
+		"data-slot": "table-header",
+		className: M("la:[&_tr]:border-b", e),
+		...t
+	});
+}
+function W({ className: e, ...t }) {
+	return /* @__PURE__ */ w("tbody", {
+		"data-slot": "table-body",
+		className: M("la:[&_tr:last-child]:border-0", e),
+		...t
+	});
+}
+function G({ className: e, ...t }) {
+	return /* @__PURE__ */ w("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),
+		...t
+	});
+}
+function K({ className: e, ...t }) {
+	return /* @__PURE__ */ w("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),
+		...t
+	});
+}
+function q({ className: e, ...t }) {
+	return /* @__PURE__ */ w("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),
+		...t
+	});
+}
+//#endregion
+//#region src/observer-hooks.ts
+function ye(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;
+		return u(!1), c(!0), a(), () => {
+			t.abort(), clearTimeout(n);
+		};
+		function i(n) {
+			t.signal.aborted || (o({
+				client: e,
+				inventory: n,
+				updatedAt: Date.now()
+			}), u(!1), c(!1), r = 1e3);
+		}
+		async function a() {
+			try {
+				if (e.watchActors) {
+					if (await e.watchActors(i, t.signal), !t.signal.aborted) throw Error("Stream ended");
+				} else c(!0), i(await e.listActors(t.signal));
+			} catch {
+				t.signal.aborted || u(!0);
+			} finally {
+				t.signal.aborted || (c(!1), n = setTimeout(a, e.watchActors ? r : 5e3), r = Math.min(r * 2, 1e4));
+			}
+		}
+	}, [e, n]), {
+		updatedAt: i?.client === e ? i.updatedAt : void 0,
+		inventory: i?.client === e ? i.inventory : void 0,
+		loading: s,
+		failed: l,
+		retry: () => r((e) => e + 1)
+	};
+}
+function be(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;
+		let t, r = new AbortController(), a, o = 1e3;
+		async function c() {
+			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, t), !r.signal.aborted) throw Error("Request stream disconnected");
+			} catch {
+				r.signal.aborted || s(!0);
+			} finally {
+				r.signal.aborted || (a = setTimeout(c, o), o = Math.min(o * 2, 1e4));
+			}
+		}
+		return s(!1), c(), () => {
+			r.abort(), clearTimeout(a);
+		};
+	}, [
+		e,
+		c,
+		n
+	]), {
+		page: r,
+		failed: o,
+		retry: () => l((e) => e + 1)
+	};
+}
+function xe(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 {
+		...t,
+		reset: t.reset || e?.epoch === t.epoch && e.reset,
+		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);
+	t(() => {
+		if (!s) return;
+		let t = new AbortController(), n;
+		return m(!1), g(!0), r(), () => {
+			t.abort(), clearTimeout(n);
+		};
+		async function r() {
+			try {
+				let n = c.current(await e.query(JSON.parse(s), t.signal));
+				if (t.signal.aborted) return;
+				f({
+					client: e.query,
+					key: s,
+					value: n,
+					updatedAt: Date.now()
+				}), m(!1);
+			} catch {
+				t.signal.aborted || m(!0);
+			} finally {
+				t.signal.aborted || (g(!1), n = setTimeout(r, o));
+			}
+		}
+	}, [
+		e,
+		s,
+		l,
+		o
+	]);
+	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);
+	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
+	};
+}
+//#endregion
+//#region src/request-history.ts
+function je(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;
+		let t = new AbortController(), r = !1;
+		d.current = (e) => {
+			r || t.signal.aborted || (r = !0, c(!0), u(!1), i(e));
+		};
+		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 (t.signal.aborted) return;
+				o((e) => {
+					if (!i || !e || 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 {
+						...r,
+						reset: e.reset || r.reset,
+						records: [...t.values()]
+					};
+				});
+			} catch {
+				t.signal.aborted || u(!0);
+			} finally {
+				r = !1, t.signal.aborted || c(!1);
+			}
+		}
+		return d.current(), () => t.abort();
+	}, [e, n]), {
+		page: r,
+		loading: s,
+		failed: l,
+		loadOlder: () => d.current(r?.nextCursor ?? void 0),
+		retry: () => d.current(r?.nextCursor ?? void 0)
+	};
+}
+//#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 ? {
+		...c,
+		...n,
+		...L(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);
+	return t(() => {
+		S(void 0), l(void 0);
+	}, [
+		e,
+		n?.actorName,
+		n?.actorId
+	]), t(() => D(void 0), [
+		e,
+		v?.epoch,
+		c,
+		n?.actorName,
+		n?.actorId
+	]), /* @__PURE__ */ T("section", {
+		ref: O,
+		className: "la-observer la-requests",
+		"aria-label": "Request observer",
+		children: [
+			/* @__PURE__ */ T("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", {
+					className: "la-request-actions",
+					children: [e.query && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(P, {
+						variant: c ? "outline" : "secondary",
+						"aria-pressed": !c,
+						onClick: () => {
+							l(void 0), S(void 0);
+						},
+						children: "Live"
+					}), /* @__PURE__ */ w(P, {
+						variant: c ? "secondary" : "outline",
+						"aria-pressed": !!c,
+						onClick: () => {
+							c || l({});
+						},
+						children: "History"
+					})] }), !c && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T(P, {
+						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, {
+						variant: "outline",
+						onClick: b,
+						children: [/* @__PURE__ */ w(h, { "aria-hidden": "true" }), "Retry"]
+					})] })]
+				})]
+			}),
+			c && /* @__PURE__ */ w(Ne, {
+				query: c,
+				range: f,
+				onRangeChange: g,
+				loading: _.loading,
+				onSearch: l,
+				scoped: !!n
+			}),
+			c && _.failed && /* @__PURE__ */ T("div", {
+				className: "la-observer-error",
+				role: "alert",
+				children: [
+					"Request history unavailable.",
+					" ",
+					/* @__PURE__ */ w(P, {
+						variant: "outline",
+						onClick: _.retry,
+						children: "Retry history"
+					})
+				]
+			}),
+			!c && y && /* @__PURE__ */ T("div", {
+				className: "la-observer-error",
+				role: "alert",
+				children: ["Request stream disconnected. Reconnecting… ", v ? "Showing the last received requests." : "Check your connection and runtime version."]
+			}),
+			!!M?.dropped && /* @__PURE__ */ T("div", {
+				className: "la-observer-error",
+				role: "alert",
+				children: [M.dropped.toLocaleString(), " request traces were not delivered. This history is incomplete."]
+			}),
+			M?.persistenceFailed && /* @__PURE__ */ w("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", {
+				className: "la-observer-error",
+				role: "alert",
+				children: "Some older events are no longer retained. Showing available history."
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "la-observer-table-frame",
+				children: [/* @__PURE__ */ T(H, {
+					"aria-label": c ? "Saved requests" : "Recent requests",
+					className: "la-request-table",
+					children: [/* @__PURE__ */ w(U, { children: /* @__PURE__ */ T(G, { children: [
+						/* @__PURE__ */ w(K, {
+							scope: "col",
+							children: "Time"
+						}),
+						/* @__PURE__ */ w(K, {
+							scope: "col",
+							children: "Request"
+						}),
+						/* @__PURE__ */ w(K, {
+							scope: "col",
+							children: "Instance"
+						}),
+						/* @__PURE__ */ w(K, {
+							scope: "col",
+							children: "Transport"
+						}),
+						/* @__PURE__ */ w(K, {
+							scope: "col",
+							children: "Outcome"
+						}),
+						/* @__PURE__ */ w(K, {
+							scope: "col",
+							children: "Total"
+						}),
+						/* @__PURE__ */ w(K, {
+							scope: "col",
+							children: "Queue wait"
+						}),
+						/* @__PURE__ */ w(K, {
+							scope: "col",
+							children: /* @__PURE__ */ w("span", {
+								className: "la:sr-only",
+								children: "Details"
+							})
+						})
+					] }) }), /* @__PURE__ */ w(W, { children: N.map((e) => /* @__PURE__ */ T(G, {
+						className: "la-clickable-row",
+						"data-state": E === e ? "selected" : void 0,
+						onClick: (t) => {
+							k.current = t.currentTarget.querySelector("button"), D(e);
+						},
+						children: [
+							/* @__PURE__ */ w(q, { children: /* @__PURE__ */ w("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", {
+								className: "la-request-operation",
+								title: e.operation,
+								children: e.operation
+							}) }),
+							/* @__PURE__ */ w(q, { children: /* @__PURE__ */ T("span", {
+								className: "la-request-actor",
+								title: `${e.actorName} / ${e.actorId}`,
+								children: [
+									e.actorName,
+									" / ",
+									e.actorId
+								]
+							}) }),
+							/* @__PURE__ */ w(q, { children: e.kind === "method" ? "Method" : "WebSocket" }),
+							/* @__PURE__ */ w(q, { children: /* @__PURE__ */ w(V, {
+								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", {
+								title: "Request did not begin processing",
+								children: "—"
+							}) : X(e.queueWaitMs) }),
+							/* @__PURE__ */ w(q, { children: /* @__PURE__ */ w(P, {
+								variant: "ghost",
+								size: "sm",
+								"aria-label": `Inspect ${e.operation} request`,
+								"aria-haspopup": "dialog",
+								children: "Details"
+							}) })
+						]
+					}, e.eventId ?? `${j.epoch}-${e.sequence}`)) })]
+				}), !N.length && /* @__PURE__ */ T("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." })]
+				})]
+			}),
+			c && j?.nextCursor && /* @__PURE__ */ w(P, {
+				className: "la-request-load-older",
+				variant: "outline",
+				disabled: _.loading,
+				onClick: _.loadOlder,
+				children: _.loading ? "Loading…" : "Load older"
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "la-observer-footnote",
+				children: [/* @__PURE__ */ T("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.` })]
+			}),
+			!c && !!j?.evicted && /* @__PURE__ */ T("p", {
+				className: "la-request-note",
+				children: [j.evicted.toLocaleString(), " older records have left this history window."]
+			}),
+			/* @__PURE__ */ w("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,
+				onOpenChange: (e) => {
+					e || D(void 0);
+				},
+				children: /* @__PURE__ */ T(ve, {
+					container: O.current,
+					onCloseAutoFocus: (e) => {
+						e.preventDefault(), k.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 })
+					]
+				})
+			})
+		]
+	});
+}
+function Ne({ query: e, range: t, onRangeChange: n, loading: r, onSearch: i, scoped: a }) {
+	return /* @__PURE__ */ T("form", {
+		className: "la-request-history-filters",
+		onSubmit: (e) => {
+			e.preventDefault();
+			let t = new FormData(e.currentTarget);
+			i({
+				actorId: String(t.get("actorId") || "").trim() || void 0,
+				outcome: String(t.get("outcome") || "") || void 0
+			});
+		},
+		children: [
+			/* @__PURE__ */ T("div", {
+				className: "la-request-history-range",
+				children: [/* @__PURE__ */ w("span", { children: "Time range" }), /* @__PURE__ */ w(B, {
+					value: t,
+					onChange: n,
+					align: "start"
+				})]
+			}),
+			!a && /* @__PURE__ */ T("label", { children: ["Actor ID", /* @__PURE__ */ w(F, {
+				name: "actorId",
+				placeholder: "All actors",
+				maxLength: 256,
+				defaultValue: e.actorId
+			})] }),
+			/* @__PURE__ */ T("label", { children: ["Outcome", /* @__PURE__ */ T("select", {
+				className: "la-observer-select",
+				name: "outcome",
+				defaultValue: e.outcome ?? "",
+				children: [/* @__PURE__ */ w("option", {
+					value: "",
+					children: "All outcomes"
+				}), [
+					"completed",
+					"failed",
+					"rejected",
+					"rerouted",
+					"interrupted"
+				].map((e) => /* @__PURE__ */ w("option", {
+					value: e,
+					children: e[0].toUpperCase() + e.slice(1)
+				}, e))]
+			})] }),
+			/* @__PURE__ */ w(P, {
+				type: "submit",
+				variant: "outline",
+				disabled: r,
+				children: "Search"
+			})
+		]
+	});
+}
+function Pe({ record: e }) {
+	let t = {
+		Operation: e.operation,
+		"Actor class": e.actorName,
+		"Instance ID": e.actorId,
+		"Request ID": e.requestId,
+		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),
+		Host: e.hostId,
+		...e.connectionId ? { Connection: e.connectionId } : {}
+	};
+	return /* @__PURE__ */ w("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))
+	});
+}
+function X(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
+	};
+}
+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;
+	});
+}
+function Le(e) {
+	return Q(e, () => "all").get("all") ?? null;
+}
+function Re(e) {
+	return Q(e, (e) => e.actorName);
+}
+function ze(e, t) {
+	return Q(e.filter((e) => e.actorName === t), (e) => e.actorId);
+}
+function Z(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) {
+	let n = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		let e = n.get(t(r)) ?? {
+			admitted: 0,
+			averageMs: 0,
+			maxMs: 0
+		}, i = e.admitted + r.admitted;
+		n.set(t(r), {
+			admitted: i,
+			averageMs: (e.averageMs * e.admitted + r.averageMs * r.admitted) / i,
+			maxMs: Math.max(e.maxMs, r.maxMs)
+		});
+	}
+	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;
+	return t(() => {
+		x(o), O("");
+	}, [e, o]), t(() => {
+		A.current !== S && k.current?.focus(), A.current = S;
+	}, [S]), /* @__PURE__ */ T("section", {
+		className: `la-observer ${r}`,
+		"aria-label": "Actor observer",
+		children: [
+			S !== void 0 && /* @__PURE__ */ T("nav", {
+				className: "la-observer-breadcrumb",
+				"aria-label": "Breadcrumb",
+				children: [
+					/* @__PURE__ */ w(P, {
+						variant: "link",
+						type: "button",
+						"aria-label": "Back to actors",
+						onClick: () => E(void 0),
+						children: "Actors"
+					}),
+					/* @__PURE__ */ w("span", {
+						"aria-hidden": "true",
+						children: "/"
+					}),
+					/* @__PURE__ */ w("span", {
+						"aria-current": "page",
+						children: S
+					})
+				]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "la-observer-toolbar",
+				children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
+					className: "la-observer-title",
+					children: /* @__PURE__ */ w("h1", {
+						ref: k,
+						tabIndex: -1,
+						children: S ?? "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", {
+					className: "la-observer-actions",
+					children: [N.supported && /* @__PURE__ */ w(B, {
+						value: v,
+						onChange: y
+					}), /* @__PURE__ */ T(P, {
+						variant: "outline",
+						type: "button",
+						disabled: d,
+						onClick: m,
+						children: [/* @__PURE__ */ w(h, {
+							"aria-hidden": "true",
+							className: d ? "la-observer-spin" : void 0
+						}), d ? "Refreshing…" : p ? "Try again" : "Refresh"]
+					})]
+				})]
+			}),
+			p && /* @__PURE__ */ T("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." })]
+			}),
+			!u && !p && /* @__PURE__ */ w(He, {}),
+			u && /* @__PURE__ */ T(C, { children: [S === void 0 ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(Ue, {
+				inventory: u,
+				queueWait: N.supported ? F ?? null : void 0,
+				range: v
+			}), u.actors.length ? /* @__PURE__ */ w(We, {
+				inventory: u,
+				query: D,
+				onQueryChange: O,
+				onSelectActor: E,
+				waits: N.supported ? ee : void 0
+			}) : /* @__PURE__ */ w($, {
+				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, {
+				client: e,
+				id: j,
+				actorName: S,
+				instances: M.instances,
+				waits: N.supported ? te : void 0,
+				range: v
+			}, S)] }) : /* @__PURE__ */ w($, {
+				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", {
+				className: "la-observer-footnote",
+				children: [/* @__PURE__ */ T("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." })]
+			})] })
+		]
+	});
+}
+function He() {
+	return /* @__PURE__ */ T("div", {
+		className: "la-observer-skeleton",
+		role: "status",
+		"aria-label": "Loading actors",
+		children: [
+			/* @__PURE__ */ w("span", {
+				className: "la:sr-only",
+				children: "Loading actors…"
+			}),
+			/* @__PURE__ */ w("div", {}),
+			/* @__PURE__ */ w("div", {}),
+			/* @__PURE__ */ w("div", {})
+		]
+	});
+}
+function Ue({ 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,
+		unknown: e.unknown + t.unknown
+	}), {
+		live: 0,
+		dormant: 0,
+		unknown: 0
+	});
+	return /* @__PURE__ */ T("dl", {
+		className: "la-observer-summary",
+		children: [
+			/* @__PURE__ */ T("div", { children: [
+				/* @__PURE__ */ w("dt", { children: "Total instances" }),
+				/* @__PURE__ */ w("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__ */ T("div", { children: [
+				/* @__PURE__ */ T("dt", { children: [/* @__PURE__ */ w("span", { className: "la-observer-dot la-observer-dot-live" }), "Live"] }),
+				/* @__PURE__ */ w("dd", {
+					"aria-label": "Live instances",
+					children: i.live.toLocaleString()
+				}),
+				/* @__PURE__ */ w("p", { children: "Loaded in memory" })
+			] }),
+			/* @__PURE__ */ T("div", { children: [
+				/* @__PURE__ */ T("dt", { children: [/* @__PURE__ */ w("span", { className: "la-observer-dot" }), "Dormant"] }),
+				/* @__PURE__ */ w("dd", {
+					"aria-label": "Dormant instances",
+					children: i.dormant.toLocaleString()
+				}),
+				/* @__PURE__ */ w("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", {
+					"aria-label": "Unknown instances",
+					children: i.unknown.toLocaleString()
+				}),
+				/* @__PURE__ */ w("p", { children: "Awaiting host report" })
+			] }),
+			n !== void 0 && /* @__PURE__ */ T("div", {
+				className: "la-observer-queue-wait",
+				children: [
+					/* @__PURE__ */ w("dt", { children: "Avg queue wait" }),
+					/* @__PURE__ */ w("dd", {
+						"aria-label": "Average queue wait",
+						children: Z(n?.averageMs)
+					}),
+					/* @__PURE__ */ w("p", { children: n ? `Max ${Z(n.maxMs)} · ${n.admitted.toLocaleString()} admitted ${z(r)}` : `No admitted requests ${z(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", {
+			className: "la-observer-list-toolbar",
+			children: [/* @__PURE__ */ T("h2", { children: ["Actor names ", /* @__PURE__ */ w(V, { children: e.actors.length })] }), /* @__PURE__ */ w(Ze, {
+				label: "Search actors",
+				placeholder: "Search actors…",
+				value: t,
+				onChange: n
+			})]
+		}),
+		/* @__PURE__ */ w("div", {
+			className: "la-observer-table-frame",
+			children: s.length ? /* @__PURE__ */ T(H, {
+				"aria-label": "Actor instance counts",
+				className: "la-observer-table",
+				children: [/* @__PURE__ */ w(U, { children: /* @__PURE__ */ T(G, { children: [
+					/* @__PURE__ */ w(K, {
+						scope: "col",
+						children: "Actor"
+					}),
+					/* @__PURE__ */ w(K, {
+						scope: "col",
+						children: "Live"
+					}),
+					/* @__PURE__ */ w(K, {
+						scope: "col",
+						children: "Dormant"
+					}),
+					a && /* @__PURE__ */ w(K, {
+						scope: "col",
+						children: "Unknown"
+					}),
+					/* @__PURE__ */ w(K, {
+						scope: "col",
+						children: "Total"
+					}),
+					i && /* @__PURE__ */ w(K, {
+						scope: "col",
+						className: "la-observer-wait-cell",
+						children: "Avg queue wait"
+					})
+				] }) }), /* @__PURE__ */ w(W, { children: s.map((e) => /* @__PURE__ */ T(G, {
+					className: "la-clickable-row",
+					onClick: () => r(e.actorName),
+					children: [
+						/* @__PURE__ */ w(q, {
+							className: "la-observer-name",
+							children: /* @__PURE__ */ T(P, {
+								variant: "ghost",
+								type: "button",
+								className: "la-observer-actor-button la-observer-class-button",
+								children: [/* @__PURE__ */ w(o, {
+									className: "la-observer-type-icon",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ w("span", { children: e.actorName })]
+							})
+						}),
+						/* @__PURE__ */ w(q, { children: /* @__PURE__ */ w("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, {
+							className: "la-observer-wait-cell",
+							children: /* @__PURE__ */ w(Ke, { stats: i.get(e.actorName) })
+						})
+					]
+				}, e.actorName)) })]
+			}) : /* @__PURE__ */ w($, {
+				title: "No matching actors",
+				description: "Try a different actor name.",
+				action: "Clear search",
+				onReset: () => n("")
+			})
+		}),
+		a && /* @__PURE__ */ T("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."]
+		})
+	] });
+}
+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));
+	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", {
+		id: n,
+		className: "la-observer-instances",
+		"aria-labelledby": `${n}-heading`,
+		children: [/* @__PURE__ */ w("div", {
+			className: "la-observer-instances-heading",
+			children: /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h2", {
+				ref: v,
+				tabIndex: -1,
+				id: `${n}-heading`,
+				children: [
+					r,
+					" instances ",
+					/* @__PURE__ */ w(V, {
+						"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", {
+				className: "la-observer-filters",
+				children: [/* @__PURE__ */ w(Ze, {
+					label: "Search instances",
+					placeholder: "Search instance IDs…",
+					value: l,
+					onChange: u
+				}), /* @__PURE__ */ T("select", {
+					className: "la-observer-select",
+					"aria-label": "Instance state",
+					value: d,
+					onChange: (e) => f(e.target.value),
+					children: [
+						/* @__PURE__ */ w("option", {
+							value: "all",
+							children: "All states"
+						}),
+						/* @__PURE__ */ w("option", {
+							value: "live",
+							children: "Live"
+						}),
+						/* @__PURE__ */ w("option", {
+							value: "dormant",
+							children: "Dormant"
+						}),
+						/* @__PURE__ */ w("option", {
+							value: "unknown",
+							children: "Unknown"
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "la-observer-table-frame",
+				children: g.length ? /* @__PURE__ */ T(H, {
+					"aria-label": `${r} instances`,
+					className: "la-observer-instance-table",
+					children: [/* @__PURE__ */ w(U, { children: /* @__PURE__ */ T(G, { children: [
+						/* @__PURE__ */ w(K, {
+							scope: "col",
+							children: "Instance"
+						}),
+						/* @__PURE__ */ w(K, {
+							scope: "col",
+							children: "State"
+						}),
+						/* @__PURE__ */ w(K, {
+							scope: "col",
+							children: "Connections"
+						}),
+						s && /* @__PURE__ */ w(K, {
+							scope: "col",
+							className: "la-observer-wait-cell",
+							children: "Avg queue wait"
+						}),
+						/* @__PURE__ */ w(K, {
+							scope: "col",
+							className: "la-observer-waiting-cell",
+							children: "Waiting"
+						})
+					] }) }), /* @__PURE__ */ w(W, { children: g.map((e) => /* @__PURE__ */ T(G, {
+						className: "la-clickable-row",
+						onClick: () => m(e.actorId),
+						children: [
+							/* @__PURE__ */ w(q, {
+								className: "la-observer-instance-id",
+								children: /* @__PURE__ */ w(P, {
+									variant: "ghost",
+									type: "button",
+									className: "la-observer-actor-button",
+									children: /* @__PURE__ */ w("span", { children: e.actorId })
+								})
+							}),
+							/* @__PURE__ */ w(q, { children: /* @__PURE__ */ T(V, {
+								variant: "outline",
+								className: `la-observer-status-${e.status}`,
+								children: [/* @__PURE__ */ w("span", { className: `la-observer-dot la-observer-dot-${e.status}` }), $e(e.status)]
+							}) }),
+							/* @__PURE__ */ w(q, { children: e.connections.length.toLocaleString() }),
+							s && /* @__PURE__ */ w(q, {
+								className: "la-observer-wait-cell",
+								children: /* @__PURE__ */ w(Ke, { stats: s.get(e.actorId) })
+							}),
+							/* @__PURE__ */ w(q, {
+								className: "la-observer-waiting-cell",
+								children: /* @__PURE__ */ w(Ye, {
+									waiting: e.waiting,
+									compact: !0
+								})
+							})
+						]
+					}, e.actorId)) })]
+				}) : /* @__PURE__ */ w($, {
+					title: "No matching instances",
+					description: "Try another instance ID or state.",
+					action: "Clear filters",
+					onReset: () => {
+						u(""), f("all");
+					}
+				})
+			}),
+			/* @__PURE__ */ w("p", {
+				className: "la-observer-connection-note",
+				children: "Connections are active WebSocket connections, not unique people."
+			})
+		] }) : /* @__PURE__ */ T("p", {
+			className: "la-observer-instance-empty",
+			role: "status",
+			children: [
+				"No ",
+				r,
+				" instances have been created yet."
+			]
+		})]
+	}) : /* @__PURE__ */ T("section", {
+		className: "la-observer-instance-detail",
+		"aria-label": `${r} / ${p}`,
+		children: [
+			/* @__PURE__ */ w(P, {
+				variant: "link",
+				"aria-label": "Back to instances",
+				onClick: () => m(void 0),
+				children: "Back to instances"
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "la-observer-instance-heading",
+				children: [/* @__PURE__ */ w("h2", {
+					ref: v,
+					tabIndex: -1,
+					children: p
+				}), _ && /* @__PURE__ */ w(V, {
+					variant: "outline",
+					className: `la-observer-status-${_.status}`,
+					children: $e(_.status)
+				})]
+			}),
+			!_ && /* @__PURE__ */ w("p", {
+				role: "status",
+				children: "This instance is no longer in the current inventory. Its retained requests are still available below."
+			}),
+			s && /* @__PURE__ */ w(qe, {
+				stats: s.get(p),
+				range: c
+			}),
+			_ && /* @__PURE__ */ w(Je, { waiting: _.waiting }),
+			e.watchRequests || e.query ? /* @__PURE__ */ w(Me, {
+				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, {
+				id: h,
+				actorId: _.actorId,
+				connections: _.connections
+			})
+		]
+	});
+}
+function Ke({ stats: e }) {
+	return e ? /* @__PURE__ */ T("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: "No admitted requests in the selected time range",
+		children: "—"
+	});
+}
+function qe({ stats: e, range: t }) {
+	return /* @__PURE__ */ T("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", {
+				className: "la-observer-summary la-observer-summary-compact",
+				children: [
+					/* @__PURE__ */ T("div", { children: [
+						/* @__PURE__ */ w("dt", { children: "Average" }),
+						/* @__PURE__ */ w("dd", {
+							"aria-label": "Average queue wait",
+							children: Z(e.averageMs)
+						}),
+						/* @__PURE__ */ w("p", { children: "Per admitted request" })
+					] }),
+					/* @__PURE__ */ T("div", { children: [
+						/* @__PURE__ */ w("dt", { children: "Longest" }),
+						/* @__PURE__ */ w("dd", {
+							"aria-label": "Longest queue wait",
+							children: Z(e.maxMs)
+						}),
+						/* @__PURE__ */ w("p", { children: "Single request" })
+					] }),
+					/* @__PURE__ */ T("div", { children: [
+						/* @__PURE__ */ w("dt", { children: "Admitted" }),
+						/* @__PURE__ */ w("dd", {
+							"aria-label": "Admitted requests",
+							children: e.admitted.toLocaleString()
+						}),
+						/* @__PURE__ */ w("p", { children: "Requests that entered the actor" })
+					] })
+				]
+			})
+		]
+	});
+}
+function Je({ waiting: e }) {
+	return /* @__PURE__ */ T("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 })
+		]
+	});
+}
+function Ye({ waiting: e, compact: t = !1 }) {
+	if (e == null) return /* @__PURE__ */ w("span", {
+		title: "Queue reporting is unavailable",
+		children: "Unavailable"
+	});
+	if (!e.length) return /* @__PURE__ */ w("span", {
+		className: "la-observer-queue-empty",
+		children: "None"
+	});
+	let n = t ? e.slice(0, 3) : e;
+	return /* @__PURE__ */ T("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, {
+			variant: "outline",
+			className: "la-observer-queue-bubble",
+			title: e.operation,
+			children: [!t && /* @__PURE__ */ w("span", {
+				className: "la-observer-queue-position",
+				children: n + 1
+			}), /* @__PURE__ */ w("span", {
+				className: "la-observer-queue-operation",
+				children: e.operation
+			})]
+		}) }, e.id)), t && e.length > n.length && /* @__PURE__ */ w("li", { children: /* @__PURE__ */ T(V, {
+			"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", {
+		id: e,
+		className: "la-observer-connections",
+		"aria-labelledby": `${e}-heading`,
+		children: [/* @__PURE__ */ w("div", {
+			className: "la-observer-instances-heading",
+			children: /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
+				id: `${e}-heading`,
+				children: [
+					t,
+					" WebSockets ",
+					/* @__PURE__ */ w(V, {
+						"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", {
+			className: "la-observer-table-frame",
+			children: /* @__PURE__ */ T(H, {
+				"aria-label": `${t} WebSocket connections`,
+				className: "la-observer-connection-table",
+				children: [/* @__PURE__ */ w(U, { children: /* @__PURE__ */ T(G, { children: [/* @__PURE__ */ w(K, {
+					scope: "col",
+					children: "Socket"
+				}), /* @__PURE__ */ w(K, {
+					scope: "col",
+					children: "Metadata"
+				})] }) }), /* @__PURE__ */ w(W, { children: n.map((e) => /* @__PURE__ */ T(G, { children: [/* @__PURE__ */ w(q, {
+					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__ */ T("div", {
+			className: "la-observer-no-connections",
+			role: "status",
+			children: [/* @__PURE__ */ w(_, { "aria-hidden": "true" }), /* @__PURE__ */ w("p", { children: "No active WebSocket connections." })]
+		})]
+	});
+}
+function Ze({ label: e, placeholder: t, value: n, onChange: r }) {
+	return /* @__PURE__ */ T("div", {
+		className: "la-observer-search",
+		children: [/* @__PURE__ */ w(g, { "aria-hidden": "true" }), /* @__PURE__ */ w(F, {
+			type: "search",
+			"aria-label": e,
+			placeholder: t,
+			value: n,
+			onInput: (e) => r(e.currentTarget.value)
+		})]
+	});
+}
+function $({ title: e, description: t, action: n, onReset: r }) {
+	return /* @__PURE__ */ T("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, {
+				type: "button",
+				variant: "outline",
+				onClick: r,
+				children: n
+			})
+		]
+	});
+}
+function Qe(e, t) {
+	return e.toLocaleLowerCase().includes(t.trim().toLocaleLowerCase());
+}
+function $e(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 };