loopable-cli 0.2.0 → 0.3.0

package/.output/server/_ssr/use-live-tasks-BzhTkEOL.mjs

@@ -0,0 +1,40 @@
+import { i as __toESM } from "../_runtime.mjs";
+import { q as require_react } from "../_libs/@base-ui/react+[...].mjs";
+import { m as useRouter } from "../_libs/@tanstack/react-router+[...].mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/use-live-tasks-BzhTkEOL.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+/**
+* States still in flight. Used by the pages to know when
+* to keep looking, and by the reaper to find runs a dead process abandoned.
+*/
+var TASK_ACTIVE_STATES = [
+	"queued",
+	"preparing",
+	"awaiting_agent",
+	"applying"
+];
+function isTaskActive(state) {
+	return TASK_ACTIVE_STATES.includes(state);
+}
+/**
+* The work happens in the dispatcher, so the page has to go and look. Polling only
+* while something is actually running keeps an idle inbox quiet.
+*/
+function useLiveTasks(states, everyMs = 2e3) {
+	useLiveRefresh(everyMs, states.some((task) => isTaskActive(task.state)));
+}
+/** Runner inventory changes without this page doing anything, so it looks again. */
+function useLiveRefresh(everyMs = 1e4, enabled = true) {
+	const router = useRouter();
+	(0, import_react.useEffect)(() => {
+		if (!enabled) return;
+		const timer = setInterval(() => void router.invalidate(), everyMs);
+		return () => clearInterval(timer);
+	}, [
+		enabled,
+		everyMs,
+		router
+	]);
+}
+//#endregion
+export { useLiveRefresh as n, useLiveTasks as r, isTaskActive as t };

package/.output/server/_tanstack-start-manifest_v-2HUdn-2E.mjs

