loopable-cli 0.2.0 → 0.3.0

package/.output/server/_ssr/{loops-Og_G3KyZ.mjs → loops-6WhUe_lc.mjs}

@@ -1,13 +1,16 @@
-import { n as createServerFn } from "./ssr.mjs";
+import { r as createServerFn } from "./ssr.mjs";
 import { d as and, f as eq, l as asc, p as inArray, v as sql } from "../_libs/drizzle-orm.mjs";
-import { a as connections, c as loops, h as signals, s as db } from "./client-BtVRVhQ2.mjs";
-import { a as connectorManifest, i as connectorAction, s as connectorWorkflow } from "./connections-ypex3qUd.mjs";
-import { n as agentManifest, r as listAgents } from "./agents-CrUmIQpi.mjs";
-import { t as availableAgentIds } from "./runners-D-0_lfiq.mjs";
-import { r as enqueueSignal } from "./tasks-B_QmDFVs.mjs";
-import { t as createServerRpc } from "./createServerRpc-DPDrnFdH.mjs";
+import { a as connections, c as loops, h as signals, s as db } from "./client-Dk3SD8Il.mjs";
+import { c as connectorRuntime, l as connectorWorkflow, o as connectorAction, s as connectorManifest, u as credentialForConnector } from "./connections-Cqvb6Gw2.mjs";
+import { n as availableAgentIds } from "./runners-CK9Cx9fS.mjs";
+import { i as listAgents, n as agentManifest, r as agentRuntime, s as settingsFor } from "./agents-B_qo1gpL.mjs";
+import { i as enqueueSignal, n as defaultAgentFor, o as folderIsLegacy, p as normalizeFolder } from "./tasks-D7aUvA33.mjs";
+import { t as createServerRpc } from "./createServerRpc-DDrp2nLT.mjs";
 import { randomUUID } from "node:crypto";
-//#region node_modules/.nitro/vite/services/ssr/assets/loops-Og_G3KyZ.js
+import { mkdtempSync } from "node:fs";
+import { join } from "node:path";
+import { tmpdir } from "node:os";
+//#region node_modules/.nitro/vite/services/ssr/assets/loops-6WhUe_lc.js
 var NAME_LIMIT = 80;
 var PROMPT_LIMIT = 8e3;
 var GUIDANCE_LIMIT = 4e3;
@@ -73,16 +76,22 @@ function validate(draft) {
 	if (prompt.length > PROMPT_LIMIT) throw new Error(`Keep what you ask under ${PROMPT_LIMIT} characters.`);
 	const guidance = draft.guidance?.trim() || null;
 	if (guidance && guidance.length > GUIDANCE_LIMIT) throw new Error(`Keep the guidance under ${GUIDANCE_LIMIT} characters.`);
+	let folder;
 	if (workflow.runsIn === "folder") {
-		const folder = draft.settings.folder;
-		if (typeof folder !== "string" || folder.trim() === "") throw new Error("Say which folder this should work in.");
+		const given = typeof draft.settings.folder === "string" ? draft.settings.folder : "";
+		folder = normalizeFolder(given);
+		if (!folder) throw new Error("Say which folder this should work in.");
+		if (folderIsLegacy(folder)) throw new Error("Give the folder relative to the runner's home, such as code/web.");
 	}
 	return {
 		...draft,
 		name,
 		prompt,
 		guidance,
-		settings: cleanConditions(workflow.settings, draft.settings),
+		settings: {
+			...cleanConditions(workflow.settings, draft.settings),
+			...folder ? { folder } : {}
+		},
 		actionTarget: cleanConditions(action.target, draft.actionTarget)
 	};
 }
@@ -173,15 +182,202 @@ async function loopReadiness() {
 	const connected = await db().selectDistinct({ connectorId: connections.connectorId }).from(connections).all();
 	const available = await availableAgentIds();
 	const host = await availableAgentIds(true);
+	const folder = await availableAgentIds(false, 2);
 	const chosen = agents.find((agent) => agent.isDefault)?.agentId ?? null;
 	const defaultAgentId = (chosen && available.includes(chosen) ? chosen : null) ?? (available.length === 1 ? available[0] : null);
 	return {
 		connectedConnectorIds: connected.map((row) => row.connectorId),
 		defaultAgentId,
 		availableAgentIds: available,
-		hostAgentIds: host
+		hostAgentIds: host,
+		folderAgentIds: folder
 	};
 }
