lazyclaw 5.0.3 → 5.0.4

package/cli.mjs

@@ -1634,28 +1634,31 @@ function _renderBanner(version) {
   ];
 }
 
-// v5 wordmark banner — ANSI Shadow style "LAZYCLAW" rendered in box-drawing
-// + half-block glyphs at 67 cols x 6 rows. Wider than the chat splash gutter
-// because the no-arg launcher has the full terminal width to work with.
-// Single-tone orange. Opt out with LAZYCLAW_LEGACY_MENU=1 to fall back to
-// the boxed figlet variant above.
-const _V5_WORDMARK = [
-  "  ██╗      █████╗ ███████╗██╗   ██╗ ██████╗██╗      █████╗ ██╗    ██╗",
-  "  ██║     ██╔══██╗╚══███╔╝╚██╗ ██╔╝██╔════╝██║     ██╔══██╗██║    ██║",
-  "  ██║     ███████║  ███╔╝  ╚████╔╝ ██║     ██║     ███████║██║ █╗ ██║",
-  "  ██║     ██╔══██║ ███╔╝    ╚██╔╝  ██║     ██║     ██╔══██║██║███╗██║",
-  "  ███████╗██║  ██║███████╗   ██║   ╚██████╗███████╗██║  ██║╚███╔███╔╝",
-  "  ╚══════╝╚═╝  ╚═╝╚══════╝   ╚═╝    ╚═════╝╚══════╝╚═╝  ╚═╝ ╚══╝╚══╝ ",
-];
+// 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;
+  }
+  return _slothBannerRowsCache;
+}
 
-function _renderV5Banner(version) {
+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 || '?.?.?');
-  const wmCols = 69; // width of _V5_WORDMARK rows including leading "  "
-  const versionLine = `  v${v}`;
-  return [
-    ..._V5_WORDMARK.map(_orange),
-    _orange(versionLine.padEnd(wmCols)),
-  ];
+  rows.push(_orange((' '.repeat(pad) + `lazyclaw v${v}`).padEnd(TERM_W)));
+  return rows;
 }
 
 function _printChatBanner(activeProvName, activeModel, version) {
@@ -6746,7 +6749,7 @@ async function cmdLauncher() {
     const useLegacyBanner = !!process.env.LAZYCLAW_LEGACY_MENU;
     const bannerRowsCached = useLegacyBanner
       ? _renderBanner(readVersionFromRepo())
-      : _renderV5Banner(readVersionFromRepo());
+      : await _renderV5Banner(readVersionFromRepo());
     const draw = () => {
       process.stdout.write('\x1b[?25l\x1b[2J\x1b[H'); // hide cursor + clear
       bannerRowsCached.forEach((l) => process.stdout.write(l + '\n'));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lazyclaw",
-  "version": "5.0.3",
+  "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,29 +1,46 @@
-// Hand-crafted 24x12 sleepy sloth icon — replaces the chafa-generated
-// placeholder. Source image (docs/assets/sleepy-sloth-source.png) is a
-// circle silhouette with no internal detail, so chafa --symbols=braille
-// renders an oval-of-dots at this resolution. A hand drawing reads as
-// a creature; the rasterised conversion did not.
-//
-// All rows are exactly 24 East-Asian-Width cells. Render width matches
-// the splash gutter (GUTTER_WIDTH = 24 in tui/splash.mjs). Don't change
-// row widths without updating tests/phaseC-build-splash.test.mjs (width
-// strict-equals 24, height <= 12).
+// 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: [
-    "      ╭──╮    ╭──╮      ",
-    "     ╭╯  ╰────╯  ╰╮     ",
-    "    │   ─    ─   │      ",
-    "    │             │     ",
-    "    │     ‿‿‿     │     ",
-    "     ╰╮         ╭╯      ",
-    "      ╰─┬─────┬─╯       ",
-    "        │     │         ",
-    "       ╱│  z  │╲        ",
-    "      ╱ │   z │ ╲       ",
-    "     ✦  ╰─────╯  ✦      ",
-    "       lazyclaw         "
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡀ ⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣏⠉⠉⠉⠛⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇   ⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⡄ ⣠⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇ ⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠁ ⢘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣽⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣯⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "       ⠁ ⠚⠒⣚⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠿⣿⣿⣿⠟⠻⠭⠻⢻⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "    ⢀⣠⣤⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⣺⡋⡂⡺⠿⢋⣷⣲⣰⢀⣤⣴⣬⣏⣽⡮⠟⢿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣤⣴⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣾⣽⢶⠈ ⢈⠿⠮⠭⢿⠕⡼⣿⠿⡚⣯⡙⠚⣚⢽⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣼⣷⡒⢉⣽⣿⣾⡜⡀⡀⡐⠁⣑⢯⡜⠃⣀⡿⡿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣾⣿⣿⣿⣌⢻⠝⣞⠞⣒⣲⡤⣾⣽⡕⣘⣾⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⡿⡿⣿⣿⣿⣿⣿⣿⣄⣂⢸⣿⣗⢿⣺⣳⠶⢤⣶⠏⠁⠴⢛⣻⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣠⣀⡀ ⢉⣿⣿⣿⣿⣿⡅⣿⣿⡕⠋⠠⡕⢕⠟⢀⠈ ⢐⡱⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣿⣶⣿⣿⣿⣿⣿⣜⣿⣯⡃⢢⠴⠰⠘⡂⠾⠆⣀ ⢙⣽⣿⣟⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⣽⣿⣪⡫⠊⠄     ⡈⢉⣛⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⣟⣻⣟⣻⡿ ⠛⣺⡡⣔⠋ ⠈⣽⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⡅⡖⢮⣺⣷⣴⣧⣀⣙⣧⣮⠦ ⠨⣷⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡷⢎⢶⡹⡝⡯⢮⡛⠼⠟⢙⡳⢡⣵⣾⣥⣾⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢿⠿⢷⣿⣷⢻⠱⢳⣮⡜⣰⣻⣷⣴⣻⣽⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣗⡃⠺⠿⠗⢿⣧⠗⢑⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⢽⣟⡦⢂⣀⣀⣠⣾⣿⣿⣿⣿⣿⣽⣿⣿⣿⣿⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣯⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣷⣂⡽⣵⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣟⣟⣿⣿⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢹⣻⢻⡿⠿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣾⣿⣿⡿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⣿⣿⣾⣷⣶⣯⣭⣛⣻⠿⣿⣷⣿⣿⣿⣿⣿⣿⣿⡿⠿⡿⣟",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢿⣿⣿⣿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣯⣶⣶⣶⣷⣶⣿⣶⣶⣾⣿⣿⣿",
+    "⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣯⣷⣟⣀⣤⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿",
   ],
-  width: 24,
-  height: 12,
+  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) {