pi-namespace-patch 1.0.0-namespace.2 → 1.0.2-namespace.2

package/dist/modes/interactive/components/auth-url.d.ts

@@ -0,0 +1,14 @@
+import { Container, type TUI } from "@earendil-works/pi-tui";
+/**
+ * A sign-in URL with a click hint and a copy hint. Hosts call `copy()` when `app.message.copy` is
+ * pressed, since a long URL wraps and often cannot be selected or clicked as a whole (SSH, tmux).
+ */
+export declare class AuthUrlComponent extends Container {
+    readonly url: string;
+    private readonly tui;
+    private readonly hint;
+    constructor(tui: TUI, url: string);
+    private setHint;
+    copy(): Promise<void>;
+}
+//# sourceMappingURL=auth-url.d.ts.map

package/dist/modes/interactive/components/auth-url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-url.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/auth-url.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,KAAK,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAK9E;;;GAGG;AACH,qBAAa,gBAAiB,SAAQ,SAAS;IAC9C,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAM;IAC1B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAO;IAE5B,YAAY,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAQhC;IAED,OAAO,CAAC,OAAO;IAMT,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAO1B;CACD"}

package/dist/modes/interactive/components/auth-url.js

@@ -0,0 +1,37 @@
+import { Container, hyperlink, Text } from "@earendil-works/pi-tui";
+import { copyToClipboard } from "../../../utils/clipboard.js";
+import { theme } from "../theme/theme.js";
+import { keyHint } from "./keybinding-hints.js";
+/**
+ * A sign-in URL with a click hint and a copy hint. Hosts call `copy()` when `app.message.copy` is
+ * pressed, since a long URL wraps and often cannot be selected or clicked as a whole (SSH, tmux).
+ */
+export class AuthUrlComponent extends Container {
+    url;
+    tui;
+    hint;
+    constructor(tui, url) {
+        super();
+        this.tui = tui;
+        this.url = url;
+        this.addChild(new Text(theme.fg("accent", hyperlink(url, url)), 1, 0));
+        this.hint = new Text("", 1, 0);
+        this.addChild(this.hint);
+        this.setHint(keyHint("app.message.copy", "to copy"));
+    }
+    setHint(suffix) {
+        const clickHint = process.platform === "darwin" ? "Cmd+click to open" : "Ctrl+click to open";
+        this.hint.setText(`${theme.fg("dim", hyperlink(clickHint, this.url))} ${theme.fg("dim", "•")} ${suffix}`);
+        this.tui.requestRender();
+    }
+    async copy() {
+        try {
+            await copyToClipboard(this.url);
+            this.setHint(theme.fg("success", "Copied URL to clipboard"));
+        }
+        catch (error) {
+            this.setHint(theme.fg("error", error instanceof Error ? error.message : String(error)));
+        }
+    }
+}
+//# sourceMappingURL=auth-url.js.map

