@onkernel/cua-cli 0.1.0 → 0.1.2

package/README.md

@@ -7,22 +7,19 @@ interactive front-end and to
 [`pi-coding-agent`](https://www.npmjs.com/package/@earendil-works/pi-coding-agent)'s
 coding tools for workspace access.
 
-## Install (from the monorepo)
+## Install
 
 ```bash
-# from the repo root:
-npm install
-# run directly from source via tsx (no global install required):
-npx tsx packages/cli/src/cli.ts --help
-
-# optional: pin a shell function in your rc so `cua` works from any cwd
-# while preserving the caller's directory (so `--out`, transcript
-# bucketing, and `.agents/skills` discovery use the directory you
-# invoked from):
-#   CUA_REPO=/absolute/path/to/cua
-#   cua() { "$CUA_REPO/node_modules/.bin/tsx" "$CUA_REPO/packages/cli/src/cli.ts" "$@"; }
+# global install (puts `cua` on your PATH):
+npm install -g @onkernel/cua-cli
+cua --help
+
+# or run a one-off without installing:
+npx @onkernel/cua-cli --help
 ```
 
+Requires Node >= 22.19.0.
+
 ## Usage
 
 ```bash
@@ -135,14 +132,19 @@ For named sessions, the exact transcript path is in
 [Session transcripts section in the top-level README](../../README.md#session-transcripts)
 for the JSONL schema and `jq` analysis examples.
 
-## Skills
+## Skills and context
 
-`cua` follows the cross-agent
-[`~/.agents/skills/`](https://agentskills.io) standard. Discovery
-defaults:
+`cua` resolves skills and context files through pi's resource loader
+(the same loader pi's own TUI uses), so the discovery set matches pi.
+Skills load from:
 
-- `~/.agents/skills/` (user-global)
+- `~/.agents/skills/` (user-global, the cross-agent
+  [`~/.agents/skills/`](https://agentskills.io) standard)
 - `<cwd>/.agents/skills/` (project-local)
+- the pi agent dir (`~/.pi/agent/`)
+- pi-installed packages (`pi install …` records the package in pi's
+  settings and clones it under the agent dir; its bundled skills load
+  here too)
 
 Plus any explicit `--skill <path>` flags. Disable with `--no-skills`
 (`-ns`).
@@ -152,6 +154,16 @@ the system prompt; the model uses the `read` tool to load a skill's
 full body when its description matches the task. Use `/skill:<name>`
 in a prompt to force-load a skill body inline.
 
+Context files (`AGENTS.md` / `CLAUDE.md`) discovered by the resource
+loader are appended to the system prompt and listed in the TUI's
+`[Context]` section. `--no-skills` disables skill discovery only;
+context files still load, since they describe the project rather than
+add agent capabilities.
+
+pi *extensions* are not executed by `cua`: extensions bind into pi's
+`AgentSession`, and `cua` drives the lower-level `AgentHarness`
+directly. Installed-package skills and context still load.
+
 ## Image protocol
 
 Force the inline-screenshot protocol with `--image-protocol` or

package/dist/cli.js

@@ -5,10 +5,9 @@ import { parseArgs } from "node:util";
 import { CuaAgentHarness, InMemorySessionRepo, JsonlSessionRepo, NodeExecutionEnv, formatSkillsForSystemPrompt, loadSkills } from "@onkernel/cua-agent";
 import { getCuaEnvApiKey, getCuaModel, parseCuaModelRef, requireCuaEnvApiKey, resolveCuaRuntimeSpec } from "@onkernel/cua-ai";
 import { mkdir, readFile, readdir, stat, unlink, writeFile } from "node:fs/promises";
-import { createCodingTools } from "@earendil-works/pi-coding-agent";
+import { DefaultResourceLoader, SettingsManager, createCodingTools, getAgentDir } from "@earendil-works/pi-coding-agent";
 import { homedir } from "node:os";
-import { isAbsolute, join, resolve } from "node:path";
-import { existsSync } from "node:fs";
+import { dirname, isAbsolute, join, resolve } from "node:path";
 //#region src/action/prompts.ts
 function buildPrompt(req) {
 	switch (req.action) {
@@ -337,6 +336,7 @@ function emitCompact(res) {
 */
 function buildCuaHarness(opts) {
 	const skills = opts.skills ?? [];
+	const contextFiles = opts.contextFiles ?? [];
 	const extraTools = opts.extraTools ?? createCodingTools(opts.cwd);
 	const model = opts.modelBaseUrl ? {
 		...getCuaModel(opts.model),
@@ -352,7 +352,7 @@ function buildCuaHarness(opts) {
 		resources: { skills },
 		thinkingLevel: opts.thinkingLevel,
 		systemPrompt: ({ model: activeModel, resources }) => {
-			return composeSystemPrompt(resolveCuaRuntimeSpec(activeModel).defaultSystemPrompt, resources.skills ?? []);
+			return composeSystemPrompt(resolveCuaRuntimeSpec(activeModel).defaultSystemPrompt, resources.skills ?? [], contextFiles);
 		},
 		getApiKeyAndHeaders: opts.getApiKeyAndHeaders ?? (async (resolvedModel) => {
 			const apiKey = getCuaEnvApiKey(resolvedModel.provider);
@@ -360,10 +360,18 @@ function buildCuaHarness(opts) {
 		})
 	});
 }
-function composeSystemPrompt(base, skills) {
+function composeSystemPrompt(base, skills, contextFiles) {
+	const sections = [base.trim()];
 	const skillBlock = formatSkillsForSystemPrompt(skills).trim();
-	if (!skillBlock) return base;
-	return `${base.trim()}\n\n${skillBlock}\n`;
+	if (skillBlock) sections.push(skillBlock);
+	const contextBlock = formatContextFiles(contextFiles);
+	if (contextBlock) sections.push(contextBlock);
+	return `${sections.join("\n\n")}\n`;
+}
+function formatContextFiles(contextFiles) {
+	const blocks = contextFiles.filter((file) => file.content.trim().length > 0).map((file) => `## ${file.path}\n\n${file.content.trim()}`);
+	if (blocks.length === 0) return "";
+	return `# Context\n\n${blocks.join("\n\n")}`;
 }
 //#endregion
 //#region src/harness-named-sessions.ts
