loopable-cli 0.1.0

package/.output/server/_taskId-CXS3lod0.mjs

@@ -0,0 +1,249 @@
+import { i as __toESM } from "./_runtime.mjs";
+import { U as require_jsx_runtime, W as require_react } from "./_libs/@base-ui/react+[...].mjs";
+import { f as Link, m as useRouter } from "./_libs/@tanstack/react-router+[...].mjs";
+import { a as connectorManifest, i as connectorAction } from "./_ssr/connections-qnw2GVlP.mjs";
+import { B as ArrowLeft, C as ExternalLink, E as CircleStop, g as Loader, x as FileCode } from "./_libs/lucide-react.mjs";
+import { n as toast } from "./_libs/sonner.mjs";
+import { A as stopTask, B as CardTitle, C as Button$1, I as Badge, L as Card, R as CardContent, c as Route$12, m as isTaskActive, p as useLiveTasks, z as CardHeader } from "./_ssr/router-3WmpE5b_.mjs";
+import { n as AlertDescription, r as AlertTitle, t as Alert } from "./_ssr/alert-NEiOCTOl.mjs";
+import { i as taskTitle, r as TaskStateLabel, t as KIND_LABEL } from "./_ssr/task-list-CUITIqkb.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/_taskId-CXS3lod0.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+function TaskPage() {
+	const { task, log } = Route$12.useLoaderData();
+	const writer = connectorManifest(task.actionConnectorId);
+	const action = connectorAction(task.actionConnectorId, task.actionId);
+	useLiveTasks([task]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+				to: "/inbox",
+				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" }), "Inbox"]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
+				className: "flex items-start gap-4",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+						className: "text-xl font-semibold tracking-tight",
+						children: taskTitle(task)
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+						className: "mt-1 text-sm text-muted-foreground",
+						children: [
+							task.sourceRef,
+							" ·",
+							" ",
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+								to: "/loops/$loopId",
+								params: { loopId: task.loopId },
+								className: "underline",
+								children: task.loopName
+							})
+						]
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col items-end gap-2",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskStateLabel, { state: task.state }),
+						task.dryRun ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+							variant: "outline",
+							children: "Dry run"
+						}) : null,
+						isTaskActive(task.state) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StopButton, { task }) : null
+					]
+				})]
+			}),
+			task.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
+				variant: task.state === "failed" ? "destructive" : void 0,
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: task.state === "failed" ? "This run failed" : task.state === "cancelled" ? "Stopped before it finished" : "Waiting to try again" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, {
+					className: "whitespace-pre-wrap",
+					children: task.error
+				})]
+			}) : null,
+			task.state === "skipped" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: "Nothing was written" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, { children: "The agent judged there was nothing worth posting, so Loopable stayed quiet." })] }) : null,
+			task.output ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
+				className: "flex flex-row items-center gap-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+					className: "flex-1 text-base",
+					children: task.state === "done" ? "What was written" : "What the agent wrote"
+				}), task.resultUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+					variant: "outline",
+					size: "sm",
+					nativeButton: false,
+					render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+						href: task.resultUrl,
+						target: "_blank",
+						rel: "noreferrer"
+					}),
+					children: [
+						"See it on ",
+						writer?.name ?? task.actionConnectorId,
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExternalLink, {})
+					]
+				}) : null]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+				className: "flex flex-col gap-4",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+					className: "whitespace-pre-wrap break-words text-sm",
+					children: task.output
+				}), task.comments.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comments, { comments: task.comments }) : null]
+			})] }) : null,
+			log ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AgentLog, {
+				log,
+				live: isTaskActive(task.state)
+			}) : null,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+				className: "text-base",
+				children: "How this ran"
+			}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+				className: "flex flex-col gap-3 text-sm",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+						label: "Source",
+						children: task.sourceUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
+							href: task.sourceUrl,
+							target: "_blank",
+							rel: "noreferrer",
+							className: "inline-flex items-center gap-1 underline",
+							children: [
+								KIND_LABEL[task.sourceKind],
+								" ",
+								task.sourceRef,
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExternalLink, { className: "size-3" })
+							]
+						}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+							KIND_LABEL[task.sourceKind],
+							" ",
+							task.sourceRef
+						] })
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Row, {
+						label: "Action",
+						children: [action?.name ?? task.actionId, task.actionConnectorId === task.connectorId ? null : ` on ${writer?.name ?? task.actionConnectorId}`]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+						label: "Agent",
+						children: task.agentId ?? "unknown"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+						label: "Queued",
+						children: new Date(task.createdAt).toLocaleString()
+					}),
+					task.attempts > 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+						label: "Attempt",
+						children: task.attempts
+					}) : null,
+					task.durationMs ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Row, {
+						label: "Took",
+						children: [(task.durationMs / 1e3).toFixed(1), "s"]
+					}) : null,
+					task.agentCommand ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Command"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+						className: "mt-1 overflow-x-auto rounded-md bg-muted p-2.5 text-xs",
+						children: task.agentCommand
+					})] }) : null
+				]
+			})] })
+		]
+	});
+}
+/**
+* The findings that go on the lines rather than in the body. Shown separately
+* because that is what they are: on GitHub they will be spread across the
+* diff, and this is the only place they can be read as a list.
+*/
+function Comments({ comments }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-3 border-t pt-4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "text-xs text-muted-foreground",
+			children: comments.length === 1 ? "One comment, on the line it is about" : `${comments.length} comments, each on the line it is about`
+		}), comments.map((comment, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-1",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+				className: "flex items-center gap-1.5 font-mono text-xs text-muted-foreground",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileCode, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "truncate",
+					children: [
+						comment.path,
+						":",
+						comment.startLine ? `${comment.startLine}-${comment.line}` : comment.line
+					]
+				})]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+				className: "whitespace-pre-wrap break-words border-l-2 pl-3 text-sm",
+				children: comment.body
+			})]
+		}, `${comment.path}:${comment.line}:${index}`))]
+	});
+}
+/**
+* Everything the agent printed, as it prints it. Four minutes of a spinner
+* tells you nothing; this is what tells you the run is alive, and afterwards
+* it is the only place that explains a failure.
+*/
+function AgentLog({ log, live }) {
+	const box = (0, import_react.useRef)(null);
+	(0, import_react.useEffect)(() => {
+		if (live && box.current) box.current.scrollTop = box.current.scrollHeight;
+	}, [live, log]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardHeader, {
+		className: "flex flex-row items-center gap-3",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, {
+			className: "flex-1 text-base",
+			children: "Agent log"
+		}), live ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Loader, { className: "size-3.5 animate-spin" }), "still running"]
+		}) : null]
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+		ref: box,
+		className: "max-h-80 overflow-auto rounded-md bg-muted p-2.5 text-xs leading-relaxed whitespace-pre-wrap break-words",
+		children: log
+	}) })] });
+}
+/**
+* The run is in the other process, so this only leaves a note. The dispatcher
+* sees it when it next renews its claim, which is why the button says it has
+* been asked for rather than pretending it is already done.
+*/
+function StopButton({ task }) {
+	const router = useRouter();
+	const [asked, setAsked] = (0, import_react.useState)(task.cancelRequested);
+	const stop = async () => {
+		setAsked(true);
+		try {
+			await stopTask({ data: { id: task.id } });
+			await router.invalidate();
+		} catch (error) {
+			setAsked(false);
+			toast.error(error instanceof Error ? error.message : String(error));
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+		variant: "outline",
+		size: "sm",
+		onClick: stop,
+		disabled: asked,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleStop, {}), asked ? "Stopping" : "Stop"]
+	});
+}
+function Row({ label, children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex gap-3",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "w-20 shrink-0 text-xs text-muted-foreground",
+			children: label
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "text-sm",
+			children
+		})]
+	});
+}
+//#endregion
+export { TaskPage as component };