honeytree 1.2.5 → 1.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "honeytree",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "code with claude, and watch your forest grow! ",
   "type": "module",
   "bin": {

package/src/components/StatsBar.js

@@ -11,7 +11,6 @@ const STATS_TEXT = "#8e8a84";
 const STATS_WARN = "#c4653a";
 const STREAK_COLOR = "#e8a33a";
 const BAR_FILL = "#6cb95e";
-const BAR_EMPTY = "#3d3d3d";
 
 export default function StatsBar({ forest, viewportX, termWidth, rewards }) {
   const vw = getVirtualWidth(forest.trees.length, termWidth);
@@ -20,19 +19,17 @@ export default function StatsBar({ forest, viewportX, termWidth, rewards }) {
     [forest, viewportX, vw, termWidth],
   );
 
-  const barWidth = 12;
-  const filledWidth = Math.max(0, Math.min(barWidth, Math.round(stats.progress * barWidth)));
-
   // Minimap
   let minimap = null;
   if (stats.virtualWidth > stats.termWidth) {
     const mapWidth = 12;
     const viewFraction = stats.termWidth / stats.virtualWidth;
-    const thumbWidth = Math.max(1, Math.round(viewFraction * mapWidth));
+    // Clamp everything: viewportX can be stale (resize, forest re-layout) and
+    // rounding can overshoot — a negative .repeat() crashes the whole frame.
+    const thumbWidth = Math.max(1, Math.min(mapWidth, Math.round(viewFraction * mapWidth)));
     const maxOffset = stats.virtualWidth - stats.termWidth;
-    const thumbPos = maxOffset > 0
-      ? Math.round((stats.viewportX / maxOffset) * (mapWidth - thumbWidth))
-      : 0;
+    const ratio = maxOffset > 0 ? Math.min(1, Math.max(0, stats.viewportX / maxOffset)) : 0;
+    const thumbPos = Math.round(ratio * (mapWidth - thumbWidth));
     const mapBar =
       "─".repeat(thumbPos) +
       "═".repeat(thumbWidth) +
@@ -55,11 +52,6 @@ export default function StatsBar({ forest, viewportX, termWidth, rewards }) {
       h(Text, { color: STATS_ACCENT }, " honeytree"),
       h(Text, { color: STATS_TEXT }, ` · ${stats.treeCount} tree${stats.treeCount === 1 ? "" : "s"} · `),
       streakSegment,
-      h(Text, { color: STATS_TEXT }, " · "),
-      h(Text, { color: BAR_FILL }, "█".repeat(filledWidth)),
-      h(Text, { color: BAR_EMPTY }, "░".repeat(barWidth - filledWidth)),
-      h(Text, { color: STATS_TEXT }, ` next: ${stats.nextTreeType}`),
-      h(Text, { color: "#555555" }, ` [${stats.biomeName}]`),
       minimap,
     ),
     h(Box, null,

package/src/renderer.js

@@ -274,11 +274,12 @@ function buildStatsLine(forest, biome, viewportX = 0, virtualWidth = 0, termWidt
   if (virtualWidth > termWidth) {
     const mapWidth = 12;
     const viewFraction = termWidth / virtualWidth;
-    const thumbWidth = Math.max(1, Math.round(viewFraction * mapWidth));
+    // Clamp everything: viewportX can be stale (resize, forest re-layout) and
+    // rounding can overshoot — a negative .repeat() crashes the whole frame.
+    const thumbWidth = Math.max(1, Math.min(mapWidth, Math.round(viewFraction * mapWidth)));
     const maxOffset = virtualWidth - termWidth;
-    const thumbPos = maxOffset > 0
-      ? Math.round((viewportX / maxOffset) * (mapWidth - thumbWidth))
-      : 0;
+    const ratio = maxOffset > 0 ? Math.min(1, Math.max(0, viewportX / maxOffset)) : 0;
+    const thumbPos = Math.round(ratio * (mapWidth - thumbWidth));
     const mapBar =
       "─".repeat(thumbPos) +
       "═".repeat(thumbWidth) +