@eric-emg/symphiq-components 1.2.104 → 1.2.106

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _jebgem_model from '@jebgem/model';
-import { InsightBlockInterface, PerformanceMetricInterface, AiChartInterface, ProfileItemInterface, ViewModeEnum, ProfileAnalysisRecommendationActionStepInterface, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ProfileSectionInterface, ProfileSubsectionInterface, ProfileInterface, BreakdownMetricInterface, UserInterface, FunnelAnalysisInterface, OverallAssessmentInterface, ProfileAnalysisRecommendationInterface, ProfileItemTypeEnum, IconObjectInterface as IconObjectInterface$1, NapkinVisualInterface, HierarchyDataInterface, ChartTypeEnum, IconSourceEnum } from '@jebgem/model';
+import { ProfileItemInterface, ViewModeEnum, GoalV3Interface, ObjectiveV3Interface, StrategyV3Interface, OperationalCategoryInterface, CategoryStrengthInterface, CategoryGapInterface, CategoryOpportunityInterface, InsightBlockInterface, ProfileAnalysisRecommendationInterface, PerformanceMetricInterface, KeyStrengthInterface, CriticalGapInterface, AiChartInterface, ProfileAnalysisRecommendationActionStepInterface, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ProfileSectionInterface, ProfileSubsectionInterface, ProfileInterface, BreakdownMetricInterface, UserInterface, FunnelAnalysisInterface, PerformanceOverviewStructuredV3Interface, OverallAssessmentInterface, ProfileItemTypeEnum, IconObjectInterface as IconObjectInterface$1, NapkinVisualInterface, HierarchyDataInterface, ProfileAnalysisInterface, ProfileAnalysisTypeEnum, IconSourceEnum, ProfileAnalysisSectionV3Interface, ExecutiveSummaryInterface, ChartTypeEnum } from '@jebgem/model';
 export * from '@jebgem/model';
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, ElementRef, WritableSignal, OnInit, OnDestroy, OnChanges, SimpleChanges, Renderer2, EventEmitter } from '@angular/core';
@@ -8,6 +8,7 @@ import { Observable } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
 import * as _angular_platform_browser from '@angular/platform-browser';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as _jebgem_model_lib_funnel_analysis_performance_overview_structured_v3_interface from '@jebgem/model/lib/funnel-analysis/performance-overview-structured-v3.interface';
 
 interface FunnelMetricOrder {
     metric: string;
@@ -39,17 +40,179 @@ interface VisualizationData {
     title: string;
     data: unknown;
 }
+interface FunnelStrengthInterface {
+    id: string;
+    title: string;
+    description: string;
+    relatedMetrics: string[];
+    category: string;
+    priority: number;
+    businessContext: string;
+    impactScore: number;
+    quantifiedValue: string;
+}
+interface FunnelWeaknessInterface {
+    id: string;
+    title: string;
+    description: string;
+    relatedMetrics: string[];
+    category: string;
+    priority: number;
+    businessContext: string;
+    impactScore: number;
+    quantifiedValue: string;
+    severityLevel: 'CRITICAL' | 'HIGH' | 'MEDIUM';
+    suggestedActions: string[];
+}
+interface ItemDetailModalData {
+    item: ProfileItemInterface;
+    viewMode: ViewModeEnum;
+    itemType?: string;
+    sectionTitle?: string;
+    subsectionTitle?: string;
+    isCompactMode?: boolean;
+    fromProfileAnalysis?: boolean;
+}
+interface GoalDetailModalData {
+    goal: GoalV3Interface;
+    viewMode: ViewModeEnum;
+    sourceCategory?: string;
+    sourceGapTitle?: string;
+}
+interface GoalObjectivesModalData {
+    goal: GoalV3Interface;
+    viewMode: ViewModeEnum;
+}
+interface ObjectiveStrategiesModalData {
+    objective: ObjectiveV3Interface;
+    goalTitle?: string;
+    viewMode: ViewModeEnum;
+}
+interface StrategyRecommendationsModalData {
+    strategy: StrategyV3Interface;
+    objectiveTitle?: string;
+    goalTitle?: string;
+    viewMode: ViewModeEnum;
+}
+interface CategoryDetailModalData {
+    category: OperationalCategoryInterface;
+    viewMode: ViewModeEnum;
+    scrollToSection?: 'strengths' | 'gaps' | 'opportunities';
+}
+interface StrengthDetailModalData {
+    strength: CategoryStrengthInterface;
+    categoryTitle: string;
+    viewMode: ViewModeEnum;
+}
+interface GapDetailModalData {
+    gap: CategoryGapInterface;
+    categoryTitle: string;
+    viewMode: ViewModeEnum;
+}
+interface OpportunityDetailModalData {
+    opportunity: CategoryOpportunityInterface;
+    categoryTitle: string;
+    viewMode: ViewModeEnum;
+}
+interface GoalInsightsListModalData {
+    insights: InsightBlockInterface[];
+    goalContext: {
+        title: string;
+        description: string;
+        icon: string;
+    };
+    viewMode?: ViewModeEnum;
+    sourceCategory?: string;
+    sourceGapTitle?: string;
+}
+interface GoalBusinessInsightsListModalData {
+    businessInsights: ProfileAnalysisRecommendationInterface[];
+    goalContext: {
+        title: string;
+        description: string;
+        icon: string;
+    };
+    viewMode: ViewModeEnum;
+    sourceCategory?: string;
+    sourceGapTitle?: string;
+}
+interface MetricsListModalData {
+    metrics: PerformanceMetricInterface[];
+    goalContext?: {
+        title: string;
+        description: string;
+        icon?: string;
+        businessContext?: string;
+        priority?: number;
+    };
+    insightContext?: {
+        title: string;
+        description: string;
+        businessContext: string;
+        priority: number;
+    };
+    recommendationContext?: {
+        title: string;
+        description: string;
+    };
+    directlyAffectedMetricId?: string;
+    indirectlyAffectedMetricIds?: string[];
+    viewMode?: ViewModeEnum;
+    sourceCategory?: string;
+    sourceGapTitle?: string;
+    goalTitle?: string;
+    objectiveTitle?: string;
+    strategyTitle?: string;
+}
+interface BusinessInsightDetailModalData {
+    recommendation: ProfileAnalysisRecommendationInterface;
+    goalContext: {
+        title: string;
+        description: string;
+        icon: string;
+    };
+    viewMode: ViewModeEnum;
+}
+interface KeyStrengthsListModalData {
+    keyStrengths: KeyStrengthInterface[];
+    viewMode: ViewModeEnum;
+}
+interface CriticalGapsListModalData {
+    criticalGaps: CriticalGapInterface[];
+    viewMode: ViewModeEnum;
+}
+interface KeyStrengthDetailModalData {
+    strength: KeyStrengthInterface;
+    viewMode: ViewModeEnum;
+}
+interface CriticalGapDetailModalData {
+    gap: CriticalGapInterface;
+    viewMode: ViewModeEnum;
+    categoryTitle?: string;
+}
+interface FunnelStrengthsListModalData {
+    strengths: FunnelStrengthInterface[];
+    count: number;
+    isLightMode: boolean;
+}
+interface FunnelWeaknessesListModalData {
+    weaknesses: FunnelWeaknessInterface[];
+    count: number;
+    isLightMode: boolean;
+}
+interface FunnelStrengthDetailModalData {
+    strength: FunnelStrengthInterface;
+    totalCount: number;
+    isLightMode: boolean;
+}
+interface FunnelWeaknessDetailModalData {
+    weakness: FunnelWeaknessInterface;
+    totalCount: number;
+    isLightMode: boolean;
+}
 interface ModalState {
-    type: 'insight' | 'metric' | 'chart' | 'insights-list' | 'metrics-list' | 'charts-list' | 'recommendations-list' | 'competitive-analysis' | 'competitive-gap' | 'visualization' | 'recommendation-action-steps' | null;
+    type: 'insight' | 'metric' | 'chart' | 'insights-list' | 'goal-insights-list' | 'goal-business-insights-list' | 'business-insight-detail' | 'metrics-list' | 'charts-list' | 'recommendations-list' | 'competitive-analysis' | 'competitive-gap' | 'visualization' | 'recommendation-action-steps' | 'item-detail' | 'goal-detail' | 'goal-objectives' | 'objective-strategies' | 'strategy-recommendations' | 'category-detail' | 'strength-detail' | 'gap-detail' | 'opportunity-detail' | 'key-strengths-list' | 'critical-gaps-list' | 'key-strength-detail' | 'critical-gap-detail' | 'funnel-strengths-list' | 'funnel-weaknesses-list' | 'funnel-strength-detail' | 'funnel-weakness-detail' | null;
     data: InsightBlockInterface | InsightBlockInterface[] | PerformanceMetricInterface | PerformanceMetricInterface[] | AiChartInterface | {
-        metrics: PerformanceMetricInterface[];
-        insightContext?: {
-            title: string;
-            description: string;
-            businessContext: string;
-            priority: number;
-        };
-    } | {
         charts: AiChartInterface[];
         insightContext?: {
             title: string;
@@ -80,30 +243,70 @@ interface ModalState {
         title?: string;
         actionSteps: ProfileAnalysisRecommendationActionStepInterface[];
         viewMode: ViewModeEnum;
-    } | VisualizationData | null;
+    } | ItemDetailModalData | VisualizationData | GoalDetailModalData | GoalObjectivesModalData | ObjectiveStrategiesModalData | StrategyRecommendationsModalData | CategoryDetailModalData | StrengthDetailModalData | GapDetailModalData | OpportunityDetailModalData | GoalInsightsListModalData | GoalBusinessInsightsListModalData | MetricsListModalData | BusinessInsightDetailModalData | KeyStrengthsListModalData | CriticalGapsListModalData | KeyStrengthDetailModalData | CriticalGapDetailModalData | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | {
+        insight: InsightBlockInterface;
+    } | null;
     charts: AiChartInterface[];
     previousState?: ModalState | null;
     expandedSection?: string;
+    navigationStack?: ModalState[];
 }
 declare class ModalService {
     private modalState;
     modalState$: rxjs.Observable<ModalState>;
+    viewInContextSignal: _angular_core.WritableSignal<{
+        itemId: string;
+        itemType?: string;
+    } | null>;
+    /**
+     * Checks if the current modal context is from Profile Analysis Dashboard
+     * by looking at the current modal state and navigation stack
+     */
+    private isInProfileAnalysisContext;
     openInsightModal(insight: InsightBlockInterface, charts?: AiChartInterface[], previousState?: ModalState): void;
     openMetricModal(metric: PerformanceMetricInterface, charts?: AiChartInterface[], previousState?: ModalState, expandedSection?: string): void;
     openChartModal(chart: AiChartInterface, previousState?: ModalState): void;
     openInsightsListModal(insights: InsightBlockInterface[], charts?: AiChartInterface[]): void;
-    openMetricsListModal(metrics: PerformanceMetricInterface[], charts?: AiChartInterface[], insightContext?: {
+    openGoalInsightsListModal(insights: InsightBlockInterface[], metrics: PerformanceMetricInterface[], charts: AiChartInterface[], goalContext: {
+        title: string;
+        description: string;
+        icon: string;
+    }, previousState?: ModalState, sourceCategory?: string, sourceGapTitle?: string): void;
+    openGoalBusinessInsightsListModal(businessInsights: ProfileAnalysisRecommendationInterface[], goalContext: {
+        title: string;
+        description: string;
+        icon: string;
+    }, viewMode: ViewModeEnum, previousState?: ModalState, sourceCategory?: string, sourceGapTitle?: string): void;
+    navigateToBusinessInsightDetail(recommendation: ProfileAnalysisRecommendationInterface, goalContext: {
+        title: string;
+        description: string;
+        icon: string;
+    }, viewMode: ViewModeEnum): void;
+    openMetricsListModal(metrics: PerformanceMetricInterface[], charts?: AiChartInterface[], goalContext?: {
         title: string;
         description: string;
         businessContext: string;
         priority: number;
+    }, previousState?: ModalState): void;
+    openGoalMetricsListModal(metrics: PerformanceMetricInterface[], charts: AiChartInterface[], goalContext: {
+        title: string;
+        description: string;
+        icon: string;
+    }, previousState?: ModalState, sourceCategory?: string, sourceGapTitle?: string): void;
+    openRecommendationMetricsListModal(metrics: PerformanceMetricInterface[], charts: AiChartInterface[], recommendationContext: {
+        title: string;
+        description: string;
+    }, directlyAffectedMetricId?: string, indirectlyAffectedMetricIds?: string[], previousState?: ModalState, hierarchyContext?: {
+        goalTitle?: string;
+        objectiveTitle?: string;
+        strategyTitle?: string;
     }): void;
     openChartsListModal(charts: AiChartInterface[], insightContext?: {
         title: string;
         description: string;
         businessContext: string;
         priority: number;
-    }): void;
+    }, previousState?: ModalState): void;
     openRecommendationsListModal(recommendations: string[], insightContext: {
         title: string;
         description: string;
@@ -120,7 +323,32 @@ declare class ModalService {
     openVisualizationModal(visualization: VisualizationData, previousState?: ModalState): void;
     openCompetitiveGapModal(item: ProfileItemInterface, viewMode: ViewModeEnum, previousState?: ModalState): void;
     openRecommendationActionStepsModal(title: string | undefined, actionSteps: ProfileAnalysisRecommendationActionStepInterface[], viewMode: ViewModeEnum, previousState?: ModalState): void;
+    openItemDetailModal(item: ProfileItemInterface, viewMode: ViewModeEnum, itemType?: string, sectionTitle?: string, subsectionTitle?: string, previousState?: ModalState, isCompactMode?: boolean, fromProfileAnalysis?: boolean): void;
+    navigateToItemInModal(item: ProfileItemInterface, viewMode: ViewModeEnum, itemType?: string, sectionTitle?: string, subsectionTitle?: string, isCompactMode?: boolean, fromProfileAnalysis?: boolean): void;
+    navigateBackInModal(): void;
+    navigateToStackIndex(index: number): void;
+    triggerViewInContext(itemId: string, itemType?: string): void;
+    clearViewInContext(): void;
     goBack(previousState: ModalState): void;
+    isItemDetailModalOpen(): boolean;
+    openGoalDetailModal(goal: GoalV3Interface, viewMode: ViewModeEnum): void;
+    openGoalObjectivesModal(goal: GoalV3Interface, viewMode: ViewModeEnum): void;
+    navigateToGoalDetail(goal: GoalV3Interface, viewMode: ViewModeEnum): void;
+    navigateToGoalObjectives(goal: GoalV3Interface, viewMode: ViewModeEnum): void;
+    navigateToObjectiveStrategies(objective: ObjectiveV3Interface, goalTitle: string | undefined, viewMode: ViewModeEnum): void;
+    navigateToStrategyRecommendations(strategy: StrategyV3Interface, objectiveTitle: string | undefined, goalTitle: string | undefined, viewMode: ViewModeEnum): void;
+    openCategoryDetailModal(category: OperationalCategoryInterface, viewMode: ViewModeEnum, scrollToSection?: 'strengths' | 'gaps' | 'opportunities'): void;
+    navigateToStrengthDetail(strength: CategoryStrengthInterface, categoryTitle: string, viewMode: ViewModeEnum): void;
+    navigateToGapDetail(gap: CategoryGapInterface, categoryTitle: string, viewMode: ViewModeEnum): void;
+    navigateToOpportunityDetail(opportunity: CategoryOpportunityInterface, categoryTitle: string, viewMode: ViewModeEnum): void;
+    openKeyStrengthsListModal(keyStrengths: KeyStrengthInterface[], viewMode: ViewModeEnum): void;
+    openCriticalGapsListModal(criticalGaps: CriticalGapInterface[], viewMode: ViewModeEnum): void;
+    navigateToKeyStrengthDetail(strength: KeyStrengthInterface, viewMode: ViewModeEnum): void;
+    navigateToCriticalGapDetail(gap: CriticalGapInterface, viewMode: ViewModeEnum): void;
+    openFunnelStrengthsListModal(strengths: FunnelStrengthInterface[], isLightMode: boolean): void;
+    openFunnelWeaknessesListModal(weaknesses: FunnelWeaknessInterface[], isLightMode: boolean): void;
+    navigateToFunnelStrengthDetail(strength: FunnelStrengthInterface, isLightMode: boolean): void;
+    navigateToFunnelWeaknessDetail(weakness: FunnelWeaknessInterface, isLightMode: boolean): void;
     closeModal(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ModalService>;
@@ -182,6 +410,7 @@ interface MetricValueTooltipContent {
         current: number[];
         prior?: number[];
     };
+    currencySymbol?: string;
 }
 interface StatusBadgeTooltipContent {
     status: MetricStatusEnum;
@@ -196,6 +425,7 @@ interface StatusBadgeTooltipContent {
     description?: string;
     priority?: number;
     priorityExplanation?: string;
+    currencySymbol?: string;
 }
 interface TrendIndicatorTooltipContent {
     metricName: string;
@@ -210,6 +440,7 @@ interface TrendIndicatorTooltipContent {
         current: number[];
         prior?: number[];
     };
+    currencySymbol?: string;
 }
 interface PriorityBadgeTooltipContent {
     priority: number;
@@ -241,6 +472,7 @@ interface CompetitiveBenchmarkTooltipContent {
     metricName?: string;
     currentValue?: number;
     unit?: string;
+    currencySymbol?: string;
 }
 interface InsightsListTooltipContent {
     title: string;
@@ -267,6 +499,7 @@ interface CompetitiveStatusTooltipContent {
         unit: string;
         status?: CompetitiveScoreEnum;
     }>;
+    currencySymbol?: string;
 }
 interface FunnelStageCompetitiveTooltipContent {
     funnelStage: string;
@@ -298,14 +531,15 @@ interface FunnelStageCompetitiveTooltipContent {
         };
         unit: string;
     }>;
+    currencySymbol?: string;
 }
 
 declare class TooltipDataService {
     private formatCache;
     private metricLookupCache;
-    extractMetricTooltipData(metric: PerformanceMetricInterface, chart?: AiChartInterface): MetricValueTooltipContent;
-    extractStatusTooltipData(metric: PerformanceMetricInterface): StatusBadgeTooltipContent;
-    extractTrendTooltipData(metric: PerformanceMetricInterface, chart?: AiChartInterface): TrendIndicatorTooltipContent;
+    extractMetricTooltipData(metric: PerformanceMetricInterface, chart?: AiChartInterface, currencySymbol?: string): MetricValueTooltipContent;
+    extractStatusTooltipData(metric: PerformanceMetricInterface, currencySymbol?: string): StatusBadgeTooltipContent;
+    extractTrendTooltipData(metric: PerformanceMetricInterface, chart?: AiChartInterface, currencySymbol?: string): TrendIndicatorTooltipContent;
     extractPriorityTooltipData(insight: InsightBlockInterface): PriorityBadgeTooltipContent;
     extractBreakdownRowTooltipData(metric: PerformanceMetricInterface): BreakdownRowTooltipContent;
     findMetricByName(name: string, metrics: PerformanceMetricInterface[]): PerformanceMetricInterface | undefined;
@@ -321,7 +555,7 @@ declare class TooltipDataService {
     getPriorityLabel(priority: number): string;
     isInverseMetric(metricName: string): boolean;
     formatDimensionValue(value?: string): string;
-    extractCompetitiveBenchmarkTooltipData(metric: PerformanceMetricInterface): CompetitiveBenchmarkTooltipContent | null;
+    extractCompetitiveBenchmarkTooltipData(metric: PerformanceMetricInterface, currencySymbol?: string): CompetitiveBenchmarkTooltipContent | null;
     hasCompetitiveBenchmark(metric: PerformanceMetricInterface): boolean;
     getCompetitiveScoreLabel(score: string): string;
     private determineUnit;
@@ -330,7 +564,7 @@ declare class TooltipDataService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<TooltipDataService>;
 }
 
-type ViewMode = 'simplified' | 'compact' | 'expanded';
+type ViewMode = 'compact' | 'expanded';
 type LayoutMode = 'bento' | 'grid' | 'masonry';
 declare class ViewModeService {
     private viewMode;
@@ -344,7 +578,6 @@ declare class ViewModeService {
     toggleViewMode(): void;
     setViewMode(mode: ViewMode): void;
     setLayoutMode(mode: LayoutMode): void;
-    isSimplified(): boolean;
     isCompact(): boolean;
     isExpanded(): boolean;
     isBentoLayout(): boolean;
@@ -611,9 +844,39 @@ declare class BusinessProfileSearchService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<BusinessProfileSearchService>;
 }
 
+interface RelatedFunnelContent {
+    insights: InsightBlockInterface[];
+    metrics: PerformanceMetricInterface[];
+}
+interface RelatedBusinessContent {
+    insights: ProfileAnalysisRecommendationInterface[];
+}
+interface CrossDashboardRelationships {
+    funnelAnalysis?: RelatedFunnelContent;
+    businessAnalysis?: RelatedBusinessContent;
+}
+declare class CrossDashboardRelationshipsService {
+    getRelatedFunnelInsights(goalId: string, allInsights: InsightBlockInterface[]): InsightBlockInterface[];
+    getRelatedFunnelMetrics(goalId: string, allMetrics: PerformanceMetricInterface[]): PerformanceMetricInterface[];
+    getRelatedBusinessInsights(goalId: string, allBusinessInsights: ProfileAnalysisRecommendationInterface[]): ProfileAnalysisRecommendationInterface[];
+    getRelatedContentForGoal(goal: GoalV3Interface, allInsights: InsightBlockInterface[], allMetrics: PerformanceMetricInterface[], allBusinessInsights: ProfileAnalysisRecommendationInterface[]): CrossDashboardRelationships;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CrossDashboardRelationshipsService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CrossDashboardRelationshipsService>;
+}
+
+interface BreadcrumbLevel {
+    label: string;
+    clickable: boolean;
+    onClick?: () => void;
+}
+
 declare class ModalComponent {
     isLightMode: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    allMetrics: _angular_core.InputSignal<PerformanceMetricInterface[]>;
+    allInsights: _angular_core.InputSignal<InsightBlockInterface[]>;
+    allCharts: _angular_core.InputSignal<AiChartInterface[]>;
+    currencySymbol: _angular_core.InputSignal<string>;
     private metricNameCache;
     private allMetricsSignal;
     private modalStateSignal;
@@ -622,7 +885,7 @@ declare class ModalComponent {
     private animatedTrendValues;
     private animationFrames;
     isOpen: _angular_core.Signal<boolean>;
-    modalType: _angular_core.Signal<"metric" | "insight" | "chart" | "insights-list" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis" | null>;
+    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>;
     charts: _angular_core.Signal<AiChartInterface[]>;
     modalKey: _angular_core.Signal<number>;
     insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -635,6 +898,12 @@ declare class ModalComponent {
     chartPieData: _angular_core.Signal<AiChartInterface | null>;
     chartAreaData: _angular_core.Signal<AiChartInterface | null>;
     insightsListData: _angular_core.Signal<InsightBlockInterface[] | null>;
+    goalInsightsListData: _angular_core.Signal<InsightBlockInterface[] | null>;
+    goalInsightsContext: _angular_core.Signal<{
+        title: string;
+        description: string;
+        icon: string;
+    } | null>;
     metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
     metricsListInsightContext: _angular_core.Signal<{
@@ -667,37 +936,63 @@ declare class ModalComponent {
         competitiveAnalysis: string;
         priority: number;
     } | null>;
+    funnelStrengthsListData: _angular_core.Signal<FunnelStrengthInterface[] | null>;
+    funnelStrengthsListCount: _angular_core.Signal<number>;
+    funnelWeaknessesListData: _angular_core.Signal<FunnelWeaknessInterface[] | null>;
+    funnelWeaknessesListCount: _angular_core.Signal<number>;
+    funnelStrengthDetailData: _angular_core.Signal<FunnelStrengthInterface | null>;
+    funnelStrengthDetailTotalCount: _angular_core.Signal<number>;
+    funnelWeaknessDetailData: _angular_core.Signal<FunnelWeaknessInterface | null>;
+    funnelWeaknessDetailTotalCount: _angular_core.Signal<number>;
+    goalBusinessInsightsListData: _angular_core.Signal<any[] | null>;
+    goalBusinessInsightsContext: _angular_core.Signal<{
+        title: string;
+        description: string;
+        icon: string;
+    } | null>;
+    isBusinessInsightDetailModal: _angular_core.Signal<boolean>;
+    businessInsightDetailData: _angular_core.Signal<{
+        recommendation: any;
+        goalContext: {
+            title: string;
+            description: string;
+            icon: string;
+        };
+        viewMode: ViewModeEnum;
+    } | null>;
     modalHeaderPriorityBadge: _angular_core.Signal<number | null>;
     competitiveAnalysisPanelClass: _angular_core.Signal<string>;
-    allMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
-    allInsights: _angular_core.Signal<InsightBlockInterface[]>;
-    allCharts: _angular_core.Signal<AiChartInterface[]>;
+    protected computedAllMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
+    protected computedAllInsights: _angular_core.Signal<InsightBlockInterface[]>;
+    protected computedAllCharts: _angular_core.Signal<AiChartInterface[]>;
+    protected allBusinessInsights: _angular_core.Signal<ProfileAnalysisRecommendationInterface[]>;
     hasPreviousState: _angular_core.Signal<boolean>;
     currentModalState: _angular_core.Signal<{
-        type: "insight" | "metric" | "chart" | "insights-list" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis" | null;
+        type: "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;
         data: InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null;
         charts: AiChartInterface[];
         openedAt: number;
-        previousState: {
-            type: "insight" | "metric" | "chart" | "insights-list" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis";
-            data: InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[];
-            charts: AiChartInterface[];
-            previousState: null;
-        } | null;
+        previousState: ModalState | null;
         expandedSection: string | undefined;
     }>;
     expandedSection: _angular_core.Signal<string | undefined>;
     modalTitle: _angular_core.Signal<string>;
     private modalService;
+    private breadcrumbService;
+    shouldShowBreadcrumbs: _angular_core.Signal<boolean>;
+    breadcrumbs: _angular_core.Signal<BreadcrumbLevel[]>;
     constructor();
     getInsightContextPriorityBadgeClass(priority: number): string;
     private computeModalTitle;
     closeModal(): void;
     openInsightModal(insight: InsightBlockInterface): void;
+    openBusinessInsightDetail(businessInsight: any): void;
     openMetricModalFromList(metric: PerformanceMetricInterface): void;
     openChartModalFromList(chart: AiChartInterface): void;
     goBack(): void;
+    navigateToList(): void;
     formatMetricName(name: string): string;
+    getPriorityBadgeClasses(priority: number): string;
     formatMetricValue(metric: PerformanceMetricInterface): string;
     getMetricTrendClass(metric: PerformanceMetricInterface): string;
     animateMetricsList(metrics: PerformanceMetricInterface[]): void;
@@ -708,7 +1003,7 @@ declare class ModalComponent {
     formatAnimatedMetricValue(metric: PerformanceMetricInterface, animatedValue: number): string;
     setMetricsAndInsights(metrics: PerformanceMetricInterface[], insights: InsightBlockInterface[], allCharts?: AiChartInterface[]): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalComponent, never>;
-    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; }; }, {}, never, never, true, never>;
+    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; }; }, {}, never, never, true, never>;
 }
 
 interface NavSection {
@@ -764,6 +1059,31 @@ declare class SearchService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<SearchService>;
 }
 
+declare class ProfileContextService {
+    private contextIndex;
+    indexProfile(sections: ProfileSectionInterface[], recommendations?: ProfileAnalysisRecommendationInterface[]): void;
+    getRegions(): ProfileItemInterface[];
+    getSeasons(): ProfileItemInterface[];
+    getPriceTiers(): ProfileItemInterface[];
+    getCustomerSegments(): ProfileItemInterface[];
+    getProductCategories(): ProfileItemInterface[];
+    getFocusAreas(): ProfileItemInterface[];
+    getItemById(id: string): ProfileItemInterface | undefined;
+    getItemsByIds(ids: string[]): ProfileItemInterface[];
+    getCompetitors(): ProfileItemInterface[];
+    getRecommendationById(id: string): ProfileAnalysisRecommendationInterface | undefined;
+    getCompetitorsByIds(ids: string[]): ProfileItemInterface[];
+    getRecommendationsByProfileItemIds(itemIds: string[]): ProfileAnalysisRecommendationInterface[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProfileContextService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ProfileContextService>;
+}
+
+declare enum DisplayModeEnum {
+    SIMPLIFIED = "SIMPLIFIED",
+    COMPACT = "COMPACT",
+    EXPANDED = "EXPANDED"
+}
+
 interface ScrollBaseDetail {
     isScrolling: boolean;
 }
@@ -783,6 +1103,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     viewModeService: ViewModeService;
     searchService: SearchService;
     private tooltipService;
+    private profileContextService;
     modalComponent?: ModalComponent;
     dashboardContainer?: ElementRef<HTMLElement>;
     protected readonly ViewModeEnum: typeof ViewModeEnum;
@@ -794,6 +1115,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     isLoading: _angular_core.InputSignal<boolean | undefined>;
     useSampleData: _angular_core.InputSignal<boolean>;
+    onboarded: _angular_core.InputSignal<boolean>;
     selectedCategory: _angular_core.WritableSignal<string>;
     reverseSortOrder: _angular_core.WritableSignal<boolean>;
     selectedSectionFilter: _angular_core.WritableSignal<string>;
@@ -809,6 +1131,13 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     isCompetitiveTransitioning: _angular_core.WritableSignal<boolean>;
     isOverallAssessmentLoading: _angular_core.WritableSignal<boolean>;
     areChartsLoading: _angular_core.Signal<boolean>;
+    protected displayMode: _angular_core.WritableSignal<DisplayModeEnum>;
+    protected isViewModeSwitcherOpen: _angular_core.WritableSignal<boolean>;
+    protected isViewModeSwitching: _angular_core.WritableSignal<boolean>;
+    protected isSimplifiedView: _angular_core.Signal<boolean>;
+    protected isCompactView: _angular_core.Signal<boolean>;
+    protected isExpandedView: _angular_core.Signal<boolean>;
+    protected displayModeLabel: _angular_core.Signal<"Simplified" | "Compact" | "Expanded">;
     private loadingStartTime;
     private minLoadingDisplayTime;
     private loadingTimeoutId;
@@ -824,7 +1153,10 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     navSections: NavSection[];
     isLightMode: _angular_core.Signal<boolean>;
     analysisData: _angular_core.Signal<FunnelAnalysisInterface | undefined>;
-    performanceOverview: _angular_core.Signal<_jebgem_model.PerformanceOverviewStructuredV3Interface>;
+    performanceOverview: _angular_core.Signal<PerformanceOverviewStructuredV3Interface>;
+    strengths: _angular_core.Signal<_jebgem_model_lib_funnel_analysis_performance_overview_structured_v3_interface.FunnelStrengthInterface[]>;
+    weaknesses: _angular_core.Signal<_jebgem_model_lib_funnel_analysis_performance_overview_structured_v3_interface.FunnelWeaknessInterface[]>;
+    currencySymbol: _angular_core.Signal<string>;
     insights: _angular_core.Signal<InsightBlockInterface[]>;
     private allBreakdowns;
     breakdowns: _angular_core.Signal<BreakdownMetricInterface[]>;
@@ -834,6 +1166,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     revenueValue: _angular_core.Signal<number>;
     revenueTrend: _angular_core.Signal<number>;
     allCharts: _angular_core.Signal<AiChartInterface[]>;
+    allBusinessInsights: _angular_core.Signal<ProfileAnalysisRecommendationInterface[]>;
     /**
      * Pre-computed map: performanceItemId -> charts[]
      * Enables O(1) lookups instead of array filtering on each access
@@ -841,7 +1174,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     private chartsById;
     headerClass: _angular_core.Signal<string>;
     headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    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-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">;
@@ -890,10 +1223,13 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     showCompetitiveIntelligence: _angular_core.Signal<boolean>;
     tocSections: _angular_core.Signal<ProfileSectionInterface[]>;
     private dateFormatCache;
-    constructor(funnelOrderService: FunnelOrderService, viewModeService: ViewModeService, searchService: SearchService, tooltipService: TooltipService);
+    constructor(funnelOrderService: FunnelOrderService, viewModeService: ViewModeService, searchService: SearchService, tooltipService: TooltipService, profileContextService: ProfileContextService);
     ngAfterViewInit(): void;
     handleSearchResult(result: SearchResult): void;
     clearSearchResult(): void;
+    protected openViewModeSwitcher(): void;
+    protected closeViewModeSwitcher(): void;
+    protected handleDisplayModeChange(mode: DisplayModeEnum): void;
     isFunnelStage(metricName: string): boolean;
     formatDate(dateString: string): string;
     chartsForMetric(metric: PerformanceMetricInterface): AiChartInterface[];
@@ -915,7 +1251,7 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     getCategoryPillClass(categoryValue: string): string;
     formatValue(value: number): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqFunnelAnalysisDashboardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqFunnelAnalysisDashboardComponent, "symphiq-funnel-analysis-dashboard", never, { "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "useSampleData": { "alias": "useSampleData"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqFunnelAnalysisDashboardComponent, "symphiq-funnel-analysis-dashboard", never, { "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "useSampleData": { "alias": "useSampleData"; "required": false; "isSignal": true; }; "onboarded": { "alias": "onboarded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class MetricCardComponent {
@@ -931,6 +1267,7 @@ declare class MetricCardComponent {
     currentModalState: _angular_core.InputSignal<ModalState | undefined>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     initialExpandedSection: _angular_core.InputSignal<string | undefined>;
+    currencySymbol: _angular_core.InputSignal<string>;
     Math: Math;
     milestones: number[];
     currentYear: number;
@@ -1002,9 +1339,9 @@ 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">;
-    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">;
+    competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-400" | "text-blue-700" | "text-orange-600">;
+    competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
+    competitiveComparisonClass: _angular_core.Signal<"text-slate-300" | "text-slate-700" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
     getCompetitiveScoreIcon(): string;
     getCompetitiveScoreLabel(): string;
     getCompetitiveScoreLabelFull(): string;
@@ -1015,8 +1352,10 @@ declare class MetricCardComponent {
     toggleCompetitiveBenchmark(): void;
     hasProjectedValue(): boolean;
     getProjectedValue(): number | undefined;
+    getPriorityBadgeClasses(priority: number | undefined): string;
+    getPriorityBadgeClassesHover(priority: number | undefined): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricCardComponent, "symphiq-funnel-analysis-metric-card", never, { "metric": { "alias": "metric"; "required": false; "isSignal": true; }; "insights": { "alias": "insights"; "required": false; "isSignal": true; }; "charts": { "alias": "charts"; "required": false; "isSignal": true; }; "allCharts": { "alias": "allCharts"; "required": false; "isSignal": true; }; "analysis": { "alias": "analysis"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; "isInModal": { "alias": "isInModal"; "required": false; "isSignal": true; }; "currentModalState": { "alias": "currentModalState"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "initialExpandedSection": { "alias": "initialExpandedSection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricCardComponent, "symphiq-funnel-analysis-metric-card", never, { "metric": { "alias": "metric"; "required": false; "isSignal": true; }; "insights": { "alias": "insights"; "required": false; "isSignal": true; }; "charts": { "alias": "charts"; "required": false; "isSignal": true; }; "allCharts": { "alias": "allCharts"; "required": false; "isSignal": true; }; "analysis": { "alias": "analysis"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; "isInModal": { "alias": "isInModal"; "required": false; "isSignal": true; }; "currentModalState": { "alias": "currentModalState"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "initialExpandedSection": { "alias": "initialExpandedSection"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class InsightCardComponent {
@@ -1024,12 +1363,14 @@ declare class InsightCardComponent {
     allMetrics: _angular_core.InputSignal<PerformanceMetricInterface[]>;
     charts: _angular_core.InputSignal<AiChartInterface[]>;
     allCharts: _angular_core.InputSignal<AiChartInterface[]>;
+    allBusinessInsights: _angular_core.InputSignal<ProfileAnalysisRecommendationInterface[]>;
     isLightMode: _angular_core.InputSignal<boolean>;
     isInModal: _angular_core.InputSignal<boolean>;
     isLoading: _angular_core.InputSignal<boolean>;
     isCompactMode: _angular_core.InputSignal<boolean>;
     currentModalState: _angular_core.InputSignal<ModalState | undefined>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    currencySymbol: _angular_core.InputSignal<string>;
     isExpanded: _angular_core.WritableSignal<boolean>;
     isCompetitiveContextExpanded: _angular_core.WritableSignal<boolean>;
     lightModeTitleClass: _angular_core.Signal<string>;
@@ -1050,9 +1391,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 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 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 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 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 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">;
     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">;
@@ -1085,13 +1426,17 @@ declare class InsightCardComponent {
     toggleCompetitiveContext(): void;
     hasCompetitiveAnalysis(): boolean;
     getCompetitiveAnalysis(): string;
+    relatedBusinessInsights: _angular_core.Signal<ProfileAnalysisRecommendationInterface[]>;
+    relatedBusinessInsightsCount: _angular_core.Signal<number>;
+    hasRelatedBusinessInsights: _angular_core.Signal<boolean>;
+    openRelatedBusinessInsightsModal(): void;
     competitiveContextPanelLightBaseClass: _angular_core.Signal<string>;
     competitiveContextPanelDarkBaseClass: _angular_core.Signal<string>;
     priorityBorderLightClass: _angular_core.Signal<"border-l-red-400" | "border-l-amber-400" | "border-l-blue-400" | "border-l-slate-400">;
     priorityBorderDarkClass: _angular_core.Signal<"border-l-red-500" | "border-l-amber-500" | "border-l-blue-500" | "border-l-slate-500">;
     competitiveContextPanelClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InsightCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InsightCardComponent, "symphiq-funnel-analysis-insight-card", never, { "insight": { "alias": "insight"; "required": false; "isSignal": true; }; "allMetrics": { "alias": "allMetrics"; "required": false; "isSignal": true; }; "charts": { "alias": "charts"; "required": false; "isSignal": true; }; "allCharts": { "alias": "allCharts"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isInModal": { "alias": "isInModal"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; "currentModalState": { "alias": "currentModalState"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InsightCardComponent, "symphiq-funnel-analysis-insight-card", never, { "insight": { "alias": "insight"; "required": false; "isSignal": true; }; "allMetrics": { "alias": "allMetrics"; "required": false; "isSignal": true; }; "charts": { "alias": "charts"; "required": false; "isSignal": true; }; "allCharts": { "alias": "allCharts"; "required": false; "isSignal": true; }; "allBusinessInsights": { "alias": "allBusinessInsights"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isInModal": { "alias": "isInModal"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; "currentModalState": { "alias": "currentModalState"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface MetricGroup {
@@ -1106,6 +1451,7 @@ declare class BreakdownSectionComponent {
     isLightMode: _angular_core.InputSignal<boolean>;
     isLoading: _angular_core.InputSignal<boolean>;
     isCompactMode: _angular_core.InputSignal<boolean>;
+    currencySymbol: _angular_core.InputSignal<string>;
     Math: Math;
     private tooltipDataService;
     private modalService;
@@ -1183,7 +1529,7 @@ declare class BreakdownSectionComponent {
     toggleMetricExpansion(metricKey: string): void;
     getTopPriorityMetrics(metrics: PerformanceMetricInterface[], count?: number): PerformanceMetricInterface[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreakdownSectionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreakdownSectionComponent, "symphiq-funnel-analysis-breakdown-section", never, { "breakdown": { "alias": "breakdown"; "required": false; "isSignal": true; }; "charts": { "alias": "charts"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreakdownSectionComponent, "symphiq-funnel-analysis-breakdown-section", never, { "breakdown": { "alias": "breakdown"; "required": false; "isSignal": true; }; "charts": { "alias": "charts"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class OverallAssessmentComponent {
@@ -1195,6 +1541,9 @@ declare class OverallAssessmentComponent {
     isLoading: _angular_core.InputSignal<boolean>;
     isCompactMode: _angular_core.InputSignal<boolean>;
     isChartsLoading: _angular_core.InputSignal<boolean>;
+    strengths: _angular_core.InputSignal<any[]>;
+    weaknesses: _angular_core.InputSignal<any[]>;
+    currencySymbol: _angular_core.InputSignal<string>;
     scrollToSection: _angular_core.OutputEmitterRef<string>;
     private modalService;
     private tooltipDataService;
@@ -1228,15 +1577,15 @@ declare class OverallAssessmentComponent {
     darkModeRevenueIconClass: _angular_core.Signal<string>;
     revenueIconClass: _angular_core.Signal<string>;
     formattedRevenueValue: _angular_core.Signal<string>;
-    revenueTrendDirection: _angular_core.Signal<any>;
+    revenueTrendDirection: _angular_core.Signal<TrendDirectionEnum>;
     isRevenueTrendPositive: _angular_core.Signal<boolean>;
     revenueTrendArrowPath: _angular_core.Signal<"M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z" | "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z" | "M3 10h11m0 0l-4-4m4 4l-4 4">;
     lightModeTrendIconClass: _angular_core.Signal<"text-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-400" | "text-emerald-600" | "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-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
     formattedRevenueTrend: _angular_core.Signal<string>;
     formattedRevenueTarget: _angular_core.Signal<string>;
     hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -1329,8 +1678,12 @@ declare class OverallAssessmentComponent {
     revenueTrendTooltip: _angular_core.Signal<TrendIndicatorTooltipContent | undefined>;
     private calculateOverallPacing;
     private getGradeExplanation;
+    strengthsButtonClass: _angular_core.Signal<"bg-emerald-600 hover:bg-emerald-700 text-white hover:shadow-emerald-200" | "bg-emerald-500 hover:bg-emerald-600 text-slate-900 hover:shadow-emerald-500/50">;
+    weaknessesButtonClass: _angular_core.Signal<"bg-red-600 hover:bg-red-700 text-white hover:shadow-red-200" | "bg-red-500 hover:bg-red-600 text-white hover:shadow-red-500/50">;
+    openStrengthsModal(): void;
+    openWeaknessesModal(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverallAssessmentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OverallAssessmentComponent, "symphiq-funnel-analysis-overall-assessment", never, { "assessment": { "alias": "assessment"; "required": false; "isSignal": true; }; "revenueMetric": { "alias": "revenueMetric"; "required": false; "isSignal": true; }; "charts": { "alias": "charts"; "required": false; "isSignal": true; }; "metrics": { "alias": "metrics"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; "isChartsLoading": { "alias": "isChartsLoading"; "required": false; "isSignal": true; }; }, { "scrollToSection": "scrollToSection"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OverallAssessmentComponent, "symphiq-funnel-analysis-overall-assessment", never, { "assessment": { "alias": "assessment"; "required": false; "isSignal": true; }; "revenueMetric": { "alias": "revenueMetric"; "required": false; "isSignal": true; }; "charts": { "alias": "charts"; "required": false; "isSignal": true; }; "metrics": { "alias": "metrics"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; "isChartsLoading": { "alias": "isChartsLoading"; "required": false; "isSignal": true; }; "strengths": { "alias": "strengths"; "required": false; "isSignal": true; }; "weaknesses": { "alias": "weaknesses"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; }, { "scrollToSection": "scrollToSection"; }, never, never, true, never>;
 }
 
 interface CompetitiveStats {
@@ -1361,6 +1714,7 @@ declare class CompetitivePositioningSummaryComponent {
         description?: string;
         keyOpportunities?: string;
     } | undefined>;
+    currencySymbol: _angular_core.InputSignal<string>;
     scrollToCompetitive: _angular_core.OutputEmitterRef<void>;
     isExpanded: _angular_core.WritableSignal<boolean>;
     private funnelOrderService;
@@ -1378,7 +1732,7 @@ declare class CompetitivePositioningSummaryComponent {
     getScoreDotClass(type: string): string;
     formatCategoryName(category: string): string;
     competitiveScoreTooltip: _angular_core.Signal<{
-        industry: any;
+        industry: string;
         metricBenchmark: string;
         competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
         description: string;
@@ -1396,6 +1750,7 @@ declare class CompetitivePositioningSummaryComponent {
             };
             unit: string;
         }[];
+        currencySymbol: string;
     }>;
     competitiveTooltip: _angular_core.Signal<{
         status: "COMPETITIVE";
@@ -1409,6 +1764,7 @@ declare class CompetitivePositioningSummaryComponent {
             };
             unit: string;
         }[];
+        currencySymbol: string;
     }>;
     laggingTooltip: _angular_core.Signal<{
         status: "LAGGING";
@@ -1422,6 +1778,7 @@ declare class CompetitivePositioningSummaryComponent {
             };
             unit: string;
         }[];
+        currencySymbol: string;
     }>;
     private getMetricsByStatus;
     getFunnelStageTooltip(funnelStage: string): {
@@ -1454,10 +1811,11 @@ declare class CompetitivePositioningSummaryComponent {
             };
             unit: string;
         }[];
+        currencySymbol: string;
     };
     private extractMetricTooltipData;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CompetitivePositioningSummaryComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CompetitivePositioningSummaryComponent, "symphiq-competitive-positioning-summary", never, { "metrics": { "alias": "metrics"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; "overallDescription": { "alias": "overallDescription"; "required": false; "isSignal": true; }; "competitiveBenchmark": { "alias": "competitiveBenchmark"; "required": false; "isSignal": true; }; }, { "scrollToCompetitive": "scrollToCompetitive"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CompetitivePositioningSummaryComponent, "symphiq-competitive-positioning-summary", never, { "metrics": { "alias": "metrics"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; "overallDescription": { "alias": "overallDescription"; "required": false; "isSignal": true; }; "competitiveBenchmark": { "alias": "competitiveBenchmark"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; }, { "scrollToCompetitive": "scrollToCompetitive"; }, never, never, true, never>;
 }
 
 declare class SkeletonLoaderComponent {
@@ -1499,26 +1857,26 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     constructor();
     analysisData: _angular_core.Signal<FunnelAnalysisInterface | undefined>;
     title: _angular_core.Signal<string>;
-    analysis: _angular_core.Signal<_jebgem_model.PerformanceOverviewStructuredV3Interface>;
-    overallAssessment: _angular_core.Signal<any>;
+    analysis: _angular_core.Signal<PerformanceOverviewStructuredV3Interface>;
+    overallAssessment: _angular_core.Signal<OverallAssessmentInterface>;
     metrics: _angular_core.Signal<PerformanceMetricInterface[]>;
-    insights: _angular_core.Signal<any>;
-    insightsCount: _angular_core.Signal<any>;
+    insights: _angular_core.Signal<InsightBlockInterface[]>;
+    insightsCount: _angular_core.Signal<number>;
     revenueMetric: _angular_core.Signal<PerformanceMetricInterface | undefined>;
     topMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
     formattedRevenueValue: _angular_core.Signal<string>;
     formattedRevenueTrend: _angular_core.Signal<string>;
-    revenueStatusIcon: _angular_core.Signal<"↑" | "•" | "→" | "⚠">;
+    revenueStatusIcon: _angular_core.Signal<"⚠" | "↑" | "→" | "•">;
     hasCompetitiveData: _angular_core.Signal<boolean>;
     hasOverallCompetitiveBenchmark: _angular_core.Signal<boolean>;
-    overallCompetitiveDescription: _angular_core.Signal<any>;
+    overallCompetitiveDescription: _angular_core.Signal<string>;
     getOverallCompetitiveLabel(): string;
     getOverallCompetitiveIcon(): string;
     competitiveScore: _angular_core.Signal<string>;
     gradeTooltip: _angular_core.Signal<{
         title: string;
-        grade: any;
-        explanation: any;
+        grade: string;
+        explanation: string;
     }>;
     revenueTooltip: _angular_core.Signal<{
         chartData: {
@@ -1533,6 +1891,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
         unit?: string;
         category?: string;
         isInverseMetric?: boolean;
+        currencySymbol?: string;
     } | {
         metricName: string;
         currentValue: number;
@@ -1544,10 +1903,10 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
         progressPercent: number;
     }>;
     narrativeTooltip: _angular_core.Signal<{
-        narrative: any;
+        narrative: string;
     }>;
     competitiveTooltip: _angular_core.Signal<{
-        industry: any;
+        industry: string;
         metricBenchmark: string;
         competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
         description: string;
@@ -1555,19 +1914,22 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     }>;
     insightsTooltip: _angular_core.Signal<{
         title: string;
-        insights: any;
+        insights: {
+            title: string;
+            priority: number;
+        }[];
         remaining: number;
     }>;
     overallCompetitiveTooltip: _angular_core.Signal<{
-        industry: any;
-        metricBenchmark: any;
-        competitiveScore: any;
-        description: any;
-        keyOpportunities: any;
+        industry: string;
+        metricBenchmark: string;
+        competitiveScore: string;
+        description: string;
+        keyOpportunities: string;
     }>;
     overallCompetitiveDescriptionTooltip: _angular_core.Signal<{
         title: string;
-        narrative: any;
+        narrative: string;
     }>;
     containerClass: _angular_core.Signal<string>;
     headerClass: _angular_core.Signal<string>;
@@ -1590,7 +1952,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     buttonClass: _angular_core.Signal<string>;
     competitiveBadgeClass: _angular_core.Signal<string>;
     shouldPulseCompetitiveBadge: _angular_core.Signal<boolean>;
-    overallCompetitiveStatusBadgeClass: _angular_core.Signal<"border-2 bg-gradient-to-r from-emerald-500/30 to-emerald-500/20 text-emerald-400 border-emerald-500/40 shadow-lg shadow-emerald-500/20" | "border-2 bg-gradient-to-r from-blue-500/30 to-blue-500/20 text-blue-400 border-blue-500/40 shadow-lg shadow-blue-500/20" | "border-2 bg-gradient-to-r from-orange-500/30 to-orange-500/20 text-orange-400 border-orange-500/40 shadow-lg shadow-orange-500/20" | "border-2 bg-gradient-to-r from-slate-500/20 to-slate-500/10 text-slate-400 border-slate-500/30 shadow-lg shadow-slate-500/20" | "border-2 bg-gradient-to-br from-emerald-100/90 to-emerald-50/90 text-emerald-700 border-emerald-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-blue-100/90 to-blue-50/90 text-blue-700 border-blue-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-orange-100/90 to-orange-50/90 text-orange-700 border-orange-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-slate-100/90 to-slate-50/90 text-slate-700 border-slate-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]">;
+    overallCompetitiveStatusBadgeClass: _angular_core.Signal<"border-2 bg-gradient-to-br from-emerald-100/90 to-emerald-50/90 text-emerald-700 border-emerald-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-blue-100/90 to-blue-50/90 text-blue-700 border-blue-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-orange-100/90 to-orange-50/90 text-orange-700 border-orange-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-br from-slate-100/90 to-slate-50/90 text-slate-700 border-slate-200/50 shadow-[2px_2px_4px_rgba(163,163,163,0.25),-2px_-2px_4px_rgba(255,255,255,0.75)]" | "border-2 bg-gradient-to-r from-emerald-500/30 to-emerald-500/20 text-emerald-400 border-emerald-500/40 shadow-lg shadow-emerald-500/20" | "border-2 bg-gradient-to-r from-blue-500/30 to-blue-500/20 text-blue-400 border-blue-500/40 shadow-lg shadow-blue-500/20" | "border-2 bg-gradient-to-r from-orange-500/30 to-orange-500/20 text-orange-400 border-orange-500/40 shadow-lg shadow-orange-500/20" | "border-2 bg-gradient-to-r from-slate-500/20 to-slate-500/10 text-slate-400 border-slate-500/30 shadow-lg shadow-slate-500/20">;
     shouldPulseOverallCompetitive: _angular_core.Signal<boolean>;
     statusIconClass: _angular_core.Signal<string>;
     insightsCardClass: _angular_core.Signal<string>;
@@ -1613,59 +1975,20 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqFunnelAnalysisPreviewComponent, "symphiq-funnel-analysis-preview", never, { "analysisInput": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "useSampleData": { "alias": "useSampleData"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; }, { "onViewAnalysis": "onViewAnalysis"; }, never, never, true, never>;
 }
 
-type JourneyStep = 'business-analysis' | 'revenue-targets' | 'funnel-analysis' | 'shop-analysis' | 'focus-areas-analysis' | 'metrics-analysis';
-interface UserPreferences {
-    viewMode: ViewMode;
-    currentJourneyStep: JourneyStep;
-    completedSteps: JourneyStep[];
-    hasSeenWelcome: boolean;
-}
-declare class UserPreferencesService {
-    private readonly STORAGE_KEY;
-    private preferences;
-    constructor();
-    getPreferences(): _angular_core.Signal<UserPreferences>;
-    setViewMode(mode: ViewMode): void;
-    setCurrentJourneyStep(step: JourneyStep): void;
-    completeJourneyStep(step: JourneyStep): void;
-    setHasSeenWelcome(seen: boolean): void;
-    resetPreferences(): void;
-    private loadPreferences;
-    private savePreferences;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserPreferencesService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<UserPreferencesService>;
-}
-
-type ComponentViewMode = 'simplified' | 'compact' | 'expanded';
-
 declare class ProfileItemLookupService {
     private profileData;
     setProfile(profile: ProfileInterface | undefined): void;
     findItemById(id: string): ProfileItemInterface | undefined;
     findItemsByIds(ids: string[]): ProfileItemInterface[];
+    findItemWithContext(id: string): {
+        item: ProfileItemInterface;
+        sectionTitle: string;
+        subsectionTitle: string;
+    } | undefined;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProfileItemLookupService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ProfileItemLookupService>;
 }
 
-declare class ProfileContextService {
-    private contextIndex;
-    indexProfile(sections: any[], recommendations?: ProfileAnalysisRecommendationInterface[]): void;
-    getRegions(): ProfileItemInterface[];
-    getSeasons(): ProfileItemInterface[];
-    getPriceTiers(): ProfileItemInterface[];
-    getCustomerSegments(): ProfileItemInterface[];
-    getProductCategories(): ProfileItemInterface[];
-    getFocusAreas(): ProfileItemInterface[];
-    getItemById(id: string): ProfileItemInterface | undefined;
-    getItemsByIds(ids: string[]): ProfileItemInterface[];
-    getCompetitors(): ProfileItemInterface[];
-    getRecommendationById(id: string): ProfileAnalysisRecommendationInterface | undefined;
-    getCompetitorsByIds(ids: string[]): ProfileItemInterface[];
-    getRecommendationsByProfileItemIds(itemIds: string[]): ProfileAnalysisRecommendationInterface[];
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProfileContextService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ProfileContextService>;
-}
-
 declare class SymphiqBusinessAnalysisDashboardComponent implements OnInit, AfterViewInit, OnDestroy {
     requestedByUser?: {
         firstName: string;
@@ -1679,24 +2002,30 @@ declare class SymphiqBusinessAnalysisDashboardComponent implements OnInit, After
     useSampleData: boolean;
     profile?: ProfileInterface;
     parentHeaderOffset: number;
+    onboarded: boolean;
     protected headerScrollService: HeaderScrollService;
     protected lookupService: ProfileItemLookupService;
     protected navigationService: NavigationStateService;
     protected profileContextService: ProfileContextService;
     protected searchService: BusinessProfileSearchService;
-    protected userPreferencesService: UserPreferencesService;
+    protected modalService: ModalService;
     protected currentProfile: _angular_core.WritableSignal<ProfileInterface | undefined>;
     protected scrollProgress: _angular_core.Signal<number>;
     protected isLightMode: _angular_core.Signal<boolean>;
-    protected isCompactView: _angular_core.WritableSignal<boolean>;
-    protected currentComponentViewMode: _angular_core.WritableSignal<ComponentViewMode>;
+    protected displayMode: _angular_core.WritableSignal<DisplayModeEnum>;
+    protected isCompactView: _angular_core.Signal<boolean>;
+    protected isSimplifiedView: _angular_core.Signal<boolean>;
     protected currentSectionTitle: _angular_core.WritableSignal<string>;
     protected currentSubsectionTitle: _angular_core.WritableSignal<string>;
     protected sectionTitleFading: _angular_core.WritableSignal<boolean>;
     protected subsectionTitleFading: _angular_core.WritableSignal<boolean>;
     protected selectedSearchIndex: _angular_core.WritableSignal<number>;
-    protected userPreferences: _angular_core.Signal<UserPreferences>;
+    protected isViewModeSwitcherOpen: _angular_core.WritableSignal<boolean>;
+    protected isViewModeSwitching: _angular_core.WritableSignal<boolean>;
     protected sections: _angular_core.Signal<ProfileSectionInterface[]>;
+    protected recommendationItems: _angular_core.Signal<ProfileAnalysisRecommendationInterface[]>;
+    protected nonRecommendationSections: _angular_core.Signal<ProfileSectionInterface[]>;
+    protected displayModeLabel: _angular_core.Signal<"Simplified" | "Compact" | "Expanded" | "View">;
     private subsectionObserver?;
     private sectionUpdateTimeout?;
     private subsectionUpdateTimeout?;
@@ -1710,18 +2039,21 @@ declare class SymphiqBusinessAnalysisDashboardComponent implements OnInit, After
     protected subsectionHasContent(subsection: ProfileSubsectionInterface): boolean;
     constructor();
     onScroll(): void;
-    protected setViewMode(mode: ComponentViewMode): void;
     protected toggleExpandedView(): void;
-    protected isSimplifiedMode(): boolean;
-    protected onWelcomeGetStarted(): void;
-    protected onWelcomeDismiss(): void;
-    protected onAnalyzeFunnel(): void;
-    protected onExploreMore(): void;
+    protected openViewModeSwitcher(): void;
+    protected closeViewModeSwitcher(): void;
+    protected handleDisplayModeChange(mode: DisplayModeEnum): void;
+    protected openRecommendationDetailsModal(recommendation: ProfileAnalysisRecommendationInterface): void;
+    protected getViewModeButtonClasses(): string;
     handleKeyDown(event: KeyboardEvent): void;
     protected openSearch(): void;
     protected closeSearch(): void;
     protected onSearchChange(query: string): void;
     protected onSearchResultSelected(result: BusinessSearchResult): void;
+    protected handleViewInContext(event: {
+        itemId: string;
+        itemType?: string;
+    }): void;
     private scrollToSearchResult;
     private highlightAndPulseItem;
     ngOnInit(): void;
@@ -1739,7 +2071,7 @@ declare class SymphiqBusinessAnalysisDashboardComponent implements OnInit, After
     protected getSpinnerClasses(): string;
     protected trackBySectionId(index: number, section: ProfileSectionInterface): string | number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqBusinessAnalysisDashboardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqBusinessAnalysisDashboardComponent, "symphiq-business-analysis-dashboard", never, { "requestedByUser": { "alias": "requestedByUser"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; }; "scrollElement": { "alias": "scrollElement"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "useSampleData": { "alias": "useSampleData"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqBusinessAnalysisDashboardComponent, "symphiq-business-analysis-dashboard", never, { "requestedByUser": { "alias": "requestedByUser"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; }; "scrollElement": { "alias": "scrollElement"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "useSampleData": { "alias": "useSampleData"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; }; "onboarded": { "alias": "onboarded"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ProfileSectionComponent {
@@ -1749,11 +2081,12 @@ declare class ProfileSectionComponent {
     viewMode: ViewModeEnum;
     forceExpanded: boolean;
     protected visibleSubsections: _angular_core.Signal<ProfileSubsectionInterface[]>;
+    protected isDark: _angular_core.Signal<boolean>;
+    protected containerClasses: _angular_core.Signal<"relative" | "relative bg-slate-50/50">;
+    protected iconContainerClasses: _angular_core.Signal<"p-4 rounded-2xl bg-gradient-to-br from-blue-500/20 to-purple-500/20 text-blue-400" | "p-4 rounded-2xl bg-gradient-to-br from-blue-100 to-purple-100 text-blue-600">;
+    protected titleClasses: _angular_core.Signal<"text-3xl font-bold text-white" | "text-3xl font-bold text-slate-900">;
+    protected dividerClasses: _angular_core.Signal<"h-1 w-24 rounded-full mt-3 bg-gradient-to-r from-blue-500 to-purple-500" | "h-1 w-24 rounded-full mt-3 bg-gradient-to-r from-blue-600 to-purple-600">;
     protected subsectionHasContent(subsection: ProfileSubsectionInterface): boolean;
-    protected getContainerClasses(): string;
-    protected getIconContainerClasses(): string;
-    protected getTitleClasses(): string;
-    protected getDividerClasses(): string;
     protected trackBySubsectionId(index: number, subsection: ProfileSubsectionInterface): string | number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProfileSectionComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileSectionComponent, "symphiq-profile-section", never, { "section": { "alias": "section"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; }; }, {}, never, never, true, never>;
@@ -1768,16 +2101,24 @@ declare class ProfileSubsectionComponent {
     private sanitizer;
     private profileContextService;
     protected ProfileItemTypeEnum: typeof ProfileItemTypeEnum;
+    protected isDark: _angular_core.Signal<boolean>;
     protected sortedItems: _angular_core.Signal<ProfileItemInterface[]>;
+    private contentCache;
     protected formatContentWithLineBreaks(content: string): SafeHtml;
-    protected getContainerClasses(): string;
-    protected getIconClasses(): string;
-    protected getTitleClasses(): string;
-    protected getContentClasses(): string;
-    protected getVisualContainerClasses(): string;
+    protected containerClasses: _angular_core.Signal<"p-6 rounded-xl bg-slate-800/30 border border-slate-700/50" | "p-6 rounded-xl bg-white border border-slate-200 shadow-sm">;
+    protected iconClasses: _angular_core.Signal<"p-2 rounded-lg flex-shrink-0 bg-purple-500/10 text-purple-400" | "p-2 rounded-lg flex-shrink-0 bg-purple-50 text-purple-600">;
+    protected titleClasses: _angular_core.Signal<"text-xl font-bold text-white" | "text-xl font-bold text-slate-900">;
+    protected contentClasses: _angular_core.Signal<"mt-2 text-base leading-relaxed text-slate-300" | "mt-2 text-base leading-relaxed text-slate-600">;
+    protected visualContainerClasses: _angular_core.Signal<"mb-6 lg:float-left lg:mr-6 lg:mb-4 lg:max-w-[66%]" | "mb-6 lg:float-right lg:ml-6 lg:mb-4 lg:max-w-[66%]">;
     protected getDisplayContent(): string | null;
     protected trackByItemId(index: number, item: ProfileItemInterface): string | number;
-    protected getCompetitiveBenchmark(): any;
+    protected getCompetitiveBenchmark(): {
+        industry: string;
+        metricBenchmark: string | null;
+        competitiveScore: 'LEADING' | 'COMPETITIVE' | 'LAGGING';
+        description: string;
+        keyOpportunities: string;
+    } | undefined;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProfileSubsectionComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileSubsectionComponent, "symphiq-profile-subsection", never, { "subsection": { "alias": "subsection"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "parentSectionTitle": { "alias": "parentSectionTitle"; "required": false; }; "subsectionIndex": { "alias": "subsectionIndex"; "required": false; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -1789,6 +2130,8 @@ declare class ProfileItemCardComponent {
     forceExpanded: boolean;
     animationIndex: number;
     isLoading: boolean;
+    inModalContext: boolean;
+    isCompactMode: boolean;
     protected isRecommendation(): boolean;
     protected getCardClasses(): string;
     protected getIconClasses(): string;
@@ -1796,7 +2139,7 @@ declare class ProfileItemCardComponent {
     protected getValueClasses(): string;
     protected getItemIcon(): IconObjectInterface$1 | undefined;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProfileItemCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileItemCardComponent, "symphiq-profile-item-card", never, { "item": { "alias": "item"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "subsectionId": { "alias": "subsectionId"; "required": false; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; }; "animationIndex": { "alias": "animationIndex"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileItemCardComponent, "symphiq-profile-item-card", never, { "item": { "alias": "item"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "subsectionId": { "alias": "subsectionId"; "required": false; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; }; "animationIndex": { "alias": "animationIndex"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "inModalContext": { "alias": "inModalContext"; "required": false; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class NapkinVisualPlaceholderComponent implements OnInit, OnChanges {
@@ -1875,7 +2218,7 @@ declare class FloatingTocComponent implements OnInit, OnDestroy {
     protected tocSections: _angular_core.Signal<{
         id: string;
         title: string;
-        icon: _jebgem_model.IconObjectInterface | undefined;
+        icon: IconObjectInterface$1 | undefined;
         subsections: {
             id: string;
             title: string;
@@ -1936,8 +2279,13 @@ declare class FloatingBackButtonComponent implements OnInit, OnDestroy {
 
 declare class BusinessAnalysisModalComponent implements OnInit {
     isLightMode: _angular_core.InputSignal<boolean>;
+    viewInContextRequested: _angular_core.OutputEmitterRef<{
+        itemId: string;
+        itemType?: string;
+    }>;
     private modalService;
     private sanitizer;
+    modalContent?: ElementRef<HTMLDivElement>;
     isOpen: _angular_core.WritableSignal<boolean>;
     modalType: _angular_core.WritableSignal<string | null>;
     modalTitle: _angular_core.WritableSignal<string>;
@@ -1951,6 +2299,10 @@ declare class BusinessAnalysisModalComponent implements OnInit {
         actionSteps: ProfileAnalysisRecommendationActionStepInterface[];
         viewMode: ViewModeEnum;
     } | null>;
+    itemDetailModalData: _angular_core.WritableSignal<ItemDetailModalData | null>;
+    navigationStack: _angular_core.WritableSignal<ItemDetailModalData[]>;
+    itemDetailData: _angular_core.Signal<ItemDetailModalData | null>;
+    previousState: _angular_core.WritableSignal<any>;
     visualizationType: _angular_core.Signal<"horizontal-bar" | "circular-progress" | "napkin-visual" | "custom" | null>;
     horizontalBarData: _angular_core.Signal<{
         percentage: number;
@@ -1972,9 +2324,210 @@ declare class BusinessAnalysisModalComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     getSanitizedSvg(): SafeHtml;
+    handleViewInContext(): void;
+    handleNavigateBack(event?: Event): void;
+    handleNavigateToBreadcrumb(index: number, event?: Event): void;
+    scrollModalToTop(): void;
+    protected hasNavigationHistory(): boolean;
+    protected getBreadcrumbs(): Array<{
+        label: string;
+    }>;
+    protected getBreadcrumbClasses(): string;
+    protected getBackButtonClasses(): string;
+    protected getBreadcrumbLinkClasses(): string;
     closeModal(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BusinessAnalysisModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BusinessAnalysisModalComponent, "symphiq-business-analysis-modal", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BusinessAnalysisModalComponent, "symphiq-business-analysis-modal", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; }, { "viewInContextRequested": "viewInContextRequested"; }, never, never, true, never>;
+}
+
+type ProfileModalData = {
+    goal: GoalV3Interface;
+    viewMode: ViewModeEnum;
+} | {
+    goal: GoalV3Interface;
+    viewMode: ViewModeEnum;
+} | {
+    objective: ObjectiveV3Interface;
+    goalTitle?: string;
+    viewMode: ViewModeEnum;
+} | {
+    strategy: StrategyV3Interface;
+    objectiveTitle?: string;
+    goalTitle?: string;
+    viewMode: ViewModeEnum;
+} | {
+    category: OperationalCategoryInterface;
+    viewMode: ViewModeEnum;
+    scrollToSection?: 'strengths' | 'gaps' | 'opportunities';
+} | {
+    strength: CategoryStrengthInterface;
+    categoryTitle: string;
+    viewMode: ViewModeEnum;
+} | {
+    gap: CategoryGapInterface;
+    categoryTitle: string;
+    viewMode: ViewModeEnum;
+} | {
+    opportunity: CategoryOpportunityInterface;
+    categoryTitle: string;
+    viewMode: ViewModeEnum;
+} | null;
+declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
+    funnelModalComponent?: ModalComponent;
+    viewMode: ViewModeEnum;
+    constructor();
+    embedded: boolean;
+    profileAnalysis?: ProfileAnalysisInterface;
+    profile?: ProfileInterface;
+    funnelAnalysis?: FunnelAnalysisInterface;
+    analysisType: ProfileAnalysisTypeEnum;
+    onboarded: boolean;
+    useSampleData: boolean;
+    protected funnelAnalysisSignal: _angular_core.WritableSignal<FunnelAnalysisInterface | undefined>;
+    protected readonly headerScrollService: HeaderScrollService;
+    protected readonly modalService: ModalService;
+    protected readonly viewModeService: ViewModeService;
+    protected readonly profileContextService: ProfileContextService;
+    protected readonly profileItemLookupService: ProfileItemLookupService;
+    protected readonly IconSourceEnum: typeof IconSourceEnum;
+    protected currentAnalysis: _angular_core.WritableSignal<ProfileAnalysisInterface | undefined>;
+    protected scrollProgress: _angular_core.WritableSignal<number>;
+    protected currentDisplayMode: _angular_core.WritableSignal<DisplayModeEnum>;
+    protected isSearchOpen: _angular_core.WritableSignal<boolean>;
+    protected isViewModeSwitcherOpen: _angular_core.WritableSignal<boolean>;
+    protected modalType: _angular_core.WritableSignal<string | null>;
+    protected modalData: _angular_core.WritableSignal<ProfileModalData>;
+    protected currentModalNavigationStack: _angular_core.WritableSignal<ModalState[]>;
+    protected isLightMode: _angular_core.Signal<boolean>;
+    protected isSimplifiedView: _angular_core.Signal<boolean>;
+    protected executiveSummary: _angular_core.Signal<{
+        gradeRationale: string | undefined;
+        overallGrade?: _jebgem_model.OverallGradeEnum;
+        operationalMaturity?: _jebgem_model.OperationalMaturityEnum;
+        narrative?: string;
+        keyStrengths?: _jebgem_model.KeyStrengthInterface[];
+        criticalGaps?: _jebgem_model.CriticalGapInterface[];
+        quickWins?: _jebgem_model.QuickWinItemInterface[];
+        napkinVisual?: _jebgem_model.NapkinVisualInterface;
+    } | undefined>;
+    protected sections: _angular_core.Signal<ProfileAnalysisSectionV3Interface[] | undefined>;
+    protected allGoals: _angular_core.Signal<GoalV3Interface[]>;
+    protected strategicRoadmapGoals: _angular_core.Signal<GoalV3Interface[]>;
+    protected nonStrategicSections: _angular_core.Signal<ProfileAnalysisSectionV3Interface[]>;
+    protected tocSections: _angular_core.Signal<{
+        id: string;
+        title: string;
+        subsections: never[];
+    }[]>;
+    protected displayModeLabel: _angular_core.Signal<string>;
+    protected allMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
+    protected allCharts: _angular_core.Signal<AiChartInterface[]>;
+    protected allInsights: _angular_core.Signal<_jebgem_model.InsightBlockInterface[]>;
+    protected allBusinessInsights: _angular_core.Signal<ProfileAnalysisRecommendationInterface[]>;
+    onWindowScroll(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected openSearch(): void;
+    protected closeSearch(): void;
+    protected openViewModeSwitcher(): void;
+    protected closeViewModeSwitcher(): void;
+    protected openGoalModal(goal: GoalV3Interface): void;
+    protected getCurrentModalState(): ModalState;
+    protected getGoalDetailData(): {
+        goal: GoalV3Interface;
+        viewMode: ViewModeEnum;
+    } | null;
+    protected getObjectiveStrategiesData(): {
+        objective: ObjectiveV3Interface;
+        goalTitle?: string;
+        viewMode: ViewModeEnum;
+    } | null;
+    protected getStrategyRecommendationsData(): {
+        strategy: StrategyV3Interface;
+        objectiveTitle?: string;
+        goalTitle?: string;
+        viewMode: ViewModeEnum;
+    } | null;
+    protected getCategoryDetailData(): {
+        category: OperationalCategoryInterface;
+        viewMode: ViewModeEnum;
+        scrollToSection?: 'strengths' | 'gaps' | 'opportunities';
+    } | null;
+    protected getStrengthDetailData(): {
+        strength: CategoryStrengthInterface;
+        categoryTitle: string;
+        viewMode: ViewModeEnum;
+    } | null;
+    protected getGapDetailData(): {
+        gap: CategoryGapInterface;
+        categoryTitle: string;
+        viewMode: ViewModeEnum;
+    } | null;
+    protected getOpportunityDetailData(): {
+        opportunity: CategoryOpportunityInterface;
+        categoryTitle: string;
+        viewMode: ViewModeEnum;
+    } | null;
+    protected handleDisplayModeChange(mode: DisplayModeEnum): void;
+    protected getAnalysisTypeLabel(): string;
+    protected getGradeDisplay(): string;
+    protected getContainerClasses(): string;
+    protected getBannerClasses(): string;
+    protected getSectionTitleClasses(): string;
+    protected getSubheadingClasses(): string;
+    protected getTextClasses(): string;
+    protected getNarrativeClasses(): string;
+    protected getKeyStrengthsStatCardClasses(): string;
+    protected getKeyStrengthsStatLabelClasses(): string;
+    protected getKeyStrengthsStatValueClasses(): string;
+    protected getKeyStrengthsButtonTextClasses(): string;
+    protected getCriticalGapsStatCardClasses(): string;
+    protected getCriticalGapsStatLabelClasses(): string;
+    protected getCriticalGapsStatValueClasses(): string;
+    protected getCriticalGapsButtonTextClasses(): string;
+    protected getQuickWinsStatCardClasses(): string;
+    protected getQuickWinsStatLabelClasses(): string;
+    protected getQuickWinsStatValueClasses(): string;
+    protected getQuickWinsButtonTextClasses(): string;
+    protected getQuickWinCardClasses(): string;
+    protected getQuickWinTextClasses(): string;
+    protected getNumberBadgeClasses(): string;
+    protected getEffortBadgeClasses(effort?: string): string;
+    protected getImpactBadgeClasses(impact?: string): string;
+    protected getMetaTextClasses(): string;
+    protected formatLabel(label?: string): string;
+    protected getSectionCardClasses(): string;
+    protected getSectionIconClasses(): string;
+    protected getSectionDescriptionClasses(): string;
+    private formatGradeInText;
+    protected onKeyStrengthsClick(summary: ExecutiveSummaryInterface): void;
+    protected onCriticalGapsClick(summary: ExecutiveSummaryInterface): void;
+    protected scrollToQuickWins(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileAnalysisDashboardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileAnalysisDashboardComponent, "symphiq-profile-analysis-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "profileAnalysis": { "alias": "profileAnalysis"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; }; "analysisType": { "alias": "analysisType"; "required": false; }; "onboarded": { "alias": "onboarded"; "required": false; }; "useSampleData": { "alias": "useSampleData"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class ShopWelcomeBannerComponent {
+    viewMode: ViewModeEnum;
+    businessName: string;
+    onboarded: boolean;
+    protected containerClasses(): string;
+    protected contentClasses(): string;
+    protected iconContainerClasses(): string;
+    protected titleClasses(): string;
+    protected textClasses(): string;
+    protected highlightBoxClasses(): string;
+    protected highlightIconClasses(): string;
+    protected highlightTitleClasses(): string;
+    protected highlightListClasses(): string;
+    protected nextStepsBoxClasses(): string;
+    protected nextStepsIconClasses(): string;
+    protected nextStepsTitleClasses(): string;
+    protected nextStepsTextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopWelcomeBannerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopWelcomeBannerComponent, "symphiq-shop-welcome-banner", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "businessName": { "alias": "businessName"; "required": false; }; "onboarded": { "alias": "onboarded"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class HorizontalBarComponent implements OnInit, OnDestroy {
@@ -2044,7 +2597,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>;
@@ -2084,12 +2637,13 @@ declare class SymphiqIconComponent {
 declare class SectionDividerComponent {
     viewMode: ViewModeEnum;
     animationDelay: string;
+    sectionIcon?: IconObjectInterface$1;
     private subsectionsSignal;
     set subsections(value: ProfileSubsectionInterface[] | undefined);
-    protected displayIcons: _angular_core.Signal<_jebgem_model.IconObjectInterface[]>;
+    protected displayIcons: _angular_core.Signal<IconObjectInterface$1[]>;
     protected isLightMode(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionDividerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionDividerComponent, "symphiq-section-divider", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "animationDelay": { "alias": "animationDelay"; "required": false; }; "subsections": { "alias": "subsections"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionDividerComponent, "symphiq-section-divider", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "animationDelay": { "alias": "animationDelay"; "required": false; }; "sectionIcon": { "alias": "sectionIcon"; "required": false; }; "subsections": { "alias": "subsections"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SearchButtonComponent {
@@ -2128,23 +2682,149 @@ declare class SearchModalComponent {
     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">;
     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">;
+    resultsContainerClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
     resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    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-600" | "text-slate-300">;
+    emptyStateClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
+    emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
     emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
-    shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
+    emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
     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-400" | "text-slate-600">;
+    shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchModalComponent, "symphiq-search-modal", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "results": { "alias": "results"; "required": false; "isSignal": true; }; "hasResults": { "alias": "hasResults"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; "resultSelected": "resultSelected"; "close": "close"; }, never, never, true, never>;
 }
 
+declare class GradeBadgeComponent {
+    grade: _angular_core.InputSignal<string>;
+    gradeRationale: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
+    isLightMode: _angular_core.Signal<boolean>;
+    formattedGrade: _angular_core.Signal<string>;
+    shouldPulse: _angular_core.Signal<boolean>;
+    tooltip: _angular_core.Signal<{
+        title: string;
+        grade: string;
+        explanation: string;
+    }>;
+    private formatGrade;
+    badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    gradeBadgeClass: _angular_core.Signal<string>;
+    private getGradeBadgeClassLight;
+    private getGradeBadgeClassDark;
+    private getGradeExplanation;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GradeBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GradeBadgeComponent, "symphiq-grade-badge", never, { "grade": { "alias": "grade"; "required": false; "isSignal": true; }; "gradeRationale": { "alias": "gradeRationale"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ChartCardComponent {
+    chart: _angular_core.InputSignal<AiChartInterface>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    isLightMode: _angular_core.InputSignal<boolean>;
+    chartClick: _angular_core.OutputEmitterRef<AiChartInterface>;
+    protected readonly ChartTypeEnum: typeof ChartTypeEnum;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartCardComponent, "symphiq-chart-card", never, { "chart": { "alias": "chart"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; }, { "chartClick": "chartClick"; }, never, never, true, never>;
+}
+
+declare class MetricListItemComponent {
+    metric: _angular_core.InputSignal<PerformanceMetricInterface>;
+    isLightMode: _angular_core.InputSignal<boolean>;
+    animationKey: _angular_core.InputSignal<number>;
+    currencySymbol: _angular_core.InputSignal<string>;
+    metricClick: _angular_core.OutputEmitterRef<PerformanceMetricInterface>;
+    private metricNameCache;
+    private animatedValueSignal;
+    private animatedTrendSignal;
+    private animationFrame;
+    private trendAnimationFrame;
+    animatedValue: _angular_core.Signal<number>;
+    animatedTrendValue: _angular_core.Signal<number>;
+    constructor();
+    formatMetricName(name: string): string;
+    formatAnimatedMetricValue(metric: PerformanceMetricInterface, animatedValue: number): string;
+    getMetricTrendClass(metric: PerformanceMetricInterface): string;
+    private animateValue;
+    private animateTrend;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricListItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricListItemComponent, "symphiq-metric-list-item", never, { "metric": { "alias": "metric"; "required": true; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "animationKey": { "alias": "animationKey"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; }, { "metricClick": "metricClick"; }, never, never, true, never>;
+}
+
+interface ConfidenceData {
+    grade: string;
+    percentage: number;
+    qualitativeStatus: string;
+    quantitativeStatus: string;
+    description: string;
+}
+declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
+    viewMode: ViewModeEnum;
+    currentStepId: string;
+    private elementRef;
+    private observer?;
+    private animationFrame?;
+    protected hasAnimated: _angular_core.WritableSignal<boolean>;
+    protected animatedPercentage: _angular_core.WritableSignal<number>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setupObserver;
+    private animateProgress;
+    protected confidenceData: _angular_core.Signal<ConfidenceData>;
+    protected shouldPulse: _angular_core.Signal<boolean>;
+    protected isLightMode: _angular_core.Signal<boolean>;
+    protected cardContainerClasses: _angular_core.Signal<"border-2 shadow-2xl bg-slate-800/60 border-slate-700/50 backdrop-blur-xl" | "border-2 shadow-2xl bg-white/90 border-slate-200/50 backdrop-blur-xl shadow-slate-200/50">;
+    protected backgroundOverlayClasses: _angular_core.Signal<"bg-gradient-to-br from-emerald-500/30 via-teal-500/20 to-emerald-500/30" | "bg-gradient-to-br from-emerald-400/20 via-teal-400/10 to-emerald-400/20" | "bg-gradient-to-br from-blue-500/30 via-cyan-500/20 to-blue-500/30" | "bg-gradient-to-br from-blue-400/20 via-cyan-400/10 to-blue-400/20" | "bg-gradient-to-br from-orange-500/30 via-amber-500/20 to-orange-500/30" | "bg-gradient-to-br from-orange-400/20 via-amber-400/10 to-orange-400/20" | "bg-gradient-to-br from-red-500/30 via-rose-500/20 to-red-500/30" | "bg-gradient-to-br from-red-400/20 via-rose-400/10 to-red-400/20">;
+    protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
+    protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
+    protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
+    protected gradeBadgeClasses: _angular_core.Signal<"bg-gradient-to-br from-emerald-500/30 to-teal-500/30 border-2 border-emerald-500/50 shadow-[0_0_20px_rgba(16,185,129,0.3)]" | "bg-gradient-to-br from-emerald-50 to-teal-50 border-2 border-emerald-300/50 shadow-[0_0_20px_rgba(16,185,129,0.2)]" | "bg-gradient-to-br from-blue-500/30 to-cyan-500/30 border-2 border-blue-500/50 shadow-[0_0_20px_rgba(59,130,246,0.3)]" | "bg-gradient-to-br from-blue-50 to-cyan-50 border-2 border-blue-300/50 shadow-[0_0_20px_rgba(59,130,246,0.2)]" | "bg-gradient-to-br from-orange-500/30 to-amber-500/30 border-2 border-orange-500/50 shadow-[0_0_20px_rgba(249,115,22,0.3)]" | "bg-gradient-to-br from-orange-50 to-amber-50 border-2 border-orange-300/50 shadow-[0_0_20px_rgba(249,115,22,0.2)]" | "bg-gradient-to-br from-red-500/30 to-rose-500/30 border-2 border-red-500/50 shadow-[0_0_20px_rgba(239,68,68,0.3)]" | "bg-gradient-to-br from-red-50 to-rose-50 border-2 border-red-300/50 shadow-[0_0_20px_rgba(239,68,68,0.2)]">;
+    protected gradeLabelClasses: _angular_core.Signal<"text-blue-700" | "text-emerald-700" | "text-red-700" | "text-orange-700" | "text-emerald-300" | "text-blue-300" | "text-orange-300" | "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-300" | "text-slate-700">;
+    protected progressLabelClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
+    protected progressValueClasses: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-blue-400" | "text-blue-600" | "text-red-400" | "text-orange-400" | "text-red-600" | "text-orange-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">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfidenceLevelCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfidenceLevelCardComponent, "symphiq-confidence-level-card", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "currentStepId": { "alias": "currentStepId"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class RelatedContentSidebarComponent {
+    relatedContent: _angular_core.InputSignal<CrossDashboardRelationships | null>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    funnelInsightsClicked: _angular_core.OutputEmitterRef<void>;
+    funnelMetricsClicked: _angular_core.OutputEmitterRef<void>;
+    businessInsightsClicked: _angular_core.OutputEmitterRef<void>;
+    protected isLightMode: _angular_core.Signal<boolean>;
+    protected hasFunnelContent: _angular_core.Signal<boolean>;
+    protected hasBusinessContent: _angular_core.Signal<boolean>;
+    protected hasRelatedContent: _angular_core.Signal<boolean>;
+    protected funnelInsightsCount: _angular_core.Signal<number>;
+    protected funnelMetricsCount: _angular_core.Signal<number>;
+    protected businessInsightsCount: _angular_core.Signal<number>;
+    protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected 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-400" | "text-blue-600">;
+    protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
+    protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
+    protected onFunnelInsightsClick(): void;
+    protected onFunnelMetricsClick(): void;
+    protected onBusinessInsightsClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RelatedContentSidebarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RelatedContentSidebarComponent, "symphiq-related-content-sidebar", never, { "relatedContent": { "alias": "relatedContent"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, { "funnelInsightsClicked": "funnelInsightsClicked"; "funnelMetricsClicked": "funnelMetricsClicked"; "businessInsightsClicked": "businessInsightsClicked"; }, never, never, true, never>;
+}
+
 declare class ChartContainerComponent {
     chart: _angular_core.InputSignal<AiChartInterface>;
     isLightMode: _angular_core.InputSignal<boolean>;
@@ -2152,15 +2832,16 @@ declare class ChartContainerComponent {
     isCompactMode: _angular_core.InputSignal<boolean>;
     collapsibleIn: _angular_core.InputSignal<"compact" | "expanded" | "never">;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    currencySymbol: _angular_core.InputSignal<string>;
     chartClick: _angular_core.OutputEmitterRef<AiChartInterface>;
     isExpanded: _angular_core.WritableSignal<boolean>;
     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">;
+    headerClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
     titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
-    iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
-    chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
+    descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-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-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>;
@@ -2170,14 +2851,15 @@ declare class ChartContainerComponent {
     onChartClick(event: Event): void;
     toggleExpand(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartContainerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartContainerComponent, "symphiq-chart-container", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; "collapsibleIn": { "alias": "collapsibleIn"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, { "chartClick": "chartClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartContainerComponent, "symphiq-chart-container", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; "collapsibleIn": { "alias": "collapsibleIn"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; }, { "chartClick": "chartClick"; }, never, never, true, never>;
 }
 
 declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
     chart: _angular_core.InputSignal<AiChartInterface>;
     showAxisLabels: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    chartHeight: _angular_core.Signal<"500px" | "133px">;
+    currencySymbol: _angular_core.InputSignal<string>;
+    chartHeight: _angular_core.Signal<"133px" | "500px">;
     cursorColor: _angular_core.Signal<9741240 | 16777215>;
     tooltipTextColor: _angular_core.Signal<0 | 16777215>;
     chartHash: _angular_core.Signal<string>;
@@ -2213,14 +2895,15 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
     private extractMetricName;
     private createChart;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LineChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LineChartComponent, "symphiq-line-chart", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "showAxisLabels": { "alias": "showAxisLabels"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LineChartComponent, "symphiq-line-chart", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "showAxisLabels": { "alias": "showAxisLabels"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
     chart: _angular_core.InputSignal<AiChartInterface>;
     showAxisLabels: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    chartHeight: _angular_core.Signal<"500px" | "175px">;
+    currencySymbol: _angular_core.InputSignal<string>;
+    chartHeight: _angular_core.Signal<"175px" | "500px">;
     cursorColor: _angular_core.Signal<9741240 | 16777215>;
     tooltipTextColor: _angular_core.Signal<0 | 16777215>;
     chartHash: _angular_core.Signal<string>;
@@ -2249,14 +2932,15 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
     private cleanupIntersectionObserver;
     private createChart;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BarChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BarChartComponent, "symphiq-bar-chart", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "showAxisLabels": { "alias": "showAxisLabels"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BarChartComponent, "symphiq-bar-chart", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "showAxisLabels": { "alias": "showAxisLabels"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
     chart: _angular_core.InputSignal<AiChartInterface>;
     showAxisLabels: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    chartHeight: _angular_core.Signal<"500px" | "200px">;
+    currencySymbol: _angular_core.InputSignal<string>;
+    chartHeight: _angular_core.Signal<"200px" | "500px">;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
     private root?;
@@ -2284,14 +2968,15 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
     private formatValue;
     private createChart;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PieChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PieChartComponent, "symphiq-pie-chart", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "showAxisLabels": { "alias": "showAxisLabels"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PieChartComponent, "symphiq-pie-chart", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "showAxisLabels": { "alias": "showAxisLabels"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AreaChartComponent implements OnInit, AfterViewInit, OnDestroy {
     chart: _angular_core.InputSignal<AiChartInterface>;
     showAxisLabels: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    chartHeight: _angular_core.Signal<"500px" | "133px">;
+    currencySymbol: _angular_core.InputSignal<string>;
+    chartHeight: _angular_core.Signal<"133px" | "500px">;
     cursorColor: _angular_core.Signal<9741240 | 16777215>;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
@@ -2319,7 +3004,7 @@ declare class AreaChartComponent implements OnInit, AfterViewInit, OnDestroy {
     private cleanupIntersectionObserver;
     private createChart;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AreaChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AreaChartComponent, "symphiq-area-chart", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "showAxisLabels": { "alias": "showAxisLabels"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AreaChartComponent, "symphiq-area-chart", never, { "chart": { "alias": "chart"; "required": false; "isSignal": true; }; "showAxisLabels": { "alias": "showAxisLabels"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class TooltipContainerComponent {
@@ -2332,7 +3017,7 @@ declare class TooltipContainerComponent {
     isVisible: _angular_core.Signal<boolean>;
     tooltipType: _angular_core.Signal<string | null>;
     tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
-    tooltipPosition: _angular_core.Signal<"top" | "auto" | "bottom" | "left" | "right">;
+    tooltipPosition: _angular_core.Signal<"auto" | "top" | "left" | "right" | "bottom">;
     targetRect: _angular_core.Signal<DOMRect | null>;
     mousePosition: _angular_core.Signal<{
         x: number;
@@ -2356,7 +3041,7 @@ declare class TooltipContainerComponent {
     shouldCenter: _angular_core.Signal<boolean>;
     containerClass: _angular_core.Signal<"" | "-translate-x-1/2">;
     contentClass: _angular_core.Signal<"bg-white/95 border-slate-300 text-slate-900" | "bg-slate-800/95 border-slate-600 text-white">;
-    textClass: _angular_core.Signal<"text-slate-200" | "text-slate-700">;
+    textClass: _angular_core.Signal<"text-slate-700" | "text-slate-200">;
     viewMoreButtonClass: _angular_core.Signal<"bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-200 hover:border-blue-400 hover:text-blue-800 active:bg-blue-300" | "bg-blue-500/10 text-blue-400 border border-blue-500/20 hover:bg-blue-500/30 hover:border-blue-500/40 hover:text-blue-300 active:bg-blue-500/40">;
     transformStyle: _angular_core.Signal<"none" | "translateX(-192px)">;
     constructor();
@@ -2436,6 +3121,8 @@ declare class ViewportAnimationDirective implements OnInit, OnDestroy {
     once: boolean;
     private observer?;
     private hasAnimated;
+    private isFirstObservation;
+    private shouldSkipAnimation;
     constructor(el: ElementRef, renderer: Renderer2);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -2455,16 +3142,19 @@ declare class FocusAreaDetailCardComponent {
     set forceExpanded(value: boolean);
     animationIndex: number;
     protected IconSourceEnum: typeof IconSourceEnum;
-    protected isExpanded: _angular_core.WritableSignal<boolean>;
+    private _isExpanded;
+    protected isCompetitiveGapExpanded: _angular_core.WritableSignal<boolean>;
     private _forceExpanded;
     private _hasAnimated;
     private modalService;
     private profileContextService;
+    private viewModeService;
+    protected isExpanded: _angular_core.Signal<boolean>;
     protected isDark: _angular_core.Signal<boolean>;
     protected isActuallyExpanded: _angular_core.Signal<boolean>;
     protected forceExpandedValue: _angular_core.Signal<boolean>;
     protected shouldAnimateExpand: _angular_core.Signal<boolean>;
-    protected iconSize: _angular_core.Signal<"w-6 h-6" | "w-7 h-7">;
+    protected iconSize: _angular_core.Signal<"w-7 h-7" | "w-6 h-6">;
     protected relatedRecommendations: _angular_core.Signal<_jebgem_model.ProfileAnalysisRecommendationInterface[]>;
     protected statusLabel: _angular_core.Signal<string>;
     protected statusBadgeType: _angular_core.Signal<BadgeType>;
@@ -2485,8 +3175,11 @@ declare class FocusAreaDetailCardComponent {
     protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
     protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected toggleExpanded(): void;
-    protected openCompetitiveGapModal(): void;
+    protected toggleCompetitiveGap(): void;
     onExpandItem(event: CustomEvent): void;
+    protected getCompetitiveGapSectionClasses(): string;
+    protected getToolChipClasses(): string;
+    protected formatFocusAreaStatus(status: string): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FocusAreaDetailCardComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FocusAreaDetailCardComponent, "symphiq-focus-area-detail-card", never, { "item": { "alias": "item"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; }; "animationIndex": { "alias": "animationIndex"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -2500,11 +3193,18 @@ interface CompetitorContext {
     focusAreas?: ProfileItemInterface[];
 }
 
+interface StrengthOrWeaknessObject {
+    area?: string;
+    assessment?: string;
+    text?: string;
+}
+type StrengthOrWeakness = string | StrengthOrWeaknessObject;
 declare class CompetitorAnalysisCardComponent {
     item?: ProfileItemInterface;
     viewMode: ViewModeEnum;
     set forceExpanded(value: boolean);
     animationIndex: number;
+    inModalContext: boolean;
     protected IconSourceEnum: typeof IconSourceEnum;
     protected isExpanded: _angular_core.WritableSignal<boolean>;
     private _forceExpanded;
@@ -2512,21 +3212,26 @@ declare class CompetitorAnalysisCardComponent {
     private modalService;
     private profileContextService;
     private navigationService;
+    private lookupService;
+    private viewModeService;
     protected isDark: _angular_core.Signal<boolean>;
+    protected displayMode: _angular_core.Signal<ViewMode>;
     protected isActuallyExpanded: _angular_core.Signal<boolean>;
-    protected forceExpandedValue: _angular_core.Signal<boolean>;
+    protected isExpandedMode: _angular_core.Signal<boolean>;
     protected shouldAnimateExpand: _angular_core.Signal<boolean>;
-    protected iconSize: _angular_core.Signal<"w-6 h-6" | "w-7 h-7">;
+    protected iconSize: _angular_core.Signal<"w-7 h-7" | "w-6 h-6">;
+    protected animationType: _angular_core.Signal<"none" | "slide-up">;
+    constructor();
     protected hasCompanyInfo: _angular_core.Signal<boolean>;
     protected competitorContext: _angular_core.Signal<CompetitorContext | undefined>;
     protected hasAnyContext: _angular_core.Signal<boolean>;
     protected threatLevelLabel: _angular_core.Signal<string>;
     protected threatLevelBadgeType: _angular_core.Signal<BadgeType>;
     protected threatLevelIcon: _angular_core.Signal<IconObjectInterface$1>;
-    protected getStrengthArea(strength: any): string;
-    protected getStrengthText(strength: any): string;
-    protected getWeaknessArea(weakness: any): string;
-    protected getWeaknessText(weakness: any): string;
+    protected getStrengthArea(strength: StrengthOrWeakness): string;
+    protected getStrengthText(strength: StrengthOrWeakness): string;
+    protected getWeaknessArea(weakness: StrengthOrWeakness): string;
+    protected getWeaknessText(weakness: StrengthOrWeakness): string;
     protected websiteIcon: _angular_core.Signal<IconObjectInterface$1>;
     protected strategyIcon: _angular_core.Signal<IconObjectInterface$1>;
     protected strengthIcon: _angular_core.Signal<IconObjectInterface$1>;
@@ -2554,13 +3259,14 @@ declare class CompetitorAnalysisCardComponent {
     protected navigateToItem(item: ProfileItemInterface): void;
     onExpandItem(event: CustomEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CompetitorAnalysisCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CompetitorAnalysisCardComponent, "symphiq-competitor-analysis-card", never, { "item": { "alias": "item"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; }; "animationIndex": { "alias": "animationIndex"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CompetitorAnalysisCardComponent, "symphiq-competitor-analysis-card", never, { "item": { "alias": "item"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; }; "animationIndex": { "alias": "animationIndex"; "required": false; }; "inModalContext": { "alias": "inModalContext"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class OpportunityHighlightBannerComponent {
     title: string;
     message?: string;
     isDark: boolean;
+    isExpanded: boolean;
     bannerClick: EventEmitter<void>;
     protected iconSource: IconSourceEnum;
     protected bannerClasses: _angular_core.Signal<"bg-gradient-to-r from-amber-500/10 to-orange-500/10 border-l-amber-500 border-r border-t border-b border-amber-500/30" | "bg-gradient-to-r from-amber-50 to-orange-50 border-l-amber-500 border-r border-t border-b border-amber-200">;
@@ -2568,10 +3274,10 @@ 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; }; "message": { "alias": "message"; "required": false; }; "isDark": { "alias": "isDark"; "required": false; }; }, { "bannerClick": "bannerClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OpportunityHighlightBannerComponent, "symphiq-opportunity-highlight-banner", never, { "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "isDark": { "alias": "isDark"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; }, { "bannerClick": "bannerClick"; }, never, never, true, never>;
 }
 
 declare class SkeletonCardBaseComponent {
@@ -2655,8 +3361,8 @@ declare class SkeletonCompetitorCardComponent {
 declare const FUNNEL_ANALYSIS: FunnelAnalysisInterface;
 
 declare const BUSINESS_PROFILE: ProfileInterface;
-declare const RCC_BUSINESS_PROFILE: ProfileInterface;
-declare const HAMMETON_BUSINESS_PROFILE: ProfileInterface;
+
+declare const PROFILE_ANALYSIS_SHOP: ProfileAnalysisInterface;
 
 /**
  * Shared Theme Color Utilities
@@ -2784,6 +3490,6 @@ declare function getCategoryColor(category: string): CategoryColorPalette;
  */
 declare function getCategoryBadgeClasses(category: string, isDark: boolean): string;
 
-export { AreaChartComponent, BUSINESS_PROFILE, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, FUNNEL_ANALYSIS, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FunnelOrderService, HAMMETON_BUSINESS_PROFILE, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, InsightCardComponent, LineChartComponent, MetricCardComponent, MetricFormatterService, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RCC_BUSINESS_PROFILE, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, ViewModeService, ViewportAnimationDirective, VisualizationContainerComponent, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, isLightMode };
-export type { AnimationType, BusinessSearchResult, CategoryColorPalette, ChartThemeColors, FunnelMetricOrder, HeaderScrollConfig, LayoutMode, Metric, ModalState, NavSection, NavigationState, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollCustomEvent, ScrollDepthInfo, ScrollDetail, SemanticColors, ShadowLevel, ThemeColorContext, ThemeMode, TooltipPosition, TooltipState, TooltipType, ViewMode, ViewportBounds, VisualizationData, VisualizationType };
+export { AreaChartComponent, BUSINESS_PROFILE, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfidenceLevelCardComponent, CrossDashboardRelationshipsService, FUNNEL_ANALYSIS, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, InsightCardComponent, LineChartComponent, MetricCardComponent, MetricFormatterService, MetricListItemComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PROFILE_ANALYSIS_SHOP, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisDashboardComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, ViewModeService, ViewportAnimationDirective, VisualizationContainerComponent, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, isLightMode };
+export type { AnimationType, BusinessInsightDetailModalData, BusinessSearchResult, CategoryColorPalette, CategoryDetailModalData, ChartThemeColors, CriticalGapDetailModalData, CriticalGapsListModalData, CrossDashboardRelationships, FunnelMetricOrder, FunnelStrengthDetailModalData, FunnelStrengthInterface, FunnelStrengthsListModalData, FunnelWeaknessDetailModalData, FunnelWeaknessInterface, FunnelWeaknessesListModalData, GapDetailModalData, GoalBusinessInsightsListModalData, GoalDetailModalData, GoalInsightsListModalData, GoalObjectivesModalData, HeaderScrollConfig, ItemDetailModalData, KeyStrengthDetailModalData, KeyStrengthsListModalData, LayoutMode, Metric, MetricsListModalData, ModalState, NavSection, NavigationState, ObjectiveStrategiesModalData, OpportunityDetailModalData, RelatedBusinessContent, RelatedFunnelContent, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollCustomEvent, ScrollDepthInfo, ScrollDetail, SemanticColors, ShadowLevel, StrategyRecommendationsModalData, StrengthDetailModalData, ThemeColorContext, ThemeMode, TooltipPosition, TooltipState, TooltipType, ViewMode, ViewportBounds, VisualizationData, VisualizationType };
 //# sourceMappingURL=index.d.ts.map