@stevezhou/sisu 0.1.3 → 0.1.4

package/dist/logo.js

@@ -1,9 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.sisuMarkLines = exports.sisuMarkArt = void 0;
 exports.sisuMobiusArt = sisuMobiusArt;
 exports.sisuWordmark = sisuWordmark;
+exports.sisuSplash = sisuSplash;
 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; } });
+const mark_2 = require("./mark");
 const mobius_1 = require("./mobius");
 function sisuMobiusArt(columns = 80, phase = 0, color = false) {
     return (0, mobius_1.renderMobiusFrame)({
@@ -16,14 +22,16 @@ 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(),
-        '',
-    ].join('\n');
+/** Splash used on TUI enter: the web Möbius mark plus 思溯. */
+function sisuSplash(columns = 80, color = true) {
+    const mark = (0, mark_2.sisuMarkArt)(columns, color);
+    const markWidth = (0, mark_2.sisuMarkLines)(columns)[0]?.length ?? 0;
+    const caption = '思溯   SISU';
+    const pad = Math.max(0, Math.floor((markWidth - caption.length) / 2));
+    return ['', mark, '', `${' '.repeat(pad)}${caption}`, ''].join('\n');
+}
+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/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 mark_1 = require("../mark");
 const model_1 = require("./model");
 const theme_1 = require("./theme");
 Object.defineProperty(exports, "stripAnsi", { enumerable: true, get: function () { return theme_1.stripAnsi; } });
@@ -100,24 +101,25 @@ 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, theme_1.stripAnsi)(text).length) {
+    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));
+function welcomeLines(guest, width, height, theme) {
+    const markCols = height >= 20 && width >= 48 ? width : 40;
+    const raw = (0, mark_1.sisuMarkLines)(markCols);
+    const painted = (0, mark_1.sisuMarkArt)(markCols, true).split('\n');
+    const mark = painted.map((line, i) => center(line, width, raw[i]?.length ?? (0, theme_1.stripAnsi)(line).length));
     if (guest) {
         return [
-            title,
+            ...mark,
             '',
             theme.text(center('Sign in to start a conversation.', width)),
-            '',
-            theme.dim(center('/login    browser', width)),
-            theme.dim(center('/help     commands', width)),
+            theme.dim(center('/login  browser    /help  commands', width)),
         ];
     }
     return [
-        title,
+        ...mark,
         '',
         theme.dim(center('Ask anything, or type /help.', width)),
     ];
@@ -150,7 +152,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/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.4",
   "description": "SiSu CLI — one login, cloud quota, local workspace",
   "license": "UNLICENSED",
   "homepage": "https://www.sisu.chat",