@vizzly-testing/cli 0.29.0 → 0.29.1

package/dist/commands/builds.js

@@ -110,11 +110,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 +187,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 +252,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 +287,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizzly-testing/cli",
-  "version": "0.29.0",
+  "version": "0.29.1",
   "description": "Visual review platform for UI developers and designers",
   "keywords": [
     "visual-testing",