+var NOTHING_ASKED = "nothing in it was being asked of you";
+/**
+* The batch is numbered rather than named because the agent has to point back
+* at these, and a subject line is not a usable handle: two mails can share
+* one, and any of them can contain the quotes and newlines that would break
+* the answer apart.
+*/
+function listFor(signals) {
+	return signals.map((signal, index) => {
+		const preview = signal.preview ? `\n   ${signal.preview.slice(0, 300)}` : "";
+		return `${index + 1}. ${signal.title}${preview}`;
+	}).join("\n\n");
+}
+function promptFor(signals, guidance) {
+	const lines = [
+		"Below are things that just arrived. Say which ones are asking something",
+		"of the person who received them.",
+		"",
+		"Asking something means there is a decision to make, a reply expected, a",
+		"form to fill, a payment due, a meeting to book, a deadline, or a problem",
+		"to look at. Receipts, statements, newsletters, marketing, social",
+		"notifications, and automated reports are not asking anything, even when",
+		"they are about money, and even when they are worth having read.",
+		"",
+		"When you cannot tell from what is here, treat it as asking something.",
+		"Being told about one thing too many is a small cost; missing the one that",
+		"mattered is not."
+	];
+	if (guidance) lines.push("", "What this person has said they care about, which outranks the above:", guidance);
+	lines.push("", "Answer with JSON only, no other text: {\"needsMe\": [1, 4]}, listing the", "numbers that are asking something. An empty list is a valid answer.", "", listFor(signals));
+	return lines.join("\n");
+}
+/**
+* The numbers the agent picked out, as indices. Anything unparseable gives
+* nothing back, which the caller reads as "could not tell" rather than as
+* "none of them": a triage that failed must not be the reason work went
+* unnoticed.
+*/
+function parseAnswer(output, count) {
+	const start = output.indexOf("{");
+	const end = output.lastIndexOf("}");
+	if (start === -1 || end <= start) return null;
+	let parsed;
+	try {
+		parsed = JSON.parse(output.slice(start, end + 1));
+	} catch {
+		return null;
+	}
+	const listed = parsed?.needsMe;
+	if (!Array.isArray(listed)) return null;
+	const chosen = /* @__PURE__ */ new Set();
+	for (const entry of listed) {
+		const value = typeof entry === "number" ? entry : Number.parseInt(String(entry), 10);
+		if (Number.isInteger(value) && value >= 1 && value <= count) chosen.add(value - 1);
+	}
+	return chosen;
+}
+/**
+* Which of these need not be run, and why. An empty result means everything
+* runs, which is what happens whenever the answer cannot be trusted: too few
+* to be worth a run, an agent that failed, or an answer that made no sense.
+*/
+async function triage(input) {
+	const held = /* @__PURE__ */ new Map();
+	if (input.signals.length < 2) return held;
+	const result = await agentRuntime(input.agentId).run({
+		prompt: promptFor(input.signals, input.guidance),
+		cwd: input.cwd,
+		settings: await settingsFor(input.agentId),
+		signal: input.signal
+	});
+	if (!result.ok || result.aborted) return held;
+	const needsMe = parseAnswer(result.output, input.signals.length);
+	if (!needsMe) return held;
+	input.signals.forEach((entry, index) => {
+		if (!needsMe.has(index)) held.set(entry.key, NOTHING_ASKED);
+	});
+	return held;
+}
+/** A setting a loop was saved before existing is missing, which is not false. */
+function boolean(value) {
+	return value === true;
+}
+/**
+* Two loops can want the same pull request. Only the first one gets it, so
+* this is what one loop tells the next about what it has taken.
+*/
+function claimOf(loop, signal) {
+	return `${loop.connectorId}:${signal.ref}`;
+}
+/**
+* One look at what a loop is watching for.
+*
+* The first look never acts. Whatever is already waiting when a loop is
+* created is that loop's backlog, and running an agent over a review queue
+* that has been piling up for a month is not what someone turning on a loop
+* is asking for. It is recorded rather than discarded, so it can still be run
+* on purpose afterwards.
+*/
+async function pollLoop(loop, claimed) {
+	const report = {
+		loopId: loop.id,
+		loopName: loop.name,
+		found: 0,
+		queued: 0,
+		backlog: 0,
+		held: 0,
+		superseded: 0,
+		triaged: 0,
+		error: null
+	};
+	try {
+		const manifest = connectorManifest(loop.connectorId);
+		if (!manifest) throw new Error(`Unknown connector: ${loop.connectorId}`);
+		const workflow = connectorWorkflow(loop.connectorId, loop.workflowId);
+		if (!workflow) throw new Error(`${manifest.name} no longer offers ${loop.workflowId}.`);
+		const runtime = connectorRuntime(loop.connectorId);
+		if (!runtime.poll) throw new Error(`${manifest.name} cannot watch for anything yet.`);
+		const { credential } = await credentialForConnector(loop.connectorId);
+		const answer = await runtime.poll({
+			workflowId: workflow.triggerId,
+			settings: loop.settings,
+			credential,
+			cursor: loop.pollCursor ?? null
+		});
+		const found = answer.signals;
+		report.found = found.length;
+		const known = new Set((await db().select({ key: signals.key }).from(signals).where(eq(signals.loopId, loop.id)).all()).map((row) => row.key));
+		const first = loop.polledAt === null;
+		let judged = /* @__PURE__ */ new Map();
+		if (!first && boolean(loop.settings.needsMeOnly)) judged = await triage({
+			signals: found.filter((signal) => !known.has(signal.key) && !signal.hold && !claimed.has(claimOf(loop, signal))),
+			agentId: await defaultAgentFor(loop.agentId),
+			guidance: loop.guidance,
+			cwd: mkdtempSync(join(tmpdir(), "loopable-triage-"))
+		});
+		for (const signal of found) {
+			const claim = claimOf(loop, signal);
+			if (known.has(signal.key)) {
+				claimed.add(claim);
+				continue;
+			}
+			const hold = signal.hold ?? judged.get(signal.key);
+			const outcome = claimed.has(claim) ? "superseded" : hold ? "held" : first ? "backlog" : "queued";
+			const task = outcome === "queued" ? await enqueueSignal({
+				loop,
+				signal
+			}) : null;
+			await db().insert(signals).values({
+				loopId: loop.id,
+				key: signal.key,
+				outcome,
+				sourceKind: signal.kind,
+				sourceRef: signal.ref,
+				sourceTitle: signal.title,
+				sourceUrl: signal.url,
+				hold,
+				sourcePayload: signal.payload,
+				taskId: task?.id
+			}).onConflictDoNothing().run();
+			claimed.add(claim);
+			report[outcome] += 1;
+			if (outcome === "held" && !signal.hold) report.triaged += 1;
+		}
+		await db().update(loops).set({
+			polledAt: /* @__PURE__ */ new Date(),
+			pollError: null,
+			...answer.cursor !== void 0 ? { pollCursor: answer.cursor } : {}
+		}).where(eq(loops.id, loop.id)).run();
+	} catch (error) {
+		report.error = error instanceof Error ? error.message : String(error);
+		await db().update(loops).set({ pollError: report.error }).where(eq(loops.id, loop.id)).run();
+	}
+	return report;
+}
+/**
+* One look, now, whether the interval says it is due or not. The loop page
+* asks for this when waiting for the dispatcher is the thing being tested.
+*/
+async function lookNow(loopId) {
+	const loop = await db().select().from(loops).where(eq(loops.id, loopId)).get();
+	if (!loop) throw new Error("Loop not found");
+	if (!loop.enabled) throw new Error("This loop is off");
+	return await pollLoop(loop, /* @__PURE__ */ new Set());
+}
 function toBacklogItem(row) {
 	return {
 		key: row.key,
@@ -211,14 +407,15 @@ async function loopPollState(loopId) {
 	};
 }
 /**
-* Run everything the loop is holding. Asked for explicitly, because it is the
-* one moment a loop does a month of work at once, and because something held
-* back for being too big is being run against the connector's advice.
+* Run what the loop is holding: one item when `key` is given, or all of it.
+* Asked for explicitly, because something held back for being too big is
+* being run against the connector's advice.
 */
-async function runBacklog(loopId) {
+async function runBacklog(loopId, key) {
 	const loop = await db().select().from(loops).where(eq(loops.id, loopId)).get();
 	if (!loop) throw new Error("Loop not found");
-	const waiting = await db().select().from(signals).where(and(eq(signals.loopId, loopId), inArray(signals.outcome, [...WAITING]))).all();
+	const waiting = await db().select().from(signals).where(and(eq(signals.loopId, loopId), inArray(signals.outcome, [...WAITING]), key === void 0 ? void 0 : eq(signals.key, key))).all();
+	if (key !== void 0 && waiting.length === 0) throw new Error("That item is no longer waiting.");
 	for (const row of waiting) {
 		const task = await enqueueSignal({
 			loop,
@@ -264,13 +461,13 @@ var getLoopById_createServerFn_handler = createServerRpc({
 	name: "getLoopById",
 	filename: "src/server/functions/loops.ts"
 }, (opts) => getLoopById.__executeServer(opts));
-var getLoopById = createServerFn({ method: "GET" }).inputValidator((data) => data).handler(getLoopById_createServerFn_handler, async ({ data }) => await getLoop(data.id));
+var getLoopById = createServerFn({ method: "GET" }).validator((data) => data).handler(getLoopById_createServerFn_handler, async ({ data }) => await getLoop(data.id));
 var saveLoop_createServerFn_handler = createServerRpc({
 	id: "e91fc2fd51633c7ca9184fea4beb66fe775ed0b4e6323111a4690da916a78b00",
 	name: "saveLoop",
 	filename: "src/server/functions/loops.ts"
 }, (opts) => saveLoop.__executeServer(opts));
-var saveLoop = createServerFn({ method: "POST" }).inputValidator(edit).handler(saveLoop_createServerFn_handler, async ({ data }) => {
+var saveLoop = createServerFn({ method: "POST" }).validator(edit).handler(saveLoop_createServerFn_handler, async ({ data }) => {
 	const { id, ...values } = data;
 	return id ? await updateLoop(id, values) : await createLoop(values);
 });
@@ -279,13 +476,13 @@ var toggleLoop_createServerFn_handler = createServerRpc({
 	name: "toggleLoop",
 	filename: "src/server/functions/loops.ts"
 }, (opts) => toggleLoop.__executeServer(opts));
-var toggleLoop = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(toggleLoop_createServerFn_handler, async ({ data }) => await setLoopEnabled(data.id, data.enabled));
+var toggleLoop = createServerFn({ method: "POST" }).validator((data) => data).handler(toggleLoop_createServerFn_handler, async ({ data }) => await setLoopEnabled(data.id, data.enabled));
 var removeLoop_createServerFn_handler = createServerRpc({
 	id: "b5a89ca2d07f4ccf2827b5132ca52e7c7a42d584e702b0ab3963b2d5763c35b0",
 	name: "removeLoop",
 	filename: "src/server/functions/loops.ts"
 }, (opts) => removeLoop.__executeServer(opts));
-var removeLoop = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(removeLoop_createServerFn_handler, async ({ data }) => {
+var removeLoop = createServerFn({ method: "POST" }).validator((data) => data).handler(removeLoop_createServerFn_handler, async ({ data }) => {
 	await deleteLoop(data.id);
 	return await listLoops();
 });
@@ -294,18 +491,24 @@ var reorderLoop_createServerFn_handler = createServerRpc({
 	name: "reorderLoop",
 	filename: "src/server/functions/loops.ts"
 }, (opts) => reorderLoop.__executeServer(opts));
-var reorderLoop = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(reorderLoop_createServerFn_handler, async ({ data }) => await moveLoop(data.id, data.direction));
+var reorderLoop = createServerFn({ method: "POST" }).validator((data) => data).handler(reorderLoop_createServerFn_handler, async ({ data }) => await moveLoop(data.id, data.direction));
 var getLoopPollState_createServerFn_handler = createServerRpc({
 	id: "4fd3855e3e9ed954e102071a55b98d91651c9b1e353161f7223768ed6f2b8c28",
 	name: "getLoopPollState",
 	filename: "src/server/functions/loops.ts"
 }, (opts) => getLoopPollState.__executeServer(opts));
-var getLoopPollState = createServerFn({ method: "GET" }).inputValidator((data) => data).handler(getLoopPollState_createServerFn_handler, async ({ data }) => await loopPollState(data.id));
+var getLoopPollState = createServerFn({ method: "GET" }).validator((data) => data).handler(getLoopPollState_createServerFn_handler, async ({ data }) => await loopPollState(data.id));
 var runLoopBacklog_createServerFn_handler = createServerRpc({
 	id: "65494cbfd06143dbd9a012808fbba21163d9902e387869503fb8b68b0674902b",
 	name: "runLoopBacklog",
 	filename: "src/server/functions/loops.ts"
 }, (opts) => runLoopBacklog.__executeServer(opts));
-var runLoopBacklog = createServerFn({ method: "POST" }).inputValidator((data) => data).handler(runLoopBacklog_createServerFn_handler, async ({ data }) => ({ queued: await runBacklog(data.id) }));
+var runLoopBacklog = createServerFn({ method: "POST" }).validator((data) => data).handler(runLoopBacklog_createServerFn_handler, async ({ data }) => ({ queued: await runBacklog(data.id, data.key) }));
+var lookLoopNow_createServerFn_handler = createServerRpc({
+	id: "965ff21ee2f1e1f5a1cb78d50570cbad6f58ccdbdcc7955f02f816a9c0684f8e",
+	name: "lookLoopNow",
+	filename: "src/server/functions/loops.ts"
+}, (opts) => lookLoopNow.__executeServer(opts));
+var lookLoopNow = createServerFn({ method: "POST" }).validator((data) => data).handler(lookLoopNow_createServerFn_handler, async ({ data }) => await lookNow(data.id));
 //#endregion
-export { getLoopById_createServerFn_handler, getLoopPollState_createServerFn_handler, getLoopReadiness_createServerFn_handler, getLoopsPage_createServerFn_handler, removeLoop_createServerFn_handler, reorderLoop_createServerFn_handler, runLoopBacklog_createServerFn_handler, saveLoop_createServerFn_handler, toggleLoop_createServerFn_handler };
+export { getLoopById_createServerFn_handler, getLoopPollState_createServerFn_handler, getLoopReadiness_createServerFn_handler, getLoopsPage_createServerFn_handler, lookLoopNow_createServerFn_handler, removeLoop_createServerFn_handler, reorderLoop_createServerFn_handler, runLoopBacklog_createServerFn_handler, saveLoop_createServerFn_handler, toggleLoop_createServerFn_handler };

package/.output/server/_ssr/loops-DHPjzG-t.mjs

@@ -0,0 +1,217 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { K as require_jsx_runtime, a as MenuPortal, i as MenuPositioner, n as MenuTrigger, o as MenuPopup, q as require_react, r as MenuRoot, s as MenuItem, t as Separator } from "../_libs/@base-ui/react+[...].mjs";
+import { f as Link, m as useRouter } from "../_libs/@tanstack/react-router+[...].mjs";
+import { d as destinationLabel, l as connectorWorkflow, s as connectorManifest } from "./connections-Cqvb6Gw2.mjs";
+import { n as agentManifest } from "./agents-B_qo1gpL.mjs";
+import { B as ArrowUp, C as Ellipsis, N as CircleAlert, V as ArrowDown, i as Trash2, l as Plus } from "../_libs/lucide-react.mjs";
+import { n as toast } from "../_libs/sonner.mjs";
+import { P as cn, _ as Badge, b as removeLoop, s as Route$11, v as Button$1, w as toggleLoop, x as reorderLoop } from "./router-DdwREiOf.mjs";
+import { t as ConnectorIcon } from "./connector-icon-DrhVbhs6.mjs";
+import { a as List, o as PageHeader, t as Empty } from "./page-DZVxKvdn.mjs";
+import { t as Switch$1 } from "./switch-odxNO_S4.mjs";
+import { n as AlertDescription, r as AlertTitle, t as Alert } from "./alert-C2WBWfzo.mjs";
+import { n as useLiveRefresh } from "./use-live-tasks-BzhTkEOL.mjs";
+import { n as issuesFor, t as gapsFor } from "./gaps-CcvHiLcj.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/loops-DHPjzG-t.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+function DropdownMenu({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuRoot, {
+		"data-slot": "dropdown-menu",
+		...props
+	});
+}
+function DropdownMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuTrigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...props
+	});
+}
+function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPositioner, {
+		className: "isolate z-50 outline-none",
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPopup, {
+			"data-slot": "dropdown-menu-content",
+			className: cn("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-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:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className),
+			...props
+		})
+	}) });
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuItem, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", className),
+		...props
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		...props
+	});
+}
+function LoopsPage() {
+	const { loops, readiness } = Route$11.useLoaderData();
+	useLiveRefresh();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageHeader, {
+				title: "Loops",
+				description: "When two loops match the same thing, the higher one runs.",
+				actions: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+					nativeButton: false,
+					render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, { to: "/loops/new" }),
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, {}), "New loop"]
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Gaps, {
+				readiness,
+				loops
+			}),
+			loops.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, {
+				action: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					variant: "outline",
+					nativeButton: false,
+					render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, { to: "/loops/new" }),
+					children: "New loop"
+				}),
+				children: "No loops yet."
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(List, { children: loops.map((loop, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoopRow, {
+				loop,
+				readiness,
+				position: index + 1,
+				first: index === 0,
+				last: index === loops.length - 1
+			}, loop.id)) })
+		]
+	});
+}
+/** What still stands between these loops and running. */
+function Gaps({ readiness, loops }) {
+	const missing = gapsFor(readiness, loops);
+	if (missing.length === 0) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleAlert, {}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: "Nothing will run yet" }),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, {
+			className: "flex flex-col gap-0.5",
+			children: missing.map((line) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: line }, line))
+		})
+	] });
+}
+/** Where this loop answers and with what, in a few words. */
+function summaryOf(loop) {
+	if (!connectorWorkflow(loop.connectorId, loop.workflowId)) return "Workflow no longer offered";
+	const agent = loop.agentId ? agentManifest(loop.agentId) : void 0;
+	return [destinationLabel(loop.actionConnectorId, loop.actionId), agent?.name ?? "Default agent"].join(" · ");
+}
+function LoopRow({ loop, readiness, position, first, last }) {
+	const router = useRouter();
+	const manifest = connectorManifest(loop.connectorId);
+	const issues = issuesFor(readiness, loop);
+	const [busy, setBusy] = (0, import_react.useState)(false);
+	const run = async (work, message) => {
+		setBusy(true);
+		try {
+			await work();
+			await router.invalidate();
+			if (message) toast.success(message);
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : String(error));
+		} finally {
+			setBusy(false);
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-3 px-4 py-3",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "w-4 shrink-0 text-center text-xs text-muted-foreground tabular-nums",
+				children: position
+			}),
+			manifest ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConnectorIcon, {
+				icon: manifest.icon,
+				accent: manifest.accent,
+				className: loop.enabled ? "size-8" : "size-8 opacity-50"
+			}) : null,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+				to: "/loops/$loopId",
+				params: { loopId: loop.id },
+				className: "group min-w-0 flex-1",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "truncate text-sm font-medium group-hover:underline",
+						children: loop.name
+					}), loop.enabled ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+						variant: "secondary",
+						children: "Off"
+					})]
+				}), issues.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+					className: "mt-0.5 flex items-center gap-1 truncate text-xs text-amber-700 dark:text-amber-500",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleAlert, { className: "size-3 shrink-0" }), issues[0]]
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "mt-0.5 truncate text-xs text-muted-foreground",
+					children: summaryOf(loop)
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch$1, {
+				checked: loop.enabled,
+				"aria-label": loop.enabled ? "Turn off" : "Turn on",
+				disabled: busy,
+				onCheckedChange: (enabled) => run(() => toggleLoop({ data: {
+					id: loop.id,
+					enabled
+				} }), enabled ? `${loop.name} is on` : `${loop.name} is off`)
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenu, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuTrigger, {
+				render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": "More",
+					disabled: busy
+				}),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ellipsis, {})
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenuContent, {
+				align: "end",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+						disabled: first,
+						onClick: () => run(() => reorderLoop({ data: {
+							id: loop.id,
+							direction: "up"
+						} })),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUp, {}), "Move up"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+						disabled: last,
+						onClick: () => run(() => reorderLoop({ data: {
+							id: loop.id,
+							direction: "down"
+						} })),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowDown, {}), "Move down"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenuItem, {
+						variant: "destructive",
+						onClick: () => {
+							if (!window.confirm(`Delete ${loop.name}? Its runs are deleted with it.`)) return;
+							run(() => removeLoop({ data: { id: loop.id } }), `Deleted ${loop.name}`);
+						},
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, {}), "Delete"]
+					})
+				]
+			})] })
+		]
+	});
+}
+//#endregion
+export { LoopsPage as component };