@butlerw/vellum 0.2.0 → 0.2.2

package/dist/index.mjs

@@ -195908,7 +195908,7 @@ init_esm_shims();
 
 // src/version.ts
 init_esm_shims();
-var version = "0.2.0" ;
+var version = "0.2.2" ;
 
 // src/tui/components/Banner/ShimmerText.tsx
 init_esm_shims();
@@ -195950,16 +195950,13 @@ function useShimmer(config = {}) {
   const cycleCountRef = useRef(0);
   const lastTickRef = useRef(null);
   const lastDebugRef = useRef(0);
+  const hasAnimationTickRef = useRef(false);
+  const { timestamp: timestamp2, isPaused } = useAnimation();
   const onCompleteRef = useRef(onComplete);
   onCompleteRef.current = onComplete;
-  useEffect(() => {
-    if (!isActive || isComplete) return;
-    lastTickRef.current = Date.now();
-    const timer = setInterval(() => {
-      const now = Date.now();
-      const lastTick = lastTickRef.current ?? now;
-      lastTickRef.current = now;
-      const deltaMs = now - lastTick;
+  const advancePosition = useCallback(
+    (deltaMs, nowMs) => {
+      if (deltaMs <= 0) return;
       const step = deltaMs / cycleDuration;
       let nextPosition = positionRef.current + step;
       if (nextPosition >= 1) {
@@ -195968,7 +195965,6 @@ function useShimmer(config = {}) {
         cycleCountRef.current = updatedCycleCount;
         setCycleCount(updatedCycleCount);
         if (maxCycles !== void 0 && updatedCycleCount >= maxCycles) {
-          clearInterval(timer);
           setIsActive(false);
           setIsComplete(true);
           positionRef.current = 0.618;
@@ -195982,16 +195978,44 @@ function useShimmer(config = {}) {
       setPosition(nextPosition);
       if (SHIMMER_DEBUG_ENABLED) {
         const lastDebug = lastDebugRef.current;
-        if (now - lastDebug >= 1e3) {
-          lastDebugRef.current = now;
+        if (nowMs - lastDebug >= 1e3) {
+          lastDebugRef.current = nowMs;
           debugShimmer(
             `deltaMs=${deltaMs.toFixed(1)} position=${nextPosition.toFixed(3)} cycle=${cycleCountRef.current}`
           );
         }
       }
+    },
+    [cycleDuration, maxCycles]
+  );
+  useEffect(() => {
+    if (timestamp2 !== 0) {
+      hasAnimationTickRef.current = true;
+    }
+  }, [timestamp2]);
+  const useGlobalClock = hasAnimationTickRef.current && !isPaused;
+  useEffect(() => {
+    lastTickRef.current = null;
+  }, []);
+  useEffect(() => {
+    if (!useGlobalClock || !isActive || isComplete) return;
+    const lastTick = lastTickRef.current ?? timestamp2;
+    lastTickRef.current = timestamp2;
+    const deltaMs = timestamp2 - lastTick;
+    advancePosition(deltaMs, timestamp2);
+  }, [useGlobalClock, isActive, isComplete, timestamp2, advancePosition]);
+  useEffect(() => {
+    if (useGlobalClock || !isActive || isComplete) return;
+    lastTickRef.current = Date.now();
+    const timer = setInterval(() => {
+      const now = Date.now();
+      const lastTick = lastTickRef.current ?? now;
+      lastTickRef.current = now;
+      const deltaMs = now - lastTick;
+      advancePosition(deltaMs, now);
     }, updateInterval);
     return () => clearInterval(timer);
-  }, [isActive, cycleDuration, updateInterval, maxCycles, isComplete]);
+  }, [useGlobalClock, isActive, isComplete, updateInterval, advancePosition]);
   useEffect(() => {
     if (enabled && !isComplete) {
       setIsActive(true);
@@ -196026,22 +196050,144 @@ function calculateShimmerIntensity(charIndex, totalChars, shimmerPosition, shimm
   const intensity = Math.cos(normalizedDistance * Math.PI * 0.5);
   return Math.max(0, intensity);
 }
-function hexToRgb(hex) {
-  const cleaned = hex.replace("#", "");
-  const bigint = parseInt(cleaned, 16);
-  return {
-    r: bigint >> 16 & 255,
-    g: bigint >> 8 & 255,
-    b: bigint & 255
-  };
+var NAMED_COLORS = {
+  black: "#000000",
+  red: "#FF0000",
+  green: "#008000",
+  yellow: "#FFFF00",
+  blue: "#0000FF",
+  magenta: "#FF00FF",
+  cyan: "#00FFFF",
+  white: "#FFFFFF",
+  gray: "#808080",
+  grey: "#808080",
+  orange: "#FFA500",
+  pink: "#FFC0CB",
+  purple: "#800080",
+  brown: "#A52A2A",
+  lime: "#00FF00",
+  navy: "#000080",
+  teal: "#008080",
+  olive: "#808000",
+  maroon: "#800000",
+  aqua: "#00FFFF",
+  fuchsia: "#FF00FF",
+  silver: "#C0C0C0"
+};
+function clampRgb(value) {
+  return Math.max(0, Math.min(255, Math.round(value)));
+}
+function parseHexColor(hex) {
+  const cleaned = hex.replace("#", "").trim();
+  if (cleaned.length === 3) {
+    const rChar = cleaned[0];
+    const gChar = cleaned[1];
+    const bChar = cleaned[2];
+    if (!rChar || !gChar || !bChar) return null;
+    const r = parseInt(rChar + rChar, 16);
+    const g = parseInt(gChar + gChar, 16);
+    const b = parseInt(bChar + bChar, 16);
+    if ([r, g, b].some((value) => Number.isNaN(value))) return null;
+    return { r, g, b };
+  }
+  if (cleaned.length === 6) {
+    const bigint = parseInt(cleaned, 16);
+    if (Number.isNaN(bigint)) return null;
+    return {
+      r: bigint >> 16 & 255,
+      g: bigint >> 8 & 255,
+      b: bigint & 255
+    };
+  }
+  return null;
+}
+function ansi256ToRgb(code) {
+  if (!Number.isFinite(code)) return null;
+  if (code < 0 || code > 255) return null;
+  const ansi16 = [
+    { r: 0, g: 0, b: 0 },
+    // 0 black
+    { r: 128, g: 0, b: 0 },
+    // 1 red
+    { r: 0, g: 128, b: 0 },
+    // 2 green
+    { r: 128, g: 128, b: 0 },
+    // 3 yellow
+    { r: 0, g: 0, b: 128 },
+    // 4 blue
+    { r: 128, g: 0, b: 128 },
+    // 5 magenta
+    { r: 0, g: 128, b: 128 },
+    // 6 cyan
+    { r: 192, g: 192, b: 192 },
+    // 7 white (light gray)
+    { r: 128, g: 128, b: 128 },
+    // 8 bright black (dark gray)
+    { r: 255, g: 0, b: 0 },
+    // 9 bright red
+    { r: 0, g: 255, b: 0 },
+    // 10 bright green
+    { r: 255, g: 255, b: 0 },
+    // 11 bright yellow
+    { r: 0, g: 0, b: 255 },
+    // 12 bright blue
+    { r: 255, g: 0, b: 255 },
+    // 13 bright magenta
+    { r: 0, g: 255, b: 255 },
+    // 14 bright cyan
+    { r: 255, g: 255, b: 255 }
+    // 15 bright white
+  ];
+  if (code < 16) {
+    return ansi16[code] ?? null;
+  }
+  if (code >= 232) {
+    const gray = (code - 232) * 10 + 8;
+    return { r: gray, g: gray, b: gray };
+  }
+  const index = code - 16;
+  const r = Math.floor(index / 36);
+  const g = Math.floor(index % 36 / 6);
+  const b = index % 6;
+  const toChannel = (value) => value === 0 ? 0 : value * 40 + 55;
+  return { r: toChannel(r), g: toChannel(g), b: toChannel(b) };
+}
+function parseColorToRgb(color) {
+  const trimmed2 = color.trim().toLowerCase();
+  if (!trimmed2) {
+    return { r: 128, g: 128, b: 128 };
+  }
+  const named = NAMED_COLORS[trimmed2];
+  if (named) {
+    return parseHexColor(named) ?? { r: 128, g: 128, b: 128 };
+  }
+  const hexMatch = trimmed2.match(/^#?[0-9a-f]{3}$|^#?[0-9a-f]{6}$/i);
+  if (hexMatch) {
+    return parseHexColor(trimmed2) ?? { r: 128, g: 128, b: 128 };
+  }
+  const rgbMatch = trimmed2.match(
+    /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*([\d.]+))?\s*\)$/
+  );
+  if (rgbMatch) {
+    const r = clampRgb(Number.parseInt(rgbMatch[1] ?? "0", 10));
+    const g = clampRgb(Number.parseInt(rgbMatch[2] ?? "0", 10));
+    const b = clampRgb(Number.parseInt(rgbMatch[3] ?? "0", 10));
+    return { r, g, b };
+  }
+  const ansiMatch = trimmed2.match(/^ansi256\(\s*(\d{1,3})\s*\)$/i);
+  if (ansiMatch) {
+    const code = Number.parseInt(ansiMatch[1] ?? "", 10);
+    return ansi256ToRgb(code) ?? { r: 128, g: 128, b: 128 };
+  }
+  return { r: 128, g: 128, b: 128 };
 }
 function rgbToHex(r, g, b) {
   const toHex = (n) => Math.round(n).toString(16).padStart(2, "0");
   return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
 }
 function interpolateColor(baseColor, highlightColor, intensity) {
-  const base = hexToRgb(baseColor);
-  const highlight = hexToRgb(highlightColor);
+  const base = parseColorToRgb(baseColor);
+  const highlight = parseColorToRgb(highlightColor);
   const r = base.r + (highlight.r - base.r) * intensity;
   const g = base.g + (highlight.g - base.g) * intensity;
   const b = base.b + (highlight.b - base.b) * intensity;
@@ -199969,6 +200115,27 @@ function StreamingIndicatorImpl({
     }
   };
   const phaseColor = getPhaseColor();
+  const highlightColor = theme.brand.highlight ?? "#FFD700";
+  const shouldShimmerLabel = phase === "thinking" || phase === "generating" || phase === "tool_call" || phase === "tool_executing";
+  const renderLabel = () => {
+    if (!shouldShimmerLabel) {
+      return /* @__PURE__ */ jsxs(Text, { color: phaseColor, children: [
+        " ",
+        displayLabel
+      ] });
+    }
+    return /* @__PURE__ */ jsx(
+      BannerShimmerText,
+      {
+        baseColor: phaseColor,
+        highlightColor,
+        shimmerConfig: { cycleDuration: 2e3 },
+        shimmerWidth: 0.2,
+        bold: true,
+        children: ` ${displayLabel}`
+      }
+    );
+  };
   if (narrow) {
     const icon = PHASE_ICONS[phase];
     return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
@@ -199978,10 +200145,7 @@ function StreamingIndicatorImpl({
           " ",
           icon
         ] }),
-        /* @__PURE__ */ jsxs(Text, { color: phaseColor, children: [
-          " ",
-          displayLabel
-        ] })
+        renderLabel()
       ] }),
       meta && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: meta }) }),
       rightContent && /* @__PURE__ */ jsx(Box, { children: rightContent })
@@ -199989,10 +200153,7 @@ function StreamingIndicatorImpl({
   }
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", children: [
     /* @__PURE__ */ jsx(Spinner, { color: phaseColor, frames: spinnerFrames }),
-    /* @__PURE__ */ jsxs(Text, { color: phaseColor, children: [
-      " ",
-      displayLabel
-    ] }),
+    renderLabel(),
     meta && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Text, { children: " " }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: meta })
@@ -229095,7 +229256,8 @@ Respond in JSON: { "score": 0.X, "reasoning": "..." }`;
         try {
           const fullPath = join(env2.workingDir, file);
           const content = await readFile(fullPath, "utf-8");
-          const truncated = content.length > MAX_FILE_SIZE2 ? content.slice(0, MAX_FILE_SIZE2) + "\n... (truncated)" : content;
+          const truncated = content.length > MAX_FILE_SIZE2 ? `${content.slice(0, MAX_FILE_SIZE2)}
+... (truncated)` : content;
           contents.push(`### ${file}
 \`\`\`
 ${truncated}
@@ -229313,7 +229475,9 @@ var TaskLoader = class {
    */
   async loadTask(taskId) {
     if (this.cache.has(taskId)) {
-      return this.cache.get(taskId);
+      const cached = this.cache.get(taskId);
+      if (cached)
+        return cached;
     }
     const taskPath = await this.findTaskFile(taskId);
     if (!taskPath) {
@@ -229648,6 +229812,10 @@ ${"-".repeat(60)}`);
         console.log(`\u26A0\uFE0F  REGRESSION DETECTED in ${report.regression.regressedTasks.length} task(s):`);
         for (const taskId of report.regression.regressedTasks) {
           const comp = report.regression.comparisons.find((c) => c.taskId === taskId);
+          if (!comp) {
+            console.log(`  - ${taskId}: regression details unavailable`);
+            continue;
+          }
           console.log(`  - ${taskId}: ${comp.regressionReason}`);
         }
       } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@butlerw/vellum",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Next-generation AI coding assistant CLI",
   "private": false,
   "publishConfig": {
@@ -57,13 +57,13 @@
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "@vellum/core": "0.1.15",
+    "@vellum/eval": "0.1.0",
     "@vellum/lsp": "0.1.0",
     "@vellum/mcp": "0.1.3",
-    "@vellum/eval": "0.1.0",
     "@vellum/plugin": "0.1.3",
+    "@vellum/provider": "0.2.0",
     "@vellum/sandbox": "0.1.0",
-    "@vellum/shared": "0.1.0",
-    "@vellum/provider": "0.2.0"
+    "@vellum/shared": "0.1.0"
   },
   "scripts": {
     "build": "tsup",