@@ -643,35 +651,79 @@ async function appendBrowserEntry(session, data) {
 //#endregion
 //#region src/harness-skills.ts
 /**
-* Discover skills following the cross-agent `~/.agents/skills/` standard.
+* Discover skills and context files via pi's `DefaultResourceLoader`, the same
+* loader pi's own TUI uses. This resolves skills from installed pi packages
+* (`pi install …` writes them under the agent dir and records them in
+* settings.json) in addition to `~/.agents/skills/`, `<cwd>/.agents/skills/`,
+* `~/.pi/agent/skills/`, and explicit `--skill` paths.
+*
+* Startup never blocks on an interactive prompt: project settings start
+* untrusted (no trust prompt), and `PI_OFFLINE` keeps a configured-but-not-
+* installed package from triggering a network install — it is skipped instead.
 *
-* Discovery order: explicit `--skill` paths, then `~/.agents/skills/`,
-* then `<cwd>/.agents/skills/`. Missing paths are skipped silently.
+* pi extensions are not loaded (`noExtensions`): cua's harness drives the
+* lower-level `AgentHarness` directly and cannot bind pi `AgentSession`
+* extensions.
 */
 async function discoverCuaSkills(opts) {
-	if (opts.disabled) return {
-		skills: [],
-		sources: [],
-		diagnostics: []
-	};
 	const extras = (opts.extraPaths ?? []).filter((p) => p && p.trim().length > 0);
-	const userAgentsDir = join(homedir(), ".agents", "skills");
-	const projectAgentsDir = join(opts.cwd, ".agents", "skills");
-	const sources = [
-		...extras,
-		userAgentsDir,
-		projectAgentsDir
-	].filter((p) => existsSync(p));
-	if (sources.length === 0) return {
+	const agentDir = opts.agentDir ?? getAgentDir();
+	const settingsManager = SettingsManager.create(opts.cwd, agentDir, { projectTrusted: false });
+	const projectSkillDir = join(opts.cwd, ".agents", "skills");
+	const additionalSkillPaths = [...extras, projectSkillDir];
+	const loader = new DefaultResourceLoader({
+		cwd: opts.cwd,
+		agentDir,
+		settingsManager,
+		additionalSkillPaths,
+		noSkills: opts.disabled === true,
+		noExtensions: true,
+		noPromptTemplates: true,
+		noThemes: true
+	});
+	const restoreOffline = forceOfflinePackageResolution();
+	try {
+		await loader.reload();
+	} finally {
+		restoreOffline();
+	}
+	const piSkills = loader.getSkills().skills;
+	const contextFiles = loader.getAgentsFiles().agentsFiles;
+	const discoveredPaths = new Set(piSkills.map((s) => s.filePath));
+	const skillDirs = [...new Set(piSkills.map((s) => dirname(s.filePath)))];
+	if (skillDirs.length === 0) return {
 		skills: [],
-		sources: [],
+		contextFiles,
 		diagnostics: []
 	};
-	const result = await loadSkills(opts.env, sources);
+	const loaded = await loadSkills(opts.env, skillDirs);
 	return {
-		skills: result.skills,
-		sources,
-		diagnostics: result.diagnostics
+		skills: dedupeByFilePath(loaded.skills.filter((s) => discoveredPaths.has(s.filePath))),
+		contextFiles,
+		diagnostics: loaded.diagnostics
+	};
+}
+function dedupeByFilePath(skills) {
+	const seen = /* @__PURE__ */ new Set();
+	const result = [];
+	for (const skill of skills) {
+		if (seen.has(skill.filePath)) continue;
+		seen.add(skill.filePath);
+		result.push(skill);
+	}
+	return result;
+}
+/**
+* `DefaultResourceLoader.reload()` resolves packages without an `onMissing`
+* callback, which would auto-install a configured-but-missing package over the
+* network. `PI_OFFLINE` makes that resolution skip missing packages instead, so
+* startup can never hang on an install. Restores any prior value afterward.
+*/
+function forceOfflinePackageResolution() {
+	if (process.env.PI_OFFLINE !== void 0) return () => {};
+	process.env.PI_OFFLINE = "1";
+	return () => {
+		delete process.env.PI_OFFLINE;
 	};
 }
 /**
@@ -1162,7 +1214,7 @@ async function pickSession(sessions) {
 async function setupHarnessRuntime(flags, opts = {}) {
 	const auth = resolveAuth(flags);
 	const cwd = process.cwd();
-	const { skills } = await discoverCuaSkills({
+	const { skills, contextFiles } = await discoverCuaSkills({
 		cwd,
 		env: new NodeExecutionEnv({ cwd }),
 		extraPaths: flags.skillPaths,
@@ -1197,6 +1249,7 @@ async function setupHarnessRuntime(flags, opts = {}) {
 		session,
 		model: auth.modelRef,
 		skills,
+		contextFiles,
 		thinkingLevel,
 		modelBaseUrl: baseUrlOverride
 	});
@@ -1205,6 +1258,7 @@ async function setupHarnessRuntime(flags, opts = {}) {
 		resolved,
 		session,
 		skills,
+		contextFiles,
 		harness,
 		provider,
 		modelRef: auth.modelRef
@@ -1261,7 +1315,7 @@ async function runPrintCommand(prompt, flags) {
 /** Run the interactive TUI through the new harness wiring. */
 async function runInteractiveCommand(initialPrompt, flags) {
 	const runtime = await setupHarnessRuntime(flags);
-	const { runInteractive } = await import("./main-Bphx_zOj.js");
+	const { runInteractive } = await import("./main-BJ1jOxe3.js");
 	try {
 		return await runInteractive({
 			cwd: process.cwd(),
@@ -1269,6 +1323,7 @@ async function runInteractiveCommand(initialPrompt, flags) {
 			browserHandle: runtime.handle,
 			session: runtime.session,
 			skills: runtime.skills,
+			contextFiles: runtime.contextFiles,
 			modelRef: runtime.modelRef,
 			provider: runtime.provider,
 			initialPrompt: initialPrompt || void 0,
@@ -1510,8 +1565,10 @@ Options:
       --session <ref>            Resume a specific session: path | partial id | latest
       --session-dir <dir>        Override the sessions directory
       --no-session               Don't persist this session to disk
-      --skill <path>             Load a skill file or directory (repeatable).
-                                 Defaults: ~/.agents/skills/, <cwd>/.agents/skills/
+      --skill <path>             Load an extra skill file or directory (repeatable).
+                                 Skills also load from ~/.agents/skills/,
+                                 <cwd>/.agents/skills/, the pi agent dir
+                                 (~/.pi/agent/), and pi-installed packages.
   -ns, --no-skills               Disable skill discovery entirely
       --debug-tui                Enable TUI render diagnostics for manual repros
   -v, --verbose                  Verbose progress output to stderr

package/dist/{main-Bphx_zOj.js → main-BJ1jOxe3.js}

@@ -2,10 +2,11 @@ import { i as captureScreenshot, r as resolveCuaModelRef } from "./harness-model
 import { stderr } from "node:process";
 import { estimateContextTokens, formatSkillInvocation } from "@onkernel/cua-agent";
 import { listCuaModels } from "@onkernel/cua-ai";
-import os from "node:os";
+import { Theme, getMarkdownTheme, getSelectListTheme, initTheme } from "@earendil-works/pi-coding-agent";
+import os, { homedir } from "node:os";
 import path from "node:path";
-import { appendFileSync, copyFileSync, existsSync, mkdirSync, readFileSync, readdirSync, statSync, writeFileSync } from "node:fs";
 import { CombinedAutocompleteProvider, Container, Editor, Image, KeybindingsManager, Markdown, ProcessTerminal, Spacer, TUI, TUI_KEYBINDINGS, Text, allocateImageId, detectCapabilities, hyperlink, matchesKey, setCapabilities, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import { appendFileSync, copyFileSync, existsSync, mkdirSync, readFileSync, readdirSync, statSync, writeFileSync } from "node:fs";
 //#region src/tui/debug-log.ts
 const PI_RENDER_DIR = "/tmp/tui";
 const PI_REDRAW_LOG = path.join(os.homedir(), ".pi", "agent", "pi-debug.log");
@@ -147,50 +148,45 @@ function applyAndSummarizeImageProtocol(flag) {
 }
 //#endregion
 //#region src/tui/themes.ts
-const RESET = "\x1B[0m";
-const ansi = {
-	dim: (text) => `\x1b[2m${text}${RESET}`,
-	bold: (text) => `\x1b[1m${text}${RESET}`,
-	italic: (text) => `\x1b[3m${text}${RESET}`,
-	underline: (text) => `\x1b[4m${text}${RESET}`,
-	strikethrough: (text) => `\x1b[9m${text}${RESET}`,
-	cyan: (text) => `\x1b[36m${text}${RESET}`,
-	green: (text) => `\x1b[32m${text}${RESET}`,
-	yellow: (text) => `\x1b[33m${text}${RESET}`,
-	red: (text) => `\x1b[31m${text}${RESET}`,
-	gray: (text) => `\x1b[90m${text}${RESET}`,
-	blue: (text) => `\x1b[34m${text}${RESET}`,
-	lightBlue: (text) => `\x1b[38;2;129;162;190m${text}${RESET}`,
-	magenta: (text) => `\x1b[35m${text}${RESET}`
-};
-const colors = ansi;
-const editorTheme = {
-	borderColor: (text) => ansi.lightBlue(text),
-	selectList: {
-		selectedPrefix: (text) => ansi.cyan(text),
-		selectedText: (text) => ansi.cyan(text),
-		description: (text) => ansi.dim(text),
-		scrollInfo: (text) => ansi.dim(text),
-		noMatch: (text) => ansi.dim(text)
-	}
-};
-const imageTheme = { fallbackColor: (text) => ansi.dim(text) };
-const markdownTheme = {
-	heading: (text) => ansi.bold(text),
-	link: (text) => ansi.cyan(text),
-	linkUrl: (text) => ansi.dim(text),
-	code: (text) => ansi.magenta(text),
-	codeBlock: (text) => text,
-	codeBlockBorder: (text) => ansi.dim(text),
-	quote: (text) => ansi.dim(text),
-	quoteBorder: (text) => ansi.dim(text),
-	hr: (text) => ansi.dim(text),
-	listBullet: (text) => ansi.cyan(text),
-	bold: (text) => ansi.bold(text),
-	italic: (text) => ansi.italic(text),
-	strikethrough: (text) => ansi.strikethrough(text),
-	underline: (text) => ansi.underline(text)
+/**
+* cua's TUI styling rides on pi's theme system so it matches pi's own TUI.
+* `initTheme()` must run once at TUI startup (see `tui/main.ts`) before any of
+* these helpers are used.
+*
+* pi exports the `Theme` class and the markdown/select-list theme getters, but
+* not the live theme instance behind `theme.fg(...)`. That instance is published
+* on a `Symbol.for` global key (pi's cross-realm contract for its own `theme`
+* proxy), so we read it back here to colorize text with the active palette.
+*/
+const THEME_KEY = Symbol.for("@earendil-works/pi-coding-agent:theme");
+function activeTheme() {
+	const instance = globalThis[THEME_KEY];
+	if (!(instance instanceof Theme)) throw new Error("pi theme not initialized; call initTheme() before rendering the TUI");
+	return instance;
+}
+/**
+* The small palette cua's components reach for, mapped onto pi theme colors so
+* existing call sites keep working while picking up pi's palette.
+*/
+const colors = {
+	dim: (text) => activeTheme().fg("dim", text),
+	bold: (text) => activeTheme().bold(text),
+	accent: (text) => activeTheme().fg("accent", text),
+	muted: (text) => activeTheme().fg("muted", text),
+	heading: (text) => activeTheme().fg("mdHeading", text),
+	success: (text) => activeTheme().fg("success", text),
+	error: (text) => activeTheme().fg("error", text),
+	warning: (text) => activeTheme().fg("warning", text)
 };
+/** pi has no exported editor theme; compose one from its select-list theme. */
+function getEditorTheme() {
+	return {
+		borderColor: (text) => activeTheme().fg("borderAccent", text),
+		selectList: getSelectListTheme()
+	};
+}
+/** pi has no image theme; only the text fallback color is cua-specific. */
+const imageTheme = { fallbackColor: (text) => activeTheme().fg("dim", text) };
 //#endregion
 //#region src/tui/message-list.ts
 /**
@@ -210,17 +206,17 @@ var MessageList = class extends Container {
 	}
 	addToolCall(name, args) {
 		const summary = formatToolCall(name, args);
-		this.appendBlock([colors.cyan("· ") + colors.dim(name) + " " + summary]);
+		this.appendBlock([colors.accent("· ") + colors.dim(name) + " " + summary]);
 	}
 	addToolResult(name, ok, summary) {
-		const icon = ok ? colors.green("✓") : colors.red("✗");
+		const icon = ok ? colors.success("✓") : colors.error("✗");
 		this.appendBlock([`  ${icon} ${colors.dim(name)} ${summary}`]);
 	}
 	addNotice(text) {
-		this.appendBlock([colors.yellow("· ") + colors.dim(text)]);
+		this.appendBlock([colors.warning("· ") + colors.dim(text)]);
 	}
 	addError(text) {
-		this.appendBlock([colors.red("error ") + text]);
+		this.appendBlock([colors.error("error ") + text]);
 	}
 	appendBlock(lines) {
 		for (const line of lines) this.addChild(new Text(line, 0, 0));
@@ -233,8 +229,8 @@ var AssistantBuffer = class extends Container {
 	body;
 	constructor() {
 		super();
-		this.addChild(new Text(colors.green("assistant"), 0, 0));
-		this.body = new Markdown("", 0, 0, markdownTheme);
+		this.addChild(new Text(colors.success("assistant"), 0, 0));
+		this.body = new Markdown("", 0, 0, getMarkdownTheme());
 		this.addChild(this.body);
 	}
 	append(delta) {
@@ -444,7 +440,7 @@ var StatusLine = class extends Text {
 		if (this.state.currentUrl) parts.push(colors.dim("url ") + truncate(this.state.currentUrl, 50));
 		if (this.state.tokens !== void 0) parts.push(colors.dim("tokens ") + this.state.tokens.toLocaleString());
 		if (this.state.cost !== void 0) parts.push(colors.dim("$") + this.state.cost.toFixed(3));
-		if (this.state.working) parts.push(colors.yellow(`⏳ ${this.state.working}`));
+		if (this.state.working) parts.push(colors.warning(`⏳ ${this.state.working}`));
 		this.setText(parts.join(sep));
 	}
 };
@@ -506,6 +502,11 @@ function padToWidth(text, width) {
 	return text + " ".repeat(pad);
 }
 //#endregion
+//#region src/tui/version.ts
+function cuaVersion() {
+	return "0.1.2";
+}
+//#endregion
 //#region src/tui/main.ts
 /**
 * Run the interactive cua TUI: pi-tui differential renderer with header,
@@ -514,6 +515,7 @@ function padToWidth(text, width) {
 * directly via `harness.subscribe()`.
 */
 async function runInteractive(opts) {
+	initTheme();
 	const { summary: capsSummary, overridden } = applyAndSummarizeImageProtocol(opts.imageProtocol);
 	const debug = opts.debugTui ? openTuiDebugLog() : void 0;
 	const initialModel = opts.harness.getModel();
@@ -541,7 +543,7 @@ async function runInteractive(opts) {
 		tui.requestRender(force);
 	};
 	new KeybindingsManager(TUI_KEYBINDINGS);
-	const editor = new Editor(tui, editorTheme);
+	const editor = new Editor(tui, getEditorTheme());
 	editor.setAutocompleteProvider(buildAutocompleteProvider(opts.cwd, opts.skills ?? []));
 	const messages = new MessageList();
 	const screenshot = new ScreenshotWidget();
@@ -559,13 +561,20 @@ async function runInteractive(opts) {
 		contextTokens: 0
 	});
 	const header = new Container();
-	header.addChild(new Text(colors.bold("cua") + colors.dim(" — kernel-cloud-browser computer-use agent"), 0, 0));
+	const logo = colors.bold(colors.accent("cua")) + colors.dim(` v${cuaVersion()}`);
+	header.addChild(new Text(logo, 0, 0));
+	header.addChild(new Text(keyHintRow(), 0, 0));
 	const capsHint = overridden ? colors.dim(capsSummary) : colors.dim(capsSummary + " · set CUA_IMAGE_PROTOCOL=kitty|iterm2 to force inline images");
 	header.addChild(new Text(capsHint, 0, 0));
 	if (liveUrl) header.addChild(new Text(colors.dim("live ") + hyperlink(liveUrl, liveUrl), 0, 0));
 	header.addChild(new Text("", 0, 0));
+	const contextSection = buildContextSection(opts.contextFiles ?? []);
 	const skillSection = buildSkillSection(opts.skills ?? []);
 	tui.addChild(header);
+	if (contextSection) {
+		tui.addChild(contextSection);
+		tui.addChild(new Spacer(1));
+	}
 	if (skillSection) {
 		tui.addChild(skillSection);
 		tui.addChild(new Spacer(1));
@@ -652,14 +661,14 @@ async function runInteractive(opts) {
 			case "tool_execution_end": {
 				const result = event.result;
 				const isError = !!event.isError;
-				let summary = isError ? colors.red("error") : colors.green("ok");
+				let summary = isError ? colors.error("error") : colors.success("ok");
 				if (!isError && result?.content) {
 					const imgs = result.content.filter((c) => c?.type === "image");
 					if (imgs.length > 0) summary += colors.dim(` · ${imgs.length} screenshot${imgs.length > 1 ? "s" : ""}`);
 					const lastImg = imgs[imgs.length - 1];
 					if (lastImg?.data) screenshot.update(lastImg.data, lastImg.mimeType ?? "image/png");
 				}
-				if (isError && result?.details?.error) summary = colors.red(result.details.error);
+				if (isError && result?.details?.error) summary = colors.error(result.details.error);
 				messages.addToolResult(event.toolName, !isError, summary);
 				debug?.log("tool_execution_end", {
 					toolName: event.toolName,
@@ -889,11 +898,34 @@ async function applyCompactCommand(opts, messages) {
 async function refreshContextTokens(session) {
 	return estimateContextTokens((await session.buildContext()).messages).tokens;
 }
+function keyHintRow() {
+	const hint = (keys, label) => colors.bold(keys) + colors.dim(` ${label}`);
+	return [
+		hint("esc/ctrl+c", "to interrupt"),
+		hint("ctrl+c/ctrl+d", "to exit"),
+		hint("/", "for commands")
+	].join(colors.muted(" · "));
+}
+function sectionLabel(name) {
+	return colors.heading(`[${name}]`);
+}
+function buildContextSection(contextFiles) {
+	if (contextFiles.length === 0) return void 0;
+	const paths = contextFiles.map((file) => displayPath(file.path)).join(", ");
+	const container = new Container();
+	container.addChild(new Text(sectionLabel("Context") + "\n" + colors.dim(`  ${paths}`), 0, 0));
+	return container;
+}
 function buildSkillSection(skills) {
 	if (skills.length === 0) return void 0;
+	const names = skills.map((s) => s.name).sort((a, b) => a.localeCompare(b)).join(", ");
 	const container = new Container();
-	container.addChild(new Text(colors.blue("[Skills]") + "\n" + skills.map((s) => s.name).join(", "), 0, 0));
+	container.addChild(new Text(sectionLabel("Skills") + "\n" + colors.dim(`  ${names}`), 0, 0));
 	return container;
 }
+function displayPath(path) {
+	const home = homedir();
+	return path.startsWith(home) ? `~${path.slice(home.length)}` : path;
+}
 //#endregion
 export { runInteractive };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onkernel/cua-cli",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Kernel-cloud-browser computer-use TUI built on @onkernel/cua-agent and pi-tui",
   "license": "MIT",
   "type": "module",