@vizzly-testing/cli 0.29.0 → 0.29.2

package/dist/api/endpoints.js

@@ -214,7 +214,7 @@ export async function getComparison(client, comparisonId) {
  * Search for comparisons by name
  * @param {Object} client - API client
  * @param {string} name - Screenshot name to search for
- * @param {Object} filters - Optional filters (branch, limit, offset)
+ * @param {Object} filters - Optional filters (branch, project, organization, limit, offset)
  * @returns {Promise<Object>} Search results with comparisons and pagination
  */
 export async function searchComparisons(client, name, filters = {}) {
@@ -224,6 +224,7 @@ export async function searchComparisons(client, name, filters = {}) {
   let {
     branch,
     project,
+    organization,
     limit = 50,
     offset = 0
   } = filters;
@@ -234,6 +235,7 @@ export async function searchComparisons(client, name, filters = {}) {
   };
   if (branch) params.branch = branch;
   if (project) params.project = project;
+  if (organization) params.organization = organization;
   let endpoint = buildEndpointWithParams('/api/sdk/comparisons/search', params);
   return client.request(endpoint);
 }

package/dist/cli.js

@@ -432,11 +432,12 @@ program.command('status').description('Check the status of a build').argument('<
   }
   await statusCommand(buildId, options, globalOptions);
 });
-program.command('builds').description('List and query builds').option('-b, --build <id>', 'Get a specific build by ID').option('--branch <branch>', 'Filter by branch').option('--status <status>', 'Filter by status (created, pending, processing, completed, failed)').option('--environment <env>', 'Filter by environment').option('-p, --project <slug>', 'Filter by project slug').option('--limit <n>', 'Maximum results to return (1-250)', val => parseInt(val, 10), 20).option('--offset <n>', 'Skip first N results', val => parseInt(val, 10), 0).option('--comparisons', 'Include comparisons when fetching a specific build').addHelpText('after', `
+program.command('builds').description('List and query builds').option('-b, --build <id>', 'Get a specific build by ID').option('--branch <branch>', 'Filter by branch').option('--status <status>', 'Filter by status (created, pending, processing, completed, failed)').option('--environment <env>', 'Filter by environment').option('-p, --project <slug>', 'Filter by project slug').option('--org <slug>', 'Filter by organization slug').option('--limit <n>', 'Maximum results to return (1-250)', val => parseInt(val, 10), 20).option('--offset <n>', 'Skip first N results', val => parseInt(val, 10), 0).option('--comparisons', 'Include comparisons when fetching a specific build').addHelpText('after', `
 Examples:
   $ vizzly builds                          # List recent builds
   $ vizzly builds --branch main            # Filter by branch
-  $ vizzly builds --project abc123         # Filter by project
+  $ vizzly builds --project storybook      # Filter by project
+  $ vizzly builds --project storybook --org my-org  # Disambiguate by org
   $ vizzly builds --status completed       # Filter by status
   $ vizzly builds -b abc123-def456         # Get specific build by ID
   $ vizzly builds -b abc123 --comparisons  # Include comparisons
@@ -455,12 +456,13 @@ Examples:
   }
   await buildsCommand(options, globalOptions);
 });
