@apisurf/wireui 0.1.2 → 0.1.4

package/dist/server/_ssr/{router-CPcgc_kh.mjs → prefs-iPvYd_Vz.mjs}

@@ -1,7 +1,6 @@
 import { __toESM } from "../_runtime.mjs";
-import { HeadContent, Link, Outlet, Scripts, createFileRoute, createRootRoute, createRouter, getRouteApi, lazyRouteComponent, notFound, require_jsx_runtime, require_react, useLocation, useNavigate, useRouter, useRouterState } from "../_libs/@tanstack/react-router+[...].mjs";
-import { TSS_SERVER_FUNCTION, createServerFn, getServerFnById } from "./ssr.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/api-li-c8dNB.js
+import { Link, getRouteApi, require_jsx_runtime, require_react, useLocation, useNavigate, useRouter } from "../_libs/@tanstack/react-router+[...].mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/tabs-Cn8oWaeF.js
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_jsx_runtime = require_jsx_runtime();
 function isObject(value) {
@@ -275,7 +274,7 @@ function icon(paths) {
 		});
 	};
 }
-var IconCollections = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }) }));
+var IconSessions = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }) }));
 var IconHistory = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
 	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
 	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 3v5h5" }),
@@ -382,13 +381,6 @@ var IconSplitStacked = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_
 	height: "16",
 	rx: "2"
 }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 12h18" })] }));
-var IconSidebar = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
-	x: "3",
-	y: "4",
-	width: "18",
-	height: "16",
-	rx: "2"
-}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 4v16" })] }));
 var IconUp = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 19V5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 11l6-6 6 6" })] }));
 var IconDown = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 5v14" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 13l6 6 6-6" })] }));
 var IconAlert = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 3l9.5 17h-19z" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 10v4M12 17.5v.01" })] }));
@@ -585,24 +577,28 @@ function timingPhases(r) {
 /**
 * How a run went, in one colour.
 *
-* A failed check leaves the exit code at 0 by design, so it has to be read here
-* or a run that asserted something false would look green everywhere. Failed
-* requests are amber rather than red: a script that probes a 404 on purpose is
-* not broken.
+* Only the script decides: it threw, a check failed, it never finished, or it
+* passed. A failed check leaves the exit code at 0 by design, so it has to be
+* read here or a run that asserted something false would look green
+* everywhere. Failed requests do not count at all — a script that probes a 404
+* or a timeout on purpose still did its job, and if it did not, it should
+* throw or check.
 */
 function runTone(run) {
 	if (run.exit_status === "error" || run.failed_check_count > 0) return "bad";
 	if (run.finished_at == null) return "info";
-	if (run.error_count > 0) return "warn";
 	return "ok";
 }
 function runVerdict(run) {
 	if (run.exit_status === "error") return "Threw";
 	if (run.failed_check_count > 0) return `${run.failed_check_count} failed check${run.failed_check_count === 1 ? "" : "s"}`;
 	if (run.finished_at == null) return "Running or killed";
-	if (run.error_count > 0) return `${run.error_count} failed request${run.error_count === 1 ? "" : "s"}`;
 	return "Passed";
 }
+/** Says why a run's failed requests sit next to a green verdict. */
+function requestErrorsHint(count) {
+	return `${count} request${count === 1 ? "" : "s"} errored or got a status ≥ 400. That alone does not fail a run — only a throw or a failed check does.`;
+}
 var mono = css({
 	fontFamily: "mono",
 	fontSize: "12px"
@@ -832,21 +828,19 @@ function CopyButton({ text, label = "Copy" }) {
 function TabList({ items, value, onSelect, right, dense = false }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		role: "tablist",
-		className: css({
+		className: cx(css({
 			display: "flex",
 			alignItems: "stretch",
-			gap: "0.5",
-			px: "3",
+			px: "2",
 			borderBottom: "1px solid",
 			borderColor: "line",
 			flexShrink: 0,
-			minH: dense ? "34px" : "38px",
 			overflowX: "auto",
 			scrollbarWidth: "none"
-		}),
+		}), dense ? css({ h: "36px" }) : css({ h: "42px" })),
 		children: [items.filter((item) => !item.hidden).map((item) => {
 			const active = item.id === value;
-			return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
 				type: "button",
 				role: "tab",
 				"aria-selected": active,
@@ -855,17 +849,36 @@ function TabList({ items, value, onSelect, right, dense = false }) {
 					position: "relative",
 					display: "inline-flex",
 					alignItems: "center",
-					gap: "1.5",
-					px: "2",
+					px: "0.5",
 					border: "none",
 					bg: "transparent",
 					cursor: "pointer",
 					color: "muted",
+					fontSize: "13px",
 					fontWeight: "500",
 					whiteSpace: "nowrap",
-					_hover: { color: "fg" },
+					_focusVisible: { outline: "none" },
+					"& > .tab-label": {
+						display: "inline-flex",
+						alignItems: "center",
+						gap: "1.5",
+						px: "2.5",
+						h: "calc(100% - 10px)",
+						rounded: "md",
+						transition: "background 80ms, color 80ms"
+					},
+					_hover: {
+						color: "fg",
+						"& > .tab-label": { bg: "hover" }
+					},
+					"&:focus-visible > .tab-label": {
+						outline: "2px solid",
+						outlineColor: "accent",
+						outlineOffset: "-2px"
+					},
 					"&[aria-selected=true]": {
 						color: "fg",
+						fontWeight: "600",
 						_after: {
 							content: "\"\"",
 							position: "absolute",
@@ -873,18 +886,33 @@ function TabList({ items, value, onSelect, right, dense = false }) {
 							right: "2",
 							bottom: "-1px",
 							h: "2px",
-							rounded: "full",
+							roundedTop: "full",
 							bg: "accent"
 						}
 					}
 				}),
-				children: [item.label, item.count !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: cx(css({
-						fontSize: "11px",
-						fontVariantNumeric: "tabular-nums"
-					}), item.tone ? TONE_TEXT[item.tone] : css({ color: "faint" })),
-					children: item.count
-				}) : null]
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "tab-label",
+					children: [item.label, item.count !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: cx(css({
+							fontSize: "11px",
+							fontWeight: "500",
+							fontVariantNumeric: "tabular-nums",
+							lineHeight: "16px",
+							minW: "16px",
+							px: "1.5",
+							rounded: "full",
+							textAlign: "center"
+						}), item.tone ? TONE_PILL[item.tone] : active ? css({
+							color: "accent",
+							bg: "accentSoft"
+						}) : css({
+							color: "muted",
+							bg: "hover"
+						})),
+						children: item.count
+					}) : null]
+				})
 			}, item.id);
 		}), right ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: css({
@@ -898,6 +926,32 @@ function TabList({ items, value, onSelect, right, dense = false }) {
 		}) : null]
 	});
 }
+/** A button that stays pressed: an on/off filter beside a Segmented. */
+function Toggle({ checked, onChange, label }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		type: "button",
+		"aria-pressed": checked,
+		onClick: () => onChange(!checked),
+		className: css({
+			h: "26px",
+			px: "2",
+			rounded: "md",
+			border: "1px solid",
+			borderColor: "line",
+			bg: "transparent",
+			color: "muted",
+			cursor: "pointer",
+			fontSize: "12px",
+			_hover: { color: "fg" },
+			"&[aria-pressed=true]": {
+				color: "accent",
+				borderColor: "accent",
+				bg: "accentSoft"
+			}
+		}),
+		children: label
+	});
+}
 function Segmented({ items, value, onSelect }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: css({
@@ -1036,6 +1090,73 @@ function Stat({ label, value, sub, tone }) {
 		]
 	});
 }
