loopable-cli 0.1.0

package/.output/server/_ssr/loop-form-DlObSewZ.mjs

@@ -0,0 +1,412 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { U as require_jsx_runtime, W as require_react } from "../_libs/@base-ui/react+[...].mjs";
+import { p as useNavigate } from "../_libs/@tanstack/react-router+[...].mjs";
+import { a as connectorManifest, i as connectorAction, s as connectorWorkflow, t as CONNECTOR_MANIFESTS } from "./connections-qnw2GVlP.mjs";
+import { t as AGENT_MANIFESTS } from "./agents-Btql102J.mjs";
+import { L as Bell, z as ArrowRight } from "../_libs/lucide-react.mjs";
+import { n as toast } from "../_libs/sonner.mjs";
+import { C as Button$1, D as saveLoop, L as Card, R as CardContent, S as Input$1, _ as SelectItem, b as Label, g as SelectContent, h as Select$1, v as SelectTrigger, y as SelectValue } from "./router-3WmpE5b_.mjs";
+import { t as Switch$1 } from "./switch-ReNglgH6.mjs";
+import { n as Textarea, r as initialFieldValues, t as SettingFieldInputs } from "./setting-fields-8vKFj4df.mjs";
+import { n as AlertDescription, r as AlertTitle, t as Alert } from "./alert-NEiOCTOl.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/loop-form-DlObSewZ.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+var DEFAULT_AGENT = "__default";
+/** Zero is stored as null: "as often as the dispatcher does" is not a duration. */
+var POLL_CHOICES = [
+	{
+		value: "0",
+		label: "Every time the dispatcher looks"
+	},
+	{
+		value: String(6e5),
+		label: "Every 10 minutes"
+	},
+	{
+		value: String(18e5),
+		label: "Every 30 minutes"
+	},
+	{
+		value: String(36e5),
+		label: "Every hour"
+	},
+	{
+		value: String(144e5),
+		label: "Every 4 hours"
+	}
+];
+/** Connectors that can write at all, for the question of where the answer goes. */
+var WRITERS = CONNECTOR_MANIFESTS.filter((entry) => entry.actions.length > 0);
+/**
+* Shown rather than hidden, and locked rather than editable.
+*
+* These are the parts of a workflow that only mean anything alongside the code
+* that reads them: the query a connector sends, whether the agent gets a
+* checkout, how its answer is parsed. Copying them onto a loop would freeze
+* whatever was true the day it was made, and leaving them off the page would
+* mean nobody could see what their loop actually does.
+*/
+function Locked({ label, value, help, mono }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-2",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+				className: "text-muted-foreground",
+				children: label
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
+				readOnly: true,
+				disabled: true,
+				value,
+				className: mono ? "font-mono text-xs disabled:opacity-100" : "disabled:opacity-100"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-xs text-muted-foreground",
+				children: help
+			})
+		]
+	});
+}
+/**
+* A loop is one of a connector's workflows with its own answers to the
+* questions it asks. Which of those a loop owns is the whole shape of this
+* page: what it looks for and how the answer is read belong to the workflow
+* and are locked, while what narrows it, where it writes and which agent runs
+* it belong to the loop.
+*
+* Serves a loop that exists and one that does not. A loop with no id has been
+* chosen and not saved, so leaving this page is the end of it: nothing was
+* written down, and nothing is watching for anything.
+*/
+function LoopForm({ loop }) {
+	const navigate = useNavigate();
+	const fresh = loop.id === null;
+	const connector = connectorManifest(loop.connectorId);
+	const workflow = connectorWorkflow(loop.connectorId, loop.workflowId);
+	const [name, setName] = (0, import_react.useState)(loop.name);
+	const [prompt, setPrompt] = (0, import_react.useState)(loop.prompt);
+	const [guidance, setGuidance] = (0, import_react.useState)(loop.guidance ?? "");
+	const [agentId, setAgentId] = (0, import_react.useState)(loop.agentId ?? DEFAULT_AGENT);
+	const [enabled, setEnabled] = (0, import_react.useState)(loop.enabled);
+	const [settings, setSettings] = (0, import_react.useState)(() => initialFieldValues(workflow?.settings ?? [], loop.settings));
+	const [pollEveryMs, setPollEveryMs] = (0, import_react.useState)(String(loop.pollEveryMs ?? 0));
+	const [actionConnectorId, setActionConnectorId] = (0, import_react.useState)(loop.actionConnectorId);
+	const [actionId, setActionId] = (0, import_react.useState)(loop.actionId);
+	const [actionTarget, setActionTarget] = (0, import_react.useState)(() => initialFieldValues(connectorAction(loop.actionConnectorId, loop.actionId)?.target ?? [], loop.actionTarget));
+	const [saving, setSaving] = (0, import_react.useState)(false);
+	const action = connectorAction(actionConnectorId, actionId);
+	const writerName = connectorManifest(actionConnectorId)?.name ?? actionConnectorId;
+	/** Changing where the answer goes changes what has to be said about it. */
+	const chooseAction = (connectorId, id) => {
+		setActionConnectorId(connectorId);
+		setActionId(id);
+		setActionTarget(initialFieldValues(connectorAction(connectorId, id)?.target ?? [], {}));
+	};
+	if (!workflow) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
+		variant: "destructive",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: "This workflow is no longer offered" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDescription, { children: [
+			connector?.name ?? loop.connectorId,
+			" used to have ",
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: loop.workflowId }),
+			" and no longer does, so this loop cannot run or be edited. Deleting it is the only thing left to do with it."
+		] })]
+	});
+	const save = async () => {
+		setSaving(true);
+		try {
+			const saved = await saveLoop({ data: {
+				id: loop.id,
+				name,
+				connectorId: loop.connectorId,
+				workflowId: loop.workflowId,
+				prompt,
+				guidance: guidance.trim() || null,
+				agentId: agentId === DEFAULT_AGENT ? null : agentId,
+				settings,
+				actionConnectorId,
+				actionId,
+				actionTarget,
+				pollEveryMs: Number(pollEveryMs) || null,
+				enabled
+			} });
+			toast.success(fresh ? `Added "${saved.name}"` : `Saved ${saved.name}`);
+			await navigate({ to: "/loops" });
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : String(error));
+		} finally {
+			setSaving(false);
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+			className: "flex flex-col gap-5 pt-6",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-start gap-3 rounded-lg bg-muted/50 p-4 text-sm",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Bell, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+							"When ",
+							workflow.trigger,
+							", ",
+							connector?.name ?? loop.connectorId,
+							" hands it to an agent."
+						] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+							className: "flex items-center gap-1.5 text-muted-foreground",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowRight, { className: "size-3.5 shrink-0" }), action ? `Then, on ${writerName}: ${action.name.toLowerCase()}.` : "Where the answer goes is no longer offered; choose again below."]
+						})]
+					})]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-2",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+							htmlFor: "loop-name",
+							children: "Name"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
+							id: "loop-name",
+							value: name,
+							onChange: (event) => setName(event.target.value)
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Only for your benefit, and worth changing if you run this workflow more than once."
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Locked, {
+					label: "What it looks for",
+					mono: true,
+					value: workflow.watches ?? "Nothing is asked for; it arrives as it happens",
+					help: workflow.watches ? `Word for word what Loopable asks ${connector?.name ?? loop.connectorId} every couple of minutes${workflow.settings.length > 0 ? ", before anything below narrows it further." : "."}` : `${connector?.name ?? loop.connectorId} sends this over as it happens, and Loopable picks it up within a couple of minutes.`
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Locked, {
+					label: "Where the agent runs",
+					value: workflow.runsIn === "checkout" ? "In a scratch directory; the prompt tells the agent to clone" : workflow.runsIn === "folder" ? "In the folder this loop names" : "In a scratch directory holding only what it was given",
+					help: workflow.runsIn === "checkout" ? "The agent clones the repository with that machine's git. Loopable's GitHub account is not used to clone, and is only used afterwards to write the review or open the pull request." : workflow.runsIn === "folder" ? "This job reads real code to do its work, so it runs in a real checkout. It does not write there: anything it changed would be sitting in your working copy." : "The agent gets the files it was given and nothing else."
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Locked, {
+					label: "How its answer is read",
+					value: workflow.answer === "review" ? "A summary, plus points attached to lines" : workflow.answer === "code" ? "A change to the code, described in a sentence or two" : "One block of text",
+					help: "Part of how this job works rather than a preference, so it is fixed here and cannot drift from the code that parses it."
+				}),
+				workflow.settings.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-5 rounded-lg border p-4",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "text-sm font-medium",
+						children: "Only when"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SettingFieldInputs, {
+						fields: workflow.settings,
+						values: settings,
+						idPrefix: "setting-",
+						onChange: (key, value) => setSettings((prev) => ({
+							...prev,
+							[key]: value
+						}))
+					})]
+				}) : null,
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-5 rounded-lg border p-4",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col gap-2",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+								className: "text-sm font-medium",
+								children: "Where the answer goes"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Usually back to whatever triggered the loop, which is what this started as. It does not have to be, and it does not have to be the same service."
+							})]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col gap-4 sm:flex-row",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex flex-1 flex-col gap-2",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+									htmlFor: "loop-action-connector",
+									children: "Service"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+									value: actionConnectorId,
+									onValueChange: (value) => value && chooseAction(value, connectorManifest(value).actions[0].id),
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+										id: "loop-action-connector",
+										className: "w-full",
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { children: (value) => connectorManifest(value)?.name ?? value })
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: WRITERS.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+										value: entry.id,
+										children: entry.name
+									}, entry.id)) })]
+								})]
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex flex-1 flex-col gap-2",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+									htmlFor: "loop-action",
+									children: "What it does there"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+									value: actionId,
+									onValueChange: (value) => value && chooseAction(actionConnectorId, value),
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+										id: "loop-action",
+										className: "w-full",
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { children: (value) => connectorAction(actionConnectorId, value)?.name ?? value })
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: (connectorManifest(actionConnectorId)?.actions ?? []).map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+										value: entry.id,
+										children: entry.name
+									}, entry.id)) })]
+								})]
+							})]
+						}),
+						action ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "text-xs text-muted-foreground",
+							children: action.summary
+						}) : null,
+						action && actionConnectorId !== loop.connectorId ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: "This writes somewhere it did not read" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDescription, { children: [
+							writerName,
+							" has no way to answer something on",
+							" ",
+							connector?.name ?? loop.connectorId,
+							", so choose below where this should land. Both accounts have to be connected for the loop to run."
+						] })] }) : null,
+						action && workflow.answer === "review" && !action.accepts.includes("review") ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "text-xs text-muted-foreground",
+							children: "This cannot attach a comment to a line, so the review arrives as prose with the file and line of each point written into it. Nothing is dropped."
+						}) : null,
+						action && action.target.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SettingFieldInputs, {
+							fields: action.target,
+							values: actionTarget,
+							idPrefix: "target-",
+							onChange: (key, value) => setActionTarget((prev) => ({
+								...prev,
+								[key]: value
+							}))
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-2",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+							htmlFor: "loop-prompt",
+							children: "What the agent is asked to do"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "text-xs text-muted-foreground",
+							children: fresh ? `Copied from “${workflow.name}”, and yours once you save. Editing it here changes nothing anywhere else, and a later version of that workflow will not change it back.` : `Copied from “${workflow.name}” when this loop was made, and yours now. Editing it here changes nothing anywhere else, and a later version of that workflow will not change it back.`
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Textarea, {
+							id: "loop-prompt",
+							rows: 12,
+							className: "font-mono text-xs",
+							value: prompt,
+							onChange: (event) => setPrompt(event.target.value)
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-2",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+							htmlFor: "loop-guidance",
+							children: "Anything else the agent should know"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Optional, and added after what you asked above. For a standing note about your team rather than about the job, so the two do not have to be untangled later."
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Textarea, {
+							id: "loop-guidance",
+							rows: 4,
+							value: guidance,
+							placeholder: workflow.guidancePlaceholder,
+							onChange: (event) => setGuidance(event.target.value)
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-2",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+							htmlFor: "loop-every",
+							children: "How often to look"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Waiting longer is not only about being polite to the service. Anything that decides what deserves an agent by weighing a batch needs a batch to weigh, and looking constantly means finding one thing at a time and running all of them."
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+							value: pollEveryMs,
+							onValueChange: (value) => value && setPollEveryMs(value),
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+								id: "loop-every",
+								className: "w-full sm:max-w-xs",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { children: (value) => POLL_CHOICES.find((choice) => choice.value === value)?.label ?? value })
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: POLL_CHOICES.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+								value: choice.value,
+								children: choice.label
+							}, choice.value)) })]
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-2 sm:max-w-xs",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+							htmlFor: "loop-agent",
+							children: "Run it with"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+							value: agentId,
+							onValueChange: (value) => value && setAgentId(value),
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+								id: "loop-agent",
+								className: "w-full",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { children: (value) => value === DEFAULT_AGENT ? "The default agent" : AGENT_MANIFESTS.find((entry) => entry.id === value)?.name ?? value })
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectContent, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+								value: DEFAULT_AGENT,
+								children: "The default agent"
+							}), AGENT_MANIFESTS.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+								value: entry.id,
+								children: entry.name
+							}, entry.id))] })]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "text-xs text-muted-foreground",
+							children: "The dispatcher picks an online runner that has this agent signed in."
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-center justify-between gap-4 border-t pt-5",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+						htmlFor: "loop-enabled",
+						children: "Enabled"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "mt-1 text-xs text-muted-foreground",
+						children: "A disabled loop is kept but never matches."
+					})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch$1, {
+						id: "loop-enabled",
+						checked: enabled,
+						onCheckedChange: setEnabled
+					})]
+				})
+			]
+		}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				onClick: save,
+				disabled: saving,
+				children: saving ? fresh ? "Adding..." : "Saving..." : fresh ? "Add loop" : "Save loop"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				variant: "ghost",
+				onClick: () => navigate({ to: fresh ? "/loops/new" : "/loops" }),
+				disabled: saving,
+				children: "Cancel"
+			})]
+		})]
+	});
+}
+//#endregion
+export { LoopForm as t };