-program.command('comparisons').description('Query and search comparisons').option('-b, --build <id>', 'Get comparisons for a specific build').option('--id <id>', 'Get a specific comparison by ID').option('--name <pattern>', 'Search comparisons by name (supports wildcards)').option('--status <status>', 'Filter by status (identical, new, changed)').option('--branch <branch>', 'Filter by branch (for name search)').option('--limit <n>', 'Maximum results to return (1-250)', val => parseInt(val, 10), 50).option('--offset <n>', 'Skip first N results', val => parseInt(val, 10), 0).option('-p, --project <slug>', 'Filter by project slug').addHelpText('after', `
+program.command('comparisons').description('Query and search comparisons').option('-b, --build <id>', 'Get comparisons for a specific build').option('--id <id>', 'Get a specific comparison by ID').option('--name <pattern>', 'Search comparisons by name (supports wildcards)').option('--status <status>', 'Filter by status (identical, new, changed)').option('--branch <branch>', 'Filter by branch (for name search)').option('--limit <n>', 'Maximum results to return (1-250)', val => parseInt(val, 10), 50).option('--offset <n>', 'Skip first N results', val => parseInt(val, 10), 0).option('-p, --project <slug>', 'Filter by project slug').option('--org <slug>', 'Filter by organization slug').addHelpText('after', `
 Examples:
   $ vizzly comparisons -b abc123           # List comparisons for a build
   $ vizzly comparisons --id def456         # Get specific comparison by ID
   $ vizzly comparisons --name "Button"     # Search by screenshot name
   $ vizzly comparisons --name "Login*"     # Wildcard search
+  $ vizzly comparisons --name "Button" --org my-org  # Filter by org
   $ vizzly comparisons --status changed    # Only changed comparisons
   $ vizzly comparisons --json              # Output as JSON for scripting
 `).action(async options => {

package/dist/commands/builds.js

@@ -73,6 +73,7 @@ export async function buildsCommand(options = {}, globalOptions = {}, deps = {})
     if (options.status) filters.status = options.status;
     if (options.environment) filters.environment = options.environment;
     if (options.project) filters.project = options.project;
+    if (options.org) filters.organization = options.org;
     let response = await getBuilds(client, filters);
     output.stopSpinner();
     let builds = response.builds || [];
@@ -110,11 +111,27 @@ export async function buildsCommand(options = {}, globalOptions = {}, deps = {})
     for (let build of builds) {
       let statusColor = getStatusColor(colors, build.status);
       let statusBadge = statusColor(build.status.toUpperCase());
-      output.print(`  ${colors.bold(build.name || build.id)} ${statusBadge}`);
+
+      // Approval badge
+      let approvalBadge = '';
+      if (build.approval_status && build.status === 'completed') {
+        approvalBadge = ` ${getApprovalBadge(colors, build.approval_status)}`;
+      }
+      output.print(`  ${colors.bold(build.name || build.id)} ${statusBadge}${approvalBadge}`);
       let details = [];
       if (build.branch) details.push(build.branch);
       if (build.commit_sha) details.push(build.commit_sha.substring(0, 7));
       if (build.screenshot_count) details.push(`${build.screenshot_count} screenshots`);
+
+      // Comparison counts summary
+      let compParts = [];
+      let changed = build.changed_comparisons || 0;
+      let identical = build.identical_comparisons || 0;
+      let newCount = build.new_comparisons || 0;
+      if (changed > 0) compParts.push(`${changed} changed`);
+      if (newCount > 0) compParts.push(`${newCount} new`);
+      if (identical > 0) compParts.push(`${identical} identical`);
+      if (compParts.length > 0) details.push(compParts.join(' · '));
       if (details.length > 0) {
         output.print(`    ${colors.dim(details.join(' · '))}`);
       }
@@ -171,7 +188,7 @@ function formatBuildForJson(build, includeComparisons = false) {
       let hasHoneydiff = clusterMetadata || ssimScore != null || gmsdScore != null || fingerprintHash;
       return {
         id: c.id,
-        name: c.name,
+        name: c.name || c.current_name,
         status: c.status,
         diffPercentage: c.diff_percentage,
         approvalStatus: c.approval_status,
@@ -236,8 +253,17 @@ function displayBuild(output, build, verbose) {
     output.blank();
     output.labelValue('Comparisons', '');
     for (let comp of build.comparisons.slice(0, verbose ? 50 : 10)) {
-      let statusIcon = getComparisonStatusIcon(colors, comp.status);
-      output.print(`    ${statusIcon} ${comp.name}`);
+      let resultIcon = getComparisonStatusIcon(colors, comp.result || comp.status);
+      let compName = comp.name || comp.current_name || comp.id;
+      let diffInfo = '';
+      if (comp.diff_percentage > 0) {
+        diffInfo = colors.dim(` (${comp.diff_percentage.toFixed(2)}%)`);
+      }
+      let classification = '';
+      if (verbose && comp.cluster_metadata?.classification) {
+        classification = colors.dim(` [${comp.cluster_metadata.classification}]`);
+      }
+      output.print(`    ${resultIcon} ${compName}${diffInfo}${classification}`);
     }
     if (build.comparisons.length > (verbose ? 50 : 10)) {
       output.hint(`  ... and ${build.comparisons.length - (verbose ? 50 : 10)} more`);
@@ -262,6 +288,23 @@ function getStatusColor(colors, status) {
   }
 }
 
+/**
+ * Get colored approval badge
+ */
+function getApprovalBadge(colors, approvalStatus) {
+  switch (approvalStatus) {
+    case 'approved':
+    case 'auto_approved':
+      return colors.brand.success('APPROVED');
+    case 'rejected':
+      return colors.brand.error('REJECTED');
+    case 'pending':
+      return colors.brand.warning('PENDING');
+    default:
+      return colors.dim(approvalStatus?.toUpperCase() || '');
+  }
+}
+
 /**
  * Get icon for comparison status
  */

package/dist/commands/comparisons.js

@@ -107,6 +107,7 @@ export async function comparisonsCommand(options = {}, globalOptions = {}, deps
       let filters = {
         branch: options.branch,
         project: options.project,
+        organization: options.org,
         limit: options.limit || 50,
         offset: options.offset || 0
       };