package/dist/modes/interactive/components/auth-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-url.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/auth-url.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAY,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD;;;GAGG;AACH,MAAM,OAAO,gBAAiB,SAAQ,SAAS;IACrC,GAAG,CAAS;IACJ,GAAG,CAAM;IACT,IAAI,CAAO;IAE5B,YAAY,GAAQ,EAAE,GAAW;QAChC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACvE,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC/B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAC;IACtD,CAAC;IAEO,OAAO,CAAC,MAAc;QAC7B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,oBAAoB,CAAC;QAC7F,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC;QAC1G,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC1B,CAAC;IAED,KAAK,CAAC,IAAI;QACT,IAAI,CAAC;YACJ,MAAM,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAChC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,CAAC,CAAC;QAC9D,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACzF,CAAC;IACF,CAAC;CACD","sourcesContent":["import { Container, hyperlink, Text, type TUI } from \"@earendil-works/pi-tui\";\nimport { copyToClipboard } from \"../../../utils/clipboard.ts\";\nimport { theme } from \"../theme/theme.ts\";\nimport { keyHint } from \"./keybinding-hints.ts\";\n\n/**\n * A sign-in URL with a click hint and a copy hint. Hosts call `copy()` when `app.message.copy` is\n * pressed, since a long URL wraps and often cannot be selected or clicked as a whole (SSH, tmux).\n */\nexport class AuthUrlComponent extends Container {\n\treadonly url: string;\n\tprivate readonly tui: TUI;\n\tprivate readonly hint: Text;\n\n\tconstructor(tui: TUI, url: string) {\n\t\tsuper();\n\t\tthis.tui = tui;\n\t\tthis.url = url;\n\t\tthis.addChild(new Text(theme.fg(\"accent\", hyperlink(url, url)), 1, 0));\n\t\tthis.hint = new Text(\"\", 1, 0);\n\t\tthis.addChild(this.hint);\n\t\tthis.setHint(keyHint(\"app.message.copy\", \"to copy\"));\n\t}\n\n\tprivate setHint(suffix: string): void {\n\t\tconst clickHint = process.platform === \"darwin\" ? \"Cmd+click to open\" : \"Ctrl+click to open\";\n\t\tthis.hint.setText(`${theme.fg(\"dim\", hyperlink(clickHint, this.url))} ${theme.fg(\"dim\", \"•\")} ${suffix}`);\n\t\tthis.tui.requestRender();\n\t}\n\n\tasync copy(): Promise<void> {\n\t\ttry {\n\t\t\tawait copyToClipboard(this.url);\n\t\t\tthis.setHint(theme.fg(\"success\", \"Copied URL to clipboard\"));\n\t\t} catch (error) {\n\t\t\tthis.setHint(theme.fg(\"error\", error instanceof Error ? error.message : String(error)));\n\t\t}\n\t}\n}\n"]}

package/dist/modes/interactive/components/easter-egg-3d.d.ts

