loopable-cli 0.2.0 → 0.3.0

package/.output/server/_ssr/{router-BbrBz36P.mjs → router-DdwREiOf.mjs}

@@ -1,68 +1,27 @@
 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 useRender, 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 Button } 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 { A as TooltipTrigger$1, B as Input, D as TooltipPopup, E as TooltipArrow, F as DialogPortal, H as Button, I as DialogPopup, K as require_jsx_runtime, L as DialogDescription, N as DialogTitle, O as TooltipPositioner, P as DialogRoot, R as DialogClose, U as mergeProps, V as useRender, j as TooltipRoot, k as TooltipPortal, q as require_react, z as DialogBackdrop } 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, r as Scripts, s as createRouter, u as createFileRoute } from "../_libs/@tanstack/react-router+[...].mjs";
+import { a as getServerFnById, i as TSS_SERVER_FUNCTION, r as createServerFn } 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-BtVRVhQ2.mjs";
-import { n as isHosted } from "./secrets-CRnpwGBh.mjs";
-import { a as connectorManifest, f as saveAuthorizedConnection, m as takeAuthAttempt, o as connectorRuntime, p as startAuthAttempt } from "./connections-ypex3qUd.mjs";
-import { n as callbackUrl, t as appOrigin } from "./callback-D20cVD2w.mjs";
-import { t as AGENT_MANIFESTS } from "./agents-CrUmIQpi.mjs";
-import { r as bearer } from "./access-B7TcOZ7F.mjs";
-import { a as heartbeatRunner, d as runnerIdForToken, i as getRunner, o as isRunnerOnline, s as joinRunner } from "./runners-D-0_lfiq.mjs";
-import { f as taskRow, o as jobForTask, p as updateTask, s as jobRequiresHost, t as absorbAgentOutput } from "./tasks-B_QmDFVs.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 { d as runDir, g as tasks, s as db, t as __exportAll, u as rowsChanged } from "./client-Dk3SD8Il.mjs";
+import { n as isHosted } from "./secrets-CV5scFlt.mjs";
+import { _ as startAuthAttempt, c as connectorRuntime, g as saveAuthorizedConnection, s as connectorManifest, v as takeAuthAttempt } from "./connections-Cqvb6Gw2.mjs";
+import { a as callbackUrl, i as bearer, n as appOrigin } from "./access-DTttr563.mjs";
+import { a as getRunner, c as joinRunner, d as protocolOf, o as heartbeatRunner, p as runnerIdForToken, s as isRunnerOnline } from "./runners-CK9Cx9fS.mjs";
+import { _ as updateTask, c as jobForTask, g as taskRow, l as jobMinProtocol, t as absorbAgentOutput, u as jobRequiresHost } from "./tasks-D7aUvA33.mjs";
+import { A as CirclePause, M as CircleCheck, N as CircleAlert, _ as LoaderCircle, a as Settings, k as CirclePlay, m as OctagonX, n as Workflow, o as Server, p as PanelLeft, r as TriangleAlert, t as X, u as Plug, v as Info, y as Inbox, z as Bot } 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-vAtU-sOo.js
-var import_react = /* @__PURE__ */ __toESM(require_react());
-var import_jsx_runtime = require_jsx_runtime();
+//#region node_modules/.nitro/vite/services/ssr/assets/createSsrRpc-Cukki1qM.js
 function cn(...inputs) {
 	return twMerge(clsx(inputs));
 }
