@vapi-network/cli 0.2.0 → 0.2.1

package/dist/brand.d.ts

@@ -1,13 +1,15 @@
 export declare const MARK_STEP_MS = 70;
 export declare const WORDMARK = "vAPI Network";
-/** `ink` renders in the terminal's default foreground, like the black mark on paper. */
+export declare const WELCOME = "Welcome to the vAPI Network";
+export declare const TAGLINE: readonly ["The trusted network where agents and humans do business.", "Search APIs, pay per call, keep receipts. More coming soon."];
+/** Design-token colours; `ink` renders in the terminal's foreground, like the black mark on paper. */
 export declare const MARK_PALETTE: {
-    readonly orange: "#FF6A1A";
-    readonly pink: "#FF3D8B";
-    readonly lime: "#B8F32D";
-    readonly cyan: "#22D3EE";
-    readonly blue: "#0052FF";
-    readonly purple: "#8B5CF6";
+    readonly orange: "#ff7300";
+    readonly pink: "#ff337c";
+    readonly lime: "#c3ff3d";
+    readonly cyan: "#97efff";
+    readonly blue: "#0041eb";
+    readonly purple: "#8a37fb";
     readonly ink: null;
 };
 export type MarkColorName = keyof typeof MARK_PALETTE;
@@ -21,7 +23,7 @@ export type MarkBlock = {
 };
 export declare const MARK_BLOCKS: readonly MarkBlock[];
 export type MarkRenderOptions = {
-    /** Emit 24-bit ANSI colour. Defaults to false so output stays pipe-safe. */
+    /** Emit ANSI colour. Defaults to false so output stays pipe-safe. */
     color?: boolean;
 };
 export type BannerOptions = MarkRenderOptions & {
@@ -43,10 +45,11 @@ export declare function markColorEnabled(environment?: AnimationEnvironment): bo
 export declare function shouldAnimateMark(environment?: AnimationEnvironment): boolean;
 /**
  * Every reveal step of the mark, oldest first. Pure: the last frame is the
- * complete mark and each frame is exactly `MARK_ROWS` lines.
+ * complete mark and each frame is exactly `MARK_ROWS` lines of `MARK_COLUMNS`
+ * visible cells.
  */
 export declare function renderMarkFrames(options?: MarkRenderOptions): string[];
-/** The complete mark with the wordmark and version beneath it. */
+/** The framed welcome banner: the mark on the left, the welcome text on the right. */
 export declare function renderBanner(options: BannerOptions): string;
-/** Reveal the mark in place, then print the wordmark and version. */
+/** Reveal the mark in place inside the frame, then leave the finished banner on screen. */
 export declare function animateBanner(options: AnimateBannerOptions): Promise<void>;

package/dist/cli.js

@@ -46673,7 +46673,7 @@ function csvCell(value) {
 import { mkdir as mkdir6, writeFile as writeFile4 } from "node:fs/promises";
 import { arch, platform, release } from "node:os";
 import { join as join2 } from "node:path";
-var VAPI_CLIENT_VERSION = "0.2.0";
+var VAPI_CLIENT_VERSION = "0.2.1";
 async function createSupportReport(options) {
   const message = options.message.trim();
   if (!message) throw new Error("Support report message must not be empty.");
@@ -48805,22 +48805,32 @@ function asRecord(value) {
 
 // src/brand.ts
 var MARK_SOURCE_WIDTH = 743;
-var MARK_COLUMNS = 34;
-var MARK_ROWS = 3;
-var BLOCK = "\u2588";
+var MARK_SOURCE_HEIGHT = 659;
+var MARK_SOURCE_ROW_HEIGHT = 217;
+var MARK_COLUMNS = 28;
+var MARK_ROWS = 12;
+var PLAIN_BLOCK = "\u2588";
 var MARK_STEP_MS = 70;
 var WORDMARK = "vAPI Network";
-var RESET = "\x1B[0m";
-var DEFAULT_FOREGROUND = "\x1B[39m";
-var HIDE_CURSOR = "\x1B[?25l";
-var SHOW_CURSOR = "\x1B[?25h";
+var WELCOME = "Welcome to the vAPI Network";
+var TAGLINE = [
+  "The trusted network where agents and humans do business.",
+  "Search APIs, pay per call, keep receipts. More coming soon."
+];
+var ESC = "\x1B";
+var RESET = `${ESC}[0m`;
+var REVERSE = `${ESC}[7m`;
+var BOLD = `${ESC}[1m`;
+var DIM = `${ESC}[2m`;
+var HIDE_CURSOR = `${ESC}[?25l`;
+var SHOW_CURSOR = `${ESC}[?25h`;
 var MARK_PALETTE = {
-  orange: "#FF6A1A",
-  pink: "#FF3D8B",
-  lime: "#B8F32D",
-  cyan: "#22D3EE",
-  blue: "#0052FF",
-  purple: "#8B5CF6",
+  orange: "#ff7300",
+  pink: "#ff337c",
+  lime: "#c3ff3d",
+  cyan: "#97efff",
+  blue: "#0041eb",
+  purple: "#8a37fb",
   ink: null
 };
 var MARK_BLOCKS = [
@@ -48858,36 +48868,64 @@ function renderMarkFrames(options = {}) {
 }
 function renderBanner(options) {
   const frames = renderMarkFrames(options);
-  return [frames[frames.length - 1], WORDMARK, `v${options.version}`].join("\n");
+  return renderBox(frames[frames.length - 1], options).join("\n");
 }
 async function animateBanner(options) {
   const frames = renderMarkFrames({ color: options.color !== false });
   const sleep = options.sleep ?? defaultSleep;
   const stepMs = options.stepMs ?? MARK_STEP_MS;
+  const boxes = frames.map((frame) => renderBox(frame, options));
+  const height = boxes[0].length;
   options.write(HIDE_CURSOR);
   try {
-    for (const [index2, frame] of frames.entries()) {
-      if (index2 > 0) options.write(`\x1B[${MARK_ROWS}A`);
-      options.write(
-        frame.split("\n").map((line) => `\r\x1B[2K${line}
-`).join("")
-      );
-      if (index2 < frames.length - 1) await sleep(stepMs);
+    for (const [index2, box] of boxes.entries()) {
+      if (index2 > 0) options.write(`${ESC}[${height}A`);
+      options.write(box.map((line) => `\r${ESC}[2K${line}
+`).join(""));
+      if (index2 < boxes.length - 1) await sleep(stepMs);
     }
   } finally {
     options.write(SHOW_CURSOR);
   }
-  options.write(`${WORDMARK}
-`);
-  options.write(`v${options.version}
-`);
+}
+function renderBox(frame, options) {
+  const color = options.color === true;
+  const text = [
+    { value: WELCOME, style: BOLD },
+    { value: "", style: "" },
+    ...TAGLINE.map((line) => ({ value: line, style: "" })),
+    { value: "", style: "" },
+    { value: `${WORDMARK} v${options.version}`, style: DIM }
+  ];
+  const textWidth = Math.max(...text.map((line) => line.value.length));
+  const gap = 3;
+  const inner = 2 + MARK_COLUMNS + gap + textWidth + 2;
+  const markLines = frame.split("\n");
+  const textTop = Math.floor((MARK_ROWS - text.length) / 2);
+  const lines = [];
+  lines.push(`\u256D${"\u2500".repeat(inner)}\u256E`);
+  lines.push(`\u2502${" ".repeat(inner)}\u2502`);
+  for (let row = 0; row < MARK_ROWS; row += 1) {
+    const mark = markLines[row] ?? "";
+    const markPad = " ".repeat(Math.max(0, MARK_COLUMNS - visibleLength(mark)));
+    const entry = text[row - textTop];
+    const raw = entry?.value ?? "";
+    const styled = color && entry && entry.style && raw ? `${entry.style}${raw}${RESET}` : raw;
+    const textPad = " ".repeat(textWidth - raw.length);
+    lines.push(`\u2502  ${mark}${markPad}${" ".repeat(gap)}${styled}${textPad}  \u2502`);
+  }
+  lines.push(`\u2502${" ".repeat(inner)}\u2502`);
+  lines.push(`\u2570${"\u2500".repeat(inner)}\u256F`);
+  return lines;
 }
 function renderFrame(blocks, color) {
   const rows = [];
   for (let row = 0; row < MARK_ROWS; row += 1) {
+    const sourceY = row * MARK_SOURCE_HEIGHT / MARK_ROWS;
+    const band = Math.min(2, Math.floor(sourceY / MARK_SOURCE_ROW_HEIGHT));
     rows.push(
       renderRow(
-        blocks.filter((block) => block.row === row),
+        blocks.filter((block) => block.row === band),
         color
       )
     );
@@ -48905,11 +48943,10 @@ function renderRow(blocks, color) {
       column = start;
     }
     const width = scaleWidth(block.width);
-    const glyphs = BLOCK.repeat(width);
-    line += color ? `${ansiPrefix(block.color)}${glyphs}${RESET}` : glyphs;
+    line += color ? `${cellPrefix(block.color)}${" ".repeat(width)}${RESET}` : PLAIN_BLOCK.repeat(width);
     column += width;
   }
-  return line;
+  return line + " ".repeat(Math.max(0, MARK_COLUMNS - column));
 }
 function scaleColumn(x) {
   return Math.round(x * MARK_COLUMNS / MARK_SOURCE_WIDTH);
@@ -48917,11 +48954,14 @@ function scaleColumn(x) {
 function scaleWidth(width) {
   return Math.max(1, Math.round(width * MARK_COLUMNS / MARK_SOURCE_WIDTH));
 }
-function ansiPrefix(color) {
+function cellPrefix(color) {
   const hex3 = MARK_PALETTE[color];
-  if (hex3 === null) return DEFAULT_FOREGROUND;
+  if (hex3 === null) return REVERSE;
   const value = Number.parseInt(hex3.slice(1), 16);
-  return `\x1B[38;2;${value >> 16 & 255};${value >> 8 & 255};${value & 255}m`;
+  return `${ESC}[48;2;${value >> 16 & 255};${value >> 8 & 255};${value & 255}m`;
+}
+function visibleLength(line) {
+  return line.replace(new RegExp(`${ESC}\\[[0-9;?]*[A-Za-z]`, "g"), "").length;
 }
 function defaultSleep(milliseconds) {
   return new Promise((resolve) => {
@@ -48930,7 +48970,7 @@ function defaultSleep(milliseconds) {
 }
 
 // src/version.ts
-var CLI_VERSION = "0.2.0";
+var CLI_VERSION = "0.2.1";
 
 // src/cli.ts
 var HELP_HEADING = "vAPI Network";