@vizzly-testing/cli 0.31.0 → 0.33.0

package/dist/utils/output.js

@@ -235,7 +235,7 @@ export function isVerbose() {
 
 /**
  * Show command header with distinctive branding
- * Uses Observatory's signature amber color for "vizzly"
+ * Uses BearDen's signature amber color for "vizzly"
  * Only shows once per command execution
  * @param {string} command - Command name (e.g., 'tdd', 'run')
  * @param {string} [mode] - Optional mode (e.g., 'local', 'cloud')
@@ -245,7 +245,7 @@ export function header(command, mode = null) {
   headerShown = true;
   let parts = [];
 
-  // Brand "vizzly" with Observatory's signature amber
+  // Brand "vizzly" with BearDen's signature amber
   parts.push(colors.brand.amber(colors.bold('vizzly')));
 
   // Command in info blue (processing, active)
@@ -289,7 +289,7 @@ export function success(message, data = {}) {
     }));
   } else {
     console.error('');
-    console.error(colors.green('✓'), message);
+    console.error(colors.success('✓'), message);
   }
 }
 
@@ -308,7 +308,7 @@ export function result(message) {
     }));
   } else {
     console.error('');
-    console.error(colors.green('✓'), `${message} ${colors.dim(`· ${elapsed}`)}`);
+    console.error(colors.success('✓'), `${message} ${colors.dim(`· ${elapsed}`)}`);
   }
 }
 
@@ -325,7 +325,7 @@ export function info(message, data = {}) {
       ...data
     }));
   } else {
-    console.log(colors.cyan('ℹ'), message);
+    console.log(colors.info('ℹ'), message);
   }
 }
 
@@ -375,7 +375,7 @@ export function error(message, err = null, data = {}) {
     }
     console.error(JSON.stringify(errorData));
   } else {
-    console.error(colors.red('✖'), message);
+    console.error(colors.error('✖'), message);
 
     // Show error details
     if (err instanceof Error) {
@@ -456,7 +456,7 @@ export function getJsonFields() {
 
 /**
  * Start a spinner with message
- * Uses Observatory amber for the spinner animation
+ * Uses BearDen amber for the spinner animation
  */
 export function startSpinner(message) {
   if (config.json || config.silent || !process.stderr.isTTY) return;
@@ -578,12 +578,12 @@ function formatData(data) {
  */
 /**
  * Get a distinctive color for a component name
- * Uses Observatory design system colors for consistent styling
+ * Uses BearDen design system colors for consistent styling
  * @param {string} component - Component name
  * @returns {Function} Color function
  */
 function getComponentColor(component) {
-  // Map components to Observatory semantic colors
+  // Map components to BearDen semantic colors
   let componentColors = {
     // Server/infrastructure - success green (active, running)
     server: colors.brand.success,
@@ -698,7 +698,7 @@ function writeLog(level, message, data = {}) {
 /**
  * Generate a visual diff bar with color coding
  * Shows percentage as a filled/empty bar with color based on severity
- * Uses Observatory semantic colors (success → warning → danger)
+ * Uses BearDen semantic colors (success → warning → danger)
  * @param {number} percentage - Diff percentage (0-100)
  * @param {number} [width=10] - Bar width in characters
  * @returns {string} Colored diff bar string
@@ -716,7 +716,7 @@ export function diffBar(percentage, width = 10) {
   if (percentage > 0 && filled === 0) filled = 1;
   let empty = width - filled;
 
-  // Color based on severity using Observatory semantic colors
+  // Color based on severity using BearDen semantic colors
   let barColor;
   if (percentage < 1) {
     barColor = colors.brand.success; // Green - minimal change
@@ -733,7 +733,7 @@ export function diffBar(percentage, width = 10) {
 /**
  * Generate a gradient progress bar
  * Creates a visually appealing progress indicator with color gradient
- * Default gradient uses Observatory amber → amber-light (signature brand gradient)
+ * Default gradient uses BearDen amber → amber-light (signature brand gradient)
  * @param {number} current - Current progress value
  * @param {number} total - Total value
  * @param {number} [width=20] - Bar width in characters
@@ -745,7 +745,7 @@ export function diffBar(percentage, width = 10) {
 export function progressBar(current, total, width = 20, options = {}) {
   if (config.json || config.silent) return '';
 
-  // Default to Observatory's signature amber gradient
+  // Default to BearDen's signature amber gradient
   let {
     from = '#F59E0B',
     to = '#FBBF24'
@@ -791,7 +791,7 @@ function hexToRgb(hex) {
 
 /**
  * Create a colored badge/pill for status indicators
- * Uses Observatory semantic colors for consistent meaning
+ * Uses BearDen semantic colors for consistent meaning
  * @param {string} text - Badge text
  * @param {string} [type='info'] - Badge type: 'success', 'warning', 'error', 'info'
  * @returns {string} Formatted badge string
@@ -826,7 +826,7 @@ export function badge(text, type = 'info') {
 
 /**
  * Create a colored status dot
- * Uses Observatory semantic colors for consistent meaning
+ * Uses BearDen semantic colors for consistent meaning
  * @param {string} [status='info'] - Status type: 'success', 'warning', 'error', 'info'
  * @returns {string} Colored dot character
  */
@@ -1033,7 +1033,7 @@ export function box(content, options = {}) {
     innerWidth = Math.max(innerWidth, titleWidth);
   }
 
-  // Border styling - use Observatory amber for 'branded' style
+  // Border styling - use BearDen amber for 'branded' style
   let border = borderColor || (style === 'branded' ? colors.brand.amber : colors.dim);
   let titleColor = style === 'branded' ? colors.bold : s => s;
 

package/dist/utils/screenshot-options.js

@@ -6,6 +6,7 @@ export function createScreenshotProperties(options = {}) {
   let {
     buildId: _buildId,
     properties = {},
+    requestTimeout: _requestTimeout,
     threshold,
     minClusterSize,
     fullPage,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vizzly-testing/cli",
-  "version": "0.31.0",
-  "description": "Visual review for agents and teams",
+  "version": "0.33.0",
+  "description": "Visual regression testing from your terminal",
   "keywords": [
     "llm-context",
     "visual-context",
@@ -23,6 +23,7 @@
   "license": "MIT",
   "author": "Stubborn Mule Software <support@vizzly.dev>",
   "type": "module",
+  "packageManager": "pnpm@11.3.0",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -53,13 +54,14 @@
   "files": [
     "bin",
     "dist",
+    "docs/assets",
     "README.md",
     "LICENSE"
   ],
   "scripts": {
     "cli": "source .envrc && node bin/vizzly.js",
     "start": "node src/index.js",
-    "build": "npm run clean && npm run compile && npm run build:reporter && npm run build:reporter-ssr && npm run copy-types",
+    "build": "pnpm run clean && pnpm run compile && pnpm run build:reporter && pnpm run build:reporter-ssr && pnpm run copy-types",
     "clean": "rimraf dist",
     "compile": "babel src --out-dir dist --ignore '**/*.test.js'",
     "copy-types": "mkdir -p dist/types && cp src/types/*.d.ts dist/types/",
@@ -67,12 +69,12 @@
     "build:reporter-ssr": "cd src/reporter && vite build --config vite.ssr.config.js",
     "dev:reporter": "cd src/reporter && vite --config vite.dev.config.js",
     "test:types": "tsd",
-    "prepublishOnly": "npm run build",
+    "prepublishOnly": "pnpm run build",
     "test": "node --experimental-test-coverage --test --test-concurrency=1 --test-reporter=spec $(find tests -name '*.test.js')",
     "test:watch": "node --test --test-reporter=spec --watch $(find tests -name '*.test.js')",
     "test:reporter": "playwright test --config=tests/reporter/playwright.config.js",
-    "test:reporter:visual": "node bin/vizzly.js run \"npm run test:reporter\"",
-    "test:swift:e2e": "npm run build && node clients/swift/scripts/run-e2e.js",
+    "test:reporter:visual": "node bin/vizzly.js tdd run \"pnpm run test:reporter\" --no-open",
+    "test:swift:e2e": "pnpm run build && node clients/swift/scripts/run-e2e.js",
     "test:tui": "node --test --test-reporter=spec tests/tui/*.test.js",
     "test:tui:docker": "./tests/tui/run-tui-tests.sh",
     "smoke:prod:pack": "node scripts/smoke-prod-pack.js",
@@ -80,7 +82,7 @@
     "lint:fix": "biome check --write --unsafe src tests clients/storybook/src clients/storybook/tests clients/static-site/src clients/static-site/tests clients/vitest/src clients/vitest/tests clients/ember/src clients/ember/tests clients/ember/bin",
     "format": "biome format --write src tests clients/storybook/src clients/storybook/tests clients/static-site/src clients/static-site/tests clients/vitest/src clients/vitest/tests clients/ember/src clients/ember/tests clients/ember/bin",
     "format:check": "biome format src tests clients/storybook/src clients/storybook/tests clients/static-site/src clients/static-site/tests clients/vitest/src clients/vitest/tests clients/ember/src clients/ember/tests clients/ember/bin",
-    "fix": "npm run format && npm run lint:fix"
+    "fix": "pnpm run format && pnpm run lint:fix"
   },
   "engines": {
     "node": ">=22.0.0"
@@ -90,13 +92,16 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@vizzly-testing/honeydiff": "^0.10.0",
+    "@vizzly-testing/bear-den": "0.1.2",
+    "@vizzly-testing/honeydiff": "^0.10.3",
     "ansis": "^4.2.0",
     "commander": "^14.0.0",
     "cosmiconfig": "^9.0.0",
     "dotenv": "^17.2.1",
     "form-data": "^4.0.0",
     "glob": "^13.0.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "zod": "^4.1.12"
   },
   "tsd": {
@@ -123,13 +128,10 @@
     "@tanstack/react-query": "^5.90.11",
     "@types/node": "^25.0.2",
     "@vitejs/plugin-react": "^6.0.1",
-    "@vizzly-testing/observatory": "^0.3.3",
     "autoprefixer": "^10.4.21",
     "babel-plugin-react-compiler": "^1.0.0",
     "babel-plugin-transform-remove-console": "^6.9.4",
     "postcss": "^8.5.6",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
     "rimraf": "^6.0.1",
     "tailwindcss": "^4.1.13",
     "tsd": "^0.33.0",