+/** A label and a number on one line — a {@link Stat} for a header with no room for cards. */
+function Metric({ label, value, tone, title }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+		title,
+		className: css({
+			display: "inline-flex",
+			alignItems: "baseline",
+			gap: "1",
+			fontSize: "12px",
+			whiteSpace: "nowrap"
+		}),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: css({ color: "muted" }),
+			children: label
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: cx(mono, css({ fontWeight: "600" }), tone ? TONE_TEXT[tone] : void 0),
+			children: value
+		})]
+	});
+}
+/** {@link Stat}s joined into one bordered strip — a summary for a header. */
+function StatStrip({ items }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: css({
+			display: "inline-flex",
+			flexWrap: "wrap",
+			alignSelf: "flex-start",
+			maxW: "full",
+			rounded: "md",
+			border: "1px solid",
+			borderColor: "lineStrong",
+			bg: "raised",
+			overflow: "hidden"
+		}),
+		children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			title: item.title,
+			className: css({
+				display: "flex",
+				flexDir: "column",
+				px: "3",
+				py: "1",
+				minW: "88px",
+				borderRight: "1px solid",
+				borderColor: "line",
+				_last: { borderRight: "none" }
+			}),
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: css({
+					fontSize: "11px",
+					color: "muted",
+					fontWeight: "500",
+					whiteSpace: "nowrap"
+				}),
+				children: item.label
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: cx(css({
+					fontSize: "15px",
+					fontWeight: "600",
+					fontVariantNumeric: "tabular-nums",
+					lineHeight: "1.35",
+					whiteSpace: "nowrap"
+				}), item.tone ? TONE_TEXT[item.tone] : void 0),
+				children: item.value
+			})]
+		}, item.label))
+	});
+}
 function StatGrid({ children }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: css({
@@ -1271,6 +1392,20 @@ function formatDayHeading(now, ms) {
 	if (days === 1) return "Yesterday";
 	return formatDay(now, ms);
 }
+/** Rows, newest first, split under the day heading each falls on. */
+function groupByDay(rows, now, at) {
+	const out = [];
+	for (const row of rows) {
+		const day = formatDayHeading(now, at(row));
+		const last = out[out.length - 1];
+		if (last && last.day === day) last.rows.push(row);
+		else out.push({
+			day,
+			rows: [row]
+		});
+	}
+	return out;
+}
 /** `4 min ago`; a date once "ago" stops being a useful answer. */
 function formatAgo(now, ms) {
 	const seconds = Math.max(0, now - ms) / 1e3;
@@ -1302,11 +1437,44 @@ function basename(path) {
 }
 var tabKey = {
 	overview: () => "overview",
+	history: () => "history",
+	environments: () => "environments",
 	query: () => "query",
 	run: (id) => `run:${id}`,
 	request: (id) => `request:${id}`,
 	script: (entry) => `script:${entry}`
 };
+/** Pages that are one tab however they are filtered. */
+var PAGES = /* @__PURE__ */ new Set([
+	"history",
+	"environments",
+	"query"
+]);
+/**
+* The tab a URL belongs to, read off the URL alone. Which tab owns the URL on
+* screen is decided here rather than by which page registered last: during a
+* navigation the URL changes before the page leaving it unmounts, and asking
+* that page would file the new URL under the old tab.
+*
+* A session is the one page whose identity is in the search params, because
+* a script's identity is a path.
+*/
+function tabKeyFor(pathname, search = {}) {
+	const path = pathname.replace(/\/+$/, "") || "/";
+	if (path === "/") return tabKey.overview();
+	const run = /^\/runs\/(\d+)$/.exec(path);
+	if (run) return tabKey.run(Number(run[1]));
+	const request = /^\/requests\/(\d+)$/.exec(path);
+	if (request) return tabKey.request(Number(request[1]));
+	if (path === "/sessions") return typeof search.entry === "string" && search.entry ? tabKey.script(search.entry) : null;
+	const page = path.slice(1);
+	return PAGES.has(page) ? page : null;
+}
+/** {@link tabKeyFor} for a stored href rather than the live location. */
+function tabKeyForHref(href) {
+	const [path = "", query = ""] = href.split("#")[0].split("?");
+	return tabKeyFor(path, { entry: new URLSearchParams(query).get("entry") ?? void 0 });
+}
 var TabsContext = import_react.createContext(null);
 function useTabs() {
 	const value = import_react.useContext(TabsContext);
@@ -1341,9 +1509,17 @@ function TabsProvider({ children }) {
 	const location = useLocation();
 	const navigate = useNavigate();
 	const [tabs, setTabs] = import_react.useState([]);
-	const [activeKey, setActiveKey] = import_react.useState(null);
 	const [loaded, setLoaded] = import_react.useState(false);
 	const href = location.href;
+	const activeKey = tabKeyFor(location.pathname, location.search);
+	const onScreen = import_react.useRef({
+		href,
+		key: activeKey
+	});
+	onScreen.current = {
+		href,
+		key: activeKey
+	};
 	import_react.useEffect(() => {
 		try {
 			const raw = sessionStorage.getItem(STORAGE_KEY$1);
@@ -1365,21 +1541,21 @@ function TabsProvider({ children }) {
 		} : t));
 	}, [href, activeKey]);
 	const register = import_react.useCallback((tab) => {
-		setActiveKey(tab.key);
+		if (tab.key !== onScreen.current.key) return;
+		const at = onScreen.current.href;
 		setTabs((current) => {
 			const existing = current.findIndex((t) => t.key === tab.key);
 			if (existing >= 0) {
 				const next = [...current];
 				next[existing] = {
 					...next[existing],
-					...tab,
-					href
+					...tab
 				};
 				return next;
 			}
 			const fresh = {
 				...tab,
-				href,
+				href: at,
 				preview: true
 			};
 			const preview = current.findIndex((t) => t.preview);
@@ -1390,7 +1566,7 @@ function TabsProvider({ children }) {
 			}
 			return [...current, fresh];
 		});
-	}, [href]);
+	}, []);
 	const pin = import_react.useCallback((key) => {
 		setTabs((current) => current.map((t) => t.key === key ? {
 			...t,
@@ -1404,7 +1580,6 @@ function TabsProvider({ children }) {
 		setTabs(next);
 		if (key === activeKey) {
 			const neighbour = next[Math.min(index, next.length - 1)];
-			if (!neighbour) setActiveKey(null);
 			navigate({ href: neighbour?.href ?? "/" });
 		}
 	}, [
@@ -1435,9 +1610,31 @@ function TabsProvider({ children }) {
 		children
 	});
 }
+/**
+* A stored tab whose href points at another tab's page — which older builds
+* could save — is sent back to its own page, or dropped when that is unknown.
+*/
+function repair(tab) {
+	if (tabKeyForHref(tab.href) === tab.key) return tab;
+	const home = homeOf(tab.key);
+	return home ? {
+		...tab,
+		href: home
+	} : null;
+}
+/** Where a tab's page lives, from its key alone. */
+function homeOf(key) {
+	const cut = key.indexOf(":");
+	const kind = cut < 0 ? key : key.slice(0, cut);
+	const id = cut < 0 ? "" : key.slice(cut + 1);
+	if (kind === "overview") return "/";
+	if ((kind === "run" || kind === "request") && id) return `/${kind}s/${id}`;
+	if (kind === "script" && id) return `/sessions?entry=${encodeURIComponent(id)}`;
+	return PAGES.has(kind) ? `/${kind}` : null;
+}
 /** Stored tabs first, then any the current page registered before they loaded. */
 function merge(stored, current) {
-	const valid = Array.isArray(stored) ? stored.filter((t) => t && typeof t.key === "string" && typeof t.href === "string") : [];
+	const valid = Array.isArray(stored) ? stored.filter((t) => t && typeof t.key === "string" && typeof t.href === "string").map(repair).filter((t) => t != null) : [];
 	const keys = new Set(valid.map((t) => t.key));
 	const extra = current.filter((t) => !keys.has(t.key));
 	const merged = [...valid, ...extra];
@@ -1452,82 +1649,9 @@ function merge(stored, current) {
 		return t;
 	}).toReversed();
 }
-var createSsrRpc = (functionId) => {
-	const url = "/_serverFn/" + functionId;
-	const serverFnMeta = { id: functionId };
-	const fn = async (...args) => {
-		return (await getServerFnById(functionId, { origin: "server" }))(...args);
-	};
-	return Object.assign(fn, {
-		url,
-		serverFnMeta,
-		[TSS_SERVER_FUNCTION]: true
-	});
-};
-function record(input) {
-	return input && typeof input === "object" ? input : {};
-}
-function id(value, name) {
-	const n = typeof value === "string" ? Number(value) : value;
-	if (typeof n !== "number" || !Number.isInteger(n) || n <= 0) throw new Error(`${name} must be a positive integer`);
-	return n;
-}
-function optionalString(value) {
-	return typeof value === "string" ? value : void 0;
-}
-/** `undefined` → every environment, `null` → runs recorded without one. */
-function env(value) {
-	if (value === null) return null;
-	return typeof value === "string" ? value : void 0;
-}
-/** The open database when its schema is one these queries can read, else null. */
-/** Runs the sidebar holds. Older ones stay reachable from their script's page. */
-var getWorkspace = createServerFn({ method: "GET" }).handler(createSsrRpc("65bc418eb60581304ebde68d2b8b775b58aa758789bcdd2e616a2bdd5657ef20"));
-var getOverview = createServerFn({ method: "GET" }).validator((input) => ({ env: env(record(input).env) })).handler(createSsrRpc("edb0cb28f3af0347a499a4c076ecc5f8247f0ace0fb524957f40f6a706d7224d"));
-var getHistory = createServerFn({ method: "GET" }).validator((input) => {
-	const r = record(input);
-	const kind = r.kind === "http" || r.kind === "stream" ? r.kind : void 0;
-	return {
-		q: optionalString(r.q),
-		env: env(r.env),
-		kind,
-		failed: r.failed === true,
-		bodies: r.bodies === true,
-		limit: typeof r.limit === "number" ? r.limit : void 0
-	};
-}).handler(createSsrRpc("c1e4e973ed505d1515bcb9192482c65b1680975a5daa6973befb704515a618e3"));
-var getScript = createServerFn({ method: "GET" }).validator((input) => {
-	const r = record(input);
-	const entry = optionalString(r.entry);
-	if (!entry) throw new Error("entry is required");
-	return {
-		entry,
-		env: env(r.env)
-	};
-}).handler(createSsrRpc("5eff62884e56f81742c81b44dc7dcd1afc2e67323a30591a8b94b8895eda0dc9"));
-/** A run's requests, in capture order. The sidebar tree loads these on expand. */
-var getRunRequests = createServerFn({ method: "GET" }).validator((input) => ({ runId: id(record(input).runId, "runId") })).handler(createSsrRpc("3828e982aebdd19568d199b4820f9fb3ca9fab2c60ce502ee35e3f6075d422c9"));
-var getRun = createServerFn({ method: "GET" }).validator((input) => ({ runId: id(record(input).runId, "runId") })).handler(createSsrRpc("56c165307cd91159eb72bfa882932f9552f05a5bbd6b5725f0fd5f4ad6b8295d"));
-var getRequest = createServerFn({ method: "GET" }).validator((input) => ({ requestId: id(record(input).requestId, "requestId") })).handler(createSsrRpc("3772b5ea3e53d85a63e4df11f128b1c907e508d82cca6e71e6ee48dba1664133"));
-var getSchema = createServerFn({ method: "GET" }).handler(createSsrRpc("06ff3639e7164884f56665ea621dc233dbfc78fa1557b1cb20105ff2fa90521e"));
-var runSql = createServerFn({ method: "POST" }).validator((input) => {
-	const sql = optionalString(record(input).sql)?.trim();
-	if (!sql) throw new Error("sql is required");
-	return { sql };
-}).handler(createSsrRpc("0f45629470ab3fbe618e9693d8685920d6ce48b2384512e5d9eb88f6b46ec2d9"));
 //#endregion
-//#region node_modules/.nitro/vite/services/ssr/assets/router-CPcgc_kh.js
-var __defProp = Object.defineProperty;
-var __exportAll = (all, no_symbols) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
-	return target;
-};
-var root$4 = getRouteApi("__root__");
+//#region node_modules/.nitro/vite/services/ssr/assets/prefs-iPvYd_Vz.js
+var root = getRouteApi("__root__");
 var command = cx(mono, css({
 	display: "block",
 	textAlign: "left",
@@ -1570,7 +1694,7 @@ function RouteError({ error }) {
 * page returns it early without knowing which case applies.
 */
 function useUnreadable() {
-	const ws = root$4.useLoaderData();
+	const ws = root.useLoaderData();
 	if (ws.schema.state === "missing") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Empty, {
 		title: "No recording yet",
 		icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconDatabase, { size: 24 }),
@@ -1617,7 +1741,6 @@ var DEFAULTS = {
 	layout: "side",
 	sidebarWidth: 300,
 	sidebarOpen: true,
-	panel: "collections",
 	live: false
 };
 var STORAGE_KEY = "wireui:prefs";
@@ -1711,7 +1834,9 @@ function readStored() {
 		const raw = localStorage.getItem(STORAGE_KEY);
 		if (!raw) return {};
 		const parsed = JSON.parse(raw);
-		return typeof parsed === "object" && parsed ? parsed : {};
+		if (typeof parsed !== "object" || !parsed) return {};
+		delete parsed.panel;
+		return parsed;
 	} catch {
 		return {};
 	}
@@ -1742,1435 +1867,5 @@ function useNow(initial, intervalMs = 15e3) {
 	}, [intervalMs]);
 	return now;
 }
-function useActive() {
-	return useRouterState({
-		select: (state) => {
-			const active = {
-				entry: null,
-				runId: null,
-				requestId: null
-			};
-			for (const match of state.matches) {
-				const data = match.loaderData;
-				if (!data || typeof data !== "object") continue;
-				if (data.run) {
-					active.runId = data.run.id;
-					active.entry = data.run.entry;
-				}
-				if (data.script) active.entry = data.script.entry;
-				if (data.detail) active.requestId = data.detail.request.id;
-			}
-			return active;
-		},
-		structuralSharing: true
-	});
-}
-var root$3 = getRouteApi("__root__");
-/** Runs shown under a script before "show more". */
-var RUNS_SHOWN = 8;
-var treeRow = css({
-	display: "flex",
-	alignItems: "center",
-	gap: "1.5",
-	h: "26px",
-	pr: "2",
-	rounded: "sm",
-	cursor: "pointer",
-	color: "fg",
-	textDecoration: "none",
-	userSelect: "none",
-	minW: "0",
-	_hover: { bg: "hover" },
-	"&[data-active=true]": { bg: "selected" }
-});
-var chevron = css({
-	display: "inline-flex",
-	alignItems: "center",
-	justifyContent: "center",
-	w: "16px",
-	h: "16px",
-	color: "faint",
-	flexShrink: 0,
-	rounded: "xs",
-	border: "none",
-	bg: "transparent",
-	p: "0",
-	cursor: "pointer",
-	_hover: {
-		color: "fg",
-		bg: "hover"
-	}
-});
-function CollectionsPanel({ filterRef }) {
-	const ws = root$3.useLoaderData();
-	const { prefs } = usePrefs();
-	const active = useActive();
-	const [filter, setFilter] = import_react.useState("");
-	const [open, setOpen] = import_react.useState(() => /* @__PURE__ */ new Set());
-	import_react.useEffect(() => {
-		const keys = [active.entry ? `s:${active.entry}` : null, active.runId ? `r:${active.runId}` : null].filter((k) => k != null);
-		if (keys.length === 0) return;
-		setOpen((current) => keys.every((k) => current.has(k)) ? current : /* @__PURE__ */ new Set([...current, ...keys]));
-	}, [active.entry, active.runId]);
-	const toggle = import_react.useCallback((key, force) => {
-		setOpen((current) => {
-			const next = new Set(current);
-			if (force ?? !next.has(key)) next.add(key);
-			else next.delete(key);
-			return next;
-		});
-	}, []);
-	const runsByEntry = import_react.useMemo(() => {
-		const map = /* @__PURE__ */ new Map();
-		for (const run of ws.runs) {
-			if (!matchesEnv(prefs.env, run.env)) continue;
-			const list = map.get(run.entry) ?? [];
-			list.push(run);
-			map.set(run.entry, list);
-		}
-		return map;
-	}, [ws.runs, prefs.env]);
-	const needle = filter.trim().toLowerCase();
-	const groups = import_react.useMemo(() => {
-		const byDir = /* @__PURE__ */ new Map();
-		for (const script of ws.scripts) {
-			if (!runsByEntry.has(script.entry)) continue;
-			if (needle && !script.rel.toLowerCase().includes(needle) && !(script.label ?? "").toLowerCase().includes(needle)) continue;
-			const list = byDir.get(script.dir) ?? [];
-			list.push(script);
-			byDir.set(script.dir, list);
-		}
-		return [...byDir.entries()];
-	}, [
-		ws.scripts,
-		runsByEntry,
-		needle
-	]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: css({
-			display: "flex",
-			flexDir: "column",
-			h: "full",
-			minH: "0"
-		}),
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: css({
-				px: "2.5",
-				pb: "2",
-				flexShrink: 0
-			}),
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterInput, {
-				ref: filterRef,
-				placeholder: "Filter collections",
-				shortcut: "/",
-				value: filter,
-				onChange: (e) => setFilter(e.target.value)
-			})
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: css({
-				flex: "1",
-				minH: "0",
-				overflow: "auto",
-				px: "1.5",
-				pb: "3"
-			}),
-			children: groups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, {
-				title: ws.scripts.length === 0 ? "No collections yet" : "No matches",
-				icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconCollections, { size: 20 }),
-				children: ws.scripts.length === 0 ? "Every script you record with wire execute becomes a collection here." : "No script matches the filter in this environment."
-			}) : groups.map(([dir, scripts]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: css({ mb: "2" }),
-				children: [dir ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					title: dir,
-					className: cx(truncate, css({
-						fontSize: "10.5px",
-						color: "faint",
-						px: "2",
-						pt: "1.5",
-						pb: "0.5",
-						fontFamily: "mono"
-					})),
-					children: dir
-				}) : null, scripts.map((script) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScriptNode, {
-					script,
-					runs: runsByEntry.get(script.entry) ?? [],
-					open,
-					toggle,
-					active
-				}, script.entry))]
-			}, dir))
-		})]
-	});
-}
-function ScriptNode({ script, runs, open, toggle, active }) {
-	const { pin } = useTabs();
-	const key = `s:${script.entry}`;
-	const expanded = open.has(key);
-	const [showAll, setShowAll] = import_react.useState(false);
-	const failing = runs[0] ? runTone(runs[0]) === "bad" : false;
-	const shown = showAll ? runs : runs.slice(0, RUNS_SHOWN);
-	const isActive = active.entry === script.entry && active.runId == null;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
-		to: "/collections",
-		search: { entry: script.entry },
-		"data-active": isActive,
-		className: cx(treeRow, css({ pl: "1" })),
-		onClick: () => toggle(key, true),
-		onDoubleClick: () => pin(tabKey.script(script.entry)),
-		title: script.rel,
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				role: "button",
-				tabIndex: -1,
-				className: chevron,
-				"aria-label": expanded ? "Collapse" : "Expand",
-				onClick: (e) => {
-					e.preventDefault();
-					e.stopPropagation();
-					toggle(key);
-				},
-				children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconChevronDown, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconChevronRight, { size: 12 })
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: css({
-					color: "muted",
-					display: "inline-flex"
-				}),
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconCollections, { size: 14 })
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: cx(truncate, css({
-					flex: "1",
-					fontWeight: "500"
-				})),
-				children: script.file
-			}),
-			failing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dot, {
-				tone: "bad",
-				title: "Latest run failed"
-			}) : null,
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: css({
-					fontSize: "11px",
-					color: "faint",
-					fontVariantNumeric: "tabular-nums"
-				}),
-				children: runs.length
-			})
-		]
-	}), expanded ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [shown.map((run) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunNode, {
-		run,
-		open,
-		toggle,
-		active
-	}, run.id)), runs.length > shown.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-		type: "button",
-		onClick: () => setShowAll(true),
-		className: cx(treeRow, css({
-			pl: "9",
-			border: "none",
-			bg: "transparent",
-			w: "full",
-			color: "accent",
-			fontSize: "12px"
-		})),
-		children: [
-			"Show ",
-			runs.length - shown.length,
-			" older runs"
-		]
-	}) : null] }) : null] });
-}
-function RunNode({ run, open, toggle, active }) {
-	const now = useNow(root$3.useLoaderData().now, 6e4);
-	const { pin } = useTabs();
-	const key = `r:${run.id}`;
-	const expanded = open.has(key);
-	const isActive = active.runId === run.id && active.requestId == null;
-	const day = formatDayHeading(now, run.started_at);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
-		to: "/runs/$runId",
-		params: { runId: String(run.id) },
-		"data-active": isActive,
-		className: cx(treeRow, css({ pl: "5" })),
-		onClick: () => toggle(key, true),
-		onDoubleClick: () => pin(tabKey.run(run.id)),
-		title: `Run ${run.id}${run.label ? ` · ${run.label}` : ""}`,
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				role: "button",
-				tabIndex: -1,
-				className: chevron,
-				"aria-label": expanded ? "Collapse" : "Expand",
-				onClick: (e) => {
-					e.preventDefault();
-					e.stopPropagation();
-					toggle(key);
-				},
-				children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconChevronDown, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconChevronRight, { size: 12 })
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dot, { tone: runTone(run) }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-				className: cx(truncate, css({ flex: "1" })),
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: css({ color: "muted" }),
-					children: day === "Today" ? "" : `${day} `
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: mono,
-					children: formatClock(run.started_at)
-				})]
-			}),
-			run.env ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, { children: run.env }) : null,
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: cx(mono, css({
-					fontSize: "11px",
-					color: "faint"
-				})),
-				children: run.finished_at ? formatMs(run.finished_at - run.started_at) : "…"
-			})
-		]
-	}), expanded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunRequests, {
-		runId: run.id,
-		activeRequestId: active.requestId
-	}) : null] });
-}
-/** Module-level, so collapsing and re-expanding a run does not refetch it. */
-var requestCache = /* @__PURE__ */ new Map();
-function RunRequests({ runId, activeRequestId }) {
-	const { refreshKey } = usePrefs();
-	const { pin } = useTabs();
-	const cached = requestCache.get(runId);
-	const [rows, setRows] = import_react.useState(cached?.rows ?? null);
-	import_react.useEffect(() => {
-		if (cached && cached.key === refreshKey) return;
-		let cancelled = false;
-		getRunRequests({ data: { runId } }).then((result) => {
-			requestCache.set(runId, {
-				key: refreshKey,
-				rows: result
-			});
-			if (!cancelled) setRows(result);
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [
-		runId,
-		refreshKey,
-		cached
-	]);
-	if (rows == null) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: css({
-			pl: "12",
-			h: "26px",
-			color: "faint",
-			fontSize: "12px",
-			display: "flex",
-			alignItems: "center"
-		}),
-		children: "Loading…"
-	});
-	if (rows.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: css({
-			pl: "12",
-			h: "26px",
-			color: "faint",
-			fontSize: "12px",
-			display: "flex",
-			alignItems: "center"
-		}),
-		children: "No requests"
-	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
-		to: "/requests/$requestId",
-		params: { requestId: String(row.id) },
-		"data-active": row.id === activeRequestId,
-		onDoubleClick: () => pin(tabKey.request(row.id)),
-		className: cx(treeRow, css({ pl: "10" })),
-		title: `${row.method} ${row.host}${row.path}`,
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MethodBadge, {
-				method: row.method,
-				kind: row.kind,
-				width: "list"
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: cx(truncate, mono, css({ flex: "1" })),
-				children: row.path
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBadge, {
-				status: row.status,
-				error: row.error_name
-			})
-		]
-	}, row.id)) });
-}
-var root$2 = getRouteApi("__root__");
-function EnvironmentsPanel() {
-	const ws = root$2.useLoaderData();
-	const now = useNow(ws.now, 6e4);
-	const { prefs, set } = usePrefs();
-	const totalRuns = ws.envs.reduce((sum, e) => sum + e.run_count, 0);
-	if (ws.envs.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Empty, {
-		title: "No environments",
-		icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconEnvironments, { size: 20 }),
-		children: [
-			"Runs made with ",
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "wire execute --env staging" }),
-			" are grouped here."
-		]
-	});
-	const rows = [{
-		value: "*",
-		name: "All environments",
-		sub: plural(totalRuns, "run"),
-		failed: 0
-	}, ...ws.envs.map((e) => ({
-		value: e.env ?? "",
-		name: e.env ?? "No environment",
-		sub: `${plural(e.run_count, "run")} · ${plural(e.script_count, "script")} · ${formatAgo(now, e.last_started_at)}`,
-		failed: e.failed_run_count
-	}))];
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: css({
-			px: "1.5",
-			overflow: "auto",
-			h: "full"
-		}),
-		children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-			type: "button",
-			"data-active": prefs.env === row.value,
-			onClick: () => set("env", row.value),
-			className: cx(treeRow, css({
-				h: "auto",
-				py: "1.5",
-				pl: "2",
-				w: "full",
-				border: "none",
-				bg: "transparent",
-				textAlign: "left"
-			})),
-			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: css({
-						color: prefs.env === row.value ? "accent" : "faint",
-						display: "inline-flex"
-					}),
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconEnvironments, { size: 14 })
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: css({
-						flex: "1",
-						minW: "0",
-						display: "flex",
-						flexDir: "column"
-					}),
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: cx(truncate, css({ fontWeight: "500" })),
-						children: row.name
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: cx(truncate, css({
-							fontSize: "11px",
-							color: "faint"
-						})),
-						children: row.sub
-					})]
-				}),
-				row.failed > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dot, {
-					tone: "bad",
-					title: `${plural(row.failed, "run")} threw`
-				}) : null
-			]
-		}, row.value))
-	});
-}
-var root$1 = getRouteApi("__root__");
-function HistoryPanel({ filterRef }) {
-	const now = useNow(root$1.useLoaderData().now, 6e4);
-	const { prefs, refreshKey } = usePrefs();
-	const { pin } = useTabs();
-	const active = useActive();
-	const [q, setQ] = import_react.useState("");
-	const [kind, setKind] = import_react.useState("all");
-	const [failed, setFailed] = import_react.useState(false);
-	const [bodies, setBodies] = import_react.useState(false);
-	const [rows, setRows] = import_react.useState(null);
-	const debounced = useDebounced(q, 180);
-	import_react.useEffect(() => {
-		let cancelled = false;
-		getHistory({ data: {
-			q: debounced,
-			env: envFilter(prefs.env),
-			kind: kind === "all" ? void 0 : kind,
-			failed,
-			bodies,
-			limit: 500
-		} }).then((result) => {
-			if (!cancelled) setRows(result);
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [
-		debounced,
-		kind,
-		failed,
-		bodies,
-		prefs.env,
-		refreshKey
-	]);
-	const grouped = import_react.useMemo(() => {
-		const out = [];
-		for (const row of rows ?? []) {
-			const day = formatDayHeading(now, row.ts);
-			const last = out[out.length - 1];
-			if (last && last.day === day) last.rows.push(row);
-			else out.push({
-				day,
-				rows: [row]
-			});
-		}
-		return out;
-	}, [rows, now]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: css({
-			display: "flex",
-			flexDir: "column",
-			h: "full",
-			minH: "0"
-		}),
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: css({
-				px: "2.5",
-				pb: "2",
-				display: "flex",
-				flexDir: "column",
-				gap: "1.5",
-				flexShrink: 0
-			}),
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterInput, {
-				ref: filterRef,
-				placeholder: bodies ? "Search URLs and payloads" : "Search URL, method or status",
-				shortcut: "/",
-				value: q,
-				onChange: (e) => setQ(e.target.value)
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: css({
-					display: "flex",
-					alignItems: "center",
-					gap: "1.5",
-					flexWrap: "wrap"
-				}),
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Segmented, {
-						items: [
-							{
-								id: "all",
-								label: "All"
-							},
-							{
-								id: "http",
-								label: "HTTP"
-							},
-							{
-								id: "stream",
-								label: "WS/SSE"
-							}
-						],
-						value: kind,
-						onSelect: setKind
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toggle, {
-						checked: failed,
-						onChange: setFailed,
-						label: "Failed"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toggle, {
-						checked: bodies,
-						onChange: setBodies,
-						label: "In payloads"
-					})
-				]
-			})]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: css({
-				flex: "1",
-				minH: "0",
-				overflow: "auto",
-				px: "1.5",
-				pb: "3"
-			}),
-			children: rows == null ? null : rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, {
-				title: "No requests",
-				icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconHistory, { size: 20 }),
-				children: q || failed || kind !== "all" ? "Nothing matches these filters." : "Nothing recorded in this environment yet."
-			}) : grouped.map((group) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: css({
-					position: "sticky",
-					top: "0",
-					zIndex: "1",
-					bg: "chrome",
-					fontSize: "10.5px",
-					fontWeight: "600",
-					textTransform: "uppercase",
-					letterSpacing: "0.06em",
-					color: "faint",
-					px: "2",
-					pt: "2",
-					pb: "1"
-				}),
-				children: group.day
-			}), group.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
-				to: "/requests/$requestId",
-				params: { requestId: String(row.id) },
-				"data-active": row.id === active.requestId,
-				onDoubleClick: () => pin(tabKey.request(row.id)),
-				className: cx(treeRow, css({
-					h: "auto",
-					py: "1",
-					pl: "2",
-					alignItems: "flex-start"
-				})),
-				title: `${row.method} ${row.host}${row.path}${row.query ? `?${row.query}` : ""}`,
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: css({ pt: "1px" }),
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MethodBadge, {
-							method: row.method,
-							kind: row.kind,
-							width: "list"
-						})
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-						className: css({
-							flex: "1",
-							minW: "0",
-							display: "flex",
-							flexDir: "column"
-						}),
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: cx(truncate, mono),
-							children: row.path
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-							className: cx(truncate, css({
-								fontSize: "11px",
-								color: "faint"
-							})),
-							children: [
-								formatClock(row.ts),
-								" · ",
-								row.file,
-								" · ",
-								row.host
-							]
-						})]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-						className: css({
-							display: "flex",
-							flexDir: "column",
-							alignItems: "flex-end",
-							flexShrink: 0
-						}),
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBadge, {
-							status: row.status,
-							error: row.error_name
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: cx(mono, css({
-								fontSize: "11px",
-								color: "faint"
-							})),
-							children: formatMs(row.duration_ms)
-						})]
-					})
-				]
-			}, row.id))] }, group.day))
-		})]
-	});
-}
-function Toggle({ checked, onChange, label }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-		type: "button",
-		"aria-pressed": checked,
-		onClick: () => onChange(!checked),
-		className: css({
-			h: "26px",
-			px: "2",
-			rounded: "md",
-			border: "1px solid",
-			borderColor: "line",
-			bg: "transparent",
-			color: "muted",
-			cursor: "pointer",
-			fontSize: "12px",
-			_hover: { color: "fg" },
-			"&[aria-pressed=true]": {
-				color: "accent",
-				borderColor: "accent",
-				bg: "accentSoft"
-			}
-		}),
-		children: label
-	});
-}
-function useDebounced(value, ms) {
-	const [current, setCurrent] = import_react.useState(value);
-	import_react.useEffect(() => {
-		const timer = window.setTimeout(() => setCurrent(value), ms);
-		return () => window.clearTimeout(timer);
-	}, [value, ms]);
-	return current;
-}
-var root = getRouteApi("__root__");
-function Shell({ children }) {
-	const { prefs } = usePrefs();
-	const filterRef = import_react.useRef(null);
-	useSlashToFilter(filterRef);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: css({
-			display: "flex",
-			flexDir: "column",
-			h: "100vh",
-			bg: "chrome"
-		}),
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TopBar, {}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: css({
-					display: "flex",
-					flex: "1",
-					minH: "0"
-				}),
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Rail, {}),
-					prefs.sidebarOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Sidebar, { filterRef }) : null,
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", {
-						className: css({
-							display: "flex",
-							flexDir: "column",
-							flex: "1",
-							minW: "0",
-							bg: "canvas",
-							borderLeft: "1px solid",
-							borderTop: "1px solid",
-							borderColor: "line",
-							roundedTopLeft: "lg",
-							overflow: "hidden"
-						}),
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabStrip, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-							className: css({
-								flex: "1",
-								minH: "0",
-								display: "flex",
-								flexDir: "column"
-							}),
-							children
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBar, {})
-		]
-	});
-}
-/** `/` focuses the sidebar's filter, as in most tools with one. */
-function useSlashToFilter(ref) {
-	const { prefs, set } = usePrefs();
-	import_react.useEffect(() => {
-		const onKey = (event) => {
-			if (event.key !== "/" || event.metaKey || event.ctrlKey || event.altKey) return;
-			const target = event.target;
-			if (target && (target.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(target.tagName))) return;
-			event.preventDefault();
-			if (!prefs.sidebarOpen) set("sidebarOpen", true);
-			if (prefs.panel === "environments") set("panel", "collections");
-			window.requestAnimationFrame(() => ref.current?.focus());
-		};
-		window.addEventListener("keydown", onKey);
-		return () => window.removeEventListener("keydown", onKey);
-	}, [
-		prefs.sidebarOpen,
-		prefs.panel,
-		set,
-		ref
-	]);
-}
-var THEME_NEXT = {
-	system: "light",
-	light: "dark",
-	dark: "system"
-};
-function TopBar() {
-	const ws = root.useLoaderData();
-	const { prefs, set, refresh } = usePrefs();
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
-		className: css({
-			display: "flex",
-			alignItems: "center",
-			gap: "3",
-			h: "44px",
-			px: "3",
-			flexShrink: 0
-		}),
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
-				to: "/",
-				className: css({
-					display: "flex",
-					alignItems: "center",
-					gap: "2",
-					color: "fg",
-					textDecoration: "none"
-				}),
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-					src: "/favicon.svg",
-					alt: "",
-					width: 22,
-					height: 22
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: css({
-						fontWeight: "700",
-						letterSpacing: "-0.01em",
-						fontSize: "14px"
-					}),
-					children: ["wire", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: css({
-							color: "muted",
-							fontWeight: "500"
-						}),
-						children: "ui"
-					})]
-				})]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: css({ color: "lineStrong" }),
-				children: "/"
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				title: ws.path,
-				className: cx(mono, truncate, css({
-					color: "muted",
-					minW: "0"
-				})),
-				children: basename(ws.path)
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: css({
-					ml: "auto",
-					display: "flex",
-					alignItems: "center",
-					gap: "1.5"
-				}),
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EnvSelect, {}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-						type: "button",
-						"aria-pressed": prefs.live,
-						onClick: () => set("live", !prefs.live),
-						title: prefs.live ? "Live: re-reading the file every 2 s" : "Follow the file as runs write to it",
-						className: css({
-							display: "inline-flex",
-							alignItems: "center",
-							gap: "1.5",
-							h: "28px",
-							px: "2.5",
-							rounded: "md",
-							border: "1px solid",
-							borderColor: "line",
-							bg: "raised",
-							color: "muted",
-							cursor: "pointer",
-							fontSize: "12px",
-							fontWeight: "500",
-							_hover: { color: "fg" },
-							"&[aria-pressed=true]": {
-								color: "ok",
-								borderColor: "ok",
-								bg: "okSoft"
-							}
-						}),
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cx(css({
-							w: "7px",
-							h: "7px",
-							rounded: "full",
-							bg: "faint"
-						}), prefs.live && css({
-							bg: "ok",
-							animation: "pulse 1.6s ease-in-out infinite"
-						})) }), "Live"]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, {
-						label: "Refresh",
-						onClick: refresh,
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconRefresh, {})
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, {
-						label: prefs.layout === "side" ? "Stack request above response" : "Request and response side by side",
-						onClick: () => set("layout", prefs.layout === "side" ? "stacked" : "side"),
-						children: prefs.layout === "side" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconSplitSide, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconSplitStacked, {})
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, {
-						label: `Theme: ${prefs.theme}`,
-						onClick: () => set("theme", THEME_NEXT[prefs.theme]),
-						children: prefs.theme === "system" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconMonitor, {}) : prefs.theme === "light" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconSun, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconMoon, {})
-					})
-				]
-			})
-		]
-	});
-}
-function EnvSelect() {
-	const ws = root.useLoaderData();
-	const { prefs, set } = usePrefs();
-	const known = ws.envs.map((e) => e.env ?? "");
-	const value = prefs.env === "*" || known.includes(prefs.env) ? prefs.env : "*";
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
-		className: css({
-			display: "inline-flex",
-			alignItems: "center",
-			gap: "1.5",
-			h: "28px",
-			pl: "2",
-			pr: "1",
-			rounded: "md",
-			border: "1px solid",
-			borderColor: value === "*" ? "line" : "accent",
-			bg: value === "*" ? "raised" : "accentSoft",
-			color: value === "*" ? "muted" : "accent"
-		}),
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconEnvironments, { size: 14 }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
-			"aria-label": "Environment",
-			value,
-			onChange: (e) => set("env", e.target.value),
-			className: css({
-				border: "none",
-				bg: "transparent",
-				outline: "none",
-				fontSize: "12px",
-				fontWeight: "500",
-				color: "fg",
-				cursor: "pointer",
-				maxW: "180px"
-			}),
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
-				value: "*",
-				children: "All environments"
-			}), ws.envs.map((e) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
-				value: e.env ?? "",
-				children: e.env ?? "No environment"
-			}, e.env ?? ""))]
-		})]
-	});
-}
-var PANELS = [
-	{
-		id: "collections",
-		label: "Collections",
-		icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconCollections, { size: 18 })
-	},
-	{
-		id: "history",
-		label: "History",
-		icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconHistory, { size: 18 })
-	},
-	{
-		id: "environments",
-		label: "Environments",
-		icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconEnvironments, { size: 18 })
-	}
-];
-var railButton = css({
-	display: "flex",
-	flexDir: "column",
-	alignItems: "center",
-	gap: "0.5",
-	w: "56px",
-	py: "1.5",
-	rounded: "md",
-	border: "none",
-	bg: "transparent",
-	color: "muted",
-	cursor: "pointer",
-	fontSize: "10px",
-	fontWeight: "500",
-	textDecoration: "none",
-	_hover: {
-		color: "fg",
-		bg: "hover"
-	},
-	"&[data-active=true]": {
-		color: "fg",
-		bg: "hover"
-	},
-	"&[data-active=true] svg": { color: "accent" }
-});
-function Rail() {
-	const { prefs, set } = usePrefs();
-	const select = (panel) => {
-		if (prefs.panel === panel && prefs.sidebarOpen) set("sidebarOpen", false);
-		else {
-			set("panel", panel);
-			set("sidebarOpen", true);
-		}
-	};
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", {
-		"aria-label": "Sections",
-		className: css({
-			display: "flex",
-			flexDir: "column",
-			alignItems: "center",
-			gap: "1",
-			w: "64px",
-			pt: "1",
-			pb: "2",
-			flexShrink: 0
-		}),
-		children: [
-			PANELS.map((panel) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-				type: "button",
-				className: railButton,
-				"data-active": prefs.sidebarOpen && prefs.panel === panel.id,
-				onClick: () => select(panel.id),
-				children: [panel.icon, panel.label === "Environments" ? "Envs" : panel.label]
-			}, panel.id)),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: css({
-				w: "28px",
-				h: "1px",
-				bg: "line",
-				my: "1.5"
-			}) }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
-				to: "/",
-				className: railButton,
-				activeProps: { "data-active": true },
-				activeOptions: { exact: true },
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconOverview, { size: 18 }), "Overview"]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
-				to: "/query",
-				className: railButton,
-				activeProps: { "data-active": true },
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconDatabase, { size: 18 }), "SQL"]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: css({ mt: "auto" }),
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, {
-					label: prefs.sidebarOpen ? "Hide sidebar" : "Show sidebar",
-					"aria-pressed": prefs.sidebarOpen,
-					onClick: () => set("sidebarOpen", !prefs.sidebarOpen),
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconSidebar, {})
-				})
-			})
-		]
-	});
-}
-var MIN_SIDEBAR = 220;
-var MAX_SIDEBAR = 560;
-function Sidebar({ filterRef }) {
-	const { prefs, set } = usePrefs();
-	const [dragging, setDragging] = import_react.useState(false);
-	const [width, setWidth] = import_react.useState(prefs.sidebarWidth);
-	import_react.useEffect(() => setWidth(prefs.sidebarWidth), [prefs.sidebarWidth]);
-	const title = PANELS.find((p) => p.id === prefs.panel)?.label ?? "";
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", {
-		className: css({
-			position: "relative",
-			display: "flex",
-			flexDir: "column",
-			flexShrink: 0,
-			minH: "0",
-			pt: "1"
-		}),
-		style: { width },
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: css({
-					display: "flex",
-					alignItems: "center",
-					h: "30px",
-					px: "3",
-					flexShrink: 0
-				}),
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: css({
-						fontWeight: "600",
-						fontSize: "12px"
-					}),
-					children: title
-				})
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: css({
-					flex: "1",
-					minH: "0"
-				}),
-				children: [
-					prefs.panel === "collections" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollectionsPanel, { filterRef }) : null,
-					prefs.panel === "history" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HistoryPanel, { filterRef }) : null,
-					prefs.panel === "environments" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EnvironmentsPanel, {}) : null
-				]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				role: "separator",
-				"aria-orientation": "vertical",
-				"aria-label": "Resize sidebar",
-				onPointerDown: (e) => {
-					e.preventDefault();
-					e.target.setPointerCapture(e.pointerId);
-					setDragging(true);
-				},
-				onPointerMove: (e) => {
-					if (!dragging) return;
-					const aside = e.target.parentElement;
-					if (!aside) return;
-					const left = aside.getBoundingClientRect().left;
-					setWidth(Math.min(MAX_SIDEBAR, Math.max(MIN_SIDEBAR, e.clientX - left)));
-				},
-				onPointerUp: () => {
-					if (!dragging) return;
-					setDragging(false);
-					set("sidebarWidth", width);
-				},
-				className: cx(css({
-					position: "absolute",
-					top: "0",
-					bottom: "0",
-					right: "-3px",
-					w: "6px",
-					cursor: "col-resize",
-					zIndex: "2",
-					_hover: {
-						bg: "accent",
-						opacity: .4
-					}
-				}), dragging && css({
-					bg: "accent",
-					opacity: .4
-				}))
-			})
-		]
-	});
-}
-function TabStrip() {
-	const { tabs, activeKey, pin, close } = useTabs();
-	const navigate = useNavigate();
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		role: "tablist",
-		"aria-label": "Open tabs",
-		className: css({
-			display: "flex",
-			alignItems: "stretch",
-			h: "36px",
-			flexShrink: 0,
-			bg: "chrome",
-			borderBottom: "1px solid",
-			borderColor: "line",
-			overflowX: "auto",
-			scrollbarWidth: "none"
-		}),
-		children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			role: "tab",
-			tabIndex: 0,
-			"aria-selected": tab.key === activeKey,
-			"data-preview": tab.preview,
-			title: tab.preview ? `${tab.title} — preview; double-click to keep open` : tab.title,
-			onClick: () => void navigate({ href: tab.href }),
-			onKeyDown: (e) => {
-				if (e.key === "Enter") navigate({ href: tab.href });
-			},
-			onDoubleClick: () => pin(tab.key),
-			onAuxClick: (e) => {
-				if (e.button === 1) close(tab.key);
-			},
-			className: css({
-				position: "relative",
-				display: "flex",
-				alignItems: "center",
-				gap: "1.5",
-				pl: "3",
-				pr: "1",
-				minW: "0",
-				maxW: "220px",
-				flexShrink: 0,
-				borderRight: "1px solid",
-				borderColor: "line",
-				cursor: "pointer",
-				color: "muted",
-				userSelect: "none",
-				_hover: {
-					color: "fg",
-					bg: "hover"
-				},
-				"&[aria-selected=true]": {
-					bg: "canvas",
-					color: "fg",
-					_before: {
-						content: "\"\"",
-						position: "absolute",
-						left: "0",
-						right: "0",
-						top: "0",
-						h: "2px",
-						bg: "accent"
-					}
-				},
-				"&[data-preview=true] .tab-title": { fontStyle: "italic" },
-				"& .tab-close": { opacity: 0 },
-				"&:hover .tab-close, &[aria-selected=true] .tab-close": { opacity: 1 }
-			}),
-			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabGlyph, { tab }),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: cx("tab-title", truncate, css({ fontSize: "12px" }), tab.failed ? css({ color: "bad" }) : void 0),
-					children: tab.title
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, {
-					label: "Close tab",
-					className: cx("tab-close", css({
-						w: "20px",
-						h: "20px"
-					})),
-					onClick: (e) => {
-						e.stopPropagation();
-						close(tab.key);
-					},
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconClose, { size: 12 })
-				})
-			]
-		}, tab.key))
-	});
-}
-function TabGlyph({ tab }) {
-	if (tab.icon === "request" && tab.method) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MethodBadge, {
-		method: tab.method,
-		kind: tab.kind
-	});
-	const glyph = {
-		overview: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconOverview, { size: 13 }),
-		collection: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconCollections, { size: 13 }),
-		run: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconRun, { size: 12 }),
-		request: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconRequest, { size: 13 }),
-		query: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconDatabase, { size: 13 })
-	}[tab.icon];
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-		className: css({
-			display: "inline-flex",
-			color: "faint",
-			flexShrink: 0
-		}),
-		children: glyph
-	});
-}
-function StatusBar() {
-	const ws = root.useLoaderData();
-	const { prefs, lastRefresh } = usePrefs();
-	const now = useNow(ws.now, 1e3);
-	const c = ws.counts;
-	const item = css({
-		display: "inline-flex",
-		alignItems: "center",
-		gap: "1",
-		whiteSpace: "nowrap"
-	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", {
-		className: css({
-			display: "flex",
-			alignItems: "center",
-			gap: "4",
-			h: "24px",
-			px: "3",
-			flexShrink: 0,
-			fontSize: "11px",
-			color: "muted",
-			borderTop: "1px solid",
-			borderColor: "line",
-			overflow: "hidden"
-		}),
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-				className: cx(item, mono, truncate, css({
-					minW: "0",
-					flexShrink: 1
-				})),
-				title: ws.path,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconDatabase, { size: 12 }), ws.path]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-				className: item,
-				children: formatBytes(ws.bytes)
-			}),
-			c ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-				className: item,
-				children: [
-					formatCount(c.runs),
-					" runs · ",
-					formatCount(c.requests + c.connections),
-					" requests"
-				]
-			}) : null,
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-				className: item,
-				children: ["schema v", ws.schema.file]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-				className: cx(item, css({ ml: "auto" })),
-				children: [prefs.live ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: css({ color: "ok" }),
-					children: "● Live"
-				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Read-only" }), lastRefresh ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: css({ color: "faint" }),
-					children: ["· read ", formatAgo(now, lastRefresh)]
-				}) : null]
-			})
-		]
-	});
-}
-var globals_default = "/assets/globals-CZiNFGaK.css";
-var Route$5 = createRootRoute({
-	head: () => ({
-		meta: [
-			{ charSet: "utf-8" },
-			{
-				name: "viewport",
-				content: "width=device-width, initial-scale=1"
-			},
-			{
-				name: "color-scheme",
-				content: "light dark"
-			},
-			{ title: "wireui" }
-		],
-		links: [{
-			rel: "stylesheet",
-			href: globals_default
-		}, {
-			rel: "icon",
-			href: "/favicon.svg",
-			type: "image/svg+xml"
-		}]
-	}),
-	loader: () => getWorkspace(),
-	staleTime: 0,
-	errorComponent: RouteError,
-	notFoundComponent: NotFound,
-	component: RootLayout,
-	shellComponent: RootDocument
-});
-function RootLayout() {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Frame, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Outlet, {}) });
-}
-function Frame({ children }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PrefsProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Shell, { children }) }) });
-}
-function RootDocument({ children }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("html", {
-		lang: "en",
-		suppressHydrationWarning: true,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("head", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", { dangerouslySetInnerHTML: { __html: THEME_BOOT_SCRIPT } }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadContent, {})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("body", { children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Scripts, {})] })]
-	});
-}
-var $$splitComponentImporter$4 = () => import("./routes-DaV9vGHn.mjs");
-var Route$4 = createFileRoute("/")({
-	loader: () => getOverview({ data: {} }),
-	component: lazyRouteComponent($$splitComponentImporter$4, "component")
-});
-var $$splitComponentImporter$3 = () => import("./collections-CqidTQpw.mjs");
-var Route$3 = createFileRoute("/collections")({
-	validateSearch: (search) => ({
-		entry: typeof search.entry === "string" ? search.entry : "",
-		tab: search.tab === "requests" || search.tab === "checks" ? search.tab : void 0
-	}),
-	loaderDeps: ({ search }) => ({ entry: search.entry }),
-	loader: async ({ deps }) => {
-		if (!deps.entry) throw notFound();
-		const page = await getScript({ data: { entry: deps.entry } });
-		if (!page) throw notFound();
-		return page;
-	},
-	component: lazyRouteComponent($$splitComponentImporter$3, "component")
-});
-/** Most recent {@link STRIP_RUNS} runs as bars, oldest on the left. */
-var $$splitComponentImporter$2 = () => import("./query-D4so9xiY.mjs");
-var Route$2 = createFileRoute("/query")({
-	validateSearch: (search) => ({ sql: typeof search.sql === "string" ? search.sql : void 0 }),
-	loader: () => getSchema(),
-	component: lazyRouteComponent($$splitComponentImporter$2, "component")
-});
-var $$splitComponentImporter$1 = () => import("./requests._requestId-BFukRwqL.mjs");
-var REQ_TABS = [
-	"params",
-	"headers",
-	"body",
-	"cookies",
-	"tags"
-];
-var RES_TABS = [
-	"body",
-	"messages",
-	"headers",
-	"cookies",
-	"timeline"
-];
-var Route$1 = createFileRoute("/requests/$requestId")({
-	validateSearch: (search) => ({
-		req: REQ_TABS.includes(search.req) ? search.req : void 0,
-		res: RES_TABS.includes(search.res) ? search.res : void 0
-	}),
-	loader: async ({ params }) => {
-		const page = await getRequest({ data: { requestId: params.requestId } });
-		if (!page) throw notFound();
-		return page;
-	},
-	component: lazyRouteComponent($$splitComponentImporter$1, "component")
-});
-var $$splitComponentImporter = () => import("./runs._runId-Df_LmPHa.mjs");
-var Route = createFileRoute("/runs/$runId")({
-	validateSearch: (search) => ({ tab: search.tab === "checks" || search.tab === "insights" || search.tab === "details" ? search.tab : void 0 }),
-	loader: async ({ params }) => {
-		const page = await getRun({ data: { runId: params.runId } });
-		if (!page) throw notFound();
-		return page;
-	},
-	component: lazyRouteComponent($$splitComponentImporter, "component")
-});
-var rootRouteChildren = {
-	IndexRoute: Route$4.update({
-		id: "/",
-		path: "/",
-		getParentRoute: () => Route$5
-	}),
-	CollectionsRoute: Route$3.update({
-		id: "/collections",
-		path: "/collections",
-		getParentRoute: () => Route$5
-	}),
-	QueryRoute: Route$2.update({
-		id: "/query",
-		path: "/query",
-		getParentRoute: () => Route$5
-	}),
-	RequestsRequestIdRoute: Route$1.update({
-		id: "/requests/$requestId",
-		path: "/requests/$requestId",
-		getParentRoute: () => Route$5
-	}),
-	RunsRunIdRoute: Route.update({
-		id: "/runs/$runId",
-		path: "/runs/$runId",
-		getParentRoute: () => Route$5
-	})
-};
-var routeTree = Route$5._addFileChildren(rootRouteChildren)._addFileTypes();
-var router_exports = /* @__PURE__ */ __exportAll({ getRouter: () => getRouter });
-function getRouter() {
-	return createRouter({
-		routeTree,
-		defaultPreload: "intent",
-		defaultPreloadStaleTime: 0,
-		scrollRestoration: true,
-		defaultNotFoundComponent: NotFound,
-		defaultErrorComponent: RouteError
-	});
-}
 //#endregion
-export { Button, Callout, Card, CopyButton, Dot, Empty, FilterInput, IconAlert, IconButton, IconCheckCircle, IconChevronDown, IconChevronLeft, IconChevronRight, IconCollections, IconDatabase, IconDown, IconFile, IconPlay, IconRun, IconUp, IconXCircle, Kbd, MethodBadge, Pill, Route, Route$1, Route$2, Route$3, Route$4, STATUS_TEXT, SectionTitle, Segmented, Stat, StatGrid, StatusBadge, TabList, bodyRaw, bodyText, css, cx, envFilter, faintText, formatAgo, formatBytes, formatClockMs, formatCount, formatDateTime, formatDay, formatMs, formatOffset, getOverview, getScript, isFailure, mono, pagePad, plural, queryParams, requestCookies, responseCookies, router_exports, runSql, runTone, runVerdict, scrollPane, statusTone, tabKey, table, timingPhases, toCurl, toneText, truncate, useNow, usePrefs, useTab, useUnreadable };
+export { Button, Callout, Card, CopyButton, Dot, Empty, FilterInput, IconAlert, IconButton, IconCheckCircle, IconChevronDown, IconChevronLeft, IconChevronRight, IconClose, IconDatabase, IconDown, IconEnvironments, IconFile, IconHistory, IconMonitor, IconMoon, IconOverview, IconPlay, IconRefresh, IconRequest, IconRun, IconSessions, IconSplitSide, IconSplitStacked, IconSun, IconUp, IconXCircle, Kbd, MethodBadge, Metric, NotFound, Pill, PrefsProvider, RouteError, STATUS_TEXT, SectionTitle, Segmented, Stat, StatGrid, StatStrip, StatusBadge, THEME_BOOT_SCRIPT, TabList, TabsProvider, Toggle, basename, bodyRaw, bodyText, css, cx, envFilter, faintText, formatAgo, formatBytes, formatClock, formatClockMs, formatCount, formatDateTime, formatDay, formatMs, formatOffset, groupByDay, isFailure, matchesEnv, mono, pagePad, plural, queryParams, requestCookies, requestErrorsHint, responseCookies, runTone, runVerdict, scrollPane, statusTone, tabKey, table, timingPhases, toCurl, toneText, truncate, useNow, usePrefs, useTab, useTabs, useUnreadable };