ultracontext 1.4.13 → 1.6.0

package/dist/cli/onboarding.mjs

@@ -1,39 +1,118 @@
-import { c as heroArtForWidth, i as UC_BRAND_BLUE, r as UC_BLUE_LIGHT, t as Spinner } from "../Spinner-CwBjkXHv.mjs";
-import process from "node:process";
+import { t as heroArtForWidth } from "../hero-art-C03HmDXN.mjs";
+import { i as buildOnboardingConfigPatch, n as ONBOARDING_AGENT_OPTIONS, r as ONBOARDING_CAPTURE_OPTIONS, t as ONBOARDING_AGENT_ALL_OPTION } from "../onboarding-preferences-Alhblobi.mjs";
+import process$1 from "node:process";
 import path from "node:path";
 import fs from "node:fs";
-import { spawn } from "node:child_process";
 import React from "react";
 import { Box, Text, render, useInput, useStdout } from "ink";
 import { TitledBox } from "@mishieck/ink-titled-box";
 
+//#region ../sync/src/recent-projects.mjs
+function safeStat(p) {
+	try {
+		return fs.statSync(p);
+	} catch {
+		return null;
+	}
+}
+function safeReaddir(dir) {
+	try {
+		return fs.readdirSync(dir, { withFileTypes: true });
+	} catch {
+		return [];
+	}
+}
+function firstJsonlFile(dir) {
+	return safeReaddir(dir).filter((e) => e.isFile() && e.name.endsWith(".jsonl")).map((e) => {
+		const full = path.join(dir, e.name);
+		const stat = safeStat(full);
+		return {
+			full,
+			mtime: stat ? stat.mtimeMs : 0
+		};
+	}).sort((a, b) => b.mtime - a.mtime)[0]?.full ?? null;
+}
+function readCwdFromJsonl(file, maxLines = 10) {
+	try {
+		const lines = fs.readFileSync(file, "utf8").split("\n", maxLines + 1).slice(0, maxLines);
+		for (const line of lines) {
+			if (!line) continue;
+			try {
+				const obj = JSON.parse(line);
+				if (typeof obj.cwd === "string" && obj.cwd) return obj.cwd;
+				if (obj.payload && typeof obj.payload.cwd === "string" && obj.payload.cwd) return obj.payload.cwd;
+			} catch {}
+		}
+	} catch {}
+	return null;
+}
+function decodeDirNameWithLeadingSlash(name) {
+	return "/" + name.replace(/^-/, "").replace(/-/g, "/");
+}
+function decodeCursorDirName(name) {
+	return "/" + name.replace(/-/g, "/");
+}
+function collect(rootDir, decode) {
+	return safeReaddir(rootDir).filter((entry) => entry.isDirectory()).map((entry) => {
+		const dir = path.join(rootDir, entry.name);
+		const stat = safeStat(dir);
+		const mtime = stat ? stat.mtimeMs : 0;
+		const jsonl = firstJsonlFile(dir);
+		return {
+			path: (jsonl ? readCwdFromJsonl(jsonl) : null) || decode(entry.name),
+			mtime
+		};
+	});
+}
+function discoverRecentProjects({ home = process.env.HOME } = {}) {
+	if (!home) return [];
+	const candidates = [...collect(path.join(home, ".claude", "projects"), decodeDirNameWithLeadingSlash), ...collect(path.join(home, ".cursor", "projects"), decodeCursorDirName)];
+	const best = /* @__PURE__ */ new Map();
+	for (const c of candidates) {
+		if (!c.path || !c.path.startsWith("/")) continue;
+		const stat = safeStat(c.path);
+		if (!stat || !stat.isDirectory()) continue;
+		const prev = best.get(c.path);
+		if (!prev || prev.mtime < c.mtime) best.set(c.path, c);
+	}
+	return [...best.values()].sort((a, b) => b.mtime - a.mtime).map((c) => c.path);
+}
+
+//#endregion
 //#region src/cli/onboarding.mjs
