@eric-emg/symphiq-components 1.2.358 → 1.2.360

package/index.d.ts

@@ -1058,7 +1058,7 @@ declare class ModalComponent {
     private animatedTrendValues;
     private animationFrames;
     isOpen: _angular_core.Signal<boolean>;
-    modalType: _angular_core.Signal<"metric" | "insight" | "chart" | "insights-list" | "goal-insights-list" | "goal-business-insights-list" | "business-insight-detail" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis" | "funnel-strengths-list" | "funnel-weaknesses-list" | "funnel-strength-detail" | "funnel-weakness-detail" | null>;
+    modalType: _angular_core.Signal<"chart" | "insight" | "metric" | "insights-list" | "goal-insights-list" | "goal-business-insights-list" | "business-insight-detail" | "metrics-list" | "charts-list" | "recommendations-list" | "competitive-analysis" | "funnel-strengths-list" | "funnel-weaknesses-list" | "funnel-strength-detail" | "funnel-weakness-detail" | null>;
     charts: _angular_core.Signal<AiChartInterface[]>;
     modalKey: _angular_core.Signal<number>;
     insightData: _angular_core.Signal<InsightBlockInterface | null>;
@@ -1077,7 +1077,7 @@ declare class ModalComponent {
         description: string;
         icon: string;
     } | null>;
-    metricsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
+    metricsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
     metricsListMetrics: _angular_core.Signal<PerformanceMetricInterface[]>;
     metricsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1085,7 +1085,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    chartsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
+    chartsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
     chartsListCharts: _angular_core.Signal<AiChartInterface[]>;
     chartsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1093,7 +1093,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    recommendationsListData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
+    recommendationsListData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
     recommendationsListRecommendations: _angular_core.Signal<string[]>;
     recommendationsListInsightContext: _angular_core.Signal<{
         title: string;
@@ -1101,7 +1101,7 @@ declare class ModalComponent {
         businessContext: string;
         priority: number;
     } | null>;
-    competitiveAnalysisData: _angular_core.Signal<InsightBlockInterface | PerformanceMetricInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | AiChartInterface | (InsightBlockInterface | PerformanceMetricInterface)[] | null>;
+    competitiveAnalysisData: _angular_core.Signal<PerformanceMetricInterface | AiChartInterface | InsightBlockInterface | FunnelStrengthsListModalData | FunnelWeaknessesListModalData | FunnelStrengthDetailModalData | FunnelWeaknessDetailModalData | (PerformanceMetricInterface | InsightBlockInterface)[] | null>;
     competitiveAnalysisContext: _angular_core.Signal<{
         title: string;
         description: string;
@@ -1453,10 +1453,10 @@ declare class SymphiqFunnelAnalysisDashboardComponent implements AfterViewInit {
      */
     private chartsById;
     headerClass: _angular_core.Signal<string>;
-    headerTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    headerSubtitleClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    metaLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-500">;
-    sectionTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
+    headerTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
+    headerSubtitleClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    metaLabelClass: _angular_core.Signal<"text-slate-500" | "text-slate-600">;
+    sectionTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
     selectClass: _angular_core.Signal<"bg-white text-slate-900 border-slate-300 hover:border-blue-400 transition-all duration-200" | "bg-slate-700 text-white border-slate-600 hover:border-slate-500 transition-all duration-200">;
     sortButtonClass: _angular_core.Signal<"bg-white text-slate-900 border border-slate-300 hover:bg-blue-50 hover:border-blue-400 hover:text-blue-600 transition-all duration-200" | "bg-slate-700 text-white border border-slate-600 hover:bg-slate-600 hover:border-slate-500 transition-all duration-200">;
     formattedGeneratedDate: _angular_core.Signal<string | null>;
@@ -1619,9 +1619,9 @@ declare class MetricCardComponent {
     competitiveScoreBadgeLightClass: _angular_core.Signal<string>;
     competitiveScoreBadgeDarkClass: _angular_core.Signal<string>;
     competitiveScoreBadgeClass: _angular_core.Signal<string>;
-    competitiveScoreTextClass: _angular_core.Signal<"" | "text-emerald-600" | "text-blue-700" | "text-blue-400" | "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;
@@ -1862,10 +1862,10 @@ declare class OverallAssessmentComponent {
     revenueTrendArrowPath: _angular_core.Signal<"M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z" | "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z" | "M3 10h11m0 0l-4-4m4 4l-4 4">;
     lightModeTrendIconClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
     darkModeTrendIconClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
-    trendIconClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
+    trendIconClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
     lightModeTrendValueClass: _angular_core.Signal<"text-emerald-600" | "text-red-600">;
     darkModeTrendValueClass: _angular_core.Signal<"text-emerald-400" | "text-red-400">;
-    trendValueClass: _angular_core.Signal<"text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
+    trendValueClass: _angular_core.Signal<"text-emerald-400" | "text-emerald-600" | "text-red-400" | "text-red-600">;
     formattedRevenueTrend: _angular_core.Signal<string>;
     formattedRevenueTarget: _angular_core.Signal<string>;
     hasRevenuePacing: _angular_core.Signal<boolean>;
@@ -2751,7 +2751,7 @@ declare class PacingStatusBadgeComponent implements OnDestroy {
     private animateValue;
     protected displayInfo: _angular_core.Signal<PacingDisplayInfo>;
     protected containerClasses: _angular_core.Signal<string>;
-    protected targetRotation: _angular_core.Signal<1 | 0 | -1>;
+    protected targetRotation: _angular_core.Signal<0 | 1 | -1>;
     protected rotationStyle: _angular_core.Signal<string>;
     protected fullBadgeRotationStyle: _angular_core.Signal<string>;
     protected containerSizeClasses: _angular_core.Signal<"inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-1.5" | "inline-flex flex-row items-center rounded-xl border-2 overflow-visible transition-transform hover:rotate-0 pl-2">;
@@ -3294,12 +3294,15 @@ declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChan
     account: _angular_core.InputSignal<AccountInterface | undefined>;
     profileShop: _angular_core.InputSignal<ProfileShopInterface | undefined>;
     profileShopQuestions: _angular_core.InputSignal<ProfileShopQuestionInterface[] | undefined>;
+    profileShopAnswers: _angular_core.InputSignal<_jebgem_model.AbstractItemProfileAnswerInterface[] | undefined>;
+    profileShopAnswerHistories: _angular_core.InputSignal<_jebgem_model.AbstractItemProfileAnswerHistoryInterface[] | undefined>;
     itemStatusProfileShop: _angular_core.InputSignal<ItemStatusInterface | undefined>;
     itemStatusProfileAnalysis: _angular_core.InputSignal<ItemStatusInterface | undefined>;
     planCardInfos: _angular_core.InputSignal<PlanCardInfoInterface[] | undefined>;
     isOnboarded: _angular_core.InputSignal<boolean>;
     scrollEvent: _angular_core.InputSignal<ScrollCustomEvent$1 | null | undefined>;
     scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
+    users: _angular_core.InputSignal<UserInterface[] | undefined>;
     isLoading: _angular_core.InputSignal<boolean | undefined>;
     forDemo: _angular_core.InputSignal<boolean>;
     maxAccessibleStepId: _angular_core.InputSignal<JourneyStepIdEnum | undefined>;
@@ -3516,7 +3519,7 @@ declare class SymphiqProfileAnalysisDashboardComponent implements OnInit, OnChan
     protected handleStartCategoryQuestions(categoryId: string): void;
     protected handleShopProfileContinueClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileAnalysisDashboardComponent, 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; }; "account": { "alias": "account"; "required": false; "isSignal": true; }; "profileShop": { "alias": "profileShop"; "required": false; "isSignal": true; }; "profileShopQuestions": { "alias": "profileShopQuestions"; "required": false; "isSignal": true; }; "itemStatusProfileShop": { "alias": "itemStatusProfileShop"; "required": false; "isSignal": true; }; "itemStatusProfileAnalysis": { "alias": "itemStatusProfileAnalysis"; "required": false; "isSignal": true; }; "planCardInfos": { "alias": "planCardInfos"; "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; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; "currencySelectionClick": "currencySelectionClick"; "editCurrencyClick": "editCurrencyClick"; "periodUnitChanged": "periodUnitChanged"; "planSelected": "planSelected"; "checkoutPlanClick": "checkoutPlanClick"; "answerShopProfileQuestions": "answerShopProfileQuestions"; "continueShopProfileQuestions": "continueShopProfileQuestions"; }, 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; }; "account": { "alias": "account"; "required": false; "isSignal": true; }; "profileShop": { "alias": "profileShop"; "required": false; "isSignal": true; }; "profileShopQuestions": { "alias": "profileShopQuestions"; "required": false; "isSignal": true; }; "profileShopAnswers": { "alias": "profileShopAnswers"; "required": false; "isSignal": true; }; "profileShopAnswerHistories": { "alias": "profileShopAnswerHistories"; "required": false; "isSignal": true; }; "itemStatusProfileShop": { "alias": "itemStatusProfileShop"; "required": false; "isSignal": true; }; "itemStatusProfileAnalysis": { "alias": "itemStatusProfileAnalysis"; "required": false; "isSignal": true; }; "planCardInfos": { "alias": "planCardInfos"; "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; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; "currencySelectionClick": "currencySelectionClick"; "editCurrencyClick": "editCurrencyClick"; "periodUnitChanged": "periodUnitChanged"; "planSelected": "planSelected"; "checkoutPlanClick": "checkoutPlanClick"; "answerShopProfileQuestions": "answerShopProfileQuestions"; "continueShopProfileQuestions": "continueShopProfileQuestions"; }, never, never, true, never>;
 }
 
 declare class ShopWelcomeBannerComponent {
@@ -3618,32 +3621,32 @@ declare class MetricExecutiveSummaryComponent {
     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 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 metricLabelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected metricValueClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
-    protected yoyChangeClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400" | "text-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400">;
+    protected yoyChangeClasses: _angular_core.Signal<"text-slate-400" | "text-emerald-400" | "text-emerald-600" | "text-slate-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-200" | "text-slate-800">;
-    protected narrativeTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected narrativeTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected sectionTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
     protected priorityCardClasses: _angular_core.Signal<"bg-slate-800/50 border border-slate-700/50 hover:border-slate-600/70" | "bg-white border border-slate-200 hover:border-slate-300">;
     protected priorityNumberClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
     protected priorityTitleClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
-    protected priorityTextClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected 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-400" | "text-blue-600">;
-    protected impactTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected impactTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected quickWinCardClasses: _angular_core.Signal<"bg-white border border-slate-200" | "bg-slate-800/50 border border-slate-700/50">;
     protected numberBadgeClasses: _angular_core.Signal<"bg-blue-500/20 text-blue-300" | "bg-blue-100 text-blue-800">;
     protected quickWinTextClasses: _angular_core.Signal<"text-slate-900" | "text-slate-100">;
-    protected metaTextClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected metaTextClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected getEffortBadgeClasses(effort: string | undefined): string;
     protected getImpactBadgeClasses(impact: string | undefined): string;
     protected formatMetricName(name: string): string;
@@ -3734,6 +3737,8 @@ declare class ShopProfileStatusCardComponent implements AfterViewInit, OnDestroy
     totalQuestions: _angular_core.InputSignal<number>;
     answeredQuestions: _angular_core.InputSignal<number>;
     questions: _angular_core.InputSignal<ProfileShopQuestionInterface[]>;
+    profileShopAnswers: _angular_core.InputSignal<_jebgem_model.AbstractItemProfileAnswerInterface[]>;
+    users: _angular_core.InputSignal<UserInterface[]>;
     startCategoryQuestions: _angular_core.OutputEmitterRef<string>;
     questionAnswerRequested: _angular_core.OutputEmitterRef<ProfileShopQuestionInterface>;
     chartDiv: ElementRef;
@@ -3770,7 +3775,7 @@ declare class ShopProfileStatusCardComponent implements AfterViewInit, OnDestroy
     protected getIntroTitleClasses(): string;
     protected getIntroTextClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileStatusCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileStatusCardComponent, "symphiq-shop-profile-status-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "totalQuestions": { "alias": "totalQuestions"; "required": false; "isSignal": true; }; "answeredQuestions": { "alias": "answeredQuestions"; "required": false; "isSignal": true; }; "questions": { "alias": "questions"; "required": false; "isSignal": true; }; }, { "startCategoryQuestions": "startCategoryQuestions"; "questionAnswerRequested": "questionAnswerRequested"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileStatusCardComponent, "symphiq-shop-profile-status-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "totalQuestions": { "alias": "totalQuestions"; "required": false; "isSignal": true; }; "answeredQuestions": { "alias": "answeredQuestions"; "required": false; "isSignal": true; }; "questions": { "alias": "questions"; "required": false; "isSignal": true; }; "profileShopAnswers": { "alias": "profileShopAnswers"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; }, { "startCategoryQuestions": "startCategoryQuestions"; "questionAnswerRequested": "questionAnswerRequested"; }, never, never, true, never>;
 }
 
 declare class ShopProfileStickyFooterComponent {
@@ -3790,6 +3795,8 @@ declare class ShopProfileStickyFooterComponent {
 declare class ShopProfileQuestionsModalComponent {
     isOpen: _angular_core.InputSignal<boolean>;
     questions: _angular_core.InputSignal<ProfileShopQuestionInterface[]>;
+    profileShopAnswers: _angular_core.InputSignal<_jebgem_model.AbstractItemProfileAnswerInterface[]>;
+    users: _angular_core.InputSignal<UserInterface[]>;
     selectedCategoryId: _angular_core.InputSignal<string | null>;
     selectedFocusAreaId: _angular_core.InputSignal<string | null>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
@@ -3832,34 +3839,36 @@ declare class ShopProfileQuestionsModalComponent {
     protected emptyStateTextClasses(): string;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileQuestionsModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileQuestionsModalComponent, "symphiq-shop-profile-questions-modal", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "questions": { "alias": "questions"; "required": false; "isSignal": true; }; "selectedCategoryId": { "alias": "selectedCategoryId"; "required": false; "isSignal": true; }; "selectedFocusAreaId": { "alias": "selectedFocusAreaId"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, { "close": "close"; "questionAnswerClick": "questionAnswerClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileQuestionsModalComponent, "symphiq-shop-profile-questions-modal", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "questions": { "alias": "questions"; "required": false; "isSignal": true; }; "profileShopAnswers": { "alias": "profileShopAnswers"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "selectedCategoryId": { "alias": "selectedCategoryId"; "required": false; "isSignal": true; }; "selectedFocusAreaId": { "alias": "selectedFocusAreaId"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, { "close": "close"; "questionAnswerClick": "questionAnswerClick"; }, never, never, true, never>;
 }
 
 declare class ShopProfileQuestionCardComponent {
     question: _angular_core.InputSignal<ProfileShopQuestionInterface>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     viewType: _angular_core.InputSignal<"category" | "focus-area">;
+    profileShopAnswers: _angular_core.InputSignal<_jebgem_model.AbstractItemProfileAnswerInterface[]>;
+    users: _angular_core.InputSignal<UserInterface[]>;
     answerClick: _angular_core.OutputEmitterRef<ProfileShopQuestionInterface>;
-    private tooltipService;
+    protected questionAnswers: _angular_core.Signal<{
+        answer: _jebgem_model.AbstractItemProfileAnswerInterface;
+        user: UserInterface | undefined;
+    }[]>;
     protected isAnswered: _angular_core.Signal<boolean>;
     protected showFocusAreaChips: _angular_core.Signal<boolean>;
     protected relatedFocusAreas: _angular_core.Signal<FocusAreaDomainEnum[]>;
     protected getFocusAreaTitle(focusArea: FocusAreaDomainEnum): string;
-    protected getAnswerDisplay(): string;
-    protected showFocusAreaTooltip(event: MouseEvent): void;
-    protected hideTooltip(): void;
+    protected formatAnswerDate(date: Date | string | undefined): string;
     protected onAnswerClick(): void;
     protected isLightMode(): boolean;
     protected containerClasses(): string;
     protected questionTextClasses(): string;
     protected contextTextClasses(): string;
     protected relatedLabelClasses(): string;
-    protected infoIconClasses(): string;
     protected focusAreaChipClasses(): string;
-    protected answeredContainerClasses(): string;
-    protected checkmarkClasses(): string;
-    protected answerLabelClasses(): string;
+    protected checkboxClasses(): string;
+    protected answerChipClasses(): string;
     protected answerTextClasses(): string;
+    protected answerDateClasses(): string;
     protected unansweredContainerClasses(): string;
     protected emptyStateIconContainerClasses(): string;
     protected emptyStateIconClasses(): string;
@@ -3868,7 +3877,7 @@ declare class ShopProfileQuestionCardComponent {
     protected unansweredTextClasses(): string;
     protected buttonClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileQuestionCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileQuestionCardComponent, "symphiq-shop-profile-question-card", never, { "question": { "alias": "question"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; }, { "answerClick": "answerClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileQuestionCardComponent, "symphiq-shop-profile-question-card", never, { "question": { "alias": "question"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "profileShopAnswers": { "alias": "profileShopAnswers"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; }, { "answerClick": "answerClick"; }, never, never, true, never>;
 }
 
 declare class HorizontalBarComponent implements OnInit, OnDestroy {
@@ -3907,7 +3916,7 @@ declare class CircularProgressComponent implements OnInit, OnDestroy {
     backgroundColor: _angular_core.InputSignal<string>;
     showPercentage: _angular_core.InputSignal<boolean>;
     textClasses: _angular_core.InputSignal<string>;
-    strokeLinecap: _angular_core.InputSignal<"square" | "round" | "butt">;
+    strokeLinecap: _angular_core.InputSignal<"round" | "butt" | "square">;
     animationDuration: _angular_core.InputSignal<number>;
     animationDelay: _angular_core.InputSignal<number>;
     private elementRef;
@@ -4019,18 +4028,18 @@ declare class SearchModalComponent {
     clearButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700 text-slate-300 hover:bg-slate-600">;
     closeButtonClass: _angular_core.Signal<"text-slate-400 hover:text-slate-600 hover:bg-slate-100" | "text-slate-500 hover:text-slate-300 hover:bg-slate-700">;
     resultsContainerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
-    resultTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    resultDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    resultTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
+    resultDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     breadcrumbClass: _angular_core.Signal<string>;
     typeBadgeClass: _angular_core.Signal<"bg-slate-100 text-slate-600" | "bg-slate-700 text-slate-300">;
     arrowClass: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
     emptyStateClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
-    emptyIconClass: _angular_core.Signal<"text-slate-600" | "text-slate-300">;
-    emptyTitleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    emptyDescClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    shortcutsClass: _angular_core.Signal<"bg-slate-900/50 border-slate-700" | "bg-slate-50 border-slate-200">;
+    emptyIconClass: _angular_core.Signal<"text-slate-300" | "text-slate-600">;
+    emptyTitleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
+    emptyDescClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    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">;
+    shortcutTextClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchModalComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchModalComponent, "symphiq-search-modal", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "results": { "alias": "results"; "required": false; "isSignal": true; }; "hasResults": { "alias": "hasResults"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; "resultSelected": "resultSelected"; "close": "close"; }, never, never, true, never>;
 }
@@ -4040,7 +4049,7 @@ declare class GradeBadgeComponent {
     gradeRationale: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
+    tooltipPosition: _angular_core.InputSignal<"left" | "right" | "top" | "bottom">;
     isLightMode: _angular_core.Signal<boolean>;
     formattedGrade: _angular_core.Signal<string>;
     shouldPulse: _angular_core.Signal<boolean>;
@@ -4050,7 +4059,7 @@ declare class GradeBadgeComponent {
         explanation: string;
     }>;
     private formatGrade;
-    badgeLabelClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    badgeLabelClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     gradeBadgeClass: _angular_core.Signal<string>;
     private getGradeBadgeClassLight;
     private getGradeBadgeClassDark;
@@ -4125,15 +4134,15 @@ declare class ConfidenceLevelCardComponent implements OnInit, OnDestroy {
     protected cardContainerClasses: _angular_core.Signal<"border-2 shadow-2xl bg-slate-800/60 border-slate-700/50 backdrop-blur-xl" | "border-2 shadow-2xl bg-white/90 border-slate-200/50 backdrop-blur-xl shadow-slate-200/50">;
     protected backgroundOverlayClasses: _angular_core.Signal<"bg-gradient-to-br from-emerald-500/30 via-teal-500/20 to-emerald-500/30" | "bg-gradient-to-br from-emerald-400/20 via-teal-400/10 to-emerald-400/20" | "bg-gradient-to-br from-blue-500/30 via-cyan-500/20 to-blue-500/30" | "bg-gradient-to-br from-blue-400/20 via-cyan-400/10 to-blue-400/20" | "bg-gradient-to-br from-orange-500/30 via-amber-500/20 to-orange-500/30" | "bg-gradient-to-br from-orange-400/20 via-amber-400/10 to-orange-400/20" | "bg-gradient-to-br from-red-500/30 via-rose-500/20 to-red-500/30" | "bg-gradient-to-br from-red-400/20 via-rose-400/10 to-red-400/20">;
     protected titleClasses: _angular_core.Signal<"text-white" | "bg-gradient-to-r from-slate-700 to-slate-900 bg-clip-text text-transparent">;
-    protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected gradeBadgeContainerClasses: _angular_core.Signal<string>;
-    protected glowEffectClasses: _angular_core.Signal<"bg-emerald-500" | "bg-blue-500" | "bg-orange-500" | "bg-red-500">;
+    protected glowEffectClasses: _angular_core.Signal<"bg-orange-500" | "bg-emerald-500" | "bg-blue-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-blue-700" | "text-red-700" | "text-orange-700" | "text-red-300" | "text-blue-300" | "text-emerald-300" | "text-orange-300">;
+    protected gradeLabelClasses: _angular_core.Signal<"text-blue-300" | "text-blue-700" | "text-emerald-300" | "text-emerald-700" | "text-red-700" | "text-orange-700" | "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-emerald-600" | "text-emerald-400" | "text-red-600" | "text-red-400" | "text-blue-400" | "text-orange-600" | "text-orange-400" | "text-blue-600">;
+    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>;
@@ -4155,12 +4164,12 @@ declare class RelatedContentSidebarComponent {
     protected funnelInsightsCount: _angular_core.Signal<number>;
     protected funnelMetricsCount: _angular_core.Signal<number>;
     protected businessInsightsCount: _angular_core.Signal<number>;
-    protected headerClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected headerClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected buttonClasses: _angular_core.Signal<"bg-slate-50 border-slate-200 hover:border-blue-500/50 hover:bg-slate-100" | "bg-slate-800/50 border-slate-700 hover:border-blue-500/50 hover:bg-slate-700/50">;
     protected iconBgClasses: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-900/30 text-blue-400">;
     protected iconClasses: _angular_core.Signal<"text-blue-400" | "text-blue-600">;
-    protected countClasses: _angular_core.Signal<"text-slate-900" | "text-white">;
-    protected labelClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected countClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    protected labelClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     protected chevronClasses: _angular_core.Signal<"text-slate-500 group-hover:text-blue-400" | "text-slate-400 group-hover:text-blue-600">;
     protected onFunnelInsightsClick(): void;
     protected onFunnelMetricsClick(): void;
@@ -4181,15 +4190,15 @@ declare class ContentGenerationProgressComponent {
     protected containerClasses: _angular_core.Signal<"bg-gradient-to-br from-slate-50 to-white" | "bg-gradient-to-br from-slate-900 to-slate-800">;
     protected iconContainerClasses: _angular_core.Signal<"bg-gradient-to-br from-blue-500 to-purple-500 text-white shadow-lg shadow-blue-500/30" | "bg-gradient-to-br from-blue-400 to-purple-400 text-white shadow-lg shadow-blue-400/30">;
     protected titleClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 bg-clip-text text-transparent" | "bg-gradient-to-r from-blue-400 via-purple-400 to-blue-400 bg-clip-text text-transparent">;
-    protected subtitleClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
-    protected progressMessageClasses: _angular_core.Signal<"text-slate-700" | "text-slate-300">;
+    protected subtitleClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
+    protected progressMessageClasses: _angular_core.Signal<"text-slate-300" | "text-slate-700">;
     protected progressBarContainerClasses: _angular_core.Signal<string>;
     protected progressBarBackgroundClasses: _angular_core.Signal<"bg-slate-200" | "bg-slate-700">;
     protected progressBarFillClasses: _angular_core.Signal<"bg-gradient-to-r from-blue-500 via-cyan-500 to-blue-600 shadow-lg shadow-blue-500/40" | "bg-gradient-to-r from-blue-400 via-cyan-400 to-blue-500 shadow-lg shadow-blue-400/40">;
     protected dotClasses: _angular_core.Signal<"bg-blue-400 shadow-lg shadow-blue-400/60" | "bg-cyan-300 shadow-lg shadow-cyan-300/60">;
     protected dotColor: _angular_core.Signal<"#60a5fa" | "#67e8f9">;
     protected progressGlowClasses: _angular_core.Signal<"bg-blue-400 shadow-xl" | "bg-cyan-300 shadow-xl">;
-    protected percentageClasses: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    protected percentageClasses: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentGenerationProgressComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentGenerationProgressComponent, "symphiq-content-generation-progress", never, { "itemStatus": { "alias": "itemStatus"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -4216,11 +4225,11 @@ declare class IndeterminateSpinnerComponent {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     size: _angular_core.InputSignal<SpinnerSize>;
     color: _angular_core.InputSignal<string | undefined>;
-    svgSize: _angular_core.Signal<40 | 80 | 60>;
+    svgSize: _angular_core.Signal<60 | 40 | 80>;
     circleRadius: _angular_core.Signal<16 | 36 | 26>;
     svgCircleRadius: _angular_core.Signal<number>;
-    strokeWidth: _angular_core.Signal<3 | 2 | 2.5>;
-    dotSize: _angular_core.Signal<5 | 10 | 7>;
+    strokeWidth: _angular_core.Signal<2 | 3 | 2.5>;
+    dotSize: _angular_core.Signal<10 | 5 | 7>;
     containerClasses: _angular_core.Signal<{
         'w-10 h-10': boolean;
         'w-16 h-16': boolean;
@@ -4240,6 +4249,34 @@ declare class IndeterminateSpinnerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndeterminateSpinnerComponent, "symphiq-indeterminate-spinner", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type AvatarSize = 'small' | 'medium' | 'large';
+declare class UserAvatarComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    user: _angular_core.InputSignal<UserInterface | undefined>;
+    size: _angular_core.InputSignal<AvatarSize>;
+    protected displayName: _angular_core.Signal<string>;
+    protected initials: _angular_core.Signal<string>;
+    protected avatarColor: _angular_core.Signal<{
+        bg: string;
+        text: string;
+    }>;
+    protected containerClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserAvatarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserAvatarComponent, "symphiq-user-avatar", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UserDisplayComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    user: _angular_core.InputSignal<UserInterface | undefined>;
+    avatarSize: _angular_core.InputSignal<AvatarSize>;
+    showEmail: _angular_core.InputSignal<boolean>;
+    protected displayName: _angular_core.Signal<string>;
+    protected nameClasses: _angular_core.Signal<"text-white" | "text-slate-900">;
+    protected emailClasses: _angular_core.Signal<"text-slate-400" | "text-slate-500">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserDisplayComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserDisplayComponent, "symphiq-user-display", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "avatarSize": { "alias": "avatarSize"; "required": false; "isSignal": true; }; "showEmail": { "alias": "showEmail"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class ChartContainerComponent {
     chart: _angular_core.InputSignal<AiChartInterface>;
     isLightMode: _angular_core.InputSignal<boolean>;
@@ -4253,10 +4290,10 @@ declare class ChartContainerComponent {
     protected ChartTypeEnum: typeof ChartTypeEnum;
     containerClass: _angular_core.Signal<"bg-white border-slate-200 hover:border-blue-300 hover:shadow-blue-100/50" | "bg-slate-800 border-slate-700 hover:border-slate-600 hover:shadow-slate-900/50">;
     headerClass: _angular_core.Signal<"border-slate-200" | "border-slate-700">;
-    titleClass: _angular_core.Signal<"text-slate-900" | "text-white">;
-    descriptionClass: _angular_core.Signal<"text-slate-600" | "text-slate-400">;
+    titleClass: _angular_core.Signal<"text-white" | "text-slate-900">;
+    descriptionClass: _angular_core.Signal<"text-slate-400" | "text-slate-600">;
     iconClass: _angular_core.Signal<"text-slate-400 group-hover:text-blue-500" | "text-slate-500 group-hover:text-blue-400">;
-    chartIconClass: _angular_core.Signal<"bg-blue-100 text-blue-600" | "bg-blue-500/20 text-blue-400">;
+    chartIconClass: _angular_core.Signal<"bg-blue-500/20 text-blue-400" | "bg-blue-100 text-blue-600">;
     expandButtonClass: _angular_core.Signal<"bg-blue-100 text-blue-600 hover:bg-blue-200" | "bg-blue-500/20 text-blue-400 hover:bg-blue-500/30">;
     closeButtonClass: _angular_core.Signal<"bg-slate-100 text-slate-600 hover:bg-slate-200" | "bg-slate-700/50 text-slate-400 hover:bg-slate-600/50">;
     isCollapsible: _angular_core.Signal<boolean>;
@@ -4276,7 +4313,7 @@ declare class LineChartComponent implements OnInit, AfterViewInit, OnDestroy {
     currencySymbol: _angular_core.InputSignal<string>;
     height: _angular_core.InputSignal<string | undefined>;
     chartHeight: _angular_core.Signal<string>;
-    cursorColor: _angular_core.Signal<9741240 | 16777215>;
+    cursorColor: _angular_core.Signal<16777215 | 9741240>;
     tooltipTextColor: _angular_core.Signal<0 | 16777215>;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
@@ -4321,7 +4358,7 @@ declare class BarChartComponent implements OnInit, AfterViewInit, OnDestroy {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     currencySymbol: _angular_core.InputSignal<string>;
     chartHeight: _angular_core.Signal<"500px" | "175px">;
-    cursorColor: _angular_core.Signal<9741240 | 16777215>;
+    cursorColor: _angular_core.Signal<16777215 | 9741240>;
     tooltipTextColor: _angular_core.Signal<0 | 16777215>;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
@@ -4395,7 +4432,7 @@ declare class AreaChartComponent implements OnInit, AfterViewInit, OnDestroy {
     currencySymbol: _angular_core.InputSignal<string>;
     height: _angular_core.InputSignal<string | undefined>;
     chartHeight: _angular_core.Signal<string>;
-    cursorColor: _angular_core.Signal<9741240 | 16777215>;
+    cursorColor: _angular_core.Signal<16777215 | 9741240>;
     chartHash: _angular_core.Signal<string>;
     chartDiv: ElementRef;
     private root?;
@@ -4435,7 +4472,7 @@ declare class TooltipContainerComponent {
     isVisible: _angular_core.Signal<boolean>;
     tooltipType: _angular_core.Signal<string | null>;
     tooltipContent: _angular_core.Signal<string | Record<string, unknown> | undefined>;
-    tooltipPosition: _angular_core.Signal<"top" | "bottom" | "left" | "right" | "auto">;
+    tooltipPosition: _angular_core.Signal<"auto" | "left" | "right" | "top" | "bottom">;
     targetRect: _angular_core.Signal<DOMRect | null>;
     mousePosition: _angular_core.Signal<{
         x: number;
@@ -4460,7 +4497,7 @@ declare class TooltipContainerComponent {
     shouldCenter: _angular_core.Signal<boolean>;
     containerClass: _angular_core.Signal<"" | "-translate-x-1/2">;
     contentClass: _angular_core.Signal<"bg-white/95 border-slate-300 text-slate-900" | "bg-slate-800/95 border-slate-600 text-white">;
-    textClass: _angular_core.Signal<"text-slate-700" | "text-slate-200">;
+    textClass: _angular_core.Signal<"text-slate-200" | "text-slate-700">;
     viewMoreButtonClass: _angular_core.Signal<"bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-200 hover:border-blue-400 hover:text-blue-800 active:bg-blue-300" | "bg-blue-500/10 text-blue-400 border border-blue-500/20 hover:bg-blue-500/30 hover:border-blue-500/40 hover:text-blue-300 active:bg-blue-500/40">;
     transformStyle: _angular_core.Signal<"none" | "translateX(-192px)">;
     constructor();
@@ -4944,6 +4981,6 @@ declare function validateRevenueTarget(targetRevenue: number, calculations: Metr
     withinTolerance: boolean;
 };
 
-export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DataLoaderService, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopProfileCategoryListComponent, ShopProfileQuestionCardComponent, ShopProfileQuestionsModalComponent, ShopProfileStatusCardComponent, ShopProfileStickyFooterComponent, ShopProfileViewToggleComponent, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, StickySubscriptionContinueButtonComponent, SubscriptionValuePropositionCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, ViewModeService, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
-export type { AnimationType, BusinessInsightDetailModalData, BusinessSearchResult, CategoryColorPalette, CategoryDetailModalData, CategoryProgressItem, ChartThemeColors, ConfettiConfig, ConfettiIntensity, CreateAccountData, CriticalGapDetailModalData, CriticalGapsListModalData, CrossDashboardRelationships, DataKey, FocusAreaGapDetailModalData, FocusAreaGapsListModalData, FocusAreaOpportunitiesListModalData, FocusAreaOpportunityDetailModalData, FocusAreaStrengthDetailModalData, FocusAreaStrengthsListModalData, FunnelMetricOrder, FunnelRatio, FunnelStrengthDetailModalData, FunnelStrengthInterface, FunnelStrengthsListModalData, FunnelWeaknessDetailModalData, FunnelWeaknessInterface, FunnelWeaknessesListModalData, GapDetailModalData, GoalBusinessInsightsListModalData, GoalDetailModalData, GoalInsightsListModalData, GoalObjectivesModalData, HeaderScrollConfig, ItemDetailModalData, JourneyStep$1 as JourneyStep, KeyStrengthDetailModalData, KeyStrengthsListModalData, LayoutMode, Metric, MetricTargetCalculation, MetricTargetWithPrecision, MetricsListModalData, ModalState, NavSection, NavigationState, ObjectiveStrategiesModalData, OpportunityDetailModalData, RecommendationBusinessInsightsListModalData, RecommendationInsightsListModalData, RelatedBusinessContent, RelatedFunnelContent, RelatedMetricRatio, RevenueCalculationResult, ReverseCalculationContext, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollCustomEvent, ScrollDepthInfo, ScrollDetail, SemanticColors, ShadowLevel, ShopProfileViewType, SpinnerSize, StrategyRecommendationsModalData, StrengthDetailModalData, ThemeColorContext, ThemeMode, TooltipPosition, TooltipState, TooltipType, TopPrioritiesListModalData, TopPriorityDetailModalData, TopPriorityInterface, ViewMode, ViewportBounds, VisualizationData, VisualizationType };
+export { AreaChartComponent, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, DataLoaderService, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricReportModalComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PacingStatusBadgeComponent, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopProfileCategoryListComponent, ShopProfileQuestionCardComponent, ShopProfileQuestionsModalComponent, ShopProfileStatusCardComponent, ShopProfileStickyFooterComponent, ShopProfileViewToggleComponent, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, StickySubscriptionContinueButtonComponent, SubscriptionValuePropositionCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TargetChangeBadgeComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, UserAvatarComponent, UserDisplayComponent, ViewModeService, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
+export type { AnimationType, AvatarSize, BusinessInsightDetailModalData, BusinessSearchResult, CategoryColorPalette, CategoryDetailModalData, CategoryProgressItem, ChartThemeColors, ConfettiConfig, ConfettiIntensity, CreateAccountData, CriticalGapDetailModalData, CriticalGapsListModalData, CrossDashboardRelationships, DataKey, FocusAreaGapDetailModalData, FocusAreaGapsListModalData, FocusAreaOpportunitiesListModalData, FocusAreaOpportunityDetailModalData, FocusAreaStrengthDetailModalData, FocusAreaStrengthsListModalData, FunnelMetricOrder, FunnelRatio, FunnelStrengthDetailModalData, FunnelStrengthInterface, FunnelStrengthsListModalData, FunnelWeaknessDetailModalData, FunnelWeaknessInterface, FunnelWeaknessesListModalData, GapDetailModalData, GoalBusinessInsightsListModalData, GoalDetailModalData, GoalInsightsListModalData, GoalObjectivesModalData, HeaderScrollConfig, ItemDetailModalData, JourneyStep$1 as JourneyStep, KeyStrengthDetailModalData, KeyStrengthsListModalData, LayoutMode, Metric, MetricTargetCalculation, MetricTargetWithPrecision, MetricsListModalData, ModalState, NavSection, NavigationState, ObjectiveStrategiesModalData, OpportunityDetailModalData, RecommendationBusinessInsightsListModalData, RecommendationInsightsListModalData, RelatedBusinessContent, RelatedFunnelContent, RelatedMetricRatio, RevenueCalculationResult, ReverseCalculationContext, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollCustomEvent, ScrollDepthInfo, ScrollDetail, SemanticColors, ShadowLevel, ShopProfileViewType, SpinnerSize, StrategyRecommendationsModalData, StrengthDetailModalData, ThemeColorContext, ThemeMode, TooltipPosition, TooltipState, TooltipType, TopPrioritiesListModalData, TopPriorityDetailModalData, TopPriorityInterface, ViewMode, ViewportBounds, VisualizationData, VisualizationType };
 //# sourceMappingURL=index.d.ts.map