@seanmozeik/avicon 0.1.3 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seanmozeik/avicon",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "AI-powered audio/video/image conversion CLI — describe what you want, get the commands",
   "type": "module",
   "bin": {

package/src/index.ts

@@ -218,6 +218,10 @@ function renderToolSummary(ctx: ToolCtx): string {
 
 // ── Display panels ────────────────────────────────────────────────────────────
 
+function colorizeTemplate(cmd: string): string {
+	return cmd.replace(/\{\{(\w+)\}\}/g, (_, name) => frappe.peach(name));
+}
+
 function renderPanels(result: GenerateResult): void {
 	const explanationBox = boxen(result.explanation, {
 		borderColor: boxColors.primary,
@@ -230,7 +234,7 @@ function renderPanels(result: GenerateResult): void {
 
 	if (result.commands.length > 0) {
 		const numberedCmds = result.commands
-			.map((cmd, i) => `${frappe.sky(`[${i + 1}]`)} ${cmd}`)
+			.map((cmd, i) => `${frappe.sky(`[${i + 1}]`)} ${colorizeTemplate(cmd)}`)
 			.join("\n");
 
 		const commandsBox = boxen(numberedCmds, {
@@ -260,25 +264,34 @@ function renderBatchPanels(
 	});
 	console.log(`\n${explanationBox}`);
 
-	const stepCount = result.commands.length;
 	const fileCount = fileGroups.length;
 	const PREVIEW_MAX = 3;
 	const preview = fileGroups.slice(0, PREVIEW_MAX);
 	const rest = fileGroups.length - preview.length;
 
-	const longestInput = Math.max(...preview.map((g) => g.file.length));
-	const rows = preview.map(({ file, commands }) => {
-		const output = commands[commands.length - 1]?.match(/\S+$/) ?? ["?"];
-		const outputFile = output[0];
-		const pad = " ".repeat(longestInput - file.length + 2);
-		return `  ${frappe.sky(file)}${pad}→  ${outputFile}`;
-	});
+	const rows = preview.map(({ file }) => `  ${frappe.sky(file)}`);
 	if (rest > 0) {
 		rows.push(`  ${theme.muted(`…and ${rest} more`)}`);
 	}
 
+	if (result.commands.length > 0) {
+		const numberedCmds = result.commands
+			.map((cmd, i) => `${frappe.sky(`[${i + 1}]`)} ${colorizeTemplate(cmd)}`)
+			.join("\n");
+
+		const commandsBox = boxen(numberedCmds, {
+			borderColor: boxColors.default,
+			dimBorder: true,
+			borderStyle: "round",
+			padding: { top: 0, bottom: 0, left: 1, right: 1 },
+			title: "Commands",
+			titleAlignment: "left",
+		});
+		console.log(`\n${commandsBox}`);
+	}
+
 	const previewBody = [
-		`${frappe.sky(String(fileCount))} file${fileCount !== 1 ? "s" : ""} matched ${result.glob.join(", ")}  (${stepCount} command${stepCount !== 1 ? "s" : ""} each):`,
+		`${frappe.sky(String(fileCount))} file${fileCount !== 1 ? "s" : ""} matched ${result.glob.join(", ")}:`,
 		...rows,
 	].join("\n");
 

package/src/lib/prompt.ts

@@ -78,13 +78,13 @@ GIF output — always use the two-step palette pipeline, never a single-command
 SINGLE-FILE MODE: Use when operating on specific named file(s) or when the user provides explicit filenames.
   Schema: { "commands": string[], "explanation": string }
   - commands: concrete shell strings, no placeholders, no &&, no loops; may have multiple steps (e.g. transcode → encode)
-  - always include -hide_banner -nostdin in every ffmpeg command
+  - always include -hide_banner -nostdin in every ffmpeg command; do NOT add these flags to magick commands
   - If neither tool can handle the task, return { "commands": [], "explanation": "<reason why it cannot be done with available tools>" }
 
 BATCH MODE: Use when user wants to process all files matching a pattern (e.g. "all mp4s", "every image", "all files in this folder").
   Schema: { "multi_file": true, "glob": string[], "commands": string[], "output_template": string, "explanation": string }
   - glob: array of glob patterns relative to cwd (e.g. ["*.mp4"])
-  - commands: template strings — each may use {{input}}, {{output}}, {{stem}}, {{dir}}; always include -hide_banner -nostdin in every ffmpeg command
+  - commands: template strings — each may use {{input}}, {{output}}, {{stem}}, {{dir}}; always include -hide_banner -nostdin in every ffmpeg command; do NOT add these flags to magick commands
       {{input}} — path to the input file
       {{output}} — resolved output path (from output_template)
       {{stem}} — filename without extension (e.g. "video" from "video.mp4")