@eric-emg/symphiq-components 1.3.37 → 1.3.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eric-emg/symphiq-components",
-  "version": "1.3.37",
+  "version": "1.3.39",
   "description": "A comprehensive Angular library for component dashboards with performance visualization and metrics analysis",
   "author": "Your Organization",
   "license": "MIT",
@@ -39,7 +39,7 @@
     "@angular/forms": "^21.0.0",
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@jebgem/model": "^0.0.88",
+    "@jebgem/model": "^0.0.89",
     "@jebgem/util": "^0.0.5",
     "rxjs": "^7.8.1"
   },

package/styles.css

@@ -2190,9 +2190,6 @@
   .border-purple-600 {
     border-color: var(--color-purple-600);
   }
-  .border-purple-700 {
-    border-color: var(--color-purple-700);
-  }
   .border-purple-700\/50 {
     border-color: color-mix(in srgb, oklch(49.6% 0.265 301.924) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {

package/types/symphiq-components.d.ts

@@ -1461,8 +1461,8 @@ declare class ViewModeSwitcherModalComponent {
     private computeOptionDescriptionClasses;
     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-white" | "text-slate-900">;
+    protected headerClasses: _angular_core.Signal<"border-slate-700/50" | "border-slate-200">;
+    protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
     protected descriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     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">;
@@ -1580,10 +1580,10 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
      */
     private chartsById;
     headerClass: _angular_core.Signal<string>;
-    headerTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
+    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">;
-    sectionTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
+    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">;
     formattedGeneratedDate: _angular_core.Signal<string | null>;
@@ -2591,7 +2591,7 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
     protected containerWrapperClasses: _angular_core.Signal<"" | "min-h-screen">;
     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-white" | "text-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 inputClasses(fieldName: string): string;
@@ -2599,12 +2599,12 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
     protected urlInputClasses(fieldName: string): string;
     protected radioPlatformClasses(platform: ShopPlatformEnum): string;
     protected radioIndicatorClasses(platform: ShopPlatformEnum): string;
-    protected radioLabelClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    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 errorClasses: _angular_core.Signal<string>;
     protected viewLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected viewValueClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    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">;
@@ -2618,7 +2618,7 @@ declare class SymphiqCreateAccountDashboardComponent implements OnDestroy {
     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;
-    protected focusAreaViewTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    protected focusAreaViewTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
     protected focusAreaViewTitleSmallClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     protected statusBadgeClasses(type: 'engaged' | 'interested' | 'not-interested'): string;
     protected toolsLabelViewClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
@@ -2655,7 +2655,7 @@ declare class FocusAreaQuestionComponent {
     private computeRadioLabelClasses;
     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-white" | "text-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-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">;
@@ -2690,7 +2690,7 @@ declare class FocusAreaToolsModalComponent {
     protected backdropClasses: _angular_core.Signal<"bg-black/15" | "bg-black/40">;
     protected containerClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800 border border-slate-700">;
     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-white" | "text-slate-900">;
+    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 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">;
@@ -4172,11 +4172,11 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     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-500/20 text-purple-400" | "bg-purple-100 text-purple-600">;
-    protected welcomeBannerTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    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-500/10 border-blue-500/30" | "bg-blue-50/50 border-blue-300">;
     protected welcomeBannerHighlightIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
-    protected welcomeBannerHighlightTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    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">;
     protected statusSectionTitleClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
@@ -4378,10 +4378,10 @@ declare class SymphiqProfileAnalysisFocusAreaDashboardComponent implements OnIni
     } | null;
     protected handleDisplayModeChange(mode: DisplayModeEnum): void;
     protected getAnalysisSubtitle(): string;
-    protected containerClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    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-white" | "text-slate-900">;
-    protected sectionCardClasses: _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 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">;
     private formatGradeInText;
@@ -4490,38 +4490,38 @@ 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 sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    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 subheadingClasses: _angular_core.Signal<"text-slate-800" | "text-slate-200">;
     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-white" | "text-slate-900">;
+    protected goalTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
     protected goalDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     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-white" | "text-slate-900">;
+    protected timelineItemTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
     protected timeframeDisplayClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     protected objectivesLabelClasses: _angular_core.Signal<string>;
     protected objectiveItemClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
     protected moreObjectivesClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     protected phaseIndicatorClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
-    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">;
     protected sourceIndicatorClasses: _angular_core.Signal<"bg-slate-200 text-slate-600 px-1.5 py-0.5 rounded-full" | "bg-slate-600 text-slate-300 px-1.5 py-0.5 rounded-full">;
     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-white" | "text-slate-900">;
-    protected stepDescriptionClasses: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
+    protected stepTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
+    protected stepDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
     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 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;
@@ -4665,7 +4665,7 @@ declare class SymphiqProfileMetricsAnalysesDashboardComponent {
     handleCloseSearchModal(): void;
     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-white" | "text-slate-900">;
+    protected welcomeBannerTitleClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
     protected welcomeBannerTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
     private getIconForMetric;
     private getMetricDescription;
@@ -4955,8 +4955,8 @@ declare class FocusAreaExecutiveSummaryComponent {
     private computeFormatLabel;
     private computeEffortBadgeClasses;
     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-white" | "text-slate-900">;
+    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-800" | "text-slate-200">;
     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">;
@@ -5013,7 +5013,7 @@ declare class MetricExecutiveSummaryComponent {
     protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
     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-600" | "text-blue-400">;
     protected viewDetailsButtonClasses: _angular_core.Signal<"bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100" | "bg-blue-500/20 text-blue-300 border border-blue-500/40 hover:bg-blue-500/30">;
     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">;
@@ -5035,7 +5035,7 @@ declare class MetricExecutiveSummaryComponent {
     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 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 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">;
@@ -5469,7 +5469,7 @@ declare class VisualizationContainerComponent {
         data: unknown;
     }>;
     containerClass: _angular_core.Signal<"" | "cursor-pointer">;
-    iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
+    iconClass: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-500">;
     onExpandClick(event: Event): void;
     onVisualizationClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<VisualizationContainerComponent, never>;
@@ -5560,14 +5560,14 @@ declare class SearchModalComponent {
     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-white" | "text-slate-900">;
+    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-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">;
-    emptyTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
+    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-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">;
@@ -5610,7 +5610,7 @@ declare class DashboardHeaderComponent implements OnInit {
     protected onTitleMouseLeave(): void;
     formattedGeneratedDate: _angular_core.Signal<string>;
     formatDate(dateString: string): string;
-    headerTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
+    headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
     metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
     protected getHeaderClasses(): string;
     protected getMainTitleClasses(): string;
@@ -5773,12 +5773,12 @@ declare class RelatedContentSidebarComponent {
     protected funnelMetricsCount: _angular_core.Signal<number>;
     protected businessInsightsCount: _angular_core.Signal<number>;
     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 buttonClasses: _angular_core.Signal<"bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50" | "bg-slate-50 border-slate-200 hover:border-blue-500/50 hover:bg-slate-100">;
     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 countClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    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">;
+    protected chevronClasses: _angular_core.Signal<"text-slate-400 group-hover:text-blue-600" | "text-slate-500 group-hover:text-blue-400">;
     protected onFunnelInsightsClick(): void;
     protected onFunnelMetricsClick(): void;
     protected onBusinessInsightsClick(): void;
@@ -5838,7 +5838,7 @@ declare class IndeterminateSpinnerComponent {
     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>;
+    strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
     dotSize: _angular_core.Signal<10 | 5 | 7>;
     containerClasses: _angular_core.Signal<{
         'w-10 h-10': boolean;
@@ -5881,7 +5881,7 @@ declare class UserDisplayComponent {
     avatarSize: _angular_core.InputSignal<AvatarSize>;
     showEmail: _angular_core.InputSignal<boolean>;
     protected displayName: _angular_core.Signal<string>;
-    protected nameClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    protected nameClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
     protected emailClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserDisplayComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserDisplayComponent, "symphiq-user-display", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "avatarSize": { "alias": "avatarSize"; "required": false; "isSignal": true; }; "showEmail": { "alias": "showEmail"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -5900,9 +5900,9 @@ declare class ChartContainerComponent {
     protected ChartTypeEnum: typeof ChartTypeEnum;
     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-white" | "text-slate-900">;
+    titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
     descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
+    iconClass: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-500">;
     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">;
     closeButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700/50 text-slate-400 hover:bg-slate-600/50">;
@@ -5967,7 +5967,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<"500px" | "175px">;
+    chartHeight: _angular_core.Signal<"175px" | "500px">;
     cursorColor: _angular_core.Signal<9741240 | 16777215>;
     tooltipTextColor: _angular_core.Signal<0 | 16777215>;
     chartHash: _angular_core.Signal<string>;
@@ -6004,7 +6004,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<"500px" | "200px">;
+    chartHeight: _angular_core.Signal<"200px" | "500px">;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
     private root?;