-const CONFIG_DIR = path.join(process.env.HOME || process.env.USERPROFILE || "~", ".ultracontext");
-const CONFIG_PATH = path.join(CONFIG_DIR, "config.json");
+const AGENT_ROWS = [ONBOARDING_AGENT_ALL_OPTION, ...ONBOARDING_AGENT_OPTIONS];
+function ListRow({ focused, checked, label, multi = false, keyProp }) {
+	const line = `${focused ? "❯ " : "  "}${multi ? checked ? "✓ " : "  " : ""}${label}`;
+	return React.createElement(Text, {
+		key: keyProp,
+		color: focused ? "white" : "gray",
+		bold: focused
+	}, line);
+}
+function configPaths() {
+	const home = process$1.env.ULTRACONTEXT_CONFIG_HOME || process$1.env.HOME || process$1.env.USERPROFILE || "~";
+	const dir = path.join(home, ".ultracontext");
+	return {
+		dir,
+		path: path.join(dir, "config.json")
+	};
+}
 function readConfig() {
 	try {
-		return JSON.parse(fs.readFileSync(CONFIG_PATH, "utf8"));
+		return JSON.parse(fs.readFileSync(configPaths().path, "utf8"));
 	} catch {
 		return {};
 	}
 }
 function writeConfig(patch) {
 	const existing = readConfig();
-	fs.mkdirSync(CONFIG_DIR, { recursive: true });
-	fs.writeFileSync(CONFIG_PATH, JSON.stringify({
+	const { dir, path: file } = configPaths();
+	fs.mkdirSync(dir, { recursive: true });
+	fs.writeFileSync(file, JSON.stringify({
 		...existing,
 		...patch
 	}, null, 2) + "\n", "utf8");
 }
-function openUrl(url) {
-	const cmd = process.platform === "darwin" ? "open" : "xdg-open";
-	try {
-		spawn(cmd, [url], {
-			detached: true,
-			stdio: "ignore"
-		}).unref();
-	} catch {}
-}
 function isValidKey(key) {
 	return /^uc_(live|test)_/.test(key);
 }
@@ -44,20 +123,6 @@ const MODE_OPTIONS = [{
 	label: "Self-host",
 	value: "selfhost"
 }];
-const BOOTSTRAP_OPTIONS = [
-	{
-		label: "New only (recommended)",
-		value: "new_only"
-	},
-	{
-		label: "Last 24h",
-		value: "last_24h"
-	},
-	{
-		label: "All",
-		value: "all"
-	}
-];
 const LAUNCH_OPTIONS = [{
 	label: "Yes, open the TUI (recommended)",
 	value: true
@@ -69,42 +134,70 @@ function stepNumber(step) {
 	if (step === "welcome") return 1;
 	if (step === "mode") return 2;
 	if (step === "url" || step === "key") return 3;
-	if (step === "bootstrap") return 4;
-	if (step === "launch") return 5;
-	return 5;
+	if (step === "agents") return 4;
+	if (step === "projects") return 5;
+	if (step === "capture") return 6;
+	if (step === "launch") return 7;
+	return 7;
 }
-const TOTAL_STEPS = 5;
+const TOTAL_STEPS = 7;
 function Onboarding({ onDone }) {
 	const { stdout } = useStdout();
-	const cols = stdout?.columns ?? process.stdout.columns ?? 80;
+	const cols = stdout?.columns ?? process$1.stdout.columns ?? 80;
 	const [step, setStep] = React.useState("welcome");
+	const [history, setHistory] = React.useState([]);
 	const [hosting, setHosting] = React.useState("cloud");
 	const [baseUrl, setBaseUrl] = React.useState("https://api.ultracontext.ai");
 	const [apiKey, setApiKey] = React.useState("");
-	const [bootstrapMode, setBootstrapMode] = React.useState("new_only");
+	const [captureAgents, setCaptureAgents] = React.useState(ONBOARDING_AGENT_OPTIONS.map((o) => o.id));
+	const [projectPaths, setProjectPaths] = React.useState([]);
+	const [autoCaptureMode, setAutoCaptureMode] = React.useState("all");
 	const [selectedIndex, setSelectedIndex] = React.useState(0);
 	const [keyInput, setKeyInput] = React.useState("");
 	const [urlInput, setUrlInput] = React.useState("https://");
 	const [error, setError] = React.useState("");
-	const [launchTui, setLaunchTui] = React.useState(false);
-	const finish = React.useCallback((finalKey, finalUrl, finalBootstrap) => {
+	const inferredProjects = React.useMemo(() => discoverRecentProjects(), []);
+	const ALL_PROJECTS = "__all__";
+	const projectRows = React.useMemo(() => [ALL_PROJECTS, ...inferredProjects], [inferredProjects]);
+	const [pickedProjects, setPickedProjects] = React.useState([ALL_PROJECTS]);
+	const pushStep = React.useCallback((nextStep) => {
+		setHistory((h) => [...h, step]);
+		setStep(nextStep);
+		setSelectedIndex(0);
+		setError("");
+	}, [step]);
+	const goBack = React.useCallback(() => {
+		setHistory((h) => {
+			if (h.length === 0) return h;
+			setStep(h[h.length - 1]);
+			setSelectedIndex(0);
+			setError("");
+			return h.slice(0, -1);
+		});
+	}, []);
+	const finish = React.useCallback((finalKey, finalUrl, preferences) => {
 		writeConfig({
 			apiKey: finalKey,
 			baseUrl: finalUrl,
-			bootstrapMode: finalBootstrap
+			...buildOnboardingConfigPatch(preferences)
 		});
-		process.env.ULTRACONTEXT_API_KEY = finalKey;
-		process.env.ULTRACONTEXT_BASE_URL = finalUrl;
-		setStep("launch");
-		setSelectedIndex(0);
-	}, []);
+		process$1.env.ULTRACONTEXT_API_KEY = finalKey;
+		process$1.env.ULTRACONTEXT_BASE_URL = finalUrl;
+		pushStep("launch");
+	}, [pushStep]);
 	useInput((input, key) => {
-		if (key.escape || input === "c" && key.ctrl) process.exit(0);
+		if (input === "c" && key.ctrl) process$1.exit(0);
+		if (key.escape) {
+			if (step === "welcome") process$1.exit(0);
+			goBack();
+			return;
+		}
+		if (key.leftArrow && step !== "welcome") {
+			goBack();
+			return;
+		}
 		if (step === "welcome") {
-			if (key.return) {
-				setStep("mode");
-				setSelectedIndex(0);
-			}
+			if (key.return) pushStep("mode");
 			return;
 		}
 		if (step === "mode") {
@@ -115,18 +208,11 @@ function Onboarding({ onDone }) {
 			if (key.return || input === " ") {
 				const chosen = MODE_OPTIONS[selectedIndex].value;
 				setHosting(chosen);
-				if (chosen === "selfhost") {
-					setStep("url");
-					setUrlInput("https://");
-					setError("");
-				} else {
+				if (chosen === "selfhost") pushStep("url");
+				else {
 					setBaseUrl("https://api.ultracontext.ai");
-					openUrl("https://ultracontext.ai");
-					setStep("key");
-					setKeyInput("");
-					setError("");
+					pushStep("key");
 				}
-				setSelectedIndex(0);
 			}
 			return;
 		}
@@ -138,9 +224,7 @@ function Onboarding({ onDone }) {
 					return;
 				}
 				setBaseUrl(trimmed);
-				setStep("key");
-				setKeyInput("");
-				setError("");
+				pushStep("key");
 				return;
 			}
 			if (key.backspace || key.delete) {
@@ -166,9 +250,7 @@ function Onboarding({ onDone }) {
 					return;
 				}
 				setApiKey(trimmed);
-				setStep("bootstrap");
-				setSelectedIndex(0);
-				setError("");
+				pushStep("agents");
 				return;
 			}
 			if (key.backspace || key.delete) {
@@ -182,16 +264,63 @@ function Onboarding({ onDone }) {
 			}
 			return;
 		}
-		if (step === "bootstrap") {
+		if (step === "agents") {
+			if (key.upArrow) setSelectedIndex((i) => Math.max(i - 1, 0));
+			if (key.downArrow) setSelectedIndex((i) => Math.min(i + 1, AGENT_ROWS.length - 1));
+			if (input === " ") {
+				setError("");
+				const row = AGENT_ROWS[selectedIndex];
+				if (row.id === "all") {
+					const allIds = ONBOARDING_AGENT_OPTIONS.map((o) => o.id);
+					setCaptureAgents((current) => current.length === allIds.length ? [] : allIds);
+				} else setCaptureAgents((current) => current.includes(row.id) ? current.filter((x) => x !== row.id) : [...current, row.id]);
+				return;
+			}
+			if (key.return) {
+				if (captureAgents.length === 0) {
+					setError("Select at least one agent");
+					return;
+				}
+				pushStep("projects");
+			}
+			return;
+		}
+		if (step === "projects") {
 			if (key.upArrow) setSelectedIndex((i) => Math.max(i - 1, 0));
-			if (key.downArrow) setSelectedIndex((i) => Math.min(i + 1, BOOTSTRAP_OPTIONS.length - 1));
+			if (key.downArrow) setSelectedIndex((i) => Math.min(i + 1, projectRows.length - 1));
+			if (input === " ") {
+				const row = projectRows[selectedIndex];
+				setPickedProjects((current) => {
+					if (row === ALL_PROJECTS) return current.includes(ALL_PROJECTS) ? [] : [ALL_PROJECTS];
+					const without = current.filter((p) => p !== ALL_PROJECTS && p !== row);
+					return current.includes(row) ? without : [...without, row];
+				});
+				setError("");
+				return;
+			}
+			if (key.return) {
+				if (pickedProjects.length === 0) {
+					setError("Select at least one project (or 'All projects')");
+					return;
+				}
+				setProjectPaths(pickedProjects.includes(ALL_PROJECTS) ? [] : pickedProjects.slice());
+				pushStep("capture");
+			}
+			return;
+		}
+		if (step === "capture") {
+			if (key.upArrow) setSelectedIndex((i) => Math.max(i - 1, 0));
+			if (key.downArrow) setSelectedIndex((i) => Math.min(i + 1, ONBOARDING_CAPTURE_OPTIONS.length - 1));
 			if (input === "1") setSelectedIndex(0);
 			if (input === "2") setSelectedIndex(1);
-			if (input === "3") setSelectedIndex(2);
 			if (key.return || input === " ") {
-				const chosen = BOOTSTRAP_OPTIONS[selectedIndex].value;
-				setBootstrapMode(chosen);
-				finish(apiKey, baseUrl, chosen);
+				const chosen = ONBOARDING_CAPTURE_OPTIONS[selectedIndex].id;
+				setAutoCaptureMode(chosen);
+				finish(apiKey, baseUrl, {
+					captureAgents,
+					projectPaths,
+					autoCaptureMode: chosen
+				});
 			}
 			return;
 		}
@@ -202,8 +331,7 @@ function Onboarding({ onDone }) {
 			if (input === "2") setSelectedIndex(1);
 			if (key.return || input === " ") {
 				const chosen = LAUNCH_OPTIONS[selectedIndex].value;
-				setLaunchTui(chosen);
-				setStep("done");
+				pushStep("done");
 				setTimeout(() => onDone(chosen), 80);
 			}
 			return;
@@ -212,67 +340,93 @@ function Onboarding({ onDone }) {
 	const heroLines = heroArtForWidth(cols - 4);
 	const stepNum = stepNumber(step);
 	const hero = React.createElement(Box, {
-		flexDirection: "row",
-		justifyContent: "center",
-		width: "100%"
-	}, React.createElement(Spinner, { color: UC_BLUE_LIGHT }), React.createElement(Box, { width: 3 }), React.createElement(Box, {
 		flexDirection: "column",
-		justifyContent: "center"
+		alignItems: "center",
+		width: "100%"
 	}, ...heroLines.map((line, i) => React.createElement(Text, {
 		key: `h${i}`,
 		color: "white",
 		bold: true
-	}, line))));
+	}, line)));
 	let content = null;
 	if (step === "welcome") content = React.createElement(Box, { flexDirection: "column" }, React.createElement(Text, {
 		color: "white",
 		bold: true
-	}, "Welcome to UltraContext"), React.createElement(Text, { color: "gray" }, "Context engineering for AI coding agents."), React.createElement(Box, { height: 1 }), React.createElement(Text, { color: UC_BLUE_LIGHT }, "Press Enter to begin setup..."));
+	}, "Welcome to UltraContext"), React.createElement(Box, { height: 1 }), React.createElement(Text, { color: "white" }, "Press Enter to begin setup..."));
 	if (step === "mode") content = React.createElement(Box, { flexDirection: "column" }, React.createElement(Text, {
 		color: "white",
 		bold: true
-	}, "How do you want to connect?"), React.createElement(Box, { height: 1 }), ...MODE_OPTIONS.map((opt, i) => {
-		const sel = i === selectedIndex;
-		return React.createElement(Text, {
-			key: `m${i}`,
-			color: sel ? UC_BLUE_LIGHT : "white"
-		}, sel ? "[•]" : "[ ]", ` ${i + 1}. ${opt.label}`);
-	}), React.createElement(Box, { height: 1 }), React.createElement(Text, { color: "gray" }, "Navigate: up/down, 1/2 | Confirm: Enter"));
+	}, "How do you want to connect?"), React.createElement(Box, { height: 1 }), ...MODE_OPTIONS.map((opt, i) => ListRow({
+		keyProp: `m${i}`,
+		focused: i === selectedIndex,
+		label: opt.label
+	})), React.createElement(Box, { height: 1 }), React.createElement(Text, { color: "gray" }, "↑↓ navigate · enter select"));
 	if (step === "url") content = React.createElement(Box, { flexDirection: "column" }, React.createElement(Text, {
 		color: "white",
 		bold: true
-	}, "Enter your API base URL:"), React.createElement(Box, { height: 1 }), React.createElement(Text, { color: UC_BLUE_LIGHT }, `> ${urlInput}_`), error ? React.createElement(Text, { color: "red" }, error) : null, React.createElement(Box, { height: 1 }), React.createElement(Text, { color: "gray" }, "Enter to confirm | Esc to quit"));
+	}, "Enter your API base URL:"), React.createElement(Box, { height: 1 }), React.createElement(Text, {
+		color: "white",
+		bold: true
+	}, `> ${urlInput}_`), error ? React.createElement(Text, { color: "red" }, error) : null, React.createElement(Box, { height: 1 }), React.createElement(Text, { color: "gray" }, "Enter to confirm | Esc to go back"));
 	if (step === "key") {
-		const keyPrompt = hosting === "cloud" ? "Paste your API key (browser opened for you):" : "Enter your API key:";
+		const keyPrompt = hosting === "cloud" ? "Paste your API key from ultracontext.ai:" : "Enter your API key:";
 		content = React.createElement(Box, { flexDirection: "column" }, React.createElement(Text, {
 			color: "white",
 			bold: true
-		}, keyPrompt), React.createElement(Box, { height: 1 }), React.createElement(Text, { color: UC_BLUE_LIGHT }, `> ${keyInput}_`), error ? React.createElement(Text, { color: "red" }, error) : null, React.createElement(Box, { height: 1 }), React.createElement(Text, { color: "gray" }, "Format: uc_live_... or uc_test_... | Enter to confirm"));
+		}, keyPrompt), React.createElement(Box, { height: 1 }), React.createElement(Text, {
+			color: "white",
+			bold: true
+		}, `> ${keyInput}_`), error ? React.createElement(Text, { color: "red" }, error) : null, React.createElement(Box, { height: 1 }), React.createElement(Text, { color: "gray" }, "Format: uc_live_... or uc_test_... | Enter to confirm"));
 	}