-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
-	});
-}
 var createSsrRpc = (functionId) => {
 	const url = "/_serverFn/" + functionId;
 	const serverFnMeta = { id: functionId };
@@ -75,59 +34,8 @@ var createSsrRpc = (functionId) => {
 		[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-BVFx4tKA.js
+//#region node_modules/.nitro/vite/services/ssr/assets/connectors-pwWSovhz.js
 /**
 * Readiness and connections for every connector in the registry. Manifests are
 * imported directly by the client, so they are deliberately not sent again.
@@ -138,29 +46,34 @@ var getConnectorOverview = createServerFn({ method: "GET" }).handler(createSsrRp
 * 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"));
+var beginQrLogin = createServerFn({ method: "POST" }).validator((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"));
+var continueQrLogin = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("43b97e3644ad73286fe5de3e99134bff099e1a8704f1ae91fe643d419eceba73"));
+/**
+* A secret pasted in the UI. Stored here; the page is told only the account
+* label, never the token back.
+*/
+var connectWithToken = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("fbf19a0d12b4046a23a8a41e106a79443b174cf1cad922b029e23fb4679b20db"));
+var disconnectConnection = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("f94f0787ce6704ea24f18add66832e0367a0feb9a690d8ad6454abec5e5df193"));
+var verifyConnection = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("f9ade3084971078ee9f2bc16fcdcdfb5a8d66a0f9b634803bb611287c14e21d7"));
+var saveConnectionSettings = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("18bae5deb2a19571893f0067e374e537f16d6774f9b4e04f9b7349360f6f8fdc"));
 //#endregion
-//#region node_modules/.nitro/vite/services/ssr/assets/tasks-DXjXqmnW.js
+//#region node_modules/.nitro/vite/services/ssr/assets/tasks-CbDJxQNY.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 runPrompt = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("bef559b165754b06d6d5cf7c6dccde3d5a6a326462430c621eb131f78665d6e1"));
-var runLoopNow = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("7258ce5fc6f23acf3aab039ecd4acdb006d42b2ddbf3ab8629b4000e101b51dc"));
-var stopTask = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(createSsrRpc("a57f49c322cc5afa2996e4a5777fa533fd963755d614d4a14eb32e51fb198d9d"));
+var getLoopTasks = createServerFn({ method: "GET" }).validator((data) => data).handler(createSsrRpc("3f938fac3e5ec1631e700a2fdd4790e78abbefeb732ecfbbe6864cc19f0d5aac"));
+var getTaskById = createServerFn({ method: "GET" }).validator((data) => data).handler(createSsrRpc("0033ef7c619c027b1428a722dff188d315ed335645afcb1033528630b7c95e88"));
+var getTaskLog = createServerFn({ method: "GET" }).validator((data) => data).handler(createSsrRpc("81f567724371f0d6f24e636906e2e9ea5b7384422ac583c86a1050fb838664ce"));
+var runPrompt = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("bef559b165754b06d6d5cf7c6dccde3d5a6a326462430c621eb131f78665d6e1"));
+var runLoopNow = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("7258ce5fc6f23acf3aab039ecd4acdb006d42b2ddbf3ab8629b4000e101b51dc"));
+var stopTask = createServerFn({ method: "POST" }).validator((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"));
+var pauseDispatcher = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("0fa144f67263a4a51c51e8baf134a15b89c0afdf9b92b64660520a5bce247eec"));
 //#endregion
-//#region node_modules/.nitro/vite/services/ssr/assets/loops-DOq_YXyk.js
+//#region node_modules/.nitro/vite/services/ssr/assets/loops-Dn50QW1N.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
@@ -169,15 +82,18 @@ var pauseDispatcher = createServerFn({ method: "POST" }).inputValidator((data) =
 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"));
+var getLoopById = createServerFn({ method: "GET" }).validator((data) => data).handler(createSsrRpc("81a1af559b2a373901872aa9f9a6546f2f3bda8157d81c21a36ba0d1d337613b"));
+var saveLoop = createServerFn({ method: "POST" }).validator(edit).handler(createSsrRpc("e91fc2fd51633c7ca9184fea4beb66fe775ed0b4e6323111a4690da916a78b00"));
+var toggleLoop = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("3fc8a7de98be979f9820a4f5a0ca2e234ed8a7df8e692abb8c4437765474eca0"));
+var removeLoop = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("b5a89ca2d07f4ccf2827b5132ca52e7c7a42d584e702b0ab3963b2d5763c35b0"));
+var reorderLoop = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("7d7d5f80a4f0d2b3bb659d7dc2a91ea5983880648b9d1aa24356e7340505930f"));
+var getLoopPollState = createServerFn({ method: "GET" }).validator((data) => data).handler(createSsrRpc("4fd3855e3e9ed954e102071a55b98d91651c9b1e353161f7223768ed6f2b8c28"));
+var runLoopBacklog = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("65494cbfd06143dbd9a012808fbba21163d9902e387869503fb8b68b0674902b"));
+var lookLoopNow = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("965ff21ee2f1e1f5a1cb78d50570cbad6f58ccdbdcc7955f02f816a9c0684f8e"));
 //#endregion
