@runtypelabs/cli 2.59.1 → 2.59.4

package/dist/chunk-DwDWqSxM.js

@@ -0,0 +1,637 @@
+#!/usr/bin/env node
+import { b as CredentialStore } from "./index.js";
+import { S as selectAccountId, p as buildDashboardUrl } from "./chunk-ucu5lrDZ.js";
+import { s as getDashboardUrl, t as ApiKeyManager } from "./chunk-BW2fg46T.js";
+import { n as browserLogin, r as orgMismatchWarning } from "./chunk-BnWhIqW1.js";
+import { n as validateQuickStartUrl, t as createQuickStartProduct } from "./chunk-i7DwkvvD.js";
+import { useCallback, useEffect, useState } from "react";
+import { Box, Text, useApp, useInput } from "ink";
+import TextInput from "ink-text-input";
+import SelectInput from "ink-select-input";
+import { Spinner, theme } from "@runtypelabs/ink-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/ink/init/WizardStep.tsx
+function WizardStep({ stepNumber, totalSteps, title, children }) {
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsxs(Text, {
+				dimColor: true,
+				children: [
+					"Step ",
+					stepNumber,
+					" of ",
+					totalSteps
+				]
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				color: theme.primary,
+				bold: true,
+				children: title
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children
+			}),
+			stepNumber > 1 && /* @__PURE__ */ jsxs(Text, {
+				dimColor: true,
+				children: ["\n", "Escape: back"]
+			})
+		]
+	});
+}
+// src/ink/init/StepSummary.tsx
+function StepSummary({ answers }) {
+	if (answers.length === 0) return null;
+	return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		marginBottom: 1,
+		borderStyle: "single",
+		borderTop: true,
+		borderBottom: false,
+		borderLeft: false,
+		borderRight: false,
+		borderColor: theme.muted,
+		children: answers.map((answer, index) => /* @__PURE__ */ jsxs(Text, {
+			dimColor: true,
+			children: [
+				answer.label,
+				": ",
+				answer.value
+			]
+		}, index))
+	});
+}
+// src/ink/init/InitApp.tsx
+const TOTAL_VISIBLE_STEPS = 3;
+function getStepNumber(step) {
+	if (step <= 1) return 1;
+	if (step <= 5) return 2;
+	return 3;
+}
+function InitApp({ apiUrl, onComplete }) {
+	const { exit } = useApp();
+	const [state, setState] = useState({
+		step: 0,
+		apiKey: null,
+		urlInput: "",
+		productChoice: null,
+		agentCard: null,
+		templateId: null,
+		productName: "",
+		error: null,
+		loading: true,
+		loadingLabel: "Checking credentials...",
+		complete: false,
+		createdProductId: null,
+		account: void 0
+	});
+	const getSummary = useCallback(() => {
+		const answers = [];
+		if (state.apiKey) answers.push({
+			label: "Auth",
+			value: "Signed in (" + state.apiKey.substring(0, 10) + "...)"
+		});
+		if (state.productChoice) answers.push({
+			label: "Product",
+			value: state.productChoice === "url" ? "Import A2A agent" : "Skip"
+		});
+		if (state.agentCard) answers.push({
+			label: "Agent",
+			value: state.agentCard.name
+		});
+		return answers;
+	}, [
+		state.apiKey,
+		state.productChoice,
+		state.agentCard
+	]);
+	useEffect(() => {
+		if (state.step !== 0) return void 0;
+		const checkAndAuth = async () => {
+			const store = new CredentialStore();
+			const existingKey = await store.getApiKey();
+			let storedKeyNotice = null;
+			if (existingKey) {
+				const apiKeyManager = new ApiKeyManager();
+				try {
+					if (await apiKeyManager.validateApiKey(existingKey, apiUrl)) {
+						const existingCreds = await store.getCredentials();
+						setState((prev) => ({
+							...prev,
+							apiKey: existingKey,
+							account: selectAccountId({
+								userId: existingCreds?.userId,
+								organizationId: existingCreds?.orgId
+							}),
+							step: 2,
+							loading: false
+						}));
+						return;
+					}
+				} catch (err) {
+					storedKeyNotice = err instanceof Error ? err.message : String(err);
+				}
+			}
+			setState((prev) => ({
+				...prev,
+				step: 1,
+				loading: true,
+				loadingLabel: storedKeyNotice ? `${storedKeyNotice} Opening browser to sign in instead...` : "Opening browser to sign in..."
+			}));
+			try {
+				const login = await browserLogin({
+					apiUrl,
+					onProgress: (label) => setState((s) => ({
+						...s,
+						loadingLabel: label
+					}))
+				});
+				const mismatch = orgMismatchWarning(login);
+				if (mismatch) throw new Error(mismatch);
+				const { apiKey: key, userId, orgId } = login;
+				setState((s) => ({
+					...s,
+					apiKey: key,
+					account: selectAccountId({
+						userId,
+						organizationId: orgId
+					}),
+					step: 2,
+					loading: false
+				}));
+			} catch (err) {
+				const message = err instanceof Error ? err.message : "Authentication failed";
+				setState((s) => ({
+					...s,
+					error: message,
+					loading: false,
+					step: 1
+				}));
+			}
+		};
+		checkAndAuth();
+	}, [state.step, apiUrl]);
+	useInput((_input, key) => {
+		if (key.escape && !state.loading && !state.complete) setState((prev) => {
+			if (prev.step <= 2) return prev;
+			let prevStep = prev.step - 1;
+			if (prevStep === 1) prevStep = 2;
+			if (prevStep === 6) prevStep = 5;
+			return {
+				...prev,
+				step: prevStep,
+				error: null
+			};
+		});
+	}, { isActive: !state.loading && !state.complete });
+	const handleProductChoice = useCallback((item) => {
+		const choice = item.value;
+		setState((prev) => ({
+			...prev,
+			productChoice: choice
+		}));
+		if (choice === "skip") {
+			setState((prev) => ({
+				...prev,
+				step: 7,
+				complete: true
+			}));
+			return;
+		}
+		setState((prev) => ({
+			...prev,
+			step: 3
+		}));
+	}, []);
+	const handleUrlSubmit = useCallback((value) => {
+		if (!value.trim()) {
+			setState((prev) => ({
+				...prev,
+				error: "URL is required"
+			}));
+			return;
+		}
+		try {
+			new URL(value.trim());
+		} catch {
+			setState((prev) => ({
+				...prev,
+				error: "Please enter a valid URL"
+			}));
+			return;
+		}
+		setState((prev) => ({
+			...prev,
+			loading: true,
+			loadingLabel: "Validating URL...",
+			error: null
+		}));
+		const validateUrl = async () => {
+			try {
+				const result = await validateQuickStartUrl(value.trim(), apiUrl);
+				if (!result.valid) {
+					setState((s) => ({
+						...s,
+						error: result.error || "Validation failed",
+						loading: false
+					}));
+					return;
+				}
+				setState((s) => ({
+					...s,
+					agentCard: result.agentCard || null,
+					templateId: result.templateId || null,
+					productName: result.agentCard?.name || "",
+					step: 4,
+					loading: false
+				}));
+			} catch (err) {
+				const message = err instanceof Error ? err.message : "Validation failed";
+				setState((s) => ({
+					...s,
+					error: message,
+					loading: false
+				}));
+			}
+		};
+		validateUrl();
+	}, [apiUrl]);
+	const handleConfirmCreate = useCallback((confirmed) => {
+		if (!confirmed) {
+			setState((prev) => ({
+				...prev,
+				step: 7,
+				complete: true
+			}));
+			return;
+		}
+		setState((prev) => ({
+			...prev,
+			step: 5
+		}));
+	}, []);
+	const handleProductNameSubmit = useCallback((value) => {
+		const name = value.trim() || state.agentCard?.name || "My Product";
+		setState((prev) => ({
+			...prev,
+			productName: name,
+			step: 6,
+			loading: true,
+			loadingLabel: "Creating product...",
+			error: null
+		}));
+		const createProduct = async () => {
+			try {
+				if (!state.apiKey || !state.templateId || !state.agentCard) throw new Error("Missing product setup details");
+				const result = await createQuickStartProduct(state.apiKey, {
+					templateId: state.templateId,
+					agentCard: state.agentCard,
+					productName: name,
+					sourceUrl: state.urlInput || state.agentCard.url
+				}, apiUrl);
+				if (!result.success) {
+					setState((s) => ({
+						...s,
+						error: result.error || "Failed to create product",
+						loading: false,
+						step: 5
+					}));
+					return;
+				}
+				setState((s) => ({
+					...s,
+					createdProductId: result.product?.id || null,
+					step: 7,
+					loading: false,
+					complete: true
+				}));
+			} catch (err) {
+				const message = err instanceof Error ? err.message : "Creation failed";
+				setState((s) => ({
+					...s,
+					error: message,
+					loading: false,
+					step: 5
+				}));
+			}
+		};
+		createProduct();
+	}, [
+		apiUrl,
+		state.apiKey,
+		state.agentCard,
+		state.templateId,
+		state.urlInput
+	]);
+	useEffect(() => {
+		if (!state.complete) return void 0;
+		const timer = setTimeout(() => {
+			onComplete();
+			exit();
+		}, 100);
+		return () => clearTimeout(timer);
+	}, [
+		state.complete,
+		onComplete,
+		exit
+	]);
+	if (state.loading) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [state.step <= 1 && /* @__PURE__ */ jsxs(Text, {
+			color: theme.primary,
+			bold: true,
+			children: [
+				"\n",
+				"Welcome to Runtype!",
+				"\n"
+			]
+		}), /* @__PURE__ */ jsx(Spinner, { label: state.loadingLabel })]
+	});
+	const summary = getSummary();
+	if (state.step === 1) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [/* @__PURE__ */ jsxs(Text, {
+			color: theme.primary,
+			bold: true,
+			children: [
+				"\n",
+				"Welcome to Runtype!",
+				"\n"
+			]
+		}), /* @__PURE__ */ jsx(WizardStep, {
+			stepNumber: getStepNumber(1),
+			totalSteps: TOTAL_VISIBLE_STEPS,
+			title: "Sign in",
+			children: /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				children: [state.error && /* @__PURE__ */ jsx(Text, {
+					color: theme.error,
+					children: state.error
+				}), /* @__PURE__ */ jsxs(Text, {
+					dimColor: true,
+					children: [
+						"Authentication failed. Run ",
+						/* @__PURE__ */ jsx(Text, {
+							color: theme.primary,
+							children: "runtype auth login"
+						}),
+						" to try again, or use ",
+						/* @__PURE__ */ jsxs(Text, {
+							color: theme.primary,
+							children: ["runtype init --api-key ", "<key>"]
+						}),
+						" ",
+						"to authenticate with an API key."
+					]
+				})]
+			})
+		})]
+	});
+	if (state.step === 2) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [summary.length > 0 && /* @__PURE__ */ jsx(StepSummary, { answers: summary }), /* @__PURE__ */ jsx(WizardStep, {
+			stepNumber: getStepNumber(2),
+			totalSteps: TOTAL_VISIBLE_STEPS,
+			title: "What would you like to do?",
+			children: /* @__PURE__ */ jsx(SelectInput, {
+				items: [{
+					label: "Import A2A agent URL",
+					value: "url"
+				}, {
+					label: "Skip for now",
+					value: "skip"
+				}],
+				onSelect: handleProductChoice
+			})
+		})]
+	});
+	if (state.step === 3) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [summary.length > 0 && /* @__PURE__ */ jsx(StepSummary, { answers: summary }), /* @__PURE__ */ jsx(WizardStep, {
+			stepNumber: getStepNumber(3),
+			totalSteps: TOTAL_VISIBLE_STEPS,
+			title: "Enter the agent URL",
+			children: /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				children: [state.error && /* @__PURE__ */ jsx(Text, {
+					color: theme.error,
+					children: state.error
+				}), state.loading ? /* @__PURE__ */ jsx(Spinner, { label: state.loadingLabel }) : /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+					color: theme.muted,
+					children: "> "
+				}), /* @__PURE__ */ jsx(TextInput, {
+					value: state.urlInput,
+					onChange: (value) => setState((prev) => ({
+						...prev,
+						urlInput: value,
+						error: null
+					})),
+					onSubmit: handleUrlSubmit,
+					placeholder: "https://..."
+				})] })]
+			})
+		})]
+	});
+	if (state.step === 4 && state.agentCard) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [summary.length > 0 && /* @__PURE__ */ jsx(StepSummary, { answers: summary }), /* @__PURE__ */ jsx(WizardStep, {
+			stepNumber: getStepNumber(4),
+			totalSteps: TOTAL_VISIBLE_STEPS,
+			title: "Agent Detected",
+			children: /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				children: [
+					/* @__PURE__ */ jsxs(Text, { children: [
+						"  ",
+						"Name: ",
+						/* @__PURE__ */ jsx(Text, {
+							bold: true,
+							children: state.agentCard.name
+						})
+					] }),
+					state.agentCard.description && /* @__PURE__ */ jsxs(Text, {
+						dimColor: true,
+						children: [
+							"  ",
+							"Description: ",
+							state.agentCard.description
+						]
+					}),
+					/* @__PURE__ */ jsxs(Text, {
+						dimColor: true,
+						children: [
+							"  ",
+							"URL: ",
+							state.agentCard.url
+						]
+					}),
+					state.agentCard.skills && state.agentCard.skills.length > 0 && /* @__PURE__ */ jsxs(Box, {
+						flexDirection: "column",
+						marginTop: 1,
+						children: [/* @__PURE__ */ jsxs(Text, { children: ["  ", "Skills:"] }), state.agentCard.skills.map((skill, i) => /* @__PURE__ */ jsxs(Text, {
+							dimColor: true,
+							children: [
+								"    ",
+								skill.name,
+								skill.description ? ` - ${skill.description}` : ""
+							]
+						}, i))]
+					}),
+					/* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsxs(Text, { children: ["Create this product? ", /* @__PURE__ */ jsx(Text, {
+							color: theme.muted,
+							children: "(y/N)"
+						})] })
+					}),
+					/* @__PURE__ */ jsx(ConfirmInput, { onConfirm: handleConfirmCreate })
+				]
+			})
+		})]
+	});
+	if (state.step === 5) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [summary.length > 0 && /* @__PURE__ */ jsx(StepSummary, { answers: summary }), /* @__PURE__ */ jsx(WizardStep, {
+			stepNumber: getStepNumber(5),
+			totalSteps: TOTAL_VISIBLE_STEPS,
+			title: "Product name",
+			children: /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				children: [state.error && /* @__PURE__ */ jsx(Text, {
+					color: theme.error,
+					children: state.error
+				}), /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+					color: theme.muted,
+					children: "> "
+				}), /* @__PURE__ */ jsx(TextInput, {
+					value: state.productName,
+					onChange: (value) => setState((prev) => ({
+						...prev,
+						productName: value,
+						error: null
+					})),
+					onSubmit: handleProductNameSubmit,
+					placeholder: state.agentCard?.name || "My Product"
+				})] })]
+			})
+		})]
+	});
+	if (state.step === 6) return /* @__PURE__ */ jsx(Spinner, { label: state.loadingLabel });
+	if (state.step === 7) {
+		const dashboardUrl = getDashboardUrl();
+		const productDashboardUrl = state.createdProductId ? buildDashboardUrl({
+			baseUrl: dashboardUrl,
+			path: `/products/${state.createdProductId}`,
+			account: state.account
+		}) : "";
+		return /* @__PURE__ */ jsxs(Box, {
+			flexDirection: "column",
+			children: [state.createdProductId ? /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				children: [
+					/* @__PURE__ */ jsxs(Text, {
+						color: theme.success,
+						bold: true,
+						children: ["✓", " Setup complete!"]
+					}),
+					/* @__PURE__ */ jsxs(Text, { children: [
+						"  ",
+						"Product ID: ",
+						state.createdProductId
+					] }),
+					/* @__PURE__ */ jsxs(Text, { children: [
+						"  ",
+						"Dashboard: ",
+						productDashboardUrl
+					] })
+				]
+			}) : /* @__PURE__ */ jsxs(Text, {
+				color: theme.success,
+				bold: true,
+				children: ["✓", " Authentication complete!"]
+			}), /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				marginTop: 1,
+				children: [
+					/* @__PURE__ */ jsx(Text, {
+						color: theme.primary,
+						children: "What you can do next:"
+					}),
+					/* @__PURE__ */ jsxs(Text, { children: [
+						"  ",
+						/* @__PURE__ */ jsx(Text, {
+							color: theme.success,
+							children: "runtype products init"
+						}),
+						"     ",
+						"Create a product from an agent URL"
+					] }),
+					/* @__PURE__ */ jsxs(Text, { children: [
+						"  ",
+						/* @__PURE__ */ jsx(Text, {
+							color: theme.success,
+							children: "runtype flows list"
+						}),
+						"        ",
+						"List your flows"
+					] }),
+					/* @__PURE__ */ jsxs(Text, { children: [
+						"  ",
+						/* @__PURE__ */ jsxs(Text, {
+							color: theme.success,
+							children: ["runtype dispatch -f ", "<id>"]
+						}),
+						"  ",
+						"Execute a flow"
+					] }),
+					/* @__PURE__ */ jsxs(Text, { children: [
+						"  ",
+						/* @__PURE__ */ jsx(Text, {
+							color: theme.success,
+							children: "runtype agents list"
+						}),
+						"       ",
+						"List your agents"
+					] }),
+					/* @__PURE__ */ jsxs(Text, { children: [
+						"  ",
+						/* @__PURE__ */ jsx(Text, {
+							color: theme.success,
+							children: "runtype models list"
+						}),
+						"       ",
+						"View enabled models"
+					] }),
+					/* @__PURE__ */ jsxs(Text, { children: [
+						"  ",
+						/* @__PURE__ */ jsx(Text, {
+							color: theme.success,
+							children: "runtype --help"
+						}),
+						"            ",
+						"See all available commands"
+					] })
+				]
+			})]
+		});
+	}
+	return null;
+}
+function ConfirmInput({ onConfirm }) {
+	const [answered, setAnswered] = useState(false);
+	useInput((input) => {
+		if (answered) return;
+		const lower = input.toLowerCase();
+		if (lower === "y") {
+			setAnswered(true);
+			onConfirm(true);
+		} else if (lower === "n") {
+			setAnswered(true);
+			onConfirm(false);
+		}
+	}, { isActive: !answered });
+	return null;
+}
+export { InitApp };
+