loopable-cli 0.1.0

package/.output/server/_ssr/router-3WmpE5b_.mjs

@@ -0,0 +1,1553 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { A as DialogRoot, B as mergeProps, C as TooltipArrow, D as TooltipTrigger$1, E as TooltipPortal, F as DialogBackdrop, I as Separator, L as Input, M as DialogPopup, N as DialogDescription, O as TooltipRoot, P as DialogClose, R as Button, S as SelectRoot, T as TooltipPositioner, U as require_jsx_runtime, W as require_react, _ as SelectPositioner, b as SelectValue$1, d as SelectScrollDownArrow, f as SelectItemText, g as SelectPopup, h as SelectList, j as DialogPortal, k as DialogTitle, m as SelectItem$1, p as SelectItemIndicator, u as SelectScrollUpArrow, v as SelectPortal, w as TooltipPopup, x as SelectTrigger$1, y as SelectIcon, z as useRender } from "../_libs/@base-ui/react+[...].mjs";
+import { a as useRouterState, c as Outlet, d as createRootRoute, f as Link, g as notFound, h as redirect, i as HeadContent, l as lazyRouteComponent, m as useRouter, r as Scripts, s as createRouter, u as createFileRoute } from "../_libs/@tanstack/react-router+[...].mjs";
+import { i as getServerFnById, n as createServerFn, r as TSS_SERVER_FUNCTION } from "./ssr.mjs";
+import { n as clsx, t as cva } from "../_libs/class-variance-authority+clsx.mjs";
+import { t as twMerge } from "../_libs/tailwind-merge.mjs";
+import { _ as or, d as and, f as eq, g as lte, m as isNull } from "../_libs/drizzle-orm.mjs";
+import { d as runDir, g as tasks, s as db, t as __exportAll, u as rowsChanged } from "./client-CKkOfh-s.mjs";
+import { n as isHosted } from "./secrets-Hqti-niS.mjs";
+import { a as connectorManifest, f as saveAuthorizedConnection, m as takeAuthAttempt, o as connectorRuntime, p as startAuthAttempt } from "./connections-qnw2GVlP.mjs";
+import { n as callbackUrl, t as appOrigin } from "./callback-CUINvl7M.mjs";
+import { t as AGENT_MANIFESTS } from "./agents-Btql102J.mjs";
+import { r as bearer } from "./access-zIl15o8y.mjs";
+import { a as heartbeatRunner, d as runnerIdForToken, i as getRunner, o as isRunnerOnline, s as joinRunner } from "./runners-DtXs4Q8a.mjs";
+import { a as jobForTask, d as updateTask, o as jobRequiresHost, t as absorbAgentOutput, u as taskRow } from "./tasks-vcoodp_D.mjs";
+import { F as Check, I as Bot, M as CircleAlert, N as ChevronUp, O as CirclePlay, P as ChevronDown, _ as LoaderCircle, a as Terminal, d as Plug, h as MousePointerClick, j as CircleCheck, k as CirclePause, m as OctagonX, n as Workflow, o as Settings, p as PanelLeft, r as TriangleAlert, s as Server, t as X, v as Info, y as Inbox } from "../_libs/lucide-react.mjs";
+import { n as toast, t as Toaster } from "../_libs/sonner.mjs";
+import { t as z } from "../_libs/next-themes.mjs";
+import { randomBytes } from "node:crypto";
+import { appendFileSync, existsSync } from "node:fs";
+import { join } from "node:path";
+import { hostname } from "node:os";
+//#region node_modules/.nitro/vite/services/ssr/assets/card-IpIuKJC_.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+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
+	});
+};
+var badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+		destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+		link: "text-primary underline-offset-4 hover:underline"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant = "default", render, ...props }) {
+	return useRender({
+		defaultTagName: "span",
+		props: mergeProps({ className: cn(badgeVariants({ variant }), className) }, props),
+		render,
+		state: {
+			slot: "badge",
+			variant
+		}
+	});
+}
+function Card({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card",
+		"data-size": size,
+		className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
+		...props
+	});
+}
+function CardHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card-header",
+		className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className),
+		...props
+	});
+}
+function CardTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card-title",
+		className: cn("font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className),
+		...props
+	});
+}
+function CardContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "card-content",
+		className: cn("px-(--card-spacing)", className),
+		...props
+	});
+}
+//#endregion
+//#region node_modules/.nitro/vite/services/ssr/assets/connectors-vIoacH6V.js
+/**
+* Readiness and connections for every connector in the registry. Manifests are
+* imported directly by the client, so they are deliberately not sent again.
+*/
+var getConnectorOverview = createServerFn({ method: "GET" }).handler(createSsrRpc("0e209afb63fad4a95a5cfeaf4831610f23673145cbf5b8054765d79804a62d31"));
+/**
+* Starts a login that finishes on a phone. The code is rendered here rather
+* than in the browser so the page needs no QR library and never learns how the
+* provider's login works.
+*/
+var beginQrLogin = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("794964d675b97edaa881ab5cb209225ef0a4507e3d2771d6577658a058e7621f"));
+/**
+* One look at a pending scan. The credential never reaches the browser: a
+* confirmed login is saved here and the page is told only that it worked.
+*/
+var continueQrLogin = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("43b97e3644ad73286fe5de3e99134bff099e1a8704f1ae91fe643d419eceba73"));
+var disconnectConnection = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("f94f0787ce6704ea24f18add66832e0367a0feb9a690d8ad6454abec5e5df193"));
+var verifyConnection = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("f9ade3084971078ee9f2bc16fcdcdfb5a8d66a0f9b634803bb611287c14e21d7"));
+var saveConnectionSettings = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("18bae5deb2a19571893f0067e374e537f16d6774f9b4e04f9b7349360f6f8fdc"));
+//#endregion
+//#region node_modules/.nitro/vite/services/ssr/assets/tasks-rgWCNdRw.js
+var getInbox = createServerFn({ method: "GET" }).handler(createSsrRpc("48bc32df9d6f69f45df8dfbc6e798e1f99152dbd4b4ed65b149fa2612c65e687"));
+var getLoopTasks = createServerFn({ method: "GET" }).inputValidator((data) => data).handler(createSsrRpc("3f938fac3e5ec1631e700a2fdd4790e78abbefeb732ecfbbe6864cc19f0d5aac"));
+var getTaskById = createServerFn({ method: "GET" }).inputValidator((data) => data).handler(createSsrRpc("0033ef7c619c027b1428a722dff188d315ed335645afcb1033528630b7c95e88"));
+var getTaskLog = createServerFn({ method: "GET" }).inputValidator((data) => data).handler(createSsrRpc("81f567724371f0d6f24e636906e2e9ea5b7384422ac583c86a1050fb838664ce"));
+var runLoopNow = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("7258ce5fc6f23acf3aab039ecd4acdb006d42b2ddbf3ab8629b4000e101b51dc"));
+var stopTask = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("a57f49c322cc5afa2996e4a5777fa533fd963755d614d4a14eb32e51fb198d9d"));
+/** Whether the dispatcher is up, and how hard it is allowed to pull. */
+var getDispatcherState = createServerFn({ method: "GET" }).handler(createSsrRpc("921b049ebafe3c6fb5206fbe3e2100608d3333b944e18385e57da62a28233bc6"));
+var pauseDispatcher = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("0fa144f67263a4a51c51e8baf134a15b89c0afdf9b92b64660520a5bce247eec"));
+//#endregion
+//#region node_modules/.nitro/vite/services/ssr/assets/loops-BBQDw1Mh.js
+/**
+* Saving is both making and changing, told apart by whether there is an id.
+* A loop chosen and not yet saved has none, and nothing on the server knew
+* about it until now.
+*/
+var edit = (data) => data;
+var getLoopsPage = createServerFn({ method: "GET" }).handler(createSsrRpc("6d5a90e9ec4ebf70d8e2ac4aff960533a5e68d21b289033cc7e0751d00554c93"));
+var getLoopReadiness = createServerFn({ method: "GET" }).handler(createSsrRpc("997d2dd097598c44811fe97def167b79d33e4349c51e783058da648e860c7c1f"));
+var getLoopById = createServerFn({ method: "GET" }).inputValidator((data) => data).handler(createSsrRpc("81a1af559b2a373901872aa9f9a6546f2f3bda8157d81c21a36ba0d1d337613b"));
+var saveLoop = createServerFn({ method: "POST" }).inputValidator(edit).handler(createSsrRpc("e91fc2fd51633c7ca9184fea4beb66fe775ed0b4e6323111a4690da916a78b00"));
+var toggleLoop = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("3fc8a7de98be979f9820a4f5a0ca2e234ed8a7df8e692abb8c4437765474eca0"));
+var removeLoop = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("b5a89ca2d07f4ccf2827b5132ca52e7c7a42d584e702b0ab3963b2d5763c35b0"));
+var reorderLoop = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("7d7d5f80a4f0d2b3bb659d7dc2a91ea5983880648b9d1aa24356e7340505930f"));
+var getLoopPollState = createServerFn({ method: "GET" }).inputValidator((data) => data).handler(createSsrRpc("4fd3855e3e9ed954e102071a55b98d91651c9b1e353161f7223768ed6f2b8c28"));
+var runLoopBacklog = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("65494cbfd06143dbd9a012808fbba21163d9902e387869503fb8b68b0674902b"));
+//#endregion
+//#region node_modules/.nitro/vite/services/ssr/assets/router-3WmpE5b_.js
+/**
+* Loopable's mark: something going round, and the thing it goes round for.
+*
+* A ring and an arrowhead on their own is the icon every application uses for
+* "refresh", so the dot is what stops this being that: it reads as a loop
+* with work at the centre of it rather than as a button that reloads. Three
+* shapes and no more, because the smallest place it appears is a 16px browser
+* tab, and a fourth turns the whole thing to porridge.
+*
+* The ring is cut square rather than rounded and the head overlaps where it
+* stops, so the two meet as one shape. A round cap there pokes out past the
+* head and puts a notch in the joint, which is invisible in a tab and obvious
+* at the size a dock icon is.
+*
+* Kept in step with public/favicon.svg by hand. The copy buys an icon the
+* browser can fetch without running the app, which is the point of a favicon.
+*/
+function LoopableMark({ className }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": true,
+		className,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+				d: "M17.14 5.87A8 8 0 1 1 12 4",
+				stroke: "currentColor",
+				strokeWidth: "2.6"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+				d: "M15.4 4 10.8 5.9 10.8 2.1Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+				cx: "12",
+				cy: "12",
+				r: "2.1",
+				fill: "currentColor"
+			})
+		]
+	});
+}
+var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/80",
+			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			icon: "size-8",
+			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+			"icon-lg": "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button$1({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+		"data-slot": "button",
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+/**
+* The dispatcher can stop between two page loads and nothing on a page would
+* change, so this asks rather than waiting to be told.
+*/
+function useDispatcherState(everyMs = 1e4) {
+	const [dispatcher, setDispatcher] = (0, import_react.useState)(null);
+	const refresh = (0, import_react.useCallback)(async () => {
+		try {
+			setDispatcher(await getDispatcherState());
+		} catch {}
+	}, []);
+	(0, import_react.useEffect)(() => {
+		refresh();
+		const timer = setInterval(() => void refresh(), everyMs);
+		return () => clearInterval(timer);
+	}, [everyMs, refresh]);
+	return {
+		dispatcher,
+		refresh
+	};
+}
+/**
+* Runs are dispatched from this process, so a queued task that never moves
+* usually means it is not there. Saying so is the difference between a queue
+* and a thing that quietly swallows work.
+*
+* It lives in the sidebar because it is true of the whole app rather than of
+* whichever page is open, and because a page is the wrong place to learn that
+* nothing you do on it will happen.
+*/
+function DispatcherStatus() {
+	const { dispatcher, refresh } = useDispatcherState();
+	const [busy, setBusy] = (0, import_react.useState)(false);
+	if (!dispatcher) return null;
+	const down = !dispatcher.alive;
+	const toggle = async () => {
+		setBusy(true);
+		try {
+			await pauseDispatcher({ data: { paused: !dispatcher.paused } });
+			await refresh();
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : String(error));
+		} finally {
+			setBusy(false);
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: cn("flex flex-col gap-1.5 rounded-md px-2 py-1.5 text-xs", "group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:px-0", !down && !dispatcher.paused ? "text-muted-foreground" : "bg-amber-500/10 text-amber-700 dark:text-amber-500"),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2",
+			children: [
+				down ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleAlert, { className: "size-3.5 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cn("size-2 shrink-0 rounded-full", dispatcher.paused ? "bg-amber-500" : "bg-emerald-500") }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "flex-1 truncate group-data-[collapsible=icon]:hidden",
+					children: down ? "Dispatcher not running" : dispatcher.paused ? "Paused" : "Dispatcher running"
+				}),
+				down ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+					size: "icon-sm",
+					variant: "ghost",
+					onClick: toggle,
+					disabled: busy,
+					title: dispatcher.paused ? "Resume" : "Pause",
+					className: "size-6 shrink-0 group-data-[collapsible=icon]:hidden",
+					children: [dispatcher.paused ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CirclePlay, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CirclePause, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "sr-only",
+						children: dispatcher.paused ? "Resume" : "Pause"
+					})]
+				})
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "text-[11px] leading-snug opacity-80 group-data-[collapsible=icon]:hidden",
+			children: down ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: "Queued tasks will wait until the dispatcher is running." }) : dispatcher.paused ? "Nothing will run until you start it again." : `${dispatcher.maxConcurrentRuns} run${dispatcher.maxConcurrentRuns === 1 ? "" : "s"} at a time${dispatcher.onlineRunners > 0 ? ` · ${dispatcher.onlineRunners} runner${dispatcher.onlineRunners === 1 ? "" : "s"} online` : ""}.`
+		})]
+	});
+}
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+	const [isMobile, setIsMobile] = import_react.useState(void 0);
+	import_react.useEffect(() => {
+		const mql = window.matchMedia(`(max-width: 767px)`);
+		const onChange = () => {
+			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		};
+		mql.addEventListener("change", onChange);
+		setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		return () => mql.removeEventListener("change", onChange);
+	}, []);
+	return !!isMobile;
+}
+function Input$1({ className, type, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+		type,
+		"data-slot": "input",
+		className: cn("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		...props
+	});
+}
+function Separator$1({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, {
+		"data-slot": "separator",
+		orientation,
+		className: cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className),
+		...props
+	});
+}
+function Sheet({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogRoot, {
+		"data-slot": "sheet",
+		...props
+	});
+}
+function SheetPortal({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortal, {
+		"data-slot": "sheet-portal",
+		...props
+	});
+}
+function SheetOverlay({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogBackdrop, {
+		"data-slot": "sheet-overlay",
+		className: cn("fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs", className),
+		...props
+	});
+}
+function SheetContent({ className, children, side = "right", showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPortal, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetOverlay, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPopup, {
+		"data-slot": "sheet-content",
+		"data-side": side,
+		className: cn("fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogClose, {
+			"data-slot": "sheet-close",
+			render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				variant: "ghost",
+				className: "absolute top-3 right-3",
+				size: "icon-sm"
+			}),
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function SheetHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sheet-header",
+		className: cn("flex flex-col gap-0.5 p-4", className),
+		...props
+	});
+}
+function SheetTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitle, {
+		"data-slot": "sheet-title",
+		className: cn("font-heading text-base font-medium text-foreground", className),
+		...props
+	});
+}
+function SheetDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescription, {
+		"data-slot": "sheet-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+}
+function Tooltip$1({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipRoot, {
+		"data-slot": "tooltip",
+		...props
+	});
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger$1, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPositioner, {
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TooltipPopup, {
+			"data-slot": "tooltip-content",
+			className: cn("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+			...props,
+			children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipArrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })]
+		})
+	}) });
+}
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SIDEBAR_COOKIE_MAX_AGE = 604800;
+var SIDEBAR_WIDTH = "16rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "3rem";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SidebarContext = import_react.createContext(null);
+function useSidebar() {
+	const context = import_react.useContext(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
+	return context;
+}
+function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
+	const isMobile = useIsMobile();
+	const [openMobile, setOpenMobile] = import_react.useState(false);
+	const [_open, _setOpen] = import_react.useState(defaultOpen);
+	const open = openProp ?? _open;
+	const setOpen = import_react.useCallback((value) => {
+		const openState = typeof value === "function" ? value(open) : value;
+		if (setOpenProp) setOpenProp(openState);
+		else _setOpen(openState);
+		document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+	}, [setOpenProp, open]);
+	const toggleSidebar = import_react.useCallback(() => {
+		return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
+	}, [
+		isMobile,
+		setOpen,
+		setOpenMobile
+	]);
+	import_react.useEffect(() => {
+		const handleKeyDown = (event) => {
+			if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				toggleSidebar();
+			}
+		};
+		window.addEventListener("keydown", handleKeyDown);
+		return () => window.removeEventListener("keydown", handleKeyDown);
+	}, [toggleSidebar]);
+	const state = open ? "expanded" : "collapsed";
+	const contextValue = import_react.useMemo(() => ({
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar
+	}), [
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			"data-slot": "sidebar-wrapper",
+			style: {
+				"--sidebar-width": SIDEBAR_WIDTH,
+				"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+				...style
+			},
+			className: cn("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", className),
+			...props,
+			children
+		})
+	});
+}
+function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, dir, ...props }) {
+	const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+	if (collapsible === "none") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sidebar",
+		className: cn("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", className),
+		...props,
+		children
+	});
+	if (isMobile) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Sheet, {
+		open: openMobile,
+		onOpenChange: setOpenMobile,
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetContent, {
+			dir,
+			"data-sidebar": "sidebar",
+			"data-slot": "sidebar",
+			"data-mobile": "true",
+			className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+			style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
+			side,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetHeader, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex h-full w-full flex-col",
+				children
+			})]
+		})
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "group peer hidden text-sidebar-foreground md:block",
+		"data-state": state,
+		"data-collapsible": state === "collapsed" ? collapsible : "",
+		"data-variant": variant,
+		"data-side": side,
+		"data-slot": "sidebar",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			"data-slot": "sidebar-gap",
+			className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			"data-slot": "sidebar-container",
+			"data-side": side,
+			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
+			...props,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				"data-sidebar": "sidebar",
+				"data-slot": "sidebar-inner",
+				className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border",
+				children
+			})
+		})]
+	});
+}
+function SidebarTrigger({ className, onClick, ...props }) {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+		"data-sidebar": "trigger",
+		"data-slot": "sidebar-trigger",
+		variant: "ghost",
+		size: "icon-sm",
+		className: cn(className),
+		onClick: (event) => {
+			onClick?.(event);
+			toggleSidebar();
+		},
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PanelLeft, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "sr-only",
+			children: "Toggle Sidebar"
+		})]
+	});
+}
+function SidebarInset({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", {
+		"data-slot": "sidebar-inset",
+		className: cn("relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className),
+		...props
+	});
+}
+function SidebarHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sidebar-header",
+		"data-sidebar": "header",
+		className: cn("flex flex-col gap-2 p-2", className),
+		...props
+	});
+}
+function SidebarFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sidebar-footer",
+		"data-sidebar": "footer",
+		className: cn("flex flex-col gap-2 p-2", className),
+		...props
+	});
+}
+function SidebarContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sidebar-content",
+		"data-sidebar": "content",
+		className: cn("no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
+		...props
+	});
+}
+function SidebarGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sidebar-group",
+		"data-sidebar": "group",
+		className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+		...props
+	});
+}
+function SidebarGroupLabel({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", className) }, props),
+		render,
+		state: {
+			slot: "sidebar-group-label",
+			sidebar: "group-label"
+		}
+	});
+}
+function SidebarGroupContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-slot": "sidebar-group-content",
+		"data-sidebar": "group-content",
+		className: cn("w-full text-sm", className),
+		...props
+	});
+}
+function SidebarMenu({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+		"data-slot": "sidebar-menu",
+		"data-sidebar": "menu",
+		className: cn("flex w-full min-w-0 flex-col gap-0", className),
+		...props
+	});
+}
+function SidebarMenuItem({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", {
+		"data-slot": "sidebar-menu-item",
+		"data-sidebar": "menu-item",
+		className: cn("group/menu-item relative", className),
+		...props
+	});
+}
+var sidebarMenuButtonVariants = cva("peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", {
+	variants: {
+		variant: {
+			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+			outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
+		},
+		size: {
+			default: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function SidebarMenuButton({ render, isActive = false, variant = "default", size = "default", tooltip, className, ...props }) {
+	const { isMobile, state } = useSidebar();
+	const comp = useRender({
+		defaultTagName: "button",
+		props: mergeProps({ className: cn(sidebarMenuButtonVariants({
+			variant,
+			size
+		}), className) }, props),
+		render: !tooltip ? render : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger, { render }),
+		state: {
+			slot: "sidebar-menu-button",
+			sidebar: "menu-button",
+			size,
+			active: isActive
+		}
+	});
+	if (!tooltip) return comp;
+	if (typeof tooltip === "string") tooltip = { children: tooltip };
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip$1, { children: [comp, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContent, {
+		side: "right",
+		align: "center",
+		hidden: state !== "collapsed" || isMobile,
+		...tooltip
+	})] });
+}
+var WORK = [{
+	label: "Inbox",
+	to: "/inbox",
+	icon: Inbox
+}, {
+	label: "Loops",
+	to: "/loops",
+	icon: Workflow
+}];
+var SETUP = [
+	{
+		label: "Connectors",
+		to: "/connectors",
+		icon: Plug
+	},
+	{
+		label: "Agents",
+		to: "/agents",
+		icon: Bot
+	},
+	{
+		label: "Runners",
+		to: "/runners",
+		icon: Server
+	},
+	{
+		label: "Settings",
+		icon: Settings,
+		soon: true
+	}
+];
+function NavGroup({ label, items }) {
+	const pathname = useRouterState({ select: (state) => state.location.pathname });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarGroup, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupLabel, { children: label }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarGroupContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenu, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarMenuItem, { children: item.to ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
+		isActive: pathname.startsWith(item.to),
+		tooltip: item.label,
+		render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, { to: item.to }),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(item.icon, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.label })]
+	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarMenuButton, {
+		disabled: true,
+		tooltip: `${item.label} (soon)`,
+		className: "cursor-default opacity-60",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(item.icon, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.label }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+				variant: "outline",
+				className: "ml-auto",
+				children: "Soon"
+			})
+		]
+	}) }, item.label)) }) })] });
+}
+function AppSidebar() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Sidebar, {
+		collapsible: "icon",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+					to: "/connectors",
+					className: "flex min-w-0 flex-1 items-center gap-2 px-1 py-1 group-data-[collapsible=icon]:hidden",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "flex size-7 shrink-0 items-center justify-center rounded-md bg-primary text-primary-foreground",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoopableMark, { className: "size-4.5" })
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "truncate font-medium",
+						children: "Loopable"
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarTrigger, { className: "shrink-0" })]
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarContent, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavGroup, {
+				label: "Work",
+				items: WORK
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavGroup, {
+				label: "Setup",
+				items: SETUP
+			})] }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DispatcherStatus, {}) })
+		]
+	});
+}
+var Toaster$1 = ({ ...props }) => {
+	const { theme = "system" } = z();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toaster, {
+		theme,
+		className: "toaster group",
+		icons: {
+			success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleCheck, { className: "size-4" }),
+			info: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Info, { className: "size-4" }),
+			warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, { className: "size-4" }),
+			error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OctagonX, { className: "size-4" }),
+			loading: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "size-4 animate-spin" })
+		},
+		style: {
+			"--normal-bg": "var(--popover)",
+			"--normal-text": "var(--popover-foreground)",
+			"--normal-border": "var(--border)",
+			"--border-radius": "var(--radius)"
+		},
+		toastOptions: { classNames: { toast: "cn-toast" } },
+		...props
+	});
+};
+var styles_default = "/assets/styles-DZL5V1o7.css";
+var Route$18 = createRootRoute({
+	head: () => ({
+		meta: [
+			{ charSet: "utf-8" },
+			{
+				name: "viewport",
+				content: "width=device-width, initial-scale=1"
+			},
+			{ title: "Loopable" }
+		],
+		links: [
+			{
+				rel: "stylesheet",
+				href: styles_default
+			},
+			{
+				rel: "icon",
+				href: "/favicon.svg",
+				type: "image/svg+xml"
+			},
+			{
+				rel: "apple-touch-icon",
+				href: "/apple-touch-icon.png"
+			}
+		]
+	}),
+	shellComponent: RootDocument,
+	component: AppLayout
+});
+function AppLayout() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SidebarProvider, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppSidebar, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarInset, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "flex-1 p-6",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "mx-auto w-full max-w-4xl",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Outlet, {})
+		})
+	}) })] });
+}
+function RootDocument({ children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("html", {
+		lang: "en",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("head", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadContent, {}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("body", { children: [
+			children,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toaster$1, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Scripts, {})
+		] })]
+	});
+}
+var Route$17 = createFileRoute("/")({ beforeLoad: () => {
+	throw redirect({ to: "/connectors" });
+} });
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+		"data-slot": "label",
+		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+		...props
+	});
+}
+var Select$1 = SelectRoot;
+function SelectValue({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue$1, {
+		"data-slot": "select-value",
+		className: cn("flex flex-1 text-left", className),
+		...props
+	});
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectTrigger$1, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		className: cn("flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectIcon, { render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "pointer-events-none size-4 text-muted-foreground" }) })]
+	});
+}
+function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		alignItemWithTrigger,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectPopup, {
+			"data-slot": "select-content",
+			"data-align-trigger": alignItemWithTrigger,
+			className: cn("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+			...props,
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollUpButton, {}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectList, { children }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollDownButton, {})
+			]
+		})
+	}) });
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectItem$1, {
+		"data-slot": "select-item",
+		className: cn("relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemText, {
+			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemIndicator, {
+			render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "pointer-events-none" })
+		})]
+	});
+}
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollUpArrow, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronUp, {})
+	});
+}
+function SelectScrollDownButton({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollDownArrow, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {})
+	});
+}
+/**
+* States still in flight. Used by the pages to know when
+* to keep looking, and by the reaper to find runs a dead process abandoned.
+*/
+var TASK_ACTIVE_STATES = [
+	"queued",
+	"preparing",
+	"awaiting_agent",
+	"applying"
+];
+function isTaskActive(state) {
+	return TASK_ACTIVE_STATES.includes(state);
+}
+/**
+* The work happens in the dispatcher, so the page has to go and look. Polling only
+* while something is actually running keeps an idle inbox quiet.
+*/
+function useLiveTasks(states, everyMs = 2e3) {
+	useLiveRefresh(everyMs, states.some((task) => isTaskActive(task.state)));
+}
+/** Runner inventory changes without this page doing anything, so it looks again. */
+function useLiveRefresh(everyMs = 1e4, enabled = true) {
+	const router = useRouter();
+	(0, import_react.useEffect)(() => {
+		if (!enabled) return;
+		const timer = setInterval(() => void router.invalidate(), everyMs);
+		return () => clearInterval(timer);
+	}, [
+		enabled,
+		everyMs,
+		router
+	]);
+}
+var getAgentsPage = createServerFn({ method: "GET" }).handler(createSsrRpc("bde588e9b0b81a4ee619a63872d6b8b76e22db006c7a3c4351bcd56e5f76bbed"));
+var saveAgent = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("80883b912a5a0aba2aa583b505e4e289d765a3f7fbb793a97692f439e7f960ba"));
+var chooseDefaultAgent = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("143ea51f7421d9eebec9ad31c2df8eed5aa2e5d8035473dbfad39913fd7d54c0"));
+var runAgentTest = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("b0878f841b35f46b5f2dc9cbd71c5be5895ae1b8903b3b24c24dfcf86291d3e4"));
+var ICONS = {
+	Terminal,
+	MousePointerClick,
+	Bot
+};
+var MODE_LABELS = {
+	read_only: "Read only",
+	workspace_write: "Can write in the workspace"
+};
+var Route$16 = createFileRoute("/agents/")({
+	loader: () => getAgentsPage(),
+	component: AgentsPage
+});
+function AgentsPage() {
+	const { agents } = Route$16.useLoaderData();
+	useLiveRefresh();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+			className: "text-2xl font-semibold tracking-tight",
+			children: "Agents"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "mt-1 text-sm text-muted-foreground",
+			children: "The coding CLIs Loopable knows how to run. Presence comes from runners. Settings here are how every runner invokes that CLI."
+		})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "flex flex-col gap-2",
+			children: AGENT_MANIFESTS.map((manifest) => {
+				const view = agents.find((agent) => agent.agentId === manifest.id);
+				return view ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AgentRow, {
+					manifest,
+					view
+				}, manifest.id) : null;
+			})
+		})]
+	});
+}
+function presence(view) {
+	const signedIn = view.onRunners.filter((runner) => runner.signedIn);
+	const online = signedIn.filter((runner) => runner.status === "online");
+	if (online.length > 0) return online.length === 1 ? `Signed in on ${online[0].name}` : `Signed in on ${online.length} runners`;
+	if (signedIn.length > 0) return "Signed in, but every runner is offline";
+	if (view.onRunners.length > 0) return "Installed, not signed in";
+	return "Not on any runner";
+}
+function AgentRow({ manifest, view }) {
+	const router = useRouter();
+	const Icon = ICONS[manifest.icon] ?? Bot;
+	const [open, setOpen] = (0, import_react.useState)(view.isDefault && !view.defaultIsImplicit);
+	const [mode, setMode] = (0, import_react.useState)(view.settings.permissionMode);
+	const [model, setModel] = (0, import_react.useState)(view.settings.model ?? "");
+	const [seconds, setSeconds] = (0, import_react.useState)(String(Math.round(view.settings.timeoutMs / 1e3)));
+	const [busy, setBusy] = (0, import_react.useState)(null);
+	const [testOutput, setTestOutput] = (0, import_react.useState)(null);
+	const online = view.onRunners.some((runner) => runner.signedIn && runner.status === "online");
+	const act = async (kind, run) => {
+		setBusy(kind);
+		try {
+			await run();
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : String(error));
+		} finally {
+			setBusy(null);
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex items-start gap-3 p-4",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: cn("mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-md", online ? manifest.accent : "bg-muted text-muted-foreground"),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "size-4" })
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: "min-w-0 flex-1 text-left",
+				onClick: () => setOpen((value) => !value),
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "font-medium",
+						children: manifest.name
+					}), view.isDefault ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, { children: view.defaultIsImplicit ? "Default (only one signed in)" : "Default" }) : null]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "mt-0.5 text-sm text-muted-foreground",
+					children: presence(view)
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex shrink-0 items-center gap-1",
+				children: [!view.isDefault ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					variant: "ghost",
+					size: "sm",
+					disabled: busy !== null,
+					onClick: () => act("default", async () => {
+						await chooseDefaultAgent({ data: { agentId: manifest.id } });
+						await router.invalidate();
+						toast.success(`${manifest.name} will run the loops`);
+					}),
+					children: "Default"
+				}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-expanded": open,
+					"aria-label": "Settings",
+					onClick: () => setOpen((value) => !value),
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: cn("size-4 transition-transform", open && "rotate-180") })
+				})]
+			})
+		]
+	}), open ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+		className: "flex flex-col gap-4 border-t pt-4",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-sm text-muted-foreground",
+				children: manifest.tagline
+			}),
+			!online ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-sm text-muted-foreground",
+				children: manifest.installHint
+			}) : null,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "grid gap-4 sm:grid-cols-3",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+							htmlFor: `${manifest.id}-mode`,
+							children: "Permission"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+							value: mode,
+							onValueChange: (value) => setMode(value),
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+								id: `${manifest.id}-mode`,
+								className: "w-full",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { children: (value) => MODE_LABELS[value] ?? value })
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: manifest.permissionModes.map((value) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+								value,
+								children: MODE_LABELS[value]
+							}, value)) })]
+						})]
+					}),
+					manifest.supportsModel ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+							htmlFor: `${manifest.id}-model`,
+							children: "Model"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
+							id: `${manifest.id}-model`,
+							value: model,
+							placeholder: manifest.modelPlaceholder,
+							onChange: (event) => setModel(event.target.value)
+						})]
+					}) : null,
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+							htmlFor: `${manifest.id}-timeout`,
+							children: "Timeout (seconds)"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
+							id: `${manifest.id}-timeout`,
+							value: seconds,
+							inputMode: "numeric",
+							onChange: (event) => setSeconds(event.target.value.replace(/\D/g, ""))
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+				className: "overflow-x-auto rounded-md bg-muted p-2.5 text-xs",
+				children: view.commandPreview
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					size: "sm",
+					disabled: busy !== null,
+					onClick: () => act("save", async () => {
+						await saveAgent({ data: {
+							agentId: manifest.id,
+							permissionMode: mode,
+							model: model.trim() ? model.trim() : null,
+							timeoutMs: Number(seconds) * 1e3
+						} });
+						await router.invalidate();
+						toast.success(`Saved ${manifest.name} settings`);
+					}),
+					children: busy === "save" ? "Saving..." : "Save"
+				}), view.installed ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+					variant: "outline",
+					size: "sm",
+					disabled: busy !== null,
+					onClick: () => act("test", async () => {
+						setTestOutput(null);
+						const result = await runAgentTest({ data: { agentId: manifest.id } });
+						setTestOutput(result.passed ? `Answered correctly in ${(result.durationMs / 1e3).toFixed(1)}s.` : `${result.detail ?? "The agent did not answer as expected."}\n${result.output}`.trim());
+						if (result.passed) toast.success(`${manifest.name} is working`);
+						else toast.error(`${manifest.name} did not pass`);
+					}),
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CirclePlay, {}), busy === "test" ? "Running..." : "Test"]
+				}) : null]
+			}),
+			testOutput ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "whitespace-pre-wrap text-xs text-muted-foreground",
+				children: testOutput
+			}) : null
+		]
+	}) : null] });
+}
+var $$splitComponentImporter$7 = () => import("./connectors-BHNwuIMj.mjs");
+var Route$15 = createFileRoute("/connectors/")({
+	validateSearch: (search) => {
+		const result = {};
+		if (typeof search.connected === "string") result.connected = search.connected;
+		if (typeof search.error === "string") result.error = search.error;
+		return result;
+	},
+	loader: () => getConnectorOverview(),
+	component: lazyRouteComponent($$splitComponentImporter$7, "component")
+});
+var $$splitComponentImporter$6 = () => import("../_connectorId-8nb5yOzG.mjs");
+var Route$14 = createFileRoute("/connectors/$connectorId")({
+	loader: async ({ params }) => {
+		if (!connectorManifest(params.connectorId)) throw notFound();
+		const state = (await getConnectorOverview()).find((entry) => entry.connectorId === params.connectorId);
+		if (!state) throw notFound();
+		return state;
+	},
+	component: lazyRouteComponent($$splitComponentImporter$6, "component")
+});
+var $$splitComponentImporter$5 = () => import("./inbox-k5zHergU.mjs");
+var Route$13 = createFileRoute("/inbox/")({
+	loader: async () => ({ tasks: await getInbox() }),
+	component: lazyRouteComponent($$splitComponentImporter$5, "component")
+});
+var $$splitComponentImporter$4 = () => import("../_taskId-CXS3lod0.mjs");
+var Route$12 = createFileRoute("/inbox/$taskId")({
+	loader: async ({ params }) => {
+		const task = await getTaskById({ data: { id: params.taskId } });
+		if (!task) throw notFound();
+		return {
+			task,
+			log: await getTaskLog({ data: { id: params.taskId } })
+		};
+	},
+	component: lazyRouteComponent($$splitComponentImporter$4, "component")
+});
+/**
+* The findings that go on the lines rather than in the body. Shown separately
+* because that is what they are: on GitHub they will be spread across the
+* diff, and this is the only place they can be read as a list.
+*/
+/**
+* Everything the agent printed, as it prints it. Four minutes of a spinner
+* tells you nothing; this is what tells you the run is alive, and afterwards
+* it is the only place that explains a failure.
+*/
+/**
+* The run is in the other process, so this only leaves a note. The dispatcher
+* sees it when it next renews its claim, which is why the button says it has
+* been asked for rather than pretending it is already done.
+*/
+var $$splitComponentImporter$3 = () => import("./loops-xt2Bn7_q.mjs");
+var Route$11 = createFileRoute("/loops/")({
+	loader: () => getLoopsPage(),
+	component: lazyRouteComponent($$splitComponentImporter$3, "component")
+});
+/** Says what a loop still needs, without standing in the way of writing one. */
+/**
+* Where this loop writes, in its own words rather than the workflow's. A loop
+* may have been pointed somewhere else since it was made, and the card is the
+* one place someone scanning a list would notice.
+*/
+var $$splitComponentImporter$2 = () => import("../_loopId-BsUL1SeL.mjs");
+var Route$10 = createFileRoute("/loops/$loopId")({
+	loader: async ({ params }) => {
+		const loop = await getLoopById({ data: { id: params.loopId } });
+		if (!loop) throw notFound();
+		return {
+			loop,
+			tasks: await getLoopTasks({ data: { loopId: params.loopId } }),
+			poll: await getLoopPollState({ data: { id: params.loopId } }),
+			readiness: await getLoopReadiness()
+		};
+	},
+	component: lazyRouteComponent($$splitComponentImporter$2, "component")
+});
+/**
+* Whether the loop is really watching is the one thing a page cannot work out
+* for itself, and the thing a person most wants to know after turning one on.
+*/
+/**
+* A loop that runs by itself still has to be shaped, and waiting for a real
+* signal to arrive is a slow way to do it. Dry run means that shaping leaves
+* no marks on a real repository.
+*/
+var $$splitComponentImporter$1 = () => import("./new-DfKyd2Wa.mjs");
+var Route$9 = createFileRoute("/loops/new")({
+	validateSearch: (search) => {
+		const result = {};
+		if (typeof search.connector === "string") result.connector = search.connector;
+		if (typeof search.workflow === "string") result.workflow = search.workflow;
+		return result;
+	},
+	loader: async () => ({ loops: (await getLoopsPage()).loops }),
+	component: lazyRouteComponent($$splitComponentImporter$1, "component")
+});
+/**
+* The second step, and the one that makes a loop.
+*
+* Nothing has been written down yet: the draft is worked out here from the
+* workflow the URL names, and the loop begins when the form is saved. Picking
+* a workflow used to create it, which meant a look around this page left a
+* live loop behind, enabled and with none of its questions answered.
+*/
+/**
+* There is no blank loop to write any more. Every loop is one of the
+* workflows a connector offers, already knowing its own job, so choosing is
+* the first half of making one and the settings are the second.
+*/
+var Route$8 = createFileRoute("/machines/")({ beforeLoad: () => {
+	throw redirect({ to: "/runners" });
+} });
+var getRunnersPage = createServerFn({ method: "GET" }).handler(createSsrRpc("45dbbb612763589268984d236edcd17f5868ecf716df9625bfa46e7fec691f4e"));
+var rotateRunnerJoinToken = createServerFn({ method: "POST" }).handler(createSsrRpc("b4f7a66e1bb69cc14ab84d8f5dc7f85119c9a9b1d065a6b4e51dd0ba84c3f60c"));
+var removeRunner = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("611491b32d9583ccaae637ddf9fb2f842ff75994f50513ecd8273e305e889eb8"));
+var $$splitComponentImporter = () => import("./runners-DI_NxpHC.mjs");
+var Route$7 = createFileRoute("/runners/")({
+	loader: () => getRunnersPage(),
+	component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+async function claimAgentJob(runnerId) {
+	const row = await getRunner(runnerId);
+	if (!row || !isRunnerOnline(row)) return null;
+	const waiting = await db().select().from(tasks).where(and(eq(tasks.state, "awaiting_agent"), eq(tasks.runnerId, runnerId), or(isNull(tasks.leaseUntil), lte(tasks.leaseUntil, /* @__PURE__ */ new Date())))).all();
+	for (const task of waiting) {
+		const claimed = await db().update(tasks).set({
+			leaseUntil: new Date(Date.now() + 6e4),
+			updatedAt: /* @__PURE__ */ new Date()
+		}).where(and(eq(tasks.id, task.id), eq(tasks.state, "awaiting_agent"))).run();
+		if (rowsChanged(claimed) !== 1) continue;
+		const job = await jobForTask(task.id);
+		if (jobRequiresHost(job) && row.hostname !== hostname()) {
+			await updateTask(task.id, { leaseUntil: null });
+			return null;
+		}
+		return job;
+	}
+	return null;
+}
+async function appendAgentLog(taskId, runnerId, chunk) {
+	const task = await taskRow(taskId);
+	if (!task || task.runnerId !== runnerId) throw new Error("This run is not yours.");
+	const next = `${task.logText ?? ""}${chunk}`;
+	if (isHosted()) {
+		await updateTask(taskId, { logText: next });
+		return;
+	}
+	const path = task.logPath ?? join(runDir(taskId), "agent.log");
+	if (!existsSync(path) && !task.logPath) await updateTask(taskId, {
+		logPath: path,
+		logText: next
+	});
+	else await updateTask(taskId, { logText: next });
+	appendFileSync(task.logPath ?? path, chunk);
+}
+async function completeAgentJob(taskId, runnerId, result) {
+	const task = await taskRow(taskId);
+	if (!task || task.runnerId !== runnerId) throw new Error("This run is not yours.");
+	await updateTask(taskId, {
+		agentCommand: result.command,
+		leaseUntil: null
+	});
+	if (result.aborted) {
+		await updateTask(taskId, {
+			state: "cancelled",
+			error: "Stopped before it finished."
+		});
+		return;
+	}
+	if (!result.ok) {
+		await updateTask(taskId, {
+			state: "failed",
+			error: result.detail ?? "The agent did not finish."
+		});
+		return;
+	}
+	await absorbAgentOutput(taskId, result.output);
+}
+function touchRunner(runnerId, inventory) {
+	return heartbeatRunner(runnerId, inventory);
+}
+var Route$6 = createFileRoute("/api/runners/claim")({ server: { handlers: { POST: async ({ request }) => {
+	const runnerId = await runnerIdForToken(bearer(request));
+	if (!runnerId) return Response.json({ error: "Unknown runner." }, { status: 401 });
+	const job = await claimAgentJob(runnerId);
+	return Response.json({ job });
+} } } });
+var Route$5 = createFileRoute("/api/runners/heartbeat")({ server: { handlers: { POST: async ({ request }) => {
+	const runnerId = await runnerIdForToken(bearer(request));
+	if (!runnerId) return Response.json({ error: "Unknown runner." }, { status: 401 });
+	const view = await touchRunner(runnerId, (await request.json()).inventory ?? []);
+	return Response.json(view);
+} } } });
+var Route$4 = createFileRoute("/api/runners/hello")({ server: { handlers: { POST: async ({ request }) => {
+	try {
+		const body = await request.json();
+		const result = await joinRunner({
+			joinToken: bearer(request),
+			hostname: body.hostname ?? "unknown",
+			inventory: body.inventory ?? []
+		});
+		return Response.json(result);
+	} catch (error) {
+		const message = error instanceof Error ? error.message : String(error);
+		const status = message.includes("join token") ? 401 : 400;
+		return Response.json({ error: message }, { status });
+	}
+} } } });
+var Route$3 = createFileRoute("/api/connectors/$connectorId/authorize")({ server: { handlers: { GET: async ({ request, params }) => {
+	const { connectorId } = params;
+	const origin = appOrigin(request.url);
+	const failed = (message) => Response.redirect(`${origin}/connectors?error=${encodeURIComponent(message)}`, 302);
+	const manifest = connectorManifest(connectorId);
+	if (!manifest) return failed(`Unknown connector: ${connectorId}`);
+	if (manifest.auth.kind !== "oauth_redirect") return failed(`${manifest.name} does not use browser authorization.`);
+	try {
+		const runtime = connectorRuntime(connectorId);
+		const readiness = await runtime.readiness();
+		if (!readiness.ready) return failed(readiness.reason);
+		if (!runtime.auth.startAuthorization) return failed(`${manifest.name} cannot start an authorization.`);
+		const state = randomBytes(16).toString("base64url");
+		const redirectUri = callbackUrl(request.url, connectorId);
+		const { redirectUrl, verifier } = await runtime.auth.startAuthorization({
+			redirectUri,
+			state
+		});
+		await startAuthAttempt({
+			connectorId,
+			state,
+			verifier,
+			redirectUri
+		});
+		return Response.redirect(redirectUrl, 302);
+	} catch (error) {
+		return failed(error instanceof Error ? error.message : String(error));
+	}
+} } } });
+var Route$2 = createFileRoute("/api/connectors/$connectorId/callback")({ server: { handlers: { GET: async ({ request, params }) => {
+	const origin = appOrigin(request.url);
+	const url = new URL(request.url);
+	const done = (query) => Response.redirect(`${origin}/connectors?${query}`, 302);
+	const failed = (message) => done(`error=${encodeURIComponent(message)}`);
+	const denied = url.searchParams.get("error");
+	if (denied) return failed(url.searchParams.get("error_description") ?? denied);
+	const code = url.searchParams.get("code");
+	const state = url.searchParams.get("state");
+	if (!code || !state) return failed("No authorization code came back.");
+	try {
+		const attempt = await takeAuthAttempt(state);
+		if (attempt.connectorId !== params.connectorId) return failed("This authorization belongs to a different connector.");
+		const runtime = connectorRuntime(attempt.connectorId);
+		if (!runtime.auth.completeAuthorization) return failed("This connector cannot complete a browser authorization.");
+		const result = await runtime.auth.completeAuthorization({
+			code,
+			redirectUri: attempt.redirectUri,
+			verifier: attempt.verifier
+		});
+		const connection = await saveAuthorizedConnection(attempt.connectorId, result);
+		return done(`connected=${encodeURIComponent(connection.accountLabel)}`);
+	} catch (error) {
+		return failed(error instanceof Error ? error.message : String(error));
+	}
+} } } });
+var Route$1 = createFileRoute("/api/runners/jobs/$taskId/complete")({ server: { handlers: { POST: async ({ request, params }) => {
+	const runnerId = await runnerIdForToken(bearer(request));
+	if (!runnerId) return Response.json({ error: "Unknown runner." }, { status: 401 });
+	const body = await request.json();
+	try {
+		await completeAgentJob(params.taskId, runnerId, {
+			ok: body.ok !== false,
+			output: body.output ?? "",
+			detail: body.detail,
+			aborted: body.aborted,
+			command: body.command ?? ""
+		});
+		return Response.json({ ok: true });
+	} catch (error) {
+		return Response.json({ error: error instanceof Error ? error.message : String(error) }, { status: 409 });
+	}
+} } } });
+var Route = createFileRoute("/api/runners/jobs/$taskId/log")({ server: { handlers: { POST: async ({ request, params }) => {
+	const runnerId = await runnerIdForToken(bearer(request));
+	if (!runnerId) return Response.json({ error: "Unknown runner." }, { status: 401 });
+	const body = await request.json();
+	try {
+		await appendAgentLog(params.taskId, runnerId, body.chunk ?? "");
+		return Response.json({ ok: true });
+	} catch (error) {
+		return Response.json({ error: error instanceof Error ? error.message : String(error) }, { status: 409 });
+	}
+} } } });
+var IndexRoute = Route$17.update({
+	id: "/",
+	path: "/",
+	getParentRoute: () => Route$18
+});
+var AgentsIndexRoute = Route$16.update({
+	id: "/agents/",
+	path: "/agents/",
+	getParentRoute: () => Route$18
+});
+var ConnectorsIndexRoute = Route$15.update({
+	id: "/connectors/",
+	path: "/connectors/",
+	getParentRoute: () => Route$18
+});
+var ConnectorsConnectorIdRoute = Route$14.update({
+	id: "/connectors/$connectorId",
+	path: "/connectors/$connectorId",
+	getParentRoute: () => Route$18
+});
+var InboxIndexRoute = Route$13.update({
+	id: "/inbox/",
+	path: "/inbox/",
+	getParentRoute: () => Route$18
+});
+var InboxTaskIdRoute = Route$12.update({
+	id: "/inbox/$taskId",
+	path: "/inbox/$taskId",
+	getParentRoute: () => Route$18
+});
+var LoopsIndexRoute = Route$11.update({
+	id: "/loops/",
+	path: "/loops/",
+	getParentRoute: () => Route$18
+});
+var rootRouteChildren = {
+	IndexRoute,
+	ConnectorsConnectorIdRoute,
+	InboxTaskIdRoute,
+	LoopsLoopIdRoute: Route$10.update({
+		id: "/loops/$loopId",
+		path: "/loops/$loopId",
+		getParentRoute: () => Route$18
+	}),
+	LoopsNewRoute: Route$9.update({
+		id: "/loops/new",
+		path: "/loops/new",
+		getParentRoute: () => Route$18
+	}),
+	AgentsIndexRoute,
+	ConnectorsIndexRoute,
+	InboxIndexRoute,
+	LoopsIndexRoute,
+	MachinesIndexRoute: Route$8.update({
+		id: "/machines/",
+		path: "/machines/",
+		getParentRoute: () => Route$18
+	}),
+	RunnersIndexRoute: Route$7.update({
+		id: "/runners/",
+		path: "/runners/",
+		getParentRoute: () => Route$18
+	}),
+	ApiRunnersClaimRoute: Route$6.update({
+		id: "/api/runners/claim",
+		path: "/api/runners/claim",
+		getParentRoute: () => Route$18
+	}),
+	ApiRunnersHeartbeatRoute: Route$5.update({
+		id: "/api/runners/heartbeat",
+		path: "/api/runners/heartbeat",
+		getParentRoute: () => Route$18
+	}),
+	ApiRunnersHelloRoute: Route$4.update({
+		id: "/api/runners/hello",
+		path: "/api/runners/hello",
+		getParentRoute: () => Route$18
+	}),
+	ApiConnectorsConnectorIdAuthorizeRoute: Route$3.update({
+		id: "/api/connectors/$connectorId/authorize",
+		path: "/api/connectors/$connectorId/authorize",
+		getParentRoute: () => Route$18
+	}),
+	ApiConnectorsConnectorIdCallbackRoute: Route$2.update({
+		id: "/api/connectors/$connectorId/callback",
+		path: "/api/connectors/$connectorId/callback",
+		getParentRoute: () => Route$18
+	}),
+	ApiRunnersJobsTaskIdCompleteRoute: Route$1.update({
+		id: "/api/runners/jobs/$taskId/complete",
+		path: "/api/runners/jobs/$taskId/complete",
+		getParentRoute: () => Route$18
+	}),
+	ApiRunnersJobsTaskIdLogRoute: Route.update({
+		id: "/api/runners/jobs/$taskId/log",
+		path: "/api/runners/jobs/$taskId/log",
+		getParentRoute: () => Route$18
+	})
+};
+var routeTree = Route$18._addFileChildren(rootRouteChildren)._addFileTypes();
+var router_exports = /* @__PURE__ */ __exportAll({ getRouter: () => getRouter });
+function getRouter() {
+	return createRouter({
+		routeTree,
+		scrollRestoration: true,
+		defaultPreload: "intent",
+		defaultPreloadStaleTime: 0
+	});
+}
+//#endregion
+export { stopTask as A, CardTitle as B, Button$1 as C, saveLoop as D, runLoopBacklog as E, verifyConnection as F, Badge as I, Card as L, continueQrLogin as M, disconnectConnection as N, toggleLoop as O, saveConnectionSettings as P, CardContent as R, Input$1 as S, reorderLoop as T, cn as V, SelectItem as _, Route$9 as a, Label as b, Route$12 as c, Route$15 as d, useLiveRefresh as f, SelectContent as g, Select$1 as h, rotateRunnerJoinToken as i, beginQrLogin as j, runLoopNow as k, Route$13 as l, isTaskActive as m, Route$7 as n, Route$10 as o, useLiveTasks as p, removeRunner as r, Route$11 as s, router_exports as t, Route$14 as u, SelectTrigger as v, removeLoop as w, Separator$1 as x, SelectValue as y, CardHeader as z };