gitroots 0.6.0 → 0.6.1

package/README.md

@@ -4,7 +4,7 @@ gitroots in your terminal, as a session like Claude Code. Run `gitroots` and you
 
 ```
 ╭──────────────────────────────────────────────────────────────╮
-│ ██ ██ ██ ██   gitroots v0.6.0                                │
+│ ██ ██ ██ ██   gitroots v0.6.1                                │
 │ ██ ██ ██ ██   code governance and agent sessions             │
 │ ██ ██ ██ ██   Shawki Aladdin · Acme ERP (owner) · gitroots.com│
 │ ██ ██ ██ ██   ~/work/erp · acme/erp @ main                   │

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gitroots",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "gitroots CLI: code governance and agent sessions.",
   "type": "module",
   "bin": {

package/src/runtime.js

@@ -5,7 +5,7 @@ import os from 'node:os';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 
-export const VERSION = '0.6.0';
+export const VERSION = '0.6.1';
 
 // Default download location for install.sh / gitroots update. Override with GITROOTS_DOWNLOAD_BASE.
 export const DOWNLOAD_BASE = process.env.GITROOTS_DOWNLOAD_BASE || 'https://gitroots.com/cli';

package/src/session/logo.js

@@ -1,40 +1,107 @@
-// The gitroots mark (4×4 green grid) drawn with block characters, so it shows in every terminal.
+// The gitroots logo as terminal pixel art: the 4×4 mark and the "gitroots" wordmark.
+// One pixel is one column wide and half a row tall (▀ ▄ █ with fg/bg colors), so pixels are about square.
 import { state as colorState, c, width, fit } from '../ui/ansi.js';
 
-// Cell colors sampled from assets/logo.png, light lime (top left) to deep green (bottom right).
-const GRID = [
-  ['#B8DB4A', '#9CCF3A', '#5BB33A', '#22954E'],
-  ['#7DC035', '#63B535', '#258C35', '#0A743F'],
-  ['#1F8932', '#11713F', '#0A6435', '#0A4F33'],
-  ['#0A5835', '#0B4F27', '#0A3A27', '#0A3328'],
+// Colors sampled from assets/logo.png.
+const CELLS = [
+  ['#B3DA44', '#97D039', '#59B238', '#20944D'],
+  ['#7AC135', '#64B532', '#238B32', '#07753E'],
+  ['#1D872F', '#12743D', '#096736', '#09512E'],
+  ['#075833', '#0A5229', '#0A3E28', '#0A3929'],
 ];
-const FALLBACK = [[149, 112, 70, 29], [106, 70, 28, 23], [28, 23, 22, 22], [22, 22, 22, 22]];
+const WORD = '#E3EDFC';
 
-function cell(hex, r, col) {
-  if (!colorState.color) return '██';
-  const [R, G, B] = [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16));
-  const code = colorState.truecolor ? `\x1b[38;2;${R};${G};${B}m` : `\x1b[38;5;${FALLBACK[r][col]}m`;
-  return `${code}██\x1b[39m`;
+// 8 px tall glyphs: ascenders in rows 0-1, x-height 2-5, descender 6-7.
+const GLYPHS = {
+  g: ['....', '....', '.###', '#..#', '#..#', '.###', '...#', '.##.'],
+  i: ['#', '.', '#', '#', '#', '#', '.', '.'],
+  t: ['.#.', '.#.', '###', '.#.', '.#.', '.##', '...', '...'],
+  r: ['...', '...', '#.#', '##.', '#..', '#..', '...', '...'],
+  o: ['....', '....', '.##.', '#..#', '#..#', '.##.', '....', '....'],
+  s: ['....', '....', '.###', '#...', '..##', '###.', '....', '....'],
+};
+
+const CELL = 2;
+const GAP = 1;
+const MARK = 4 * CELL + 3 * GAP; // 11 px
+const SPACE = 4;
+
+function canvas() {
+  const word = [...'gitroots'].reduce((rows, ch, i) => rows.map((r, y) => r + (i ? '.' : '') + GLYPHS[ch][y]), Array(8).fill(''));
+  let H = Math.max(MARK, 8);
+  if (H % 2) H += 1;
+  const W = MARK + SPACE + word[0].length;
+  const px = Array.from({ length: H }, () => Array(W).fill(null));
+  for (let r = 0; r < 4; r++) {
+    for (let col = 0; col < 4; col++) {
+      for (let y = 0; y < CELL; y++) for (let x = 0; x < CELL; x++) px[r * (CELL + GAP) + y][col * (CELL + GAP) + x] = CELLS[r][col];
+    }
+  }
+  const oy = Math.floor((H - 8) / 2);
+  word.forEach((row, y) => [...row].forEach((ch, x) => { if (ch === '#') px[oy + y][MARK + SPACE + x] = WORD; }));
+  return { px, W, H };
+}
+
+const rgb = (hex) => [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16));
+
+// Nearest xterm-256 color for terminals without truecolor.
+function x256([r, g, b]) {
+  const q = (v) => (v < 48 ? 0 : v < 115 ? 1 : Math.floor((v - 35) / 40));
+  const lv = [0, 95, 135, 175, 215, 255];
+  const [qr, qg, qb] = [q(r), q(g), q(b)];
+  const cube = 16 + 36 * qr + 6 * qg + qb;
+  const dc = (lv[qr] - r) ** 2 + (lv[qg] - g) ** 2 + (lv[qb] - b) ** 2;
+  const gray = Math.max(0, Math.min(23, Math.round(((r + g + b) / 3 - 8) / 10)));
+  const gv = 8 + gray * 10;
+  const dg = (gv - r) ** 2 + (gv - g) ** 2 + (gv - b) ** 2;
+  return dg < dc ? 232 + gray : cube;
 }
 
-// Four rows, 11 columns: "██ ██ ██ ██"
-export function logoRows() {
-  return GRID.map((row, r) => row.map((hex, col) => cell(hex, r, col)).join(' '));
+const fg = (hex) => (colorState.truecolor ? `\x1b[38;2;${rgb(hex).join(';')}m` : `\x1b[38;5;${x256(rgb(hex))}m`);
+const bg = (hex) => (colorState.truecolor ? `\x1b[48;2;${rgb(hex).join(';')}m` : `\x1b[48;5;${x256(rgb(hex))}m`);
+
+let cached = null;
+/** The logo as terminal lines (6 rows × 48 columns). */
+export function logoLines() {
+  if (cached && cached.color === colorState.color && cached.tc === colorState.truecolor) return cached.lines;
+  const { px, W, H } = canvas();
+  const lines = [];
+  for (let y = 0; y < H; y += 2) {
+    let s = '';
+    for (let x = 0; x < W; x++) {
+      const top = px[y][x];
+      const bot = px[y + 1][x];
+      if (!colorState.color) { s += top && bot ? '█' : top ? '▀' : bot ? '▄' : ' '; continue; }
+      if (!top && !bot) s += ' ';
+      else if (top && bot && top === bot) s += `${fg(top)}█\x1b[39m`;
+      else if (top && bot) s += `${fg(top)}${bg(bot)}▀\x1b[39;49m`;
+      else if (top) s += `${fg(top)}▀\x1b[39m`;
+      else s += `${fg(bot)}▄\x1b[39m`;
+    }
+    lines.push(s);
+  }
+  cached = { color: colorState.color, tc: colorState.truecolor, lines };
+  return lines;
 }
 
-// Claude Code-style welcome box: logo on the left, lines of text on the right.
-export function welcomeBox(lines, cols) {
-  const inner = Math.max(40, Math.min(cols - 2, 100));
-  const logo = logoRows();
-  const rows = Math.max(logo.length, lines.length);
-  const out = [];
+/** Welcome box: the logo with the info lines beside it (or under it in narrow terminals). */
+export function welcomeBox(info, cols) {
+  const logo = logoLines();
+  const logoW = width(logo[0]);
+  const infoW = Math.max(...info.map((l) => width(l)));
+  const side = cols >= logoW + infoW + 12;
+  const inner = Math.max(logoW + 4, Math.min(cols - 2, side ? logoW + infoW + 9 : Math.max(logoW, infoW) + 6));
   const b = (s) => c.g(s);
-  out.push(b(`╭${'─'.repeat(inner)}╮`));
-  for (let i = 0; i < rows; i++) {
-    const left = logo[i] || ' '.repeat(11);
-    const right = lines[i] || '';
-    out.push(`${b('│')} ${left}   ${fit(right, inner - 16)}${' '.repeat(Math.max(0, inner - 16 - width(fit(right, inner - 16))))} ${b('│')}`);
+  const row = (s) => `${b('│')}  ${fit(s, inner - 4)}${' '.repeat(Math.max(0, inner - 4 - width(fit(s, inner - 4))))}  ${b('│')}`;
+  const out = [b(`╭${'─'.repeat(inner)}╮`), row('')];
+  if (side) {
+    const off = Math.max(0, Math.floor((logo.length - info.length) / 2));
+    for (let i = 0; i < logo.length; i++) out.push(row(`${logo[i]}     ${info[i - off] || ''}`));
+  } else {
+    for (const l of logo) out.push(row(l));
+    out.push(row(''));
+    for (const l of info) out.push(row(l));
   }
-  out.push(b(`╰${'─'.repeat(inner)}╯`));
+  out.push(row(''), b(`╰${'─'.repeat(inner)}╯`));
   return out;
 }

package/src/session/repl.js

@@ -43,8 +43,8 @@ function header(ctx) {
     ? `${c.b(cfg.user?.name || cfg.username)} ${c.m('·')} ${cfg.org ? `${cfg.org.name} ${c.m(`(${cfg.org.role})`)}` : c.w('no workspace · /workspace')} ${c.m(`· ${ctx.api.host}`)}`
     : `${c.w('Not signed in')} ${c.m('· /login to connect your gitroots account')}`;
   return welcomeBox([
-    `${c.b('gitroots')} ${c.m(`v${VERSION}`)}`,
-    c.m('code governance and agent sessions'),
+    `${c.s(`v${VERSION}`)} ${c.m('· code governance and agent sessions')}`,
+    '',
     who,
     c.m(`${shortPath(process.cwd())}${repo ? ` · ${repo}${branch ? ` @ ${branch}` : ''}` : ''}`),
   ], cols);