@@ -0,0 +1,104 @@
+import { type Component, type TUI, type TuiMouseEvent, type TuiMouseEventResult } from "@earendil-works/pi-tui";
+/**
+ * Fullscreen 3D easter eggs: the pi logo (header logo click) and Armin (/arminsayshi). Both are bitmaps built from
+ * one block per pixel. The current screen dissolves into braille dust while the model spins in the center and its
+ * blocks play a sliding puzzle. Leaving plays the same timeline backwards, so the screen reassembles.
+ *
+ * The pi logo lifts off the header, flies to the center, and grows; the dust spreads out from the header logo.
+ * Armin grows out of a speck at the center; the dust spreads out from the center.
+ *
+ * The blocks are ray cast per braille dot. A braille cell holds 2x4 roughly square dots, so one pixel of a
+ * half-block bitmap is exactly 2x2 dots, and the header logo (4x2 cells) is 8x8 dots when it lifts off.
+ */
+type Rgb = readonly [number, number, number];
+/** Grid position of a block: column and row in the bitmap, and layer (-1, 0, 1) in depth. */
+type Cell3 = readonly [number, number, number];
+/** A bitmap built from one block per foreground pixel. Each is a block that the puzzle slides around. */
+interface Model {
+    /** Bitmap size in pixels. */
+    columns: number;
+    rows: number;
+    blocks: Array<{
+        home: Cell3;
+        color: Rgb;
+    }>;
+    /** Camera distance from the model's center, in pixels. */
+    cameraDistance: number;
+    /** Farthest distance of any block corner from the center, with blocks on the outer depth layers. */
+    radius: number;
+    /** Largest share of the screen width the spinning model covers. */
+    widthShare: number;
+    /** Number of blocks the puzzle moves per step, given a random number from 0 to 1. */
+    puzzleMoves: (random: number) => number;
+    /**
+     * Top-left cell of the model's half-block rendering on screen. The model lifts off from there and replaces it.
+     * Undefined to grow out of the center.
+     */
+    origin: {
+        column: number;
+        row: number;
+    } | undefined;
+}
+/**
+ * Which easter egg to play. The pi logo lifts off the header logo, whose top-left cell is at `column`, `row`.
+ */
+export type EasterEgg3d = {
+    kind: "pi-logo";
+    column: number;
+    row: number;
+} | {
+    kind: "armin";
+};
+/**
+ * Show the animation as a fullscreen overlay until it is dismissed. The overlay takes focus and mouse input and
+ * returns focus when hidden, so the rest of the UI keeps running underneath untouched.
+ */
+export declare function playEasterEgg3d(tui: TUI, screen: readonly string[], egg: EasterEgg3d): Promise<void>;
+export declare class EasterEgg3dAnimation implements Component {
+    private readonly tui;
+    /** The screen to dissolve, as rendered lines. */
+    private readonly screen;
+    private readonly model;
+    private readonly foreground;
+    private readonly background;
+    private readonly onDone;
+    private readonly startTime;
+    private lastRender;
+    private timer;
+    private exit;
+    private shuffle;
+    private screenWidth;
+    private screenHeight;
+    /** Star per cell index, or undefined. */
+    private stars;
+    private cells;
+    private readonly ansiCache;
+    private readonly raster;
+    constructor(tui: TUI, screen: readonly string[], model: Model, colors: {
+        foreground: Rgb;
+        background: Rgb;
+    }, onDone: () => void);
+    /** Play the exit animation. A second call skips it. */
+    close(): void;
+    handleInput(data: string): void;
+    handleMouse(event: TuiMouseEvent): TuiMouseEventResult;
+    invalidate(): void;
+    render(width: number): string[];
+    private elapsed;
+    private exitProgress;
+    private finish;
+    /** Each block's displacement from its place in the model at `time`, in grid units. */
+    private blockOffsets;
+    private flyProgress;
+    private starAlpha;
+    private hintAlpha;
+    private pose;
+    private hint;
+    /** A sparse, deterministic starfield: one braille dot in about STAR_DENSITY of all cells. */
+    private prepareStars;
+    private prepareCells;
+    private pack;
+    private ansi;
+}
+export {};
+//# sourceMappingURL=easter-egg-3d.d.ts.map

package/dist/modes/interactive/components/easter-egg-3d.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"easter-egg-3d.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/easter-egg-3d.ts"],"names":[],"mappings":"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"}

package/dist/modes/interactive/components/{pi-logo-animation.js → easter-egg-3d.js}

@@ -1,23 +1,56 @@
 import { backgroundAnsi, colorToRgb, foregroundAnsi, getKeybindings, indexedColor, rgbColor, visibleWidth, } from "@earendil-works/pi-tui";
 import { theme } from "../theme/theme.js";
+import { ARMIN_HEIGHT, ARMIN_WIDTH, isArminPixel } from "./armin.js";
 import { formatKeyText } from "./keybinding-hints.js";
-const CORAL = [228, 138, 122];
-const BLUE = [79, 142, 179];
-const YELLOW = [234, 182, 93];
 const DEPTH = 0.7;
-const CAMERA_DISTANCE = 10;
 const FLY_START = 0.1;
 const FLY_DURATION = 1.3;
