@eric-emg/symphiq-components 1.3.86 → 1.3.87

package/types/symphiq-components.d.ts

@@ -1,5 +1,5 @@
 import * as _jebgem_model from '@jebgem/model';
-import { InsightBlockInterface, PerformanceMetricInterface, AiChartInterface, ProfileItemInterface, ViewModeEnum, ProfileAnalysisRecommendationActionStepInterface, GoalV3Interface, ProfileAnalysisTypeEnum, ObjectiveV3Interface, StrategyV3Interface, OperationalCategoryInterface, CategoryStrengthInterface, CategoryGapInterface, CategoryOpportunityInterface, ProfileAnalysisRecommendationInterface, KeyStrengthInterface, CriticalGapInterface, FocusAreaTopPriorityInterface, MetricTopPriorityInterface, UnifiedGoalInterface, SourceAnalysisReferenceInterface, ProfileAnalysisInterface, RecommendationV3Interface, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ProfileSectionInterface, ProfileSubsectionInterface, ProfileInterface, MetricEnum, FunnelMetricInterface, TargetInterface, UiDataInterface, FunnelAnalysisInterface, FocusAreaDetailInterface, BreakdownMetricInterface, UserInterface, ItemStatusInterface, AiDynamicContentStatusEnum, PerformanceOverviewStructuredV3Interface, OverallAssessmentInterface, FocusAreaDomainEnum, FocusAreaDetailStatusEnum, GaPropertyInterface, GaAccountInterface, ShopDataLoadStatusEnum, PacingResponseInterface, DataResultsInterface, CalculateRevenueReverseResponseInterface, CalculateRevenueResponseInterface, TargetHistoryInterface, CalculateRevenueRequestInterface, CalculateRevenueReverseRequestInterface, ProfileItemTypeEnum, IconObjectInterface as IconObjectInterface$1, NapkinVisualInterface, HierarchyDataInterface, AbstractItemProfileQuestionInterface, AbstractItemProfileAnswerInterface, AbstractItemProfileAnswerHistoryInterface, AccountInterface, ProfileShopInterface, ProfileShopQuestionInterface, PlanCardInfoInterface, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ChargebeeItemPriceInterface, IconSourceEnum, ProfileAnalysisSectionV3Interface, ExecutiveSummaryInterface, ProfileFocusAreaInterface, ProfileFocusAreaQuestionInterface, ProfileAnalysisReviewStatusEnum, ProfileAnalysisStructuredV3Interface, UnifiedExecutiveSummaryInterface, ProfileMetricInterface, ProfileMetricQuestionInterface, FocusAreaExecutiveSummaryInterface, MetricExecutiveSummaryInterface, ChartTypeEnum } from '@jebgem/model';
+import { InsightBlockInterface, PerformanceMetricInterface, AiChartInterface, ProfileItemInterface, ViewModeEnum, ProfileAnalysisRecommendationActionStepInterface, GoalV3Interface, ProfileAnalysisTypeEnum, ObjectiveV3Interface, StrategyV3Interface, OperationalCategoryInterface, CategoryStrengthInterface, CategoryGapInterface, CategoryOpportunityInterface, ProfileAnalysisRecommendationInterface, KeyStrengthInterface, CriticalGapInterface, FocusAreaTopPriorityInterface, MetricTopPriorityInterface, UnifiedGoalInterface, SourceAnalysisReferenceInterface, ProfileAnalysisInterface, RecommendationV3Interface, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ProfileSectionInterface, ProfileSubsectionInterface, ProfileInterface, MetricEnum, FunnelMetricInterface, TargetInterface, UiDataInterface, FunnelAnalysisInterface, FocusAreaDetailInterface, BreakdownMetricInterface, IconSourceEnum, UserInterface, ItemStatusInterface, AiDynamicContentStatusEnum, PerformanceOverviewStructuredV3Interface, OverallAssessmentInterface, FocusAreaDomainEnum, FocusAreaDetailStatusEnum, GaPropertyInterface, GaAccountInterface, ShopDataLoadStatusEnum, PacingResponseInterface, DataResultsInterface, CalculateRevenueReverseResponseInterface, CalculateRevenueResponseInterface, TargetHistoryInterface, CalculateRevenueRequestInterface, CalculateRevenueReverseRequestInterface, ProfileItemTypeEnum, IconObjectInterface as IconObjectInterface$1, NapkinVisualInterface, HierarchyDataInterface, AbstractItemProfileQuestionInterface, AbstractItemProfileAnswerInterface, AbstractItemProfileAnswerHistoryInterface, AccountInterface, ProfileShopInterface, ProfileShopQuestionInterface, PlanCardInfoInterface, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ChargebeeItemPriceInterface, ProfileAnalysisSectionV3Interface, ExecutiveSummaryInterface, ProfileFocusAreaInterface, ProfileFocusAreaQuestionInterface, ProfileAnalysisReviewStatusEnum, ProfileAnalysisStructuredV3Interface, UnifiedExecutiveSummaryInterface, ProfileMetricInterface, ProfileMetricQuestionInterface, FocusAreaExecutiveSummaryInterface, MetricExecutiveSummaryInterface, ChartTypeEnum } from '@jebgem/model';
 export * from '@jebgem/model';
 import * as _angular_core from '@angular/core';
 import { OnInit, AfterViewInit, ElementRef, WritableSignal, OnDestroy, OnChanges, SimpleChanges, Renderer2 } from '@angular/core';
