@stevezhou/sisu 0.1.6 → 0.1.8

package/dist/logo.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sisuTreeLines = exports.sisuTreeArt = exports.sisuMarkLines = exports.sisuMarkArt = void 0;
+exports.SISU_STILL_PHASE = exports.sisuTreeLines = exports.sisuTreeArt = exports.sisuMarkLines = exports.sisuMarkArt = void 0;
 exports.sisuMobiusArt = sisuMobiusArt;
 exports.sisuWordmark = sisuWordmark;
 exports.displayWidth = displayWidth;
@@ -18,19 +18,10 @@ Object.defineProperty(exports, "sisuTreeArt", { enumerable: true, get: function
 Object.defineProperty(exports, "sisuTreeLines", { enumerable: true, get: function () { return tree_1.sisuTreeLines; } });
 const mark_2 = require("./mark");
 const mobius_1 = require("./mobius");
-const tree_2 = require("./tree");
 const RESET = '\x1b[0m';
-const TERRACOTTA = '\x1b[38;2;184;90;58m';
 const INK = '\x1b[38;2;220;214;204m';
 const INK_DIM = '\x1b[38;2;140;132;120m';
 const HEADLINE = '思有所溯';
-const TAGLINE = '为科研而生的工作台——记录退到思考之后，不打扰任何一念。';
-const COLOPHON = [
-    '对话、文献与数据，落笔成档',
-    '每个结论，都能沿枝回到它的根',
-    '众人的知识彼此嫁接，长成一片林',
-];
-const NUMERALS = ['一', '二', '三'];
 function sisuMobiusArt(columns = 80, phase = 0, color = false) {
     return (0, mobius_1.renderMobiusFrame)({
         cols: (0, mobius_1.mobiusFrameWidth)(columns),
@@ -78,17 +69,6 @@ function lockup(color) {
     const latin = paint('SiSu', INK_DIM, color);
     return [`${inf}  ${name}`, `   ${latin}`];
 }
-function colophon(columns, color) {
-    const lines = [];
-    for (let i = 0; i < COLOPHON.length; i += 1) {
-        const num = paint(NUMERALS[i], TERRACOTTA, color);
-        const body = paint(COLOPHON[i], INK_DIM, color);
-        const line = `${num}  ${body}`;
-        if (displayWidth(line) + 2 <= columns)
-            lines.push(line);
-    }
-    return lines;
-}
 function padLeft(text, n) {
     return `${' '.repeat(Math.max(0, n))}${text}`;
 }
@@ -97,69 +77,31 @@ function center(text, width) {
     const pad = Math.max(0, Math.floor((width - vis) / 2));
     return padLeft(text, pad);
 }
-function copyColumn(columns, color, compact) {
-    const indent = 2;
-    const lines = [
-        ...lockup(color).map((line) => padLeft(line, indent)),
-        '',
-        padLeft(paint(HEADLINE, INK, color), indent),
-    ];
-    if (!compact && displayWidth(TAGLINE) + indent <= columns) {
-        lines.push(padLeft(paint(TAGLINE, INK_DIM, color), indent));
-    }
-    if (!compact) {
-        const notes = colophon(columns, color);
-        if (notes.length) {
-            lines.push('');
-            for (const note of notes)
-                lines.push(padLeft(note, indent));
-        }
-    }
-    return lines;
-}
-function treeColumn(columns, color, phase, grow) {
-    const raw = (0, tree_2.sisuTreeLines)(columns, phase, grow);
-    const painted = (0, tree_2.sisuTreeArt)(columns, color, phase, grow).split('\n');
-    const treeWidth = raw.reduce((max, line) => Math.max(max, line.length), 0);
-    const pad = Math.max(0, Math.floor((columns - treeWidth) / 2));
-    return painted.map((line, i) => {
-        const vis = raw[i]?.length ?? displayWidth(line);
-        return padLeft(`${line}${' '.repeat(Math.max(0, treeWidth - vis))}`, pad);
-    });
+function centerBlock(lines, width) {
+    return lines.map((line) => center(line, width));
 }
-const STILL_PHASE = 2.05;
+exports.SISU_STILL_PHASE = 0.85;
+const STILL_PHASE = exports.SISU_STILL_PHASE;
 /**
- * Login-page splash. `phase` orbits the camera; `grow` is 0..1 paint progress.
+ * Möbius splash. `phase` slides the half-twist around the single face.
  * Line count is stable for a given width so the intro can rewrite in place.
  */
-function sisuSplashFrame(columns = 80, color = true, phase = STILL_PHASE, grow = 1) {
+function sisuSplashFrame(columns = 80, color = true, phase = STILL_PHASE, _grow = 1) {
     const width = Math.max(20, Math.floor(columns));
-    const compact = width < 52;
-    const copy = copyColumn(width, color, compact);
-    if (width >= 72) {
-        const gap = 3;
-        const leftBudget = Math.min(44, Math.floor(width * 0.42));
-        const leftCopy = copyColumn(leftBudget, color, true);
-        const leftW = Math.max(...leftCopy.map((line) => displayWidth(line)), 22);
-        const rightW = Math.max(28, width - leftW - gap);
-        const right = treeColumn(rightW, color, phase, grow);
-        const rows = Math.max(leftCopy.length, right.length);
-        const merged = [];
-        for (let i = 0; i < rows; i += 1) {
-            const left = leftCopy[i] ?? '';
-            const pad = Math.max(0, leftW + gap - displayWidth(left));
-            merged.push(`${left}${' '.repeat(pad)}${right[i] ?? ''}`);
-        }
-        const notes = colophon(width, color);
-        if (notes.length) {
-            merged.push('');
-            for (const note of notes)
-                merged.push(padLeft(note, 2));
-        }
-        return merged.join('\n');
-    }
-    const tree = treeColumn(width, color, phase, grow);
-    return [...copy, '', ...tree].join('\n');
+    const ringW = (0, mobius_1.mobiusFrameWidth)(width);
+    const ring = (0, mobius_1.renderMobiusFrame)({
+        cols: ringW,
+        rows: (0, mobius_1.mobiusFrameHeight)(width),
+        phase,
+        color,
+    }).split('\n');
+    const pad = Math.max(0, Math.floor((width - ringW) / 2));
+    const art = ring.map((line) => padLeft(line, pad));
+    const caption = centerBlock([
+        `${infinityMark(color)}  ${paint('思溯', INK, color)}   ${paint('SiSu', INK_DIM, color)}`,
+        paint(HEADLINE, INK, color),
+    ], width);
+    return [...art, '', ...caption].join('\n');
 }
 function sisuSplashHeight(columns = 80) {
     return sisuSplashFrame(columns, false).split('\n').length;

package/dist/main.js

@@ -28,7 +28,7 @@ Usage:
   sisu history
   sisu thread <conversation-id>
   sisu training --on|--off
-  sisu                 interactive TUI (3D welcome tree)
+  sisu                 interactive TUI (Möbius splash)
   sisu help
 
 Auth and workspaces live in $SISU_HOME (default ~/.sisu), shared with Desktop.

package/dist/mobius.js

@@ -1,22 +1,23 @@
 "use strict";
-/** Volumetric Möbius ring: half-twist ribbon with thickness, perspective, and lighting. */
+/** Volumetric ∞ Möbius: lemniscate centerline, half-twist ribbon, traveling glint. */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mobiusRgb = mobiusRgb;
 exports.mobiusPoint = mobiusPoint;
+exports.logoPoint = logoPoint;
 exports.renderMobiusFrame = renderMobiusFrame;
 exports.mobiusFrameHeight = mobiusFrameHeight;
 exports.mobiusFrameWidth = mobiusFrameWidth;
 const RESET = '\x1b[0m';
 const SHADE_RAMP = ' .:-=+*#%@';
-const RADIUS = 1.88;
-const HALF_WIDTH = 0.34;
-const THICKNESS = 0.08;
+const SCALE = 1.72;
+const HALF_WIDTH = 0.3;
+const THICKNESS = 0.045;
 const CELL_ASPECT = 0.5;
-const CAM = 8.6;
-const FOCAL = 5.1;
-const KEY = norm([-0.58, 0.78, 0.24]);
-const FILL = norm([0.48, 0.12, 0.86]);
-const VIEW = [0, 0.12, 1];
+const CAM = 6.4;
+const FOCAL = 5.2;
+const KEY = norm([-0.55, 0.7, 0.45]);
+const FILL = norm([0.52, 0.1, 0.85]);
+const VIEW = [0, 0.06, 1];
 function clamp(value, lo, hi) {
     return Math.max(lo, Math.min(hi, value));
 }
@@ -37,7 +38,7 @@ function cross(a, b) {
 function dot(a, b) {
     return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
 }
-/** Brand gradient along the band: blue → purple → gold, matching sisu-mark. */
+/** Brand gradient along the band: blue → purple → gold. */
 function mobiusRgb(t) {
     const u = ((t / (Math.PI * 2)) % 1 + 1) % 1;
     if (u < 0.5) {
@@ -68,24 +69,10 @@ function rotateY(x, z, angle) {
     const s = Math.sin(angle);
     return [x * c + z * s, -x * s + z * c];
 }
-function rotateZ(x, y, angle) {
-    const c = Math.cos(angle);
-    const s = Math.sin(angle);
-    return [x * c - y * s, x * s + y * c];
-}
-function transform(x, y, z, tilt, spin) {
-    // Spin around the ring axis so the half-twist travels; then a fixed 3/4 view.
-    ;
-    [x, y] = rotateZ(x, y, spin);
-    [y, z] = rotateX(y, z, tilt);
-    [x, z] = rotateY(x, z, 0.32);
-    return [x, y, z];
-}
 /**
- * Standard Möbius strip: a ring of radius R with a half-twist in the width.
- * After one full trip around θ, the normal flips — one-sided surface.
+ * Circular Möbius (unit tests): after one full trip around θ the width flips.
  */
-function mobiusPoint(theta, width, radius = RADIUS, halfWidth = HALF_WIDTH) {
+function mobiusPoint(theta, width, radius = 1.88, halfWidth = 0.34) {
     const twist = theta / 2;
     const ring = radius + width * halfWidth * Math.cos(twist);
     return [
@@ -94,24 +81,45 @@ function mobiusPoint(theta, width, radius = RADIUS, halfWidth = HALF_WIDTH) {
         width * halfWidth * Math.sin(twist),
     ];
 }
-function mobiusNormal(theta, width, radius = RADIUS, halfWidth = HALF_WIDTH) {
-    const twist = theta / 2;
-    const c = Math.cos(theta);
-    const s = Math.sin(theta);
-    const c2 = Math.cos(twist);
-    const s2 = Math.sin(twist);
-    const ring = radius + width * halfWidth * c2;
-    const dTheta = [
-        -ring * s - width * halfWidth * 0.5 * s2 * c,
-        ring * c - width * halfWidth * 0.5 * s2 * s,
-        width * halfWidth * 0.5 * c2,
-    ];
-    const dWidth = [
-        halfWidth * c2 * c,
-        halfWidth * c2 * s,
-        halfWidth * s2,
-    ];
-    return norm(cross(dTheta, dWidth));
+/** Gerono lemniscate — the ∞ of the SiSu mark. */
+function lemniscate(t) {
+    return [SCALE * Math.sin(t), SCALE * Math.sin(t) * Math.cos(t), 0];
+}
+function lemniscateTangent(t) {
+    return norm([Math.cos(t), Math.cos(2 * t), 0]);
+}
+/**
+ * Ribbon around the ∞: width offset in a frame that half-twists once per lap.
+ * phase slides the twist so the single face travels without a seam.
+ */
+function logoPoint(t, width, phase = 0) {
+    const [cx, cy, cz] = lemniscate(t);
+    const tangent = lemniscateTangent(t);
+    const binormal = [0, 0, 1];
+    const normal = norm(cross(binormal, tangent));
+    const twist = (t + phase) / 2;
+    const ox = normal[0] * Math.cos(twist) + binormal[0] * Math.sin(twist);
+    const oy = normal[1] * Math.cos(twist) + binormal[1] * Math.sin(twist);
+    const oz = normal[2] * Math.cos(twist) + binormal[2] * Math.sin(twist);
+    const w = width * HALF_WIDTH;
+    return [cx + ox * w, cy + oy * w, cz + oz * w];
+}
+function logoNormal(t, phase) {
+    const tangent = lemniscateTangent(t);
+    const binormal = [0, 0, 1];
+    const normal = norm(cross(binormal, tangent));
+    const twist = (t + phase) / 2;
+    return norm([
+        normal[0] * Math.cos(twist) + binormal[0] * Math.sin(twist),
+        normal[1] * Math.cos(twist) + binormal[1] * Math.sin(twist),
+        normal[2] * Math.cos(twist) + binormal[2] * Math.sin(twist),
+    ]);
+}
+function transform(x, y, z, tilt, yaw) {
+    ;
+    [y, z] = rotateX(y, z, tilt);
+    [x, z] = rotateY(x, z, yaw);
+    return [x, y, z];
 }
 function shadeChar(shade) {
     return SHADE_RAMP[Math.round(clamp(shade, 0, 1) * (SHADE_RAMP.length - 1))] || '@';
@@ -122,125 +130,93 @@ function renderMobiusFrame(options = {}) {
     const phase = options.phase ?? 0;
     const color = options.color !== false;
     const grid = Array.from({ length: rows }, () => Array(cols).fill(null));
-    const tilt = 0.88;
-    const samples = [];
-    const thetaSteps = 580;
+    const tilt = 0.42;
+    const yaw = 0.18 * Math.sin(phase * 0.5);
+    const thetaSteps = 520;
+    const scale = Math.min((cols - 2) / 4.15, (rows - 2) / (2.15 * CELL_ASPECT));
     for (let i = 0; i < thetaSteps; i += 1) {
         const theta = (i / thetaSteps) * Math.PI * 2;
         for (let j = -4; j <= 4; j += 1) {
             const width = j / 4;
-            const base = mobiusPoint(theta, width);
-            const n0 = mobiusNormal(theta, width);
-            // Faces of the thin solid, plus the mid-surface; skip the interior fill.
+            const base = logoPoint(theta, width, phase);
+            const n0 = logoNormal(theta, phase);
             const thicks = j === -4 || j === 4 ? [-1, 0, 1] : [-1, 1];
-            for (const k of thicks) {
-                const thick = k;
+            for (const thick of thicks) {
                 let x = base[0] + n0[0] * thick * THICKNESS;
                 let y = base[1] + n0[1] * thick * THICKNESS;
                 let z = base[2] + n0[2] * thick * THICKNESS;
-                let nx = n0[0];
-                let ny = n0[1];
-                let nz = n0[2];
-                if (thick < 0) {
-                    nx = -nx;
-                    ny = -ny;
-                    nz = -nz;
-                }
-                ;
-                [x, y, z] = transform(x, y, z, tilt, phase);
-                [nx, ny, nz] = transform(nx, ny, nz, tilt, phase);
+                let nx = thick < 0 ? -n0[0] : n0[0];
+                let ny = thick < 0 ? -n0[1] : n0[1];
+                let nz = thick < 0 ? -n0[2] : n0[2];
+                [x, y, z] = transform(x, y, z, tilt, yaw);
+                [nx, ny, nz] = transform(nx, ny, nz, tilt, yaw);
+                if (!Number.isFinite(x) || !Number.isFinite(y) || !Number.isFinite(z))
+                    continue;
                 let normal = [nx, ny, nz];
                 const facing = dot(normal, VIEW);
                 const back = facing < 0;
                 if (back)
                     normal = [-normal[0], -normal[1], -normal[2]];
                 const depth = CAM - z;
-                if (depth < 0.35)
+                if (depth < 0.4 || !Number.isFinite(depth))
                     continue;
                 const px = (x * FOCAL) / depth;
                 const py = (y * FOCAL) / depth;
+                if (!Number.isFinite(px) || !Number.isFinite(py))
+                    continue;
                 const lambert = Math.max(0, dot(normal, KEY));
                 const fill = Math.max(0, dot(normal, FILL)) * 0.2;
-                const camFill = Math.max(0, dot(normal, VIEW)) * 0.22;
+                const camFill = Math.max(0, dot(normal, VIEW)) * 0.2;
                 const half = norm([KEY[0] + VIEW[0], KEY[1] + VIEW[1], KEY[2] + VIEW[2]]);
-                const spec = Math.pow(Math.max(0, dot(normal, half)), 28);
-                const edge = Math.max(Math.abs(width), Math.abs(thick));
-                const rim = Math.pow(1 - Math.abs(dot(normal, VIEW)), 2.2) * (0.1 + 0.5 * Math.pow(edge, 2));
-                const ambient = back ? 0.09 : 0.18;
-                const lit = ambient + lambert * (back ? 0.3 : 0.74) + fill + camFill + spec * 0.5 + rim;
-                const shade = clamp(Math.pow(lit, 1.2), 0.07, 1);
-                samples.push({
-                    px,
-                    py,
-                    depth,
-                    shade,
-                    spec,
-                    t: theta + (back ? Math.PI : 0),
-                });
+                const spec = Math.pow(Math.max(0, dot(normal, half)), 26);
+                const edge = Math.abs(width);
+                const rim = Math.pow(1 - Math.abs(dot(normal, VIEW)), 2.2) * (0.12 + 0.45 * edge * edge);
+                const rider = Math.pow(Math.max(0, Math.cos(theta - phase)), 18);
+                const ambient = back ? 0.1 : 0.2;
+                const lit = ambient + lambert * (back ? 0.32 : 0.7) + fill + camFill + spec * 0.45 + rim + rider * 0.55;
+                const shade = clamp(Math.pow(lit, 1.12), 0.07, 1);
+                const fog = 0.5 + 0.5 * clamp(1 - (depth - 5.2) / 3.4, 0, 1);
+                const col = Math.round(px * scale + (cols - 1) / 2);
+                const row = Math.round(-py * scale * CELL_ASPECT + (rows - 1) / 2);
+                if (col < 0 || col >= cols || row < 0 || row >= rows)
+                    continue;
+                const prev = grid[row][col];
+                if (!prev || depth < prev.z) {
+                    grid[row][col] = {
+                        z: depth,
+                        shade: clamp(shade * fog, 0.06, 1),
+                        t: theta + phase,
+                        spec: (spec + rider) * fog,
+                    };
+                }
             }
         }
     }
-    let minX = Infinity;
-    let maxX = -Infinity;
-    let minY = Infinity;
-    let maxY = -Infinity;
-    let minD = Infinity;
-    let maxD = -Infinity;
-    for (const sample of samples) {
-        const sx = sample.px;
-        const sy = sample.py * CELL_ASPECT;
-        if (sx < minX)
-            minX = sx;
-        if (sx > maxX)
-            maxX = sx;
-        if (sy < minY)
-            minY = sy;
-        if (sy > maxY)
-            maxY = sy;
-        if (sample.depth < minD)
-            minD = sample.depth;
-        if (sample.depth > maxD)
-            maxD = sample.depth;
-    }
-    const spanX = Math.max(0.001, maxX - minX);
-    const spanY = Math.max(0.001, maxY - minY);
-    const scale = Math.min((cols - 4) / spanX, (rows - 2) / spanY);
-    const midX = (minX + maxX) / 2;
-    const midY = (minY + maxY) / 2;
-    const depthSpan = Math.max(0.001, maxD - minD);
-    for (const sample of samples) {
-        const fog = 0.4 + 0.6 * (1 - (sample.depth - minD) / depthSpan);
-        const col = Math.round((sample.px - midX) * scale + (cols - 1) / 2);
-        const row = Math.round(-((sample.py * CELL_ASPECT) - midY) * scale + (rows - 1) / 2);
-        if (col < 0 || col >= cols || row < 0 || row >= rows)
-            continue;
-        const prev = grid[row][col];
-        if (!prev || sample.depth < prev.z) {
-            grid[row][col] = {
-                z: sample.depth,
-                shade: clamp(sample.shade * fog, 0.06, 1),
-                t: sample.t,
-                spec: sample.spec * fog,
-            };
-        }
-    }
-    return grid.map((line) => line.map((cell) => {
+    return grid
+        .map((line) => line
+        .map((cell) => {
         if (!cell)
             return ' ';
         const ch = shadeChar(cell.shade);
         if (!color)
             return ch;
         let [r, g, b] = mobiusRgb(cell.t);
-        const lift = 0.18 + cell.shade * 0.95 + cell.spec * 0.7;
+        const lift = 0.2 + cell.shade * 0.92 + cell.spec * 0.55;
         r = clamp(Number.isFinite(r * lift) ? Math.round(r * lift) : 180, 0, 255);
         g = clamp(Number.isFinite(g * lift) ? Math.round(g * lift) : 180, 0, 255);
         b = clamp(Number.isFinite(b * lift) ? Math.round(b * lift) : 180, 0, 255);
         return `${ansiRgb(r, g, b)}${ch}${RESET}`;
-    }).join('')).join('\n');
+    })
+        .join(''))
+        .join('\n');
 }
 function mobiusFrameHeight(columns = 80) {
-    return columns < 56 ? 13 : 20;
+    return columns < 52 ? 11 : columns < 72 ? 15 : 18;
 }
 function mobiusFrameWidth(columns = 80) {
-    return columns < 56 ? 44 : Math.min(76, Math.max(56, columns - 4));
+    if (columns < 52)
+        return Math.max(32, columns);
+    if (columns < 72)
+        return Math.min(60, columns);
+    return Math.min(72, columns);
 }

package/dist/pager/app.js

@@ -7,10 +7,10 @@ const store_1 = require("../store");
 const input_1 = require("./input");
 const model_1 = require("./model");
 const history_1 = require("./history");
+const logo_1 = require("../logo");
 const render_1 = require("./render");
 const ALT_ENTER = '\x1b[?1049h\x1b[?25l';
 const ALT_LEAVE = '\x1b[?1049l\x1b[?25h';
-const CLEAR_HOME = '\x1b[2J\x1b[H';
 function formatChromeStatus(email, quota, conversationId) {
     const who = (email || '').trim();
     if (!who) {
@@ -103,10 +103,21 @@ async function runPager(io, transport, options = {}) {
     let processing = false;
     const pending = [];
     let unsubscribe = () => undefined;
-    const paint = () => {
+    const paint = (phase = logo_1.SISU_STILL_PHASE) => {
         if (!running)
             return;
-        io.write(`${CLEAR_HOME}${(0, render_1.renderPager)(state, cols, rows, theme)}`);
+        io.write(`\x1b[H${(0, render_1.renderPager)(state, cols, rows, theme, { phase })}`);
+    };
+    const playIntro = async () => {
+        const frames = Math.max(2, options.introFrames ?? 32);
+        const sleep = options.sleep ?? ((ms) => new Promise((resolve) => setTimeout(resolve, ms)));
+        for (let i = 0; i < frames; i += 1) {
+            if (!running)
+                return;
+            const u = i / (frames - 1);
+            paint(logo_1.SISU_STILL_PHASE + u * Math.PI * 2);
+            await sleep(38);
+        }
     };
     let removeTerm = () => undefined;
     let settle;
@@ -123,6 +134,8 @@ async function runPager(io, transport, options = {}) {
     try {
         io.enterRaw();
         io.write(ALT_ENTER);
+        if (options.intro)
+            await playIntro();
         const onTerm = () => finish(0);
         process.on('SIGTERM', onTerm);
         removeTerm = () => {

package/dist/pager/render.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.stripAnsi = void 0;
 exports.renderPager = renderPager;
 const logo_1 = require("../logo");
+const mobius_1 = require("../mobius");
 const model_1 = require("./model");
 const theme_1 = require("./theme");
 Object.defineProperty(exports, "stripAnsi", { enumerable: true, get: function () { return theme_1.stripAnsi; } });
@@ -105,18 +106,19 @@ function center(text, width, vis = (0, logo_1.displayWidth)(text)) {
     const padLeft = Math.max(0, Math.floor((width - vis) / 2));
     return `${' '.repeat(padLeft)}${text}`;
 }
-function welcomeLines(guest, width, height, _theme) {
+function welcomeLines(guest, width, bodyBudget, phase) {
     const copy = (0, logo_1.sisuWelcomeCopy)(guest, true).map((line) => center(line, width));
-    const treeCols = height >= 18 && width >= 48 ? Math.min(width, 72) : width >= 36 ? 44 : 28;
-    const raw = (0, logo_1.sisuTreeLines)(treeCols);
-    const painted = (0, logo_1.sisuTreeArt)(treeCols, true).split('\n');
-    const treeWidth = raw.reduce((max, line) => Math.max(max, line.length), 0);
-    const treePad = Math.max(0, Math.floor((width - treeWidth) / 2));
-    const tree = painted.map((line, i) => {
-        const vis = raw[i]?.length ?? (0, logo_1.displayWidth)(line);
-        return `${' '.repeat(treePad)}${line}${' '.repeat(Math.max(0, treeWidth - vis))}`;
-    });
-    return [...copy, '', ...tree];
+    const ringRoom = Math.max(0, bodyBudget - copy.length - 1);
+    if (ringRoom < 4 || width < 28)
+        return copy;
+    const ringW = (0, mobius_1.mobiusFrameWidth)(width >= 48 ? Math.min(width, 72) : Math.min(width, 44));
+    const ringH = Math.min((0, mobius_1.mobiusFrameHeight)(ringW), ringRoom);
+    const painted = (0, logo_1.sisuMobiusArt)(ringW, phase, true).split('\n').slice(0, ringH);
+    const pad = Math.max(0, Math.floor((width - ringW) / 2));
+    const ring = painted.map((line) => `${' '.repeat(pad)}${line}`);
+    if (bodyBudget >= 16)
+        return [...ring, '', ...copy];
+    return [...copy, '', ...ring];
 }
 function slashMenuLines(state, theme) {
     if (!state.slashOpen)
@@ -133,7 +135,7 @@ function slashMenuLines(state, theme) {
  * Fixed-grid frame: always `rows` lines, each `cols` visible cells.
  * Colors are 24-bit SGR; measure width with stripAnsi / visibleWidth.
  */
-function renderPager(state, cols, rows, themeName = 'dark') {
+function renderPager(state, cols, rows, themeName = 'dark', view = {}) {
     const theme = (0, theme_1.getTheme)(themeName);
     const height = Math.max(0, rows);
     const width = Math.max(0, cols);
@@ -146,7 +148,9 @@ function renderPager(state, cols, rows, themeName = 'dark') {
     const slash = slashMenuLines(state, theme);
     const slashTake = Math.min(slash.length, bodyBudget);
     const guest = !(state.statusLine || '').trim() || (state.statusLine || '').includes('not signed in');
-    const welcome = isIdleWelcome(state) ? welcomeLines(guest, width, height, theme) : [];
+    const welcome = isIdleWelcome(state)
+        ? welcomeLines(guest, width, bodyBudget, view.phase ?? logo_1.SISU_STILL_PHASE)
+        : [];
     const welcomeTake = Math.min(welcome.length, Math.max(0, bodyBudget - slashTake));
     const scrollBudget = bodyBudget - slashTake - welcomeTake;
     const laid = layoutScrollback(state, width, theme);

package/dist/tui.js

@@ -49,10 +49,7 @@ async function playMobiusIntro(io, options = {}) {
     io.write('\x1b[?25h');
     io.write(`\n${(0, logo_1.sisuWordmark)()}\n\n`);
 }
-function easeOutCubic(t) {
-    return 1 - (1 - t) ** 3;
-}
-/** Grow the 溯源之树, then orbit so lighting and occlusion read as volume. */
+/** Slide the half-twist around the ∞ so the single face loops. */
 async function playTreeIntro(io, options = {}) {
     const columns = options.columns ?? process.stdout.columns ?? 80;
     const frames = Math.max(2, options.frames ?? 36);
@@ -62,9 +59,8 @@ async function playTreeIntro(io, options = {}) {
     io.write('\x1b[?25l');
     for (let i = 0; i < frames; i += 1) {
         const u = i / (frames - 1);
-        const grow = easeOutCubic(Math.min(1, u / 0.58));
-        const phase = 0.12 + u * 2.35;
-        const art = (0, logo_1.sisuSplashFrame)(columns, color, phase, grow);
+        const phase = u * Math.PI * 2;
+        const art = (0, logo_1.sisuSplashFrame)(columns, color, phase);
         if (i === 0)
             io.write(`${art}\n`);
         else
@@ -199,17 +195,20 @@ async function runTui(io, deps = {}) {
     const columns = deps.columns ?? process.stdout.columns ?? 80;
     const animate = deps.animate ?? shouldAnimateSplash();
     try {
-        if (animate) {
-            await playTreeIntro(io, {
-                columns,
-                color: deps.color ?? true,
-                sleep: deps.sleep,
-            });
-        }
-        else {
-            io.write(`${(0, logo_1.sisuSplash)(columns, true)}\n`);
-        }
         const account = auth();
+        const usePager = Boolean(deps.pager || shouldUsePager(deps));
+        if (!usePager) {
+            if (animate) {
+                await playTreeIntro(io, {
+                    columns,
+                    color: deps.color ?? true,
+                    sleep: deps.sleep,
+                });
+            }
+            else {
+                io.write(`${(0, logo_1.sisuSplash)(columns, true)}\n`);
+            }
+        }
         const startWebLogin = async (notify) => {
             return webLogin({
                 onStart: (info) => {
@@ -218,13 +217,15 @@ async function runTui(io, deps = {}) {
                 },
             }, http);
         };
-        if (deps.pager || shouldUsePager(deps)) {
+        if (usePager) {
             io.close?.();
             const transport = (0, transport_1.createFastApiTransport)(http);
             return await (deps.pager ?? app_1.runPager)((0, stdio_1.stdioPagerIo)(), transport, {
                 columns,
                 email: account?.email,
                 login: startWebLogin,
+                intro: animate,
+                sleep: deps.sleep,
                 quota: async () => (0, commands_1.formatQuota)(await (0, commands_1.fetchBalance)(http)),
                 status: () => status(http),
                 ls: () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stevezhou/sisu",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "SiSu CLI — one login, cloud quota, local workspace",
   "license": "UNLICENSED",
   "homepage": "https://www.sisu.chat",