loopable-cli 0.2.0 → 0.3.0

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

@@ -0,0 +1,346 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { K as require_jsx_runtime, q as require_react } from "../_libs/@base-ui/react+[...].mjs";
+import { p as useNavigate } from "../_libs/@tanstack/react-router+[...].mjs";
+import { b as writerName, f as isInboxOnly, l as connectorWorkflow, o as connectorAction, s as connectorManifest, x as writers } from "./connections-Cqvb6Gw2.mjs";
+import { t as AGENT_MANIFESTS } from "./agents-B_qo1gpL.mjs";
+import { F as ChevronRight } from "../_libs/lucide-react.mjs";
+import { n as toast } from "../_libs/sonner.mjs";
+import { C as saveLoop, g as Input$1, v as Button$1 } from "./router-DdwREiOf.mjs";
+import { n as Field, s as Section } from "./page-DZVxKvdn.mjs";
+import { a as SelectValue, i as SelectTrigger, n as SelectContent, r as SelectItem, t as Select$1 } from "./select-BtndHhHb.mjs";
+import { t as Textarea } from "./textarea-D2c_vTIC.mjs";
+import { n as initialFieldValues, t as SettingFieldInputs } from "./setting-fields-LNgywAW7.mjs";
+import { n as AlertDescription, r as AlertTitle, t as Alert } from "./alert-C2WBWfzo.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/loop-form-DWwOR05R.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 couple of minutes"
+	},
+	{
+		value: String(6e4),
+		label: "Every minute"
+	},
+	{
+		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"
+	}
+];
+var RUNS_IN = {
+	checkout: "A fresh clone of the repository",
+	folder: "The folder this loop names",
+	temp: "A scratch folder with only what it was given"
+};
+var ANSWER = {
+	review: "A summary, plus comments on lines",
+	code: "A change to the code",
+	text: "One block of text"
+};
+/**
+* The parts of a workflow a loop cannot change: what it asks the service,
+* where the agent runs, and how the answer is read. Folded away, since they
+* are worth checking once and never editing.
+*/
+function WorkflowDetails({ workflow }) {
+	const rows = [];
+	if (workflow.watches) rows.push(["Looks for", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+		className: "font-mono text-xs",
+		children: workflow.watches
+	})]);
+	rows.push(["Runs in", RUNS_IN[workflow.runsIn ?? "temp"]]);
+	rows.push(["Answer", ANSWER[workflow.answer]]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+		suppressHydrationWarning: true,
+		className: "group text-sm",
+		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" }), "Fixed by the trigger"]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dl", {
+			className: "mt-2 grid grid-cols-[6rem_1fr] gap-x-3 gap-y-1.5 rounded-lg bg-muted/50 p-3 text-xs",
+			children: rows.map(([label, value]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "contents",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+					className: "text-muted-foreground",
+					children: label
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: value })]
+			}, label))
+		})]
+	});
+}
+/**
+* A loop is one of a connector's workflows with its own answers to the
+* questions it asks: what narrows it, which agent runs it and with what
+* words, and where the answer goes.
+*
+* 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.
+*/
+function LoopForm({ loop, trigger }) {
+	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 [folder, setFolder] = (0, import_react.useState)(() => {
+		const saved = typeof loop.settings.folder === "string" ? loop.settings.folder : "";
+		return saved.startsWith("~/") ? saved.slice(2) : saved;
+	});
+	const [agentId, setAgentId] = (0, import_react.useState)(loop.agentId ?? DEFAULT_AGENT);
+	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 [written] = (0, import_react.useState)(loop.prompt.trim() !== "");
+	const action = connectorAction(actionConnectorId, actionId);
+	const sourceName = connector?.name ?? loop.connectorId;
+	const chooseDestination = (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: [
+			sourceName,
+			" no longer has ",
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: loop.workflowId }),
+			", so this loop cannot run or be edited. You can still delete it."
+		] })]
+	});
+	const save = async () => {
+		setSaving(true);
+		try {
+			const saved = await saveLoop({ data: {
+				id: loop.id,
+				name,
+				connectorId: loop.connectorId,
+				workflowId: loop.workflowId,
+				prompt,
+				guidance: null,
+				agentId: agentId === DEFAULT_AGENT ? null : agentId,
+				settings: workflow.runsIn === "folder" ? {
+					...settings,
+					folder
+				} : settings,
+				actionConnectorId,
+				actionId,
+				actionTarget,
+				pollEveryMs: Number(pollEveryMs) || null,
+				enabled: loop.enabled
+			} });
+			toast.success(fresh ? `Added ${saved.name}` : `Saved ${saved.name}`);
+			await navigate({
+				to: "/loops/$loopId",
+				params: { loopId: saved.id }
+			});
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : String(error));
+		} finally {
+			setSaving(false);
+		}
+	};
+	const crosses = action && actionConnectorId !== loop.connectorId;
+	const flattens = action && workflow.answer === "review" && !action.accepts.includes("review");
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
+				title: "When",
+				description: `When ${workflow.trigger}.`,
+				children: [
+					trigger,
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, {
+						label: "Name",
+						htmlFor: "loop-name",
+						children: /* @__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)(SettingFieldInputs, {
+						fields: workflow.settings,
+						values: settings,
+						idPrefix: "setting-",
+						onChange: (key, value) => setSettings((prev) => ({
+							...prev,
+							[key]: value
+						}))
+					}),
+					loop.connectorId === "schedule" ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, {
+						label: "Check",
+						htmlFor: "loop-every",
+						className: "sm:max-w-xs",
+						children: /* @__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",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { children: (value) => POLL_CHOICES.find((choice) => choice.value === value)?.label ?? `Every ${Math.round(Number(value) / 6e4)} minutes` })
+							}), /* @__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.jsx)(WorkflowDetails, { workflow })
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
+				title: "Agent",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, {
+						label: "Run with",
+						htmlFor: "loop-agent",
+						className: "sm:max-w-xs",
+						children: /* @__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 ? "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: "Default agent"
+							}), AGENT_MANIFESTS.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+								value: entry.id,
+								children: entry.name
+							}, entry.id))] })]
+						})
+					}),
+					workflow.runsIn === "folder" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, {
+						label: "Folder",
+						htmlFor: "loop-folder",
+						hint: "Inside the runner's home folder. The agent works here.",
+						className: "sm:max-w-sm",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex items-center rounded-lg border border-input focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "pl-2.5 font-mono text-sm text-muted-foreground",
+								children: "~/"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
+								id: "loop-folder",
+								value: folder,
+								placeholder: "code/web",
+								onChange: (event) => setFolder(event.target.value),
+								className: "border-0 pl-1 font-mono shadow-none focus-visible:ring-0"
+							})]
+						})
+					}) : null,
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, {
+						label: "Prompt",
+						htmlFor: "loop-prompt",
+						hint: written ? `Starts as “${workflow.name}”. Changes stay on this loop.` : void 0,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Textarea, {
+							id: "loop-prompt",
+							rows: 10,
+							className: "font-mono text-xs",
+							placeholder: "What should the agent do?",
+							value: prompt,
+							onChange: (event) => setPrompt(event.target.value)
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
+				title: "Answer",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, {
+							label: "Send to",
+							htmlFor: "loop-writer",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+								value: actionConnectorId,
+								onValueChange: (value) => value && chooseDestination(value, connectorManifest(value).actions[0].id),
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
+									id: "loop-writer",
+									className: "w-full",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { children: (value) => writerName(value) })
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: writers().map((writer) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+									value: writer.id,
+									children: writerName(writer.id)
+								}, writer.id)) })]
+							})
+						}), isInboxOnly(actionConnectorId, actionId) ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Field, {
+							label: "As",
+							htmlFor: "loop-action",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select$1, {
+								value: actionId,
+								onValueChange: (value) => value && chooseDestination(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)) })]
+							})
+						})]
+					}),
+					crosses && !isInboxOnly(actionConnectorId, actionId) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+						className: "-mt-2 text-xs text-muted-foreground",
+						children: [
+							sourceName,
+							" and ",
+							writerName(actionConnectorId),
+							" both need a connection."
+						]
+					}) : flattens ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "-mt-2 text-xs text-muted-foreground",
+						children: "Line comments arrive as text, with file and line written in."
+					}) : 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 items-center gap-2 border-t pt-6 md:pl-52",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					onClick: save,
+					disabled: saving,
+					children: saving ? "Saving..." : fresh ? "Add loop" : "Save changes"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					variant: "ghost",
+					onClick: () => navigate(fresh ? { to: "/loops/new" } : {
+						to: "/loops/$loopId",
+						params: { loopId: loop.id }
+					}),
+					disabled: saving,
+					children: "Cancel"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { LoopForm as t };