@@ -1203,7 +1203,7 @@ declare class ModalComponent {
     private animatedTrendValues;
     private animationFrames;
     isOpen: _angular_core.Signal<boolean>;
-    modalType: _angular_core.Signal<"insight" | "metric" | "chart" | "insights-list" | "goal-insights-list" | "goal-business-insights-list" | "business-insight-detail" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis" | "funnel-strengths-list" | "funnel-weaknesses-list" | "funnel-strength-detail" | "funnel-weakness-detail" | null>;
+    modalType: _angular_core.Signal<"insight" | "metric" | "chart" | "insights-list" | "goal-insights-list" | "goal-business-insights-list" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis" | "funnel-strengths-list" | "funnel-weaknesses-list" | "funnel-strength-detail" | "funnel-weakness-detail" | "business-insight-detail" | null>;
     charts: _angular_core.Signal<AiChartInterface[]>;
     modalKey: _angular_core.Signal<number>;
     insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1222,7 +1222,7 @@ declare class ModalComponent {
         description: string;
         icon: string;
     } | null>;
-    metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    metricsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
     metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
     metricsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1230,7 +1230,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    chartsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
     chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
     chartsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1238,7 +1238,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
     recommendationsListRecommendations: _angular_core.Signal<string[]>;
     recommendationsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1246,7 +1246,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | InsightBlockInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
     competitiveAnalysisContext: _angular_core.Signal<{
         title: string;
         description: string;
@@ -1334,24 +1334,6 @@ declare class ModalComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "symphiq-funnel-analysis-modal", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "allMetrics": { "alias": "allMetrics"; "required": false; "isSignal": true; }; "allInsights": { "alias": "allInsights"; "required": false; "isSignal": true; }; "allCharts": { "alias": "allCharts"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; "businessProfile": { "alias": "businessProfile"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-interface NavSection {
-    id: string;
-    label: string;
-    icon: string;
-}
-declare class MobileBottomNavComponent {
-    isLightMode: _angular_core.InputSignal<boolean>;
-    sections: _angular_core.InputSignal<NavSection[]>;
-    activeSection: _angular_core.InputSignal<string>;
-    navigate: _angular_core.OutputEmitterRef<string>;
-    containerClass: _angular_core.Signal<"bg-white/95 border-slate-200" | "bg-slate-900/95 border-slate-700">;
-    getButtonClass(sectionId: string): string;
-    getSvgIcon(iconName: string): string;
-    onNavigate(sectionId: string): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MobileBottomNavComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MobileBottomNavComponent, "symphiq-mobile-bottom-nav", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "activeSection": { "alias": "activeSection"; "required": false; "isSignal": true; }; }, { "navigate": "navigate"; }, never, never, true, never>;
-}
-
 interface SearchResult {
     id: string;
     type: 'metric' | 'insight' | 'breakdown';
@@ -1544,7 +1526,7 @@ declare class ViewModeSwitcherModalComponent {
     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 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,6 +1562,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     modalComponent?: ModalComponent;
     dashboardContainer?: ElementRef<HTMLElement>;
     protected readonly ViewModeEnum: typeof ViewModeEnum;
+    protected readonly IconSourceEnum: typeof IconSourceEnum;
     requestedByUser: _angular_core.InputSignal<UserInterface | undefined>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     funnelAnalysis: _angular_core.InputSignal<FunnelAnalysisInterface | undefined>;
@@ -1607,8 +1590,6 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     selectedBreakdownFilter: _angular_core.WritableSignal<string>;
     selectedCompetitiveFilter: _angular_core.WritableSignal<string>;
     scrollProgress: _angular_core.WritableSignal<number>;
-    fabExpanded: _angular_core.WritableSignal<boolean>;
-    activeNavSection: _angular_core.WritableSignal<string>;
     isSectionTransitioning: _angular_core.WritableSignal<boolean>;
     isCategoryTransitioning: _angular_core.WritableSignal<boolean>;
     isBreakdownTransitioning: _angular_core.WritableSignal<boolean>;
@@ -1634,7 +1615,6 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     private lastStateChangeTime;
     private readonly STATE_CHANGE_COOLDOWN;
     private embeddedScrollContainer;
-    navSections: NavSection[];
     isLightMode: _angular_core.Signal<boolean>;
     analysisData: _angular_core.Signal<FunnelAnalysisInterface | undefined>;
     analysisCreatedDate: _angular_core.Signal<Date | undefined>;
@@ -1662,10 +1642,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>;
@@ -1744,7 +1724,6 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     onScroll(): void;
     scrollToTop(): void;
     scrollToSection(sectionId: string): void;
-    handleMobileNavigation(sectionId: string): void;
     getCategoryPillClass(categoryValue: string): string;
     formatValue(value: number): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqFunnelAnalysisDashboardComponent, never>;
@@ -1836,7 +1815,7 @@ declare class MetricCardComponent {
     competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
     competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
     competitiveScoreBadgeClass: _angular_core.Signal<string>;
-    competitiveScoreTextClass: _angular_core.Signal<"text-blue-400" | "" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
+    competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-emerald-600" | "text-blue-700" | "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;
@@ -1888,9 +1867,9 @@ declare class InsightCardComponent {
     recommendationsContainerLightClass: _angular_core.Signal<string>;
     recommendationsContainerDarkClass: _angular_core.Signal<string>;
     recommendationsContainerClass: _angular_core.Signal<string>;
-    priorityBadgeLightClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60">;
-    priorityBadgeDarkClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50">;
-    priorityBadgeClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50">;
+    priorityBadgeLightClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60">;
+    priorityBadgeDarkClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50">;
+    priorityBadgeClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50">;
     containerLightClass: _angular_core.Signal<"transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-white to-blue-50/50 border-2 border-blue-300 hover:border-blue-400 shadow-lg shadow-blue-200/50 hover:shadow-blue-300/60" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-white border-slate-200 hover:border-blue-400 hover:shadow-blue-100/50">;
     containerDarkClass: _angular_core.Signal<"transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-slate-800 to-blue-900/20 border-2 border-blue-500/40 hover:border-blue-400/60 shadow-lg shadow-blue-500/20 hover:shadow-blue-500/30" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-slate-800 border-slate-700 hover:border-slate-500 hover:shadow-slate-900/50">;
     containerClass: _angular_core.Signal<"transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-white to-blue-50/50 border-2 border-blue-300 hover:border-blue-400 shadow-lg shadow-blue-200/50 hover:shadow-blue-300/60" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-white border-slate-200 hover:border-blue-400 hover:shadow-blue-100/50" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-slate-800 to-blue-900/20 border-2 border-blue-500/40 hover:border-blue-400/60 shadow-lg shadow-blue-500/20 hover:shadow-blue-500/30" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-slate-800 border-slate-700 hover:border-slate-500 hover:shadow-slate-900/50">;
@@ -2111,10 +2090,10 @@ declare class OverallAssessmentComponent {
     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-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">;
+    trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-400" | "text-red-600">;
     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">;
+    trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-400" | "text-red-600">;
     formattedRevenueTrend: _angular_core.Signal<string>;
     formattedRevenueTarget: _angular_core.Signal<string>;
     hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2364,22 +2343,6 @@ declare class SkeletonLoaderComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonLoaderComponent, "symphiq-skeleton-loader", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "pulse": { "alias": "pulse"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class MobileFABComponent {
-    isLightMode: _angular_core.InputSignal<boolean>;
-    isCompactMode: _angular_core.InputSignal<boolean>;
-    isExpanded: _angular_core.InputSignal<boolean>;
-    expandedChange: _angular_core.OutputEmitterRef<boolean>;
-    scrollToTop: _angular_core.OutputEmitterRef<void>;
-    toggleView: _angular_core.OutputEmitterRef<void>;
-    buttonClass: _angular_core.Signal<"bg-white text-slate-700 border border-slate-300 hover:border-blue-500" | "bg-slate-800 text-white border border-slate-600 hover:border-blue-400">;
-    mainButtonClass: _angular_core.Signal<"bg-gradient-to-br from-blue-500 to-blue-600 text-white hover:from-blue-600 hover:to-blue-700" | "bg-gradient-to-br from-blue-400 to-blue-500 text-white hover:from-blue-500 hover:to-blue-600">;
-    toggleExpanded(): void;
-    onScrollToTop(): void;
-    onToggleView(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MobileFABComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MobileFABComponent, "symphiq-mobile-fab", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; "scrollToTop": "scrollToTop"; "toggleView": "toggleView"; }, never, never, true, never>;
-}
-
 declare class SymphiqFunnelAnalysisPreviewComponent {
     analysisInput: _angular_core.InputSignal<FunnelAnalysisInterface | undefined>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
@@ -2420,7 +2383,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     hasCompetitiveData: _angular_core.Signal<boolean>;
     hasOverallCompetitiveBenchmark: _angular_core.Signal<boolean>;
     overallCompetitiveDescription: _angular_core.Signal<string>;
-    overallCompetitiveLabel: _angular_core.Signal<_jebgem_model.CompetitiveScoreEnum | "N/A">;
+    overallCompetitiveLabel: _angular_core.Signal<"N/A" | _jebgem_model.CompetitiveScoreEnum>;
     overallCompetitiveIcon: _angular_core.Signal<"↑" | "↔" | "↓" | "•">;
     competitiveScore: _angular_core.Signal<string>;
     gradeTooltip: _angular_core.Signal<{
@@ -2458,7 +2421,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     competitiveTooltip: _angular_core.Signal<{
         industry: string;
         metricBenchmark: string;
-        competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
+        competitiveScore: "LEADING" | "LAGGING" | "COMPETITIVE";
         description: string;
         keyOpportunities: string;
     }>;
@@ -2557,7 +2520,7 @@ declare class SymphiqWelcomeDashboardComponent implements AfterViewInit, OnDestr
     protected highlightTitleClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
     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">;
+    protected nextStepsIconClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
     protected nextStepsTitleClasses: _angular_core.Signal<"text-amber-400" | "text-amber-700">;
     protected nextStepsTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqWelcomeDashboardComponent, never>;
@@ -2673,7 +2636,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;
@@ -2681,26 +2644,26 @@ 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 editButtonClasses: _angular_core.Signal<"bg-blue-600 text-white hover:bg-blue-700" | "bg-blue-500 text-white hover:bg-blue-600">;
     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 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 focusAreaProgressLabelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     protected focusAreaProgressCountClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-600" | "text-emerald-400">;
     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">;
-    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 focusAreaProgressBarFillClasses: _angular_core.Signal<"bg-gradient-to-r from-emerald-500 to-teal-500" | "bg-gradient-to-r from-emerald-400 to-teal-400" | "bg-gradient-to-r from-blue-500 to-cyan-500" | "bg-gradient-to-r from-blue-400 to-cyan-400">;
+    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 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">;
@@ -2737,9 +2700,9 @@ 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 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 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">;
@@ -2772,14 +2735,14 @@ 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">;
     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-700 text-slate-300 hover:bg-slate-600" | "bg-slate-200 text-slate-700 hover:bg-slate-300">;
+    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 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;
@@ -3516,7 +3479,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<"horizontal-bar" | "circular-progress" | "napkin-visual" | "custom" | null>;
+    visualizationType: _angular_core.Signal<"custom" | "horizontal-bar" | "circular-progress" | "napkin-visual" | null>;
     horizontalBarData: _angular_core.Signal<{
         percentage: number;
         label: string;
@@ -4236,12 +4199,12 @@ 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-500/20 text-purple-400" | "bg-purple-100 text-purple-600">;
-    protected welcomeBannerTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    protected welcomeBannerIconClasses: _angular_core.Signal<"bg-purple-100 text-purple-600" | "bg-purple-500/20 text-purple-400">;
+    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 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 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">;
@@ -4443,11 +4406,11 @@ 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 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 sectionIconClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-50 text-blue-600">;
+    protected sectionIconClasses: _angular_core.Signal<"bg-blue-50 text-blue-600" | "bg-blue-500/20 text-blue-400">;
     protected sectionDescriptionClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     private formatGradeInText;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileAnalysisFocusAreaDashboardComponent, never>;
@@ -4488,6 +4451,11 @@ interface SourceAnalysisRequestEvent {
     sourceGoalId?: string;
     unifiedGoalId?: string;
 }
+interface NavSection {
+    id: string;
+    label: string;
+    icon: string;
+}
 declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChanges {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     embedded: _angular_core.InputSignal<boolean>;
@@ -4582,11 +4550,11 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
     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 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">;
@@ -4594,7 +4562,7 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
     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 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">;
@@ -4607,8 +4575,8 @@ declare class SymphiqProfileAnalysisUnifiedDashboardComponent implements OnChang
     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">;
@@ -4760,8 +4728,8 @@ declare class SymphiqProfileMetricsAnalysesDashboardComponent {
     handleSearchClick(): void;
     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 welcomeBannerIconClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
+    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;
@@ -5042,7 +5010,7 @@ 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 sectionTitleClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    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">;
@@ -5050,9 +5018,9 @@ declare class FocusAreaExecutiveSummaryComponent {
     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-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 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-100" | "text-blue-900">;
+    protected quickWinsStatValueClasses: _angular_core.Signal<"text-blue-900" | "text-blue-100">;
     protected quickWinsButtonTextClasses: _angular_core.Signal<"text-blue-400" | "text-blue-700">;
     protected onTopPrioritiesClick(): void;
     protected onPriorityDetailClick(event: {
@@ -5101,7 +5069,7 @@ declare class MetricExecutiveSummaryComponent {
     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 yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-400" | "text-red-600">;
     protected getYoyIcon(): string;
     protected getPacingValueClasses(): string;
     protected getHealthValueClasses(): string;
@@ -5464,7 +5432,7 @@ declare class FocusAreaStatusCardComponent {
     protected generatingMessage: _angular_core.Signal<"Generating Profile Questions..." | "Generating Analysis..." | "Generating...">;
     protected hasAnalysis: _angular_core.Signal<boolean>;
     protected hasProfile: _angular_core.Signal<boolean>;
-    protected profileCompletionPercentage: _angular_core.Signal<0 | 100 | 50>;
+    protected profileCompletionPercentage: _angular_core.Signal<0 | 50 | 100>;
     protected isProfileComplete: _angular_core.Signal<boolean>;
     protected handleCardClick(): void;
     protected cardClasses(): string;
@@ -5639,19 +5607,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-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
+    clearButtonClass: _angular_core.Signal<"bg-slate-700 text-slate-300 hover:bg-slate-600" | "bg-slate-100 text-slate-600 hover:bg-slate-200">;
     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">;
+    shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
     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>;
@@ -5693,7 +5661,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;
@@ -5710,7 +5678,7 @@ declare class GradeBadgeComponent {
     gradeRationale: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
+    tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
     isLightMode: _angular_core.Signal<boolean>;
     formattedGrade: _angular_core.Signal<string>;
     shouldPulse: _angular_core.Signal<boolean>;
@@ -5822,22 +5790,22 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
     protected glowEffectClasses: _angular_core.Signal<"bg-red-500" | "bg-blue-500" | "bg-emerald-500" | "bg-orange-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 gradeLabelClasses: _angular_core.Signal<"text-blue-700" | "text-emerald-700" | "text-red-700" | "text-emerald-300" | "text-blue-300" | "text-orange-300" | "text-orange-700" | "text-red-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-blue-600" | "text-blue-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400" | "text-orange-600" | "text-orange-400">;
+    protected progressValueClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-600" | "text-emerald-400" | "text-red-400" | "text-orange-400" | "text-orange-600" | "text-red-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>;
     protected progressGlowClasses: _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-orange-500 to-amber-500" | "bg-gradient-to-r from-red-500 to-rose-500">;
     protected potentialProgressBarClasses: _angular_core.Signal<"opacity-40 bg-gradient-to-r from-emerald-500/50 via-teal-500/50 to-emerald-600/50" | "opacity-40 bg-gradient-to-r from-emerald-400/50 via-teal-400/50 to-emerald-500/50" | "opacity-40 bg-gradient-to-r from-blue-500/50 via-cyan-500/50 to-blue-600/50" | "opacity-40 bg-gradient-to-r from-blue-400/50 via-cyan-400/50 to-blue-500/50" | "opacity-40 bg-gradient-to-r from-orange-500/50 via-amber-500/50 to-orange-600/50" | "opacity-40 bg-gradient-to-r from-orange-400/50 via-amber-400/50 to-orange-500/50" | "opacity-40 bg-gradient-to-r from-red-500/50 via-rose-500/50 to-red-600/50" | "opacity-40 bg-gradient-to-r from-red-400/50 via-rose-400/50 to-red-500/50">;
-    protected nextStepCalloutClasses: _angular_core.Signal<"bg-slate-100 text-slate-700 border border-slate-200" | "bg-slate-700/50 text-slate-300 border border-slate-600/50">;
-    protected nextStepBadgeClasses: _angular_core.Signal<"bg-red-100 text-red-700" | "bg-blue-500/20 text-blue-400" | "bg-emerald-100 text-emerald-700" | "bg-emerald-500/20 text-emerald-400" | "bg-blue-100 text-blue-700" | "bg-orange-100 text-orange-700" | "bg-orange-500/20 text-orange-400" | "bg-red-500/20 text-red-400">;
-    protected currentStepCalloutClasses: _angular_core.Signal<"bg-slate-100 text-slate-700 border border-slate-200" | "bg-slate-700/50 text-slate-300 border border-slate-600/50">;
-    protected currentStepBadgeClasses: _angular_core.Signal<"bg-red-100 text-red-700" | "bg-blue-500/20 text-blue-400" | "bg-emerald-100 text-emerald-700" | "bg-emerald-500/20 text-emerald-400" | "bg-blue-100 text-blue-700" | "bg-orange-100 text-orange-700" | "bg-orange-500/20 text-orange-400" | "bg-red-500/20 text-red-400">;
+    protected nextStepCalloutClasses: _angular_core.Signal<"bg-slate-700/50 text-slate-300 border border-slate-600/50" | "bg-slate-100 text-slate-700 border border-slate-200">;
+    protected nextStepBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-red-100 text-red-700" | "bg-emerald-100 text-emerald-700" | "bg-blue-100 text-blue-700" | "bg-emerald-500/20 text-emerald-400" | "bg-orange-500/20 text-orange-400" | "bg-orange-100 text-orange-700" | "bg-red-500/20 text-red-400">;
+    protected currentStepCalloutClasses: _angular_core.Signal<"bg-slate-700/50 text-slate-300 border border-slate-600/50" | "bg-slate-100 text-slate-700 border border-slate-200">;
+    protected currentStepBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-red-100 text-red-700" | "bg-emerald-100 text-emerald-700" | "bg-blue-100 text-blue-700" | "bg-emerald-500/20 text-emerald-400" | "bg-orange-500/20 text-orange-400" | "bg-orange-100 text-orange-700" | "bg-red-500/20 text-red-400">;
     protected nextDashboardCalloutClasses: _angular_core.Signal<"bg-slate-800/30 text-slate-400 border border-slate-700/30" | "bg-slate-50 text-slate-500 border border-slate-100">;
-    protected nextDashboardBadgeClasses: _angular_core.Signal<"bg-emerald-500/10 text-emerald-500" | "bg-emerald-50 text-emerald-600" | "bg-blue-500/10 text-blue-500" | "bg-blue-50 text-blue-600" | "bg-orange-500/10 text-orange-500" | "bg-orange-50 text-orange-600" | "bg-red-500/10 text-red-500" | "bg-red-50 text-red-600">;
+    protected nextDashboardBadgeClasses: _angular_core.Signal<"bg-blue-50 text-blue-600" | "bg-emerald-500/10 text-emerald-500" | "bg-emerald-50 text-emerald-600" | "bg-blue-500/10 text-blue-500" | "bg-orange-500/10 text-orange-500" | "bg-orange-50 text-orange-600" | "bg-red-500/10 text-red-500" | "bg-red-50 text-red-600">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfidenceLevelCardComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfidenceLevelCardComponent, "symphiq-confidence-level-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currentStepId": { "alias": "currentStepId"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "currentFocusAreaDomain": { "alias": "currentFocusAreaDomain"; "required": false; "isSignal": true; }; "currentMetric": { "alias": "currentMetric"; "required": false; "isSignal": true; }; "targets": { "alias": "targets"; "required": false; "isSignal": true; }; "isCurrentStepComplete": { "alias": "isCurrentStepComplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -5915,7 +5883,7 @@ declare class IndeterminateSpinnerComponent {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     size: _angular_core.InputSignal<SpinnerSize>;
     color: _angular_core.InputSignal<string | undefined>;
-    svgSize: _angular_core.Signal<40 | 80 | 60>;
+    svgSize: _angular_core.Signal<60 | 40 | 80>;
     circleRadius: _angular_core.Signal<16 | 36 | 26>;
     svgCircleRadius: _angular_core.Signal<number>;
     strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
@@ -5961,7 +5929,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>;
@@ -5991,10 +5959,10 @@ 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">;
-    chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
+    chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
     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">;
     isCollapsible: _angular_core.Signal<boolean>;
@@ -6058,7 +6026,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>;
@@ -6095,7 +6063,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?;
@@ -6177,7 +6145,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<"auto" | "top" | "bottom" | "left" | "right">;
+    tooltipPosition: _angular_core.Signal<"top" | "auto" | "left" | "right" | "bottom">;
     targetRect: _angular_core.Signal<DOMRect | null>;
     mousePosition: _angular_core.Signal<{
         x: number;
@@ -6436,7 +6404,7 @@ declare class OpportunityHighlightBannerComponent {
     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">;
-    protected chevronClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
+    protected chevronClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
     handleClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OpportunityHighlightBannerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OpportunityHighlightBannerComponent, "symphiq-opportunity-highlight-banner", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "isDark": { "alias": "isDark"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; }, { "bannerClick": "bannerClick"; }, never, never, true, never>;
@@ -6688,6 +6656,6 @@ declare function validateRevenueTarget(targetRevenue: number, calculations: Metr
     withinTolerance: boolean;
 };
 
-export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DashboardHeaderComponent, DataLoaderService, DisplayModeEnum, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaStatusCardComponent, FocusAreaToolsModalComponent, FunnelOrderService, GoalActionStateEnum, GoalActionStateService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ReviewButtonComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopProfileCategoryListComponent, ShopProfileQuestionAnswerComponent, ShopProfileQuestionCardComponent, ShopProfileQuestionsModalComponent, ShopProfileStatusCardComponent, ShopProfileStickyFooterComponent, ShopProfileViewToggleComponent, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, StickySubscriptionContinueButtonComponent, SubscriptionValuePropositionCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisFocusAreaDashboardComponent, SymphiqProfileAnalysisMetricDashboardComponent, SymphiqProfileAnalysisUnifiedDashboardComponent, SymphiqProfileFocusAreaDashboardComponent, SymphiqProfileFocusAreasAnalysesDashboardComponent, SymphiqProfileMetricDashboardComponent, SymphiqProfileMetricsAnalysesDashboardComponent, SymphiqProfileShopAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, UserAvatarComponent, UserDisplayComponent, ViewModeService, ViewModeSwitcherModalComponent, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
-export type { AnimationType, AvatarSize, BusinessInsightDetailModalData, BusinessSearchResult, CategoryColorPalette, CategoryDetailModalData, CategoryProgressItem, ChartThemeColors, ConfettiConfig, ConfettiIntensity, CreateAccountData, CriticalGapDetailModalData, CriticalGapsListModalData, CrossDashboardRelationships, DataKey, FocusAreaGapDetailModalData, FocusAreaGapsListModalData, FocusAreaOpportunitiesListModalData, FocusAreaOpportunityDetailModalData, FocusAreaStrengthDetailModalData, FocusAreaStrengthsListModalData, FunnelMetricOrder, FunnelRatio, FunnelStrengthDetailModalData, FunnelStrengthInterface, FunnelStrengthsListModalData, FunnelWeaknessDetailModalData, FunnelWeaknessInterface, FunnelWeaknessesListModalData, GapDetailModalData, GoalActionStatesMap, GoalActionStatesOutput, GoalBusinessInsightsListModalData, GoalDetailModalData, GoalInsightsListModalData, GoalObjectivesModalData, HeaderScrollConfig, ItemDetailModalData, JourneyStep$1 as JourneyStep, KeyStrengthDetailModalData, KeyStrengthsListModalData, LayoutMode, Metric, MetricAnalysisNavigationData, MetricTargetCalculation, MetricTargetWithPrecision, MetricsListModalData, ModalState, NavSection, NavigationState, ObjectiveStrategiesModalData, OpportunityDetailModalData, PriorityActionItemInterface, PriorityActionsListModalData, ProfileAnalysisNavigationData, ProfileQuestionAnswerSaveEvent, RecommendationBusinessInsightsListModalData, RecommendationInsightsListModalData, RelatedBusinessContent, RelatedFunnelContent, RelatedMetricRatio, RevenueCalculationResult, ReverseCalculationContext, SaveActionType, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollCustomEvent, ScrollDepthInfo, ScrollDetail, ScrollProgressBarColorScheme, SemanticColors, ShadowLevel, ShopProfileViewType, SourceAnalysisRequestEvent, SourceGoalModalData, SourceObjectiveModalData, SourceRecommendationModalData, SourceStrategyModalData, SpinnerSize, StrategyRecommendationsModalData, StrengthDetailModalData, ThemeColorContext, ThemeMode, TooltipPosition, TooltipState, TooltipType, TopPrioritiesListModalData, TopPriorityDetailModalData, TopPriorityInterface, UnifiedGoalDetailModalData, UnifiedGoalObjectivesModalData, UnifiedGoalRelatedMetricsModalData, ViewMode, ViewportBounds, VisualizationData, VisualizationType };
+export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DashboardHeaderComponent, DataLoaderService, DisplayModeEnum, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaStatusCardComponent, FocusAreaToolsModalComponent, FunnelOrderService, GoalActionStateEnum, GoalActionStateService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MetricWelcomeBannerComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ReviewButtonComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopProfileCategoryListComponent, ShopProfileQuestionAnswerComponent, ShopProfileQuestionCardComponent, ShopProfileQuestionsModalComponent, ShopProfileStatusCardComponent, ShopProfileStickyFooterComponent, ShopProfileViewToggleComponent, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, StickySubscriptionContinueButtonComponent, SubscriptionValuePropositionCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisFocusAreaDashboardComponent, SymphiqProfileAnalysisMetricDashboardComponent, SymphiqProfileAnalysisUnifiedDashboardComponent, SymphiqProfileFocusAreaDashboardComponent, SymphiqProfileFocusAreasAnalysesDashboardComponent, SymphiqProfileMetricDashboardComponent, SymphiqProfileMetricsAnalysesDashboardComponent, SymphiqProfileShopAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, UserAvatarComponent, UserDisplayComponent, ViewModeService, ViewModeSwitcherModalComponent, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
+export type { AnimationType, AvatarSize, BusinessInsightDetailModalData, BusinessSearchResult, CategoryColorPalette, CategoryDetailModalData, CategoryProgressItem, ChartThemeColors, ConfettiConfig, ConfettiIntensity, CreateAccountData, CriticalGapDetailModalData, CriticalGapsListModalData, CrossDashboardRelationships, DataKey, FocusAreaGapDetailModalData, FocusAreaGapsListModalData, FocusAreaOpportunitiesListModalData, FocusAreaOpportunityDetailModalData, FocusAreaStrengthDetailModalData, FocusAreaStrengthsListModalData, FunnelMetricOrder, FunnelRatio, FunnelStrengthDetailModalData, FunnelStrengthInterface, FunnelStrengthsListModalData, FunnelWeaknessDetailModalData, FunnelWeaknessInterface, FunnelWeaknessesListModalData, GapDetailModalData, GoalActionStatesMap, GoalActionStatesOutput, GoalBusinessInsightsListModalData, GoalDetailModalData, GoalInsightsListModalData, GoalObjectivesModalData, HeaderScrollConfig, ItemDetailModalData, JourneyStep$1 as JourneyStep, KeyStrengthDetailModalData, KeyStrengthsListModalData, LayoutMode, Metric, MetricAnalysisNavigationData, MetricTargetCalculation, MetricTargetWithPrecision, MetricsListModalData, ModalState, NavigationState, ObjectiveStrategiesModalData, OpportunityDetailModalData, PriorityActionItemInterface, PriorityActionsListModalData, ProfileAnalysisNavigationData, ProfileQuestionAnswerSaveEvent, RecommendationBusinessInsightsListModalData, RecommendationInsightsListModalData, RelatedBusinessContent, RelatedFunnelContent, RelatedMetricRatio, RevenueCalculationResult, ReverseCalculationContext, SaveActionType, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollCustomEvent, ScrollDepthInfo, ScrollDetail, ScrollProgressBarColorScheme, SemanticColors, ShadowLevel, ShopProfileViewType, SourceAnalysisRequestEvent, SourceGoalModalData, SourceObjectiveModalData, SourceRecommendationModalData, SourceStrategyModalData, SpinnerSize, StrategyRecommendationsModalData, StrengthDetailModalData, ThemeColorContext, ThemeMode, TooltipPosition, TooltipState, TooltipType, TopPrioritiesListModalData, TopPriorityDetailModalData, TopPriorityInterface, UnifiedGoalDetailModalData, UnifiedGoalObjectivesModalData, UnifiedGoalRelatedMetricsModalData, ViewMode, ViewportBounds, VisualizationData, VisualizationType };
 //# sourceMappingURL=symphiq-components.d.ts.map