loopable-cli 0.2.1 → 0.3.0

package/.output/server/_libs/@tanstack/react-router+[...].mjs

@@ -1,5 +1,5 @@
 import { i as __toESM, r as __require, t as __commonJSMin } from "../../_runtime.mjs";
-import { H as require_with_selector, U as require_jsx_runtime, V as require_react_dom, W as require_react } from "../@base-ui/react+[...].mjs";
+import { G as require_with_selector, K as require_jsx_runtime, W as require_react_dom, q as require_react } from "../@base-ui/react+[...].mjs";
 import { n as parseHref } from "../tanstack__history.mjs";
 import { PassThrough, Readable } from "node:stream";
 import { ReadableStream as ReadableStream$1 } from "node:stream/web";

package/.output/server/_libs/lucide-react.mjs

@@ -1,5 +1,5 @@
 import { i as __toESM } from "../_runtime.mjs";
-import { W as require_react } from "./@base-ui/react+[...].mjs";
+import { q as require_react } from "./@base-ui/react+[...].mjs";
 //#region node_modules/.pnpm/lucide-react@1.39.0_react@19.2.0/node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
 /**
@@ -142,32 +142,6 @@ var ArrowDown = createLucideIcon("arrow-down", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-var ArrowLeft = createLucideIcon("arrow-left", [["path", {
-	d: "m12 19-7-7 7-7",
-	key: "1l729n"
-}], ["path", {
-	d: "M19 12H5",
-	key: "x3x0zl"
-}]]);
-/**
-* @license lucide-react v1.39.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var ArrowRight = createLucideIcon("arrow-right", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}], ["path", {
-	d: "m12 5 7 7-7 7",
-	key: "xquz4c"
-}]]);
-/**
-* @license lucide-react v1.39.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
 var ArrowUp = createLucideIcon("arrow-up", [["path", {
 	d: "m5 12 7-7 7 7",
 	key: "hav0vg"
@@ -181,19 +155,6 @@ var ArrowUp = createLucideIcon("arrow-up", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-var Bell = createLucideIcon("bell", [["path", {
-	d: "M10.268 21a2 2 0 0 0 3.464 0",
-	key: "vwvbt9"
-}], ["path", {
-	d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
-	key: "11g9vi"
-}]]);
-/**
-* @license lucide-react v1.39.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
 var Bot = createLucideIcon("bot", [
 	["path", {
 		d: "M12 8V4H8",
@@ -250,6 +211,26 @@ var ChevronDown = createLucideIcon("chevron-down", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var ChevronLeft = createLucideIcon("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]);
+/**
+* @license lucide-react v1.39.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var ChevronRight = createLucideIcon("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]);
+/**
+* @license lucide-react v1.39.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var ChevronUp = createLucideIcon("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
 	key: "153udz"
@@ -435,6 +416,50 @@ var Clock = createLucideIcon("clock", [["circle", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Copy = createLucideIcon("copy", [["rect", {
+	width: "14",
+	height: "14",
+	x: "8",
+	y: "8",
+	rx: "2",
+	ry: "2",
+	key: "17jyea"
+}], ["path", {
+	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
+	key: "zix9uf"
+}]]);
+/**
+* @license lucide-react v1.39.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var Ellipsis = createLucideIcon("ellipsis", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "1",
+		key: "41hilf"
+	}],
+	["circle", {
+		cx: "19",
+		cy: "12",
+		r: "1",
+		key: "1wjl8i"
+	}],
+	["circle", {
+		cx: "5",
+		cy: "12",
+		r: "1",
+		key: "1pcz8c"
+	}]
+]);
+/**
+* @license lucide-react v1.39.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var ExternalLink = createLucideIcon("external-link", [
 	["path", {
 		d: "M15 3h6v6",
@@ -455,21 +480,6 @@ var ExternalLink = createLucideIcon("external-link", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-var Eye = createLucideIcon("eye", [["path", {
-	d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
-	key: "1nclc0"
-}], ["circle", {
-	cx: "12",
-	cy: "12",
-	r: "3",
-	key: "1v7zrd"
-}]]);
-/**
-* @license lucide-react v1.39.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
 var FileCode = createLucideIcon("file-code", [
 	["path", {
 		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
@@ -607,26 +617,18 @@ var Loader = createLucideIcon("loader", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-var MousePointerClick = createLucideIcon("mouse-pointer-click", [
+var MessageSquarePlus = createLucideIcon("message-square-plus", [
 	["path", {
-		d: "M14 4.1 12 6",
-		key: "ita8i4"
+		d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+		key: "18887p"
 	}],
 	["path", {
-		d: "m5.1 8-2.9-.8",
-		key: "1go3kf"
+		d: "M12 8v6",
+		key: "1ib9pf"
 	}],
 	["path", {
-		d: "m6 12-1.9 2",
-		key: "mnht97"
-	}],
-	["path", {
-		d: "M7.2 2.2 8 5.1",
-		key: "1cfko1"
-	}],
-	["path", {
-		d: "M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z",
-		key: "s0h3yz"
+		d: "M9 11h6",
+		key: "1fldmi"
 	}]
 ]);
 /**
@@ -672,6 +674,26 @@ var PanelLeft = createLucideIcon("panel-left", [["rect", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var PencilLine = createLucideIcon("pencil-line", [
+	["path", {
+		d: "M13 21h8",
+		key: "1jsn5i"
+	}],
+	["path", {
+		d: "m15 5 4 4",
+		key: "1mk7zo"
+	}],
+	["path", {
+		d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+		key: "1a8usu"
+	}]
+]);
+/**
+* @license lucide-react v1.39.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Play = createLucideIcon("play", [["path", {
 	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
 	key: "10ikf1"
@@ -811,19 +833,6 @@ var Settings = createLucideIcon("settings", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-var Terminal = createLucideIcon("terminal", [["path", {
-	d: "M12 19h8",
-	key: "baeox8"
-}], ["path", {
-	d: "m4 17 6-6-6-6",
-	key: "1yngyt"
-}]]);
-/**
-* @license lucide-react v1.39.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
 var Trash2 = createLucideIcon("trash-2", [
 	["path", {
 		d: "M10 11v6",
@@ -908,4 +917,4 @@ var X = createLucideIcon("x", [["path", {
 	key: "d8bk6v"
 }]]);
 //#endregion
-export { CircleMinus as A, ArrowLeft as B, ExternalLink as C, CircleSlash as D, CircleStop as E, Check as F, Bot as I, Bell as L, CircleAlert as M, ChevronUp as N, CirclePlay as O, ChevronDown as P, ArrowUp as R, Eye as S, CircleX as T, ArrowDown as V, LoaderCircle as _, Terminal as a, FileText as b, RotateCcw as c, Plug as d, Play as f, Loader as g, MousePointerClick as h, Trash2 as i, CircleCheck as j, CirclePause as k, RefreshCw as l, OctagonX as m, Workflow as n, Settings as o, PanelLeft as p, TriangleAlert as r, Server as s, X as t, Plus as u, Info as v, Clock as w, FileCode as x, Inbox as y, ArrowRight as z };
+export { CirclePause as A, ArrowUp as B, Ellipsis as C, CircleStop as D, CircleX as E, ChevronRight as F, ChevronLeft as I, ChevronDown as L, CircleCheck as M, CircleAlert as N, CircleSlash as O, ChevronUp as P, Check as R, ExternalLink as S, Clock as T, ArrowDown as V, LoaderCircle as _, Settings as a, FileText as b, RefreshCw as c, Play as d, PencilLine as f, Loader as g, MessageSquarePlus as h, Trash2 as i, CircleMinus as j, CirclePlay as k, Plus as l, OctagonX as m, Workflow as n, Server as o, PanelLeft as p, TriangleAlert as r, RotateCcw as s, X as t, Plug as u, Info as v, Copy as w, FileCode as x, Inbox as y, Bot as z };

package/.output/server/_libs/next-themes.mjs

@@ -1,5 +1,5 @@
 import { i as __toESM } from "../_runtime.mjs";
-import { W as require_react } from "./@base-ui/react+[...].mjs";
+import { q as require_react } from "./@base-ui/react+[...].mjs";
 //#region node_modules/.pnpm/next-themes@0.4.6_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next-themes/dist/index.mjs
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
 var M = (e, i, s, u, m, a, l, h) => {

package/.output/server/_libs/sonner.mjs

@@ -1,5 +1,5 @@
 import { i as __toESM } from "../_runtime.mjs";
-import { V as require_react_dom, W as require_react } from "./@base-ui/react+[...].mjs";
+import { W as require_react_dom, q as require_react } from "./@base-ui/react+[...].mjs";
 //#region node_modules/.pnpm/sonner@2.0.8_@types+react@19.2.18_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/sonner/dist/index.mjs
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
 var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1);

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

@@ -0,0 +1,310 @@
+import { i as __toESM } from "./_runtime.mjs";
+import { K as require_jsx_runtime, q as require_react } from "./_libs/@base-ui/react+[...].mjs";
+import { m as useRouter, p as useNavigate } from "./_libs/@tanstack/react-router+[...].mjs";
+import { d as destinationLabel, s as connectorManifest } from "./_ssr/connections-Cqvb6Gw2.mjs";
+import { n as agentManifest } from "./_ssr/agents-B_qo1gpL.mjs";
+import { F as ChevronRight, N as CircleAlert, c as RefreshCw, d as Play, i as Trash2 } from "./_libs/lucide-react.mjs";
+import { n as toast } from "./_libs/sonner.mjs";
+import { S as runLoopBacklog, T as runLoopNow, _ as Badge, b as removeLoop, g as Input$1, o as Route$10, v as Button$1, w as toggleLoop, y as lookLoopNow } from "./_ssr/router-DdwREiOf.mjs";
+import { t as ConnectorIcon } from "./_ssr/connector-icon-DrhVbhs6.mjs";
+import { a as List, i as LinkTabs, o as PageHeader, r as Label, s as Section } from "./_ssr/page-DZVxKvdn.mjs";
+import { t as Switch$1 } from "./_ssr/switch-odxNO_S4.mjs";
+import { n as AlertDescription, r as AlertTitle, t as Alert } from "./_ssr/alert-C2WBWfzo.mjs";
+import { t as ago } from "./_ssr/time-Cy8TZP0Z.mjs";
+import { n as useLiveRefresh } from "./_ssr/use-live-tasks-BzhTkEOL.mjs";
+import { n as TaskList } from "./_ssr/task-list-Dnmq_WeE.mjs";
+import { t as LoopForm } from "./_ssr/loop-form-DWwOR05R.mjs";
+import { n as issuesFor } from "./_ssr/gaps-CcvHiLcj.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/_loopId-CZh6_Yhr.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+function useAction() {
+	const router = useRouter();
+	const [busy, setBusy] = (0, import_react.useState)(null);
+	const run = async (key, work) => {
+		setBusy(key);
+		try {
+			const message = await work();
+			await router.invalidate();
+			if (message) toast.success(message);
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : String(error));
+		} finally {
+			setBusy(null);
+		}
+	};
+	return {
+		busy,
+		run
+	};
+}
+function LoopPage() {
+	const { loop, tasks, poll, readiness } = Route$10.useLoaderData();
+	const { tab = "settings" } = Route$10.useSearch();
+	useLiveRefresh();
+	const issues = issuesFor(readiness, loop);
+	const connector = connectorManifest(loop.connectorId);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageHeader, {
+				back: {
+					to: "/loops",
+					label: "Loops"
+				},
+				icon: connector ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConnectorIcon, {
+					icon: connector.icon,
+					accent: connector.accent
+				}) : null,
+				title: loop.name,
+				actions: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeaderActions, { loop }),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Summary, {
+					loop,
+					poll
+				})
+			}),
+			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: "Cannot run yet" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, {
+					className: "flex flex-col gap-0.5",
+					children: issues.map((line) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: line }, line))
+				})
+			] }) : null,
+			loop.enabled && poll.pollError ? /* @__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 check failed" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, { children: poll.pollError })
+				]
+			}) : null,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkTabs, { items: [{
+				label: "Settings",
+				to: "/loops/$loopId",
+				params: { loopId: loop.id },
+				search: {},
+				active: tab === "settings"
+			}, {
+				label: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: ["Tasks", tasks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-xs text-muted-foreground",
+					children: tasks.length
+				}) : null] }),
+				to: "/loops/$loopId",
+				params: { loopId: loop.id },
+				search: { tab: "tasks" },
+				active: tab === "tasks"
+			}] }),
+			tab === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoopForm, { loop }, loop.id), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DeleteLoop, { loop })]
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-4",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TryOnLink, { loop }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(NotRun, {
+						loop,
+						poll
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskList, {
+						tasks,
+						showLoop: false,
+						empty: "No runs yet."
+					})
+				]
+			})
+		]
+	});
+}
+/** One line under the title: where it answers, with what, and when it last looked. */
+function Summary({ loop, poll }) {
+	const agent = loop.agentId ? agentManifest(loop.agentId) : void 0;
+	const parts = [
+		destinationLabel(loop.actionConnectorId, loop.actionId),
+		agent?.name ?? "Default agent",
+		loop.enabled ? poll.polledAt ? `Checked ${ago(poll.polledAt)}` : "Not checked yet" : null
+	].filter(Boolean);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+		suppressHydrationWarning: true,
+		className: "mt-1 flex flex-wrap items-center gap-x-2 text-sm text-muted-foreground",
+		children: [loop.enabled ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+			variant: "secondary",
+			children: "Off"
+		}), parts.join(" · ")]
+	});
+}
+function HeaderActions({ loop }) {
+	const { busy, run } = useAction();
+	const byHand = connectorManifest(loop.connectorId)?.byHand.kind ?? "none";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [byHand === "now" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+		variant: "outline",
+		size: "sm",
+		disabled: busy !== null,
+		onClick: () => run("run", async () => {
+			await runLoopNow({ data: {
+				loopId: loop.id,
+				url: "",
+				dryRun: false
+			} });
+			return "Queued";
+		}),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Play, {}), "Run now"]
+	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+		variant: "outline",
+		size: "sm",
+		disabled: busy !== null || !loop.enabled,
+		onClick: () => run("look", async () => {
+			const report = await lookLoopNow({ data: { id: loop.id } });
+			if (report.error) throw new Error(report.error);
+			return "Checked";
+		}),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RefreshCw, { className: busy === "look" ? "animate-spin" : void 0 }), "Check now"]
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
+		className: "flex items-center gap-2 pl-1 text-sm",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch$1, {
+			checked: loop.enabled,
+			disabled: busy !== null,
+			onCheckedChange: (enabled) => run("toggle", async () => {
+				await toggleLoop({ data: {
+					id: loop.id,
+					enabled
+				} });
+				return enabled ? "Turned on" : "Turned off";
+			})
+		}), loop.enabled ? "On" : "Off"]
+	})] });
+}
+/**
+* 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.
+*/
+function NotRun({ loop, poll }) {
+	const { busy, run } = useAction();
+	if (poll.backlog.length === 0) return null;
+	const held = poll.backlog.filter((item) => item.hold).length;
+	const before = poll.backlog.length - held;
+	const reasons = [before > 0 ? `${before} ${before === 1 ? "was" : "were"} open before this loop` : null, held > 0 ? `${held} held back by a rule` : null].filter(Boolean);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+		suppressHydrationWarning: true,
+		className: "group",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", {
+			className: "flex w-fit cursor-pointer list-none items-center gap-1 text-xs text-muted-foreground hover:text-foreground",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "size-3.5 transition-transform group-open:rotate-90" }),
+				poll.backlog.length,
+				" not run · ",
+				reasons.join(", ")
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(List, {
+			className: "mt-2",
+			children: poll.backlog.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-3 px-4 py-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "min-w-0 flex-1 truncate text-sm",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-muted-foreground",
+							children: item.sourceRef
+						}),
+						" ",
+						item.sourceTitle,
+						item.hold ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: "text-xs text-amber-700 dark:text-amber-500",
+							children: [" · ", item.hold]
+						}) : null
+					]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+					variant: "ghost",
+					size: "sm",
+					disabled: busy !== null,
+					onClick: () => run(item.key, async () => {
+						await runLoopBacklog({ data: {
+							id: loop.id,
+							key: item.key
+						} });
+						return "Queued";
+					}),
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Play, {}), "Run"]
+				})]
+			}, item.key))
+		})]
+	});
+}
+/** Run the loop on one link, by hand, without waiting for something to arrive. */
+function TryOnLink({ loop }) {
+	const { busy, run } = useAction();
+	const [url, setUrl] = (0, import_react.useState)("");
+	const [dryRun, setDryRun] = (0, import_react.useState)(true);
+	const manifest = connectorManifest(loop.connectorId);
+	if (manifest?.byHand.kind !== "link") return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
+		className: "flex flex-col gap-2 sm:flex-row sm:items-center",
+		onSubmit: (event) => {
+			event.preventDefault();
+			run("try", async () => {
+				await runLoopNow({ data: {
+					loopId: loop.id,
+					url: url.trim(),
+					dryRun
+				} });
+				setUrl("");
+				return dryRun ? "Queued as a dry run" : "Queued";
+			});
+		},
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
+			"aria-label": `${manifest.name} link`,
+			value: url,
+			placeholder: `Try on a link: ${manifest.byHand.placeholder}`,
+			onChange: (event) => setUrl(event.target.value),
+			className: "flex-1"
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Label, {
+				className: "flex items-center gap-2 font-normal text-muted-foreground",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch$1, {
+					checked: dryRun,
+					onCheckedChange: setDryRun
+				}), "Dry run"]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+				type: "submit",
+				disabled: busy !== null || url.trim() === "",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Play, {}), "Run"]
+			})]
+		})]
+	});
+}
+function DeleteLoop({ loop }) {
+	const navigate = useNavigate();
+	const [busy, setBusy] = (0, import_react.useState)(false);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+		title: "Delete",
+		className: "mt-6",
+		children: /* @__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-sm text-muted-foreground",
+				children: "Its runs are deleted with it."
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+				variant: "destructive",
+				size: "sm",
+				disabled: busy,
+				onClick: async () => {
+					if (!window.confirm(`Delete ${loop.name}?`)) return;
+					setBusy(true);
+					try {
+						await removeLoop({ data: { id: loop.id } });
+						toast.success(`Deleted ${loop.name}`);
+						await navigate({ to: "/loops" });
+					} catch (error) {
+						toast.error(error instanceof Error ? error.message : String(error));
+						setBusy(false);
+					}
+				},
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, {}), "Delete loop"]
+			})]
+		})
+	});
+}
+//#endregion
+export { LoopPage as component };