loopable-cli 0.1.0

package/.output/server/_libs/tanstack__history.mjs

@@ -0,0 +1,341 @@
+//#region node_modules/.pnpm/@tanstack+history@1.162.1/node_modules/@tanstack/history/dist/esm/index.js
+var stateIndexKey = "__TSR_index";
+var popStateEvent = "popstate";
+var beforeUnloadEvent = "beforeunload";
+function createHistory(opts) {
+	let location = opts.getLocation();
+	const subscribers = /* @__PURE__ */ new Set();
+	const notify = (action) => {
+		location = opts.getLocation();
+		subscribers.forEach((subscriber) => subscriber({
+			location,
+			action
+		}));
+	};
+	const handleIndexChange = (action) => {
+		if (opts.notifyOnIndexChange ?? true) notify(action);
+		else location = opts.getLocation();
+	};
+	const tryNavigation = async ({ task, navigateOpts, ...actionInfo }) => {
+		if (navigateOpts?.ignoreBlocker ?? false) {
+			task();
+			return;
+		}
+		const blockers = opts.getBlockers?.() ?? [];
+		const isPushOrReplace = actionInfo.type === "PUSH" || actionInfo.type === "REPLACE";
+		if (typeof document !== "undefined" && blockers.length && isPushOrReplace) for (const blocker of blockers) {
+			const nextLocation = parseHref(actionInfo.path, actionInfo.state);
+			if (await blocker.blockerFn({
+				currentLocation: location,
+				nextLocation,
+				action: actionInfo.type
+			})) {
+				opts.onBlocked?.();
+				return;
+			}
+		}
+		task();
+	};
+	return {
+		get location() {
+			return location;
+		},
+		get length() {
+			return opts.getLength();
+		},
+		subscribers,
+		subscribe: (cb) => {
+			subscribers.add(cb);
+			return () => {
+				subscribers.delete(cb);
+			};
+		},
+		push: (path, state, navigateOpts) => {
+			const currentIndex = location.state[stateIndexKey];
+			state = assignKeyAndIndex(currentIndex + 1, state);
+			tryNavigation({
+				task: () => {
+					opts.pushState(path, state);
+					notify({ type: "PUSH" });
+				},
+				navigateOpts,
+				type: "PUSH",
+				path,
+				state
+			});
+		},
+		replace: (path, state, navigateOpts) => {
+			const currentIndex = location.state[stateIndexKey];
+			state = assignKeyAndIndex(currentIndex, state);
+			tryNavigation({
+				task: () => {
+					opts.replaceState(path, state);
+					notify({ type: "REPLACE" });
+				},
+				navigateOpts,
+				type: "REPLACE",
+				path,
+				state
+			});
+		},
+		go: (index, navigateOpts) => {
+			tryNavigation({
+				task: () => {
+					opts.go(index);
+					handleIndexChange({
+						type: "GO",
+						index
+					});
+				},
+				navigateOpts,
+				type: "GO"
+			});
+		},
+		back: (navigateOpts) => {
+			tryNavigation({
+				task: () => {
+					opts.back(navigateOpts?.ignoreBlocker ?? false);
+					handleIndexChange({ type: "BACK" });
+				},
+				navigateOpts,
+				type: "BACK"
+			});
+		},
+		forward: (navigateOpts) => {
+			tryNavigation({
+				task: () => {
+					opts.forward(navigateOpts?.ignoreBlocker ?? false);
+					handleIndexChange({ type: "FORWARD" });
+				},
+				navigateOpts,
+				type: "FORWARD"
+			});
+		},
+		canGoBack: () => location.state[stateIndexKey] !== 0,
+		createHref: (str) => opts.createHref(str),
+		block: (blocker) => {
+			if (!opts.setBlockers) return () => {};
+			const blockers = opts.getBlockers?.() ?? [];
+			opts.setBlockers([...blockers, blocker]);
+			return () => {
+				const blockers = opts.getBlockers?.() ?? [];
+				opts.setBlockers?.(blockers.filter((b) => b !== blocker));
+			};
+		},
+		flush: () => opts.flush?.(),
+		destroy: () => opts.destroy?.(),
+		notify
+	};
+}
+function assignKeyAndIndex(index, state) {
+	if (!state) state = {};
+	const key = createRandomKey();
+	return {
+		...state,
+		key,
+		__TSR_key: key,
+		[stateIndexKey]: index
+	};
+}
+/**
+* Creates a history object that can be used to interact with the browser's
+* navigation. This is a lightweight API wrapping the browser's native methods.
+* It is designed to work with TanStack Router, but could be used as a standalone API as well.
+* IMPORTANT: This API implements history throttling via a microtask to prevent
+* excessive calls to the history API. In some browsers, calling history.pushState or
+* history.replaceState in quick succession can cause the browser to ignore subsequent
+* calls. This API smooths out those differences and ensures that your application
+* state will *eventually* match the browser state. In most cases, this is not a problem,
+* but if you need to ensure that the browser state is up to date, you can use the
+* `history.flush` method to immediately flush all pending state changes to the browser URL.
+* @param opts
+* @param opts.getHref A function that returns the current href (path + search + hash)
+* @param opts.createHref A function that takes a path and returns a href (path + search + hash)
+* @returns A history instance
+*/
+function createBrowserHistory(opts) {
+	const win = opts?.window ?? (typeof document !== "undefined" ? window : void 0);
+	const originalPushState = win.history.pushState;
+	const originalReplaceState = win.history.replaceState;
+	let blockers = [];
+	const _getBlockers = () => blockers;
+	const _setBlockers = (newBlockers) => blockers = newBlockers;
+	const createHref = opts?.createHref ?? ((path) => path);
+	const parseLocation = opts?.parseLocation ?? (() => parseHref(`${win.location.pathname}${win.location.search}${win.location.hash}`, win.history.state));
+	if (!win.history.state?.__TSR_key && !win.history.state?.key) {
+		const addedKey = createRandomKey();
+		win.history.replaceState({
+			[stateIndexKey]: 0,
+			key: addedKey,
+			__TSR_key: addedKey
+		}, "");
+	}
+	let currentLocation = parseLocation();
+	let rollbackLocation;
+	let nextPopIsGo = false;
+	let ignoreNextPop = false;
+	let skipBlockerNextPop = false;
+	let ignoreNextBeforeUnload = false;
+	const getLocation = () => currentLocation;
+	let next;
+	const flush = () => {
+		if (!next) return;
+		history._ignoreSubscribers = true;
+		(next[2] ? win.history.pushState : win.history.replaceState)(next[1], "", next[0]);
+		history._ignoreSubscribers = false;
+		next = void 0;
+		rollbackLocation = void 0;
+	};
+	const queueHistoryAction = (isPush, destHref, state) => {
+		const href = createHref(destHref);
+		const hasPendingAction = !!next;
+		if (!hasPendingAction) rollbackLocation = currentLocation;
+		currentLocation = parseHref(destHref, state);
+		next = [
+			href,
+			state,
+			next?.[2] || isPush
+		];
+		if (!hasPendingAction) queueMicrotask(() => flush());
+	};
+	const onPushPop = (type) => {
+		currentLocation = parseLocation();
+		history.notify({ type });
+	};
+	const onPushPopEvent = async () => {
+		if (ignoreNextPop) {
+			ignoreNextPop = false;
+			return;
+		}
+		const nextLocation = parseLocation();
+		const delta = nextLocation.state[stateIndexKey] - currentLocation.state[stateIndexKey];
+		const isForward = delta === 1;
+		const isBack = delta === -1;
+		const isGo = !isForward && !isBack || nextPopIsGo;
+		nextPopIsGo = false;
+		const action = isGo ? "GO" : isBack ? "BACK" : "FORWARD";
+		const notify = isGo ? {
+			type: "GO",
+			index: delta
+		} : { type: isBack ? "BACK" : "FORWARD" };
+		if (skipBlockerNextPop) skipBlockerNextPop = false;
+		else {
+			const blockers = _getBlockers();
+			if (typeof document !== "undefined" && blockers.length) {
+				for (const blocker of blockers) if (await blocker.blockerFn({
+					currentLocation,
+					nextLocation,
+					action
+				})) {
+					ignoreNextPop = true;
+					win.history.go(1);
+					history.notify(notify);
+					return;
+				}
+			}
+		}
+		currentLocation = parseLocation();
+		history.notify(notify);
+	};
+	const onBeforeUnload = (e) => {
+		if (ignoreNextBeforeUnload) {
+			ignoreNextBeforeUnload = false;
+			return;
+		}
+		let shouldBlock = false;
+		const blockers = _getBlockers();
+		if (typeof document !== "undefined" && blockers.length) for (const blocker of blockers) {
+			const shouldHaveBeforeUnload = blocker.enableBeforeUnload ?? true;
+			if (shouldHaveBeforeUnload === true) {
+				shouldBlock = true;
+				break;
+			}
+			if (typeof shouldHaveBeforeUnload === "function" && shouldHaveBeforeUnload() === true) {
+				shouldBlock = true;
+				break;
+			}
+		}
+		if (shouldBlock) {
+			e.preventDefault();
+			return e.returnValue = "";
+		}
+	};
+	const history = createHistory({
+		getLocation,
+		getLength: () => win.history.length,
+		pushState: (href, state) => queueHistoryAction(true, href, state),
+		replaceState: (href, state) => queueHistoryAction(false, href, state),
+		back: (ignoreBlocker) => {
+			if (ignoreBlocker) skipBlockerNextPop = true;
+			ignoreNextBeforeUnload = true;
+			return win.history.back();
+		},
+		forward: (ignoreBlocker) => {
+			if (ignoreBlocker) skipBlockerNextPop = true;
+			ignoreNextBeforeUnload = true;
+			win.history.forward();
+		},
+		go: (n) => {
+			nextPopIsGo = true;
+			win.history.go(n);
+		},
+		createHref: (href) => createHref(href),
+		flush,
+		destroy: () => {
+			win.history.pushState = originalPushState;
+			win.history.replaceState = originalReplaceState;
+			win.removeEventListener(beforeUnloadEvent, onBeforeUnload, { capture: true });
+			win.removeEventListener(popStateEvent, onPushPopEvent);
+		},
+		onBlocked: () => {
+			if (rollbackLocation && currentLocation !== rollbackLocation) currentLocation = rollbackLocation;
+		},
+		getBlockers: _getBlockers,
+		setBlockers: _setBlockers,
+		notifyOnIndexChange: false
+	});
+	win.addEventListener(beforeUnloadEvent, onBeforeUnload, { capture: true });
+	win.addEventListener(popStateEvent, onPushPopEvent);
+	win.history.pushState = function(...args) {
+		const res = originalPushState.apply(win.history, args);
+		if (!history._ignoreSubscribers) onPushPop("PUSH");
+		return res;
+	};
+	win.history.replaceState = function(...args) {
+		const res = originalReplaceState.apply(win.history, args);
+		if (!history._ignoreSubscribers) onPushPop("REPLACE");
+		return res;
+	};
+	return history;
+}
+/**
+* Sanitize a path to prevent open redirect vulnerabilities.
+* Removes control characters and collapses leading double slashes.
+*/
+function sanitizePath(path) {
+	let sanitized = path.replace(/[\x00-\x1f\x7f]/g, "");
+	if (sanitized.startsWith("//")) sanitized = "/" + sanitized.replace(/^\/+/, "");
+	return sanitized;
+}
+function parseHref(href, state) {
+	const sanitizedHref = sanitizePath(href);
+	const hashIndex = sanitizedHref.indexOf("#");
+	const searchIndex = sanitizedHref.indexOf("?");
+	const addedKey = createRandomKey();
+	return {
+		href: sanitizedHref,
+		pathname: sanitizedHref.substring(0, hashIndex > 0 ? searchIndex > 0 ? Math.min(hashIndex, searchIndex) : hashIndex : searchIndex > 0 ? searchIndex : sanitizedHref.length),
+		hash: hashIndex > -1 ? sanitizedHref.substring(hashIndex) : "",
+		search: searchIndex > -1 ? sanitizedHref.slice(searchIndex, hashIndex === -1 ? void 0 : hashIndex) : "",
+		state: state || {
+			[stateIndexKey]: 0,
+			key: addedKey,
+			__TSR_key: addedKey
+		}
+	};
+}
+function createRandomKey() {
+	return (Math.random() + 1).toString(36).substring(7);
+}
+//#endregion
+export { parseHref as n, createBrowserHistory as t };

