@apisurf/wireui 0.1.2

package/dist/server/_ssr/router-CPcgc_kh.mjs

@@ -0,0 +1,3176 @@
+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
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+function isObject(value) {
+	return typeof value === "object" && value != null && !Array.isArray(value);
+}
+var isObjectOrArray = (obj) => typeof obj === "object" && obj !== null;
+function compact(value) {
+	return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
+}
+var isBaseCondition = (v) => v === "base";
+function filterBaseConditions(c) {
+	return c.slice().filter((v) => !isBaseCondition(v));
+}
+function toChar(code) {
+	return String.fromCharCode(code + (code > 25 ? 39 : 97));
+}
+function toName(code) {
+	let name = "";
+	let x;
+	for (x = Math.abs(code); x > 52; x = x / 52 | 0) name = toChar(x % 52) + name;
+	return toChar(x % 52) + name;
+}
+function toPhash(h, x) {
+	let i = x.length;
+	while (i) h = h * 33 ^ x.charCodeAt(--i);
+	return h;
+}
+function toHash(value) {
+	return toName(toPhash(5381, value) >>> 0);
+}
+var importantRegex = /\s*!(important)?/i;
+function isImportant(value) {
+	return typeof value === "string" ? importantRegex.test(value) : false;
+}
+function withoutImportant(value) {
+	return typeof value === "string" ? value.replace(importantRegex, "").trim() : value;
+}
+function withoutSpace(str) {
+	return typeof str === "string" ? str.replaceAll(" ", "_") : str;
+}
+var memo = (fn) => {
+	const cache = /* @__PURE__ */ new Map();
+	const get = (...args) => {
+		const key = JSON.stringify(args);
+		if (cache.has(key)) return cache.get(key);
+		const result = fn(...args);
+		cache.set(key, result);
+		return result;
+	};
+	return get;
+};
+var MERGE_OMIT = /* @__PURE__ */ new Set([
+	"__proto__",
+	"constructor",
+	"prototype"
+]);
+function mergeProps(...sources) {
+	return sources.reduce((prev, obj) => {
+		if (!obj) return prev;
+		Object.keys(obj).forEach((key) => {
+			if (MERGE_OMIT.has(key)) return;
+			const prevValue = prev[key];
+			const value = obj[key];
+			if (isObject(prevValue) && isObject(value)) prev[key] = mergeProps(prevValue, value);
+			else prev[key] = value;
+		});
+		return prev;
+	}, {});
+}
+var isNotNullish = (element) => element != null;
+function walkObject(target, predicate, options = {}) {
+	const { stop, getKey } = options;
+	function inner(value, path = []) {
+		if (isObjectOrArray(value)) {
+			const result = {};
+			for (const [prop, child] of Object.entries(value)) {
+				const key = getKey?.(prop, child) ?? prop;
+				const childPath = [...path, key];
+				if (stop?.(value, childPath)) return predicate(value, path);
+				const next = inner(child, childPath);
+				if (isNotNullish(next)) result[key] = next;
+			}
+			return result;
+		}
+		return predicate(value, path);
+	}
+	return inner(target);
+}
+function toResponsiveObject(values, breakpoints) {
+	return values.reduce((acc, current, index) => {
+		const key = breakpoints[index];
+		if (current != null) acc[key] = current;
+		return acc;
+	}, {});
+}
+function normalizeStyleObject(styles, context, shorthand = true) {
+	const { utility, conditions } = context;
+	const { hasShorthand, resolveShorthand } = utility;
+	return walkObject(styles, (value) => {
+		return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;
+	}, {
+		stop: (value) => Array.isArray(value),
+		getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0
+	});
+}
+var fallbackCondition = {
+	shift: (v) => v,
+	finalize: (v) => v,
+	breakpoints: { keys: [] }
+};
+var sanitize = (value) => typeof value === "string" ? value.replaceAll(/[\n\s]+/g, " ") : value;
+function createCss(context) {
+	const { utility, hash, conditions: conds = fallbackCondition } = context;
+	const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join("-");
+	const hashFn = (conditions, className) => {
+		let result;
+		if (hash) {
+			const baseArray = [...conds.finalize(conditions), className];
+			result = formatClassName(utility.toHash(baseArray, toHash));
+		} else result = [...conds.finalize(conditions), formatClassName(className)].join(":");
+		return result;
+	};
+	return memo(({ base, ...styles } = {}) => {
+		const normalizedObject = normalizeStyleObject(Object.assign(styles, base), context);
+		const classNames = /* @__PURE__ */ new Set();
+		walkObject(normalizedObject, (value, paths) => {
+			if (value == null) return;
+			const important = isImportant(value);
+			const [prop, ...allConditions] = conds.shift(paths);
+			const conditions = filterBaseConditions(allConditions);
+			const transformed = utility.transform(prop, withoutImportant(sanitize(value)));
+			let className = hashFn(conditions, transformed.className);
+			if (important) className = `${className}!`;
+			classNames.add(className);
+		});
+		return Array.from(classNames).join(" ");
+	});
+}
+function compactStyles(...styles) {
+	return styles.flat().filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);
+}
+function createMergeCss(context) {
+	function resolve(styles) {
+		const allStyles = compactStyles(...styles);
+		if (allStyles.length === 1) return allStyles;
+		return allStyles.map((style) => normalizeStyleObject(style, context));
+	}
+	function mergeCss(...styles) {
+		return mergeProps(...resolve(styles));
+	}
+	function assignCss(...styles) {
+		return Object.assign({}, ...resolve(styles));
+	}
+	return {
+		mergeCss: memo(mergeCss),
+		assignCss
+	};
+}
+var wordRegex = /([A-Z])/g;
+var msRegex = /^ms-/;
+var hypenateProperty = memo((property) => {
+	if (property.startsWith("--")) return property;
+	return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
+});
+new RegExp(`^(${[
+	"min",
+	"max",
+	"clamp",
+	"calc"
+].join("|")})\\(.*\\)`);
+var lengthUnitsPattern = `(?:${"cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%".split(",").join("|")})`;
+new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${lengthUnitsPattern}$`);
+var htmlProps = [
+	"htmlSize",
+	"htmlTranslate",
+	"htmlWidth",
+	"htmlHeight"
+];
+function convert(key) {
+	return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;
+}
+function normalizeHTMLProps(props) {
+	return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));
+}
+normalizeHTMLProps.keys = htmlProps;
+var conditions = new Set("_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base".split(","));
+var conditionRegex = /^@|&|&$/;
+function isCondition(value) {
+	return conditions.has(value) || conditionRegex.test(value);
+}
+var underscoreRegex = /^_/;
+var conditionsSelectorRegex = /&|@/;
+function finalizeConditions(paths) {
+	return paths.map((path) => {
+		if (conditions.has(path)) return path.replace(underscoreRegex, "");
+		if (conditionsSelectorRegex.test(path)) return `[${withoutSpace(path.trim())}]`;
+		return path;
+	});
+}
+function sortConditions(paths) {
+	return paths.sort((a, b) => {
+		const aa = isCondition(a);
+		const bb = isCondition(b);
+		if (aa && !bb) return 1;
+		if (!aa && bb) return -1;
+		return 0;
+	});
+}
+var utilities = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,focusRing:focus-ring,focusVisibleRing:focus-v-ring,focusRingColor:focus-ring-c,focusRingOffset:focus-ring-o,focusRingWidth:focus-ring-w,focusRingStyle:focus-ring-s,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,boxSize:size,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,WebkitTextFillColor:wktf-c,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,backgroundLinear:bg-linear/bgLinear,backgroundRadial:bg-radial/bgRadial,backgroundConic:bg-conic/bgConic,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderBlockStartWidth:bd-bs-w,borderBlockEndWidth:bd-be-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,cursor:cursor,textStyle:textStyle";
+var classNameByProp = /* @__PURE__ */ new Map();
+var shorthands = /* @__PURE__ */ new Map();
+utilities.split(",").forEach((utility) => {
+	const [prop, meta] = utility.split(":");
+	const [className, ...shorthandList] = meta.split("/");
+	classNameByProp.set(prop, className);
+	if (shorthandList.length) shorthandList.forEach((shorthand) => {
+		shorthands.set(shorthand === "1" ? className : shorthand, prop);
+	});
+});
+var resolveShorthand = (prop) => shorthands.get(prop) || prop;
+var context = {
+	conditions: {
+		shift: sortConditions,
+		finalize: finalizeConditions,
+		breakpoints: { keys: [
+			"base",
+			"sm",
+			"md",
+			"lg",
+			"xl",
+			"2xl"
+		] }
+	},
+	utility: {
+		transform: (prop, value) => {
+			const key = resolveShorthand(prop);
+			return { className: `${classNameByProp.get(key) || hypenateProperty(key)}_${withoutSpace(value)}` };
+		},
+		hasShorthand: true,
+		toHash: (path, hashFn) => hashFn(path.join(":")),
+		resolveShorthand
+	}
+};
+var cssFn = createCss(context);
+var css = (...styles) => cssFn(mergeCss(...styles));
+css.raw = (...styles) => mergeCss(...styles);
+var { mergeCss, assignCss } = createMergeCss(context);
+function cx() {
+	let str = "", i = 0, arg;
+	for (; i < arguments.length;) if ((arg = arguments[i++]) && typeof arg === "string") {
+		str && (str += " ");
+		str += arg;
+	}
+	return str;
+}
+function icon(paths) {
+	return function Icon({ size = 16, title, ...rest }) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
+			width: size,
+			height: size,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: 1.75,
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			"aria-hidden": title ? void 0 : true,
+			role: title ? "img" : void 0,
+			...rest,
+			children: [title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: title }) : null, 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 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" }),
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 7v5l3 2" })
+] }));
+var IconEnvironments = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+		cx: "12",
+		cy: "12",
+		r: "9"
+	}),
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 12h18" }),
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 3a14 14 0 0 1 0 18a14 14 0 0 1 0-18" })
+] }));
+var IconDatabase = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("ellipse", {
+		cx: "12",
+		cy: "5",
+		rx: "8",
+		ry: "3"
+	}),
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 5v14c0 1.7 3.6 3 8 3s8-1.3 8-3V5" }),
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3" })
+] }));
+var IconOverview = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
+		x: "3",
+		y: "3",
+		width: "7",
+		height: "9",
+		rx: "1.5"
+	}),
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
+		x: "14",
+		y: "3",
+		width: "7",
+		height: "5",
+		rx: "1.5"
+	}),
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
+		x: "14",
+		y: "12",
+		width: "7",
+		height: "9",
+		rx: "1.5"
+	}),
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
+		x: "3",
+		y: "16",
+		width: "7",
+		height: "5",
+		rx: "1.5"
+	})
+] }));
+var IconRun = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7 4v16l13-8z" }));
+var IconRequest = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 12h16" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 6l6 6-6 6" })] }));
+var IconChevronRight = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 6l6 6-6 6" }));
+var IconChevronDown = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 9l6 6 6-6" }));
+var IconChevronLeft = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 6l-6 6 6 6" }));
+var IconClose = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 6l12 12" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18 6L6 18" })] }));
+var IconRefresh = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 11a8 8 0 0 0-14.6-4.5L4 8" }),
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 4v4h4" }),
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 13a8 8 0 0 0 14.6 4.5L20 16" }),
+	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 20v-4h-4" })
+] }));
+var IconSun = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+	cx: "12",
+	cy: "12",
+	r: "4"
+}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4" })] }));
+var IconMoon = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 14.5A8 8 0 0 1 9.5 4a8 8 0 1 0 10.5 10.5z" }));
+var IconMonitor = 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: "12",
+	rx: "2"
+}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 20h8M12 16v4" })] }));
+var IconCopy = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
+	x: "9",
+	y: "9",
+	width: "11",
+	height: "11",
+	rx: "2"
+}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 15V6a2 2 0 0 1 2-2h8" })] }));
+var IconCheck = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 12l5 5L20 7" }));
+var IconSearch = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+	cx: "11",
+	cy: "11",
+	r: "7"
+}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 20l-3.5-3.5" })] }));
+var IconSplitSide = 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: "M12 4v16" })] }));
+var IconSplitStacked = 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: "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" })] }));
+var IconCheckCircle = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+	cx: "12",
+	cy: "12",
+	r: "9"
+}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 12.5l2.5 2.5L16 9.5" })] }));
+var IconXCircle = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+	cx: "12",
+	cy: "12",
+	r: "9"
+}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 9l6 6M15 9l-6 6" })] }));
+var IconPlay = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 5v14l11-7z" }));
+var IconFile = icon(/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 3v5h5" })] }));
+var STATUS_TEXT = {
+	100: "Continue",
+	101: "Switching Protocols",
+	200: "OK",
+	201: "Created",
+	202: "Accepted",
+	204: "No Content",
+	206: "Partial Content",
+	301: "Moved Permanently",
+	302: "Found",
+	303: "See Other",
+	304: "Not Modified",
+	307: "Temporary Redirect",
+	308: "Permanent Redirect",
+	400: "Bad Request",
+	401: "Unauthorized",
+	403: "Forbidden",
+	404: "Not Found",
+	405: "Method Not Allowed",
+	406: "Not Acceptable",
+	408: "Request Timeout",
+	409: "Conflict",
+	410: "Gone",
+	413: "Payload Too Large",
+	415: "Unsupported Media Type",
+	422: "Unprocessable Content",
+	429: "Too Many Requests",
+	500: "Internal Server Error",
+	501: "Not Implemented",
+	502: "Bad Gateway",
+	503: "Service Unavailable",
+	504: "Gateway Timeout"
+};
+/** How a finished exchange went, as a colour family. */
+function statusTone(status, errorName) {
+	if (errorName || status == null) return "bad";
+	if (status >= 500) return "bad";
+	if (status >= 400) return "warn";
+	if (status >= 300) return "info";
+	if (status >= 100) return "ok";
+	return "neutral";
+}
+function isFailure(row) {
+	return row.error_name != null || row.status == null || row.status >= 400;
+}
+/** The token a method is painted with. */
+function methodToken(method, kind = "http") {
+	if (kind === "ws") return "ws";
+	if (kind === "sse") return "sse";
+	switch (method.toUpperCase()) {
+		case "GET": return "get";
+		case "POST": return "post";
+		case "PUT": return "put";
+		case "PATCH": return "patch";
+		case "DELETE": return "delete";
+		default: return "other";
+	}
+}
+/** What a badge says: the method, or the protocol for a connection. */
+function methodLabel(method, kind = "http") {
+	if (kind === "ws") return "WS";
+	if (kind === "sse") return "SSE";
+	return method.toUpperCase();
+}
+function queryParams(query) {
+	if (!query) return [];
+	const out = [];
+	for (const [name, value] of new URLSearchParams(query)) out.push([name, value]);
+	return out;
+}
+/** Cookies the request carried, from its `Cookie` headers. */
+function requestCookies(headers) {
+	return headers.filter(([name]) => name.toLowerCase() === "cookie").flatMap(([, value]) => value.split(";")).map((pair) => pair.trim()).filter(Boolean).map((pair) => {
+		const eq = pair.indexOf("=");
+		return eq < 0 ? {
+			name: pair,
+			value: "",
+			attributes: {}
+		} : {
+			name: pair.slice(0, eq),
+			value: pair.slice(eq + 1),
+			attributes: {}
+		};
+	});
+}
+/** Cookies the response set, one per `Set-Cookie` header. */
+function responseCookies(headers) {
+	return headers.filter(([name]) => name.toLowerCase() === "set-cookie").map(([, value]) => {
+		const [first = "", ...rest] = value.split(";");
+		const eq = first.indexOf("=");
+		const attributes = {};
+		for (const part of rest) {
+			const trimmed = part.trim();
+			if (!trimmed) continue;
+			const at = trimmed.indexOf("=");
+			if (at < 0) attributes[trimmed] = "true";
+			else attributes[trimmed.slice(0, at)] = trimmed.slice(at + 1);
+		}
+		return {
+			name: eq < 0 ? first.trim() : first.slice(0, eq).trim(),
+			value: eq < 0 ? "" : first.slice(eq + 1).trim(),
+			attributes
+		};
+	});
+}
+/** A body as the text it was sent as, or null when it has none to give. */
+function bodyText(body) {
+	if (body.kind === "json") return JSON.stringify(body.json, null, 2);
+	if (body.kind === "text") return body.text;
+	if (body.kind === "image") return body.text;
+	return null;
+}
+/** The compact form of a JSON body — what went over the wire, near enough. */
+function bodyRaw(body) {
+	if (body.kind === "json") return JSON.stringify(body.json);
+	return bodyText(body);
+}
+/**
+* Headers cURL computes on its own. Replaying them verbatim is at best noise and
+* at worst wrong — a recorded Content-Length against a re-encoded body.
+*/
+var CURL_SKIP = /* @__PURE__ */ new Set([
+	"content-length",
+	"host",
+	"connection",
+	"accept-encoding"
+]);
+function shellQuote(value) {
+	return `'${value.replace(/'/g, `'\\''`)}'`;
+}
+/** The recorded request as a cURL command someone can paste and re-run. */
+function toCurl(request, headers, body) {
+	const lines = [`curl ${request.method === "GET" ? "" : `-X ${request.method} `}${shellQuote(request.url)}`];
+	for (const [name, value] of headers) {
+		if (CURL_SKIP.has(name.toLowerCase())) continue;
+		lines.push(`  -H ${shellQuote(`${name}: ${value}`)}`);
+	}
+	const raw = bodyRaw(body);
+	if (raw != null && raw !== "") lines.push(`  --data-raw ${shellQuote(raw)}`);
+	return lines.join(" \\\n");
+}
+/**
+* A request's duration split into phases that do not overlap and add up.
+*
+* `dns`, `connect` and `tls` are measured on their own; `ttfb` runs from the
+* start to the first response byte, so it already contains them — the server's
+* own time is what is left of it. `download` follows the first byte. Anything
+* the marks do not account for (a body read late by the script, say) is shown
+* as its own phase rather than being folded into one that did not take it.
+*
+* A connection's duration is how long it stayed open; its phases are the
+* handshake and the time to the first message instead.
+*/
+function timingPhases(r) {
+	const handshake = (r.dns_ms ?? 0) + (r.connect_ms ?? 0) + (r.tls_ms ?? 0);
+	const phases = [];
+	const push = (key, label, hint, ms) => {
+		if (ms != null && ms > .005) phases.push({
+			key,
+			label,
+			hint,
+			ms
+		});
+	};
+	const stream = r.kind !== "http";
+	push("dns", "DNS lookup", "Resolving the hostname", r.dns_ms);
+	push("connect", stream ? "Handshake" : "TCP connect", "Opening the connection", r.connect_ms);
+	push("tls", "TLS handshake", "Negotiating encryption", r.tls_ms);
+	if (r.ttfb_ms != null) {
+		const wait = Math.max(0, r.ttfb_ms - handshake);
+		push("wait", stream ? "First message" : "Waiting (TTFB)", stream ? "Until the first message arrived" : "Server processing, until the first byte", wait);
+	}
+	if (!stream) push("download", "Content download", "Reading the response body", r.download_ms);
+	const accounted = phases.reduce((sum, p) => sum + p.ms, 0);
+	const rest = r.duration_ms - accounted;
+	push("other", stream ? "Open" : "Other", stream ? "The rest of the connection's lifetime" : "Time the phase marks do not cover", rest > .5 ? rest : null);
+	return phases;
+}
+/**
+* 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.
+*/
+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";
+}
+var mono = css({
+	fontFamily: "mono",
+	fontSize: "12px"
+});
+var truncate = css({
+	overflow: "hidden",
+	textOverflow: "ellipsis",
+	whiteSpace: "nowrap"
+});
+var faintText = css({ color: "faint" });
+css({ color: "muted" });
+var METHOD_COLOR = {
+	get: css({ color: "get" }),
+	post: css({ color: "post" }),
+	put: css({ color: "put" }),
+	patch: css({ color: "patch" }),
+	delete: css({ color: "delete" }),
+	other: css({ color: "other" }),
+	ws: css({ color: "ws" }),
+	sse: css({ color: "sse" })
+};
+function MethodBadge({ method, kind = "http", width }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: cx(css({
+			fontFamily: "mono",
+			fontSize: "10.5px",
+			fontWeight: "700",
+			letterSpacing: "0.02em",
+			flexShrink: 0
+		}), width === "list" && css({
+			display: "inline-block",
+			w: "46px"
+		}), METHOD_COLOR[methodToken(method, kind)]),
+		children: methodLabel(method, kind)
+	});
+}
+var TONE_TEXT = {
+	ok: css({ color: "ok" }),
+	info: css({ color: "info" }),
+	warn: css({ color: "warn" }),
+	bad: css({ color: "bad" }),
+	neutral: css({ color: "muted" })
+};
+var TONE_PILL = {
+	ok: css({
+		color: "ok",
+		bg: "okSoft"
+	}),
+	info: css({
+		color: "info",
+		bg: "accentSoft"
+	}),
+	warn: css({
+		color: "warn",
+		bg: "warnSoft"
+	}),
+	bad: css({
+		color: "bad",
+		bg: "badSoft"
+	}),
+	neutral: css({
+		color: "muted",
+		bg: "hover"
+	})
+};
+var TONE_DOT = {
+	ok: css({ bg: "ok" }),
+	info: css({ bg: "info" }),
+	warn: css({ bg: "warn" }),
+	bad: css({ bg: "bad" }),
+	neutral: css({ bg: "faint" })
+};
+function toneText(tone) {
+	return TONE_TEXT[tone];
+}
+/** `200` in a list, `200 OK` as a pill in a header. */
+function StatusBadge({ status, error, pill = false }) {
+	const tone = statusTone(status, error);
+	const label = status == null ? error ?? "ERR" : String(status);
+	if (!pill) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: cx(mono, css({
+			fontWeight: "600",
+			flexShrink: 0
+		}), TONE_TEXT[tone]),
+		children: status == null ? "ERR" : label
+	});
+	const reason = status != null ? STATUS_TEXT[status] : null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+		className: cx(css({
+			display: "inline-flex",
+			alignItems: "center",
+			gap: "1",
+			px: "2",
+			py: "0.5",
+			rounded: "sm",
+			fontWeight: "600",
+			fontSize: "12px",
+			whiteSpace: "nowrap"
+		}), TONE_PILL[tone]),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: mono,
+			children: label
+		}), reason ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: reason }) : null]
+	});
+}
+function Dot({ tone, title }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		title,
+		className: cx(css({
+			display: "inline-block",
+			w: "7px",
+			h: "7px",
+			rounded: "full",
+			flexShrink: 0
+		}), TONE_DOT[tone])
+	});
+}
+function Pill({ children, tone = "neutral", title }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		title,
+		className: cx(css({
+			display: "inline-flex",
+			alignItems: "center",
+			gap: "1",
+			px: "1.5",
+			py: "0",
+			rounded: "sm",
+			fontSize: "11px",
+			fontWeight: "500",
+			whiteSpace: "nowrap",
+			lineHeight: "18px"
+		}), TONE_PILL[tone]),
+		children
+	});
+}
+var buttonBase = css({
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	gap: "1.5",
+	h: "28px",
+	px: "2.5",
+	rounded: "md",
+	border: "1px solid",
+	borderColor: "line",
+	bg: "raised",
+	color: "fg",
+	cursor: "pointer",
+	whiteSpace: "nowrap",
+	fontWeight: "500",
+	fontSize: "12px",
+	transition: "background 80ms",
+	_hover: { bg: "hover" },
+	_disabled: {
+		opacity: .45,
+		cursor: "default",
+		_hover: { bg: "raised" }
+	},
+	_focusVisible: {
+		outline: "2px solid",
+		outlineColor: "accent",
+		outlineOffset: "1px"
+	}
+});
+function Button({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		type: "button",
+		className: cx(buttonBase, className),
+		...props
+	});
+}
+var iconButton = css({
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	w: "28px",
+	h: "28px",
+	rounded: "md",
+	border: "none",
+	bg: "transparent",
+	color: "muted",
+	cursor: "pointer",
+	flexShrink: 0,
+	_hover: {
+		bg: "hover",
+		color: "fg"
+	},
+	_disabled: {
+		opacity: .35,
+		cursor: "default",
+		_hover: { bg: "transparent" }
+	},
+	_focusVisible: {
+		outline: "2px solid",
+		outlineColor: "accent"
+	},
+	"&[aria-pressed=true]": {
+		color: "accent",
+		bg: "accentSoft"
+	}
+});
+function IconButton({ label, className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		type: "button",
+		"aria-label": label,
+		title: label,
+		className: cx(iconButton, className),
+		...props
+	});
+}
+function CopyButton({ text, label = "Copy" }) {
+	const [copied, setCopied] = import_react.useState(false);
+	import_react.useEffect(() => {
+		if (!copied) return;
+		const timer = window.setTimeout(() => setCopied(false), 1200);
+		return () => window.clearTimeout(timer);
+	}, [copied]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+		disabled: text == null,
+		onClick: () => {
+			if (text == null) return;
+			navigator.clipboard?.writeText(text).then(() => setCopied(true));
+		},
+		children: [copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconCheck, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconCopy, { size: 14 }), copied ? "Copied" : label]
+	});
+}
+function TabList({ items, value, onSelect, right, dense = false }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		role: "tablist",
+		className: css({
+			display: "flex",
+			alignItems: "stretch",
+			gap: "0.5",
+			px: "3",
+			borderBottom: "1px solid",
+			borderColor: "line",
+			flexShrink: 0,
+			minH: dense ? "34px" : "38px",
+			overflowX: "auto",
+			scrollbarWidth: "none"
+		}),
+		children: [items.filter((item) => !item.hidden).map((item) => {
+			const active = item.id === value;
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": active,
+				onClick: () => onSelect(item.id),
+				className: css({
+					position: "relative",
+					display: "inline-flex",
+					alignItems: "center",
+					gap: "1.5",
+					px: "2",
+					border: "none",
+					bg: "transparent",
+					cursor: "pointer",
+					color: "muted",
+					fontWeight: "500",
+					whiteSpace: "nowrap",
+					_hover: { color: "fg" },
+					"&[aria-selected=true]": {
+						color: "fg",
+						_after: {
+							content: "\"\"",
+							position: "absolute",
+							left: "2",
+							right: "2",
+							bottom: "-1px",
+							h: "2px",
+							rounded: "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]
+			}, item.id);
+		}), right ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: css({
+				ml: "auto",
+				display: "flex",
+				alignItems: "center",
+				gap: "1.5",
+				pl: "2"
+			}),
+			children: right
+		}) : null]
+	});
+}
+function Segmented({ items, value, onSelect }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: css({
+			display: "inline-flex",
+			p: "2px",
+			gap: "2px",
+			rounded: "md",
+			bg: "hover",
+			flexShrink: 0
+		}),
+		children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+			type: "button",
+			title: item.title,
+			"aria-pressed": item.id === value,
+			onClick: () => onSelect(item.id),
+			className: css({
+				display: "inline-flex",
+				alignItems: "center",
+				gap: "1",
+				h: "22px",
+				px: "2",
+				rounded: "sm",
+				border: "none",
+				bg: "transparent",
+				color: "muted",
+				cursor: "pointer",
+				fontSize: "12px",
+				fontWeight: "500",
+				_hover: { color: "fg" },
+				"&[aria-pressed=true]": {
+					bg: "raised",
+					color: "fg",
+					boxShadow: "0 1px 2px rgba(0,0,0,0.08)"
+				}
+			}),
+			children: item.label
+		}, item.id))
+	});
+}
+var FilterInput = import_react.forwardRef(function FilterInput({ shortcut, className, ...props }, ref) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
+		className: cx(css({
+			display: "flex",
+			alignItems: "center",
+			gap: "1.5",
+			h: "28px",
+			px: "2",
+			rounded: "md",
+			border: "1px solid",
+			borderColor: "line",
+			bg: "canvas",
+			color: "faint",
+			minW: "0",
+			_focusWithin: {
+				borderColor: "accent",
+				color: "muted"
+			}
+		}), className),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconSearch, { size: 14 }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+				ref,
+				type: "search",
+				spellCheck: false,
+				autoComplete: "off",
+				className: css({
+					flex: "1",
+					minW: "0",
+					border: "none",
+					outline: "none",
+					bg: "transparent",
+					color: "fg",
+					fontSize: "12px",
+					"&::placeholder": { color: "faint" },
+					"&::-webkit-search-cancel-button": { display: "none" }
+				}),
+				...props
+			}),
+			shortcut ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: shortcut }) : null
+		]
+	});
+});
+function Kbd({ children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("kbd", {
+		className: css({
+			fontFamily: "mono",
+			fontSize: "10px",
+			color: "faint",
+			border: "1px solid",
+			borderColor: "line",
+			rounded: "xs",
+			px: "1",
+			lineHeight: "16px",
+			flexShrink: 0
+		}),
+		children
+	});
+}
+/** A number with a label under it — the header of every summary. */
+function Stat({ label, value, sub, tone }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: css({
+			display: "flex",
+			flexDir: "column",
+			gap: "0.5",
+			px: "3.5",
+			py: "2.5",
+			rounded: "lg",
+			border: "1px solid",
+			borderColor: "line",
+			bg: "raised",
+			minW: "0"
+		}),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: css({
+					fontSize: "11px",
+					color: "muted",
+					fontWeight: "500"
+				}),
+				children: label
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: cx(css({
+					fontSize: "20px",
+					fontWeight: "600",
+					fontVariantNumeric: "tabular-nums",
+					lineHeight: "1.2"
+				}), tone ? TONE_TEXT[tone] : void 0),
+				children: value
+			}),
+			sub ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: cx(css({ fontSize: "11px" }), faintText, truncate),
+				children: sub
+			}) : null
+		]
+	});
+}
+function StatGrid({ children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: css({
+			display: "grid",
+			gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
+			gap: "2.5"
+		}),
+		children
+	});
+}
+function SectionTitle({ children, right }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: css({
+			display: "flex",
+			alignItems: "center",
+			gap: "2",
+			mb: "2",
+			mt: "1"
+		}),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+			className: css({
+				fontSize: "11px",
+				fontWeight: "600",
+				textTransform: "uppercase",
+				letterSpacing: "0.06em",
+				color: "muted",
+				m: "0"
+			}),
+			children
+		}), right ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: css({ ml: "auto" }),
+			children: right
+		}) : null]
+	});
+}
+function Card({ children, className }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: cx(css({
+			rounded: "lg",
+			border: "1px solid",
+			borderColor: "line",
+			bg: "raised",
+			overflow: "hidden"
+		}), className),
+		children
+	});
+}
+function Callout({ tone, title, children, icon }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: cx(css({
+			display: "flex",
+			gap: "2.5",
+			px: "3",
+			py: "2.5",
+			rounded: "md",
+			alignItems: "flex-start"
+		}), TONE_PILL[tone]),
+		children: [icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: css({
+				mt: "1px",
+				flexShrink: 0
+			}),
+			children: icon
+		}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: css({
+				minW: "0",
+				flex: "1"
+			}),
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: css({ fontWeight: "600" }),
+				children: title
+			}), children ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: css({
+					color: "fg",
+					mt: "0.5",
+					wordBreak: "break-word"
+				}),
+				children
+			}) : null]
+		})]
+	});
+}
+function Empty({ title, children, icon }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: css({
+			display: "flex",
+			flexDir: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			textAlign: "center",
+			gap: "1.5",
+			px: "6",
+			py: "10",
+			color: "muted",
+			h: "full",
+			minH: "0"
+		}),
+		children: [
+			icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: css({
+					color: "faint",
+					mb: "1"
+				}),
+				children: icon
+			}) : null,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: css({
+					fontWeight: "600",
+					color: "fg",
+					fontSize: "14px"
+				}),
+				children: title
+			}),
+			children ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: css({ maxW: "440px" }),
+				children
+			}) : null
+		]
+	});
+}
+/** A table style shared by every grid of rows in the app. */
+var table = css({
+	w: "full",
+	borderCollapse: "separate",
+	borderSpacing: "0",
+	fontSize: "12.5px",
+	"& th": {
+		position: "sticky",
+		top: "0",
+		zIndex: "1",
+		bg: "chrome",
+		textAlign: "left",
+		fontWeight: "500",
+		fontSize: "11px",
+		color: "muted",
+		px: "3",
+		py: "1.5",
+		borderBottom: "1px solid",
+		borderColor: "line",
+		whiteSpace: "nowrap"
+	},
+	"& td": {
+		px: "3",
+		py: "1.5",
+		borderBottom: "1px solid",
+		borderColor: "line",
+		verticalAlign: "middle"
+	},
+	"& tbody tr": { cursor: "default" },
+	"& tbody tr[data-link]": { cursor: "pointer" },
+	"& tbody tr:hover td": { bg: "hover" },
+	"& td.num, & th.num": {
+		textAlign: "right",
+		fontVariantNumeric: "tabular-nums",
+		whiteSpace: "nowrap"
+	}
+});
+/** A scrolling pane that fills its parent. */
+var scrollPane = css({
+	flex: "1",
+	minH: "0",
+	minW: "0",
+	overflow: "auto"
+});
+/** Padding for a page's scrolling content. */
+var pagePad = css({
+	px: "5",
+	py: "4",
+	display: "flex",
+	flexDir: "column",
+	gap: "5"
+});
+function formatMs(ms) {
+	if (ms == null) return "—";
+	if (ms < 1) return `${ms.toFixed(2)} ms`;
+	if (ms < 1e3) return `${Math.round(ms)} ms`;
+	if (ms < 6e4) return `${(ms / 1e3).toFixed(2)} s`;
+	return `${Math.floor(ms / 6e4)}m ${Math.round(ms % 6e4 / 1e3)}s`;
+}
+function formatBytes(bytes) {
+	if (bytes == null) return "—";
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} kB`;
+	if (bytes < 1073741824) return `${(bytes / 1048576).toFixed(1)} MB`;
+	return `${(bytes / 1073741824).toFixed(2)} GB`;
+}
+function formatCount(n) {
+	if (n == null) return "—";
+	return n.toLocaleString("en-US");
+}
+/** `3 runs`, `1 run`. */
+function plural(n, noun, many = `${noun}s`) {
+	return `${formatCount(n)} ${n === 1 ? noun : many}`;
+}
+var MONTHS = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+var pad = (n, width = 2) => String(n).padStart(width, "0");
+/** `14:32:05`. */
+function formatClock(ms) {
+	const d = new Date(ms);
+	return `${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
+}
+/** `14:32:05.123` — for timelines where the millisecond is the point. */
+function formatClockMs(ms) {
+	return `${formatClock(ms)}.${pad(new Date(ms).getMilliseconds(), 3)}`;
+}
+/** `2 Aug`, or `2 Aug 2025` once the year stops being obvious. */
+function formatDay(now, ms) {
+	const d = new Date(ms);
+	const day = `${d.getDate()} ${MONTHS[d.getMonth()]}`;
+	return d.getFullYear() === new Date(now).getFullYear() ? day : `${day} ${d.getFullYear()}`;
+}
+/** `2 Aug, 14:32:05`. */
+function formatDateTime(now, ms) {
+	return `${formatDay(now, ms)}, ${formatClock(ms)}`;
+}
+/** The heading a row sits under in a chronological list. */
+function formatDayHeading(now, ms) {
+	const days = calendarDaysBetween(ms, now);
+	if (days === 0) return "Today";
+	if (days === 1) return "Yesterday";
+	return formatDay(now, ms);
+}
+/** `4 min ago`; a date once "ago" stops being a useful answer. */
+function formatAgo(now, ms) {
+	const seconds = Math.max(0, now - ms) / 1e3;
+	if (seconds < 10) return "just now";
+	if (seconds < 60) return `${Math.floor(seconds)} s ago`;
+	const minutes = seconds / 60;
+	if (minutes < 60) return `${Math.floor(minutes)} min ago`;
+	const hours = minutes / 60;
+	if (hours < 24) return `${Math.floor(hours)} h ago`;
+	const days = calendarDaysBetween(ms, now);
+	if (days < 7) return `${days} d ago`;
+	return formatDay(now, ms);
+}
+/** `+1.24 s` — where something sits relative to the start of its run. */
+function formatOffset(ms) {
+	return `+${formatMs(Math.max(0, ms))}`;
+}
+function calendarDaysBetween(from, to) {
+	const a = new Date(from);
+	const b = new Date(to);
+	const start = Date.UTC(a.getFullYear(), a.getMonth(), a.getDate());
+	const end = Date.UTC(b.getFullYear(), b.getMonth(), b.getDate());
+	return Math.round((end - start) / 864e5);
+}
+/** `/Users/me/work/api/sync.ts` → `sync.ts`. */
+function basename(path) {
+	const cut = path.lastIndexOf("/");
+	return cut < 0 ? path : path.slice(cut + 1);
+}
+var tabKey = {
+	overview: () => "overview",
+	query: () => "query",
+	run: (id) => `run:${id}`,
+	request: (id) => `request:${id}`,
+	script: (entry) => `script:${entry}`
+};
+var TabsContext = import_react.createContext(null);
+function useTabs() {
+	const value = import_react.useContext(TabsContext);
+	if (!value) throw new Error("useTabs outside TabsProvider");
+	return value;
+}
+var STORAGE_KEY$1 = "wireui:tabs";
+/** A page's own tab. Call once at the top of a route component. */
+function useTab(tab) {
+	const { register } = useTabs();
+	const { key, title, icon, method, kind, failed } = tab;
+	import_react.useEffect(() => {
+		register({
+			key,
+			title,
+			icon,
+			method,
+			kind,
+			failed
+		});
+	}, [
+		register,
+		key,
+		title,
+		icon,
+		method,
+		kind,
+		failed
+	]);
+}
+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;
+	import_react.useEffect(() => {
+		try {
+			const raw = sessionStorage.getItem(STORAGE_KEY$1);
+			if (raw) setTabs((current) => merge(JSON.parse(raw), current));
+		} catch {}
+		setLoaded(true);
+	}, []);
+	import_react.useEffect(() => {
+		if (!loaded) return;
+		try {
+			sessionStorage.setItem(STORAGE_KEY$1, JSON.stringify(tabs));
+		} catch {}
+	}, [tabs, loaded]);
+	import_react.useEffect(() => {
+		if (!activeKey) return;
+		setTabs((current) => current.map((t) => t.key === activeKey && t.href !== href ? {
+			...t,
+			href
+		} : t));
+	}, [href, activeKey]);
+	const register = import_react.useCallback((tab) => {
+		setActiveKey(tab.key);
+		setTabs((current) => {
+			const existing = current.findIndex((t) => t.key === tab.key);
+			if (existing >= 0) {
+				const next = [...current];
+				next[existing] = {
+					...next[existing],
+					...tab,
+					href
+				};
+				return next;
+			}
+			const fresh = {
+				...tab,
+				href,
+				preview: true
+			};
+			const preview = current.findIndex((t) => t.preview);
+			if (preview >= 0) {
+				const next = [...current];
+				next[preview] = fresh;
+				return next;
+			}
+			return [...current, fresh];
+		});
+	}, [href]);
+	const pin = import_react.useCallback((key) => {
+		setTabs((current) => current.map((t) => t.key === key ? {
+			...t,
+			preview: false
+		} : t));
+	}, []);
+	const close = import_react.useCallback((key) => {
+		const index = tabs.findIndex((t) => t.key === key);
+		if (index < 0) return;
+		const next = tabs.filter((t) => t.key !== key);
+		setTabs(next);
+		if (key === activeKey) {
+			const neighbour = next[Math.min(index, next.length - 1)];
+			if (!neighbour) setActiveKey(null);
+			navigate({ href: neighbour?.href ?? "/" });
+		}
+	}, [
+		tabs,
+		activeKey,
+		navigate
+	]);
+	const closeOthers = import_react.useCallback((key) => {
+		setTabs((current) => current.filter((t) => t.key === key));
+	}, []);
+	const value = import_react.useMemo(() => ({
+		tabs,
+		activeKey,
+		register,
+		pin,
+		close,
+		closeOthers
+	}), [
+		tabs,
+		activeKey,
+		register,
+		pin,
+		close,
+		closeOthers
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContext.Provider, {
+		value,
+		children
+	});
+}
+/** 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 keys = new Set(valid.map((t) => t.key));
+	const extra = current.filter((t) => !keys.has(t.key));
+	const merged = [...valid, ...extra];
+	let seenPreview = false;
+	return merged.toReversed().map((t) => {
+		if (!t.preview) return t;
+		if (seenPreview) return {
+			...t,
+			preview: false
+		};
+		seenPreview = true;
+		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__");
+var command = cx(mono, css({
+	display: "block",
+	textAlign: "left",
+	bg: "well",
+	border: "1px solid",
+	borderColor: "line",
+	rounded: "md",
+	px: "3",
+	py: "2",
+	mt: "3",
+	whiteSpace: "pre-wrap"
+}));
+function NotFound() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Empty, {
+		title: "Nothing here",
+		children: [
+			"That run or request is not in this recording — it may be from another file.",
+			" ",
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+				to: "/",
+				className: css({ color: "accent" }),
+				children: "Back to the overview"
+			})
+		]
+	});
+}
+function RouteError({ error }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, {
+		title: "Something went wrong reading the recording",
+		icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconAlert, { size: 22 }),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+			className: cx(command, css({ color: "bad" })),
+			children: error instanceof Error ? error.message : String(error)
+		})
+	});
+}
+/**
+* What stands in for every page while there is nothing it could show: no file
+* yet, or a file on a schema these queries cannot read. Null otherwise, so a
+* page returns it early without knowing which case applies.
+*/
+function useUnreadable() {
+	const ws = root$4.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 }),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+			className: css({ m: "0" }),
+			children: [
+				"wireui is reading ",
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: mono,
+					children: ws.path
+				}),
+				", which has nothing in it yet. Record a script and it appears here — turn on ",
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Live" }),
+				" to watch it land."
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+			className: command,
+			children: "wire execute ./scripts/sync.ts"
+		})]
+	});
+	if (ws.schema.state === "stale") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Empty, {
+		title: "This recording is older than wireui",
+		icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconAlert, { size: 22 }),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+			className: css({ m: "0" }),
+			children: [
+				"The file is on schema version ",
+				ws.schema.file,
+				"; this build reads version",
+				" ",
+				ws.schema.expected,
+				". wireui opens files read-only, so it cannot upgrade it. Recording a run into it with the current CLI does:"
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+			className: command,
+			children: `wire execute ./scripts/sync.ts --db ${ws.path}`
+		})]
+	});
+	return null;
+}
+var DEFAULTS = {
+	theme: "system",
+	env: "*",
+	layout: "side",
+	sidebarWidth: 300,
+	sidebarOpen: true,
+	panel: "collections",
+	live: false
+};
+var STORAGE_KEY = "wireui:prefs";
+/** The server-side value of an environment selection. */
+function envFilter(env) {
+	if (env === "*") return void 0;
+	return env === "" ? null : env;
+}
+/** Whether a run belongs to the selected environment. */
+function matchesEnv(env, runEnv) {
+	if (env === "*") return true;
+	return env === "" ? runEnv == null : runEnv === env;
+}
+var PrefsContext = import_react.createContext(null);
+function usePrefs() {
+	const value = import_react.useContext(PrefsContext);
+	if (!value) throw new Error("usePrefs outside PrefsProvider");
+	return value;
+}
+/** How often Live re-reads the file. A local SQLite read; this is cheap. */
+var LIVE_INTERVAL_MS = 2e3;
+function PrefsProvider({ children }) {
+	const router = useRouter();
+	const [prefs, setPrefs] = import_react.useState(DEFAULTS);
+	const [loaded, setLoaded] = import_react.useState(false);
+	const [refreshKey, setRefreshKey] = import_react.useState(0);
+	const [lastRefresh, setLastRefresh] = import_react.useState(null);
+	import_react.useEffect(() => {
+		setPrefs((current) => ({
+			...current,
+			...readStored()
+		}));
+		setLoaded(true);
+	}, []);
+	import_react.useEffect(() => {
+		if (!loaded) return;
+		try {
+			localStorage.setItem(STORAGE_KEY, JSON.stringify(prefs));
+		} catch {}
+	}, [prefs, loaded]);
+	import_react.useEffect(() => applyTheme(prefs.theme), [prefs.theme]);
+	const set = import_react.useCallback((key, value) => {
+		setPrefs((current) => ({
+			...current,
+			[key]: value
+		}));
+	}, []);
+	const refresh = import_react.useCallback(() => {
+		router.invalidate();
+		setRefreshKey((k) => k + 1);
+		setLastRefresh(Date.now());
+	}, [router]);
+	import_react.useEffect(() => {
+		if (!prefs.live) return;
+		const timer = window.setInterval(() => {
+			if (document.visibilityState === "visible") refresh();
+		}, LIVE_INTERVAL_MS);
+		return () => window.clearInterval(timer);
+	}, [prefs.live, refresh]);
+	import_react.useEffect(() => {
+		const onVisible = () => {
+			if (document.visibilityState === "visible") refresh();
+		};
+		window.addEventListener("focus", onVisible);
+		document.addEventListener("visibilitychange", onVisible);
+		return () => {
+			window.removeEventListener("focus", onVisible);
+			document.removeEventListener("visibilitychange", onVisible);
+		};
+	}, [refresh]);
+	const value = import_react.useMemo(() => ({
+		prefs,
+		set,
+		refreshKey,
+		refresh,
+		lastRefresh
+	}), [
+		prefs,
+		set,
+		refreshKey,
+		refresh,
+		lastRefresh
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PrefsContext.Provider, {
+		value,
+		children
+	});
+}
+function readStored() {
+	try {
+		const raw = localStorage.getItem(STORAGE_KEY);
+		if (!raw) return {};
+		const parsed = JSON.parse(raw);
+		return typeof parsed === "object" && parsed ? parsed : {};
+	} catch {
+		return {};
+	}
+}
+function applyTheme(theme) {
+	const media = window.matchMedia("(prefers-color-scheme: dark)");
+	const apply = () => {
+		const dark = theme === "dark" || theme === "system" && media.matches;
+		document.documentElement.dataset.theme = dark ? "dark" : "light";
+	};
+	apply();
+	if (theme !== "system") return;
+	media.addEventListener("change", apply);
+	return () => media.removeEventListener("change", apply);
+}
+/**
+* Runs before first paint, inlined into <head>, so a dark-mode viewer never sees
+* a white flash while React loads. Mirrors {@link applyTheme}.
+*/
+var THEME_BOOT_SCRIPT = `(function(){try{var p=JSON.parse(localStorage.getItem(${JSON.stringify(STORAGE_KEY)})||"{}").theme||"system";var d=p==="dark"||(p==="system"&&matchMedia("(prefers-color-scheme: dark)").matches);document.documentElement.dataset.theme=d?"dark":"light"}catch(e){document.documentElement.dataset.theme="light"}})()`;
+/** A clock that ticks, for "4 min ago", starting from the server's time. */
+function useNow(initial, intervalMs = 15e3) {
+	const [now, setNow] = import_react.useState(initial);
+	import_react.useEffect(() => {
+		setNow(Date.now());
+		const timer = window.setInterval(() => setNow(Date.now()), intervalMs);
+		return () => window.clearInterval(timer);
+	}, [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 };