@runtypelabs/cli 2.59.1 → 2.59.4

package/dist/chunk-CdaIvO-y.js

@@ -0,0 +1,485 @@
+#!/usr/bin/env node
+import { t as ModelPicker } from "./chunk-CrlqIfmb.js";
+import { MarathonApp } from "./chunk-C1OFhd7F.js";
+import { useEffect, useRef, useState } from "react";
+import { Box, Text, useApp, useInput, useStdout } from "ink";
+import { theme } from "@runtypelabs/ink-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AnimatedVariant, StartupGridIconCompactLightInverted } from "@runtypelabs/terminal-animations";
+// src/ink/marathon/MarathonStartupShell.tsx
+const SCROLL_HINT = "↑↓ Enter 1-3";
+const PROMPT_COLUMN_MAX = 68;
+const MIN_HOLD_MS = 1500;
+const FADE_DURATION_MS = 260;
+const STARTUP_BACKGROUND_VARIANTS = ["vector3d-ghost-wave", "vector3d-ghost-box-drift"];
+function shortenPath(filePath, maxLength) {
+	if (filePath.length <= maxLength) return filePath;
+	const normalizedSegments = filePath.split("/").filter(Boolean);
+	if (normalizedSegments.length === 0) return filePath.slice(0, maxLength);
+	const tail = normalizedSegments.slice(-3).join("/");
+	if (tail.length + 4 <= maxLength) return `.../${tail}`;
+	return `...${filePath.slice(-(maxLength - 3))}`;
+}
+function singularize(countText, singular, plural) {
+	const count = Number.parseInt(countText, 10);
+	if (Number.isNaN(count)) return `${countText} ${plural}`;
+	return `${count} ${count === 1 ? singular : plural}`;
+}
+function buildPromptShellModel(prompt, columnWidth) {
+	const detailMap = /* @__PURE__ */ new Map();
+	for (const line of prompt.summaryLines) {
+		const separatorIndex = line.indexOf(":");
+		if (separatorIndex === -1) continue;
+		const key = line.slice(0, separatorIndex).trim();
+		const value = line.slice(separatorIndex + 1).trim();
+		detailMap.set(key, value);
+	}
+	const task = detailMap.get("Task");
+	const filePath = detailMap.get("State file");
+	const status = detailMap.get("Status");
+	const sessions = detailMap.get("Sessions");
+	const cost = detailMap.get("Cost");
+	return {
+		heading: prompt.title === "Found a saved marathon session to resume." ? "Resume latest marathon" : "Saved marathon found",
+		task,
+		filePath: filePath ? shortenPath(filePath, Math.max(28, columnWidth - 8)) : void 0,
+		metaLine: [
+			status,
+			sessions ? singularize(sessions, "session", "sessions") : void 0,
+			cost
+		].filter((part) => Boolean(part)).join(" · ")
+	};
+}
+function MarathonStartupShell({ startupRef, marathonAppProps, version }) {
+	const { exit } = useApp();
+	const { stdout } = useStdout();
+	const mountedAtRef = useRef(Date.now());
+	const promptResolverRef = useRef(null);
+	const modelResolverRef = useRef(null);
+	const playbookConfirmResolverRef = useRef(null);
+	const appReadyResolverRef = useRef(null);
+	const dismissResolverRef = useRef(null);
+	const transitionPromiseRef = useRef(null);
+	const latestAppPropsRef = useRef(marathonAppProps);
+	const [statusMessage, setStatusMessage] = useState("preparing marathon");
+	const [scene, setScene] = useState("splash");
+	const [transition, setTransition] = useState(null);
+	const [prompt, setPrompt] = useState(null);
+	const [modelChoices, setModelChoices] = useState(null);
+	const [currentModel, setCurrentModel] = useState("default");
+	const [playbookConfirm, setPlaybookConfirm] = useState(null);
+	const [selectedPromptIndex, setSelectedPromptIndex] = useState(0);
+	const [backgroundVariantId] = useState(() => STARTUP_BACKGROUND_VARIANTS[Math.floor(Math.random() * STARTUP_BACKGROUND_VARIANTS.length)]);
+	latestAppPropsRef.current = marathonAppProps;
+	useEffect(() => {
+		if (scene !== "app" || !appReadyResolverRef.current) return;
+		const resolve = appReadyResolverRef.current;
+		appReadyResolverRef.current = null;
+		resolve();
+	}, [scene]);
+	const beginTransition = (target) => {
+		if (transitionPromiseRef.current) return transitionPromiseRef.current;
+		if (target === "app" && !latestAppPropsRef.current) throw new Error("Cannot complete startup before marathon app props are ready.");
+		const promise = new Promise((resolve) => {
+			globalThis.setTimeout(() => {
+				setPrompt(null);
+				setModelChoices(null);
+				setTransition({
+					startedAt: Date.now(),
+					target
+				});
+				globalThis.setTimeout(() => {
+					if (target === "app") {
+						setTransition(null);
+						setScene("app");
+						return;
+					}
+					dismissResolverRef.current?.();
+					dismissResolverRef.current = null;
+					exit();
+				}, FADE_DURATION_MS);
+				if (target === "app") appReadyResolverRef.current = () => {
+					transitionPromiseRef.current = null;
+					resolve();
+				};
+				else dismissResolverRef.current = () => {
+					transitionPromiseRef.current = null;
+					resolve();
+				};
+			}, Math.max(0, MIN_HOLD_MS - (Date.now() - mountedAtRef.current)));
+		});
+		transitionPromiseRef.current = promise;
+		return promise;
+	};
+	useEffect(() => {
+		startupRef.current = {
+			setStatus: (message) => {
+				setStatusMessage(message);
+			},
+			requestStateChoice: async (nextPrompt) => {
+				setModelChoices(null);
+				setPrompt(nextPrompt);
+				setSelectedPromptIndex(0);
+				return new Promise((resolve) => {
+					promptResolverRef.current = resolve;
+				});
+			},
+			requestModelChoice: async (nextCurrentModel, models) => {
+				setPrompt(null);
+				setPlaybookConfirm(null);
+				setCurrentModel(nextCurrentModel);
+				setModelChoices(models);
+				return new Promise((resolve) => {
+					modelResolverRef.current = resolve;
+				});
+			},
+			requestPlaybookModelConfirm: async (playbookName, milestoneModels) => {
+				setPrompt(null);
+				setModelChoices(null);
+				const names = Object.keys(milestoneModels);
+				setPlaybookConfirm({
+					name: playbookName,
+					milestoneModels: { ...milestoneModels },
+					originalModels: { ...milestoneModels },
+					milestoneNames: names,
+					selectedIndex: names.length
+				});
+				return new Promise((resolve) => {
+					playbookConfirmResolverRef.current = resolve;
+				});
+			},
+			completeStartup: () => beginTransition("app"),
+			dismiss: () => beginTransition("exit")
+		};
+		return () => {
+			startupRef.current = null;
+		};
+	}, [startupRef]);
+	useInput((input, key) => {
+		if (key.ctrl && input === "c") {
+			process.kill(process.pid, "SIGINT");
+			return;
+		}
+		if (!prompt || transition || modelChoices || playbookConfirm) return;
+		if (key.upArrow || input === "k") {
+			setSelectedPromptIndex((current) => (current - 1 + prompt.choices.length) % prompt.choices.length);
+			return;
+		}
+		if (key.downArrow || input === "j") {
+			setSelectedPromptIndex((current) => (current + 1) % prompt.choices.length);
+			return;
+		}
+		if (key.return) {
+			const choice = prompt.choices[selectedPromptIndex];
+			if (choice) {
+				promptResolverRef.current?.(choice.value);
+				promptResolverRef.current = null;
+				setPrompt(null);
+			}
+			return;
+		}
+		if (/^[1-9]$/.test(input)) {
+			const numericIndex = Number(input) - 1;
+			const choice = prompt.choices[numericIndex];
+			if (choice) {
+				setSelectedPromptIndex(numericIndex);
+				promptResolverRef.current?.(choice.value);
+				promptResolverRef.current = null;
+				setPrompt(null);
+			}
+		}
+	}, { isActive: scene !== "app" && !playbookConfirm && !modelChoices });
+	useInput((input, key) => {
+		if (key.ctrl && input === "c") {
+			process.kill(process.pid, "SIGINT");
+			return;
+		}
+		if (!playbookConfirm) return;
+		const hasEdits = JSON.stringify(playbookConfirm.milestoneModels) !== JSON.stringify(playbookConfirm.originalModels);
+		const actionCount = hasEdits ? 3 : 2;
+		const totalItems = playbookConfirm.milestoneNames.length + actionCount;
+		if (key.upArrow || input === "k") {
+			setPlaybookConfirm((prev) => prev ? {
+				...prev,
+				selectedIndex: (prev.selectedIndex - 1 + totalItems) % totalItems
+			} : null);
+			return;
+		}
+		if (key.downArrow || input === "j") {
+			setPlaybookConfirm((prev) => prev ? {
+				...prev,
+				selectedIndex: (prev.selectedIndex + 1) % totalItems
+			} : null);
+			return;
+		}
+		if (key.return) {
+			const idx = playbookConfirm.selectedIndex;
+			const milestoneCount = playbookConfirm.milestoneNames.length;
+			if (idx < milestoneCount) {
+				const milestone = playbookConfirm.milestoneNames[idx];
+				playbookConfirmResolverRef.current?.({
+					action: "edit",
+					milestoneModels: playbookConfirm.milestoneModels,
+					editMilestone: milestone
+				});
+				playbookConfirmResolverRef.current = null;
+				setPlaybookConfirm(null);
+			} else {
+				const actionIndex = idx - milestoneCount;
+				if (actionIndex === 0) {
+					playbookConfirmResolverRef.current?.({
+						action: "confirm",
+						milestoneModels: playbookConfirm.milestoneModels
+					});
+					playbookConfirmResolverRef.current = null;
+					setPlaybookConfirm(null);
+				} else if (actionIndex === 1) {
+					playbookConfirmResolverRef.current?.({ action: "override" });
+					playbookConfirmResolverRef.current = null;
+					setPlaybookConfirm(null);
+				} else if (actionIndex === 2 && hasEdits) setPlaybookConfirm((prev) => prev ? {
+					...prev,
+					milestoneModels: { ...prev.originalModels },
+					selectedIndex: prev.milestoneNames.length
+				} : null);
+			}
+		}
+	}, { isActive: scene !== "app" && !!playbookConfirm });
+	const terminalWidth = stdout?.columns ?? 120;
+	const terminalRows = stdout?.rows ?? 40;
+	const promptColumnWidth = Math.max(44, Math.min(PROMPT_COLUMN_MAX, terminalWidth - 14));
+	const promptShellModel = prompt ? buildPromptShellModel(prompt, promptColumnWidth) : null;
+	const selectedChoice = prompt?.choices[selectedPromptIndex];
+	const contentWidth = prompt || modelChoices || playbookConfirm ? promptColumnWidth : void 0;
+	if (scene === "app" && marathonAppProps) return /* @__PURE__ */ jsx(MarathonApp, { ...marathonAppProps });
+	return /* @__PURE__ */ jsxs(Box, {
+		width: terminalWidth,
+		height: terminalRows,
+		backgroundColor: theme.background,
+		children: [
+			/* @__PURE__ */ jsx(Box, {
+				position: "absolute",
+				width: terminalWidth,
+				height: terminalRows,
+				overflow: "hidden",
+				children: /* @__PURE__ */ jsx(AnimatedVariant, {
+					variantId: backgroundVariantId,
+					width: terminalWidth,
+					height: terminalRows,
+					autoplay: !modelChoices && !playbookConfirm
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				position: "absolute",
+				width: terminalWidth,
+				height: terminalRows,
+				alignItems: "flex-start",
+				justifyContent: "flex-start",
+				paddingX: 1,
+				paddingY: 1,
+				children: /* @__PURE__ */ jsx(StartupGridIconCompactLightInverted, { autoplay: false })
+			}),
+			version && /* @__PURE__ */ jsx(Box, {
+				position: "absolute",
+				width: terminalWidth,
+				height: terminalRows,
+				alignItems: "flex-end",
+				justifyContent: "flex-end",
+				paddingX: 2,
+				paddingY: 1,
+				children: /* @__PURE__ */ jsxs(Text, {
+					color: theme.border,
+					children: ["v", version]
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				width: terminalWidth,
+				height: terminalRows,
+				flexDirection: "column",
+				justifyContent: "center",
+				alignItems: "center",
+				children: /* @__PURE__ */ jsxs(Box, {
+					flexDirection: "column",
+					alignItems: prompt || modelChoices || playbookConfirm ? "stretch" : "center",
+					backgroundColor: theme.background,
+					paddingX: 2,
+					paddingY: 1,
+					children: [
+						!prompt && !modelChoices && !playbookConfirm && /* @__PURE__ */ jsx(Text, {
+							color: theme.textMuted,
+							children: statusMessage
+						}),
+						playbookConfirm && !modelChoices && (() => {
+							const milestoneCount = playbookConfirm.milestoneNames.length;
+							const actions = [
+								"Confirm",
+								"Use single model instead",
+								...JSON.stringify(playbookConfirm.milestoneModels) !== JSON.stringify(playbookConfirm.originalModels) ? ["Discard changes"] : []
+							];
+							return /* @__PURE__ */ jsxs(Box, {
+								width: contentWidth,
+								flexDirection: "column",
+								marginTop: 1,
+								children: [
+									/* @__PURE__ */ jsxs(Text, {
+										bold: true,
+										color: theme.text,
+										children: ["Playbook: ", playbookConfirm.name]
+									}),
+									/* @__PURE__ */ jsx(Box, {
+										marginTop: 1,
+										flexDirection: "column",
+										children: playbookConfirm.milestoneNames.map((milestone, i) => {
+											const isSelected = i === playbookConfirm.selectedIndex;
+											const model = playbookConfirm.milestoneModels[milestone];
+											const wasEdited = model !== playbookConfirm.originalModels[milestone];
+											return /* @__PURE__ */ jsxs(Box, { children: [
+												/* @__PURE__ */ jsx(Text, {
+													color: isSelected ? theme.accent : theme.textSubtle,
+													children: isSelected ? "› " : "  "
+												}),
+												/* @__PURE__ */ jsx(Text, {
+													color: isSelected ? theme.text : theme.textSubtle,
+													bold: isSelected,
+													children: milestone.padEnd(16)
+												}),
+												/* @__PURE__ */ jsx(Text, {
+													color: isSelected ? theme.accent : theme.textMuted,
+													children: model
+												}),
+												wasEdited && /* @__PURE__ */ jsx(Text, {
+													color: theme.textSubtle,
+													children: " (edited)"
+												})
+											] }, milestone);
+										})
+									}),
+									/* @__PURE__ */ jsx(Box, {
+										marginTop: 1,
+										flexDirection: "column",
+										children: actions.map((label, ai) => {
+											const isSelected = playbookConfirm.selectedIndex === milestoneCount + ai;
+											return /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+												color: isSelected ? theme.accent : theme.textSubtle,
+												children: isSelected ? "› " : "  "
+											}), /* @__PURE__ */ jsx(Text, {
+												color: isSelected ? theme.text : theme.textSubtle,
+												bold: isSelected,
+												children: label
+											})] }, label);
+										})
+									}),
+									/* @__PURE__ */ jsx(Box, {
+										marginTop: 1,
+										children: /* @__PURE__ */ jsx(Text, {
+											color: theme.border,
+											children: "↑↓ navigate · Enter select"
+										})
+									})
+								]
+							});
+						})(),
+						modelChoices && /* @__PURE__ */ jsx(Box, {
+							width: contentWidth,
+							flexDirection: "column",
+							marginTop: 1,
+							children: /* @__PURE__ */ jsx(ModelPicker, {
+								currentModel,
+								models: modelChoices,
+								onSelect: (model) => {
+									modelResolverRef.current?.(model);
+									modelResolverRef.current = null;
+									setCurrentModel(model);
+									setModelChoices(null);
+								},
+								onCancel: () => {
+									modelResolverRef.current?.(currentModel);
+									modelResolverRef.current = null;
+									setModelChoices(null);
+								}
+							})
+						}),
+						prompt && /* @__PURE__ */ jsxs(Box, {
+							width: contentWidth,
+							flexDirection: "column",
+							marginTop: 1,
+							children: [
+								/* @__PURE__ */ jsx(Text, {
+									bold: true,
+									color: theme.text,
+									children: promptShellModel?.heading
+								}),
+								promptShellModel?.task && /* @__PURE__ */ jsxs(Box, {
+									marginTop: 1,
+									children: [/* @__PURE__ */ jsx(Text, {
+										color: theme.textSubtle,
+										children: "task "
+									}), /* @__PURE__ */ jsx(Text, {
+										color: theme.text,
+										children: promptShellModel.task
+									})]
+								}),
+								promptShellModel?.filePath && /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+									color: theme.textSubtle,
+									children: "state "
+								}), /* @__PURE__ */ jsx(Text, {
+									color: theme.textSubtle,
+									children: promptShellModel.filePath
+								})] }),
+								promptShellModel?.metaLine && /* @__PURE__ */ jsx(Box, {
+									marginTop: 1,
+									children: /* @__PURE__ */ jsx(Text, {
+										color: theme.textSubtle,
+										children: promptShellModel.metaLine
+									})
+								}),
+								/* @__PURE__ */ jsx(Box, {
+									marginTop: 1,
+									children: /* @__PURE__ */ jsx(Text, {
+										color: theme.textSubtle,
+										children: prompt.hint
+									})
+								}),
+								/* @__PURE__ */ jsx(Box, {
+									flexDirection: "column",
+									marginTop: 1,
+									children: prompt.choices.map((choice, index) => {
+										const isSelected = index === selectedPromptIndex;
+										return /* @__PURE__ */ jsxs(Box, {
+											marginTop: index === 0 ? 0 : 1,
+											children: [/* @__PURE__ */ jsx(Text, {
+												color: isSelected ? theme.accent : theme.textSubtle,
+												bold: isSelected,
+												children: isSelected ? "› " : "  "
+											}), /* @__PURE__ */ jsx(Text, {
+												color: isSelected ? theme.text : theme.textSubtle,
+												bold: isSelected,
+												children: `${index + 1} ${choice.label}`
+											})]
+										}, choice.value);
+									})
+								}),
+								selectedChoice && /* @__PURE__ */ jsx(Box, {
+									marginTop: 1,
+									children: /* @__PURE__ */ jsx(Text, {
+										color: theme.textSubtle,
+										children: selectedChoice.description
+									})
+								}),
+								/* @__PURE__ */ jsx(Box, {
+									marginTop: 1,
+									children: /* @__PURE__ */ jsx(Text, {
+										color: theme.border,
+										children: SCROLL_HINT
+									})
+								})
+							]
+						})
+					]
+				})
+			})
+		]
+	});
+}
+export { MarathonStartupShell };
+