package/.output/server/_libs/ufo.mjs

@@ -0,0 +1,64 @@
+String.fromCharCode;
+var ENC_SLASH_RE = /%2f/gi;
+function decode(text = "") {
+	try {
+		return decodeURIComponent("" + text);
+	} catch {
+		return "" + text;
+	}
+}
+function decodePath(text) {
+	return decode(text.replace(ENC_SLASH_RE, "%252F"));
+}
+var TRAILING_SLASH_RE = /\/$|\/\?|\/#/;
+var JOIN_LEADING_SLASH_RE = /^\.?\//;
+function hasTrailingSlash(input = "", respectQueryAndFragment) {
+	if (!respectQueryAndFragment) return input.endsWith("/");
+	return TRAILING_SLASH_RE.test(input);
+}
+function withoutTrailingSlash(input = "", respectQueryAndFragment) {
+	if (!respectQueryAndFragment) return (hasTrailingSlash(input) ? input.slice(0, -1) : input) || "/";
+	if (!hasTrailingSlash(input, true)) return input || "/";
+	let path = input;
+	let fragment = "";
+	const fragmentIndex = input.indexOf("#");
+	if (fragmentIndex !== -1) {
+		path = input.slice(0, fragmentIndex);
+		fragment = input.slice(fragmentIndex);
+	}
+	const [s0, ...s] = path.split("?");
+	return ((s0.endsWith("/") ? s0.slice(0, -1) : s0) || "/") + (s.length > 0 ? `?${s.join("?")}` : "") + fragment;
+}
+function withTrailingSlash(input = "", respectQueryAndFragment) {
+	if (!respectQueryAndFragment) return input.endsWith("/") ? input : input + "/";
+	if (hasTrailingSlash(input, true)) return input || "/";
+	let path = input;
+	let fragment = "";
+	const fragmentIndex = input.indexOf("#");
+	if (fragmentIndex !== -1) {
+		path = input.slice(0, fragmentIndex);
+		fragment = input.slice(fragmentIndex);
+		if (!path) return fragment;
+	}
+	const [s0, ...s] = path.split("?");
+	return s0 + "/" + (s.length > 0 ? `?${s.join("?")}` : "") + fragment;
+}
+function hasLeadingSlash(input = "") {
+	return input.startsWith("/");
+}
+function withLeadingSlash(input = "") {
+	return hasLeadingSlash(input) ? input : "/" + input;
+}
+function isNonEmptyURL(url) {
+	return url && url !== "/";
+}
+function joinURL(base, ...input) {
+	let url = base || "";
+	for (const segment of input.filter((url2) => isNonEmptyURL(url2))) if (url) {
+		const _segment = segment.replace(JOIN_LEADING_SLASH_RE, "");
+		url = withTrailingSlash(url) + _segment;
+	} else url = segment;
+	return url;
+}
+//#endregion
+export { withoutTrailingSlash as i, joinURL as n, withLeadingSlash as r, decodePath as t };