-// The logo's pixels on a 4x4 grid. Each pixel is a block that the puzzle slides around.
-const LOGO_PIXELS = ["ccc.", "b.c.", "bb.y", "b..y"];
-const BLOCKS = LOGO_PIXELS.flatMap((line, row) => [...line].flatMap((pixel, column) => {
-    const color = pixel === "c" ? CORAL : pixel === "b" ? BLUE : pixel === "y" ? YELLOW : undefined;
-    return color ? [{ home: [column, row, 0], color }] : [];
-}));
-// Farthest distance of any block corner from the origin, with blocks on the outer depth layers.
-const LOGO_RADIUS = Math.hypot(2, 2, 1 + DEPTH / 2);
-// The sliding puzzle: after the logo spun for a while, blocks slide into free neighboring cells, one step at
-// a time. Each cycle shuffles, flies every block back home, and holds the logo briefly.
+/** Braille dots per pixel when a model without an origin appears, growing from a speck at the center. */
+const START_SCALE = 0.1;
+function createModel(columns, rows, pixel, options) {
+    const blocks = [];
+    for (let row = 0; row < rows; row++) {
+        for (let column = 0; column < columns; column++) {
+            const color = pixel(column, row);
+            if (color)
+                blocks.push({ home: [column, row, 0], color });
+        }
+    }
+    return {
+        columns,
+        rows,
+        blocks,
+        cameraDistance: options.cameraDistance,
+        radius: Math.hypot(columns / 2, rows / 2, 1 + DEPTH / 2),
+        widthShare: options.widthShare,
+        puzzleMoves: (random) => options.puzzleMoves(random, blocks.length),
+        origin: options.origin,
+    };
+}
+const CORAL = [228, 138, 122];
+const BLUE = [79, 142, 179];
+const YELLOW = [234, 182, 93];
+const PI_LOGO_PIXELS = ["ccc.", "b.c.", "bb.y", "b..y"];
+const PI_LOGO_COLORS = { c: CORAL, b: BLUE, y: YELLOW };
+function piLogoModel(origin) {
+    return createModel(4, 4, (column, row) => PI_LOGO_COLORS[PI_LOGO_PIXELS[row][column]], {
+        cameraDistance: 10,
+        widthShare: 0.35,
+        puzzleMoves: (random) => (random < 0.4 ? 2 : 1),
+        origin,
+    });
+}
+function arminModel(color) {
+    return createModel(ARMIN_WIDTH, ARMIN_HEIGHT, (column, row) => (isArminPixel(column, row) ? color : undefined), {
+        // Far enough that the perspective stays mild for a figure about 36 blocks tall.
+        cameraDistance: 80,
+        widthShare: 0.45,
+        puzzleMoves: (random, blockCount) => Math.round(blockCount * (0.03 + random * 0.04)),
+        origin: undefined,
+    });
+}
+// The sliding puzzle: after the model spun for a while, blocks slide into free neighboring cells, a few at a time.
+// Each cycle shuffles, flies every block back home, and holds the model briefly.
 const PUZZLE_START = FLY_START + FLY_DURATION + 3;
 const PUZZLE_STEP = 0.3;
 const PUZZLE_STEPS = 12;
@@ -37,18 +70,19 @@ const PUZZLE_MOVES = [
     [0, 0, -1],
 ];
 /** Block positions after each step of one shuffle cycle, starting at home. Deterministic per cycle. */
