refactor(constants): add new color constants for groups, tags, and presets; update logging to use chalk for better readability

Author: alvarosabu

src/commands/components/push/graph-operations/resource-processor.ts

@@ -4,6 +4,7 @@ import { determineProcessingOrder } from './dependency-graph';
 import { progressDisplay } from '../progress-display';
 import { pushComponent } from '../actions';
 import type { SpaceComponent } from '../../constants';
+import chalk from 'chalk';
 
 // =============================================================================
 // RESOURCE PROCESSING
@@ -109,7 +110,7 @@ async function createStubComponents(
         if (result) {
           // Update the node's target data so future references can resolve
           node.updateTargetData(result);
-          console.log(`✓ Created stub component: ${node.name}`);
+          console.log(`${chalk.green('✓')} Created stub component: ${node.name}`);
         }
       }
       catch (error) {
@@ -276,9 +277,9 @@ function getResourceTypeName(type: string): string {
 function getResourceTypeColor(type: string): string {
   switch (type) {
     case 'component': return colorPalette.COMPONENTS;
-    case 'group': return '#4ade80'; // green
-    case 'tag': return '#fbbf24'; // yellow
-    case 'preset': return '#a855f7'; // purple
+    case 'group': return colorPalette.GROUPS;
+    case 'tag': return colorPalette.TAGS;
+    case 'preset': return colorPalette.PRESETS;
     default: return colorPalette.COMPONENTS;
   }
 }

src/commands/components/push/progress-display.ts

@@ -35,7 +35,7 @@ export class ProgressDisplay {
         this.processed++;
         this.updated++;
         this.clearProgress();
-        console.log(`✓ ${this.capitalize(event.resourceType)}→ ${chalk.hex(event.color)(event.name)} - Updated`);
+        console.log(`${chalk.green('✓')} ${this.capitalize(event.resourceType)}→ ${chalk.hex(event.color)(event.name)} - Updated`);
         this.updateProgress();
         break;
 
@@ -49,7 +49,7 @@ export class ProgressDisplay {
         this.processed++;
         this.failed++;
         this.clearProgress();
-        console.log(`✗ ${this.capitalize(event.resourceType)}→ ${chalk.red(event.name)} - Failed`);
+        console.log(`${chalk.red('✗')} ${this.capitalize(event.resourceType)}→ ${chalk.red(event.name)} - Failed`);
         this.updateProgress();
         break;
 

src/constants.ts

@@ -17,6 +17,9 @@ export const colorPalette = {
   LANGUAGES: '#f5c003',
   MIGRATIONS: '#8CE2FF',
   TYPES: '#3178C6',
+  GROUPS: '#4ade80',
+  TAGS: '#fbbf24',
+  PRESETS: '#a855f7',
 } as const;
 
 export interface ReadonlyArray<T> {