@eric-emg/symphiq-components 1.2.134 → 1.2.136

package/index.d.ts

@@ -1,14 +1,15 @@
 import * as _jebgem_model 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';
+import { FocusAreaTopPriorityInterface, MetricTopPriorityInterface, 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, 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, EventEmitter, Renderer2 } from '@angular/core';
+import { AfterViewInit, ElementRef, WritableSignal, OnDestroy, OnInit, OnChanges, SimpleChanges, Renderer2 } from '@angular/core';
 import * as rxjs from 'rxjs';
 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';
+import { FormGroup } from '@angular/forms';
 import { ScrollCustomEvent as ScrollCustomEvent$1 } from '@symphiq-components/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component';
 
 interface FunnelMetricOrder {
@@ -36,6 +37,7 @@ declare class FunnelOrderService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<FunnelOrderService>;
 }
 
+type TopPriorityInterface = FocusAreaTopPriorityInterface | MetricTopPriorityInterface;
 interface VisualizationData {
     type: 'horizontal-bar' | 'circular-progress' | 'napkin-visual' | 'custom';
     title: string;
@@ -237,12 +239,12 @@ interface FunnelWeaknessDetailModalData {
     isLightMode: boolean;
 }
 interface TopPrioritiesListModalData {
-    priorities: FocusAreaTopPriorityInterface[];
+    priorities: TopPriorityInterface[];
     viewMode: ViewModeEnum;
     focusAreaName?: string;
 }
 interface TopPriorityDetailModalData {
-    priority: FocusAreaTopPriorityInterface;
+    priority: TopPriorityInterface;
     index: number;
     totalCount: number;
     viewMode: ViewModeEnum;
@@ -432,10 +434,10 @@ 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;
+    openFunnelWeaknessDetailModal(weakness: InsightBlockInterface & Partial<FunnelWeaknessInterface>, parentModalState?: ModalState): void;
+    openFunnelStrengthDetailModal(strength: InsightBlockInterface & Partial<FunnelStrengthInterface>, parentModalState?: ModalState): void;
+    openTopPrioritiesListModal(priorities: TopPriorityInterface[], viewMode: ViewModeEnum, focusAreaName?: string): void;
+    navigateToTopPriorityDetail(priority: TopPriorityInterface, 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;
@@ -997,7 +999,7 @@ declare class ModalComponent {
         description: string;
         icon: string;
     } | null>;
-    metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
     metricsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1005,7 +1007,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
     chartsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1013,7 +1015,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     recommendationsListRecommendations: _angular_core.Signal<string[]>;
     recommendationsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1021,7 +1023,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
+    competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | AiChartInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
     competitiveAnalysisContext: _angular_core.Signal<{
         title: string;
         description: string;
@@ -1229,6 +1231,9 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
     scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     isLoading: _angular_core.InputSignal<boolean | undefined>;
     isOnboarded: _angular_core.InputSignal<boolean>;
+    forDemo: _angular_core.InputSignal<boolean>;
+    stepClick: _angular_core.OutputEmitterRef<number>;
+    nextStepClick: _angular_core.OutputEmitterRef<void>;
     selectedCategory: _angular_core.WritableSignal<string>;
     reverseSortOrder: _angular_core.WritableSignal<boolean>;
     selectedSectionFilter: _angular_core.WritableSignal<string>;
@@ -1364,7 +1369,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; }; "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>;
+    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; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; }, never, never, true, never>;
 }
 
 declare class MetricCardComponent {
@@ -1452,9 +1457,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-blue-700" | "text-emerald-600" | "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;
@@ -1504,9 +1509,9 @@ declare class InsightCardComponent {
     recommendationsContainerLightClass: _angular_core.Signal<string>;
     recommendationsContainerDarkClass: _angular_core.Signal<string>;
     recommendationsContainerClass: _angular_core.Signal<string>;
-    priorityBadgeLightClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60">;
-    priorityBadgeDarkClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50">;
-    priorityBadgeClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50">;
+    priorityBadgeLightClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60">;
+    priorityBadgeDarkClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50">;
+    priorityBadgeClass: _angular_core.Signal<"w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-100/70 text-amber-700 border-amber-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-100/70 text-blue-700 border-blue-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-100/70 text-slate-700 border-slate-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-amber-500/20 text-amber-400 border-amber-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-blue-500/20 text-blue-400 border-blue-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md bg-slate-500/20 text-slate-400 border-slate-500/50" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-100/70 text-red-700 border-red-400/60" | "w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold border-2 backdrop-blur-md animate-pulse bg-red-500/20 text-red-400 border-red-500/50">;
     containerLightClass: _angular_core.Signal<"transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-white to-blue-50/50 border-2 border-blue-300 hover:border-blue-400 shadow-lg shadow-blue-200/50 hover:shadow-blue-300/60" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-white border-slate-200 hover:border-blue-400 hover:shadow-blue-100/50">;
     containerDarkClass: _angular_core.Signal<"transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-slate-800 to-blue-900/20 border-2 border-blue-500/40 hover:border-blue-400/60 shadow-lg shadow-blue-500/20 hover:shadow-blue-500/30" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-slate-800 border-slate-700 hover:border-slate-500 hover:shadow-slate-900/50">;
     containerClass: _angular_core.Signal<"transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-white to-blue-50/50 border-2 border-blue-300 hover:border-blue-400 shadow-lg shadow-blue-200/50 hover:shadow-blue-300/60" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-white border-slate-200 hover:border-blue-400 hover:shadow-blue-100/50" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-gradient-to-br from-slate-800 to-blue-900/20 border-2 border-blue-500/40 hover:border-blue-400/60 shadow-lg shadow-blue-500/20 hover:shadow-blue-500/30" | "transition-all duration-300 hover:shadow-2xl hover:-translate-y-1 cursor-pointer group bg-slate-800 border-slate-700 hover:border-slate-500 hover:shadow-slate-900/50">;
@@ -1695,10 +1700,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-red-400" | "text-emerald-600" | "text-red-600">;
+    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-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
+    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>;
@@ -1978,7 +1983,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>;
@@ -2020,7 +2025,7 @@ declare class SymphiqFunnelAnalysisPreviewComponent {
     competitiveTooltip: _angular_core.Signal<{
         industry: string;
         metricBenchmark: string;
-        competitiveScore: "LEADING" | "LAGGING" | "COMPETITIVE";
+        competitiveScore: "LEADING" | "COMPETITIVE" | "LAGGING";
         description: string;
         keyOpportunities: string;
     }>;
@@ -2087,6 +2092,163 @@ 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; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; }, { "onViewAnalysis": "onViewAnalysis"; }, never, never, true, never>;
 }
 
+interface JourneyStep {
+    id: string;
+    number: number;
+    title: string;
+    description: string;
+}
+declare class SymphiqWelcomeDashboardComponent implements AfterViewInit, OnDestroy {
+    embedded: _angular_core.InputSignal<boolean>;
+    parentHeaderOffset: _angular_core.InputSignal<number>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | null | undefined>;
+    scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
+    forDemo: _angular_core.InputSignal<boolean>;
+    stepClick: _angular_core.OutputEmitterRef<number>;
+    nextStepClick: _angular_core.OutputEmitterRef<void>;
+    protected headerScrollService: HeaderScrollService;
+    private readonly COLLAPSE_THRESHOLD;
+    private readonly EXPAND_THRESHOLD;
+    protected journeySteps: JourneyStep[];
+    private embeddedScrollEffect;
+    protected scrollProgress: _angular_core.Signal<number>;
+    protected isLightMode: _angular_core.Signal<boolean>;
+    constructor();
+    onScroll(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected getContainerClasses(): string;
+    protected getHeaderClasses(): string;
+    protected getMainTitleClasses(): string;
+    protected getSubtitleClasses(): string;
+    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<SymphiqWelcomeDashboardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqWelcomeDashboardComponent, "symphiq-welcome-dashboard", never, { "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; }, never, never, true, never>;
+}
+
+declare enum ShopPlatformEnum {
+    SHOPIFY = "SHOPIFY",
+    OTHER = "OTHER"
+}
+interface CreateAccountData {
+    shopName: string;
+    shopUrl: string;
+    shopPlatform: ShopPlatformEnum;
+    otherPlatformName?: string;
+    companyName: string;
+}
+declare class SymphiqCreateAccountDashboardComponent implements AfterViewInit, OnDestroy {
+    embedded: _angular_core.InputSignal<boolean>;
+    parentHeaderOffset: _angular_core.InputSignal<number>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | null | undefined>;
+    scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
+    accountData: _angular_core.InputSignal<CreateAccountData | undefined>;
+    forDemo: _angular_core.InputSignal<boolean>;
+    onContinue: _angular_core.OutputEmitterRef<CreateAccountData>;
+    stepClick: _angular_core.OutputEmitterRef<number>;
+    nextStepClick: _angular_core.OutputEmitterRef<void>;
+    protected headerScrollService: HeaderScrollService;
+    private fb;
+    protected scrollProgress: _angular_core.Signal<number>;
+    protected editMode: _angular_core.WritableSignal<boolean>;
+    protected sameAsShopName: _angular_core.WritableSignal<boolean>;
+    protected ShopPlatformEnum: typeof ShopPlatformEnum;
+    protected accountForm: FormGroup;
+    constructor();
+    onScroll(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected toggleSameAsShopName(): void;
+    protected enableEditMode(): void;
+    protected isFieldInvalid(fieldName: string): boolean;
+    protected isFormValid(): boolean;
+    protected handleContinue(): void;
+    protected isLightMode(): boolean;
+    protected getContainerClasses(): string;
+    protected getHeaderClasses(): string;
+    protected getMainTitleClasses(): string;
+    protected getSubtitleClasses(): string;
+    protected containerClasses(): string;
+    protected contentClasses(): string;
+    protected sectionTitleClasses(): string;
+    protected sectionDescriptionClasses(): string;
+    protected labelClasses(): string;
+    protected inputClasses(fieldName: string): string;
+    protected urlPrefixClasses(): string;
+    protected urlInputClasses(fieldName: string): string;
+    protected radioPlatformClasses(platform: ShopPlatformEnum): string;
+    protected radioIndicatorClasses(platform: ShopPlatformEnum): string;
+    protected radioLabelClasses(): string;
+    protected checkboxClasses(): string;
+    protected checkboxLabelClasses(): string;
+    protected errorClasses(): string;
+    protected viewLabelClasses(): string;
+    protected viewValueClasses(): string;
+    protected viewLinkClasses(): string;
+    protected editButtonClasses(): string;
+    protected stickyButtonContainerClasses(): string;
+    protected continueButtonClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqCreateAccountDashboardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqCreateAccountDashboardComponent, "symphiq-create-account-dashboard", never, { "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "accountData": { "alias": "accountData"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; }, { "onContinue": "onContinue"; "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; }, never, never, true, never>;
+}
+
+declare class SymphiqConnectGaDashboardComponent implements AfterViewInit, OnDestroy {
+    embedded: _angular_core.InputSignal<boolean>;
+    parentHeaderOffset: _angular_core.InputSignal<number>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | null | undefined>;
+    scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
+    forDemo: _angular_core.InputSignal<boolean>;
+    stepClick: _angular_core.OutputEmitterRef<number>;
+    nextStepClick: _angular_core.OutputEmitterRef<void>;
+    protected headerScrollService: HeaderScrollService;
+    private readonly COLLAPSE_THRESHOLD;
+    private readonly EXPAND_THRESHOLD;
+    protected isExpanded: _angular_core.WritableSignal<boolean>;
+    private embeddedScrollEffect;
+    protected scrollProgress: _angular_core.Signal<number>;
+    protected isLightMode: _angular_core.Signal<boolean>;
+    constructor();
+    onScroll(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected toggleExpanded(): void;
+    protected getContainerClasses(): string;
+    protected getHeaderClasses(): string;
+    protected getMainTitleClasses(): string;
+    protected getSubtitleClasses(): string;
+    protected containerClasses(): string;
+    protected contentClasses(): string;
+    protected iconContainerClasses(): string;
+    protected titleClasses(): string;
+    protected textClasses(): string;
+    protected noteBoxClasses(): string;
+    protected noteIconClasses(): string;
+    protected noteTextClasses(): string;
+    protected expandableCardClasses(): string;
+    protected expandableHeaderClasses(): string;
+    protected expandableHeaderTextClasses(): string;
+    protected chevronClasses(): string;
+    protected expandedContentClasses(): string;
+    protected expandedTextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqConnectGaDashboardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqConnectGaDashboardComponent, "symphiq-connect-ga-dashboard", never, { "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; }, never, never, true, never>;
+}
+
 declare class SymphiqBusinessAnalysisDashboardComponent implements OnInit, AfterViewInit, OnDestroy {
     embedded: _angular_core.InputSignal<boolean>;
     profile: _angular_core.InputSignal<ProfileInterface | undefined>;
@@ -2097,6 +2259,9 @@ declare class SymphiqBusinessAnalysisDashboardComponent implements OnInit, After
     scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     isLoading: _angular_core.InputSignal<boolean | undefined>;
     isOnboarded: _angular_core.InputSignal<boolean>;
+    forDemo: _angular_core.InputSignal<boolean>;
+    stepClick: _angular_core.OutputEmitterRef<number>;
+    nextStepClick: _angular_core.OutputEmitterRef<void>;
     protected headerScrollService: HeaderScrollService;
     protected lookupService: ProfileItemLookupService;
     protected navigationService: NavigationStateService;
@@ -2168,15 +2333,13 @@ 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, { "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; "isSignal": true; }; "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqBusinessAnalysisDashboardComponent, "symphiq-business-analysis-dashboard", never, { "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; "isSignal": true; }; "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "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; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; }, never, never, true, never>;
 }
 
 declare class ProfileSectionComponent {
-    private sectionSignal;
-    set section(value: ProfileSectionInterface | undefined);
-    get section(): ProfileSectionInterface | null;
-    viewMode: ViewModeEnum;
-    forceExpanded: boolean;
+    section: _angular_core.InputSignal<ProfileSectionInterface | undefined>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    forceExpanded: _angular_core.InputSignal<boolean>;
     protected visibleSubsections: _angular_core.Signal<ProfileSubsectionInterface[]>;
     protected isDark: _angular_core.Signal<boolean>;
     protected containerClasses: _angular_core.Signal<"relative" | "relative bg-slate-50/50">;
@@ -2186,15 +2349,15 @@ declare class ProfileSectionComponent {
     protected subsectionHasContent(subsection: ProfileSubsectionInterface): boolean;
     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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileSectionComponent, "symphiq-profile-section", never, { "section": { "alias": "section"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ProfileSubsectionComponent {
-    subsection?: ProfileSubsectionInterface;
-    viewMode: ViewModeEnum;
-    parentSectionTitle?: string;
-    subsectionIndex: number;
-    forceExpanded: boolean;
+    subsection: _angular_core.InputSignal<ProfileSubsectionInterface | undefined>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    parentSectionTitle: _angular_core.InputSignal<string | undefined>;
+    subsectionIndex: _angular_core.InputSignal<number>;
+    forceExpanded: _angular_core.InputSignal<boolean>;
     private sanitizer;
     private profileContextService;
     protected ProfileItemTypeEnum: typeof ProfileItemTypeEnum;
@@ -2217,18 +2380,18 @@ declare class ProfileSubsectionComponent {
         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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileSubsectionComponent, "symphiq-profile-subsection", never, { "subsection": { "alias": "subsection"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "parentSectionTitle": { "alias": "parentSectionTitle"; "required": false; "isSignal": true; }; "subsectionIndex": { "alias": "subsectionIndex"; "required": false; "isSignal": true; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ProfileItemCardComponent {
-    item?: ProfileItemInterface;
-    viewMode: ViewModeEnum;
-    subsectionId?: string;
-    forceExpanded: boolean;
-    animationIndex: number;
-    isLoading: boolean;
-    inModalContext: boolean;
-    isCompactMode: boolean;
+    item: _angular_core.InputSignal<ProfileItemInterface | undefined>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    subsectionId: _angular_core.InputSignal<string | undefined>;
+    forceExpanded: _angular_core.InputSignal<boolean>;
+    animationIndex: _angular_core.InputSignal<number>;
+    isLoading: _angular_core.InputSignal<boolean>;
+    inModalContext: _angular_core.InputSignal<boolean>;
+    isCompactMode: _angular_core.InputSignal<boolean>;
     protected isRecommendation(): boolean;
     protected getCardClasses(): string;
     protected getIconClasses(): string;
@@ -2236,12 +2399,12 @@ 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; }; "inModalContext": { "alias": "inModalContext"; "required": false; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileItemCardComponent, "symphiq-profile-item-card", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "subsectionId": { "alias": "subsectionId"; "required": false; "isSignal": true; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; "isSignal": true; }; "animationIndex": { "alias": "animationIndex"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "inModalContext": { "alias": "inModalContext"; "required": false; "isSignal": true; }; "isCompactMode": { "alias": "isCompactMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class NapkinVisualPlaceholderComponent implements OnInit, OnChanges {
-    visual?: NapkinVisualInterface;
-    viewMode: ViewModeEnum;
+    visual: _angular_core.InputSignal<NapkinVisualInterface | undefined>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
     private sanitizer;
     private modalService;
     ngOnInit(): void;
@@ -2259,12 +2422,12 @@ declare class NapkinVisualPlaceholderComponent implements OnInit, OnChanges {
     protected getExpandIconClasses(): string;
     protected openModal(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NapkinVisualPlaceholderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NapkinVisualPlaceholderComponent, "symphiq-napkin-visual-placeholder", never, { "visual": { "alias": "visual"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NapkinVisualPlaceholderComponent, "symphiq-napkin-visual-placeholder", never, { "visual": { "alias": "visual"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class HierarchyDisplayComponent {
-    hierarchyData?: HierarchyDataInterface;
-    viewMode: ViewModeEnum;
+    hierarchyData: _angular_core.InputSignal<HierarchyDataInterface | undefined>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
     protected getNodeClasses(level: number): string;
     protected getNodeIconClasses(level: number): string;
     protected getNodeLabelClasses(): string;
@@ -2277,15 +2440,15 @@ declare class HierarchyDisplayComponent {
     protected getCompetitorOverlap(): number | undefined;
     protected getMarketShareType(share: number): 'advantage' | 'parity' | 'disadvantage' | 'opportunity' | 'threat';
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HierarchyDisplayComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HierarchyDisplayComponent, "symphiq-hierarchy-display", never, { "hierarchyData": { "alias": "hierarchyData"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HierarchyDisplayComponent, "symphiq-hierarchy-display", never, { "hierarchyData": { "alias": "hierarchyData"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SectionNavigationComponent implements OnInit {
-    sections: ProfileSectionInterface[];
-    viewMode: ViewModeEnum;
-    embedded: boolean;
-    scrollElement?: HTMLElement;
-    parentHeaderOffset: number;
+    sections: _angular_core.InputSignal<ProfileSectionInterface[]>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    embedded: _angular_core.InputSignal<boolean>;
+    scrollElement: _angular_core.InputSignal<HTMLElement | undefined>;
+    parentHeaderOffset: _angular_core.InputSignal<number>;
     private readonly HEADER_OFFSET;
     protected activeSection: _angular_core.WritableSignal<number>;
     ngOnInit(): void;
@@ -2297,16 +2460,16 @@ declare class SectionNavigationComponent implements OnInit {
     private scrollToElement;
     protected trackBySectionId(index: number, section: ProfileSectionInterface): string | number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionNavigationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionNavigationComponent, "symphiq-section-navigation", never, { "sections": { "alias": "sections"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "scrollElement": { "alias": "scrollElement"; "required": false; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionNavigationComponent, "symphiq-section-navigation", never, { "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class FloatingTocComponent implements OnInit, OnDestroy {
-    sections: ProfileSectionInterface[];
-    viewMode: ViewModeEnum;
-    embedded: boolean;
-    containerElement?: HTMLElement;
-    scrollElement?: HTMLElement;
-    parentHeaderOffset: number;
+    sections: _angular_core.InputSignal<ProfileSectionInterface[]>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    embedded: _angular_core.InputSignal<boolean>;
+    containerElement: _angular_core.InputSignal<HTMLElement | undefined>;
+    scrollElement: _angular_core.InputSignal<HTMLElement | undefined>;
+    parentHeaderOffset: _angular_core.InputSignal<number>;
     protected isHovered: _angular_core.WritableSignal<boolean>;
     protected isPinned: _angular_core.WritableSignal<boolean>;
     protected activeSection: _angular_core.WritableSignal<string>;
@@ -2360,12 +2523,12 @@ declare class FloatingTocComponent implements OnInit, OnDestroy {
     protected getActiveSubIndicatorClasses(): string;
     protected getBackToTopButtonClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FloatingTocComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FloatingTocComponent, "symphiq-floating-toc", never, { "sections": { "alias": "sections"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "containerElement": { "alias": "containerElement"; "required": false; }; "scrollElement": { "alias": "scrollElement"; "required": false; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FloatingTocComponent, "symphiq-floating-toc", never, { "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "containerElement": { "alias": "containerElement"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "parentHeaderOffset": { "alias": "parentHeaderOffset"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class FloatingBackButtonComponent implements OnInit, OnDestroy {
-    viewMode: ViewModeEnum;
-    embedded: boolean;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    embedded: _angular_core.InputSignal<boolean>;
     private navigationService;
     private readonly HEADER_OFFSET;
     protected navigationState: _angular_core.Signal<NavigationState>;
@@ -2378,10 +2541,10 @@ declare class FloatingBackButtonComponent implements OnInit, OnDestroy {
     protected getInnerContainerClasses(): string;
     protected getCloseButtonClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FloatingBackButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FloatingBackButtonComponent, "symphiq-floating-back-button", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FloatingBackButtonComponent, "symphiq-floating-back-button", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class BusinessAnalysisModalComponent implements OnInit {
+declare class BusinessAnalysisModalComponent implements OnInit, OnDestroy {
     isLightMode: _angular_core.InputSignal<boolean>;
     viewInContextRequested: _angular_core.OutputEmitterRef<{
         itemId: string;
@@ -2389,8 +2552,14 @@ declare class BusinessAnalysisModalComponent implements OnInit {
     }>;
     private modalService;
     private sanitizer;
+    private renderer;
+    private document;
+    private hostElement;
     modalContent?: ElementRef<HTMLDivElement>;
+    modalWrapper?: ElementRef<HTMLDivElement>;
     isOpen: _angular_core.WritableSignal<boolean>;
+    modalReady: _angular_core.WritableSignal<boolean>;
+    private modalMovedToBody;
     modalType: _angular_core.WritableSignal<string | null>;
     modalTitle: _angular_core.WritableSignal<string>;
     visualizationData: _angular_core.WritableSignal<VisualizationData | null>;
@@ -2405,8 +2574,13 @@ declare class BusinessAnalysisModalComponent implements OnInit {
     } | null>;
     itemDetailModalData: _angular_core.WritableSignal<ItemDetailModalData | null>;
     navigationStack: _angular_core.WritableSignal<ItemDetailModalData[]>;
+    private cleanupTimeoutId;
     itemDetailData: _angular_core.Signal<ItemDetailModalData | null>;
     previousState: _angular_core.WritableSignal<any>;
+    modalDepth: _angular_core.Signal<number>;
+    baseZIndex: _angular_core.Signal<number>;
+    backdropZIndex: _angular_core.Signal<number>;
+    contentZIndex: _angular_core.Signal<number>;
     visualizationType: _angular_core.Signal<"horizontal-bar" | "circular-progress" | "napkin-visual" | "custom" | null>;
     horizontalBarData: _angular_core.Signal<{
         percentage: number;
@@ -2440,6 +2614,9 @@ declare class BusinessAnalysisModalComponent implements OnInit {
     protected getBackButtonClasses(): string;
     protected getBreadcrumbLinkClasses(): string;
     closeModal(): void;
+    private moveModalToBody;
+    private returnModalToHost;
+    ngOnDestroy(): 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; }; }, { "viewInContextRequested": "viewInContextRequested"; }, never, never, true, never>;
 }
@@ -2478,7 +2655,7 @@ type ProfileModalData = {
 } | null;
 declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
     funnelModalComponent?: ModalComponent;
-    viewMode: ViewModeEnum;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
     constructor();
     requestedByUser: _angular_core.InputSignal<UserInterface | undefined>;
     createdDate: _angular_core.InputSignal<Date | undefined>;
@@ -2492,6 +2669,9 @@ declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChan
     scrollEvent: _angular_core.InputSignal<ScrollCustomEvent$1 | null | undefined>;
     scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     isLoading: _angular_core.InputSignal<boolean | undefined>;
+    forDemo: _angular_core.InputSignal<boolean>;
+    stepClick: _angular_core.OutputEmitterRef<number>;
+    nextStepClick: _angular_core.OutputEmitterRef<void>;
     private readonly COLLAPSE_THRESHOLD;
     private readonly EXPAND_THRESHOLD;
     private embeddedScrollEffect;
@@ -2658,13 +2838,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; }; "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "profileAnalysis": { "alias": "profileAnalysis"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "analysisType": { "alias": "analysisType"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "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; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileAnalysisDashboardComponent, "symphiq-profile-analysis-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "profileAnalysis": { "alias": "profileAnalysis"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "analysisType": { "alias": "analysisType"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "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; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; }, never, never, true, never>;
 }
 
 declare class ShopWelcomeBannerComponent {
-    viewMode: ViewModeEnum;
-    businessName: string;
-    isOnboarded: boolean;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    businessName: _angular_core.InputSignal<string>;
+    isOnboarded: _angular_core.InputSignal<boolean>;
     protected containerClasses(): string;
     protected contentClasses(): string;
     protected iconContainerClasses(): string;
@@ -2679,13 +2859,13 @@ 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; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopWelcomeBannerComponent, "symphiq-shop-welcome-banner", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "businessName": { "alias": "businessName"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class MetricWelcomeBannerComponent {
-    viewMode: ViewModeEnum;
-    metricName?: string;
-    isOnboarded: boolean;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    metricName: _angular_core.InputSignal<string | undefined>;
+    isOnboarded: _angular_core.InputSignal<boolean>;
     protected readonly IconSourceEnum: typeof IconSourceEnum;
     protected metricDisplayName: _angular_core.Signal<string>;
     protected metricIcon: _angular_core.Signal<{
@@ -2706,15 +2886,15 @@ declare class MetricWelcomeBannerComponent {
     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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricWelcomeBannerComponent, "symphiq-metric-welcome-banner", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "metricName": { "alias": "metricName"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class FocusAreaExecutiveSummaryComponent {
-    viewMode: ViewModeEnum;
-    summary?: FocusAreaExecutiveSummaryInterface;
-    allGoals: GoalV3Interface[];
-    topPrioritiesClick: EventEmitter<void>;
-    priorityDetailClick: EventEmitter<{
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    summary: _angular_core.InputSignal<FocusAreaExecutiveSummaryInterface | undefined>;
+    allGoals: _angular_core.InputSignal<GoalV3Interface[]>;
+    topPrioritiesClick: _angular_core.OutputEmitterRef<void>;
+    priorityDetailClick: _angular_core.OutputEmitterRef<{
         priority: FocusAreaTopPriorityInterface;
         index: number;
     }>;
@@ -2746,63 +2926,64 @@ declare class FocusAreaExecutiveSummaryComponent {
     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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FocusAreaExecutiveSummaryComponent, "symphiq-focus-area-executive-summary", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": false; "isSignal": true; }; "allGoals": { "alias": "allGoals"; "required": false; "isSignal": true; }; }, { "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>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    summary: _angular_core.InputSignal<MetricExecutiveSummaryInterface>;
+    metricName: _angular_core.InputSignal<string>;
+    allGoals: _angular_core.InputSignal<GoalV3Interface[] | undefined>;
+    topPrioritiesClick: _angular_core.OutputEmitterRef<void>;
+    priorityDetailClick: _angular_core.OutputEmitterRef<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-600" | "text-blue-400">;
+    protected titleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
+    protected textClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
+    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-600" | "text-slate-400">;
-    protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
-    protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600">;
+    protected metricValueClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
+    protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
     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-800" | "text-slate-200">;
+    protected narrativeTitleClasses: _angular_core.Signal<"text-slate-200" | "text-slate-800">;
     protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
+    protected sectionTitleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
     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 priorityTitleClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
+    protected priorityTextClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected impactBoxClasses: _angular_core.Signal<"bg-slate-800/30 border border-slate-700/30" | "bg-slate-50/50 border border-slate-200">;
-    protected impactLabelClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected impactLabelClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
     protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
-    protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
+    protected quickWinTextClasses: _angular_core.Signal<"text-slate-100" | "text-slate-900">;
     protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     protected getEffortBadgeClasses(effort: string | undefined): string;
     protected getImpactBadgeClasses(impact: string | undefined): string;
+    protected formatMetricName(name: string): 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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricExecutiveSummaryComponent, "symphiq-metric-executive-summary", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": true; "isSignal": true; }; "metricName": { "alias": "metricName"; "required": false; "isSignal": true; }; "allGoals": { "alias": "allGoals"; "required": false; "isSignal": true; }; }, { "topPrioritiesClick": "topPrioritiesClick"; "priorityDetailClick": "priorityDetailClick"; }, never, never, true, never>;
 }
 
 declare class HorizontalBarComponent implements OnInit, OnDestroy {
-    percentage: number;
-    label: string;
-    value: string;
-    height: number;
-    showLabel: boolean;
-    gradient: string;
-    isDark: boolean;
-    animationDuration: number;
-    animationDelay: number;
+    percentage: _angular_core.InputSignal<number>;
+    label: _angular_core.InputSignal<string>;
+    value: _angular_core.InputSignal<string>;
+    height: _angular_core.InputSignal<number>;
+    showLabel: _angular_core.InputSignal<boolean>;
+    gradient: _angular_core.InputSignal<string>;
+    isDark: _angular_core.InputSignal<boolean>;
+    animationDuration: _angular_core.InputSignal<number>;
+    animationDelay: _angular_core.InputSignal<number>;
     private elementRef;
     private observer?;
     private animationFrame?;
@@ -2818,20 +2999,20 @@ declare class HorizontalBarComponent implements OnInit, OnDestroy {
     get labelClasses(): string;
     get valueClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HorizontalBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalBarComponent, "symphiq-horizontal-bar", never, { "percentage": { "alias": "percentage"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "height": { "alias": "height"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "isDark": { "alias": "isDark"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "animationDelay": { "alias": "animationDelay"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalBarComponent, "symphiq-horizontal-bar", never, { "percentage": { "alias": "percentage"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "gradient": { "alias": "gradient"; "required": false; "isSignal": true; }; "isDark": { "alias": "isDark"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; "animationDelay": { "alias": "animationDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class CircularProgressComponent implements OnInit, OnDestroy {
-    percentage: number;
-    size: number;
-    strokeWidth: number;
-    progressColor: string;
-    backgroundColor: string;
-    showPercentage: boolean;
-    textClasses: string;
-    strokeLinecap: 'butt' | 'round' | 'square';
-    animationDuration: number;
-    animationDelay: number;
+    percentage: _angular_core.InputSignal<number>;
+    size: _angular_core.InputSignal<number>;
+    strokeWidth: _angular_core.InputSignal<number>;
+    progressColor: _angular_core.InputSignal<string>;
+    backgroundColor: _angular_core.InputSignal<string>;
+    showPercentage: _angular_core.InputSignal<boolean>;
+    textClasses: _angular_core.InputSignal<string>;
+    strokeLinecap: _angular_core.InputSignal<"butt" | "round" | "square">;
+    animationDuration: _angular_core.InputSignal<number>;
+    animationDelay: _angular_core.InputSignal<number>;
     private elementRef;
     private observer?;
     private animationFrame?;
@@ -2846,7 +3027,7 @@ declare class CircularProgressComponent implements OnInit, OnDestroy {
     protected animatedOffset(): number;
     protected animatedDisplayValue(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CircularProgressComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CircularProgressComponent, "symphiq-circular-progress", never, { "percentage": { "alias": "percentage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "progressColor": { "alias": "progressColor"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "showPercentage": { "alias": "showPercentage"; "required": false; }; "textClasses": { "alias": "textClasses"; "required": false; }; "strokeLinecap": { "alias": "strokeLinecap"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "animationDelay": { "alias": "animationDelay"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CircularProgressComponent, "symphiq-circular-progress", never, { "percentage": { "alias": "percentage"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "progressColor": { "alias": "progressColor"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "showPercentage": { "alias": "showPercentage"; "required": false; "isSignal": true; }; "textClasses": { "alias": "textClasses"; "required": false; "isSignal": true; }; "strokeLinecap": { "alias": "strokeLinecap"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; "animationDelay": { "alias": "animationDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type VisualizationType = 'horizontal-bar' | 'circular-progress' | 'custom';
@@ -2860,7 +3041,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>;
@@ -2868,14 +3049,13 @@ declare class VisualizationContainerComponent {
 }
 
 declare class ScrollProgressBarComponent {
-    set progress(value: number);
-    isLightMode: boolean;
-    embedded: boolean;
-    protected scrollProgress: _angular_core.WritableSignal<number>;
+    progress: _angular_core.InputSignal<number>;
+    isLightMode: _angular_core.InputSignal<boolean>;
+    embedded: _angular_core.InputSignal<boolean>;
     protected getContainerClasses(): string;
     protected getGradientClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollProgressBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollProgressBarComponent, "symphiq-scroll-progress-bar", never, { "progress": { "alias": "progress"; "required": false; }; "isLightMode": { "alias": "isLightMode"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollProgressBarComponent, "symphiq-scroll-progress-bar", never, { "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface IconObjectInterface {
@@ -2884,29 +3064,25 @@ interface IconObjectInterface {
 }
 declare class SymphiqIconComponent {
     private iconService;
-    set icon(value: IconObjectInterface | undefined);
-    set size(value: string);
-    set customClass(value: string);
-    private iconSignal;
-    private sizeSignal;
-    private customClassSignal;
+    icon: _angular_core.InputSignal<IconObjectInterface | undefined>;
+    size: _angular_core.InputSignal<string>;
+    customClass: _angular_core.InputSignal<string>;
     protected containerClass: _angular_core.Signal<string>;
     private iconRequest$;
     protected iconHtml: _angular_core.Signal<"" | _angular_platform_browser.SafeHtml>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqIconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqIconComponent, "symphiq-icon", never, { "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqIconComponent, "symphiq-icon", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SectionDividerComponent {
-    viewMode: ViewModeEnum;
-    animationDelay: string;
-    sectionIcon?: IconObjectInterface$1;
-    private subsectionsSignal;
-    set subsections(value: ProfileSubsectionInterface[] | undefined);
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    animationDelay: _angular_core.InputSignal<string>;
+    sectionIcon: _angular_core.InputSignal<IconObjectInterface$1 | undefined>;
+    subsections: _angular_core.InputSignal<ProfileSubsectionInterface[]>;
     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; }; "sectionIcon": { "alias": "sectionIcon"; "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; "isSignal": true; }; "animationDelay": { "alias": "animationDelay"; "required": false; "isSignal": true; }; "sectionIcon": { "alias": "sectionIcon"; "required": false; "isSignal": true; }; "subsections": { "alias": "subsections"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SearchButtonComponent {
@@ -2945,17 +3121,17 @@ 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-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-600" | "text-slate-400">;
-    shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
+    shortcutsClass: _angular_core.Signal<"bg-slate-50 border-slate-200" | "bg-slate-900/50 border-slate-700">;
     kbdClass: _angular_core.Signal<"bg-white border border-slate-300 text-slate-700 shadow-sm" | "bg-slate-700 border border-slate-600 text-slate-300">;
     shortcutTextClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
@@ -3027,11 +3203,11 @@ interface ConfidenceData {
     description: string;
 }
 declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
-    viewMode: ViewModeEnum;
-    currentStepId: string;
-    focusAreaDetails?: FocusAreaDetailInterface[];
-    currentFocusAreaDomain?: FocusAreaDomainEnum;
-    currentMetric?: string;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    currentStepId: _angular_core.InputSignal<string>;
+    focusAreaDetails: _angular_core.InputSignal<FocusAreaDetailInterface[] | undefined>;
+    currentFocusAreaDomain: _angular_core.InputSignal<FocusAreaDomainEnum | undefined>;
+    currentMetric: _angular_core.InputSignal<string | undefined>;
     private elementRef;
     private observer?;
     private animationFrame?;
@@ -3056,17 +3232,17 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     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-emerald-700" | "text-red-700" | "text-blue-700" | "text-orange-700" | "text-red-300" | "text-emerald-300" | "text-blue-300" | "text-orange-300">;
+    protected gradeLabelClasses: _angular_core.Signal<"text-blue-700" | "text-emerald-700" | "text-red-700" | "text-orange-700" | "text-emerald-300" | "text-blue-300" | "text-red-300" | "text-orange-300">;
     protected gradeValueClasses: _angular_core.Signal<"bg-gradient-to-b from-emerald-300 to-emerald-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-emerald-600 to-emerald-800 bg-clip-text text-transparent" | "bg-gradient-to-b from-blue-300 to-blue-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-blue-600 to-blue-800 bg-clip-text text-transparent" | "bg-gradient-to-b from-orange-300 to-orange-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-orange-600 to-orange-800 bg-clip-text text-transparent" | "bg-gradient-to-b from-red-300 to-red-500 bg-clip-text text-transparent" | "bg-gradient-to-b from-red-600 to-red-800 bg-clip-text text-transparent">;
-    protected descriptionClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
-    protected progressLabelClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
-    protected progressValueClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400" | "text-emerald-400" | "text-red-400" | "text-emerald-600" | "text-red-600" | "text-orange-600" | "text-orange-400">;
+    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-red-600" | "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; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; }; "currentFocusAreaDomain": { "alias": "currentFocusAreaDomain"; "required": false; }; "currentMetric": { "alias": "currentMetric"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfidenceLevelCardComponent, "symphiq-confidence-level-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currentStepId": { "alias": "currentStepId"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "currentFocusAreaDomain": { "alias": "currentFocusAreaDomain"; "required": false; "isSignal": true; }; "currentMetric": { "alias": "currentMetric"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class RelatedContentSidebarComponent {
@@ -3083,12 +3259,12 @@ declare class RelatedContentSidebarComponent {
     protected funnelMetricsCount: _angular_core.Signal<number>;
     protected businessInsightsCount: _angular_core.Signal<number>;
     protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected buttonClasses: _angular_core.Signal<"bg-slate-50 border-slate-200 hover:border-blue-500/50 hover:bg-slate-100" | "bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50">;
+    protected buttonClasses: _angular_core.Signal<"bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50" | "bg-slate-50 border-slate-200 hover:border-blue-500/50 hover:bg-slate-100">;
     protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
-    protected iconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected 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 chevronClasses: _angular_core.Signal<"text-slate-400 group-hover:text-blue-600" | "text-slate-500 group-hover:text-blue-400">;
     protected onFunnelInsightsClick(): void;
     protected onFunnelMetricsClick(): void;
     protected onBusinessInsightsClick(): void;
@@ -3108,10 +3284,10 @@ 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-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-600" | "text-slate-400">;
-    iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
+    iconClass: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-500">;
     chartIconClass: _angular_core.Signal<"bg-blue-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">;
@@ -3312,7 +3488,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();
@@ -3407,10 +3583,10 @@ declare class ViewportAnimationDirective implements OnInit, OnDestroy {
 type BadgeType = 'primary' | 'success' | 'warning' | 'info' | 'premium' | 'default' | 'danger' | 'neutral';
 
 declare class FocusAreaDetailCardComponent {
-    item?: ProfileItemInterface;
-    viewMode: ViewModeEnum;
-    set forceExpanded(value: boolean);
-    animationIndex: number;
+    item: _angular_core.InputSignal<ProfileItemInterface | undefined>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    forceExpanded: _angular_core.InputSignal<boolean>;
+    animationIndex: _angular_core.InputSignal<number>;
     protected IconSourceEnum: typeof IconSourceEnum;
     private _isExpanded;
     protected isCompetitiveGapExpanded: _angular_core.WritableSignal<boolean>;
@@ -3424,7 +3600,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-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>;
@@ -3439,11 +3615,11 @@ declare class FocusAreaDetailCardComponent {
     protected metaLabelClasses: _angular_core.Signal<"text-xs font-medium text-slate-400 uppercase tracking-wide" | "text-xs font-medium text-slate-600 uppercase tracking-wide">;
     protected toolChipClasses: _angular_core.Signal<"px-2.5 py-1 rounded-md bg-emerald-500/10 text-emerald-300 text-xs border border-emerald-500/30" | "px-2.5 py-1 rounded-md bg-emerald-50 text-emerald-700 text-xs border border-emerald-200">;
     protected expandedSectionClasses: _angular_core.Signal<"p-4 rounded-lg bg-slate-700/30 border border-slate-600/30" | "p-4 rounded-lg bg-slate-50 border border-slate-200">;
-    protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
     protected insightItemClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed flex" | "text-sm text-slate-600 leading-relaxed flex">;
     protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
-    protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected toggleExpanded(): void;
     protected toggleCompetitiveGap(): void;
     onExpandItem(event: CustomEvent): void;
@@ -3451,7 +3627,7 @@ declare class FocusAreaDetailCardComponent {
     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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FocusAreaDetailCardComponent, "symphiq-focus-area-detail-card", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; "isSignal": true; }; "animationIndex": { "alias": "animationIndex"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface CompetitorContext {
@@ -3470,11 +3646,11 @@ interface StrengthOrWeaknessObject {
 }
 type StrengthOrWeakness = string | StrengthOrWeaknessObject;
 declare class CompetitorAnalysisCardComponent {
-    item?: ProfileItemInterface;
-    viewMode: ViewModeEnum;
-    set forceExpanded(value: boolean);
-    animationIndex: number;
-    inModalContext: boolean;
+    item: _angular_core.InputSignal<ProfileItemInterface | undefined>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    forceExpanded: _angular_core.InputSignal<boolean>;
+    animationIndex: _angular_core.InputSignal<number>;
+    inModalContext: _angular_core.InputSignal<boolean>;
     protected IconSourceEnum: typeof IconSourceEnum;
     protected isExpanded: _angular_core.WritableSignal<boolean>;
     private _forceExpanded;
@@ -3489,7 +3665,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-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>;
@@ -3520,104 +3696,104 @@ declare class CompetitorAnalysisCardComponent {
     protected linkClasses: _angular_core.Signal<"text-sm text-blue-400 hover:text-blue-300 underline transition-colors" | "text-sm text-blue-600 hover:text-blue-700 underline transition-colors">;
     protected listItemClasses: _angular_core.Signal<"text-sm text-slate-200 leading-relaxed flex items-start" | "text-sm text-slate-600 leading-relaxed flex items-start">;
     protected expandedSectionClasses: _angular_core.Signal<"p-4 rounded-lg bg-slate-700/30 border border-slate-600/30" | "p-4 rounded-lg bg-slate-50 border border-slate-200">;
-    protected expandedIconClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected expandedIconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected expandedTitleClasses: _angular_core.Signal<"text-sm font-semibold text-white" | "text-sm font-semibold text-slate-900">;
     protected expandedTextClasses: _angular_core.Signal<"text-sm text-slate-300 leading-relaxed" | "text-sm text-slate-600 leading-relaxed">;
     protected expandButtonClasses: _angular_core.Signal<"text-sm font-medium text-blue-400" | "text-sm font-medium text-blue-600">;
-    protected chevronClasses: _angular_core.Signal<"text-blue-600" | "text-blue-400">;
+    protected chevronClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
     protected toggleExpanded(): void;
     protected navigateToItem(item: ProfileItemInterface): void;
     onExpandItem(event: CustomEvent): void;
     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; }; "inModalContext": { "alias": "inModalContext"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CompetitorAnalysisCardComponent, "symphiq-competitor-analysis-card", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; "isSignal": true; }; "animationIndex": { "alias": "animationIndex"; "required": false; "isSignal": true; }; "inModalContext": { "alias": "inModalContext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class OpportunityHighlightBannerComponent {
-    title: string;
-    message?: string;
-    isDark: boolean;
-    isExpanded: boolean;
-    bannerClick: EventEmitter<void>;
+    title: _angular_core.InputSignal<string>;
+    message: _angular_core.InputSignal<string | undefined>;
+    isDark: _angular_core.InputSignal<boolean>;
+    isExpanded: _angular_core.InputSignal<boolean>;
+    bannerClick: _angular_core.OutputEmitterRef<void>;
     protected iconSource: IconSourceEnum;
     protected bannerClasses: _angular_core.Signal<"bg-gradient-to-r from-amber-500/10 to-orange-500/10 border-l-amber-500 border-r border-t border-b border-amber-500/30" | "bg-gradient-to-r from-amber-50 to-orange-50 border-l-amber-500 border-r border-t border-b border-amber-200">;
     protected iconContainerClasses: _angular_core.Signal<"bg-amber-500/20 text-amber-400" | "bg-amber-100 text-amber-600">;
     protected titleClasses: _angular_core.Signal<"text-amber-300" | "text-amber-900">;
     protected badgeClasses: _angular_core.Signal<"bg-amber-500/30 text-amber-300" | "bg-amber-200 text-amber-800">;
     protected messageClasses: _angular_core.Signal<"text-amber-700" | "text-amber-400/90">;
-    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; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; }, { "bannerClick": "bannerClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OpportunityHighlightBannerComponent, "symphiq-opportunity-highlight-banner", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "isDark": { "alias": "isDark"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; }, { "bannerClick": "bannerClick"; }, never, never, true, never>;
 }
 
 declare class SkeletonCardBaseComponent {
-    viewMode: ViewModeEnum;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
     protected getCardClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonCardBaseComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonCardBaseComponent, "symphiq-skeleton-card-base", never, { "viewMode": { "alias": "viewMode"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonCardBaseComponent, "symphiq-skeleton-card-base", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 declare class SkeletonBarComponent {
-    viewMode: ViewModeEnum;
-    width: string;
-    height: string;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    width: _angular_core.InputSignal<string>;
+    height: _angular_core.InputSignal<string>;
     protected getClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonBarComponent, "symphiq-skeleton-bar", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonBarComponent, "symphiq-skeleton-bar", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class SkeletonCircleComponent {
-    viewMode: ViewModeEnum;
-    size: string;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    size: _angular_core.InputSignal<string>;
     protected getClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonCircleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonCircleComponent, "symphiq-skeleton-circle", never, { "viewMode": { "alias": "viewMode"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonCircleComponent, "symphiq-skeleton-circle", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SkeletonCustomerSegmentCardComponent {
-    viewMode: ViewModeEnum;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonCustomerSegmentCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonCustomerSegmentCardComponent, "symphiq-skeleton-customer-segment-card", never, { "viewMode": { "alias": "viewMode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonCustomerSegmentCardComponent, "symphiq-skeleton-customer-segment-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SkeletonProductCategoryCardComponent {
-    viewMode: ViewModeEnum;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonProductCategoryCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonProductCategoryCardComponent, "symphiq-skeleton-product-category-card", never, { "viewMode": { "alias": "viewMode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonProductCategoryCardComponent, "symphiq-skeleton-product-category-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SkeletonGenericCardComponent {
-    viewMode: ViewModeEnum;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonGenericCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonGenericCardComponent, "symphiq-skeleton-generic-card", never, { "viewMode": { "alias": "viewMode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonGenericCardComponent, "symphiq-skeleton-generic-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class SkeletonRegionCardComponent {
-    viewMode: ViewModeEnum;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonRegionCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonRegionCardComponent, "symphiq-skeleton-region-card", never, { "viewMode": { "alias": "viewMode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonRegionCardComponent, "symphiq-skeleton-region-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class SkeletonSeasonCardComponent {
-    viewMode: ViewModeEnum;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonSeasonCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonSeasonCardComponent, "symphiq-skeleton-season-card", never, { "viewMode": { "alias": "viewMode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonSeasonCardComponent, "symphiq-skeleton-season-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class SkeletonPriceTierCardComponent {
-    viewMode: ViewModeEnum;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonPriceTierCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonPriceTierCardComponent, "symphiq-skeleton-price-tier-card", never, { "viewMode": { "alias": "viewMode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonPriceTierCardComponent, "symphiq-skeleton-price-tier-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SkeletonFocusAreaCardComponent {
-    viewMode: ViewModeEnum;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
     protected isDark: _angular_core.Signal<boolean>;
     protected iconSkeletonClasses: _angular_core.Signal<"w-12 h-12 bg-slate-700" | "w-12 h-12 bg-slate-200">;
     protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
     protected textSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
     protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonFocusAreaCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonFocusAreaCardComponent, "symphiq-skeleton-focus-area-card", never, { "viewMode": { "alias": "viewMode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonFocusAreaCardComponent, "symphiq-skeleton-focus-area-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SkeletonCompetitorCardComponent {
-    viewMode: ViewModeEnum;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
     protected isDark: _angular_core.Signal<boolean>;
     protected iconSkeletonClasses: _angular_core.Signal<"w-12 h-12 bg-slate-700" | "w-12 h-12 bg-slate-200">;
     protected titleSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
@@ -3625,7 +3801,7 @@ declare class SkeletonCompetitorCardComponent {
     protected boxSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
     protected badgeSkeletonClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonCompetitorCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonCompetitorCardComponent, "symphiq-skeleton-competitor-card", never, { "viewMode": { "alias": "viewMode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonCompetitorCardComponent, "symphiq-skeleton-competitor-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare const FUNNEL_ANALYSIS: FunnelAnalysisInterface;
@@ -3764,6 +3940,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, 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 };
+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, ShopPlatformEnum, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisDashboardComponent, SymphiqWelcomeDashboardComponent, 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, CreateAccountData, 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, TopPriorityInterface, ViewMode, ViewportBounds, VisualizationData, VisualizationType };
 //# sourceMappingURL=index.d.ts.map