@eric-emg/symphiq-components 1.3.90 → 1.3.92

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eric-emg/symphiq-components",
-  "version": "1.3.90",
+  "version": "1.3.92",
   "description": "A comprehensive Angular library for component dashboards with performance visualization and metrics analysis",
   "author": "Your Organization",
   "license": "MIT",
@@ -39,8 +39,8 @@
     "@angular/forms": "^21.0.0",
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@jebgem/model": "^0.0.92",
-    "@jebgem/util": "^0.0.5",
+    "@jebgem/model": "^0.0.95",
+    "@jebgem/util": "^0.0.6",
     "rxjs": "^7.8.1"
   },
   "module": "fesm2022/symphiq-components.mjs",

package/types/symphiq-components.d.ts

@@ -1527,12 +1527,12 @@ declare class ViewModeSwitcherModalComponent {
     protected modalClasses: _angular_core.Signal<"bg-slate-800/95 border border-slate-700/50" | "bg-white/95 border border-slate-200">;
     protected headerClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700/50">;
     protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected descriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected closeButtonClasses: _angular_core.Signal<"text-slate-600 hover:text-slate-900 hover:bg-slate-100" | "text-slate-400 hover:text-white hover:bg-slate-700">;
     protected contentClasses: _angular_core.Signal<"bg-slate-800/50" | "bg-slate-50/50">;
     protected badgeClasses: _angular_core.Signal<"bg-amber-100 text-amber-700 border border-amber-200" | "bg-amber-500/20 text-amber-400 border border-amber-500/30">;
     protected spinnerClasses: _angular_core.Signal<"border-blue-500" | "border-blue-600">;
-    protected loadingTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected loadingTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViewModeSwitcherModalComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ViewModeSwitcherModalComponent, "symphiq-view-mode-switcher-modal", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "currentMode": { "alias": "currentMode"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, { "close": "close"; "modeSelected": "modeSelected"; }, never, never, true, never>;
 }
@@ -1643,8 +1643,8 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     private chartsById;
     headerClass: _angular_core.Signal<string>;
     headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
+    headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    metaLabelClass: _angular_core.Signal<"text-slate-500" | "text-slate-600">;
     sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
     selectClass: _angular_core.Signal<"bg-white text-slate-900 border-slate-300 hover:border-blue-400 transition-all duration-200" | "bg-slate-700 text-white border-slate-600 hover:border-slate-500 transition-all duration-200">;
     sortButtonClass: _angular_core.Signal<"bg-white text-slate-900 border border-slate-300 hover:bg-blue-50 hover:border-blue-400 hover:text-blue-600 transition-all duration-200" | "bg-slate-700 text-white border border-slate-600 hover:bg-slate-600 hover:border-slate-500 transition-all duration-200">;
@@ -1816,8 +1816,8 @@ declare class MetricCardComponent {
     competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
     competitiveScoreBadgeClass: _angular_core.Signal<string>;
     competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-700" | "text-blue-400" | "text-orange-600">;
-    competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
-    competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
+    competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
+    competitiveComparisonClass: _angular_core.Signal<"text-slate-300" | "text-slate-700" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
     getCompetitiveScoreIcon(): string;
     getCompetitiveScoreLabel(): string;
     getCompetitiveScoreLabelFull(): string;
@@ -2515,15 +2515,15 @@ declare class SymphiqWelcomeDashboardComponent implements AfterViewInit, OnDestr
     protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-800/60 via-slate-800/40 to-slate-800/60" | "bg-gradient-to-br from-blue-50/30 via-white to-purple-50/30">;
     protected iconContainerClasses: _angular_core.Signal<"bg-gradient-to-br from-blue-500/20 to-purple-500/20 text-blue-400" | "bg-gradient-to-br from-blue-100 to-purple-100 text-blue-600">;
     protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">;
-    protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected highlightBoxClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50 border-blue-300">;
     protected highlightIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected highlightTitleClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
-    protected highlightListClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected highlightListClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected nextStepsBoxClasses: _angular_core.Signal<"bg-amber-500/10 border-amber-500/30" | "bg-amber-50 border-amber-200">;
     protected nextStepsIconClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
     protected nextStepsTitleClasses: _angular_core.Signal<"text-amber-400" | "text-amber-700">;
-    protected nextStepsTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected nextStepsTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqWelcomeDashboardComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqWelcomeDashboardComponent, "symphiq-welcome-dashboard", never, { "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; }, never, never, true, never>;
 }
@@ -2638,8 +2638,8 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
     protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800 border-slate-700">;
     protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-white to-slate-50" | "bg-gradient-to-br from-slate-800 to-slate-900">;
     protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected labelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    protected labelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected inputClasses(fieldName: string): string;
     protected urlPrefixClasses: _angular_core.Signal<"bg-slate-100 text-slate-600 border-slate-300" | "bg-slate-600 text-slate-300 border-slate-600">;
     protected urlInputClasses(fieldName: string): string;
@@ -2647,16 +2647,16 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
     protected radioIndicatorClasses(platform: ShopPlatformEnum): string;
     protected radioLabelClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
     protected checkboxClasses: _angular_core.Signal<"text-blue-600 border-slate-300 focus:ring-blue-500" | "text-blue-400 border-slate-600 focus:ring-blue-400 bg-slate-700">;
-    protected checkboxLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected checkboxLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected errorClasses: _angular_core.Signal<string>;
-    protected viewLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected viewLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected viewValueClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
     protected viewLinkClasses: _angular_core.Signal<"text-blue-600 hover:text-blue-700" | "text-blue-400 hover:text-blue-300">;
     protected editButtonClasses: _angular_core.Signal<"bg-blue-500 text-white hover:bg-blue-600" | "bg-blue-600 text-white hover:bg-blue-700">;
     protected stickyButtonContainerClasses: _angular_core.Signal<"bg-white/90 border-slate-200" | "bg-slate-900/90 border-slate-700">;
     protected cancelButtonClasses: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-200 text-slate-700 hover:bg-slate-300">;
     protected continueButtonClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-600 to-cyan-600 hover:from-blue-700 hover:to-cyan-700 text-white" | "bg-gradient-to-r from-blue-500 to-cyan-500 hover:from-blue-600 hover:to-cyan-600 text-white" | "bg-slate-300 text-slate-500" | "bg-slate-700 text-slate-500">;
-    protected focusAreaProgressLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected focusAreaProgressLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected focusAreaProgressCountClasses: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-blue-400" | "text-blue-600">;
     protected focusAreaProgressBarBgClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
     protected focusAreaProgressBarFillClasses: _angular_core.Signal<"bg-gradient-to-r from-emerald-500 to-teal-500" | "bg-gradient-to-r from-blue-500 to-cyan-500" | "bg-gradient-to-r from-emerald-400 to-teal-400" | "bg-gradient-to-r from-blue-400 to-cyan-400">;
@@ -2665,9 +2665,9 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
     protected groupTitleClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
     protected focusAreaViewCardClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
     protected focusAreaViewTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected focusAreaViewTitleSmallClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected focusAreaViewTitleSmallClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected statusBadgeClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
-    protected toolsLabelViewClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected toolsLabelViewClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected toolChipViewClasses: _angular_core.Signal<"bg-white text-emerald-700 border border-emerald-200" | "bg-slate-800 text-emerald-300 border border-emerald-700">;
     protected validationMessageClasses: _angular_core.Signal<"bg-orange-50 text-orange-700 border border-orange-200" | "bg-orange-900/30 text-orange-400 border border-orange-700">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqCreateAccountDashboardComponent, never>;
@@ -2702,10 +2702,10 @@ declare class FocusAreaQuestionComponent {
     protected containerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800 border-slate-700">;
     protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-white to-slate-50" | "bg-gradient-to-br from-slate-800 to-slate-900">;
     protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected descriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected notAnsweredBadgeClasses: _angular_core.Signal<"bg-orange-100 text-orange-700 border border-orange-200" | "bg-orange-900/30 text-orange-400 border border-orange-700">;
-    protected radioDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected toolsLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected radioDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    protected toolsLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected toolsButtonClasses: _angular_core.Signal<"bg-red-50 border-red-300 hover:border-red-400 hover:bg-red-100 text-slate-900" | "bg-red-900/20 border-red-700 hover:border-red-600 hover:bg-red-900/30 text-white" | "bg-white border-slate-300 hover:border-blue-400 hover:bg-blue-50 text-slate-900" | "bg-slate-700 border-slate-600 hover:border-blue-400 hover:bg-slate-600 text-white">;
     protected toolChipClasses: _angular_core.Signal<"bg-blue-100 text-blue-700 border border-blue-200" | "bg-blue-900/30 text-blue-300 border border-blue-700">;
     protected placeholderClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
@@ -2738,9 +2738,9 @@ declare class FocusAreaToolsModalComponent {
     protected headerClasses: _angular_core.Signal<"bg-gradient-to-r from-white to-slate-50 border-slate-200" | "bg-gradient-to-r from-slate-800 to-slate-900 border-slate-700">;
     protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
     protected closeButtonClasses: _angular_core.Signal<"text-slate-500 hover:bg-slate-100 hover:text-slate-700" | "text-slate-400 hover:bg-slate-700 hover:text-slate-200">;
-    protected labelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected labelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected checkboxClasses: _angular_core.Signal<"text-blue-600 border-slate-300 focus:ring-blue-500" | "text-blue-400 border-slate-600 focus:ring-blue-400 bg-slate-700">;
-    protected checkboxLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected checkboxLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected textareaClasses: _angular_core.Signal<"bg-white text-slate-900 placeholder-slate-400 border-slate-300 focus:border-blue-500 focus:ring-blue-500" | "bg-slate-700 text-white placeholder-slate-500 border-slate-600 focus:border-blue-400 focus:ring-blue-400">;
     protected footerClasses: _angular_core.Signal<"bg-gradient-to-r from-slate-50 to-white border-slate-200" | "bg-gradient-to-r from-slate-900 to-slate-800 border-slate-700">;
     protected cancelButtonClasses: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-200 text-slate-700 hover:bg-slate-300">;
@@ -3005,7 +3005,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
     private animateValue;
     protected displayInfo: _angular_core.Signal<PacingDisplayInfo>;
     protected containerClasses: _angular_core.Signal<string>;
-    protected targetRotation: _angular_core.Signal<1 | 0 | -1>;
+    protected targetRotation: _angular_core.Signal<0 | 1 | -1>;
     protected rotationStyle: _angular_core.Signal<string>;
     protected fullBadgeRotationStyle: _angular_core.Signal<string>;
     protected containerSizeClasses: _angular_core.Signal<"inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-1.5" | "inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-2">;
@@ -3942,7 +3942,7 @@ declare class ShopWelcomeBannerComponent {
     protected contentClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-800/60 via-slate-800/40 to-slate-800/60" | "bg-gradient-to-br from-emerald-50/30 via-white to-cyan-50/30">;
     protected iconContainerClasses: _angular_core.Signal<"bg-gradient-to-br from-emerald-500/20 to-cyan-500/20 text-emerald-400" | "bg-gradient-to-br from-emerald-100 to-cyan-100 text-emerald-600">;
     protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-emerald-600 to-cyan-600 bg-clip-text text-transparent">;
-    protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopWelcomeBannerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopWelcomeBannerComponent, "symphiq-shop-welcome-banner", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "businessName": { "alias": "businessName"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; "analysisDate": { "alias": "analysisDate"; "required": false; "isSignal": true; }; "isShopProfileComplete": { "alias": "isShopProfileComplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -4202,13 +4202,13 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     protected welcomeBannerContainerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/50 border-slate-700/50">;
     protected welcomeBannerIconClasses: _angular_core.Signal<"bg-purple-500/20 text-purple-400" | "bg-purple-100 text-purple-600">;
     protected welcomeBannerTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected welcomeBannerHighlightClasses: _angular_core.Signal<"bg-blue-500/10 border-blue-500/30" | "bg-blue-50/50 border-blue-300">;
     protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected welcomeBannerHighlightTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected welcomeBannerHighlightListClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected welcomeBannerHighlightListClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected statusComponentContainerClasses: _angular_core.Signal<"bg-slate-50/80 border-slate-200" | "bg-slate-900/40 border-slate-700/50">;
-    protected statusSectionTitleClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected statusSectionTitleClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     private getIconForDomain;
     getEngagementBadgeClasses(status: FocusAreaDetailStatusEnum): string;
     getEngagementStatusLabel(status: FocusAreaDetailStatusEnum): string;
@@ -4410,9 +4410,9 @@ declare class SymphiqProfileAnalysisFocusAreaDashboardComponent implements OnIni
     protected containerClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
     protected progressCardClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/40 border-slate-700/50">;
     protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected sectionCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
+    protected sectionCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
     protected sectionIconClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-50 text-blue-600">;
-    protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     private formatGradeInText;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileAnalysisFocusAreaDashboardComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileAnalysisFocusAreaDashboardComponent, "symphiq-profile-analysis-focus-area-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "profileAnalysis": { "alias": "profileAnalysis"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "itemStatusProfileAnalysis": { "alias": "itemStatusProfileAnalysis"; "required": false; "isSignal": true; }; "isMarkingAsReviewed": { "alias": "isMarkingAsReviewed"; "required": false; "isSignal": true; }; }, { "nextStepClick": "nextStepClick"; "markAsReviewedClick": "markAsReviewedClick"; }, never, never, true, never>;
@@ -4550,26 +4550,26 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
     protected welcomeTitleClasses: _angular_core.Signal<string>;
     protected welcomeSubtitleClasses: _angular_core.Signal<string>;
     protected welcomeDescriptionClasses: _angular_core.Signal<string>;
-    protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
+    protected bannerClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
     protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
     protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/50 border border-slate-700">;
     protected goalTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected goalDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected goalDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected timeframeBadgeClasses: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
     protected cardBorderClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
     protected moreBadgeClasses: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-400">;
     protected relatedMetricsButtonClasses: _angular_core.Signal<"bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100" | "bg-blue-900/30 text-blue-300 border border-blue-700 hover:bg-blue-900/50">;
-    protected timelineContainerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
+    protected timelineContainerClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
     protected timelineLineClasses: _angular_core.Signal<"bg-gradient-to-b from-blue-400 via-cyan-400 to-teal-400" | "bg-gradient-to-b from-blue-600 via-cyan-600 to-teal-600">;
     protected timelineItemTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected timeframeDisplayClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected timeframeDisplayClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected objectivesLabelClasses: _angular_core.Signal<string>;
-    protected objectiveItemClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected objectiveItemClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected moreObjectivesClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     protected phaseIndicatorClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
-    protected matrixContainerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
+    protected matrixContainerClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
     protected matrixAxisLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     protected quadrantTitleClasses: _angular_core.Signal<"text-white" | "text-slate-800">;
     protected quadrantSubtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
@@ -4577,11 +4577,11 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
     protected moreGoalsClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     protected emptyQuadrantClasses: _angular_core.Signal<"text-slate-400 italic" | "text-slate-500 italic">;
     protected stepTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected stepDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
+    protected stepDescriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
     protected stepBorderClasses: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
     protected strategiesLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
-    protected strategyItemClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
-    protected goalCardBaseClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
+    protected strategyItemClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
+    protected goalCardBaseClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
     private readonly COLLAPSE_THRESHOLD;
     private readonly EXPAND_THRESHOLD;
     private embeddedScrollEffect;
@@ -4732,7 +4732,7 @@ declare class SymphiqProfileMetricsAnalysesDashboardComponent {
     protected welcomeBannerContainerClasses: _angular_core.Signal<"bg-white border-slate-200" | "bg-slate-800/50 border-slate-700/50">;
     protected welcomeBannerIconClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
     protected welcomeBannerTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     private getIconForMetric;
     private getMetricDescription;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileMetricsAnalysesDashboardComponent, never>;
@@ -5011,10 +5011,10 @@ declare class FocusAreaExecutiveSummaryComponent {
     }>;
     protected readonly IconSourceEnum: typeof IconSourceEnum;
     protected isLight: _angular_core.Signal<boolean>;
-    protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
+    protected bannerClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
     protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
     protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
-    protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected narrativeClasses: _angular_core.Signal<"bg-slate-50 border border-slate-200" | "bg-slate-900/30 border border-slate-700/50">;
     protected topPrioritiesStatCardClasses: _angular_core.Signal<"bg-purple-50 border-2 border-purple-200 hover:border-purple-400 hover:shadow-lg hover:shadow-purple-100/50" | "bg-purple-500/10 border-2 border-purple-500/30 hover:border-purple-400/50 hover:shadow-lg hover:shadow-purple-500/10">;
     protected topPrioritiesStatLabelClasses: _angular_core.Signal<"text-purple-400" | "text-purple-700">;
@@ -5060,37 +5060,37 @@ declare class MetricExecutiveSummaryComponent {
     private computeFormatLabel;
     protected projectedValue: _angular_core.Signal<string | undefined>;
     protected bannerClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-800/50 to-slate-800/30 border border-slate-700/50" | "bg-gradient-to-br from-white to-slate-50/50 border border-slate-200">;
-    protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
-    protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected titleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
+    protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected healthBadgeClasses: _angular_core.Signal<string>;
     protected pacingBadgeClasses: _angular_core.Signal<string>;
-    protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
+    protected metricCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
     protected viewDetailsTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected viewDetailsButtonClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300 border border-blue-500/40 hover:bg-blue-500/30" | "bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100">;
     protected viewReportButtonClasses: _angular_core.Signal<"bg-slate-700/50 text-slate-300 border border-slate-600 hover:bg-slate-600/50" | "bg-slate-100 text-slate-700 border border-slate-300 hover:bg-slate-200">;
-    protected metricLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
-    protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
+    protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    protected metricValueClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
+    protected yoyChangeClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
     protected getYoyIcon(): string;
     protected getPacingValueClasses(): string;
     protected getHealthValueClasses(): string;
     protected healthDescriptionClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
     protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
-    protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
+    protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    protected sectionTitleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
     protected priorityCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50 hover:border-slate-600/70" | "bg-white border border-slate-200 hover:border-slate-300">;
     protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
-    protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
-    protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected priorityTitleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
+    protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
     protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
-    protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
+    protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    protected quickWinCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50" | "bg-white border border-slate-200">;
     protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
-    protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
-    protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected quickWinTextClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
+    protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected formatMetricName(name: string): string;
     protected formatNumber(value: string | number | undefined): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricExecutiveSummaryComponent, never>;
@@ -5613,17 +5613,17 @@ declare class SearchModalComponent {
     closeButtonClass: _angular_core.Signal<"text-slate-400 hover:text-slate-600 hover:bg-slate-100" | "text-slate-500 hover:text-slate-300 hover:bg-slate-700">;
     resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
     resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     breadcrumbClass: _angular_core.Signal<string>;
     typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
     arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
-    emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
+    emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
     emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
     kbdClass: _angular_core.Signal<"bg-white border border-slate-300 text-slate-700 shadow-sm" | "bg-slate-700 border border-slate-600 text-slate-300">;
-    shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchModalComponent, "symphiq-search-modal", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "results": { "alias": "results"; "required": false; "isSignal": true; }; "hasResults": { "alias": "hasResults"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; "resultSelected": "resultSelected"; "close": "close"; }, never, never, true, never>;
 }
@@ -5664,7 +5664,7 @@ declare class DashboardHeaderComponent implements OnInit {
     formattedGeneratedDate: _angular_core.Signal<string>;
     formatDate(dateString: string): string;
     headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
+    metaLabelClass: _angular_core.Signal<"text-slate-500" | "text-slate-600">;
     protected getHeaderClasses(): string;
     protected getMainTitleClasses(): string;
     protected getSubtitleClasses(): string;
@@ -5690,7 +5690,7 @@ declare class GradeBadgeComponent {
         explanation: string;
     }>;
     private formatGrade;
-    badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     gradeBadgeClass: _angular_core.Signal<string>;
     private getGradeBadgeClassLight;
     private getGradeBadgeClassDark;
@@ -5788,14 +5788,14 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     protected cardContainerClasses: _angular_core.Signal<"border-2 shadow-2xl bg-slate-800/60 border-slate-700/50 backdrop-blur-xl" | "border-2 shadow-2xl bg-white/90 border-slate-200/50 backdrop-blur-xl shadow-slate-200/50">;
     protected backgroundOverlayClasses: _angular_core.Signal<"bg-gradient-to-br from-emerald-500/30 via-teal-500/20 to-emerald-500/30" | "bg-gradient-to-br from-emerald-400/20 via-teal-400/10 to-emerald-400/20" | "bg-gradient-to-br from-blue-500/30 via-cyan-500/20 to-blue-500/30" | "bg-gradient-to-br from-blue-400/20 via-cyan-400/10 to-blue-400/20" | "bg-gradient-to-br from-orange-500/30 via-amber-500/20 to-orange-500/30" | "bg-gradient-to-br from-orange-400/20 via-amber-400/10 to-orange-400/20" | "bg-gradient-to-br from-red-500/30 via-rose-500/20 to-red-500/30" | "bg-gradient-to-br from-red-400/20 via-rose-400/10 to-red-400/20">;
     protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
-    protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
     protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
     protected gradeBadgeClasses: _angular_core.Signal<"bg-gradient-to-br from-emerald-500/30 to-teal-500/30 border-2 border-emerald-500/50 shadow-[0_0_20px_rgba(16,185,129,0.3)]" | "bg-gradient-to-br from-emerald-50 to-teal-50 border-2 border-emerald-300/50 shadow-[0_0_20px_rgba(16,185,129,0.2)]" | "bg-gradient-to-br from-blue-500/30 to-cyan-500/30 border-2 border-blue-500/50 shadow-[0_0_20px_rgba(59,130,246,0.3)]" | "bg-gradient-to-br from-blue-50 to-cyan-50 border-2 border-blue-300/50 shadow-[0_0_20px_rgba(59,130,246,0.2)]" | "bg-gradient-to-br from-orange-500/30 to-amber-500/30 border-2 border-orange-500/50 shadow-[0_0_20px_rgba(249,115,22,0.3)]" | "bg-gradient-to-br from-orange-50 to-amber-50 border-2 border-orange-300/50 shadow-[0_0_20px_rgba(249,115,22,0.2)]" | "bg-gradient-to-br from-red-500/30 to-rose-500/30 border-2 border-red-500/50 shadow-[0_0_20px_rgba(239,68,68,0.3)]" | "bg-gradient-to-br from-red-50 to-rose-50 border-2 border-red-300/50 shadow-[0_0_20px_rgba(239,68,68,0.2)]">;
     protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-blue-700" | "text-red-700" | "text-orange-700" | "text-red-300" | "text-blue-300" | "text-emerald-300" | "text-orange-300">;
     protected gradeValueClasses: _angular_core.Signal<"bg-gradient-to-b from-emerald-300 to-emerald-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-emerald-600 to-emerald-800 bg-clip-text text-transparent" | "bg-gradient-to-b from-blue-300 to-blue-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-blue-600 to-blue-800 bg-clip-text text-transparent" | "bg-gradient-to-b from-orange-300 to-orange-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-orange-600 to-orange-800 bg-clip-text text-transparent" | "bg-gradient-to-b from-red-300 to-red-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-red-600 to-red-800 bg-clip-text text-transparent">;
-    protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
-    protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected descriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
+    protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected progressValueClasses: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400" | "text-blue-400" | "text-orange-600" | "text-orange-400" | "text-blue-600">;
     protected progressTrackClasses: _angular_core.Signal<"bg-slate-700/50 shadow-inner" | "bg-slate-200 shadow-inner">;
     protected progressBarClasses: _angular_core.Signal<"rounded-full overflow-hidden bg-gradient-to-r from-emerald-500 via-teal-500 to-emerald-600" | "rounded-full overflow-hidden bg-gradient-to-r from-blue-500 via-cyan-500 to-blue-600" | "rounded-full overflow-hidden bg-gradient-to-r from-orange-500 via-amber-500 to-orange-600" | "rounded-full overflow-hidden bg-gradient-to-r from-red-500 via-rose-500 to-red-600">;
@@ -5828,7 +5828,7 @@ declare class RelatedContentSidebarComponent {
     protected funnelInsightsCount: _angular_core.Signal<number>;
     protected funnelMetricsCount: _angular_core.Signal<number>;
     protected businessInsightsCount: _angular_core.Signal<number>;
-    protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected onFunnelInsightsClick(): void;
     protected onFunnelMetricsClick(): void;
     protected onBusinessInsightsClick(): void;
@@ -5850,15 +5850,15 @@ declare class ContentGenerationProgressComponent {
     protected containerClasses: _angular_core.Signal<string>;
     protected iconContainerClasses: _angular_core.Signal<"bg-gradient-to-br from-blue-500 to-purple-500 text-white shadow-lg shadow-blue-500/30" | "bg-gradient-to-br from-blue-400 to-purple-400 text-white shadow-lg shadow-blue-400/30">;
     protected titleClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 bg-clip-text text-transparent" | "bg-gradient-to-r from-blue-400 via-purple-400 to-blue-400 bg-clip-text text-transparent">;
-    protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    protected progressMessageClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected progressBarContainerClasses: _angular_core.Signal<string>;
     protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
     protected progressBarFillClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-500 via-cyan-500 to-blue-600 shadow-lg shadow-blue-500/40" | "bg-gradient-to-r from-blue-400 via-cyan-400 to-blue-500 shadow-lg shadow-blue-400/40">;
     protected dotClasses: _angular_core.Signal<"bg-blue-400 shadow-lg shadow-blue-400/60" | "bg-cyan-300 shadow-lg shadow-cyan-300/60">;
     protected dotColor: _angular_core.Signal<"#60a5fa" | "#67e8f9">;
     protected progressGlowClasses: _angular_core.Signal<"bg-blue-400 shadow-xl" | "bg-cyan-300 shadow-xl">;
-    protected percentageClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected percentageClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentGenerationProgressComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentGenerationProgressComponent, "symphiq-content-generation-progress", never, { "itemStatus": { "alias": "itemStatus"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "compactTitle": { "alias": "compactTitle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -5962,7 +5962,7 @@ declare class ChartContainerComponent {
     containerClass: _angular_core.Signal<"bg-white border-slate-200 hover:border-blue-300 hover:shadow-blue-100/50" | "bg-slate-800 border-slate-700 hover:border-slate-600 hover:shadow-slate-900/50">;
     headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
     titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
     chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
     expandButtonClass: _angular_core.Signal<"bg-blue-100 text-blue-600 hover:bg-blue-200" | "bg-blue-500/20 text-blue-400 hover:bg-blue-500/30">;