@@ -0,0 +1,166 @@
+//#region node_modules/.nitro/vite/services/ssr/assets/_tanstack-start-manifest_v-2HUdn-2E.js
+var tsrStartManifest = () => ({ routes: {
+	__root__: {
+		filePath: "/Users/bytedance/codex-projects/loopable/src/routes/__root.tsx",
+		children: [
+			"/",
+			"/connectors/$connectorId",
+			"/inbox/$taskId",
+			"/loops/$loopId",
+			"/loops/new",
+			"/agents/",
+			"/connectors/",
+			"/inbox/",
+			"/loops/",
+			"/machines/",
+			"/runners/",
+			"/api/runners/claim",
+			"/api/runners/heartbeat",
+			"/api/runners/hello",
+			"/api/connectors/$connectorId/authorize",
+			"/api/connectors/$connectorId/callback",
+			"/api/runners/jobs/$taskId/complete",
+			"/api/runners/jobs/$taskId/log"
+		],
+		preloads: [
+			"/assets/index-C9SQ_Baq.js",
+			"/assets/preload-helper-BoU_7EQC.js",
+			"/assets/button-K3ypIhAZ.js",
+			"/assets/usePositioner-B7i9Ejzh.js"
+		],
+		scripts: [{ attrs: {
+			type: "module",
+			async: !0,
+			src: "/assets/index-C9SQ_Baq.js"
+		} }]
+	},
+	"/connectors/$connectorId": {
+		filePath: "/Users/bytedance/codex-projects/loopable/src/routes/connectors/$connectorId.tsx",
+		children: void 0,
+		preloads: [
+			"/assets/_connectorId-CDCuSgpN.js",
+			"/assets/page-bvnfRMum.js",
+			"/assets/chevron-right-BrctLtFK.js",
+			"/assets/connector-icon-CEbdE71G.js",
+			"/assets/time-goBWd-5J.js",
+			"/assets/plus-Ber25lrU.js",
+			"/assets/refresh-cw-BzSY7M8I.js",
+			"/assets/rotate-ccw-DLv9EfCX.js",
+			"/assets/setting-fields-DUc3npgh.js",
+			"/assets/connection-status-DKWelvLO.js",
+			"/assets/alert-Bn_wjgTX.js",
+			"/assets/card-DiVnaTIE.js"
+		]
+	},
+	"/inbox/$taskId": {
+		filePath: "/Users/bytedance/codex-projects/loopable/src/routes/inbox/$taskId.tsx",
+		children: void 0,
+		preloads: [
+			"/assets/_taskId-BO5MZnlZ.js",
+			"/assets/page-bvnfRMum.js",
+			"/assets/chevron-right-BrctLtFK.js",
+			"/assets/task-list-Ddk8-qt7.js",
+			"/assets/time-goBWd-5J.js",
+			"/assets/manifests-yJpevyye.js",
+			"/assets/use-live-tasks-DZNNuECy.js",
+			"/assets/alert-Bn_wjgTX.js",
+			"/assets/card-DiVnaTIE.js"
+		]
+	},
+	"/loops/$loopId": {
+		filePath: "/Users/bytedance/codex-projects/loopable/src/routes/loops/$loopId.tsx",
+		children: void 0,
+		preloads: [
+			"/assets/_loopId-DOnIsVTW.js",
+			"/assets/page-bvnfRMum.js",
+			"/assets/chevron-right-BrctLtFK.js",
+			"/assets/task-list-Ddk8-qt7.js",
+			"/assets/connector-icon-CEbdE71G.js",
+			"/assets/time-goBWd-5J.js",
+			"/assets/play-yHLs4DjK.js",
+			"/assets/refresh-cw-BzSY7M8I.js",
+			"/assets/gaps-PjmcbaWo.js",
+			"/assets/switch-DwABVI6d.js",
+			"/assets/manifests-yJpevyye.js",
+			"/assets/use-live-tasks-DZNNuECy.js",
+			"/assets/alert-Bn_wjgTX.js",
+			"/assets/loop-form-Dw3cuTzw.js"
+		]
+	},
+	"/loops/new": {
+		filePath: "/Users/bytedance/codex-projects/loopable/src/routes/loops/new.tsx",
+		children: void 0,
+		preloads: [
+			"/assets/new-CwsnNuRW.js",
+			"/assets/select-C9grIFwG.js",
+			"/assets/page-bvnfRMum.js",
+			"/assets/connector-icon-CEbdE71G.js",
+			"/assets/loop-form-Dw3cuTzw.js"
+		]
+	},
+	"/agents/": {
+		filePath: "/Users/bytedance/codex-projects/loopable/src/routes/agents/index.tsx",
+		children: void 0,
+		preloads: [
+			"/assets/agents-CBozi7oi.js",
+			"/assets/select-C9grIFwG.js",
+			"/assets/page-bvnfRMum.js",
+			"/assets/connector-icon-CEbdE71G.js",
+			"/assets/manifests-yJpevyye.js",
+			"/assets/use-live-tasks-DZNNuECy.js"
+		]
+	},
+	"/connectors/": {
+		filePath: "/Users/bytedance/codex-projects/loopable/src/routes/connectors/index.tsx",
+		children: void 0,
+		preloads: [
+			"/assets/connectors-JyX3IzJj.js",
+			"/assets/page-bvnfRMum.js",
+			"/assets/chevron-right-BrctLtFK.js",
+			"/assets/connector-icon-CEbdE71G.js",
+			"/assets/connection-status-DKWelvLO.js"
+		]
+	},
+	"/inbox/": {
+		filePath: "/Users/bytedance/codex-projects/loopable/src/routes/inbox/index.tsx",
+		children: void 0,
+		preloads: [
+			"/assets/inbox-CujRR0Cz.js",
+			"/assets/select-C9grIFwG.js",
+			"/assets/page-bvnfRMum.js",
+			"/assets/task-list-Ddk8-qt7.js",
+			"/assets/play-yHLs4DjK.js",
+			"/assets/useCompositeListItem-P4Nmmn7j.js",
+			"/assets/textarea-Ds-gIYUQ.js"
+		]
+	},
+	"/loops/": {
+		filePath: "/Users/bytedance/codex-projects/loopable/src/routes/loops/index.tsx",
+		children: void 0,
+		preloads: [
+			"/assets/loops-DcEfZa2_.js",
+			"/assets/page-bvnfRMum.js",
+			"/assets/connector-icon-CEbdE71G.js",
+			"/assets/plus-Ber25lrU.js",
+			"/assets/gaps-PjmcbaWo.js",
+			"/assets/switch-DwABVI6d.js",
+			"/assets/useCompositeListItem-P4Nmmn7j.js",
+			"/assets/manifests-yJpevyye.js",
+			"/assets/use-live-tasks-DZNNuECy.js",
+			"/assets/alert-Bn_wjgTX.js"
+		]
+	},
+	"/runners/": {
+		filePath: "/Users/bytedance/codex-projects/loopable/src/routes/runners/index.tsx",
+		children: void 0,
+		preloads: [
+			"/assets/runners-DzX-RU3i.js",
+			"/assets/page-bvnfRMum.js",
+			"/assets/rotate-ccw-DLv9EfCX.js",
+			"/assets/manifests-yJpevyye.js",
+			"/assets/use-live-tasks-DZNNuECy.js"
+		]
+	}
+} });
+//#endregion
+export { tsrStartManifest };

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

