@stevezhou/sisu 0.1.3 → 0.1.5

package/dist/logo.js

@@ -1,10 +1,34 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.sisuTreeLines = exports.sisuTreeArt = exports.sisuMarkLines = exports.sisuMarkArt = void 0;
 exports.sisuMobiusArt = sisuMobiusArt;
 exports.sisuWordmark = sisuWordmark;
+exports.displayWidth = displayWidth;
+exports.sisuSplash = sisuSplash;
+exports.sisuWelcomeCopy = sisuWelcomeCopy;
 exports.sisuBanner = sisuBanner;
 exports.stripAnsi = stripAnsi;
+var mark_1 = require("./mark");
+Object.defineProperty(exports, "sisuMarkArt", { enumerable: true, get: function () { return mark_1.sisuMarkArt; } });
+Object.defineProperty(exports, "sisuMarkLines", { enumerable: true, get: function () { return mark_1.sisuMarkLines; } });
+var tree_1 = require("./tree");
+Object.defineProperty(exports, "sisuTreeArt", { enumerable: true, get: function () { return tree_1.sisuTreeArt; } });
+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),
@@ -16,14 +40,133 @@ function sisuMobiusArt(columns = 80, phase = 0, color = false) {
 function sisuWordmark() {
     return ['思溯', 'SISU'].join('\n');
 }
-function sisuBanner(columns = 80, phase = 0, color = false) {
-    return [
-        '',
-        sisuMobiusArt(columns, phase, color),
-        '',
-        sisuWordmark(),
+/** Terminal cells, not JS string length — CJK and ∞ must sit on the grid. */
+function displayWidth(text) {
+    let width = 0;
+    for (const ch of stripAnsi(text)) {
+        const code = ch.codePointAt(0) ?? 0;
+        width += isWide(code) ? 2 : 1;
+    }
+    return width;
+}
+function isWide(code) {
+    return ((code >= 0x1100 && code <= 0x115f) ||
+        (code >= 0x2e80 && code <= 0xa4cf && code !== 0x303f) ||
+        (code >= 0xac00 && code <= 0xd7a3) ||
+        (code >= 0xf900 && code <= 0xfaff) ||
+        (code >= 0xfe10 && code <= 0xfe19) ||
+        (code >= 0xfe30 && code <= 0xfe6f) ||
+        (code >= 0xff00 && code <= 0xff60) ||
+        (code >= 0xffe0 && code <= 0xffe6));
+}
+function paint(text, prefix, color) {
+    if (!color || !text)
+        return text;
+    return `${prefix}${text}${RESET}`;
+}
+function infinityMark(color) {
+    if (!color)
+        return '∞';
+    const [r, g, b] = (0, mark_2.markRgb)(0, 2);
+    return `\x1b[38;2;${r};${g};${b}m∞${RESET}`;
+}
+function lockup(color) {
+    const inf = infinityMark(color);
+    const name = paint('思溯', INK, 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}`;
+}
+function center(text, width) {
+    const vis = displayWidth(text);
+    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)),
         '',
-    ].join('\n');
+        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) {
+    const raw = (0, tree_2.sisuTreeLines)(columns);
+    const painted = (0, tree_2.sisuTreeArt)(columns, color).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);
+    });
+}
+/**
+ * Login-page splash: lockup + 思有所溯 + 题跋 over the 溯源之树.
+ * Side-by-side on a wide terminal; stacked when the sheet is narrow.
+ */
+function sisuSplash(columns = 80, color = true) {
+    const width = Math.max(20, Math.floor(columns));
+    const compact = width < 52;
+    const copy = copyColumn(width, color, compact);
+    const tree = treeColumn(width, color);
+    if (width >= 100) {
+        const gap = 3;
+        const leftW = Math.max(...copy.map((line) => displayWidth(line)));
+        const rightW = width - leftW - gap;
+        const right = treeColumn(rightW, color);
+        const rows = Math.max(copy.length, right.length);
+        const merged = [''];
+        for (let i = 0; i < rows; i += 1) {
+            const left = copy[i] ?? '';
+            const pad = Math.max(0, leftW + gap - displayWidth(left));
+            merged.push(`${left}${' '.repeat(pad)}${right[i] ?? ''}`);
+        }
+        merged.push('');
+        return merged.join('\n');
+    }
+    return ['', ...copy, '', ...tree, ''].join('\n');
+}
+function sisuWelcomeCopy(guest, color = true) {
+    const lines = [
+        ...lockup(color),
+        paint(HEADLINE, INK, color),
+    ];
+    if (guest) {
+        lines.push(paint('Sign in to start a conversation.', INK_DIM, color));
+        lines.push(paint('/login  browser    /help  commands', INK_DIM, color));
+    }
+    else {
+        lines.push(paint('Ask anything, or type /help.', INK_DIM, color));
+    }
+    return lines;
+}
+function sisuBanner(columns = 80, _phase = 0, color = false) {
+    return sisuSplash(columns, color);
 }
 function stripAnsi(text) {
     return text.replace(/\x1b\[[0-9;]*m/g, '');

package/dist/main.js

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

package/dist/mark.js

@@ -0,0 +1,76 @@
+"use strict";
+/** Hand-drawn SiSu Möbius mark — the web ∞ ribbon, not a 3D rasterizer. */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.markRgb = markRgb;
+exports.sisuMarkLines = sisuMarkLines;
+exports.sisuMarkArt = sisuMarkArt;
+exports.sisuMarkWidth = sisuMarkWidth;
+exports.sisuMarkHeight = sisuMarkHeight;
+const RESET = '\x1b[0m';
+const MARK_WIDE = [
+    '     ▄▄████▄▄            ▄▄████▄▄     ',
+    '   ▄██▀    ▀██▄        ▄██▀    ▀██▄   ',
+    '  ██          ▀█▄    ▄█▀          ██  ',
+    '  ██            ▀████▀            ██  ',
+    '  ██            ▄████▄            ██  ',
+    '  ██          ▄█▀    ▀█▄          ██  ',
+    '   ▀██▄    ▄██▀        ▀██▄    ▄██▀   ',
+    '     ▀▀████▀▀            ▀▀████▀▀     ',
+];
+const MARK_NARROW = [
+    '   ▄██▄      ▄██▄   ',
+    '  █▀  ▀█▄  ▄█▀  ▀█  ',
+    '  █     ▀██▀     █  ',
+    '  █     ▄██▄     █  ',
+    '  █▄  ▄█▀  ▀█▄  ▄█  ',
+    '   ▀██▀      ▀██▀   ',
+];
+function lerp(a, b, t) {
+    return a + (b - a) * t;
+}
+/** Brand gradient along the ribbon: blue → purple → gold. */
+function markRgb(x, width) {
+    const t = width <= 1 ? 0 : Math.max(0, Math.min(1, x / (width - 1)));
+    if (t < 0.5) {
+        const k = t / 0.5;
+        return [
+            Math.round(lerp(37, 124, k)),
+            Math.round(lerp(99, 58, k)),
+            Math.round(lerp(235, 237, k)),
+        ];
+    }
+    const k = (t - 0.5) / 0.5;
+    return [
+        Math.round(lerp(124, 217, k)),
+        Math.round(lerp(58, 119, k)),
+        Math.round(lerp(237, 6, k)),
+    ];
+}
+function paintLine(line) {
+    const width = line.length;
+    let out = '';
+    for (let i = 0; i < line.length; i += 1) {
+        const ch = line[i];
+        if (ch === ' ') {
+            out += ' ';
+            continue;
+        }
+        const [r, g, b] = markRgb(i, width);
+        out += `\x1b[38;2;${r};${g};${b}m${ch}`;
+    }
+    return `${out}${RESET}`;
+}
+function sisuMarkLines(columns = 80) {
+    return columns >= 48 ? MARK_WIDE : MARK_NARROW;
+}
+function sisuMarkArt(columns = 80, color = true) {
+    const lines = sisuMarkLines(columns);
+    const painted = color ? lines.map(paintLine) : lines;
+    return painted.join('\n');
+}
+function sisuMarkWidth(columns = 80) {
+    return sisuMarkLines(columns).reduce((max, line) => Math.max(max, line.length), 0);
+}
+function sisuMarkHeight(columns = 80) {
+    return sisuMarkLines(columns).length;
+}

package/dist/pager/render.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stripAnsi = void 0;
 exports.renderPager = renderPager;
+const logo_1 = require("../logo");
 const model_1 = require("./model");
 const theme_1 = require("./theme");
 Object.defineProperty(exports, "stripAnsi", { enumerable: true, get: function () { return theme_1.stripAnsi; } });
@@ -100,27 +101,22 @@ function windowAroundSelected(lines, entryOf, selected, budget, lastEntry) {
 function isIdleWelcome(state) {
     return !state.conversationId && state.entries.length === 0;
 }
-function center(text, width) {
-    const padLeft = Math.max(0, Math.floor((width - text.length) / 2));
+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, theme) {
-    const title = theme.accent(center('SISU', width));
-    if (guest) {
-        return [
-            title,
-            '',
-            theme.text(center('Sign in to start a conversation.', width)),
-            '',
-            theme.dim(center('/login    browser', width)),
-            theme.dim(center('/help     commands', width)),
-        ];
-    }
-    return [
-        title,
-        '',
-        theme.dim(center('Ask anything, or type /help.', width)),
-    ];
+function welcomeLines(guest, width, height, _theme) {
+    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];
 }
 function slashMenuLines(state, theme) {
     if (!state.slashOpen)
@@ -150,7 +146,7 @@ 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, theme) : [];
+    const welcome = isIdleWelcome(state) ? welcomeLines(guest, width, height, theme) : [];
     const welcomeTake = Math.min(welcome.length, Math.max(0, bodyBudget - slashTake));
     const scrollBudget = bodyBudget - slashTake - welcomeTake;
     const laid = layoutScrollback(state, width, theme);

package/dist/tree.js

@@ -0,0 +1,116 @@
+"use strict";
+/** 溯源之树 — hand-inked ASCII of the login welcome painting. */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sisuTreeLines = sisuTreeLines;
+exports.sisuTreeArt = sisuTreeArt;
+exports.sisuTreeWidth = sisuTreeWidth;
+exports.sisuTreeHeight = sisuTreeHeight;
+const RESET = '\x1b[0m';
+const INK = [196, 186, 170];
+const INK_DIM = [130, 120, 108];
+const FRUIT = [184, 90, 58];
+const HILL = [90, 82, 70];
+/**
+ * Desktop login tree. Trunk sits near center; crown opens into an airy
+ * fan with terracotta tips — the same 图景 as BrandCanvas, not a Möbius.
+ */
+const TREE_WIDE = [
+    '                      •    •      •  •      •    •     •',
+    '                 •  •    •    •     •   •    •     •  •   •',
+    '              •     •  •   •   •  •    •  •    •  •    •   •',
+    '           •     •    ╲  •   ╲  •   ╱ •   ╲   •    •    •',
+    '         •      ╲    ╱ ╲    ╲    ╱ ╲     ╱ ╲   ╲    ╲  ╱',
+    '        •        ╲  ╱   ╲    ╲  ╱   ╲   ╱   ╲   ╲    ╲╱',
+    '         ╲        ╲╱     ╲    ╲╱     ╲ ╱     ╲   ╲    ╱',
+    '          ╲       ╱       ╲   ╱       Y       ╲   ╲  ╱',
+    '           ╲     ╱         ╲ ╱       ╱         ╲   ╲╱',
+    '            ╲   ╱           Y       ╱           ╲  ╱',
+    '             ╲ ╱           ╱ ╲     ╱             ╲╱',
+    '              Y           ╱   ╲   ╱              ╱',
+    '              │          ╱     ╲ ╱',
+    '              │         ╱       Y',
+    '              │        ╱',
+    '              │',
+    '▁▁▁▂▂▁▁▁▁▁▁▁▁▁│▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁',
+];
+const TREE_MID = [
+    '                •   •    •  •    •   •   •',
+    '            •  •   •  •    •   •   •    •  •',
+    '         •    •  ╲  •  ╲ •   ╱ •  ╲   •   •',
+    '       •    ╲   ╱ ╲   ╲   ╱ ╲    ╱ ╲   ╲ ╱',
+    '        ╲    ╲ ╱   ╲   ╲ ╱   ╲  ╱   ╲   Y',
+    '         ╲    Y     ╲   Y     ╲╱     ╲ ╱',
+    '          ╲  ╱       ╲ ╱      ╱       Y',
+    '           ╲╱         Y      ╱       ╱',
+    '           │         ╱ ╲    ╱',
+    '           │        ╱   ╲  ╱',
+    '           │       ╱     ╲╱',
+    '           │',
+    '▁▁▂▂▁▁▁▁▁▁▁│▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁',
+];
+const TREE_NARROW = [
+    '          •  •   •  •  •',
+    '       •   ╲ • ╱ •  ╲  •',
+    '      ╲   ╱ ╲ ╱ ╲  ╱ ╲╱',
+    '       ╲ ╱   Y   ╲╱   ╱',
+    '        Y   ╱     ╲  ╱',
+    '        │  ╱       ╲╱',
+    '        │',
+    '▁▁▁▁▁▁▁▁│▁▁▁▁▁▁▁▁▁▁▁▁▁▁',
+];
+function lerp(a, b, t) {
+    return a + (b - a) * t;
+}
+function paintRgb(ch, rgb) {
+    return `\x1b[38;2;${rgb[0]};${rgb[1]};${rgb[2]}m${ch}`;
+}
+function inkAt(x, width) {
+    const t = width <= 1 ? 0 : x / (width - 1);
+    return [
+        Math.round(lerp(INK[0], INK_DIM[0], t * 0.45)),
+        Math.round(lerp(INK[1], INK_DIM[1], t * 0.45)),
+        Math.round(lerp(INK[2], INK_DIM[2], t * 0.45)),
+    ];
+}
+function paintLine(line, color) {
+    if (!color)
+        return line;
+    let out = '';
+    for (let i = 0; i < line.length; i += 1) {
+        const ch = line[i];
+        if (ch === ' ') {
+            out += ' ';
+            continue;
+        }
+        if (ch === '•') {
+            out += paintRgb(ch, FRUIT);
+            continue;
+        }
+        if (ch === '▁' || ch === '▂') {
+            out += paintRgb(ch, HILL);
+            continue;
+        }
+        out += paintRgb(ch, inkAt(i, line.length));
+    }
+    return `${out}${RESET}`;
+}
+function padBlock(lines) {
+    const width = lines.reduce((max, line) => Math.max(max, line.length), 0);
+    return lines.map((line) => line.padEnd(width, ' '));
+}
+function sisuTreeLines(columns = 80) {
+    if (columns >= 68)
+        return padBlock(TREE_WIDE);
+    if (columns >= 44)
+        return padBlock(TREE_MID);
+    return padBlock(TREE_NARROW);
+}
+function sisuTreeArt(columns = 80, color = true) {
+    return sisuTreeLines(columns).map((line) => paintLine(line, color)).join('\n');
+}
+function sisuTreeWidth(columns = 80) {
+    return sisuTreeLines(columns).reduce((max, line) => Math.max(max, line.length), 0);
+}
+function sisuTreeHeight(columns = 80) {
+    return sisuTreeLines(columns).length;
+}

package/dist/tui.js

@@ -174,7 +174,7 @@ async function runTui(io, deps = {}) {
     const columns = deps.columns ?? process.stdout.columns ?? 80;
     const animate = deps.animate ?? shouldAnimateSplash();
     try {
-        io.write(`\n${(0, logo_1.sisuWordmark)()}\n\n`);
+        io.write(`${(0, logo_1.sisuSplash)(columns, true)}\n`);
         if (animate) {
             await (deps.sleep ?? ((ms) => new Promise((resolve) => setTimeout(resolve, ms))))(80);
         }

package/package.json

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