@eric-emg/symphiq-components 1.2.106 → 1.2.108

package/index.d.ts

@@ -1,8 +1,8 @@
 import * as _jebgem_model 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';
+import { ProfileItemInterface, ViewModeEnum, GoalV3Interface, ObjectiveV3Interface, StrategyV3Interface, OperationalCategoryInterface, CategoryStrengthInterface, CategoryGapInterface, CategoryOpportunityInterface, InsightBlockInterface, ProfileAnalysisRecommendationInterface, PerformanceMetricInterface, KeyStrengthInterface, CriticalGapInterface, FocusAreaTopPriorityInterface, AiChartInterface, ProfileAnalysisRecommendationActionStepInterface, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ProfileSectionInterface, ProfileSubsectionInterface, ProfileInterface, BreakdownMetricInterface, UserInterface, FunnelAnalysisInterface, PerformanceOverviewStructuredV3Interface, OverallAssessmentInterface, ProfileItemTypeEnum, IconObjectInterface as IconObjectInterface$1, NapkinVisualInterface, HierarchyDataInterface, ProfileAnalysisInterface, ProfileAnalysisTypeEnum, FocusAreaDetailInterface, IconSourceEnum, FocusAreaDomainEnum, ProfileAnalysisSectionV3Interface, ExecutiveSummaryInterface, FocusAreaExecutiveSummaryInterface, MetricExecutiveSummaryInterface, 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';
+import { AfterViewInit, ElementRef, WritableSignal, OnInit, OnDestroy, OnChanges, SimpleChanges, EventEmitter, Renderer2 } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
@@ -41,28 +41,28 @@ interface VisualizationData {
     data: unknown;
 }
 interface FunnelStrengthInterface {
-    id: string;
-    title: string;
-    description: string;
-    relatedMetrics: string[];
-    category: string;
-    priority: number;
-    businessContext: string;
-    impactScore: number;
-    quantifiedValue: string;
+    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[];
+    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;
@@ -103,6 +103,7 @@ interface StrengthDetailModalData {
     strength: CategoryStrengthInterface;
     categoryTitle: string;
     viewMode: ViewModeEnum;
+    allFunnelStrengths?: FunnelStrengthInterface[];
 }
 interface GapDetailModalData {
     gap: CategoryGapInterface;
@@ -113,6 +114,8 @@ interface OpportunityDetailModalData {
     opportunity: CategoryOpportunityInterface;
     categoryTitle: string;
     viewMode: ViewModeEnum;
+    allStrengths?: FunnelStrengthInterface[];
+    allGoals?: GoalV3Interface[];
 }
 interface GoalInsightsListModalData {
     insights: InsightBlockInterface[];
@@ -136,6 +139,28 @@ interface GoalBusinessInsightsListModalData {
     sourceCategory?: string;
     sourceGapTitle?: string;
 }
+interface RecommendationInsightsListModalData {
+    insights: InsightBlockInterface[];
+    recommendationContext: {
+        title: string;
+        description: string;
+        icon: string;
+    };
+    goalTitle?: string;
+    objectiveTitle?: string;
+    strategyTitle?: string;
+}
+interface RecommendationBusinessInsightsListModalData {
+    businessInsights: ProfileAnalysisRecommendationInterface[];
+    recommendationContext: {
+        title: string;
+        description: string;
+        icon: string;
+    };
+    goalTitle?: string;
+    objectiveTitle?: string;
+    strategyTitle?: string;
+}
 interface MetricsListModalData {
     metrics: PerformanceMetricInterface[];
     goalContext?: {
@@ -210,8 +235,53 @@ interface FunnelWeaknessDetailModalData {
     totalCount: number;
     isLightMode: boolean;
 }
+interface TopPrioritiesListModalData {
+    priorities: FocusAreaTopPriorityInterface[];
+    viewMode: ViewModeEnum;
+    focusAreaName?: string;
+}
+interface TopPriorityDetailModalData {
+    priority: FocusAreaTopPriorityInterface;
+    index: number;
+    totalCount: number;
+    viewMode: ViewModeEnum;
+    focusAreaName?: string;
+}
+interface FocusAreaStrengthsListModalData {
+    strengths: CategoryStrengthInterface[];
+    viewMode: ViewModeEnum;
+    categoryTitle: string;
+}
+interface FocusAreaGapsListModalData {
+    gaps: CategoryGapInterface[];
+    viewMode: ViewModeEnum;
+    categoryTitle: string;
+}
+interface FocusAreaOpportunitiesListModalData {
+    opportunities: CategoryOpportunityInterface[];
+    viewMode: ViewModeEnum;
+    categoryTitle: string;
+}
+interface FocusAreaStrengthDetailModalData {
+    strength: CategoryStrengthInterface;
+    categoryTitle: string;
+    viewMode: ViewModeEnum;
+    totalCount?: number;
+}
+interface FocusAreaGapDetailModalData {
+    gap: CategoryGapInterface;
+    categoryTitle: string;
+    viewMode: ViewModeEnum;
+    totalCount?: number;
+}
+interface FocusAreaOpportunityDetailModalData {
+    opportunity: CategoryOpportunityInterface;
+    categoryTitle: string;
+    viewMode: ViewModeEnum;
+    totalCount?: number;
+}
 interface ModalState {
-    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;
+    type: 'insight' | 'metric' | 'chart' | 'insights-list' | 'goal-insights-list' | 'goal-business-insights-list' | 'recommendation-business-insights-list' | 'recommendation-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' | 'top-priorities-list' | 'top-priority-detail' | 'focus-area-strengths-list' | 'focus-area-gaps-list' | 'focus-area-opportunities-list' | 'focus-area-strength-detail' | 'focus-area-gap-detail' | 'focus-area-opportunity-detail' | null;
     data: InsightBlockInterface | InsightBlockInterface[] | PerformanceMetricInterface | PerformanceMetricInterface[] | AiChartInterface | {
         charts: AiChartInterface[];
         insightContext?: {
@@ -243,13 +313,14 @@ interface ModalState {
         title?: string;
         actionSteps: ProfileAnalysisRecommendationActionStepInterface[];
         viewMode: ViewModeEnum;
-    } | ItemDetailModalData | VisualizationData | GoalDetailModalData | GoalObjectivesModalData | ObjectiveStrategiesModalData | StrategyRecommendationsModalData | CategoryDetailModalData | StrengthDetailModalData | GapDetailModalData | OpportunityDetailModalData | GoalInsightsListModalData | GoalBusinessInsightsListModalData | MetricsListModalData | BusinessInsightDetailModalData | KeyStrengthsListModalData | CriticalGapsListModalData | KeyStrengthDetailModalData | CriticalGapDetailModalData | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | {
+    } | ItemDetailModalData | VisualizationData | GoalDetailModalData | GoalObjectivesModalData | ObjectiveStrategiesModalData | StrategyRecommendationsModalData | CategoryDetailModalData | StrengthDetailModalData | GapDetailModalData | OpportunityDetailModalData | GoalInsightsListModalData | GoalBusinessInsightsListModalData | RecommendationBusinessInsightsListModalData | RecommendationInsightsListModalData | MetricsListModalData | BusinessInsightDetailModalData | KeyStrengthsListModalData | CriticalGapsListModalData | KeyStrengthDetailModalData | CriticalGapDetailModalData | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | TopPrioritiesListModalData | TopPriorityDetailModalData | FocusAreaStrengthsListModalData | FocusAreaGapsListModalData | FocusAreaOpportunitiesListModalData | FocusAreaStrengthDetailModalData | FocusAreaGapDetailModalData | FocusAreaOpportunityDetailModalData | {
         insight: InsightBlockInterface;
     } | null;
     charts: AiChartInterface[];
     previousState?: ModalState | null;
     expandedSection?: string;
     navigationStack?: ModalState[];
+    openedFromMainBody?: boolean;
 }
 declare class ModalService {
     private modalState;
@@ -258,6 +329,7 @@ declare class ModalService {
         itemId: string;
         itemType?: string;
     } | null>;
+    constructor();
     /**
      * Checks if the current modal context is from Profile Analysis Dashboard
      * by looking at the current modal state and navigation stack
@@ -277,6 +349,16 @@ declare class ModalService {
         description: string;
         icon: string;
     }, viewMode: ViewModeEnum, previousState?: ModalState, sourceCategory?: string, sourceGapTitle?: string): void;
+    openRecommendationInsightsListModal(insights: InsightBlockInterface[], metrics: PerformanceMetricInterface[], charts: AiChartInterface[], recommendationContext: {
+        title: string;
+        description: string;
+        icon: string;
+    }, previousState?: ModalState, goalTitle?: string, objectiveTitle?: string, strategyTitle?: string): void;
+    openRecommendationBusinessInsightsListModal(businessInsights: ProfileAnalysisRecommendationInterface[], recommendationContext: {
+        title: string;
+        description: string;
+        icon: string;
+    }, previousState?: ModalState, goalTitle?: string, objectiveTitle?: string, strategyTitle?: string): void;
     navigateToBusinessInsightDetail(recommendation: ProfileAnalysisRecommendationInterface, goalContext: {
         title: string;
         description: string;
@@ -338,9 +420,9 @@ declare class ModalService {
     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;
+    navigateToStrengthDetail(strength: CategoryStrengthInterface, categoryTitle: string, viewMode: ViewModeEnum, allFunnelStrengths?: FunnelStrengthInterface[]): void;
     navigateToGapDetail(gap: CategoryGapInterface, categoryTitle: string, viewMode: ViewModeEnum): void;
-    navigateToOpportunityDetail(opportunity: CategoryOpportunityInterface, categoryTitle: string, viewMode: ViewModeEnum): void;
+    navigateToOpportunityDetail(opportunity: CategoryOpportunityInterface, categoryTitle: string, viewMode: ViewModeEnum, allStrengths?: FunnelStrengthInterface[], allGoals?: GoalV3Interface[]): void;
     openKeyStrengthsListModal(keyStrengths: KeyStrengthInterface[], viewMode: ViewModeEnum): void;
     openCriticalGapsListModal(criticalGaps: CriticalGapInterface[], viewMode: ViewModeEnum): void;
     navigateToKeyStrengthDetail(strength: KeyStrengthInterface, viewMode: ViewModeEnum): void;
@@ -349,6 +431,16 @@ declare class ModalService {
     openFunnelWeaknessesListModal(weaknesses: FunnelWeaknessInterface[], isLightMode: boolean): void;
     navigateToFunnelStrengthDetail(strength: FunnelStrengthInterface, isLightMode: boolean): void;
     navigateToFunnelWeaknessDetail(weakness: FunnelWeaknessInterface, isLightMode: boolean): void;
+    openFunnelWeaknessDetailModal(weakness: InsightBlockInterface, parentModalState?: ModalState): void;
+    openFunnelStrengthDetailModal(strength: any, parentModalState?: ModalState): void;
+    openTopPrioritiesListModal(priorities: FocusAreaTopPriorityInterface[], viewMode: ViewModeEnum, focusAreaName?: string): void;
+    navigateToTopPriorityDetail(priority: FocusAreaTopPriorityInterface, index: number, viewMode: ViewModeEnum, focusAreaName?: string): void;
+    openFocusAreaStrengthsListModal(strengths: CategoryStrengthInterface[], viewMode: ViewModeEnum, categoryTitle: string): void;
+    navigateToFocusAreaStrengthDetail(strength: CategoryStrengthInterface, categoryTitle: string, viewMode: ViewModeEnum): void;
+    openFocusAreaGapsListModal(gaps: CategoryGapInterface[], viewMode: ViewModeEnum, categoryTitle: string): void;
+    navigateToFocusAreaGapDetail(gap: CategoryGapInterface, categoryTitle: string, viewMode: ViewModeEnum): void;
+    openFocusAreaOpportunitiesListModal(opportunities: CategoryOpportunityInterface[], viewMode: ViewModeEnum, categoryTitle: string): void;
+    navigateToFocusAreaOpportunityDetail(opportunity: CategoryOpportunityInterface, categoryTitle: string, viewMode: ViewModeEnum): void;
     closeModal(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ModalService>;
@@ -856,9 +948,9 @@ interface CrossDashboardRelationships {
     businessAnalysis?: RelatedBusinessContent;
 }
 declare class CrossDashboardRelationshipsService {
-    getRelatedFunnelInsights(goalId: string, allInsights: InsightBlockInterface[]): InsightBlockInterface[];
-    getRelatedFunnelMetrics(goalId: string, allMetrics: PerformanceMetricInterface[]): PerformanceMetricInterface[];
-    getRelatedBusinessInsights(goalId: string, allBusinessInsights: ProfileAnalysisRecommendationInterface[]): ProfileAnalysisRecommendationInterface[];
+    getRelatedFunnelInsights(goal: GoalV3Interface, allInsights: InsightBlockInterface[]): InsightBlockInterface[];
+    getRelatedFunnelMetrics(goal: GoalV3Interface, allMetrics: PerformanceMetricInterface[]): PerformanceMetricInterface[];
+    getRelatedBusinessInsights(goal: GoalV3Interface, 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>;
@@ -885,7 +977,7 @@ declare class ModalComponent {
     private animatedTrendValues;
     private animationFrames;
     isOpen: _angular_core.Signal<boolean>;
-    modalType: _angular_core.Signal<"insight" | "metric" | "chart" | "insights-list" | "goal-insights-list" | "goal-business-insights-list" | "business-insight-detail" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis" | "funnel-strengths-list" | "funnel-weaknesses-list" | "funnel-strength-detail" | "funnel-weakness-detail" | null>;
+    modalType: _angular_core.Signal<"metric" | "insight" | "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>;
@@ -904,7 +996,7 @@ declare class ModalComponent {
         description: string;
         icon: string;
     } | null>;
-    metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
+    metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
     metricsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -912,7 +1004,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
+    chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
     chartsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -920,7 +1012,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
+    recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     recommendationsListRecommendations: _angular_core.Signal<string[]>;
     recommendationsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -928,7 +1020,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
+    competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     competitiveAnalysisContext: _angular_core.Signal<{
         title: string;
         description: string;
@@ -969,14 +1061,19 @@ declare class ModalComponent {
     hasPreviousState: _angular_core.Signal<boolean>;
     currentModalState: _angular_core.Signal<{
         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;
+        data: InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | null;
         charts: AiChartInterface[];
         openedAt: number;
         previousState: ModalState | null;
         expandedSection: string | undefined;
+        navigationStack: ModalState[];
     }>;
     expandedSection: _angular_core.Signal<string | undefined>;
     modalTitle: _angular_core.Signal<string>;
+    modalDepth: _angular_core.Signal<number>;
+    baseZIndex: _angular_core.Signal<number>;
+    backdropZIndex: _angular_core.Signal<number>;
+    contentZIndex: _angular_core.Signal<number>;
     private modalService;
     private breadcrumbService;
     shouldShowBreadcrumbs: _angular_core.Signal<boolean>;
@@ -1078,6 +1175,20 @@ declare class ProfileContextService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ProfileContextService>;
 }
 
+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 enum DisplayModeEnum {
     SIMPLIFIED = "SIMPLIFIED",
     COMPACT = "COMPACT",
@@ -1104,18 +1215,19 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     searchService: SearchService;
     private tooltipService;
     private profileContextService;
+    private profileItemLookupService;
     modalComponent?: ModalComponent;
     dashboardContainer?: ElementRef<HTMLElement>;
     protected readonly ViewModeEnum: typeof ViewModeEnum;
     requestedByUser: _angular_core.InputSignal<UserInterface | undefined>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     funnelAnalysis: _angular_core.InputSignal<FunnelAnalysisInterface | undefined>;
+    businessProfile: _angular_core.InputSignal<ProfileInterface | undefined>;
     embedded: _angular_core.InputSignal<boolean>;
     scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | null | undefined>;
     scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     isLoading: _angular_core.InputSignal<boolean | undefined>;
-    useSampleData: _angular_core.InputSignal<boolean>;
-    onboarded: _angular_core.InputSignal<boolean>;
+    isOnboarded: _angular_core.InputSignal<boolean>;
     selectedCategory: _angular_core.WritableSignal<string>;
     reverseSortOrder: _angular_core.WritableSignal<boolean>;
     selectedSectionFilter: _angular_core.WritableSignal<string>;
@@ -1174,7 +1286,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-600" | "text-slate-400">;
+    headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     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">;
@@ -1223,7 +1335,7 @@ 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, profileContextService: ProfileContextService);
+    constructor(funnelOrderService: FunnelOrderService, viewModeService: ViewModeService, searchService: SearchService, tooltipService: TooltipService, profileContextService: ProfileContextService, profileItemLookupService: ProfileItemLookupService);
     ngAfterViewInit(): void;
     handleSearchResult(result: SearchResult): void;
     clearSearchResult(): void;
@@ -1251,7 +1363,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; }; "onboarded": { "alias": "onboarded"; "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; }; "businessProfile": { "alias": "businessProfile"; "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; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class MetricCardComponent {
@@ -1339,9 +1451,9 @@ declare class MetricCardComponent {
     competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
     competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
     competitiveScoreBadgeClass: _angular_core.Signal<string>;
-    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">;
+    competitiveScoreTextClass: _angular_core.Signal<"" | "text-blue-400" | "text-emerald-600" | "text-blue-700" | "text-orange-600">;
+    competitiveComparisonDefaultClass: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    competitiveComparisonClass: _angular_core.Signal<"text-slate-700" | "text-slate-300" | "text-emerald-600 font-semibold" | "text-orange-600 font-semibold">;
     getCompetitiveScoreIcon(): string;
     getCompetitiveScoreLabel(): string;
     getCompetitiveScoreLabelFull(): string;
@@ -1582,10 +1694,10 @@ declare class OverallAssessmentComponent {
     revenueTrendArrowPath: _angular_core.Signal<"M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z" | "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z" | "M3 10h11m0 0l-4-4m4 4l-4 4">;
     lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
     darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
-    trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
+    trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
     lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
     darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
-    trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
+    trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
     formattedRevenueTrend: _angular_core.Signal<string>;
     formattedRevenueTarget: _angular_core.Signal<string>;
     hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -1846,7 +1958,6 @@ declare class MobileFABComponent {
 declare class SymphiqFunnelAnalysisPreviewComponent {
     analysisInput: _angular_core.InputSignal<FunnelAnalysisInterface | undefined>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    useSampleData: _angular_core.InputSignal<boolean>;
     scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     isLightMode: _angular_core.Signal<boolean>;
     onViewAnalysis: _angular_core.OutputEmitterRef<void>;
@@ -1866,7 +1977,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     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<string>;
@@ -1952,7 +2063,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-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">;
+    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)]">;
     shouldPulseOverallCompetitive: _angular_core.Signal<boolean>;
     statusIconClass: _angular_core.Signal<string>;
     insightsCardClass: _angular_core.Signal<string>;
@@ -1972,21 +2083,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     private extractChartData;
     handleViewAnalysis(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqFunnelAnalysisPreviewComponent, never>;
-    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>;
-}
-
-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>;
+    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; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; }, { "onViewAnalysis": "onViewAnalysis"; }, never, never, true, never>;
 }
 
 declare class SymphiqBusinessAnalysisDashboardComponent implements OnInit, AfterViewInit, OnDestroy {
@@ -1999,10 +2096,9 @@ declare class SymphiqBusinessAnalysisDashboardComponent implements OnInit, After
     scrollEvent?: Event;
     scrollElement?: HTMLElement;
     isLoading: boolean;
-    useSampleData: boolean;
     profile?: ProfileInterface;
     parentHeaderOffset: number;
-    onboarded: boolean;
+    isOnboarded: boolean;
     protected headerScrollService: HeaderScrollService;
     protected lookupService: ProfileItemLookupService;
     protected navigationService: NavigationStateService;
@@ -2071,7 +2167,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; }; "onboarded": { "alias": "onboarded"; "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; }; "profile": { "alias": "profile"; "required": false; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ProfileSectionComponent {
@@ -2381,8 +2477,8 @@ declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChan
     profile?: ProfileInterface;
     funnelAnalysis?: FunnelAnalysisInterface;
     analysisType: ProfileAnalysisTypeEnum;
-    onboarded: boolean;
-    useSampleData: boolean;
+    focusAreaDetails?: FocusAreaDetailInterface[];
+    isOnboarded: boolean;
     protected funnelAnalysisSignal: _angular_core.WritableSignal<FunnelAnalysisInterface | undefined>;
     protected readonly headerScrollService: HeaderScrollService;
     protected readonly modalService: ModalService;
@@ -2400,6 +2496,35 @@ declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChan
     protected currentModalNavigationStack: _angular_core.WritableSignal<ModalState[]>;
     protected isLightMode: _angular_core.Signal<boolean>;
     protected isSimplifiedView: _angular_core.Signal<boolean>;
+    protected isFocusAreaAnalysis: _angular_core.Signal<boolean>;
+    protected isMetricAnalysis: _angular_core.Signal<boolean>;
+    protected isShopAnalysis: _angular_core.Signal<boolean>;
+    focusAreaDomain: _angular_core.Signal<FocusAreaDomainEnum | undefined>;
+    protected focusAreaName: _angular_core.Signal<string>;
+    protected metricName: _angular_core.Signal<string>;
+    protected focusAreaExecutiveSummary: _angular_core.Signal<{
+        gradeRationale: string | undefined;
+        overallGrade?: _jebgem_model.OverallGradeEnum;
+        focusAreaHealth?: _jebgem_model.FocusAreaHealthEnum;
+        narrative?: string;
+        topPriorities?: _jebgem_model.FocusAreaTopPriorityInterface[];
+        quickWins?: _jebgem_model.QuickWinItemInterface[];
+        napkinVisual?: _jebgem_model.NapkinVisualInterface;
+    } | undefined>;
+    protected metricExecutiveSummary: _angular_core.Signal<{
+        gradeRationale: string | undefined;
+        narrative: string | undefined;
+        metric?: string;
+        overallGrade?: _jebgem_model.OverallGradeEnum;
+        metricHealth?: _jebgem_model.MetricHealthEnum;
+        currentValue?: string;
+        targetValue?: string;
+        pacingStatus?: _jebgem_model.PacingStatusEnum;
+        yoyChange?: string;
+        topPriorities?: _jebgem_model.MetricTopPriorityInterface[];
+        quickWins?: _jebgem_model.QuickWinItemInterface[];
+        napkinVisual?: _jebgem_model.NapkinVisualInterface;
+    } | undefined>;
     protected executiveSummary: _angular_core.Signal<{
         gradeRationale: string | undefined;
         overallGrade?: _jebgem_model.OverallGradeEnum;
@@ -2423,6 +2548,8 @@ declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChan
     protected allMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
     protected allCharts: _angular_core.Signal<AiChartInterface[]>;
     protected allInsights: _angular_core.Signal<_jebgem_model.InsightBlockInterface[]>;
+    protected funnelWeaknesses: _angular_core.Signal<_jebgem_model_lib_funnel_analysis_performance_overview_structured_v3_interface.FunnelWeaknessInterface[]>;
+    protected funnelStrengths: _angular_core.Signal<_jebgem_model_lib_funnel_analysis_performance_overview_structured_v3_interface.FunnelStrengthInterface[]>;
     protected allBusinessInsights: _angular_core.Signal<ProfileAnalysisRecommendationInterface[]>;
     onWindowScroll(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -2434,6 +2561,14 @@ declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChan
     protected openViewModeSwitcher(): void;
     protected closeViewModeSwitcher(): void;
     protected openGoalModal(goal: GoalV3Interface): void;
+    protected handleTopPrioritiesClick(): void;
+    protected handlePriorityDetailClick(event: {
+        priority: any;
+        index: number;
+    }): void;
+    protected handleMetricTopPrioritiesClick(): void;
+    protected handleMetricPriorityDetailClick(priority: any): void;
+    private getFocusAreaName;
     protected getCurrentModalState(): ModalState;
     protected getGoalDetailData(): {
         goal: GoalV3Interface;
@@ -2472,6 +2607,7 @@ declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChan
     } | null;
     protected handleDisplayModeChange(mode: DisplayModeEnum): void;
     protected getAnalysisTypeLabel(): string;
+    protected getAnalysisSubtitle(): string;
     protected getGradeDisplay(): string;
     protected getContainerClasses(): string;
     protected getBannerClasses(): string;
@@ -2506,13 +2642,13 @@ declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChan
     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>;
+    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; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ShopWelcomeBannerComponent {
     viewMode: ViewModeEnum;
     businessName: string;
-    onboarded: boolean;
+    isOnboarded: boolean;
     protected containerClasses(): string;
     protected contentClasses(): string;
     protected iconContainerClasses(): string;
@@ -2527,7 +2663,118 @@ declare class ShopWelcomeBannerComponent {
     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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopWelcomeBannerComponent, "symphiq-shop-welcome-banner", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "businessName": { "alias": "businessName"; "required": false; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class MetricWelcomeBannerComponent {
+    viewMode: ViewModeEnum;
+    metricName?: string;
+    isOnboarded: boolean;
+    protected readonly IconSourceEnum: typeof IconSourceEnum;
+    protected metricDisplayName: _angular_core.Signal<string>;
+    protected metricIcon: _angular_core.Signal<{
+        name: string;
+        source: IconSourceEnum;
+    }>;
+    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<MetricWelcomeBannerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricWelcomeBannerComponent, "symphiq-metric-welcome-banner", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "metricName": { "alias": "metricName"; "required": false; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class FocusAreaExecutiveSummaryComponent {
+    viewMode: ViewModeEnum;
+    summary?: FocusAreaExecutiveSummaryInterface;
+    allGoals: GoalV3Interface[];
+    topPrioritiesClick: EventEmitter<void>;
+    priorityDetailClick: EventEmitter<{
+        priority: FocusAreaTopPriorityInterface;
+        index: number;
+    }>;
+    protected readonly IconSourceEnum: typeof IconSourceEnum;
+    protected onTopPrioritiesClick(): void;
+    protected onPriorityDetailClick(event: {
+        priority: FocusAreaTopPriorityInterface;
+        index: number;
+    }): void;
+    protected scrollToQuickWins(): void;
+    protected formatLabel(label?: string): string;
+    protected getBannerClasses(): string;
+    protected getSectionTitleClasses(): string;
+    protected getSubheadingClasses(): string;
+    protected getTextClasses(): string;
+    protected getNarrativeClasses(): string;
+    protected getTopPrioritiesStatCardClasses(): string;
+    protected getTopPrioritiesStatLabelClasses(): string;
+    protected getTopPrioritiesStatValueClasses(): string;
+    protected getTopPrioritiesButtonTextClasses(): 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;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FocusAreaExecutiveSummaryComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FocusAreaExecutiveSummaryComponent, "symphiq-focus-area-executive-summary", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "allGoals": { "alias": "allGoals"; "required": false; }; }, { "topPrioritiesClick": "topPrioritiesClick"; "priorityDetailClick": "priorityDetailClick"; }, never, never, true, never>;
+}
+
+declare class MetricExecutiveSummaryComponent {
+    viewMode: ViewModeEnum;
+    summary: MetricExecutiveSummaryInterface;
+    metricName: string;
+    allGoals?: GoalV3Interface[];
+    topPrioritiesClick: EventEmitter<void>;
+    priorityDetailClick: EventEmitter<any>;
+    protected iconSource: IconSourceEnum;
+    protected isDark: _angular_core.Signal<boolean>;
+    protected bannerClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-800/50 to-slate-800/30 border border-slate-700/50" | "bg-gradient-to-br from-white to-slate-50/50 border border-slate-200">;
+    protected titleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
+    protected textClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
+    protected healthBadgeClasses: _angular_core.Signal<string>;
+    protected pacingBadgeClasses: _angular_core.Signal<string>;
+    protected metricCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
+    protected metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
+    protected yoyChangeClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
+    protected getYoyIcon(): string;
+    protected getPacingValueClasses(): string;
+    protected getHealthValueClasses(): string;
+    protected narrativeClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-600/20">;
+    protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
+    protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
+    protected priorityCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50 hover:border-slate-600/70" | "bg-white border border-slate-200 hover:border-slate-300">;
+    protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
+    protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
+    protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
+    protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
+    protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
+    protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
+    protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
+    protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    protected getEffortBadgeClasses(effort: string | undefined): string;
+    protected getImpactBadgeClasses(impact: string | undefined): string;
+    protected formatLabel(str: string | undefined): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MetricExecutiveSummaryComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricExecutiveSummaryComponent, "symphiq-metric-executive-summary", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "metricName": { "alias": "metricName"; "required": false; }; "allGoals": { "alias": "allGoals"; "required": false; }; }, { "topPrioritiesClick": "topPrioritiesClick"; "priorityDetailClick": "priorityDetailClick"; }, never, never, true, never>;
 }
 
 declare class HorizontalBarComponent implements OnInit, OnDestroy {
@@ -2597,7 +2844,7 @@ declare class VisualizationContainerComponent {
         data: unknown;
     }>;
     containerClass: _angular_core.Signal<"" | "cursor-pointer">;
-    iconClass: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-500">;
+    iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
     onExpandClick(event: Event): void;
     onVisualizationClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<VisualizationContainerComponent, never>;
@@ -2682,19 +2929,19 @@ 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-700" | "border-slate-200">;
+    resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
     resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     breadcrumbClass: _angular_core.Signal<string>;
     typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
     arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
-    emptyStateClass: _angular_core.Signal<"border-slate-700" | "border-slate-200">;
-    emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
+    emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
+    emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
     emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
+    emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
     kbdClass: _angular_core.Signal<"bg-white border border-slate-300 text-slate-700 shadow-sm" | "bg-slate-700 border border-slate-600 text-slate-300">;
-    shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchModalComponent, "symphiq-search-modal", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "results": { "alias": "results"; "required": false; "isSignal": true; }; "hasResults": { "alias": "hasResults"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; "resultSelected": "resultSelected"; "close": "close"; }, never, never, true, never>;
 }
@@ -2704,7 +2951,7 @@ declare class GradeBadgeComponent {
     gradeRationale: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    tooltipPosition: _angular_core.InputSignal<"top" | "left" | "right" | "bottom">;
+    tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
     isLightMode: _angular_core.Signal<boolean>;
     formattedGrade: _angular_core.Signal<string>;
     shouldPulse: _angular_core.Signal<boolean>;
@@ -2714,7 +2961,7 @@ declare class GradeBadgeComponent {
         explanation: string;
     }>;
     private formatGrade;
-    badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     gradeBadgeClass: _angular_core.Signal<string>;
     private getGradeBadgeClassLight;
     private getGradeBadgeClassDark;
@@ -2766,6 +3013,9 @@ interface ConfidenceData {
 declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     viewMode: ViewModeEnum;
     currentStepId: string;
+    focusAreaDetails?: FocusAreaDetailInterface[];
+    currentFocusAreaDomain?: FocusAreaDomainEnum;
+    currentMetric?: string;
     private elementRef;
     private observer?;
     private animationFrame?;
@@ -2775,27 +3025,32 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     private setupObserver;
     private animateProgress;
+    private calculateFocusAreaPercentage;
+    private calculateMetricPercentage;
+    private getMetricGrade;
+    private getMetricQualitativeStatus;
+    private getMetricDescription;
     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 subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
     protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
     protected gradeBadgeClasses: _angular_core.Signal<"bg-gradient-to-br from-emerald-500/30 to-teal-500/30 border-2 border-emerald-500/50 shadow-[0_0_20px_rgba(16,185,129,0.3)]" | "bg-gradient-to-br from-emerald-50 to-teal-50 border-2 border-emerald-300/50 shadow-[0_0_20px_rgba(16,185,129,0.2)]" | "bg-gradient-to-br from-blue-500/30 to-cyan-500/30 border-2 border-blue-500/50 shadow-[0_0_20px_rgba(59,130,246,0.3)]" | "bg-gradient-to-br from-blue-50 to-cyan-50 border-2 border-blue-300/50 shadow-[0_0_20px_rgba(59,130,246,0.2)]" | "bg-gradient-to-br from-orange-500/30 to-amber-500/30 border-2 border-orange-500/50 shadow-[0_0_20px_rgba(249,115,22,0.3)]" | "bg-gradient-to-br from-orange-50 to-amber-50 border-2 border-orange-300/50 shadow-[0_0_20px_rgba(249,115,22,0.2)]" | "bg-gradient-to-br from-red-500/30 to-rose-500/30 border-2 border-red-500/50 shadow-[0_0_20px_rgba(239,68,68,0.3)]" | "bg-gradient-to-br from-red-50 to-rose-50 border-2 border-red-300/50 shadow-[0_0_20px_rgba(239,68,68,0.2)]">;
-    protected gradeLabelClasses: _angular_core.Signal<"text-blue-700" | "text-emerald-700" | "text-red-700" | "text-orange-700" | "text-emerald-300" | "text-blue-300" | "text-orange-300" | "text-red-300">;
+    protected gradeLabelClasses: _angular_core.Signal<"text-emerald-700" | "text-blue-700" | "text-red-700" | "text-orange-700" | "text-red-300" | "text-emerald-300" | "text-blue-300" | "text-orange-300">;
     protected gradeValueClasses: _angular_core.Signal<"bg-gradient-to-b from-emerald-300 to-emerald-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-emerald-600 to-emerald-800 bg-clip-text text-transparent" | "bg-gradient-to-b from-blue-300 to-blue-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-blue-600 to-blue-800 bg-clip-text text-transparent" | "bg-gradient-to-b from-orange-300 to-orange-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-orange-600 to-orange-800 bg-clip-text text-transparent" | "bg-gradient-to-b from-red-300 to-red-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-red-600 to-red-800 bg-clip-text text-transparent">;
-    protected descriptionClasses: _angular_core.Signal<"text-slate-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 descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected progressValueClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400" | "text-orange-600" | "text-orange-400">;
     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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfidenceLevelCardComponent, "symphiq-confidence-level-card", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "currentStepId": { "alias": "currentStepId"; "required": false; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; }; "currentFocusAreaDomain": { "alias": "currentFocusAreaDomain"; "required": false; }; "currentMetric": { "alias": "currentMetric"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class RelatedContentSidebarComponent {
@@ -2811,12 +3066,12 @@ declare class RelatedContentSidebarComponent {
     protected funnelInsightsCount: _angular_core.Signal<number>;
     protected funnelMetricsCount: _angular_core.Signal<number>;
     protected businessInsightsCount: _angular_core.Signal<number>;
-    protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected 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 headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    protected buttonClasses: _angular_core.Signal<"bg-slate-50 border-slate-200 hover:border-blue-500/50 hover:bg-slate-100" | "bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50">;
     protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
     protected iconClasses: _angular_core.Signal<"text-blue-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 labelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     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;
@@ -2837,11 +3092,11 @@ declare class ChartContainerComponent {
     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-700" | "border-slate-200">;
+    headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
     titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    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">;
+    descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
+    chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
     expandButtonClass: _angular_core.Signal<"bg-blue-100 text-blue-600 hover:bg-blue-200" | "bg-blue-500/20 text-blue-400 hover:bg-blue-500/30">;
     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>;
@@ -2859,7 +3114,7 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
     showAxisLabels: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     currencySymbol: _angular_core.InputSignal<string>;
-    chartHeight: _angular_core.Signal<"133px" | "500px">;
+    chartHeight: _angular_core.Signal<"500px" | "133px">;
     cursorColor: _angular_core.Signal<9741240 | 16777215>;
     tooltipTextColor: _angular_core.Signal<0 | 16777215>;
     chartHash: _angular_core.Signal<string>;
@@ -2903,7 +3158,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
     showAxisLabels: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     currencySymbol: _angular_core.InputSignal<string>;
-    chartHeight: _angular_core.Signal<"175px" | "500px">;
+    chartHeight: _angular_core.Signal<"500px" | "175px">;
     cursorColor: _angular_core.Signal<9741240 | 16777215>;
     tooltipTextColor: _angular_core.Signal<0 | 16777215>;
     chartHash: _angular_core.Signal<string>;
@@ -2940,7 +3195,7 @@ declare class PieChartComponent implements OnInit, AfterViewInit, OnDestroy {
     showAxisLabels: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     currencySymbol: _angular_core.InputSignal<string>;
-    chartHeight: _angular_core.Signal<"200px" | "500px">;
+    chartHeight: _angular_core.Signal<"500px" | "200px">;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
     private root?;
@@ -2976,7 +3231,7 @@ declare class AreaChartComponent implements OnInit, AfterViewInit, OnDestroy {
     showAxisLabels: _angular_core.InputSignal<boolean>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     currencySymbol: _angular_core.InputSignal<string>;
-    chartHeight: _angular_core.Signal<"133px" | "500px">;
+    chartHeight: _angular_core.Signal<"500px" | "133px">;
     cursorColor: _angular_core.Signal<9741240 | 16777215>;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
@@ -3017,7 +3272,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<"auto" | "top" | "left" | "right" | "bottom">;
+    tooltipPosition: _angular_core.Signal<"top" | "auto" | "bottom" | "left" | "right">;
     targetRect: _angular_core.Signal<DOMRect | null>;
     mousePosition: _angular_core.Signal<{
         x: number;
@@ -3041,7 +3296,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-700" | "text-slate-200">;
+    textClass: _angular_core.Signal<"text-slate-200" | "text-slate-700">;
     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();
@@ -3154,7 +3409,7 @@ declare class FocusAreaDetailCardComponent {
     protected isActuallyExpanded: _angular_core.Signal<boolean>;
     protected forceExpandedValue: _angular_core.Signal<boolean>;
     protected shouldAnimateExpand: _angular_core.Signal<boolean>;
-    protected iconSize: _angular_core.Signal<"w-7 h-7" | "w-6 h-6">;
+    protected iconSize: _angular_core.Signal<"w-6 h-6" | "w-7 h-7">;
     protected relatedRecommendations: _angular_core.Signal<_jebgem_model.ProfileAnalysisRecommendationInterface[]>;
     protected statusLabel: _angular_core.Signal<string>;
     protected statusBadgeType: _angular_core.Signal<BadgeType>;
@@ -3219,7 +3474,7 @@ declare class CompetitorAnalysisCardComponent {
     protected isActuallyExpanded: _angular_core.Signal<boolean>;
     protected isExpandedMode: _angular_core.Signal<boolean>;
     protected shouldAnimateExpand: _angular_core.Signal<boolean>;
-    protected iconSize: _angular_core.Signal<"w-7 h-7" | "w-6 h-6">;
+    protected iconSize: _angular_core.Signal<"w-6 h-6" | "w-7 h-7">;
     protected animationType: _angular_core.Signal<"none" | "slide-up">;
     constructor();
     protected hasCompanyInfo: _angular_core.Signal<boolean>;
@@ -3274,7 +3529,7 @@ declare class OpportunityHighlightBannerComponent {
     protected titleClasses: _angular_core.Signal<"text-amber-300" | "text-amber-900">;
     protected badgeClasses: _angular_core.Signal<"bg-amber-500/30 text-amber-300" | "bg-amber-200 text-amber-800">;
     protected messageClasses: _angular_core.Signal<"text-amber-700" | "text-amber-400/90">;
-    protected chevronClasses: _angular_core.Signal<"text-amber-400" | "text-amber-600">;
+    protected chevronClasses: _angular_core.Signal<"text-amber-600" | "text-amber-400">;
     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; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; }, { "bannerClick": "bannerClick"; }, never, never, true, never>;
@@ -3364,6 +3619,10 @@ declare const BUSINESS_PROFILE: ProfileInterface;
 
 declare const PROFILE_ANALYSIS_SHOP: ProfileAnalysisInterface;
 
+declare const PROFILE_ANALYSIS_FOCUS_AREA_AFFILIATE: ProfileAnalysisInterface;
+
+declare const PROFILE_ANALYSIS_METRIC_SCREEN_PAGE_VIEWS: ProfileAnalysisInterface;
+
 /**
  * Shared Theme Color Utilities
  *
@@ -3490,6 +3749,6 @@ declare function getCategoryColor(category: string): CategoryColorPalette;
  */
 declare function getCategoryBadgeClasses(category: string, isDark: boolean): string;
 
-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 };
+export { AreaChartComponent, BUSINESS_PROFILE, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfidenceLevelCardComponent, CrossDashboardRelationshipsService, FUNNEL_ANALYSIS, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, InsightCardComponent, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PROFILE_ANALYSIS_FOCUS_AREA_AFFILIATE, PROFILE_ANALYSIS_METRIC_SCREEN_PAGE_VIEWS, 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, FocusAreaGapDetailModalData, FocusAreaGapsListModalData, FocusAreaOpportunitiesListModalData, FocusAreaOpportunityDetailModalData, FocusAreaStrengthDetailModalData, FocusAreaStrengthsListModalData, FunnelMetricOrder, FunnelStrengthDetailModalData, FunnelStrengthInterface, FunnelStrengthsListModalData, FunnelWeaknessDetailModalData, FunnelWeaknessInterface, FunnelWeaknessesListModalData, GapDetailModalData, GoalBusinessInsightsListModalData, GoalDetailModalData, GoalInsightsListModalData, GoalObjectivesModalData, HeaderScrollConfig, ItemDetailModalData, KeyStrengthDetailModalData, KeyStrengthsListModalData, LayoutMode, Metric, MetricsListModalData, ModalState, NavSection, NavigationState, ObjectiveStrategiesModalData, OpportunityDetailModalData, RecommendationBusinessInsightsListModalData, RecommendationInsightsListModalData, RelatedBusinessContent, RelatedFunnelContent, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollCustomEvent, ScrollDepthInfo, ScrollDetail, SemanticColors, ShadowLevel, StrategyRecommendationsModalData, StrengthDetailModalData, ThemeColorContext, ThemeMode, TooltipPosition, TooltipState, TooltipType, TopPrioritiesListModalData, TopPriorityDetailModalData, ViewMode, ViewportBounds, VisualizationData, VisualizationType };
 //# sourceMappingURL=index.d.ts.map