lazyclaw 5.0.2 → 5.0.4

package/cli.mjs

@@ -1634,31 +1634,31 @@ function _renderBanner(version) {
   ];
 }
 
-// v5 sloth banner — shared with the ink splash (tui/splash.mjs).
-// Single-tone orange like _renderBanner so the no-arg launcher and the
-// chat splash share a visual identity. Opt out with LAZYCLAW_LEGACY_MENU=1
-// to fall back to the boxed figlet variant above.
-let _v5BannerRowsCache = null;
-async function _renderV5Banner(version) {
-  if (!_v5BannerRowsCache) {
-    try {
-      const { banner } = await import('./tui/banner.generated.mjs');
-      _v5BannerRowsCache = banner.rows;
-    } catch {
-      _v5BannerRowsCache = null;
-    }
+// v5 hero banner — the chafa-rendered braille sloth shared with the chat
+// splash (tui/banner.generated.mjs). Centered in TERM_WIDTH at runtime so
+// the launcher and chat splash present identical visual identity.
+// Opt out with LAZYCLAW_LEGACY_MENU=1 to fall back to the v4 figlet box.
+let _slothBannerRowsCache = null;
+async function _loadSlothBanner() {
+  if (_slothBannerRowsCache !== null) return _slothBannerRowsCache;
+  try {
+    const { banner } = await import('./tui/banner.generated.mjs');
+    _slothBannerRowsCache = banner;
+  } catch {
+    _slothBannerRowsCache = null;
   }
-  if (!_v5BannerRowsCache) return _renderBanner(version);
+  return _slothBannerRowsCache;
+}
+
+async function _renderV5Banner(version) {
+  const b = await _loadSlothBanner();
+  if (!b) return _renderBanner(version); // missing tarball asset → v4 figlet
+  const TERM_W = Math.max(80, process.stdout.columns || 80);
+  const pad = Math.max(0, Math.floor((TERM_W - b.width) / 2));
+  const rows = b.rows.map(r => _orange(' '.repeat(pad) + r));
   const v = String(version || '?.?.?');
-  return _v5BannerRowsCache.map((row, i) => {
-    if (i === 8) {
-      // Caption row — overlay "lazyclaw v<version>" centered on the 24-wide art
-      const cap = `lazyclaw  v${v}`;
-      const pad = Math.max(0, Math.floor((24 - cap.length) / 2));
-      return _orange(' '.repeat(pad) + cap + ' '.repeat(24 - pad - cap.length));
-    }
-    return _orange(row);
-  });
+  rows.push(_orange((' '.repeat(pad) + `lazyclaw v${v}`).padEnd(TERM_W)));
+  return rows;
 }
 
 function _printChatBanner(activeProvName, activeModel, version) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lazyclaw",
-  "version": "5.0.2",
+  "version": "5.0.4",
   "description": "Lazy, elegant terminal CLI for chatting with Claude / OpenAI / Gemini / Ollama, orchestrating multi-step LLM workflows, and running multi-agent Slack teams with cross-task memory. Banner-on-launch, slash-command ghost autocomplete, persistent sessions, local HTTP gateway.",
   "keywords": [
     "claude",

package/tui/banner.generated.mjs

@@ -1,18 +1,46 @@
-// AUTO-GENERATED placeholder — replace by running `npm run build:splash`.
+// Auto-generated by `chafa --format=symbols --symbols=braille --invert
+// --size=48x35 --fg-only docs/assets/sleepy-sloth-source.png`. Source:
+// Pexels three-toed sloth by Tomas Malik (free license). Style is the
+// dense inverted braille that user signed off on in v5.0.4 review.
 export const banner = {
   rows: [
-    "    ⣀⣠⣤⣶⣶⣦⣄⡀         ",
-    "  ⢠⣾⠟⠉   ⠈⠙⢿⣦         ",
-    "  ⣿⠁  ●     ●  ⣿        ",
-    "  ⣿⡀   ⠈⠉⠉⠁   ⣿        ",
-    "  ⠘⢿⣦⡀     ⢀⣴⡿⠃         ",
-    "    ⠈⠙⠻⠷⠶⠶⠿⠟⠋           ",
-    "       ⢸⠁  ⢸           ",
-    "       ⢸⠉  ⠉⠉⠉⠉         ",
-    "        lazyclaw        ",
-    "                        "
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡀ ⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣏⠉⠉⠉⠛⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇   ⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⡄ ⣠⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇ ⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠁ ⢘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣽⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣯⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "       ⠁ ⠚⠒⣚⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠿⣿⣿⣿⠟⠻⠭⠻⢻⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "    ⢀⣠⣤⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⣺⡋⡂⡺⠿⢋⣷⣲⣰⢀⣤⣴⣬⣏⣽⡮⠟⢿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣤⣴⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣾⣽⢶⠈ ⢈⠿⠮⠭⢿⠕⡼⣿⠿⡚⣯⡙⠚⣚⢽⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣼⣷⡒⢉⣽⣿⣾⡜⡀⡀⡐⠁⣑⢯⡜⠃⣀⡿⡿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣾⣿⣿⣿⣌⢻⠝⣞⠞⣒⣲⡤⣾⣽⡕⣘⣾⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⡿⡿⣿⣿⣿⣿⣿⣿⣄⣂⢸⣿⣗⢿⣺⣳⠶⢤⣶⠏⠁⠴⢛⣻⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣠⣀⡀ ⢉⣿⣿⣿⣿⣿⡅⣿⣿⡕⠋⠠⡕⢕⠟⢀⠈ ⢐⡱⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣿⣶⣿⣿⣿⣿⣿⣜⣿⣯⡃⢢⠴⠰⠘⡂⠾⠆⣀ ⢙⣽⣿⣟⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⣽⣿⣪⡫⠊⠄     ⡈⢉⣛⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⣟⣻⣟⣻⡿ ⠛⣺⡡⣔⠋ ⠈⣽⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⡅⡖⢮⣺⣷⣴⣧⣀⣙⣧⣮⠦ ⠨⣷⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡷⢎⢶⡹⡝⡯⢮⡛⠼⠟⢙⡳⢡⣵⣾⣥⣾⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢿⠿⢷⣿⣷⢻⠱⢳⣮⡜⣰⣻⣷⣴⣻⣽⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣗⡃⠺⠿⠗⢿⣧⠗⢑⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⢽⣟⡦⢂⣀⣀⣠⣾⣿⣿⣿⣿⣿⣽⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣯⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣷⣂⡽⣵⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣟⣟⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢹⣻⢻⡿⠿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣾⣿⣿⡿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⣿⣿⣾⣷⣶⣯⣭⣛⣻⠿⣿⣷⣿⣿⣿⣿⣿⣿⣿⡿⠿⡿⣟",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢿⣿⣿⣿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣯⣶⣶⣶⣷⣶⣿⣶⣶⣾⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣯⣷⣟⣀⣤⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
   ],
-  width: 24,
-  height: 10,
+  width: 47,
+  height: 35,
   fg: "#FFB347"
 };

package/tui/splash.mjs

@@ -1,21 +1,21 @@
-// tui/splash.mjs — two-column launch splash (spec §5.1).
+// tui/splash.mjs — hero-banner launch splash.
 //
 // Public surface:
 //   - <Splash {...props} />            ink component for live REPL mount
 //   - renderSplashToString(props)      pure string builder used by tests
 //                                       and by the non-TTY path.
 //
-// Layout: 24-cell sloth gutter (cols 0-23) | 2-cell separator (24-25)
-//   | 52-cell right column (cols 26-77) | 2-cell right padding.
-// Footer: exactly 4 lines, blank row separates body from footer.
+// Layout: 47-cell-wide hero banner centered in 80-col terminal,
+// followed by a two-column tools|skills section (36 cells each)
+// and a 4-line footer.
 import React from 'react';
 import { Box, Text } from 'ink';
 import stringWidth from 'string-width';
 import { theme } from './theme.mjs';
 import { banner } from './banner.generated.mjs';
 
-const RIGHT_COL_WIDTH = 52;
-const GUTTER_WIDTH = 24;
+const TERM_WIDTH = 80;
+const COL_WIDTH = 36; // 2 (lpad) + 36 + 2 (mid) + 36 + 2 (rpad) = 78 ≈ 80 with slack
 
 function fit(text, max) {
   if (stringWidth(text) <= max) return text.padEnd(max);
@@ -48,29 +48,26 @@ function skillRow({ group, names }) {
   return `${fit(group, 9)}${tail}${more}`;
 }
 
-function buildBody(props) {
-  const { tools = [], skills = [] } = props;
-  const right = [];
-  right.push('Available Tools');
-  right.push('─'.repeat(45));
-  for (const t of tools.slice(0, 8)) right.push(toolRow(t));
-  if (tools.length > 8) right.push(`... and ${tools.length - 8} more tool groups`);
-  right.push('');
-  right.push('Available Skills');
-  right.push('─'.repeat(45));
-  for (const s of skills.slice(0, 8)) right.push(skillRow(s));
-  if (skills.length > 8) right.push(`... and ${skills.length - 8} more skill groups`);
-
-  const left = banner.rows.slice();
-  while (left.length < right.length) left.push('');
-  while (right.length < left.length) right.push('');
+function buildBanner() {
+  // Center the hero banner inside TERM_WIDTH. banner.width may be < TERM_WIDTH;
+  // pad each side equally so it floats over the centerline.
+  const pad = Math.max(0, Math.floor((TERM_WIDTH - banner.width) / 2));
+  return banner.rows.map(row => ' '.repeat(pad) + row);
+}
 
+function buildToolsAndSkills(props) {
+  const { tools = [], skills = [] } = props;
+  const SECT_WIDTH = TERM_WIDTH - 4;
   const lines = [];
-  for (let i = 0; i < left.length; i++) {
-    const lhs = fit(left[i], GUTTER_WIDTH);
-    const rhs = fit(right[i], RIGHT_COL_WIDTH);
-    lines.push(`  ${lhs}  ${rhs}`);
-  }
+  lines.push(`  ${fit('Available Tools', SECT_WIDTH)}`);
+  lines.push(`  ${'─'.repeat(SECT_WIDTH)}`);
+  for (const t of tools.slice(0, 8)) lines.push(`  ${fit(toolRow(t), SECT_WIDTH)}`);
+  if (tools.length > 8) lines.push(`  ${fit(`... and ${tools.length - 8} more tool groups`, SECT_WIDTH)}`);
+  lines.push('');
+  lines.push(`  ${fit('Available Skills', SECT_WIDTH)}`);
+  lines.push(`  ${'─'.repeat(SECT_WIDTH)}`);
+  for (const s of skills.slice(0, 8)) lines.push(`  ${fit(skillRow(s), SECT_WIDTH)}`);
+  if (skills.length > 8) lines.push(`  ${fit(`... and ${skills.length - 8} more skill groups`, SECT_WIDTH)}`);
   return lines;
 }
 
@@ -89,10 +86,14 @@ function buildFooter(props) {
 }
 
 export function renderSplashToString(props, { columns = 80 } = {}) {
-  void columns; // currently fixed-width at 80; <72 fallback is in cli.mjs
-  const body = buildBody(props);
-  const footer = buildFooter(props);
-  return [...body, '', ...footer].join('\n');
+  void columns; // splash is fixed-width 80
+  return [
+    ...buildBanner(),
+    '',
+    ...buildToolsAndSkills(props),
+    '',
+    ...buildFooter(props),
+  ].join('\n');
 }
 
 export function Splash(props) {