-function shuffleSteps(cycle) {
-    let positions = BLOCKS.map((block) => block.home);
+function shuffleSteps(model, cycle) {
+    const { columns, rows } = model;
+    let positions = model.blocks.map((block) => block.home);
     const steps = [positions];
     const lastMoved = new Set();
     let random = cycle * 7_919 + 1;
     const next = () => hash(random++);
-    const key = ([x, y, z]) => (z + 1) * 16 + y * 4 + x;
+    const key = ([x, y, z]) => ((z + 1) * rows + y) * columns + x;
     for (let step = 0; step < PUZZLE_STEPS; step++) {
         const occupied = new Set(positions.map(key));
         const nextPositions = [...positions];
         const moved = new Set();
-        const moveCount = next() < 0.4 ? 2 : 1;
+        const moveCount = model.puzzleMoves(next());
         for (let move = 0; move < moveCount; move++) {
             const candidates = [];
             for (let block = 0; block < positions.length; block++) {
@@ -57,7 +91,7 @@ function shuffleSteps(cycle) {
                 const [x, y, z] = positions[block];
                 for (const [dx, dy, dz] of PUZZLE_MOVES) {
                     const target = [x + dx, y + dy, z + dz];
-                    if (target[0] < 0 || target[0] > 3 || target[1] < 0 || target[1] > 3)
+                    if (target[0] < 0 || target[0] >= columns || target[1] < 0 || target[1] >= rows)
                         continue;
                     if (target[2] < -1 || target[2] > 1 || occupied.has(key(target)))
                         continue;
@@ -335,11 +369,11 @@ function spinAngle(time) {
     return phase - SPIN_LINGER * Math.sin(phase);
 }
 /**
- * Renders the logo blocks into braille cells. Only faces that point at the camera and are not covered by a
+ * Renders the model's blocks into braille cells. Only faces that point at the camera and are not covered by a
  * touching block are drawn. Each face is rasterized over its projected bounds by intersecting each dot's ray
  * with the face's plane, with a depth buffer resolving overlaps. Buffers are reused between frames.
  */
-class LogoRaster {
+class BlockRaster {
     /** Braille dot bits per cell. */
     bits = new Uint8Array(0);
     /** Lit dots per cell. */
@@ -355,11 +389,15 @@ class LogoRaster {
     /** Ray parameter of the nearest hit per dot; smaller is nearer. */
     depth = new Float32Array(0);
     /** Face index + 1 of the nearest hit per dot, 0 for none. */
-    faceIds = new Uint8Array(0);
+    faceIds = new Uint16Array(0);
     /** Cells written by the previous frame, cleared before the next one. */
     dirty;
     /** Cells with a halo from the previous frame, cleared before the next one. */
     haloDirty;
+    cameraDistance;
+    constructor(cameraDistance) {
+        this.cameraDistance = cameraDistance;
+    }
     render(width, height, pose, boxes, background, haloStrength) {
         const dotWidth = width * 2;
         const dotHeight = height * 4;
@@ -373,7 +411,7 @@ class LogoRaster {
             this.haloRgb = new Float32Array(width * height * 3);
             this.haloDirty = undefined;
             this.depth = new Float32Array(dotWidth * dotHeight).fill(Infinity);
-            this.faceIds = new Uint8Array(dotWidth * dotHeight);
+            this.faceIds = new Uint16Array(dotWidth * dotHeight);
             this.dirty = undefined;
         }
         else if (this.dirty) {
@@ -395,8 +433,9 @@ class LogoRaster {
         }
         const m = rotation(pose.yaw, pose.pitch, pose.roll);
         const { centerX, centerY, scale } = pose;
-        // The camera sits at (0, 0, CAMERA_DISTANCE) in camera space; object space is the transpose rotation.
-        const origin = [m[6] * CAMERA_DISTANCE, m[7] * CAMERA_DISTANCE, m[8] * CAMERA_DISTANCE];
+        const cameraDistance = this.cameraDistance;
+        // The camera sits at (0, 0, cameraDistance) in camera space; object space is the transpose rotation.
+        const origin = [m[6] * cameraDistance, m[7] * cameraDistance, m[8] * cameraDistance];
         const light = isLight(background);
         const faces = this.visibleFaces(m, origin, pose, boxes, dotWidth, dotHeight, light);
         if (faces.length === 0)
@@ -430,9 +469,9 @@ class LogoRaster {
             const sx = (face.minX + 0.5 - centerX) / scale;
             for (let dotY = face.minY; dotY <= face.maxY; dotY++) {
                 const sy = (dotY + 0.5 - centerY) / scale;
-                let directionA = m[a] * sx + m[3 + a] * sy - m[6 + a] * CAMERA_DISTANCE;
-                let directionU = m[u] * sx + m[3 + u] * sy - m[6 + u] * CAMERA_DISTANCE;
-                let directionV = m[v] * sx + m[3 + v] * sy - m[6 + v] * CAMERA_DISTANCE;
+                let directionA = m[a] * sx + m[3 + a] * sy - m[6 + a] * cameraDistance;
+                let directionU = m[u] * sx + m[3 + u] * sy - m[6 + u] * cameraDistance;
+                let directionV = m[v] * sx + m[3 + v] * sy - m[6 + v] * cameraDistance;
                 let index = dotY * dotWidth + face.minX;
                 for (let dotX = face.minX; dotX <= face.maxX; dotX++, index++) {
                     const t = (face.plane - originA) / directionA;
@@ -466,7 +505,7 @@ class LogoRaster {
                     continue;
                 const face = faces[id - 1];
                 // Points farther from the camera fade slightly toward the background for depth.
-                const fog = clamp01(0.15 - CAMERA_DISTANCE * (1 - depth[index]) * 0.12) * (light ? 0.5 : 1);
+                const fog = clamp01(0.15 - cameraDistance * (1 - depth[index]) * 0.12) * (light ? 0.5 : 1);
                 faceIds[index] = 0;
                 depth[index] = Infinity;
                 const cellX = dotX >> 1;
@@ -586,6 +625,7 @@ class LogoRaster {
     }
     visibleFaces(m, origin, pose, boxes, dotWidth, dotHeight, lightBackground) {
         const faces = [];
+        const cameraDistance = this.cameraDistance;
         for (const box of boxes) {
             for (let a = 0; a < 3; a++) {
                 const u = (a + 1) % 3;
@@ -617,7 +657,7 @@ class LogoRaster {
                             const x = m[0] * corner[0] + m[1] * corner[1] + m[2] * corner[2];
                             const y = m[3] * corner[0] + m[4] * corner[1] + m[5] * corner[2];
                             const z = m[6] * corner[0] + m[7] * corner[1] + m[8] * corner[2];
-                            const perspective = (pose.scale * CAMERA_DISTANCE) / (CAMERA_DISTANCE - z);
+                            const perspective = (pose.scale * cameraDistance) / (cameraDistance - z);
                             const screenX = pose.centerX + x * perspective;
                             const screenY = pose.centerY + y * perspective;
                             minX = Math.min(minX, screenX);
@@ -672,7 +712,7 @@ let playing = false;
  * Show the animation as a fullscreen overlay until it is dismissed. The overlay takes focus and mouse input and
  * returns focus when hidden, so the rest of the UI keeps running underneath untouched.
  */
-export async function playPiLogoAnimation(tui, options) {
+export async function playEasterEgg3d(tui, screen, egg) {
     if (playing)
         return;
     playing = true;
@@ -688,15 +728,18 @@ export async function playPiLogoAnimation(tui, options) {
         playing = false;
         return;
     }
-    const animation = new PiLogoAnimation(tui, options, colors, () => {
+    const model = egg.kind === "armin" ? arminModel(toRgb(theme.colors.accent)) : piLogoModel({ column: egg.column, row: egg.row });
+    const animation = new EasterEgg3dAnimation(tui, screen, model, colors, () => {
         playing = false;
         overlay.hide();
     });
     const overlay = tui.showOverlay(animation, { anchor: "top-left", width: "100%", maxHeight: "100%" });
 }
-export class PiLogoAnimation {
+export class EasterEgg3dAnimation {
     tui;
-    options;
+    /** The screen to dissolve, as rendered lines. */
+    screen;
+    model;
     foreground;
     background;
     onDone;
@@ -711,10 +754,12 @@ export class PiLogoAnimation {
     stars = [];
     cells = [];
     ansiCache = new Map();
-    logo = new LogoRaster();
-    constructor(tui, options, colors, onDone) {
+    raster;
+    constructor(tui, screen, model, colors, onDone) {
         this.tui = tui;
-        this.options = options;
+        this.screen = screen;
+        this.model = model;
+        this.raster = new BlockRaster(model.cameraDistance);
         this.foreground = colors.foreground;
         this.background = colors.background;
         this.onDone = onDone;
@@ -799,19 +844,20 @@ export class PiLogoAnimation {
             starAlpha = this.starAlpha(time);
             offsets = this.blockOffsets(time);
         }
-        const boxes = BLOCKS.map((block, index) => {
+        const { columns, rows } = this.model;
+        const boxes = this.model.blocks.map((block, index) => {
             const [dx, dy, dz] = offsets[index];
-            const x = block.home[0] - 2 + dx;
-            const y = block.home[1] - 2 + dy;
+            const x = block.home[0] - columns / 2 + dx;
+            const y = block.home[1] - rows / 2 + dy;
             return { min: [x, y, dz - DEPTH / 2], max: [x + 1, y + 1, dz + DEPTH / 2], color: block.color };
         });
-        const logo = this.logo;
-        logo.render(width, height, pose, boxes, background, isLight(background) ? LIGHT_HALO_STRENGTH : 0);
+        const raster = this.raster;
+        raster.render(width, height, pose, boxes, background, isLight(background) ? LIGHT_HALO_STRENGTH : 0);
         const halo = (index, base) => {
-            const amount = logo.haloAmount[index];
+            const amount = raster.haloAmount[index];
             if (amount <= 0)
                 return base;
-            const color = logo.haloRgb;
+            const color = raster.haloRgb;
             return mix(base ?? background, [color[index * 3], color[index * 3 + 1], color[index * 3 + 2]], amount);
         };
         const backgroundFade = smooth(dissolveTime / BACKGROUND_FADE);
@@ -865,11 +911,11 @@ export class PiLogoAnimation {
                     emit(hint.text[offset], offset < hint.keyLength ? hint.keyColor : hint.color, cellBg);
                     continue;
                 }
-                const dots = logo.bits[index];
+                const dots = raster.bits[index];
                 if (dots) {
                     // Quantized so neighboring cells on one face usually share a color and its escape sequence.
-                    const step = LOGO_COLOR_STEP * logo.counts[index];
-                    const rgb = logo.rgb;
+                    const step = LOGO_COLOR_STEP * raster.counts[index];
+                    const rgb = raster.rgb;
                     const color = [
                         Math.round(rgb[index * 3] / step) * LOGO_COLOR_STEP,
                         Math.round(rgb[index * 3 + 1] / step) * LOGO_COLOR_STEP,
@@ -884,7 +930,7 @@ export class PiLogoAnimation {
                     continue;
                 }
                 const dust = (dissolveTime - cell.delay) / DUST_DURATION;
-                if (dust < 0 && cell.width === 2 && !logo.bits[index + 1]) {
+                if (dust < 0 && cell.width === 2 && !raster.bits[index + 1]) {
                     emit(cell.text, mix(cell.fg, background, textFade), cellBg);
                     column++;
                     continue;
@@ -929,18 +975,19 @@ export class PiLogoAnimation {
         this.timer = undefined;
         this.onDone();
     }
-    /** Each block's displacement from its place in the logo at `time`, in grid units. */
+    /** Each block's displacement from its place in the model at `time`, in grid units. */
     blockOffsets(time) {
-        const home = () => BLOCKS.map(() => [0, 0, 0]);
+        const blocks = this.model.blocks;
+        const home = () => blocks.map(() => [0, 0, 0]);
         if (time < PUZZLE_START)
             return home();
         const cycle = Math.floor((time - PUZZLE_START) / PUZZLE_CYCLE);
         const local = time - PUZZLE_START - cycle * PUZZLE_CYCLE;
         if (this.shuffle?.cycle !== cycle)
-            this.shuffle = { cycle, steps: shuffleSteps(cycle) };
+            this.shuffle = { cycle, steps: shuffleSteps(this.model, cycle) };
         const steps = this.shuffle.steps;
         const offset = (position, index) => {
-            const block = BLOCKS[index].home;
+            const block = blocks[index].home;
             return [position[0] - block[0], position[1] - block[1], position[2] - block[2]];
         };
         const shuffleEnd = PUZZLE_STEP * PUZZLE_STEPS;
@@ -975,14 +1022,16 @@ export class PiLogoAnimation {
         return smooth((time - FLY_START - FLY_DURATION) / HINT_FADE);
     }
     pose(width, height, progress, time) {
-        // At the start the front face must cover exactly the header logo's 8x8 dots despite the perspective.
-        const startScale = (2 * (CAMERA_DISTANCE - DEPTH / 2)) / CAMERA_DISTANCE;
-        const reach = LOGO_RADIUS * (CAMERA_DISTANCE / (CAMERA_DISTANCE - LOGO_RADIUS));
-        const endScale = Math.max(startScale, Math.min(width * 2 * 0.35, (height * 4 - 8) * 0.48) / reach);
-        const startX = this.options.logoColumn * 2 + 4;
-        const startY = this.options.logoRow * 4 + 4;
+        const { columns, rows, cameraDistance, radius, widthShare, origin } = this.model;
+        const reach = radius * (cameraDistance / (cameraDistance - radius));
+        // Lifting off, the front face must cover exactly the half-block cells (2x2 dots per pixel) despite the
+        // perspective.
+        const startScale = origin ? (2 * (cameraDistance - DEPTH / 2)) / cameraDistance : START_SCALE;
+        const endScale = Math.max(startScale, Math.min(width * 2 * widthShare, (height * 4 - 8) * 0.48) / reach);
         const endX = width;
         const endY = height * 2 - 2;
+        const startX = origin ? origin.column * 2 + columns : endX;
+        const startY = origin ? origin.row * 4 + rows : endY;
         return {
             centerX: startX + (endX - startX) * progress,
             centerY: startY + (endY - startY) * progress,
@@ -1028,10 +1077,12 @@ export class PiLogoAnimation {
         return stars;
     }
     prepareCells(width, foreground) {
-        const cells = parseScreen(this.options.screen, width, foreground, this.background);
-        const centerX = this.options.logoColumn + 2;
-        const centerY = this.options.logoRow + 1;
+        const cells = parseScreen(this.screen, width, foreground, this.background);
         const height = Math.max(1, this.tui.terminal.rows);
+        const { columns, rows, origin } = this.model;
+        // The dust spreads out from where the model starts.
+        const centerX = origin ? origin.column + columns / 2 : width / 2;
+        const centerY = origin ? origin.row + rows / 4 : height / 2;
         const farthest = Math.hypot(Math.max(centerX, width - centerX), Math.max(centerY, height - centerY) * 2);
         for (let row = 0; row < cells.length; row++) {
             const line = cells[row];
@@ -1051,18 +1102,20 @@ export class PiLogoAnimation {
                 cell.ink = glyphInk(owner.text, seed);
             }
         }
-        // The 3D logo replaces the header logo.
-        for (let row = this.options.logoRow; row < this.options.logoRow + 2; row++) {
-            const line = cells[row];
-            if (!line)
-                continue;
-            for (let column = this.options.logoColumn; column < this.options.logoColumn + 4; column++) {
-                const cell = line[column];
-                if (cell) {
-                    cell.text = " ";
-                    cell.width = 1;
-                    cell.ink = 0;
-                    cell.bg = undefined;
+        // The 3D model replaces its half-block rendering on screen.
+        if (origin) {
+            for (let row = origin.row; row < origin.row + Math.ceil(rows / 2); row++) {
+                const line = cells[row];
+                if (!line)
+                    continue;
+                for (let column = origin.column; column < origin.column + columns; column++) {
+                    const cell = line[column];
+                    if (cell) {
+                        cell.text = " ";
+                        cell.width = 1;
+                        cell.ink = 0;
+                        cell.bg = undefined;
+                    }
                 }
             }
         }
@@ -1083,4 +1136,4 @@ export class PiLogoAnimation {
         return value;
     }
 }
-//# sourceMappingURL=pi-logo-animation.js.map
+//# sourceMappingURL=easter-egg-3d.js.map