@tiens.nguyen/gonext-local-worker 1.0.240 → 1.0.242

package/gonext-repl.mjs

@@ -106,8 +106,22 @@ const THINKING_WORDS = (() => {
 })();
 const pickWord = () =>
   THINKING_WORDS[Math.floor(Math.random() * THINKING_WORDS.length)] || "Thinking";
-// Rotating half-circle = an in-progress ("blinking") bullet for the step being worked on.
-const SPINNER = ["◐", "◓", "◑", "◒"];
+// In-progress ("blinking") spinner for the step being worked on. 30 styles that rotate
+// ~every 8s so a long CPU-bound wait stays interesting — mirrors the web agent's set
+// (keep in sync with the .spin-N @keyframes in web/src/App.css). Single-width glyphs so
+// they never shift the text after them.
+const SPINNERS = [
+  "⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏", "│╱─╲", "▁▃▄▅▆▇▆▅▄▃", "←↖↑↗→↘↓↙", "▏▎▍▌▋▊▉▊▋▌▍▎",
+  "◴◷◶◵", "◐◓◑◒", "⣾⣽⣻⢿⡿⣟⣯⣷", "▖▘▝▗", "✶✸✹✺✹✷",
+  "⠁⠂⠄⡀⢀⠠⠐⠈", "dqpb", "◢◣◤◥", "✦✧", "◜◝◞◟",
+  "▌▀▐▄", "◰◳◲◱", "┤┘┴└├┌┬┐", "▘▝▗▖", "▸▹",
+  "⢄⢂⢁⡁⡈⡐⡠", "▙▛▜▟", "▂▃▄▅▆▇█▇▆▅▄▃", "⣿⣷⣯⣟⡿⢿⣻⣽", "⎺⎻⎼⎽",
+  "•◦", "░▒▓█▓▒", "◇◈◆", "·✢✳✽", "◠◡",
+].map((s) => [...s]);
+// The playful word's color cycles ~every 2.5s (xterm-256 palette matching the web accents:
+// green, cyan, blue, indigo, pink, amber).
+const WAIT_COLORS_256 = [120, 87, 111, 147, 218, 221];
+const color256 = (n, s) => `\x1b[38;5;${n}m${s}\x1b[0m`;
 const BULLET = "●"; // a completed action
 
 // ---------- flags ----------
@@ -1014,6 +1028,7 @@ async function runAgentTurn(history) {
   let thinking = false;
   let thinkingSince = 0;
   let thinkWord = pickWord(); // playful word shown UNDER the in-progress line (flavor)
+  let lastWordBucket = -1; // 12s window index → rotate the word once per window (task: 30-spinner)
   let almostDone = false; // set from the worker's "…almost completed thinking…" heartbeat
   let runningCmd = null; // the command currently executing (from a "Running → …" event)
   // The model's CURRENT Thought (task #64): while it streams its reasoning inside the
@@ -1042,10 +1057,20 @@ async function runAgentTurn(history) {
     // silent once any of THIS line has already been shown (see carryFlushedLen).
     if (plainReplyFlow && carryFlushedLen > 0) return;
     // Count from when this phase went quiet, so the seconds reflect the current wait/run.
-    if (!thinking) { thinking = true; thinkingSince = lastContentAt; thinkWord = pickWord(); }
+    if (!thinking) {
+      thinking = true; thinkingSince = lastContentAt; thinkWord = pickWord(); lastWordBucket = 0;
+    }
+    const now = Date.now();
     const secs = thinkSecs();
-    if (secs % 12 === 0) thinkWord = pickWord(); // rotate the word on long waits
-    const glyph = SPINNER[secs % SPINNER.length]; // rotates → reads as "in progress"
+    // Rotate the playful word once per 12s window (guarded so the fast ticker doesn't
+    // re-roll it many times within the same second).
+    const wordBucket = Math.floor((now - thinkingSince) / 12000);
+    if (wordBucket !== lastWordBucket) { lastWordBucket = wordBucket; thinkWord = pickWord(); }
+    // Spinner: STYLE rotates ~every 8s, FRAME advances ~every 120ms, color cycles ~every
+    // 2.5s — all off the wall clock so they keep moving smoothly across phases.
+    const frames = SPINNERS[Math.floor(now / 8000) % SPINNERS.length];
+    const glyph = frames[Math.floor(now / 120) % frames.length];
+    const wc = WAIT_COLORS_256[Math.floor(now / 2500) % WAIT_COLORS_256.length];
     // Line 1 = WHAT is happening now: the running command, else the phase (Thinking /
     // Almost done). Line 2 = the playful word (flavor). Truncate so neither wraps.
     // Priority: a live command > the model's current Thought clause (task #64, so a
@@ -1057,12 +1082,18 @@ async function runAgentTurn(history) {
     const max = Math.max(24, (process.stdout.columns || 80) - 14);
     const fit = (s) => (s.length > max ? s.slice(0, max - 1) + "…" : s);
     clearStatus();
+    // Line 1: green ● + yellow phase/seconds. Line 2 (indented): the SPINNER + the playful
+    // word together, both in the cycling color — the spinner belongs with the word, like
+    // the web (dot on the label line, spinner leading the flavor line).
     process.stdout.write(
-      yellow(`${glyph} ${fit(primary)}… (${secs}s)`) + "\n" + dim(`  ${thinkWord}…`)
+      `${green(BULLET)} ${yellow(`${fit(primary)}… (${secs}s)`)}` +
+        "\n" + `  ${color256(wc, `${glyph} ${thinkWord}…`)}`
     );
     statusShown = true;
   };
-  const ticker = setInterval(tick, 1000);
+  // 120ms so the spinner animates smoothly (the frame math above uses the wall clock, so
+  // seconds still tick once/sec). Only redraws when the model has gone quiet >QUIET_MS.
+  const ticker = setInterval(tick, 120);
 
   // Called right before any real (bullet/edit-card/answer) content prints: drop the
   // status lines so content lands cleanly, and end the current phase (so the next phase's

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiens.nguyen/gonext-local-worker",
-  "version": "1.0.240",
+  "version": "1.0.242",
   "description": "Polls GoNext cloud API for async local LLM jobs and runs them against Ollama/OpenAI-compatible servers on this Mac",
   "type": "module",
   "license": "MIT",