@eric-emg/symphiq-components 1.2.558 → 1.2.560

package/index.d.ts

@@ -1409,7 +1409,7 @@ declare class ViewModeSwitcherModalComponent {
     private computeIconContainerClasses;
     private computeOptionTitleClasses;
     private computeOptionDescriptionClasses;
-    protected backdropClasses: _angular_core.Signal<"bg-slate-900/15" | "bg-slate-950/25">;
+    protected backdropClasses: _angular_core.Signal<"bg-slate-950/25" | "bg-slate-900/15">;
     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">;
@@ -1657,7 +1657,7 @@ declare class MetricCardComponent {
     funnelStageDarkClass: _angular_core.Signal<string>;
     cardClass: _angular_core.Signal<string>;
     relatedInsights: _angular_core.Signal<InsightBlockInterface[]>;
-    trendClass: _angular_core.Signal<"text-red-400" | "text-emerald-400">;
+    trendClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
     statusBadgeLightClass: _angular_core.Signal<string>;
     statusBadgeDarkClass: _angular_core.Signal<string>;
     statusBadgeClass: _angular_core.Signal<string>;
@@ -1671,7 +1671,7 @@ declare class MetricCardComponent {
     glowClass: _angular_core.Signal<"" | "shadow-emerald-500/50 shadow-lg animate-pulse-glow">;
     deltaValue: _angular_core.Signal<number>;
     deltaPercent: _angular_core.Signal<number>;
-    deltaClass: _angular_core.Signal<"text-slate-400" | "text-red-400" | "text-emerald-400">;
+    deltaClass: _angular_core.Signal<"text-slate-400" | "text-emerald-400" | "text-red-400">;
     openInsightModal(insight: InsightBlockInterface): void;
     openInsightsModal(): void;
     openChartModal(chart: AiChartInterface): void;
@@ -1704,7 +1704,7 @@ declare class MetricCardComponent {
     competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
     competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
     competitiveScoreBadgeClass: _angular_core.Signal<string>;
-    competitiveScoreTextClass: _angular_core.Signal<"text-orange-600" | "" | "text-blue-400" | "text-blue-700" | "text-emerald-600">;
+    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">;
     getCompetitiveScoreIcon(): string;
@@ -1977,12 +1977,12 @@ declare class OverallAssessmentComponent {
     revenueTrendDirection: _angular_core.Signal<TrendDirectionEnum>;
     isRevenueTrendPositive: _angular_core.Signal<boolean>;
     revenueTrendArrowPath: _angular_core.Signal<"M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z" | "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z" | "M3 10h11m0 0l-4-4m4 4l-4 4">;
-    lightModeTrendIconClass: _angular_core.Signal<"text-red-600" | "text-emerald-600">;
-    darkModeTrendIconClass: _angular_core.Signal<"text-red-400" | "text-emerald-400">;
-    trendIconClass: _angular_core.Signal<"text-red-600" | "text-red-400" | "text-emerald-400" | "text-emerald-600">;
-    lightModeTrendValueClass: _angular_core.Signal<"text-red-600" | "text-emerald-600">;
-    darkModeTrendValueClass: _angular_core.Signal<"text-red-400" | "text-emerald-400">;
-    trendValueClass: _angular_core.Signal<"text-red-600" | "text-red-400" | "text-emerald-400" | "text-emerald-600">;
+    lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
+    darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
+    trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
+    lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
+    darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
+    trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
     formattedRevenueTrend: _angular_core.Signal<string>;
     formattedRevenueTarget: _angular_core.Signal<string>;
     hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2288,7 +2288,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     hasCompetitiveData: _angular_core.Signal<boolean>;
     hasOverallCompetitiveBenchmark: _angular_core.Signal<boolean>;
     overallCompetitiveDescription: _angular_core.Signal<string>;
-    overallCompetitiveLabel: _angular_core.Signal<"N/A" | _jebgem_model.CompetitiveScoreEnum>;
+    overallCompetitiveLabel: _angular_core.Signal<_jebgem_model.CompetitiveScoreEnum | "N/A">;
     overallCompetitiveIcon: _angular_core.Signal<"↑" | "↔" | "↓" | "•">;
     competitiveScore: _angular_core.Signal<string>;
     gradeTooltip: _angular_core.Signal<{
@@ -2326,7 +2326,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     competitiveTooltip: _angular_core.Signal<{
         industry: string;
         metricBenchmark: string;
-        competitiveScore: "LEADING" | "LAGGING" | "COMPETITIVE";
+        competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
         description: string;
         keyOpportunities: string;
     }>;
@@ -2421,8 +2421,8 @@ declare class SymphiqWelcomeDashboardComponent implements AfterViewInit, OnDestr
     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 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-600" | "text-blue-400">;
-    protected highlightTitleClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
+    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 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">;
@@ -2554,11 +2554,11 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
     protected viewLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     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-600 text-white hover:bg-blue-700" | "bg-blue-500 text-white hover:bg-blue-600">;
+    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-200 text-slate-700 hover:bg-slate-300" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
-    protected continueButtonClasses: _angular_core.Signal<"bg-slate-300 text-slate-500" | "bg-slate-700 text-slate-500" | "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">;
-    protected progressBadgeClasses: _angular_core.Signal<"bg-emerald-100 text-emerald-700 border border-emerald-200" | "bg-blue-100 text-blue-700 border border-blue-200" | "bg-emerald-900/30 text-emerald-400 border border-emerald-700" | "bg-blue-900/30 text-blue-400 border border-blue-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 progressBadgeClasses: _angular_core.Signal<"bg-blue-100 text-blue-700 border border-blue-200" | "bg-emerald-100 text-emerald-700 border border-emerald-200" | "bg-emerald-900/30 text-emerald-400 border border-emerald-700" | "bg-blue-900/30 text-blue-400 border border-blue-700">;
     protected dividerClasses: _angular_core.Signal<"border-t border-slate-200" | "border-t border-slate-700">;
     protected groupTitleClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
     protected focusAreaViewCardClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
@@ -2601,7 +2601,7 @@ declare class FocusAreaQuestionComponent {
     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 notAnsweredBadgeClasses: _angular_core.Signal<"bg-orange-900/30 text-orange-400 border border-orange-700" | "bg-orange-100 text-orange-700 border border-orange-200">;
+    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 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">;
@@ -2641,7 +2641,7 @@ declare class FocusAreaToolsModalComponent {
     protected checkboxLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
     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-200 text-slate-700 hover:bg-slate-300" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
+    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 saveButtonClasses: _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">;
     constructor();
     onEscapeKey(): void;
@@ -2801,10 +2801,6 @@ declare class SymphiqRevenueCalculatorDashboardComponent implements AfterViewIni
     onWindowScroll(): void;
     private updateScrollProgress;
     protected getContainerClasses(): string;
-    protected loadingMessageContainerClasses(): string;
-    protected loadingMessageContentClasses(): string;
-    protected loadingTitleClasses(): string;
-    protected loadingTextClasses(): string;
     protected placeholderContainerClasses(): string;
     protected placeholderIconClasses(): string;
     protected placeholderTitleClasses(): string;
@@ -2918,7 +2914,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
     protected animatedPercentage: _angular_core.Signal<string>;
     protected extractPercentage: _angular_core.Signal<string>;
     protected displayTextWithoutPercentage: _angular_core.Signal<string>;
-    protected overlayBadgeClasses: _angular_core.Signal<"bg-emerald-500 text-white" | "bg-red-500 text-white" | "bg-amber-500 text-white" | "bg-emerald-600 text-emerald-50" | "bg-amber-600 text-amber-50" | "bg-red-600 text-red-50">;
+    protected overlayBadgeClasses: _angular_core.Signal<"bg-red-500 text-white" | "bg-amber-500 text-white" | "bg-emerald-500 text-white" | "bg-emerald-600 text-emerald-50" | "bg-amber-600 text-amber-50" | "bg-red-600 text-red-50">;
     protected overlaySizeClasses: _angular_core.Signal<"px-2 py-1.5 rounded-lg text-sm font-extrabold tracking-wide shadow-md transition-all duration-200 -my-1 -mr-1 z-10 inline-flex items-center gap-0.5 tabular-nums" | "px-2.5 py-2 rounded-lg text-sm font-extrabold tracking-wide shadow-md transition-all duration-200 -my-1.5 -mr-1 z-10 inline-flex items-center gap-1 tabular-nums">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PacingStatusBadgeComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PacingStatusBadgeComponent, "symphiq-pacing-status-badge", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "pacingPercentage": { "alias": "pacingPercentage"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "showAsFullText": { "alias": "showAsFullText"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; "showEmphasizedPercentage": { "alias": "showEmphasizedPercentage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -3381,7 +3377,7 @@ declare class BusinessAnalysisModalComponent implements OnInit, OnDestroy {
     baseZIndex: _angular_core.Signal<number>;
     backdropZIndex: _angular_core.Signal<number>;
     contentZIndex: _angular_core.Signal<number>;
-    visualizationType: _angular_core.Signal<"custom" | "horizontal-bar" | "circular-progress" | "napkin-visual" | null>;
+    visualizationType: _angular_core.Signal<"horizontal-bar" | "circular-progress" | "napkin-visual" | "custom" | null>;
     horizontalBarData: _angular_core.Signal<{
         percentage: number;
         label: string;
@@ -4100,11 +4096,11 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     getProgressBarContainerClasses(): string;
     getCardFooterClasses(): string;
     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-100 text-purple-600" | "bg-purple-500/20 text-purple-400">;
+    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 welcomeBannerHighlightClasses: _angular_core.Signal<"bg-blue-50/50 border-blue-300" | "bg-blue-500/10 border-blue-500/30">;
-    protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    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 statusComponentContainerClasses: _angular_core.Signal<"bg-slate-50/80 border-slate-200" | "bg-slate-900/40 border-slate-700/50">;
@@ -4132,8 +4128,8 @@ declare class SymphiqProfileFocusAreaDashboardComponent {
     forDemo: _angular_core.InputSignal<boolean>;
     currentUser: _angular_core.InputSignal<UserInterface | undefined>;
     embedded: _angular_core.InputSignal<boolean>;
-    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | undefined>;
-    scrollElement: _angular_core.InputSignal<HTMLElement | null>;
+    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | null | undefined>;
+    scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     scrollProgress: _angular_core.WritableSignal<number>;
     startCategoryQuestions: _angular_core.OutputEmitterRef<string>;
     answerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent$1>;
@@ -4151,9 +4147,6 @@ declare class SymphiqProfileFocusAreaDashboardComponent {
     protected handleAnswerSave(event: ProfileQuestionAnswerSaveEvent$1): void;
     protected handleContinueClick(): void;
     protected getContainerClasses(): string;
-    protected getLoadingCardClasses(): string;
-    protected getLoadingTitleClasses(): string;
-    protected getLoadingSubtitleClasses(): string;
     protected getEmptyStateClasses(): string;
     protected getEmptyStateTitleClasses(): string;
     protected getEmptyStateSubtitleClasses(): string;
@@ -4199,8 +4192,8 @@ declare class SymphiqProfileAnalysisFocusAreaDashboardComponent implements OnIni
     isLoading: _angular_core.InputSignal<boolean | undefined>;
     requestedByUser: _angular_core.InputSignal<UserInterface | undefined>;
     embedded: _angular_core.InputSignal<boolean>;
-    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent$1 | undefined>;
-    scrollElement: _angular_core.InputSignal<HTMLElement | null>;
+    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent$1 | null | undefined>;
+    scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     focusAreaDetails: _angular_core.InputSignal<FocusAreaDetailInterface[] | undefined>;
     itemStatusProfileAnalysis: _angular_core.InputSignal<ItemStatusInterface | undefined>;
     isMarkingAsReviewed: _angular_core.InputSignal<boolean>;
@@ -4436,8 +4429,8 @@ declare class SymphiqProfileMetricDashboardComponent {
     forDemo: _angular_core.InputSignal<boolean>;
     currentUser: _angular_core.InputSignal<UserInterface | undefined>;
     embedded: _angular_core.InputSignal<boolean>;
-    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | undefined>;
-    scrollElement: _angular_core.InputSignal<HTMLElement | null>;
+    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | null | undefined>;
+    scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     scrollProgress: _angular_core.WritableSignal<number>;
     startCategoryQuestions: _angular_core.OutputEmitterRef<string>;
     answerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent$1>;
@@ -4455,9 +4448,6 @@ declare class SymphiqProfileMetricDashboardComponent {
     protected handleAnswerSave(event: ProfileQuestionAnswerSaveEvent$1): void;
     protected handleContinueClick(): void;
     protected getContainerClasses(): string;
-    protected getLoadingCardClasses(): string;
-    protected getLoadingTitleClasses(): string;
-    protected getLoadingSubtitleClasses(): string;
     protected getEmptyStateClasses(): string;
     protected getEmptyStateTitleClasses(): string;
     protected getEmptyStateSubtitleClasses(): string;
@@ -4509,8 +4499,8 @@ declare class SymphiqProfileAnalysisMetricDashboardComponent implements OnInit,
     isLoading: _angular_core.InputSignal<boolean | undefined>;
     requestedByUser: _angular_core.InputSignal<UserInterface | undefined>;
     embedded: _angular_core.InputSignal<boolean>;
-    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent$1 | undefined>;
-    scrollElement: _angular_core.InputSignal<HTMLElement | null>;
+    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent$1 | null | undefined>;
+    scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     funnelMetric: _angular_core.InputSignal<FunnelMetricInterface | undefined>;
     itemStatusProfileAnalysis: _angular_core.InputSignal<ItemStatusInterface | undefined>;
     isMarkingAsReviewed: _angular_core.InputSignal<boolean>;
@@ -4710,17 +4700,17 @@ declare class FocusAreaExecutiveSummaryComponent {
     private computeImpactBadgeClasses;
     protected bannerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
     protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
+    protected subheadingClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
     protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
     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">;
     protected topPrioritiesStatValueClasses: _angular_core.Signal<"text-purple-900" | "text-purple-100">;
     protected topPrioritiesButtonTextClasses: _angular_core.Signal<"text-purple-400" | "text-purple-700">;
-    protected quickWinsStatCardClasses: _angular_core.Signal<"bg-blue-50 border-2 border-blue-200 hover:border-blue-400 hover:shadow-lg hover:shadow-blue-100/50" | "bg-blue-500/10 border-2 border-blue-500/30 hover:border-blue-400/50 hover:shadow-lg hover:shadow-blue-500/10">;
-    protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
-    protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-900" | "text-blue-100">;
-    protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
+    protected quickWinsStatCardClasses: _angular_core.Signal<"bg-blue-500/10 border-2 border-blue-500/30 hover:border-blue-400/50 hover:shadow-lg hover:shadow-blue-500/10" | "bg-blue-50 border-2 border-blue-200 hover:border-blue-400 hover:shadow-lg hover:shadow-blue-100/50">;
+    protected quickWinsStatLabelClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
+    protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-100" | "text-blue-900">;
+    protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-700" | "text-blue-400">;
     protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200 hover:border-blue-300 hover:shadow-xl" | "bg-slate-800/50 border border-slate-700/50 hover:border-blue-500/50 hover:shadow-xl hover:shadow-blue-500/10">;
     protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
     protected numberBadgeClasses: _angular_core.Signal<"bg-gradient-to-br from-blue-400 to-cyan-400 text-white" | "bg-gradient-to-br from-blue-500 to-cyan-500 text-white">;
@@ -4763,22 +4753,22 @@ declare class MetricExecutiveSummaryComponent {
     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 iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    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 viewDetailsTextClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    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-red-600" | "text-red-400" | "text-emerald-400" | "text-emerald-600">;
+    protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "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-800" | "text-slate-200">;
+    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 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">;
@@ -4786,7 +4776,7 @@ declare class MetricExecutiveSummaryComponent {
     protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
     protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
     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-600" | "text-blue-400">;
+    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 numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
@@ -5275,19 +5265,19 @@ declare class SearchModalComponent {
     containerClass: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800 border border-slate-700">;
     inputClass: _angular_core.Signal<"bg-white text-slate-900 placeholder-slate-400" | "bg-slate-800 text-white placeholder-slate-500">;
     iconClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
-    clearButtonClass: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-100 text-slate-600 hover:bg-slate-200">;
+    clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
     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">;
     breadcrumbClass: _angular_core.Signal<string>;
-    typeBadgeClass: _angular_core.Signal<"bg-slate-700 text-slate-300" | "bg-slate-100 text-slate-600">;
+    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-300" | "text-slate-600">;
+    emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
     emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
     emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
+    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">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
@@ -5310,7 +5300,7 @@ declare class DashboardHeaderComponent implements OnInit {
     hasCondensedLeftContent: _angular_core.InputSignal<boolean>;
     size: _angular_core.InputSignal<"default" | "large">;
     embedded: _angular_core.InputSignal<boolean>;
-    scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
+    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | null | undefined>;
     searchClick: _angular_core.OutputEmitterRef<void>;
     viewModeClick: _angular_core.OutputEmitterRef<void>;
     protected readonly headerScrollService: HeaderScrollService;
@@ -5337,7 +5327,7 @@ declare class DashboardHeaderComponent implements OnInit {
     protected getCondensedSubtitleClasses(): string;
     protected getViewModeButtonClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DashboardHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardHeaderComponent, "symphiq-dashboard-header", never, { "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "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; }; "viewModeLabel": { "alias": "viewModeLabel"; "required": false; "isSignal": true; }; "currentSection": { "alias": "currentSection"; "required": false; "isSignal": true; }; "currentSubsection": { "alias": "currentSubsection"; "required": false; "isSignal": true; }; "sectionFading": { "alias": "sectionFading"; "required": false; "isSignal": true; }; "subsectionFading": { "alias": "subsectionFading"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "showControls": { "alias": "showControls"; "required": false; "isSignal": true; }; "hasCondensedLeftContent": { "alias": "hasCondensedLeftContent"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; }, { "searchClick": "searchClick"; "viewModeClick": "viewModeClick"; }, never, ["[expandedControls]", "[condensedLeftContent]", "[condensedControls]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardHeaderComponent, "symphiq-dashboard-header", never, { "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "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; }; "viewModeLabel": { "alias": "viewModeLabel"; "required": false; "isSignal": true; }; "currentSection": { "alias": "currentSection"; "required": false; "isSignal": true; }; "currentSubsection": { "alias": "currentSubsection"; "required": false; "isSignal": true; }; "sectionFading": { "alias": "sectionFading"; "required": false; "isSignal": true; }; "subsectionFading": { "alias": "subsectionFading"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "showControls": { "alias": "showControls"; "required": false; "isSignal": true; }; "hasCondensedLeftContent": { "alias": "hasCondensedLeftContent"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": true; "isSignal": true; }; }, { "searchClick": "searchClick"; "viewModeClick": "viewModeClick"; }, never, ["[expandedControls]", "[condensedLeftContent]", "[condensedControls]"], true, never>;
 }
 
 declare class GradeBadgeComponent {
@@ -5345,7 +5335,7 @@ declare class GradeBadgeComponent {
     gradeRationale: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
+    tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
     isLightMode: _angular_core.Signal<boolean>;
     formattedGrade: _angular_core.Signal<string>;
     shouldPulse: _angular_core.Signal<boolean>;
@@ -5439,13 +5429,13 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     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 gradeBadgeContainerClasses: _angular_core.Signal<string>;
-    protected glowEffectClasses: _angular_core.Signal<"bg-blue-500" | "bg-emerald-500" | "bg-orange-500" | "bg-red-500">;
+    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-blue-700" | "text-emerald-700" | "text-red-700" | "text-blue-300" | "text-emerald-300" | "text-red-300" | "text-orange-700" | "text-orange-300">;
+    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 progressValueClasses: _angular_core.Signal<"text-red-600" | "text-orange-600" | "text-red-400" | "text-orange-400" | "text-blue-600" | "text-blue-400" | "text-emerald-400" | "text-emerald-600">;
+    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">;
     protected shimmerClasses: _angular_core.Signal<string>;
@@ -5470,7 +5460,7 @@ declare class RelatedContentSidebarComponent {
     protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     protected buttonClasses: _angular_core.Signal<"bg-slate-50 border-slate-200 hover:border-blue-500/50 hover:bg-slate-100" | "bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50">;
     protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
-    protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
     protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
@@ -5530,7 +5520,7 @@ declare class IndeterminateSpinnerComponent {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     size: _angular_core.InputSignal<SpinnerSize>;
     color: _angular_core.InputSignal<string | undefined>;
-    svgSize: _angular_core.Signal<60 | 40 | 80>;
+    svgSize: _angular_core.Signal<40 | 80 | 60>;
     circleRadius: _angular_core.Signal<16 | 36 | 26>;
     svgCircleRadius: _angular_core.Signal<number>;
     strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
@@ -5662,7 +5652,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
     showAxisLabels: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     currencySymbol: _angular_core.InputSignal<string>;
-    chartHeight: _angular_core.Signal<"175px" | "500px">;
+    chartHeight: _angular_core.Signal<"500px" | "175px">;
     cursorColor: _angular_core.Signal<9741240 | 16777215>;
     tooltipTextColor: _angular_core.Signal<0 | 16777215>;
     chartHash: _angular_core.Signal<string>;
@@ -5699,7 +5689,7 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
     showAxisLabels: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     currencySymbol: _angular_core.InputSignal<string>;
-    chartHeight: _angular_core.Signal<"200px" | "500px">;
+    chartHeight: _angular_core.Signal<"500px" | "200px">;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
     private root?;
@@ -5781,7 +5771,7 @@ declare class TooltipContainerComponent implements AfterViewInit, OnDestroy {
     isVisible: _angular_core.Signal<boolean>;
     tooltipType: _angular_core.Signal<string | null>;
     tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
-    tooltipPosition: _angular_core.Signal<"top" | "auto" | "left" | "right" | "bottom">;
+    tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
     targetRect: _angular_core.Signal<DOMRect | null>;
     mousePosition: _angular_core.Signal<{
         x: number;
@@ -5936,11 +5926,11 @@ declare class FocusAreaDetailCardComponent {
     protected metaLabelClasses: _angular_core.Signal<"text-xs font-medium text-slate-400 uppercase tracking-wide" | "text-xs font-medium text-slate-600 uppercase tracking-wide">;
     protected toolChipClasses: _angular_core.Signal<"px-2.5 py-1 rounded-md bg-emerald-500/10 text-emerald-300 text-xs border border-emerald-500/30" | "px-2.5 py-1 rounded-md bg-emerald-50 text-emerald-700 text-xs border border-emerald-200">;
     protected expandedSectionClasses: _angular_core.Signal<"p-4 rounded-lg bg-slate-700/30 border border-slate-600/30" | "p-4 rounded-lg bg-slate-50 border border-slate-200">;
-    protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
     protected insightItemClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed flex" | "text-sm text-slate-600 leading-relaxed flex">;
     protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
-    protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected toggleExpanded(): void;
     protected toggleCompetitiveGap(): void;
     onExpandItem(event: CustomEvent): void;
@@ -6016,11 +6006,11 @@ declare class CompetitorAnalysisCardComponent {
     protected linkClasses: _angular_core.Signal<"text-sm text-blue-400 hover:text-blue-300 underline transition-colors" | "text-sm text-blue-600 hover:text-blue-700 underline transition-colors">;
     protected listItemClasses: _angular_core.Signal<"text-sm text-slate-200 leading-relaxed flex items-start" | "text-sm text-slate-600 leading-relaxed flex items-start">;
     protected expandedSectionClasses: _angular_core.Signal<"p-4 rounded-lg bg-slate-700/30 border border-slate-600/30" | "p-4 rounded-lg bg-slate-50 border border-slate-200">;
-    protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
     protected expandedTextClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed" | "text-sm text-slate-600 leading-relaxed">;
     protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
-    protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected toggleExpanded(): void;
     protected navigateToItem(item: ProfileItemInterface): void;
     onExpandItem(event: CustomEvent): void;
@@ -6036,7 +6026,7 @@ declare class OpportunityHighlightBannerComponent {
     bannerClick: _angular_core.OutputEmitterRef<void>;
     protected iconSource: IconSourceEnum;
     protected bannerClasses: _angular_core.Signal<"bg-gradient-to-r from-amber-500/10 to-orange-500/10 border-l-amber-500 border-r border-t border-b border-amber-500/30" | "bg-gradient-to-r from-amber-50 to-orange-50 border-l-amber-500 border-r border-t border-b border-amber-200">;
-    protected iconContainerClasses: _angular_core.Signal<"bg-amber-100 text-amber-600" | "bg-amber-500/20 text-amber-400">;
+    protected iconContainerClasses: _angular_core.Signal<"bg-amber-500/20 text-amber-400" | "bg-amber-100 text-amber-600">;
     protected titleClasses: _angular_core.Signal<"text-amber-300" | "text-amber-900">;
     protected badgeClasses: _angular_core.Signal<"bg-amber-500/30 text-amber-300" | "bg-amber-200 text-amber-800">;
     protected messageClasses: _angular_core.Signal<"text-amber-700" | "text-amber-400/90">;