lazy-skill 0.4.0 → 0.6.0

package/dist/commands/connect.js

@@ -5,9 +5,11 @@ import { detectAgents } from "../adapters/index.js";
 import { THEMES, style } from "../ui/theme.js";
 import { boxWidth, visibleWidth } from "../ui/layout.js";
 import { renderQr } from "../ui/qr.js";
-import { blank, box, centre, fail, hint, line, muted, ok, status, welcome } from "../ui/layout.js";
+import { blank, box, centre, fail, hint, line, muted, ok, status } from "../ui/layout.js";
+import { banner, mascot } from "../ui/banner.js";
 import { messages } from "../ui/messages.js";
 import { Spinner } from "../ui/spinner.js";
+const VERSION = "0.6.0";
 function friendlyPlatform() {
     const p = platform();
     return p === "darwin" || p === "win32" || p === "linux" ? p : "unknown";
@@ -24,7 +26,8 @@ export async function connectCommand(options) {
     const config = readConfig();
     const theme = THEMES[config.theme];
     blank();
-    welcome(theme, "Welcome to Lazy Skill!");
+    for (const row of banner(theme, VERSION))
+        console.log(row);
     blank();
     hint("See it. Search it. Install it.");
     blank();
@@ -64,10 +67,18 @@ export async function connectCommand(options) {
     hint("Open Lazy Skill on your phone and scan this.");
     blank();
     // The QR is the one thing to act on, so it gets the box. Its own quiet zone
-    // sits inside the border, untouched.
+    // sits inside the border, untouched — nothing is drawn over the modules.
     const plate = await renderQr(session.pairUrl);
     const width = plate.length ? visibleWidth(plate[0]) + 4 : boxWidth();
     box(theme, plate.map((row) => centre(row, width)), width);
+    // Bit sits under the code rather than over it: anything overlapping the
+    // module area would cost scan reliability for decoration.
+    blank();
+    const bit = mascot(theme, false);
+    for (let i = 0; i < bit.length; i++) {
+        const caption = i === 2 ? `  ${style.gray("waiting for your phone")}` : "";
+        console.log(`  ${centre(bit[i], width - 18)}${caption}`);
+    }
     blank();
     muted(session.pairUrl);
     blank();

package/dist/commands/theme.js

@@ -1,14 +1,14 @@
-import { createInterface } from "node:readline/promises";
 import { readConfig, updateConfig } from "../lib/config.js";
 import { THEMES, THEME_IDS, rgb, style } from "../ui/theme.js";
-import { blank, box, muted, ok, welcome } from "../ui/layout.js";
+import { banner, mascot } from "../ui/banner.js";
+import { pointer, select } from "../ui/select.js";
+import { blank, muted, ok } from "../ui/layout.js";
 /**
  * Theme picker. The choice is stored locally and travels with the next
  * pairing, so the phone ends up on the same colour.
  */
-export async function themeCommand(requested) {
+export async function themeCommand(requested, version) {
     const current = readConfig().theme;
-    const theme = THEMES[current];
     if (requested) {
         const match = THEME_IDS.find((id) => id === requested);
         if (!match) {
@@ -25,41 +25,35 @@ export async function themeCommand(requested) {
         blank();
         return 0;
     }
+    const chosen = await select({
+        choices: THEME_IDS.map((id) => ({ value: id, label: THEMES[id].label })),
+        initial: THEME_IDS.indexOf(current),
+        render: (index) => {
+            const theme = THEMES[THEME_IDS[index]];
+            const bit = mascot(theme, true);
+            const out = [""];
+            out.push(...banner(theme, version));
+            out.push("");
+            THEME_IDS.forEach((themeId, i) => {
+                const t = THEMES[themeId];
+                const active = i === index;
+                const mark = themeId === current ? style.green("●") : style.gray("○");
+                // Pad before colouring: padEnd counts escape codes as characters, so
+                // padding a coloured string leaves the column ragged.
+                const padded = t.label.padEnd(14);
+                const label = active ? style.bold(padded) : style.gray(padded);
+                const beside = i >= 1 && i <= 6 ? "  " + bit[i - 1] : "";
+                out.push(`  ${pointer(active)} ${mark} ${rgb(t.accent, "████")}  ${label}${beside}`);
+            });
+            out.push("");
+            out.push(`  ${style.gray("↑ ↓ to move · enter to choose")}`);
+            out.push("");
+            return out;
+        },
+    });
+    updateConfig({ theme: chosen });
+    ok(`Theme set to ${rgb(THEMES[chosen].accent, THEMES[chosen].label)}.`);
+    muted("Connect again to carry it to your phone.");
     blank();
-    welcome(theme, "Pick a colour");
-    blank();
-    box(theme, THEME_IDS.map((id, i) => {
-        const t = THEMES[id];
-        const marker = id === current ? style.green("●") : style.gray("○");
-        return `${marker} ${style.gray(String(i + 1))}  ${rgb(t.accent, "████")}  ${t.label}`;
-    }));
-    blank();
-    if (!process.stdin.isTTY) {
-        muted("Not a terminal — pass an id, e.g. lazy-skill theme matrix-green");
-        blank();
-        return 0;
-    }
-    const rl = createInterface({ input: process.stdin, output: process.stdout });
-    try {
-        const answer = (await rl.question(`  Number ${style.gray("(enter to keep)")} `)).trim();
-        if (!answer)
-            return 0;
-        const index = Number(answer) - 1;
-        if (!Number.isInteger(index) || index < 0 || index >= THEME_IDS.length) {
-            blank();
-            muted("Not one of those. Theme unchanged.");
-            blank();
-            return 1;
-        }
-        const chosen = THEME_IDS[index];
-        updateConfig({ theme: chosen });
-        blank();
-        ok(`Theme set to ${rgb(THEMES[chosen].accent, THEMES[chosen].label)}.`);
-        muted("Connect again to carry it to your phone.");
-        blank();
-        return 0;
-    }
-    finally {
-        rl.close();
-    }
+    return 0;
 }

package/dist/index.js

@@ -10,7 +10,7 @@ import { installCommand } from "./commands/install.js";
 import { themeCommand } from "./commands/theme.js";
 import { listenCommand } from "./commands/listen.js";
 import { warnIfOutdated } from "./lib/version-check.js";
-const VERSION = "0.4.0";
+const VERSION = "0.6.0";
 function help() {
     const theme = THEMES[readConfig().theme];
     const cmd = (name) => rgb(theme.accent, name.padEnd(26));
@@ -66,7 +66,7 @@ async function main() {
     // when it pairs a moment later. Only on a genuinely first run, and never
     // for `theme`, which asks on its own.
     if (isFirstRun() && command !== "theme") {
-        updateConfig({ theme: await chooseTheme() });
+        updateConfig({ theme: await chooseTheme(VERSION) });
     }
     if (longRunning)
         await warnIfOutdated(VERSION, THEMES[readConfig().theme]);
@@ -91,7 +91,7 @@ async function main() {
         case "skills":
             return skillsCommand();
         case "theme":
-            return themeCommand(positional[1]);
+            return themeCommand(positional[1], VERSION);
         case "install": {
             const agentFlag = argv.find((a) => a.startsWith("--agent="))?.split("=")[1];
             const yes = flags.has("-y") || flags.has("--yes");

package/dist/ui/banner.js

@@ -0,0 +1,74 @@
+import { rgb, style } from "./theme.js";
+/**
+ * The wordmark, drawn as blocks.
+ *
+ * Only the seven letters in LAZY SKILL are defined — a full alphabet would be
+ * dead weight for a name that never changes. Five rows tall, which reads as a
+ * logo without eating half the terminal.
+ */
+const GLYPHS = {
+    L: ["█   ", "█   ", "█   ", "█   ", "████"],
+    A: [" ██ ", "█  █", "████", "█  █", "█  █"],
+    Z: ["████", "   █", " ██ ", "█   ", "████"],
+    Y: ["█  █", "█  █", " ██ ", " █  ", " █  "],
+    S: [" ███", "█   ", " ██ ", "   █", "███ "],
+    K: ["█  █", "█ █ ", "██  ", "█ █ ", "█  █"],
+    I: ["███", " █ ", " █ ", " █ ", "███"],
+    " ": ["  ", "  ", "  ", "  ", "  "],
+};
+const ROWS = 5;
+function render(word) {
+    const lines = Array.from({ length: ROWS }, () => "");
+    for (const char of word.toUpperCase()) {
+        const glyph = GLYPHS[char];
+        if (!glyph)
+            continue;
+        for (let r = 0; r < ROWS; r++)
+            lines[r] += glyph[r] + " ";
+    }
+    return lines;
+}
+/**
+ * `LAZY` in the terminal's own ink and `SKILL` in the theme accent, matching
+ * the two-tone split the web app uses.
+ */
+export function banner(theme, version) {
+    const left = render("LAZY");
+    const right = render("SKILL");
+    const lines = left.map((row, i) => `  ${style.bold(row)} ${rgb(theme.accent, style.bold(right[i]))}`);
+    // The version sits on the last row, trailing the mark like a signature.
+    lines[ROWS - 1] += `  ${style.gray("v" + version)}`;
+    return lines;
+}
+/**
+ * Bit, hand-drawn.
+ *
+ * The generated 32x32 sprite is right for the phone, where there is
+ * resolution to spare. In a terminal it turned to mush: ellipses at that
+ * scale produce a cream blob with dark smears, and no amount of nudging the
+ * shapes fixed it. This is drawn character by character instead — a hood, a
+ * face, two closed eyes, a nose and a smile — which is far fewer pixels but
+ * reads instantly, which is the only thing that matters here.
+ *
+ * Every row is exactly 13 cells wide. Ragged rows shear the silhouette, and
+ * the colour codes make that impossible to spot by eye.
+ */
+const FACE = [227, 201, 164];
+const FEATURE = [70, 48, 35];
+export function mascot(theme, awake = false) {
+    const hood = (t) => rgb(theme.accent, t);
+    const face = (t) => rgb(FACE, t);
+    const mark = (t) => rgb(FEATURE, t);
+    const zzz = (t) => rgb(theme.support, t);
+    // Open eyes are dots; closed eyes are the lower half of a block, which
+    // reads as a lid rather than a gap.
+    const eyes = awake ? mark("●●") : mark("▄▄");
+    return [
+        hood("   ▄▄▄▄▄▄▄   "),
+        hood("  █") + face("███████") + hood("█  "),
+        hood("  █") + face("█") + eyes + face("█") + eyes + face("█") + hood("█  ") + (awake ? "" : zzz("z")),
+        hood("  █") + face("███") + mark("▾") + face("███") + hood("█  ") + (awake ? "" : zzz("z")),
+        hood("  █") + face("██") + mark("‿‿‿") + face("██") + hood("█  "),
+        hood("   ▀▀▀▀▀▀▀   "),
+    ];
+}

package/dist/ui/onboarding.js

@@ -1,47 +1,44 @@
-import { createInterface } from "node:readline/promises";
 import { THEMES, THEME_IDS, rgb, style } from "./theme.js";
-import { blank, box, hint, line, muted, welcome } from "./layout.js";
+import { banner, mascot } from "./banner.js";
+import { pointer, select } from "./select.js";
 /**
- * First-run theme choice.
+ * First-run theme choice, with live preview.
  *
- * Asked once, before anything else, because the answer applies to both halves
- * of the product: the terminal colours itself, and the phone adopts the same
- * theme the moment it pairs. Choosing later in two places would be two
- * chances to end up mismatched.
+ * The whole screen — wordmark, mascot, pointer — repaints in whichever theme
+ * is under the cursor, so the choice is made by looking rather than by
+ * imagining. It is asked once because it applies to both halves of the
+ * product: the terminal colours itself, and the phone adopts the same theme
+ * the moment it pairs.
  */
-export async function chooseTheme() {
-    const fallback = "cyber-purple";
-    const theme = THEMES[fallback];
-    blank();
-    welcome(theme, "Welcome to Lazy Skill!");
-    blank();
-    hint("Pick a colour. Your phone will match it when you connect.");
-    blank();
-    box(theme, THEME_IDS.map((id, i) => {
-        const t = THEMES[id];
-        return `${style.gray(String(i + 1))}  ${rgb(t.accent, "████")}  ${t.label}`;
-    }));
-    blank();
-    // A pipe or a CI job has nobody to ask.
-    if (!process.stdin.isTTY) {
-        muted("Not a terminal — using Purple Night. Change it with: lazy-skill theme");
-        blank();
-        return fallback;
-    }
-    const rl = createInterface({ input: process.stdin, output: process.stdout });
-    try {
-        const answer = (await rl.question(`  Number ${style.gray("(enter for 1)")} `)).trim();
-        if (!answer)
-            return fallback;
-        const index = Number(answer) - 1;
-        if (!Number.isInteger(index) || index < 0 || index >= THEME_IDS.length) {
-            // Not worth a re-prompt: the choice is cosmetic and changeable.
-            line(style.gray("  Not one of those — using Purple Night."));
-            return fallback;
-        }
-        return THEME_IDS[index];
-    }
-    finally {
-        rl.close();
-    }
+export async function chooseTheme(version) {
+    const rows = (index) => {
+        const id = THEME_IDS[index];
+        const theme = THEMES[id];
+        const bit = mascot(theme, true);
+        const out = [""];
+        out.push(...banner(theme, version));
+        out.push("");
+        out.push(`  ${style.gray("Pick a colour. Your phone will match it when you connect.")}`);
+        out.push("");
+        THEME_IDS.forEach((themeId, i) => {
+            const t = THEMES[themeId];
+            const active = i === index;
+            const swatch = rgb(t.accent, "████");
+            // Pad before colouring: padEnd counts escape codes as characters, so
+            // padding a coloured string leaves the column ragged.
+            const padded = t.label.padEnd(14);
+            const label = active ? style.bold(padded) : style.gray(padded);
+            // The mascot sits beside the list, aligned to its middle rows.
+            const beside = i >= 1 && i <= 6 ? "  " + bit[i - 1] : "";
+            out.push(`  ${pointer(active)} ${swatch}  ${label}${beside}`);
+        });
+        out.push("");
+        out.push(`  ${style.gray("↑ ↓ to move · enter to choose")}`);
+        out.push("");
+        return out;
+    };
+    return select({
+        choices: THEME_IDS.map((id) => ({ value: id, label: THEMES[id].label })),
+        render: rows,
+    });
 }

package/dist/ui/select.js

@@ -0,0 +1,86 @@
+import { emitKeypressEvents } from "node:readline";
+import { style, hasColor } from "./theme.js";
+/**
+ * Arrow-key selection with live redraw.
+ *
+ * Raw mode rather than a prompt library: the whole dependency would exist to
+ * read four escape sequences. Cursor state is restored in a `finally` and on
+ * SIGINT — leaving a terminal with a hidden cursor and no echo is a genuinely
+ * hostile thing to do to someone who pressed Ctrl-C.
+ */
+export async function select({ choices, initial = 0, render, }) {
+    const stdin = process.stdin;
+    // No TTY means nobody to ask; a pipe or CI takes the default.
+    if (!stdin.isTTY || !hasColor) {
+        for (const row of render(initial))
+            console.log(row);
+        return choices[initial].value;
+    }
+    let index = Math.max(0, Math.min(initial, choices.length - 1));
+    let painted = 0;
+    const paint = () => {
+        // Move back over what was drawn last time and overwrite it, so the list
+        // updates in place instead of scrolling.
+        if (painted > 0)
+            process.stdout.write(`\x1b[${painted}A`);
+        const rows = render(index);
+        for (const row of rows)
+            process.stdout.write(`\r\x1b[K${row}\n`);
+        painted = rows.length;
+    };
+    emitKeypressEvents(stdin);
+    const wasRaw = stdin.isRaw;
+    stdin.setRawMode(true);
+    stdin.resume();
+    process.stdout.write("\x1b[?25l"); // hide cursor
+    const restore = () => {
+        process.stdout.write("\x1b[?25h");
+        stdin.setRawMode(Boolean(wasRaw));
+        stdin.pause();
+    };
+    return new Promise((resolve) => {
+        const onKey = (_chunk, key) => {
+            if (!key)
+                return;
+            if (key.name === "up" || key.name === "k") {
+                index = (index - 1 + choices.length) % choices.length;
+                paint();
+                return;
+            }
+            if (key.name === "down" || key.name === "j") {
+                index = (index + 1) % choices.length;
+                paint();
+                return;
+            }
+            if (key.name === "return" || key.name === "space") {
+                cleanup();
+                resolve(choices[index].value);
+                return;
+            }
+            // Ctrl-C and Escape both accept the highlighted value rather than
+            // throwing: this choice is cosmetic, and refusing to continue over it
+            // would be worse than picking the one under the cursor.
+            if ((key.ctrl && key.name === "c") || key.name === "escape") {
+                cleanup();
+                resolve(choices[index].value);
+                return;
+            }
+            // Number keys jump straight to a row.
+            const digit = Number(key.name);
+            if (Number.isInteger(digit) && digit >= 1 && digit <= choices.length) {
+                index = digit - 1;
+                paint();
+            }
+        };
+        const cleanup = () => {
+            stdin.off("keypress", onKey);
+            restore();
+        };
+        stdin.on("keypress", onKey);
+        paint();
+    });
+}
+/** The pointer column for a row. */
+export function pointer(active) {
+    return active ? style.bold("❯") : " ";
+}

package/dist/ui/sprite-data.js

@@ -0,0 +1,273 @@
+// GENERATED by scripts/build-sprite.mjs — do not edit by hand.
+// Run `pnpm sprite` after changing scripts/gen-sloth.mjs.
+/**
+ * BIT — the Lazy Skill mascot. A sleepy sloth in a hoodie.
+ *
+ * Stored as a 32x32 character grid rather than SVG paths so one source
+ * scales crisply to any size, retints with the active theme, and swaps
+ * expression without a second asset.
+ *
+ * Legend: . transparent | o outline | H hood | h hood shadow | L hood light
+ *         F fur | M muzzle | P eye patch | e eye | n nose | w eye white
+ */
+export const SPRITE_SIZE = 32;
+/** Palette keys resolve against CSS custom properties, so themes apply free. */
+/** Terminal colours are literal RGB — no CSS variables to resolve. The hood
+ * is substituted per theme at render time; everything else is fixed. */
+export const PX = {
+    ".": null,
+    o: "#120d1c",
+    H: "var(--ls-accent)",
+    h: "var(--ls-accent-lo)",
+    L: "var(--ls-accent-hi)",
+    F: "#e3c9a4",
+    M: "#f6e6cd",
+    P: "#5b4130",
+    e: "#2c1e16",
+    n: "#3d2b20",
+    w: "#fdf6ea",
+};
+export const EXPRESSIONS = ["idle", "curious", "waiting", "happy", "working", "excited", "annoyed"];
+export const SPRITES = {
+    idle: [
+        "................................",
+        "................................",
+        "................o...............",
+        "............ooooHoooo...........",
+        "..........ooLLLLLLhhhoo.........",
+        "........ooLLLLLLLhhhhhhoo.......",
+        ".......oLLLLLLLLhhhhhhhhho......",
+        "......oLLLLLLLLhhhhhhhhhhho.....",
+        "......oHLLLLLLFFFFFhhhhhhho.....",
+        ".....oHHHHHFFFFFFFFFFFhhhhho....",
+        ".....oHHHHFFFFFFFFFFFFFhhhho....",
+        ".....oHHHFFFFFFFFFFFFFFFhhho....",
+        ".....oHHFFFFFFFFFFFFFFFFFhho....",
+        "....oHHHFFPPPPFFFFFPPPPFFhhho...",
+        "....oHHHFPwwwwFFFFFwwwwPFhho....",
+        "....oHHFFPeeeeFFFFFeeeePFFho....",
+        "....oHHFFPPPPPFFFFFPPPPPFFho....",
+        "....oHFFPPPFFFFFFFFFFFPPPFFo....",
+        "....oHFFFPPFFFnnnnMFFFPPFFFo....",
+        "....oHHHFFFFMMnnnnMMMFFFFhho....",
+        "....oHFFFFFFMMMnnMMMMFFFFFFo....",
+        "....oHFFFFFFMnMMMMnMMFFFFFFo....",
+        "....oHHHHHFFMMnnnnMMMFFhhhho....",
+        "....oHHHHHHFFFMMMMMFFFhhhhho....",
+        "....oHHHHHHHHHFFFFFhhhhhhhho....",
+        "....ooHHHHHHHHHHHhhhhhhhhhoo....",
+        "......oHHHHHHHHHHHhhhhhhho......",
+        "....ooHHHHHHHHHHHHHHHHhHHHoo....",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oooooooooooooooooooooooooo...",
+    ],
+    curious: [
+        "................................",
+        "................................",
+        "................o...............",
+        "............ooooHoooo...........",
+        "..........ooLLLLLLhhhoo.........",
+        "........ooLLLLLLLhhhhhhoo.......",
+        ".......oLLLLLLLLhhhhhhhhho......",
+        "......oLLLLLLLLhhhhhhhhhhho.....",
+        "......oHLLLLLLFFFFFhhhhhhho.....",
+        ".....oHHHHHFFFFFFFFFFFhhhhho....",
+        ".....oHHHHFFFFFFFFFFFFFhhhho....",
+        ".....oHHHFFFFFFFFFFFFFFFhhho....",
+        ".....oHHFFFFFFFFFFFFFFFFFhho....",
+        "....oHHHFFPwwPFFFFFPwwPFFhhho...",
+        "....oHHHFPwwewFFFFFwwewPFhho....",
+        "....oHHFFPweewFFFFFweewPFFho....",
+        "....oHHFFPPwwPFFFFFPwwPPFFho....",
+        "....oHFFPPPFFFFFFFFFFFPPPFFo....",
+        "....oHFFFPPFFFnnnnMFFFPPFFFo....",
+        "....oHHHFFFFMMnnnnMMMFFFFhho....",
+        "....oHFFFFFFMMMnnMMMMFFFFFFo....",
+        "....oHFFFFFFMnMMMMnMMFFFFFFo....",
+        "....oHHHHHFFMMnnnnMMMFFhhhho....",
+        "....oHHHHHHFFFMMMMMFFFhhhhho....",
+        "....oHHHHHHHHHFFFFFhhhhhhhho....",
+        "....ooHHHHHHHHHHHhhhhhhhhhoo....",
+        "......oHHHHHHHHHHHhhhhhhho......",
+        "....ooHHHHHHHHHHHHHHHHhHHHoo....",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oooooooooooooooooooooooooo...",
+    ],
+    waiting: [
+        "................................",
+        "................................",
+        "................o...............",
+        "............ooooHoooo...........",
+        "..........ooLLLLLLhhhoo.........",
+        "........ooLLLLLLLhhhhhhoo.......",
+        ".......oLLLLLLLLhhhhhhhhho......",
+        "......oLLLLLLLLhhhhhhhhhhho.....",
+        "......oHLLLLLLFFFFFhhhhhhho.....",
+        ".....oHHHHHFFFFFFFFFFFhhhhho....",
+        ".....oHHHHFFFFFFFFFFFFFhhhho....",
+        ".....oHHHFFFFFFFFFFFFFFFhhho....",
+        ".....oHHFFFFFFFFFFFFFFFFFhho....",
+        "....oHHHFFPPPPFFFFFPPPPFFhhho...",
+        "....oHHHFPeeeeFFFFFwwwwPFhho....",
+        "....oHHFFPeeeeFFFFFeeeePFFho....",
+        "....oHHFFPPPPPFFFFFPPPPPFFho....",
+        "....oHFFPPPFFFFFFFFFFFPPPFFo....",
+        "....oHFFFPPFFFnnnnMFFFPPFFFo....",
+        "....oHHHFFFFMMnnnnMMMFFFFhho....",
+        "....oHFFFFFFMMMnnMMMMFFFFFFo....",
+        "....oHFFFFFFMnMMMMnMMFFFFFFo....",
+        "....oHHHHHFFMMnnnnMMMFFhhhho....",
+        "....oHHHHHHFFFMMMMMFFFhhhhho....",
+        "....oHHHHHHHHHFFFFFhhhhhhhho....",
+        "....ooHHHHHHHHHHHhhhhhhhhhoo....",
+        "......oHHHHHHHHHHHhhhhhhho......",
+        "....ooHHHHHHHHHHHHHHHHhHHHoo....",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oooooooooooooooooooooooooo...",
+    ],
+    happy: [
+        "................................",
+        "................................",
+        "................o...............",
+        "............ooooHoooo...........",
+        "..........ooLLLLLLhhhoo.........",
+        "........ooLLLLLLLhhhhhhoo.......",
+        ".......oLLLLLLLLhhhhhhhhho......",
+        "......oLLLLLLLLhhhhhhhhhhho.....",
+        "......oHLLLLLLFFFFFhhhhhhho.....",
+        ".....oHHHHHFFFFFFFFFFFhhhhho....",
+        ".....oHHHHFFFFFFFFFFFFFhhhho....",
+        ".....oHHHFFFFFFFFFFFFFFFhhho....",
+        ".....oHHFFFFFFFFFFFFFFFFFhho....",
+        "....oHHHFFPPPPFFFFFPPPPFFhhho...",
+        "....oHHHFPPwwPFFFFFPwePPFhho....",
+        "....oHHFFPweePFFFFFPeewPFFho....",
+        "....oHHFFPPwPPFFFFFPPwPPFFho....",
+        "....oHFFPPPFFFFFFFFFFFPPPFFo....",
+        "....oHFFFPPFFFnnnnMFFFPPFFFo....",
+        "....oHHHFFFFMMnnnnMMMFFFFhho....",
+        "....oHFFFFFFMMMnnMMMMFFFFFFo....",
+        "....oHFFFFFFMnMMMMnMMFFFFFFo....",
+        "....oHHHHHFFMMnnnnMMMFFhhhho....",
+        "....oHHHHHHFFFMMMMMFFFhhhhho....",
+        "....oHHHHHHHHHFFFFFhhhhhhhho....",
+        "....ooHHHHHHHHHHHhhhhhhhhhoo....",
+        "......oHHHHHHHHHHHhhhhhhho......",
+        "....ooHHHHHHHHHHHHHHHHhHHHoo....",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oooooooooooooooooooooooooo...",
+    ],
+    working: [
+        "................................",
+        "................................",
+        "................o...............",
+        "............ooooHoooo...........",
+        "..........ooLLLLLLhhhoo.........",
+        "........ooLLLLLLLhhhhhhoo.......",
+        ".......oLLLLLLLLhhhhhhhhho......",
+        "......oLLLLLLLLhhhhhhhhhhho.....",
+        "......oHLLLLLLFFFFFhhhhhhho.....",
+        ".....oHHHHHFFFFFFFFFFFhhhhho....",
+        ".....oHHHHFFFFFFFFFFFFFhhhho....",
+        ".....oHHHFFFFFFFFFFFFFFFhhho....",
+        ".....oHHFFFFFFFFFFFFFFFFFhho....",
+        "....oHHHFFPPPPFFFFFPPPPFFhhho...",
+        "....oHHHFPwwwwFFFFFwwwwPFhho....",
+        "....oHHFFPPPPPFFFFFPPPPPFFho....",
+        "....oHHFFPPPPPFFFFFPPPPPFFho....",
+        "....oHFFPPPFFFFFFFFFFFPPPFFo....",
+        "....oHFFFPPFFFnnnnMFFFPPFFFo....",
+        "....oHHHFFFFMMnnnnMMMFFFFhho....",
+        "....oHFFFFFFMMMnnMMMMFFFFFFo....",
+        "....oHFFFFFFMnMMMMnMMFFFFFFo....",
+        "....oHHHHHFFMMnnnnMMMFFhhhho....",
+        "....oHHHHHHFFFMMMMMFFFhhhhho....",
+        "....oHHHHHHHHHFFFFFhhhhhhhho....",
+        "....ooHHHHHHHHHHHhhhhhhhhhoo....",
+        "......oHHHHHHHHHHHhhhhhhho......",
+        "....ooHHHHHHHHHHHHHHHHhHHHoo....",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oooooooooooooooooooooooooo...",
+    ],
+    excited: [
+        "................................",
+        "................................",
+        "................o...............",
+        "............ooooHoooo...........",
+        "..........ooLLLLLLhhhoo.........",
+        "........ooLLLLLLLhhhhhhoo.......",
+        ".......oLLLLLLLLhhhhhhhhho......",
+        "......oLLLLLLLLhhhhhhhhhhho.....",
+        "......oHLLLLLLFFFFFhhhhhhho.....",
+        ".....oHHHHHFFFFFFFFFFFhhhhho....",
+        ".....oHHHHFFFFFFFFFFFFFhhhho....",
+        ".....oHHHFFFFFFFFFFFFFFFhhho....",
+        ".....oHHFFFFFFFFFFFFFFFFFhho....",
+        "....oHHHFFPPPPFFFFFPPPPFFhhho...",
+        "....oHHHFPPwwPFFFFFPwePPFhho....",
+        "....oHHFFPweePFFFFFPeewPFFho....",
+        "....oHHFFPPwPPFFFFFPPwPPFFho....",
+        "....oHFFPPPFFFFFFFFFFFPPPFFo....",
+        "....oHFFFPPFFFnnnnMFFFPPFFFo....",
+        "....oHHHFFFFMMnnnnMMMFFFFhho....",
+        "....oHFFFFFFMMMnnMMMMFFFFFFo....",
+        "....oHFFFFFFMnMMMMnMMFFFFFFo....",
+        "....oHHHHHFFMMnnnnMMMFFhhhho....",
+        "....oHHHHHHFFFMMMMMFFFhhhhho....",
+        "....oHHHHHHHHHFFFFFhhhhhhhho....",
+        "....ooHHHHHHHHHHHhhhhhhhhhoo....",
+        "......oHHHHHHHHHHHhhhhhhho......",
+        "....ooHHHHHHHHHHHHHHHHhHHHoo....",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oooooooooooooooooooooooooo...",
+    ],
+    annoyed: [
+        "................................",
+        "................................",
+        "................o...............",
+        "............ooooHoooo...........",
+        "..........ooLLLLLLhhhoo.........",
+        "........ooLLLLLLLhhhhhhoo.......",
+        ".......oLLLLLLLLhhhhhhhhho......",
+        "......oLLLLLLLLhhhhhhhhhhho.....",
+        "......oHLLLLLLFFFFFhhhhhhho.....",
+        ".....oHHHHHFFFFFFFFFFFhhhhho....",
+        ".....oHHHHFFFFFFFFFFFFFhhhho....",
+        ".....oHHHFFFFFFFFFFFFFFFhhho....",
+        ".....oHHFFFFFFFFFFFFFFFFFhho....",
+        "....oHHHFFPPPPFFFFFPPPPFFhhho...",
+        "....oHHHFPwwwwFFFFFwwwwPFhho....",
+        "....oHHFFPPPPPFFFFFPPPPPFFho....",
+        "....oHHFFPPPPPFFFFFPPPPPFFho....",
+        "....oHFFPPPFFFFFFFFFFFPPPFFo....",
+        "....oHFFFPPFFFnnnnMFFFPPFFFo....",
+        "....oHHHFFFFMMnnnnMMMFFFFhho....",
+        "....oHFFFFFFMMMnnMMMMFFFFFFo....",
+        "....oHFFFFFFMnMMMMnMMFFFFFFo....",
+        "....oHHHHHFFMMnnnnMMMFFhhhho....",
+        "....oHHHHHHFFFMMMMMFFFhhhhho....",
+        "....oHHHHHHHHHFFFFFhhhhhhhho....",
+        "....ooHHHHHHHHHHHhhhhhhhhhoo....",
+        "......oHHHHHHHHHHHhhhhhhho......",
+        "....ooHHHHHHHHHHHHHHHHhHHHoo....",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oHHHHHHHHHHHHHHHHHHHHHHHHo...",
+        "...oooooooooooooooooooooooooo...",
+    ],
+};
+export function spriteRows(expression) {
+    return SPRITES[expression] ?? SPRITES.idle;
+}

package/dist/ui/sprite.js

@@ -0,0 +1,74 @@
+import { hasColor } from "./theme.js";
+import { PX, SPRITE_SIZE, spriteRows } from "./sprite-data.js";
+function parseHex(hex) {
+    const m = /^#([0-9a-f]{6})$/i.exec(hex.trim());
+    if (!m)
+        return null;
+    const n = Number.parseInt(m[1], 16);
+    return [(n >> 16) & 255, (n >> 8) & 255, n & 255];
+}
+/** Palette key -> literal colour, with the hood taking the active theme. */
+function colourFor(key, theme) {
+    if (key === "." || key === undefined)
+        return null;
+    // The hood is the only themed part. Its highlight and shadow are derived
+    // from the accent rather than reusing the support hue — teal highlights on
+    // a purple hood read as a different material, not a lit edge.
+    if (key === "H")
+        return theme.accent;
+    if (key === "L") {
+        const [r, g, b] = theme.accent;
+        const lift = (c) => Math.round(c + (255 - c) * 0.42);
+        return [lift(r), lift(g), lift(b)];
+    }
+    if (key === "h") {
+        const [r, g, b] = theme.accent;
+        return [Math.round(r * 0.52), Math.round(g * 0.52), Math.round(b * 0.52)];
+    }
+    const value = PX[key];
+    return typeof value === "string" ? parseHex(value) : null;
+}
+const fg = ([r, g, b]) => `\x1b[38;2;${r};${g};${b}m`;
+const bg = ([r, g, b]) => `\x1b[48;2;${r};${g};${b}m`;
+const RESET = "\x1b[0m";
+export function sprite(theme, expression = "idle", { small = false } = {}) {
+    const grid = spriteRows(expression);
+    const step = small ? 2 : 1;
+    const size = SPRITE_SIZE;
+    // Without colour there is nothing to draw with — two block characters would
+    // be an unreadable smear, so the sprite is simply omitted.
+    if (!hasColor)
+        return [];
+    const lines = [];
+    // Two pixel rows per output line.
+    for (let y = 0; y < size; y += step * 2) {
+        let out = "";
+        let openBg = false;
+        for (let x = 0; x < size; x += step) {
+            const top = colourFor(grid[y]?.[x], theme);
+            const bottom = colourFor(grid[y + step]?.[x], theme);
+            if (!top && !bottom) {
+                if (openBg) {
+                    out += RESET;
+                    openBg = false;
+                }
+                out += " ";
+                continue;
+            }
+            if (top && bottom) {
+                out += `${bg(bottom)}${fg(top)}▀${RESET}`;
+                openBg = false;
+            }
+            else if (top) {
+                out += `${fg(top)}▀${RESET}`;
+            }
+            else if (bottom) {
+                out += `${fg(bottom)}▄${RESET}`;
+            }
+        }
+        if (openBg)
+            out += RESET;
+        lines.push(out);
+    }
+    return lines;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lazy-skill",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "Found an AI skill while scrolling? Install it to your computer from your phone.",
   "type": "module",
   "bin": {