-	if (step === "bootstrap") content = React.createElement(Box, { flexDirection: "column" }, React.createElement(Text, {
+	if (step === "agents") {
+		const allChecked = ONBOARDING_AGENT_OPTIONS.every((o) => captureAgents.includes(o.id));
+		const selectedCount = captureAgents.length;
+		const totalCount = ONBOARDING_AGENT_OPTIONS.length;
+		content = React.createElement(Box, { flexDirection: "column" }, React.createElement(Text, {
+			color: "white",
+			bold: true
+		}, "Which agents should UltraContext watch?"), React.createElement(Text, { color: "gray" }, `${selectedCount} of ${totalCount} selected`), React.createElement(Box, { height: 1 }), ...AGENT_ROWS.map((opt, i) => ListRow({
+			keyProp: `a${i}`,
+			focused: i === selectedIndex,
+			checked: opt.id === "all" ? allChecked : captureAgents.includes(opt.id),
+			label: opt.label,
+			multi: true
+		})), error ? React.createElement(Text, { color: "red" }, error) : null, React.createElement(Box, { height: 1 }), React.createElement(Text, { color: "gray" }, "↑↓ navigate · space toggle · enter confirm"));
+	}
+	if (step === "projects") {
+		const specificsPicked = pickedProjects.filter((p) => p !== ALL_PROJECTS).length;
+		const summary = pickedProjects.includes(ALL_PROJECTS) ? "all projects" : `${specificsPicked} of ${inferredProjects.length} selected`;
+		content = React.createElement(Box, { flexDirection: "column" }, React.createElement(Text, {
+			color: "white",
+			bold: true
+		}, "Which projects should UltraContext auto-capture?"), React.createElement(Text, { color: "gray" }, `${summary} \u00B7 their agent sessions will be ingested`), React.createElement(Box, { height: 1 }), ...projectRows.map((row, i) => ListRow({
+			keyProp: `pr${i}`,
+			focused: i === selectedIndex,
+			checked: pickedProjects.includes(row),
+			label: row === ALL_PROJECTS ? "All projects (recommended)" : row,
+			multi: true
+		})), inferredProjects.length === 0 ? React.createElement(Text, { color: "gray" }, "(no recent Claude/Cursor projects found — all will be captured)") : null, error ? React.createElement(Text, { color: "red" }, error) : null, React.createElement(Box, { height: 1 }), React.createElement(Text, { color: "gray" }, "↑↓ navigate · space toggle · enter confirm"));
+	}
+	if (step === "capture") content = React.createElement(Box, { flexDirection: "column" }, React.createElement(Text, {
 		color: "white",
 		bold: true
-	}, "Initial sync mode:"), React.createElement(Box, { height: 1 }), ...BOOTSTRAP_OPTIONS.map((opt, i) => {
-		const sel = i === selectedIndex;
-		return React.createElement(Text, {
-			key: `b${i}`,
-			color: sel ? UC_BLUE_LIGHT : "white"
-		}, sel ? "[•]" : "[ ]", ` ${i + 1}. ${opt.label}`);
-	}), React.createElement(Box, { height: 1 }), React.createElement(Text, { color: "gray" }, "Navigate: up/down, 1/2/3 | Confirm: Enter"));
+	}, "Auto-capture mode:"), React.createElement(Box, { height: 1 }), ...ONBOARDING_CAPTURE_OPTIONS.map((opt, i) => ListRow({
+		keyProp: `c${i}`,
+		focused: i === selectedIndex,
+		label: opt.label
+	})), React.createElement(Box, { height: 1 }), React.createElement(Text, { color: "gray" }, "↑↓ navigate · enter select"));
 	if (step === "launch") content = React.createElement(Box, { flexDirection: "column" }, React.createElement(Text, {
 		color: "white",
 		bold: true
-	}, "Launch the TUI dashboard?"), React.createElement(Box, { height: 1 }), ...LAUNCH_OPTIONS.map((opt, i) => {
-		const sel = i === selectedIndex;
-		return React.createElement(Text, {
-			key: `l${i}`,
-			color: sel ? UC_BLUE_LIGHT : "white"
-		}, sel ? "[•]" : "[ ]", ` ${i + 1}. ${opt.label}`);
-	}), React.createElement(Box, { height: 1 }), React.createElement(Text, { color: "gray" }, "Navigate: up/down, 1/2 | Confirm: Enter"));
+	}, "Launch the TUI dashboard?"), React.createElement(Box, { height: 1 }), ...LAUNCH_OPTIONS.map((opt, i) => ListRow({
+		keyProp: `l${i}`,
+		focused: i === selectedIndex,
+		label: opt.label
+	})), React.createElement(Box, { height: 1 }), React.createElement(Text, { color: "gray" }, "↑↓ navigate · enter select"));
 	if (step === "done") content = React.createElement(Box, { flexDirection: "column" }, React.createElement(Text, {
 		color: "green",
 		bold: true
-	}, "Setup complete!"), React.createElement(Text, { color: "gray" }, `Config saved to ${CONFIG_PATH}`));
+	}, "Setup complete!"), React.createElement(Text, { color: "gray" }, `Config saved to ${configPaths().path}`));
 	const boxWidth = Math.min(cols - 2, 60);
 	return React.createElement(Box, {
 		flexDirection: "column",
@@ -281,13 +435,13 @@ function Onboarding({ onDone }) {
 		paddingY: 1,
 		width: cols
 	}, hero, React.createElement(Text, {
-		color: UC_BLUE_LIGHT,
+		color: "white",
 		bold: true
-	}, "[ The Context Hub for AI Agents ]"), React.createElement(Box, { height: 1 }), React.createElement(TitledBox, {
+	}, "[ Same context, everywhere ]"), React.createElement(Box, { height: 1 }), React.createElement(TitledBox, {
 		borderStyle: "single",
 		titles: ["Setup"],
 		titleJustify: "flex-start",
-		borderColor: UC_BRAND_BLUE,
+		borderColor: "white",
 		flexDirection: "column",
 		paddingX: 2,
 		paddingY: 1,
@@ -295,7 +449,10 @@ function Onboarding({ onDone }) {
 	}, React.createElement(Text, {
 		color: "gray",
 		dimColor: true
-	}, step !== "done" ? `Step ${stepNum} of ${TOTAL_STEPS}` : "Done"), React.createElement(Box, { height: 1 }), content));
+	}, step !== "done" ? `Step ${stepNum} of ${TOTAL_STEPS}` : "Done"), step !== "done" && step !== "welcome" ? React.createElement(Text, {
+		color: "gray",
+		dimColor: true
+	}, "← / Esc: back · Ctrl+C: quit") : null, React.createElement(Box, { height: 1 }), content));
 }
 function onboard() {
 	return new Promise((resolve) => {