@@ -0,0 +1,263 @@
+import { i as __toESM } from "./_runtime.mjs";
+import { K as require_jsx_runtime, q as require_react } from "./_libs/@base-ui/react+[...].mjs";
+import { f as Link, m as useRouter } 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 { D as CircleStop, F as ChevronRight, S as ExternalLink, g as Loader, x as FileCode } from "./_libs/lucide-react.mjs";
+import { n as toast } from "./_libs/sonner.mjs";
+import { D as stopTask, _ as Badge, c as Route$12, v as Button$1 } from "./_ssr/router-DdwREiOf.mjs";
+import { o as PageHeader } from "./_ssr/page-DZVxKvdn.mjs";
+import { n as AlertDescription, r as AlertTitle, t as Alert } from "./_ssr/alert-C2WBWfzo.mjs";
+import { i as CardTitle, n as CardContent, r as CardHeader, t as Card } from "./_ssr/card-r1cV-PCN.mjs";
+import { t as ago } from "./_ssr/time-Cy8TZP0Z.mjs";
+import { r as useLiveTasks, t as isTaskActive } from "./_ssr/use-live-tasks-BzhTkEOL.mjs";
+import { i as taskTitle, r as TaskStateLabel, t as KIND_LABEL } from "./_ssr/task-list-Dnmq_WeE.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/_taskId-D3KkNJW1.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 agent = task.agentId ? agentManifest(task.agentId) : void 0;
+	const live = isTaskActive(task.state);
+	useLiveTasks([task]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageHeader, {
+				back: {
+					to: "/inbox",
+					label: "Inbox"
+				},
+				title: taskTitle(task),
+				actions: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+					task.dryRun ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+						variant: "outline",
+						children: "Dry run"
+					}) : null,
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskStateLabel, { state: task.state }),
+					live ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StopButton, { task }) : null
+				] }),
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+					className: "mt-1 flex flex-wrap items-center gap-x-1.5 text-sm text-muted-foreground",
+					children: [
+						task.sourceKind === "prompt" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: KIND_LABEL.prompt }) : task.sourceUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+							href: task.sourceUrl,
+							target: "_blank",
+							rel: "noreferrer",
+							className: "hover:text-foreground hover:underline",
+							children: task.sourceRef
+						}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: task.sourceRef }),
+						task.loopId ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "·" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+							to: "/loops/$loopId",
+							params: { loopId: task.loopId },
+							className: "hover:text-foreground hover:underline",
+							children: task.loopName
+						})] }) : null,
+						agent ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: ["· ", agent.name] }) : null,
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							suppressHydrationWarning: true,
+							children: ["· ", ago(task.createdAt)]
+						})
+					]
+				})
+			}),
+			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" ? "Failed" : task.state === "cancelled" ? "Stopped" : "Will try again" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, {
+					className: "whitespace-pre-wrap",
+					children: task.error
+				})]
+			}) : 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",
+					children: task.state === "done" ? "Written" : task.state === "skipped" ? "Nothing to write" : "Result"
+				}), 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: [
+						"Open in ",
+						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 font-sans text-sm leading-relaxed",
+					children: task.output
+				}), task.comments.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comments, { comments: task.comments }) : null]
+			})] }) : task.state === "skipped" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-sm text-muted-foreground",
+				children: "The agent had nothing to say, so nothing was written."
+			}) : null,
+			log ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AgentLog, {
+				log,
+				live,
+				open: live || task.state === "failed"
+			}) : null,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fold, {
+				title: "Details",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+					className: "grid grid-cols-[6rem_1fr] gap-x-4 gap-y-2 text-sm",
+					children: [
+						task.sourceKind === "prompt" ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+							label: "Writes",
+							children: destinationLabel(task.actionConnectorId, task.actionId)
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+							label: "Queued",
+							children: new Date(task.createdAt).toLocaleString()
+						}),
+						task.durationMs ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Row, {
+							label: "Took",
+							children: [(task.durationMs / 1e3).toFixed(1), "s"]
+						}) : null,
+						task.attempts > 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+							label: "Attempts",
+							children: task.attempts
+						}) : null,
+						task.prompt ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+							label: "Prompt",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+								className: "max-h-64 overflow-auto rounded-md bg-muted p-2.5 text-xs whitespace-pre-wrap",
+								children: task.prompt
+							})
+						}) : null,
+						task.agentCommand ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Row, {
+							label: "Command",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+								className: "overflow-x-auto rounded-md bg-muted p-2.5 text-xs",
+								children: task.agentCommand
+							})
+						}) : null
+					]
+				})
+			})
+		]
+	});
+}
+/** A titled block that opens and closes, for what is only sometimes worth reading. */
+function Fold({ title, open, aside, children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", {
+		open,
+		suppressHydrationWarning: true,
+		className: "group rounded-xl bg-card ring-1 ring-foreground/10",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", {
+			className: "flex cursor-pointer list-none items-center gap-2 px-4 py-3 text-sm font-medium",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "size-4 text-muted-foreground transition-transform group-open:rotate-90" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "flex-1",
+					children: title
+				}),
+				aside
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "px-4 pb-4",
+			children
+		})]
+	});
+}
+/**
+* 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 ? "1 line comment" : `${comments.length} line comments`
+		}), 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 font-sans text-sm leading-relaxed",
+				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, open }) {
+	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.jsx)(Fold, {
+		title: "Agent log",
+		open,
+		aside: live ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "flex items-center gap-1.5 text-xs font-normal text-muted-foreground",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Loader, { className: "size-3.5 animate-spin" }), "Running"]
+		}) : null,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+			ref: box,
+			className: "max-h-96 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: "contents",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+			className: "text-xs leading-5 text-muted-foreground",
+			children: label
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+			className: "min-w-0",
+			children
+		})]
+	});
+}
+//#endregion
+export { TaskPage as component };