package/.output/server/_loopId-BsUL1SeL.mjs

@@ -0,0 +1,272 @@
+import { i as __toESM } from "./_runtime.mjs";
+import { U as require_jsx_runtime, W as require_react, i as TabsRoot, n as TabsPanel, r as TabsTab, t as TabsList$1 } from "./_libs/@base-ui/react+[...].mjs";
+import { f as Link, m as useRouter } from "./_libs/@tanstack/react-router+[...].mjs";
+import { t as cva } from "./_libs/class-variance-authority+clsx.mjs";
+import { a as connectorManifest } from "./_ssr/connections-qnw2GVlP.mjs";
+import { B as ArrowLeft, M as CircleAlert, S as Eye, f as Play } from "./_libs/lucide-react.mjs";
+import { n as toast } from "./_libs/sonner.mjs";
+import { C as Button$1, E as runLoopBacklog, L as Card, R as CardContent, S as Input$1, V as cn, b as Label, f as useLiveRefresh, k as runLoopNow, o as Route$10 } from "./_ssr/router-3WmpE5b_.mjs";
+import { t as Switch$1 } from "./_ssr/switch-ReNglgH6.mjs";
+import { n as AlertDescription, r as AlertTitle, t as Alert } from "./_ssr/alert-NEiOCTOl.mjs";
+import { n as TaskList } from "./_ssr/task-list-CUITIqkb.mjs";
+import { t as LoopForm } from "./_ssr/loop-form-DlObSewZ.mjs";
+import { n as issuesFor } from "./_ssr/gaps-RAFSXLZf.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/_loopId-BsUL1SeL.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+function Tabs$1({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRoot, {
+		"data-slot": "tabs",
+		"data-orientation": orientation,
+		className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className),
+		...props
+	});
+}
+var tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", {
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function TabsList({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsList$1, {
+		"data-slot": "tabs-list",
+		"data-variant": variant,
+		className: cn(tabsListVariants({ variant }), className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTab, {
+		"data-slot": "tabs-trigger",
+		className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPanel, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 text-sm outline-none", className),
+		...props
+	});
+}
+function LoopPage() {
+	const { loop, tasks, poll, readiness } = Route$10.useLoaderData();
+	useLiveRefresh();
+	const issues = issuesFor(readiness, loop);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+				to: "/loops",
+				className: "flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowLeft, { className: "size-4" }), "Loops"]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+				className: "text-2xl font-semibold tracking-tight",
+				children: loop.name
+			}),
+			issues.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, { children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleAlert, {}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: "This loop cannot run yet" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, {
+					className: "flex flex-col gap-1",
+					children: issues.map((line) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: line }, line))
+				})
+			] }) : null,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Watching, {
+				loop,
+				poll
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tabs$1, {
+				defaultValue: "settings",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TabsList, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTrigger, {
+						value: "settings",
+						children: "Settings"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsTrigger, {
+						value: "tasks",
+						children: "Tasks"
+					})] }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {
+						value: "settings",
+						className: "pt-2",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoopForm, { loop })
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TabsContent, {
+						value: "tasks",
+						className: "flex flex-col gap-4 pt-2",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunBox, { loop }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskList, {
+							tasks,
+							showLoop: false,
+							empty: "This loop has not run yet."
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+function when(iso) {
+	return new Date(iso).toLocaleString();
+}
+/**
+* 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.
+*/
+function Watching({ loop, poll }) {
+	const router = useRouter();
+	const [busy, setBusy] = (0, import_react.useState)(false);
+	if (!loop.enabled) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: "This loop is off" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, { children: "Nothing is being watched for until you turn it back on." })] });
+	if (poll.pollError) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
+		variant: "destructive",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleAlert, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: "The last look did not work" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, { children: poll.pollError })
+		]
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+		className: "flex flex-col gap-4 pt-6",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-start gap-3 text-sm",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Eye, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-muted-foreground",
+				children: poll.polledAt ? `Watching. Last looked ${when(poll.polledAt)}.` : "Not looked yet. The dispatcher checks every couple of minutes; the first look records what is already waiting without running it."
+			})]
+		}), poll.backlog.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-3 rounded-lg border p-4",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-start justify-between gap-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "text-sm font-medium",
+					children: poll.backlog.length === 1 ? "One thing is waiting" : `${poll.backlog.length} things are waiting`
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "mt-1 text-xs text-muted-foreground",
+					children: "Matched, but not run: either it was already there before the loop was made, or it was held back for the reason shown. Run them if you want them dealt with too."
+				})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					variant: "outline",
+					size: "sm",
+					disabled: busy,
+					onClick: async () => {
+						setBusy(true);
+						try {
+							const { queued } = await runLoopBacklog({ data: { id: loop.id } });
+							await router.invalidate();
+							toast.success(queued === 1 ? "Queued 1 run" : `Queued ${queued} runs`);
+						} catch (error) {
+							toast.error(error instanceof Error ? error.message : String(error));
+						} finally {
+							setBusy(false);
+						}
+					},
+					children: busy ? "Queueing..." : "Run these too"
+				})]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", {
+				className: "flex flex-col gap-1 text-xs text-muted-foreground",
+				children: [poll.backlog.slice(0, 8).map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
+					className: "truncate",
+					children: [
+						item.sourceRef,
+						" · ",
+						item.sourceTitle,
+						item.hold ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: "text-foreground",
+							children: [" · ", item.hold]
+						}) : null
+					]
+				}, item.key)), poll.backlog.length > 8 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+					"and ",
+					poll.backlog.length - 8,
+					" more"
+				] }) : null]
+			})]
+		}) : null]
+	}) });
+}
+/**
+* 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.
+*/
+function RunBox({ loop }) {
+	const router = useRouter();
+	const [url, setUrl] = (0, import_react.useState)("");
+	const [dryRun, setDryRun] = (0, import_react.useState)(true);
+	const [running, setRunning] = (0, import_react.useState)(false);
+	const manifest = connectorManifest(loop.connectorId);
+	const byHand = manifest?.byHand ?? { kind: "none" };
+	const run = async () => {
+		setRunning(true);
+		try {
+			await runLoopNow({ data: {
+				loopId: loop.id,
+				url: url.trim(),
+				dryRun
+			} });
+			await router.invalidate();
+			setUrl("");
+			toast.success(dryRun ? "Queued as a dry run" : "Queued");
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : String(error));
+		} finally {
+			setRunning(false);
+		}
+	};
+	if (byHand.kind === "none") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, {
+		className: "pt-6 text-sm text-muted-foreground",
+		children: "This loop can only run on something arriving, so there is nothing to start by hand. What it does with what arrives is worth trying on the first one, with dry run left on."
+	}) });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+		className: "flex flex-col gap-4 pt-6",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "flex flex-col gap-2",
+			children: byHand.kind === "now" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, { children: "Run it now, without waiting for the time" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between gap-4",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "text-xs text-muted-foreground",
+					children: "Runs exactly as it would when the clock came round, and does not count as that run: the next scheduled one still happens."
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+					onClick: run,
+					disabled: running,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Play, {}), "Run"]
+				})]
+			})] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Label, {
+				htmlFor: "run-url",
+				children: [
+					"Try this loop on a ",
+					manifest?.name ?? "",
+					" link"
+				]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
+					id: "run-url",
+					value: url,
+					placeholder: byHand.placeholder,
+					onChange: (event) => setUrl(event.target.value)
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+					onClick: run,
+					disabled: running || url.trim() === "",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Play, {}), "Run"]
+				})]
+			})] })
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-center justify-between gap-4",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+				htmlFor: "run-dry",
+				children: "Dry run"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "mt-1 text-xs text-muted-foreground",
+				children: dryRun ? "Prepare the result and show it to you, without writing anything." : "Write the result back, exactly as the loop would on its own."
+			})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch$1, {
+				id: "run-dry",
+				checked: dryRun,
+				onCheckedChange: setDryRun
+			})]
+		})]
+	}) });
+}
+//#endregion
+export { LoopPage as component };