gnhf 0.1.9 → 0.1.10

package/README.md

@@ -47,6 +47,7 @@ You wake up to a branch full of clean work and a log of everything that happened
 - **Dead simple** — one command starts an autonomous loop that runs until you Ctrl+C or a configured runtime cap is reached
 - **Long running** — each iteration is committed on success, rolled back on failure, with sensible retries and exponential backoff
 - **Agent-agnostic** — works with Claude Code, Codex, Rovo Dev, or OpenCode out of the box
+- **Terminal-safe rendering** — the live UI keeps wide Unicode text such as emoji and CJK glyphs aligned instead of clipping or shifting the frame
 
 ## Quick Start
 

package/dist/cli.mjs

@@ -2356,7 +2356,68 @@ function formatTokens(count) {
 	return String(count);
 }
 //#endregion
+//#region src/utils/terminal-width.ts
+const graphemeSegmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+const MARK_REGEX = /\p{Mark}/u;
+const REGIONAL_INDICATOR_REGEX = /\p{Regional_Indicator}/u;
+const EXTENDED_PICTOGRAPHIC_REGEX = /\p{Extended_Pictographic}/u;
+function isFullWidthCodePoint(codePoint) {
+	return codePoint >= 4352 && (codePoint <= 4447 || codePoint === 9001 || codePoint === 9002 || codePoint >= 11904 && codePoint <= 12871 && codePoint !== 12351 || codePoint >= 12880 && codePoint <= 19903 || codePoint >= 19968 && codePoint <= 42182 || codePoint >= 43360 && codePoint <= 43388 || codePoint >= 44032 && codePoint <= 55203 || codePoint >= 63744 && codePoint <= 64255 || codePoint >= 65040 && codePoint <= 65049 || codePoint >= 65072 && codePoint <= 65131 || codePoint >= 65281 && codePoint <= 65376 || codePoint >= 65504 && codePoint <= 65510 || codePoint >= 110592 && codePoint <= 110593 || codePoint >= 127488 && codePoint <= 127569 || codePoint >= 131072 && codePoint <= 262141);
+}
+function codePointWidth(codePoint) {
+	if (codePoint === 0 || codePoint === 8204 || codePoint === 8205 || codePoint === 65038 || codePoint === 65039) return 0;
+	if (MARK_REGEX.test(String.fromCodePoint(codePoint))) return 0;
+	return isFullWidthCodePoint(codePoint) ? 2 : 1;
+}
+function isWideEmojiGrapheme(grapheme) {
+	return grapheme.includes("‍") || grapheme.includes("️") || grapheme.includes("⃣") || REGIONAL_INDICATOR_REGEX.test(grapheme) || Array.from(grapheme).some((char) => EXTENDED_PICTOGRAPHIC_REGEX.test(char));
+}
+function splitGraphemes(text) {
+	return Array.from(graphemeSegmenter.segment(text), ({ segment }) => segment);
+}
+function graphemeWidth(grapheme) {
+	if (!grapheme) return 0;
+	if (isWideEmojiGrapheme(grapheme)) return 2;
+	let width = 0;
+	for (const char of grapheme) width += codePointWidth(char.codePointAt(0) ?? 0);
+	return width;
+}
+function stringWidth(text) {
+	let width = 0;
+	for (const grapheme of splitGraphemes(text)) width += graphemeWidth(grapheme);
+	return width;
+}
+//#endregion
 //#region src/utils/wordwrap.ts
