nolo-cli 0.5.2 → 0.7.0

package/index.js

@@ -108103,24 +108103,79 @@ function renderStatusLine(state4) {
   if (!surface) return body;
   return `${surface} ${body} \x1B[49m`;
 }
-function renderWelcome(state4) {
+function buildPlainScene(isDark, frame = 0, maxFrames = 0) {
+  let skyLine = `                      ${isDark ? "\u{1F319}" : "\u2600"}`;
+  if (isDark) {
+    const star1 = frame % 6 < 3 ? "\u2726" : "\u22C6";
+    const star2 = frame % 4 < 2 ? "\u22C6" : "\xB7";
+    const star3 = frame % 5 < 2 ? "\xB7" : "\u2726";
+    skyLine = `      ${star1}               \u{1F319}    ${star2}    ${star3}`;
+  }
+  const wavePattern = "_.~^~.";
+  const longWave = wavePattern.repeat(10);
+  const offset = frame % wavePattern.length;
+  const wave2 = longWave.slice(offset, offset + 25);
+  return [
+    skyLine,
+    "             \u2571\u2572                     \u2588\u2584 \u2588 \u2584\u2580\u2580\u2584 \u2588    \u2584\u2580\u2580\u2584",
+    "            \u2571  \u2572  \u2571\u2572                \u2588 \u2580\u2588 \u2588  \u2588 \u2588    \u2588  \u2588",
+    "           \u2571    \u2572\u2571  \u2572               \u2580  \u2580  \u2580\u2580  \u2580\u2580\u2580\u2580  \u2580\u2580",
+    `          \u2571  \u2660       \u2572          ${wave2}`,
+    "   \u2581\u2581\u2581\u2581\u2581\u2581\u2571 \u2660   \u2660      \u2572\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581"
+  ].join("\n");
+}
+function buildColoredScene(isDark, frame = 0, maxFrames = 0) {
+  const pk = themeColorSequence("chrome");
+  const sk = themeColorSequence("warning");
+  const tr = themeColorSequence("success");
+  const wv = themeColorSequence("info");
+  const ac = themeColorSequence("accent");
+  const mu = themeColorSequence("muted");
+  const r = "\x1B[39m";
+  const b = "\x1B[1m";
+  const rs = "\x1B[0m";
+  let skyLine = `                      ${sk}${isDark ? "\u{1F319}" : "\u2600"}${r}`;
+  if (isDark) {
+    const star1 = frame % 6 < 3 ? "\u2726" : "\u22C6";
+    const star2 = frame % 4 < 2 ? "\u22C6" : "\xB7";
+    const star3 = frame % 5 < 2 ? "\xB7" : "\u2726";
+    skyLine = `      ${mu}${star1}${r}               ${sk}\u{1F319}${r}    ${mu}${star2}${r}    ${mu}${star3}${r}`;
+  }
+  const wavePattern = "_.~^~.";
+  const longWave = wavePattern.repeat(10);
+  const offset = frame % wavePattern.length;
+  const wave2 = longWave.slice(offset, offset + 25);
+  const waveStr = `${wv}${wave2.slice(0, 20)}${r}${mu}${wave2.slice(20, 25)}${r}`;
+  const line1 = "\u2588\u2584 \u2588 \u2584\u2580\u2580\u2584 \u2588    \u2584\u2580\u2580\u2584";
+  const line2 = "\u2588 \u2580\u2588 \u2588  \u2588 \u2588    \u2588  \u2588";
+  const line3 = "\u2580  \u2580  \u2580\u2580  \u2580\u2580\u2580\u2580  \u2580\u2580";
+  const sweepEndFrame = maxFrames > 3 ? maxFrames - 3 : maxFrames;
+  const sweepLen = maxFrames === 0 ? 21 : Math.min(21, Math.floor(frame / sweepEndFrame * 21));
+  const colorLine = (str, bold) => {
+    const active = str.slice(0, sweepLen);
+    const dimmed = str.slice(sweepLen);
+    return `${bold ? b : ""}${ac}${active}${r}${mu}${dimmed}${r}${bold ? rs : ""}`;
+  };
+  const nolo1 = colorLine(line1, true);
+  const nolo2 = colorLine(line2, false);
+  const nolo3 = colorLine(line3, false);
+  return [
+    skyLine,
+    `             ${pk}\u2571\u2572${r}                     ${nolo1}`,
+    `            ${pk}\u2571  \u2572  \u2571\u2572${r}                ${nolo2}`,
+    `           ${pk}\u2571    \u2572\u2571  \u2572${r}               ${nolo3}`,
+    `          ${pk}\u2571${r}  ${tr}\u2660${r}       ${pk}\u2572${r}          ${waveStr}`,
+    `   ${pk}\u2581\u2581\u2581\u2581\u2581\u2581\u2571${r} ${tr}\u2660${r}   ${tr}\u2660${r}      ${pk}\u2572\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581${r}`
+  ].join("\n");
+}
+function renderWelcome(state4, frame = 0, maxFrames = 0) {
   const colorEnabled = resolveCliColorEnabled();
-  const logoRows = [
-    { mark: "\u2588\u2584 \u2588 \u2584\u2580\u2580\u2584 \u2588    \u2584\u2580\u2580\u2584", ridge: "  \u2571\u2572     \u263E", token: "accent", bold: true },
-    { mark: "\u2588 \u2580\u2588 \u2588  \u2588 \u2588    \u2588  \u2588", ridge: " \u2571  \u2572", token: "accent", bold: false },
-    { mark: "\u2580  \u2580  \u2580\u2580  \u2580\u2580\u2580\u2580  \u2580\u2580", ridge: "\u2571  \u2572\u2582\u2581\u2581\u2660 \u2570\u256E~", token: "chrome", bold: false }
-  ];
-  const MARK_WIDTH = 19;
-  const GUTTER = "   ";
-  const logoArt = logoRows.map(({ mark, ridge, token, bold }) => {
-    const padded = mark.padEnd(MARK_WIDTH);
-    if (!colorEnabled) return `${padded}${GUTTER}${ridge}`;
-    const markText = bold ? `\x1B[1m${themeColorSequence(token)}${padded}\x1B[0m` : themeText(padded, token, colorEnabled);
-    return `${markText}${GUTTER}${themeText(ridge, "chrome", colorEnabled)}`;
-  }).join("\n");
+  const brightness = resolveTuiBrightness();
+  const isDark = brightness === "dark";
+  const sceneArt = colorEnabled ? buildColoredScene(isDark, frame, maxFrames) : buildPlainScene(isDark, frame, maxFrames);
   const versionLine = colorEnabled ? `\x1B[1m${themeColorSequence("accent")}nolo\x1B[0m ${state4.cliVersion ?? ""} | server ${state4.serverUrl}`.replace("  |", " |") : `nolo ${state4.cliVersion ?? ""} | server ${state4.serverUrl}`.replace("  |", " |");
   return [
-    logoArt,
+    sceneArt,
     versionLine,
     t("welcomeHint"),
     ""
@@ -109950,8 +110005,9 @@ function createFixedInput(output2, config) {
     for (const line of queueLines) {
       sections.push(fitAnsiLine(line.replace(/\r?\n/g, " "), cols));
     }
-    const prompt = t("promptLabel");
-    const promptWidth = displayWidth2(prompt);
+    const promptRaw = t("promptLabel");
+    const promptWidth = displayWidth2(promptRaw);
+    const prompt = colorEnabled ? `${themeColorSequence("accent")}${promptRaw}\x1B[39m` : promptRaw;
     const contentWidth = Math.max(1, cols - promptWidth);
     const logicalLines = buffer.length === 0 ? [""] : buffer.split("\n");
     const targetPos = Math.max(0, Math.min(buffer.length, cursorPos ?? buffer.length));
@@ -109965,7 +110021,7 @@ function createFixedInput(output2, config) {
       const isFirst = i === 0;
       const prefix = isFirst ? prompt : " ".repeat(promptWidth);
       if (buffer.length === 0) {
-        const placeholder = dimCliText(t("placeholder"), colorEnabled);
+        const placeholder = themeText(t("placeholder"), "chrome", colorEnabled);
         sections.push(fitAnsiLine(`${prefix}${placeholder}`, cols));
         cursorCol = promptWidth;
         cursorRow = 0;
@@ -109984,7 +110040,7 @@ function createFixedInput(output2, config) {
           if (targetPos <= charOffset + rowLen || j === rows.length - 1 && i === logicalLines.length - 1) {
             const subOffset = Math.max(0, Math.min(rowLen, targetPos - charOffset));
             const subStr = rowText.slice(0, subOffset);
-            cursorCol = displayWidth2(rowPrefix) + displayWidth2(subStr);
+            cursorCol = promptWidth + displayWidth2(subStr);
             cursorRow = inputRows;
             cursorFound = true;
           }
@@ -110608,7 +110664,16 @@ async function startTuiWorkspace(options) {
     stdout: output2
   });
   if (detected) setActiveBrightness(detected);
-  output2.write(renderWelcome(state4));
+  const frames = 15;
+  output2.write("\x1B[?25l");
+  for (let i = 0; i < frames; i++) {
+    output2.write(renderWelcome(state4, i, frames));
+    if (i < frames - 1) {
+      await new Promise((resolve9) => setTimeout(resolve9, 100));
+      output2.write("\r\x1B[8A\x1B[0J");
+    }
+  }
+  output2.write("\x1B[?25h");
   let fixedInput = createNoopFixedInput();
   let buffer = "";
   let cursorPos = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nolo-cli",
-  "version": "0.5.2",
+  "version": "0.7.0",
   "type": "module",
   "description": "Agent-first terminal workspace for Nolo",
   "bin": {