-//#region node_modules/.nitro/vite/services/ssr/assets/router-BbrBz36P.js
+//#region node_modules/.nitro/vite/services/ssr/assets/router-DdwREiOf.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
 /**
 * Loopable's mark: something going round, and the thing it goes round for.
 *
@@ -220,6 +136,43 @@ function LoopableMark({ className }) {
 		]
 	});
 }
+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.
@@ -295,6 +248,28 @@ function DispatcherStatus() {
 		})]
 	});
 }
+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
+		}
+	});
+}
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
 	const [isMobile, setIsMobile] = import_react.useState(void 0);
@@ -317,14 +292,6 @@ function Input$1({ className, type, ...props }) {
 		...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",
@@ -777,7 +744,7 @@ var Toaster$1 = ({ ...props }) => {
 		...props
 	});
 };
-var styles_default = "/assets/styles-D3sonCfX.css";
+var styles_default = "/assets/styles-B9B98zLk.css";
 var Route$18 = createRootRoute({
 	head: () => ({
 		meta: [
@@ -809,7 +776,7 @@ var Route$18 = createRootRoute({
 });
 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",
+		className: "flex-1 px-6 py-8 md:px-10",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "mx-auto w-full max-w-4xl",
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Outlet, {})
@@ -829,326 +796,16 @@ function RootDocument({ children }) {
 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 saveAgent = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("80883b912a5a0aba2aa583b505e4e289d765a3f7fbb793a97692f439e7f960ba"));
+var chooseDefaultAgent = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("143ea51f7421d9eebec9ad31c2df8eed5aa2e5d8035473dbfad39913fd7d54c0"));
+var runAgentTest = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("b0878f841b35f46b5f2dc9cbd71c5be5895ae1b8903b3b24c24dfcf86291d3e4"));
+var $$splitComponentImporter$8 = () => import("./agents-CjbOUp3Z.mjs");
 var Route$16 = createFileRoute("/agents/")({
 	loader: () => getAgentsPage(),
-	component: AgentsPage
+	component: lazyRouteComponent($$splitComponentImporter$8, "component")
 });
-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-4yzKb0KG.mjs");
+var $$splitComponentImporter$7 = () => import("./connectors-BfS5tQKr.mjs");
 var Route$15 = createFileRoute("/connectors/")({
 	validateSearch: (search) => {
 		const result = {};
@@ -1159,22 +816,28 @@ var Route$15 = createFileRoute("/connectors/")({
 	loader: () => getConnectorOverview(),
 	component: lazyRouteComponent($$splitComponentImporter$7, "component")
 });
-var $$splitComponentImporter$6 = () => import("../_connectorId-DcSnoRjk.mjs");
+var $$splitComponentImporter$6 = () => import("../_connectorId-COuQN02a.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);
+		const [overview, page] = await Promise.all([getConnectorOverview(), getLoopsPage()]);
+		const state = overview.find((entry) => entry.connectorId === params.connectorId);
 		if (!state) throw notFound();
-		return state;
+		const loops = page.loops.filter((loop) => loop.connectorId === params.connectorId || loop.actionConnectorId === params.connectorId);
+		return {
+			...state,
+			loops
+		};
 	},
 	component: lazyRouteComponent($$splitComponentImporter$6, "component")
 });
-var $$splitComponentImporter$5 = () => import("./inbox-C2VBGLa5.mjs");
+var $$splitComponentImporter$5 = () => import("./inbox-D1ef761v.mjs");
 var Route$13 = createFileRoute("/inbox/")({
 	loader: () => getInbox(),
 	component: lazyRouteComponent($$splitComponentImporter$5, "component")
 });
-var $$splitComponentImporter$4 = () => import("../_taskId-CIv0ajIx.mjs");
+/** Ask an agent something once. The reply stays in Inbox; nothing is written back. */
+var $$splitComponentImporter$4 = () => import("../_taskId-D3KkNJW1.mjs");
 var Route$12 = createFileRoute("/inbox/$taskId")({
 	loader: async ({ params }) => {
 		const task = await getTaskById({ data: { id: params.taskId } });
@@ -1186,6 +849,7 @@ var Route$12 = createFileRoute("/inbox/$taskId")({
 	},
 	component: lazyRouteComponent($$splitComponentImporter$4, "component")
 });
+/** A titled block that opens and closes, for what is only sometimes worth reading. */
 /**
 * 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
@@ -1201,19 +865,16 @@ var Route$12 = createFileRoute("/inbox/$taskId")({
 * 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-D0XJ8eBb.mjs");
+var $$splitComponentImporter$3 = () => import("./loops-DHPjzG-t.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-G_TAkYtS.mjs");
+/** What still stands between these loops and running. */
+/** Where this loop answers and with what, in a few words. */
+var $$splitComponentImporter$2 = () => import("../_loopId-CZh6_Yhr.mjs");
 var Route$10 = createFileRoute("/loops/$loopId")({
+	validateSearch: (search) => search.tab === "tasks" ? { tab: "tasks" } : {},
 	loader: async ({ params }) => {
 		const loop = await getLoopById({ data: { id: params.loopId } });
 		if (!loop) throw notFound();
@@ -1226,50 +887,53 @@ var Route$10 = createFileRoute("/loops/$loopId")({
 	},
 	component: lazyRouteComponent($$splitComponentImporter$2, "component")
 });
+/** One line under the title: where it answers, with what, and when it last looked. */
 /**
-* 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.
+* What matched but was never run: open before the loop existed, or held back
+* by one of its rules. Neither runs by itself, so it stays folded into one
+* line, with the reason said in the line.
 */
-var $$splitComponentImporter$1 = () => import("./new-CajvgIog.mjs");
+/** Run the loop on one link, by hand, without waiting for something to arrive. */
+var $$splitComponentImporter$1 = () => import("./new-ChKBdcXJ.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;
+		if (search.custom === true || search.custom === "true" || search.custom === 1) result.custom = true;
 		return result;
 	},
 	loader: async () => ({ loops: (await getLoopsPage()).loops }),
 	component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
+/** The trigger a custom loop starts on before anything is picked. */
 /**
-* 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.
+* The second step, and the one that makes a loop. Nothing is written down
+* until the form is saved.
+*/
+/**
+* A loop with your own prompt. Underneath it is still one of the workflows,
+* since a workflow is what knows how to watch for something and read the
+* answer, but it starts with an empty prompt and a trigger you pick.
 */
+/** How many loops already use a workflow, said as a sentence rather than a count. */
 /**
-* 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.
+* Every loop is one of the workflows a connector offers, or a custom one
+* built on a workflow's trigger. Custom and Schedule come first: they are the
+* two not tied to something arriving from a service.
 */
 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-zqF_zbEc.mjs");
+var removeRunner = createServerFn({ method: "POST" }).validator((data) => data).handler(createSsrRpc("611491b32d9583ccaae637ddf9fb2f842ff75994f50513ecd8273e305e889eb8"));
+var $$splitComponentImporter = () => import("./runners-CrznFPHt.mjs");
 var Route$7 = createFileRoute("/runners/")({
 	loader: () => getRunnersPage(),
 	component: lazyRouteComponent($$splitComponentImporter, "component")
 });
+/** Which agents this runner has, in a few words. */
 async function claimAgentJob(runnerId) {
 	const row = await getRunner(runnerId);
 	if (!row || !isRunnerOnline(row)) return null;
@@ -1285,6 +949,14 @@ async function claimAgentJob(runnerId) {
 			await updateTask(task.id, { leaseUntil: null });
 			return null;
 		}
+		if (jobMinProtocol(job) > protocolOf(row)) {
+			await updateTask(task.id, {
+				state: "failed",
+				error: `${row.name} is too old for this job. Upgrade it with npm install -g loopable-cli, then run this again.`,
+				leaseUntil: null
+			});
+			continue;
+		}
 		return job;
 	}
 	return null;
@@ -1328,8 +1000,8 @@ async function completeAgentJob(taskId, runnerId, result) {
 	}
 	await absorbAgentOutput(taskId, result.output);
 }
-function touchRunner(runnerId, inventory) {
-	return heartbeatRunner(runnerId, inventory);
+function touchRunner(runnerId, inventory, build = {}) {
+	return heartbeatRunner(runnerId, inventory, build);
 }
 var Route$6 = createFileRoute("/api/runners/claim")({ server: { handlers: { POST: async ({ request }) => {
 	const runnerId = await runnerIdForToken(bearer(request));
@@ -1340,7 +1012,11 @@ var Route$6 = createFileRoute("/api/runners/claim")({ server: { handlers: { POST
 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 ?? []);
+	const body = await request.json();
+	const view = await touchRunner(runnerId, body.inventory ?? [], {
+		version: body.version,
+		protocol: body.protocol
+	});
 	return Response.json(view);
 } } } });
 var Route$4 = createFileRoute("/api/runners/hello")({ server: { handlers: { POST: async ({ request }) => {
@@ -1349,7 +1025,9 @@ var Route$4 = createFileRoute("/api/runners/hello")({ server: { handlers: { POST
 		const result = await joinRunner({
 			joinToken: bearer(request),
 			hostname: body.hostname ?? "unknown",
-			inventory: body.inventory ?? []
+			inventory: body.inventory ?? [],
+			version: body.version,
+			protocol: body.protocol
 		});
 		return Response.json(result);
 	} catch (error) {
@@ -1551,4 +1229,4 @@ function getRouter() {
 	});
 }
 //#endregion
-export { stopTask as A, CardHeader as B, removeLoop as C, toggleLoop as D, saveLoop as E, verifyConnection as F, cn as H, Badge as I, Button$1 as L, continueQrLogin as M, disconnectConnection as N, runLoopNow as O, saveConnectionSettings as P, Card as R, Input$1 as S, runLoopBacklog as T, CardTitle 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, runPrompt 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, reorderLoop as w, Separator$1 as x, SelectValue as y, CardContent as z };
+export { continueQrLogin as A, saveLoop as C, stopTask as D, runPrompt as E, saveConnectionSettings as M, verifyConnection as N, beginQrLogin as O, cn as P, runLoopBacklog as S, runLoopNow as T, Badge as _, Route$9 as a, removeLoop as b, Route$12 as c, Route$15 as d, Route$16 as f, Input$1 as g, saveAgent as h, rotateRunnerJoinToken as i, disconnectConnection as j, connectWithToken as k, Route$13 as l, runAgentTest as m, Route$7 as n, Route$10 as o, chooseDefaultAgent as p, removeRunner as r, Route$11 as s, router_exports as t, Route$14 as u, Button$1 as v, toggleLoop as w, reorderLoop as x, lookLoopNow as y };