+function sliceToWidth(text, width) {
+	let result = "";
+	let currentWidth = 0;
+	for (const grapheme of splitGraphemes(text)) {
+		const nextWidth = currentWidth + graphemeWidth(grapheme);
+		if (nextWidth > width) break;
+		result += grapheme;
+		currentWidth = nextWidth;
+	}
+	return result;
+}
+function splitByWidth(text, width) {
+	const lines = [];
+	let current = "";
+	let currentWidth = 0;
+	for (const grapheme of splitGraphemes(text)) {
+		const glyphWidth = graphemeWidth(grapheme);
+		if (current && currentWidth + glyphWidth > width) {
+			lines.push(current);
+			current = grapheme;
+			currentWidth = glyphWidth;
+			continue;
+		}
+		current += grapheme;
+		currentWidth += glyphWidth;
+	}
+	if (current) lines.push(current);
+	return lines;
+}
 function wordWrap(text, width, maxLines) {
 	if (!text) return [];
 	const lines = [];
@@ -2367,26 +2428,34 @@ function wordWrap(text, width, maxLines) {
 			continue;
 		}
 		let current = "";
+		let currentWidth = 0;
 		for (const word of words) {
-			if (word.length > width) {
+			const wordWidth = stringWidth(word);
+			if (wordWidth > width) {
 				if (current) {
 					lines.push(current);
 					current = "";
+					currentWidth = 0;
 				}
-				for (let i = 0; i < word.length; i += width) lines.push(word.slice(i, i + width));
+				for (const slice of splitByWidth(word, width)) lines.push(slice);
 				continue;
 			}
-			if (current && current.length + 1 + word.length > width) {
+			const nextWidth = current ? currentWidth + 1 + wordWidth : wordWidth;
+			if (current && nextWidth > width) {
 				lines.push(current);
 				current = word;
-			} else current = current ? current + " " + word : word;
+				currentWidth = wordWidth;
+			} else {
+				current = current ? current + " " + word : word;
+				currentWidth = nextWidth;
+			}
 		}
 		if (current) lines.push(current);
 	}
 	if (maxLines && lines.length > maxLines) {
 		const capped = lines.slice(0, maxLines);
 		const last = capped[maxLines - 1];
-		capped[maxLines - 1] = last.length >= width ? last.slice(0, width - 1) + "…" : last + "…";
+		capped[maxLines - 1] = stringWidth(last) >= width ? sliceToWidth(last, width - 1) + "…" : last + "…";
 		return capped;
 	}
 	return lines;
@@ -2402,13 +2471,13 @@ function makeCell(char, style) {
 	return {
 		char,
 		style,
-		width: (char.codePointAt(0) ?? 0) > 65535 ? 2 : 1
+		width: graphemeWidth(char)
 	};
 }
 function textToCells(text, style) {
 	const cells = [];
-	for (const char of text) {
-		const cell = makeCell(char, style);
+	for (const grapheme of splitGraphemes(text)) {
+		const cell = makeCell(grapheme, style);
 		cells.push(cell);
 		if (cell.width === 2) cells.push({
 			char: "",
@@ -2490,7 +2559,7 @@ const TICK_MS = 200;
 const MOONS_PER_ROW = 30;
 const MOON_PHASE_PERIOD = 1600;
 const MAX_MSG_LINES = 3;
-const MAX_MSG_LINE_LEN = 64;
+const MAX_MSG_LINE_LEN = CONTENT_WIDTH;
 const RESUME_HINT = "[ctrl+c to stop, gnhf again to resume]";
 function spacedLabel(text) {
 	return text.split("").join(" ");
@@ -2584,52 +2653,124 @@ function renderSideStarsCells(stars, rowIndex, xOffset, sideWidth, now) {
 	placeStarsInCells(cells, stars, rowIndex, xOffset, xOffset + sideWidth, xOffset, now);
 	return cells;
 }
+function clampCellsToWidth(content, width) {
+	if (content.length <= width) return content;
+	const clamped = [];
+	let remaining = width;
+	for (let i = 0; i < content.length && remaining > 0; i++) {
+		const cell = content[i];
+		if (cell.width === 0) continue;
+		if (cell.width > remaining) break;
+		clamped.push(cell);
+		remaining -= cell.width;
+		if (cell.width === 2 && content[i + 1]?.width === 0) {
+			clamped.push(content[i + 1]);
+			i += 1;
+		}
+	}
+	return clamped;
+}
 function centerLineCells(content, width) {
-	const w = content.length;
+	const clamped = clampCellsToWidth(content, width);
+	const w = clamped.length;
 	const pad = Math.max(0, Math.floor((width - w) / 2));
 	const rightPad = Math.max(0, width - w - pad);
 	return [
 		...emptyCells(pad),
-		...content,
+		...clamped,
 		...emptyCells(rightPad)
 	];
 }
 function renderResumeHintCells(width) {
 	return centerLineCells(textToCells(RESUME_HINT, "dim"), width);
 }
-function fitContentRows(contentRows, maxRows) {
-	if (contentRows.length <= maxRows) return contentRows;
-	const fitted = [...contentRows];
-	while (fitted.length > maxRows) {
-		const emptyRowIndex = fitted.findIndex((row) => row.length === 0);
-		if (emptyRowIndex === -1) break;
-		fitted.splice(emptyRowIndex, 1);
-	}
-	return fitted.length > maxRows ? fitted.slice(fitted.length - maxRows) : fitted;
-}
-function buildContentCells(prompt, agentName, state, elapsed, now) {
-	const rows = [];
+/**
+* Builds the centered content viewport for the renderer.
+*
+* When `availableHeight` is constrained, the layout drops optional sections in
+* priority order (ASCII art, eyebrow, agent message, then prompt) so the stats
+* row remains visible and any remaining space is used for the newest moon rows.
+*/
+function buildContentCells(prompt, agentName, state, elapsed, now, availableHeight) {
 	const isRunning = state.status === "running" || state.status === "waiting";
-	rows.push([]);
-	rows.push(...renderTitleCells(agentName));
-	rows.push([], []);
+	const moonRows = renderMoonStripCells(state.iterations, isRunning, now);
+	const maxRows = availableHeight ?? Infinity;
+	if (maxRows <= 0) return [];
+	const titleCells = renderTitleCells(agentName);
+	const titleSpacer = titleCells[1] ?? [];
 	const promptLines = wordWrap(prompt, CONTENT_WIDTH, MAX_PROMPT_LINES);
+	const promptRows = [];
 	for (let i = 0; i < MAX_PROMPT_LINES; i++) {
 		const pl = promptLines[i] ?? "";
-		rows.push(pl ? textToCells(pl, "dim") : []);
-	}
-	rows.push([], []);
-	rows.push(renderStatsCells(elapsed, state.totalInputTokens, state.totalOutputTokens, state.commitCount));
-	rows.push([], []);
-	rows.push(...renderAgentMessageCells(state.lastMessage, state.status));
-	rows.push([], []);
-	rows.push(...renderMoonStripCells(state.iterations, isRunning, now));
+		promptRows.push(pl ? textToCells(pl, "dim") : []);
+	}
+	const sections = {
+		top: [[]],
+		eyebrow: [
+			titleCells[0],
+			[],
+			[]
+		],
+		art: titleCells.slice(2),
+		prompt: [
+			titleSpacer,
+			...promptRows,
+			[],
+			[]
+		],
+		stats: [renderStatsCells(elapsed, state.totalInputTokens, state.totalOutputTokens, state.commitCount)],
+		agent: [
+			[],
+			[],
+			...renderAgentMessageCells(state.lastMessage, state.status)
+		],
+		moon: [
+			[],
+			[],
+			...moonRows
+		]
+	};
+	const flattenSections = () => [
+		...sections.top,
+		...sections.eyebrow,
+		...sections.art,
+		...sections.prompt,
+		...sections.stats,
+		...sections.agent,
+		...sections.moon
+	];
+	const optionalSections = [
+		"art",
+		"eyebrow",
+		"agent",
+		"prompt"
+	];
+	let rows = flattenSections();
+	for (const section of optionalSections) {
+		if (rows.length <= maxRows) break;
+		sections[section] = [];
+		rows = flattenSections();
+	}
+	if (rows.length > maxRows) rows = rows.filter((row) => row.length > 0);
+	if (rows.length > maxRows) {
+		const nonMoonRows = [
+			...sections.top,
+			...sections.eyebrow,
+			...sections.art,
+			...sections.prompt,
+			...sections.stats,
+			...sections.agent
+		].filter((row) => row.length > 0);
+		const allowedMoonRows = Math.max(0, maxRows - nonMoonRows.length);
+		const visibleMoonRows = allowedMoonRows === 0 ? [] : moonRows.filter((row) => row.length > 0).slice(-allowedMoonRows);
+		rows = [...nonMoonRows, ...visibleMoonRows];
+	}
 	return rows;
 }
 function buildFrameCells(prompt, agentName, state, topStars, bottomStars, sideStars, now, terminalWidth, terminalHeight) {
 	const elapsed = formatElapsed(now - state.startTime.getTime());
 	const availableHeight = Math.max(0, terminalHeight - 2);
-	const contentRows = fitContentRows(buildContentCells(prompt, agentName, state, elapsed, now), availableHeight);
+	const contentRows = buildContentCells(prompt, agentName, state, elapsed, now, availableHeight);
 	while (contentRows.length < Math.min(BASE_CONTENT_ROWS, availableHeight)) contentRows.push([]);
 	const contentCount = contentRows.length;
 	const remaining = Math.max(0, availableHeight - contentCount);
@@ -2668,11 +2809,17 @@ var Renderer = class {
 	cachedHeight = 0;
 	prevCells = [];
 	isFirstFrame = true;
+	seedTop;
+	seedBottom;
+	seedSide;
 	constructor(orchestrator, prompt, agentName) {
 		this.orchestrator = orchestrator;
 		this.prompt = prompt;
 		this.agentName = agentName;
 		this.state = orchestrator.getState();
+		this.seedTop = Math.floor(Math.random() * 2147483646) + 1;
+		this.seedBottom = Math.floor(Math.random() * 2147483646) + 1;
+		this.seedSide = Math.floor(Math.random() * 2147483646) + 1;
 		this.exitPromise = new Promise((resolve) => {
 			this.exitResolve = resolve;
 		});
@@ -2736,9 +2883,9 @@ var Renderer = class {
 					rest: "dim"
 				} : star;
 			};
-			this.topStars = generateStarField(w, h, STAR_DENSITY, 42).map((s) => shrinkBig(s, s.y >= topHeight - proximityRows));
-			this.bottomStars = generateStarField(w, h, STAR_DENSITY, 137).map((s) => shrinkBig(s, s.y < proximityRows));
-			this.sideStars = generateStarField(w, Math.max(BASE_CONTENT_ROWS, availableHeight), STAR_DENSITY, 99);
+			this.topStars = generateStarField(w, h, STAR_DENSITY, this.seedTop).map((s) => shrinkBig(s, s.y >= topHeight - proximityRows));
+			this.bottomStars = generateStarField(w, h, STAR_DENSITY, this.seedBottom).map((s) => shrinkBig(s, s.y < proximityRows));
+			this.sideStars = generateStarField(w, Math.max(BASE_CONTENT_ROWS, availableHeight), STAR_DENSITY, this.seedSide);
 			return true;
 		}
 		return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gnhf",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Before I go to bed, I tell my agents: good night, have fun",
   "type": "module",
   "bin": {