@eric-emg/symphiq-components 1.2.192 → 1.2.194

package/fesm2022/symphiq-components.mjs

@@ -1,4 +1,4 @@
-import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ChartTypeEnum, IconSourceEnum, ProfileAnalysisRecommendationPriorityEnum, ProfileItemTypeEnum, PriceVsCompetitorsEnum, DifferentiationStrengthEnum, ThreatLevelEnum, normalizeToV3, MetricEnum, FocusAreaDetailStatusEnum, FocusAreaDomainEnumUtil, FocusAreaDomainEnum, ShopDataLoadStatusEnum, DimensionEnum, UiDataPeriodEnum, UiDataComparePeriodEnum, AiDynamicContentStatusEnum, FocusAreaHealthEnum, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, ProfileAnalysisTypeEnum, LineChartUseCaseEnum, BarChartUseCaseEnum } from '@jebgem/model';
+import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, MetricEnum, DimensionEnum, UiDataPeriodEnum, UiDataComparePeriodEnum, ChartTypeEnum, IconSourceEnum, ProfileAnalysisRecommendationPriorityEnum, ProfileItemTypeEnum, PriceVsCompetitorsEnum, DifferentiationStrengthEnum, ThreatLevelEnum, normalizeToV3, FocusAreaDetailStatusEnum, FocusAreaDomainEnumUtil, FocusAreaDomainEnum, ShopDataLoadStatusEnum, AiDynamicContentStatusEnum, FocusAreaHealthEnum, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, ProfileAnalysisTypeEnum, LineChartUseCaseEnum, BarChartUseCaseEnum } from '@jebgem/model';
 export * from '@jebgem/model';
 import * as i0 from '@angular/core';
 import { Injectable, signal, computed, input, ChangeDetectionStrategy, Component, output, inject, ElementRef, Renderer2, effect, Directive, HostListener, untracked, ViewChild, PLATFORM_ID, Inject, Input } from '@angular/core';
@@ -2535,8 +2535,613 @@ class ConfettiService {
             }]
     }], null, null); })();
 
+function getCurrentYearStart() {
+    const now = new Date();
+    return new Date(now.getFullYear(), 0, 1, 0, 0, 0, 0);
+}
+function getCurrentYearEnd() {
+    const now = new Date();
+    return new Date(now.getFullYear(), 11, 31, 23, 59, 59, 999);
+}
+function getPriorYearStart() {
+    const now = new Date();
+    return new Date(now.getFullYear() - 1, 0, 1, 0, 0, 0, 0);
+}
+function getPriorYearEnd() {
+    const now = new Date();
+    return new Date(now.getFullYear() - 1, 11, 31, 23, 59, 59, 999);
+}
+function isCurrentYearTarget(target) {
+    if (!target.startDate || !target.endDate) {
+        return false;
+    }
+    const currentYearStart = getCurrentYearStart();
+    const currentYearEnd = getCurrentYearEnd();
+    const targetStart = new Date(target.startDate);
+    const targetEnd = new Date(target.endDate);
+    return (targetStart.getTime() === currentYearStart.getTime() &&
+        targetEnd.getTime() === currentYearEnd.getTime());
+}
+function formatCurrency(value, currencySymbol = '$') {
+    return `${currencySymbol}${value.toLocaleString('en-US', {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+    })}`;
+}
+function formatPercentage(value, decimals = 1) {
+    return `${value.toFixed(decimals)}%`;
+}
+function formatNumber(value) {
+    return value.toLocaleString('en-US', {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+    });
+}
+
+function calculateMetricTargetsFromRevenue(revenueTarget, priorYearRevenue, funnelMetrics, baselineValues) {
+    const revenuePercentageIncrease = ((revenueTarget - priorYearRevenue) / priorYearRevenue) * 100;
+    const metricCalculations = [];
+    const sortedFunnelMetrics = [...funnelMetrics].sort((a, b) => {
+        const aFunnel = a.funnelInd ?? 999;
+        const bFunnel = b.funnelInd ?? 999;
+        if (aFunnel !== bFunnel)
+            return aFunnel - bFunnel;
+        const aRelated = a.relatedInd ?? 999;
+        const bRelated = b.relatedInd ?? 999;
+        return aRelated - bRelated;
+    });
+    const funnelStages = getUniqueFunnelStages(sortedFunnelMetrics);
+    const numFunnelStages = funnelStages.length;
+    const revenueIncreaseFactor = revenueTarget / priorYearRevenue;
+    const perStageFactor = Math.pow(revenueIncreaseFactor, 1 / numFunnelStages);
+    const funnelStageMetrics = new Map();
+    sortedFunnelMetrics.forEach(fm => {
+        if (fm.funnelMetric) {
+            if (!funnelStageMetrics.has(fm.funnelMetric)) {
+                funnelStageMetrics.set(fm.funnelMetric, []);
+            }
+            funnelStageMetrics.get(fm.funnelMetric).push(fm);
+        }
+    });
+    const stagePercentageIncrease = (perStageFactor - 1) * 100;
+    sortedFunnelMetrics.forEach((funnelMetric) => {
+        const metric = funnelMetric.relatedMetric;
+        if (!metric)
+            return;
+        const currentValue = baselineValues.get(metric) || 0;
+        const isFunnelStage = funnelMetric.funnelMetric === metric;
+        let percentageIncrease;
+        let targetValue;
+        if (metric === MetricEnum.BOUNCE_RATE) {
+            percentageIncrease = -stagePercentageIncrease;
+            targetValue = currentValue * (1 + percentageIncrease / 100);
+        }
+        else if (isDerivedMetric$1(metric)) {
+            percentageIncrease = 0;
+            targetValue = currentValue;
+        }
+        else {
+            percentageIncrease = stagePercentageIncrease;
+            targetValue = currentValue * perStageFactor;
+        }
+        metricCalculations.push({
+            metric,
+            funnelMetric: funnelMetric.funnelMetric,
+            currentValue,
+            targetValue,
+            percentageIncrease,
+            isFunnelStage,
+            funnelInd: funnelMetric.funnelInd,
+            relatedInd: funnelMetric.relatedInd,
+            description: funnelMetric.relatedMetricDescription
+        });
+    });
+    return {
+        revenueTarget,
+        revenuePercentageIncrease,
+        metricCalculations
+    };
+}
+function getUniqueFunnelStages(funnelMetrics) {
+    const stages = [];
+    const seen = new Set();
+    funnelMetrics.forEach(fm => {
+        if (fm.funnelMetric && fm.funnelMetric === fm.relatedMetric && !seen.has(fm.funnelMetric)) {
+            seen.add(fm.funnelMetric);
+            stages.push(fm.funnelMetric);
+        }
+    });
+    return stages;
+}
+const DERIVED_METRICS$1 = new Set([
+    MetricEnum.REVENUE_PER_PRODUCT_VIEW,
+    MetricEnum.REVENUE_PER_ADD_TO_CART,
+    MetricEnum.REVENUE_PER_CHECKOUT
+]);
+function isDerivedMetric$1(metric) {
+    return DERIVED_METRICS$1.has(metric);
+}
+function generateTargetsFromCalculations(shopId, calculations) {
+    const startDate = getCurrentYearStart();
+    const endDate = getCurrentYearEnd();
+    return calculations.map((calc) => ({
+        shopId,
+        metric: calc.metric,
+        amount: calc.targetValue,
+        startDate,
+        endDate
+    }));
+}
+function groupMetricsByFunnelStage(calculations) {
+    const grouped = new Map();
+    calculations.forEach((calc) => {
+        if (calc.funnelMetric) {
+            if (!grouped.has(calc.funnelMetric)) {
+                grouped.set(calc.funnelMetric, []);
+            }
+            grouped.get(calc.funnelMetric).push(calc);
+        }
+    });
+    return grouped;
+}
+function getFunnelStageMetrics(calculations) {
+    return calculations.filter((calc) => calc.isFunnelStage);
+}
+
+function transformUiDataToChartSeries(mainUiData, ytdComparisonUiData, metricToExtract) {
+    const series = [];
+    if (ytdComparisonUiData?.convertedDataResults) {
+        const priorYearSeries = extractSeriesFromConvertedData(ytdComparisonUiData.convertedDataResults, metricToExtract, 'Prior Year');
+        if (priorYearSeries) {
+            series.push(priorYearSeries);
+        }
+    }
+    if (mainUiData?.convertedDataResults) {
+        const currentYearSeries = extractSeriesFromConvertedData(mainUiData.convertedDataResults, metricToExtract, 'Current Year');
+        if (currentYearSeries) {
+            series.push(currentYearSeries);
+        }
+    }
+    return series;
+}
+function extractSeriesFromConvertedData(convertedData, metricToExtract, seriesName) {
+    const metricIndex = convertedData.metrics?.indexOf(metricToExtract);
+    if (metricIndex === undefined || metricIndex === -1)
+        return null;
+    const dimensionIndex = convertedData.dimensions?.indexOf(DimensionEnum.MONTH);
+    if (dimensionIndex === undefined || dimensionIndex === -1)
+        return null;
+    const dataPoints = [];
+    convertedData.rows?.forEach((row) => {
+        const monthValue = row.dimensionValues?.[dimensionIndex];
+        const metricValue = parseFloat(row.metricValues?.[metricIndex] || '0');
+        if (monthValue) {
+            dataPoints.push({
+                category: monthValue,
+                value: metricValue,
+                displayLabel: formatMonthLabel(monthValue)
+            });
+        }
+    });
+    return {
+        name: seriesName,
+        data: sortDataByMonth(dataPoints)
+    };
+}
+function formatMonthLabel(monthValue) {
+    const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+    const monthNum = parseInt(monthValue, 10);
+    if (monthNum >= 1 && monthNum <= 12) {
+        return months[monthNum - 1];
+    }
+    return monthValue;
+}
+function sortDataByMonth(data) {
+    return data.sort((a, b) => {
+        const aMonth = parseInt(a.category, 10);
+        const bMonth = parseInt(b.category, 10);
+        return aMonth - bMonth;
+    });
+}
+function transformTrendUiDataToChartSeries(trendUiData, metricToExtract) {
+    if (!trendUiData?.convertedDataResults) {
+        return [];
+    }
+    const convertedData = trendUiData.convertedDataResults;
+    const metricIndex = convertedData.metrics?.indexOf(metricToExtract);
+    if (metricIndex === undefined || metricIndex === -1)
+        return [];
+    const dateIndex = convertedData.dimensions?.indexOf(DimensionEnum.DATE);
+    const monthIndex = convertedData.dimensions?.indexOf(DimensionEnum.MONTH);
+    const dimensionIndex = dateIndex !== undefined && dateIndex !== -1
+        ? dateIndex
+        : (monthIndex !== undefined && monthIndex !== -1 ? monthIndex : -1);
+    if (dimensionIndex === -1)
+        return [];
+    const currentYear = new Date().getFullYear();
+    const priorYear = currentYear - 1;
+    const priorYearPoints = [];
+    const currentYearPoints = [];
+    convertedData.rows?.forEach((row) => {
+        const dimValue = row.dimensionValues?.[dimensionIndex];
+        const metricValue = parseFloat(row.metricValues?.[metricIndex] || '0');
+        if (dimValue) {
+            let year;
+            let month;
+            if (dimValue.includes('-')) {
+                const parts = dimValue.split('-');
+                year = parseInt(parts[0], 10);
+                month = parseInt(parts[1], 10);
+            }
+            else if (dimValue.length >= 6) {
+                year = parseInt(dimValue.substring(0, 4), 10);
+                month = parseInt(dimValue.substring(4, 6), 10);
+            }
+            else {
+                month = parseInt(dimValue, 10);
+                year = currentYear;
+            }
+            const point = {
+                category: String(month),
+                value: metricValue,
+                displayLabel: formatMonthLabel(String(month))
+            };
+            if (year === priorYear) {
+                priorYearPoints.push(point);
+            }
+            else if (year === currentYear) {
+                currentYearPoints.push(point);
+            }
+        }
+    });
+    const series = [];
+    if (priorYearPoints.length > 0) {
+        series.push({
+            name: String(priorYear),
+            data: aggregateAndSortByMonth(priorYearPoints)
+        });
+    }
+    if (currentYearPoints.length > 0) {
+        series.push({
+            name: String(currentYear),
+            data: aggregateAndSortByMonth(currentYearPoints)
+        });
+    }
+    return series;
+}
+function aggregateAndSortByMonth(points) {
+    const monthMap = new Map();
+    points.forEach(point => {
+        const existing = monthMap.get(point.category);
+        if (existing) {
+            existing.value += point.value;
+        }
+        else {
+            monthMap.set(point.category, { ...point });
+        }
+    });
+    return sortDataByMonth(Array.from(monthMap.values()));
+}
+function getConvertedDataForSource(uiData, source) {
+    if (!uiData)
+        return undefined;
+    const periodInfo = uiData.periodInfo;
+    let result;
+    switch (source) {
+        case 'current':
+            result = uiData.convertedDataResults;
+            break;
+        case 'compare':
+            result = uiData.convertedDataResultsCompare;
+            break;
+        case 'priorYear':
+            if (periodInfo?.period === UiDataPeriodEnum.THIS_YEAR &&
+                periodInfo?.comparePeriod === UiDataComparePeriodEnum.PREVIOUS_PERIOD) {
+                result = uiData.convertedDataResultsCompare;
+            }
+            else if (periodInfo?.period === UiDataPeriodEnum.THIS_AND_LAST_YEAR) {
+                result = uiData.convertedDataResults;
+            }
+            else if (periodInfo?.comparePeriod === UiDataComparePeriodEnum.SAME_PERIOD_LAST_YEAR) {
+                result = uiData.convertedDataResultsCompare;
+            }
+            else if (periodInfo?.comparePeriod === UiDataComparePeriodEnum.PREVIOUS_PERIOD) {
+                result = uiData.convertedDataResultsCompare;
+            }
+            else {
+                result = uiData.convertedDataResultsCompare;
+            }
+            break;
+    }
+    return result;
+}
+function sumMetricFromUiData(uiData, metricToSum, source = 'current') {
+    const convertedData = getConvertedDataForSource(uiData, source);
+    if (!convertedData) {
+        return 0;
+    }
+    let total = 0;
+    const metricIndex = convertedData.metrics?.indexOf(metricToSum);
+    if (metricIndex === undefined || metricIndex === -1) {
+        return 0;
+    }
+    convertedData.rows?.forEach((row) => {
+        const rawValue = row.metricValues?.[metricIndex];
+        const metricValue = parseFloat(rawValue || '0');
+        total += metricValue;
+    });
+    return total;
+}
+
+function calculateFunnelRatios(funnelMetrics, baselineValues) {
+    const ratios = new Map();
+    const stages = funnelMetrics
+        .filter(fm => fm.funnelMetric === fm.relatedMetric)
+        .sort((a, b) => (a.funnelInd ?? 0) - (b.funnelInd ?? 0));
+    for (let i = 0; i < stages.length - 1; i++) {
+        const fromStage = stages[i].relatedMetric;
+        const toStage = stages[i + 1].relatedMetric;
+        if (fromStage && toStage) {
+            const fromValue = baselineValues.get(fromStage) || 0;
+            const toValue = baselineValues.get(toStage) || 0;
+            if (fromValue > 0) {
+                const ratio = toValue / fromValue;
+                const key = `${fromStage}_to_${toStage}`;
+                ratios.set(key, ratio);
+            }
+        }
+    }
+    return ratios;
+}
+function calculateRelatedMetricRatios(funnelMetrics, baselineValues) {
+    const ratios = new Map();
+    const stageGroups = new Map();
+    funnelMetrics.forEach(fm => {
+        if (fm.funnelMetric && fm.relatedMetric && fm.funnelMetric !== fm.relatedMetric) {
+            if (!stageGroups.has(fm.funnelMetric)) {
+                stageGroups.set(fm.funnelMetric, []);
+            }
+            stageGroups.get(fm.funnelMetric).push(fm);
+        }
+    });
+    stageGroups.forEach((relatedMetrics, funnelStage) => {
+        const funnelValue = baselineValues.get(funnelStage) || 0;
+        if (funnelValue > 0) {
+            relatedMetrics.forEach(fm => {
+                if (fm.relatedMetric) {
+                    const relatedValue = baselineValues.get(fm.relatedMetric) || 0;
+                    const ratio = relatedValue / funnelValue;
+                    const key = `${fm.relatedMetric}_to_${funnelStage}`;
+                    ratios.set(key, ratio);
+                }
+            });
+        }
+    });
+    return ratios;
+}
+function calculateMetricTargetsFromRevenueReverse(revenueTarget, priorYearRevenue, funnelMetrics, baselineValues) {
+    const revenuePercentageIncrease = ((revenueTarget - priorYearRevenue) / priorYearRevenue) * 100;
+    const funnelRatios = calculateFunnelRatios(funnelMetrics, baselineValues);
+    const relatedRatios = calculateRelatedMetricRatios(funnelMetrics, baselineValues);
+    const sortedFunnelMetrics = [...funnelMetrics].sort((a, b) => {
+        const aFunnel = a.funnelInd ?? 999;
+        const bFunnel = b.funnelInd ?? 999;
+        if (aFunnel !== bFunnel)
+            return aFunnel - bFunnel;
+        const aRelated = a.relatedInd ?? 999;
+        const bRelated = b.relatedInd ?? 999;
+        return aRelated - bRelated;
+    });
+    const stages = sortedFunnelMetrics
+        .filter(fm => fm.funnelMetric === fm.relatedMetric)
+        .map(fm => fm.relatedMetric)
+        .filter(Boolean);
+    const stageTargets = new Map();
+    let currentRevenue = revenueTarget;
+    for (let i = stages.length - 1; i >= 0; i--) {
+        const stage = stages[i];
+        const baseline = baselineValues.get(stage) || 0;
+        if (i === stages.length - 1) {
+            stageTargets.set(stage, currentRevenue);
+        }
+        else {
+            const nextStage = stages[i + 1];
+            const ratioKey = `${stage}_to_${nextStage}`;
+            const ratio = funnelRatios.get(ratioKey) || 0;
+            if (ratio > 0) {
+                const nextStageTarget = stageTargets.get(nextStage) || 0;
+                currentRevenue = nextStageTarget / ratio;
+                stageTargets.set(stage, currentRevenue);
+            }
+            else {
+                const increaseNeeded = revenueTarget / baseline;
+                stageTargets.set(stage, baseline * increaseNeeded);
+            }
+        }
+    }
+    const metricCalculations = [];
+    const stageGroups = new Map();
+    sortedFunnelMetrics.forEach(fm => {
+        if (fm.funnelMetric) {
+            if (!stageGroups.has(fm.funnelMetric)) {
+                stageGroups.set(fm.funnelMetric, []);
+            }
+            stageGroups.get(fm.funnelMetric).push(fm);
+        }
+    });
+    stageGroups.forEach((metrics, funnelStage) => {
+        const stageTarget = stageTargets.get(funnelStage);
+        const stageBaseline = baselineValues.get(funnelStage) || 0;
+        const stageIncrease = stageTarget ? stageTarget - stageBaseline : 0;
+        metrics.forEach(fm => {
+            if (!fm.relatedMetric)
+                return;
+            const currentValue = baselineValues.get(fm.relatedMetric) || 0;
+            const isFunnelStage = fm.funnelMetric === fm.relatedMetric;
+            let targetValue;
+            let percentageIncrease;
+            if (isFunnelStage && stageTarget !== undefined) {
+                targetValue = stageTarget;
+                percentageIncrease = currentValue > 0 ? ((targetValue - currentValue) / currentValue) * 100 : 0;
+            }
+            else if (fm.relatedMetric === MetricEnum.BOUNCE_RATE) {
+                const stageTargetValue = stageTargets.get(funnelStage) || stageBaseline;
+                const stageIncreaseRatio = stageBaseline > 0 ? stageTargetValue / stageBaseline : 1;
+                targetValue = currentValue / stageIncreaseRatio;
+                percentageIncrease = currentValue > 0 ? ((targetValue - currentValue) / currentValue) * 100 : 0;
+            }
+            else if (isDerivedMetric(fm.relatedMetric)) {
+                targetValue = currentValue;
+                percentageIncrease = 0;
+            }
+            else {
+                const ratioKey = `${fm.relatedMetric}_to_${funnelStage}`;
+                const impactRatio = relatedRatios.get(ratioKey) || 1;
+                const relatedMetrics = metrics.filter(m => m.relatedMetric &&
+                    m.relatedMetric !== funnelStage &&
+                    !isDerivedMetric(m.relatedMetric) &&
+                    m.relatedMetric !== MetricEnum.BOUNCE_RATE);
+                const numRelatedMetrics = relatedMetrics.length;
+                if (numRelatedMetrics > 0 && stageBaseline > 0) {
+                    const avgIncreaseNeeded = stageIncrease / numRelatedMetrics;
+                    const metricIncreaseNeeded = impactRatio > 0 ? avgIncreaseNeeded / impactRatio : avgIncreaseNeeded;
+                    targetValue = currentValue + metricIncreaseNeeded;
+                    percentageIncrease = currentValue > 0 ? ((targetValue - currentValue) / currentValue) * 100 : 0;
+                }
+                else {
+                    const stageTargetValue = stageTargets.get(funnelStage) || stageBaseline;
+                    const stageIncreaseRatio = stageBaseline > 0 ? stageTargetValue / stageBaseline : 1;
+                    targetValue = currentValue * stageIncreaseRatio;
+                    percentageIncrease = currentValue > 0 ? ((targetValue - currentValue) / currentValue) * 100 : 0;
+                }
+            }
+            metricCalculations.push({
+                metric: fm.relatedMetric,
+                funnelMetric: fm.funnelMetric,
+                currentValue,
+                targetValue,
+                percentageIncrease,
+                isFunnelStage,
+                funnelInd: fm.funnelInd,
+                relatedInd: fm.relatedInd,
+                description: fm.relatedMetricDescription
+            });
+        });
+    });
+    const validation = validateRevenueTarget(revenueTarget, metricCalculations, baselineValues, funnelRatios);
+    let adjustmentApplied = 0;
+    if (Math.abs(validation.difference) > 0.01) {
+        metricCalculations.forEach(calc => {
+            if (calc.isFunnelStage && calc.metric !== MetricEnum.BOUNCE_RATE) {
+                calc.targetValue += validation.difference / stages.length;
+                calc.percentageIncrease = calc.currentValue > 0
+                    ? ((calc.targetValue - calc.currentValue) / calc.currentValue) * 100
+                    : 0;
+            }
+        });
+        adjustmentApplied = validation.difference;
+    }
+    return {
+        revenueTarget,
+        revenuePercentageIncrease,
+        metricCalculations,
+        adjustmentApplied
+    };
+}
+const DERIVED_METRICS = new Set([
+    MetricEnum.REVENUE_PER_PRODUCT_VIEW,
+    MetricEnum.REVENUE_PER_ADD_TO_CART,
+    MetricEnum.REVENUE_PER_CHECKOUT
+]);
+function isDerivedMetric(metric) {
+    return DERIVED_METRICS.has(metric);
+}
+function validateRevenueTarget(targetRevenue, calculations, baselineValues, funnelRatios) {
+    const stages = calculations
+        .filter(c => c.isFunnelStage)
+        .sort((a, b) => (a.funnelInd ?? 0) - (b.funnelInd ?? 0));
+    let calculatedRevenue = 0;
+    if (stages.length > 0) {
+        calculatedRevenue = stages[stages.length - 1].targetValue;
+    }
+    const difference = targetRevenue - calculatedRevenue;
+    const percentageDifference = targetRevenue > 0 ? (difference / targetRevenue) * 100 : 0;
+    const withinTolerance = Math.abs(difference) < 0.01 || Math.abs(percentageDifference) < 0.001;
+    return {
+        calculatedRevenue,
+        difference,
+        percentageDifference,
+        withinTolerance
+    };
+}
+
+class RevenueCalculatorService {
+    calculateTargetsFromRevenue(revenueTarget, mainUiData, funnelMetrics) {
+        const priorYearRevenue = this.extractPriorYearRevenue(mainUiData);
+        const baselineValues = this.extractBaselineValues(mainUiData, funnelMetrics);
+        return calculateMetricTargetsFromRevenue(revenueTarget, priorYearRevenue, funnelMetrics, baselineValues);
+    }
+    calculateTargetsFromPercentage(percentageIncrease, mainUiData, funnelMetrics) {
+        const priorYearRevenue = this.extractPriorYearRevenue(mainUiData);
+        const revenueTarget = priorYearRevenue * (1 + percentageIncrease / 100);
+        return this.calculateTargetsFromRevenue(revenueTarget, mainUiData, funnelMetrics);
+    }
+    calculateTargetsFromRevenueWithRatios(revenueTarget, mainUiData, funnelMetrics) {
+        const priorYearRevenue = this.extractPriorYearRevenue(mainUiData);
+        const baselineValues = this.extractBaselineValues(mainUiData, funnelMetrics);
+        return calculateMetricTargetsFromRevenueReverse(revenueTarget, priorYearRevenue, funnelMetrics, baselineValues);
+    }
+    calculateTargetsFromPercentageWithRatios(percentageIncrease, mainUiData, funnelMetrics) {
+        const priorYearRevenue = this.extractPriorYearRevenue(mainUiData);
+        const revenueTarget = priorYearRevenue * (1 + percentageIncrease / 100);
+        return this.calculateTargetsFromRevenueWithRatios(revenueTarget, mainUiData, funnelMetrics);
+    }
+    extractPriorYearRevenue(mainUiData) {
+        return sumMetricFromUiData(mainUiData, MetricEnum.PURCHASE_REVENUE, 'priorYear');
+    }
+    extractBaselineValues(mainUiData, funnelMetrics) {
+        const baselineValues = new Map();
+        if (!mainUiData) {
+            return baselineValues;
+        }
+        funnelMetrics.forEach(fm => {
+            if (fm.relatedMetric) {
+                const value = sumMetricFromUiData(mainUiData, fm.relatedMetric, 'priorYear');
+                baselineValues.set(fm.relatedMetric, value);
+            }
+        });
+        return baselineValues;
+    }
+    getMetricsByFunnelStage(calculations) {
+        const grouped = new Map();
+        calculations.forEach(calc => {
+            if (calc.isFunnelStage) {
+                if (!grouped.has(calc.metric)) {
+                    grouped.set(calc.metric, []);
+                }
+                grouped.get(calc.metric).push(calc);
+            }
+            else if (calc.funnelMetric) {
+                if (!grouped.has(calc.funnelMetric)) {
+                    grouped.set(calc.funnelMetric, []);
+                }
+                grouped.get(calc.funnelMetric).push(calc);
+            }
+        });
+        return grouped;
+    }
+    static { this.ɵfac = function RevenueCalculatorService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RevenueCalculatorService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: RevenueCalculatorService, factory: RevenueCalculatorService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RevenueCalculatorService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], null, null); })();
+
 const _c0$16 = a0 => ["skeleton-loader", "rounded-lg", "relative", "overflow-hidden", a0];
-const _c1$C = a0 => ["skeleton-shimmer-overlay", "absolute", "inset-0", "bg-gradient-to-r", a0];
+const _c1$D = a0 => ["skeleton-shimmer-overlay", "absolute", "inset-0", "bg-gradient-to-r", a0];
 class SkeletonLoaderComponent {
     constructor() {
         this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
@@ -2554,7 +3159,7 @@ class SkeletonLoaderComponent {
             i0.ɵɵclassProp("skeleton-shimmer", true)("skeleton-pulse", ctx.pulse());
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$16, ctx.isLightMode() ? "bg-slate-200/80" : "bg-slate-700/80"));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$C, ctx.isLightMode() ? "from-transparent via-white/60 to-transparent" : "from-transparent via-slate-500/40 to-transparent"));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$D, ctx.isLightMode() ? "from-transparent via-white/60 to-transparent" : "from-transparent via-slate-500/40 to-transparent"));
         } }, dependencies: [NgClass], styles: [".skeleton-loader[_ngcontent-%COMP%]{position:relative;overflow:hidden}.skeleton-shimmer-overlay[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_shimmer 2s infinite cubic-bezier(.4,0,.6,1);transform:translate(-100%)}@keyframes _ngcontent-%COMP%_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes _ngcontent-%COMP%_pulse{0%,to{opacity:1}50%{opacity:.6}}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeletonLoaderComponent, [{
@@ -5496,7 +6101,7 @@ class OverallAssessmentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OverallAssessmentComponent, { className: "OverallAssessmentComponent", filePath: "lib/components/funnel-analysis-dashboard/overall-assessment.component.ts", lineNumber: 303 }); })();
 
 const _c0$13 = () => [1, 2, 3];
-const _c1$B = () => [1, 2, 3, 4];
+const _c1$C = () => [1, 2, 3, 4];
 const _c2$q = () => [];
 function InsightCardComponent_Conditional_0_Conditional_0_For_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
@@ -5535,7 +6140,7 @@ function InsightCardComponent_Conditional_0_Conditional_0_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(8, _c0$13));
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(9, _c1$B));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(9, _c1$C));
 } }
 function InsightCardComponent_Conditional_0_Conditional_1_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
@@ -8234,7 +8839,7 @@ class MetricCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricCardComponent, { className: "MetricCardComponent", filePath: "lib/components/funnel-analysis-dashboard/metric-card.component.ts", lineNumber: 537 }); })();
 
 const _c0$12 = () => [1, 2, 3];
-const _c1$A = (a0, a1, a2) => [a0, a1, a2];
+const _c1$B = (a0, a1, a2) => [a0, a1, a2];
 const _c2$p = (a0, a1) => [a0, a1];
 const _forTrack0$O = ($index, $item) => $item.metric;
 const _forTrack1$7 = ($index, $item) => $item.dimensionValue;
@@ -8446,7 +9051,7 @@ function BreakdownSectionComponent_Conditional_1_For_9_For_27_Template(rf, ctx)
     const ɵ$index_133_r9 = ctx.$index;
     const group_r5 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(31, _c1$A, ctx_r0.getRowBackgroundClass(metric_r8, ɵ$index_133_r9), ctx_r0.getPriorityDividerClass(metric_r8, ɵ$index_133_r9, group_r5.values), ctx_r0.isLightMode() ? "hover:bg-blue-50" : "hover:bg-slate-700/30"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(31, _c1$B, ctx_r0.getRowBackgroundClass(metric_r8, ɵ$index_133_r9), ctx_r0.getPriorityDividerClass(metric_r8, ɵ$index_133_r9, group_r5.values), ctx_r0.isLightMode() ? "hover:bg-blue-50" : "hover:bg-slate-700/30"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r0.isLightMode() ? "text-slate-600 group-hover:text-slate-900" : "text-slate-400 group-hover:text-white")("libSymphiqTooltip", ctx_r0.getBreakdownRowTooltip(metric_r8))("tooltipPosition", "auto");
     i0.ɵɵadvance();
@@ -13834,20 +14439,12 @@ class ProfileItemLookupService {
         return undefined;
     }
     findItemsByIds(ids) {
-        console.log('[ProfileItemLookupService] findItemsByIds called:', {
-            inputIds: ids,
-            hasProfileData: !!this.profileData(),
-            hasProfileStructured: !!this.profileData()?.profileStructured,
-            hasSections: !!this.profileData()?.profileStructured?.sections
-        });
         const results = ids
             .map(id => {
             const found = this.findItemById(id);
-            console.log('[ProfileItemLookupService] findItemById:', { id, found: !!found });
             return found;
         })
             .filter((item) => item !== undefined);
-        console.log('[ProfileItemLookupService] findItemsByIds result:', { inputCount: ids.length, foundCount: results.length });
         return results;
     }
     findItemWithContext(id) {
@@ -13924,11 +14521,6 @@ class RelatedAreaChipsComponent {
         this.relatedItems = computed(() => {
             const ids = this.relatedAreaIds();
             const items = this.lookupService.findItemsByIds(ids);
-            console.log('[RelatedAreaChips] relatedItems computed:', {
-                inputIds: ids,
-                foundItems: items,
-                foundCount: items.length
-            });
             return items;
         }, ...(ngDevMode ? [{ debugName: "relatedItems" }] : []));
     }
@@ -14032,16 +14624,8 @@ class CompetitorChipListComponent {
         this.modalService = inject(ModalService);
         this.competitorItems = computed(() => {
             const ids = this.relatedCompetitorIds();
-            console.log('[CompetitorChipList] competitorItems computed:', {
-                inputIds: ids,
-                hasIds: ids && ids.length > 0
-            });
             if (ids && ids.length > 0) {
                 const items = this.lookupService.findItemsByIds(ids);
-                console.log('[CompetitorChipList] lookupService.findItemsByIds result:', {
-                    foundItems: items,
-                    foundCount: items.length
-                });
                 return items;
             }
             return [];
@@ -14049,11 +14633,9 @@ class CompetitorChipListComponent {
         this.displayItems = computed(() => {
             const items = this.competitorItems();
             if (items.length > 0) {
-                console.log('[CompetitorChipList] displayItems: using competitorItems', { count: items.length });
                 return items;
             }
             const fallbackItems = this.competitors().map(name => ({ label: name }));
-            console.log('[CompetitorChipList] displayItems: using fallback competitors', { count: fallbackItems.length, fallbackItems });
             return fallbackItems;
         }, ...(ngDevMode ? [{ debugName: "displayItems" }] : []));
     }
@@ -14599,7 +15181,6 @@ class RelatedRecommendationChipsComponent {
     scrollToRecommendation(recommendationId) {
         const targetElement = document.getElementById(`recommendation-${recommendationId}`);
         if (!targetElement) {
-            console.warn(`Recommendation element not found: recommendation-${recommendationId}`);
             const recommendationsSection = document.querySelector('[data-subsection-id="recommendations"]');
             if (recommendationsSection) {
                 const expandButton = recommendationsSection.querySelector('[aria-expanded="false"]');
@@ -15422,29 +16003,13 @@ class RecommendationCardComponent {
             let result;
             if (this.recommendation()) {
                 result = this.recommendation();
-                console.log('[RecommendationCard] detailedRecommendation: using direct recommendation input', {
-                    id: result?.id,
-                    hasRelatedCompetitorIds: !!result?.relatedCompetitorIds,
-                    relatedCompetitorIds: result?.relatedCompetitorIds,
-                    hasRelatedProfileItemIds: !!result?.relatedProfileItemIds,
-                    relatedProfileItemIds: result?.relatedProfileItemIds
-                });
                 return result;
             }
             const item = this.item();
             if (!item?.id) {
-                console.log('[RecommendationCard] detailedRecommendation: no item id');
                 return undefined;
             }
             result = this.profileContextService.getRecommendationById(item.id);
-            console.log('[RecommendationCard] detailedRecommendation: from profileContextService', {
-                itemId: item.id,
-                found: !!result,
-                hasRelatedCompetitorIds: !!result?.relatedCompetitorIds,
-                relatedCompetitorIds: result?.relatedCompetitorIds,
-                hasRelatedProfileItemIds: !!result?.relatedProfileItemIds,
-                relatedProfileItemIds: result?.relatedProfileItemIds
-            });
             return result;
         }, ...(ngDevMode ? [{ debugName: "detailedRecommendation" }] : []));
         this.businessContextItems = computed(() => {
@@ -15507,13 +16072,6 @@ class RecommendationCardComponent {
             const hasCompetitors = !!(detailed?.relatedCompetitorIds && detailed.relatedCompetitorIds.length > 0);
             const isExpanded = this.isActuallyExpanded();
             const shouldShow = hasCompetitors && isExpanded;
-            console.log('[RecommendationCard] shouldShowRelatedCompetitors:', {
-                hasDetailedRec: !!detailed,
-                relatedCompetitorIds: detailed?.relatedCompetitorIds,
-                hasCompetitors,
-                isExpanded,
-                shouldShow
-            });
             return shouldShow;
         }, ...(ngDevMode ? [{ debugName: "shouldShowRelatedCompetitors" }] : []));
         this.shouldShowRelatedAreas = computed(() => {
@@ -15521,13 +16079,6 @@ class RecommendationCardComponent {
             const hasAreas = !!(detailed?.relatedProfileItemIds && detailed.relatedProfileItemIds.length > 0);
             const isExpanded = this.isActuallyExpanded();
             const shouldShow = hasAreas && isExpanded;
-            console.log('[RecommendationCard] shouldShowRelatedAreas:', {
-                hasDetailedRec: !!detailed,
-                relatedProfileItemIds: detailed?.relatedProfileItemIds,
-                hasAreas,
-                isExpanded,
-                shouldShow
-            });
             return shouldShow;
         }, ...(ngDevMode ? [{ debugName: "shouldShowRelatedAreas" }] : []));
         this.shouldShowRelatedFocusAreas = computed(() => {
@@ -15701,23 +16252,9 @@ class RecommendationCardComponent {
         return detailed?.relatedFocusAreas || [];
     }
     logCompetitorData() {
-        const detailed = this.detailedRecommendation();
-        console.log('[RecommendationCard] logCompetitorData:', {
-            recommendationId: this.item()?.id,
-            recommendationLabel: this.displayItem()?.label,
-            relatedCompetitorIds: detailed?.relatedCompetitorIds,
-            hasCompetitors: !!(detailed?.relatedCompetitorIds && detailed.relatedCompetitorIds.length > 0)
-        });
         return false;
     }
     logAreaData() {
-        const detailed = this.detailedRecommendation();
-        console.log('[RecommendationCard] logAreaData:', {
-            recommendationId: this.item()?.id,
-            recommendationLabel: this.displayItem()?.label,
-            relatedProfileItemIds: detailed?.relatedProfileItemIds,
-            hasAreas: !!(detailed?.relatedProfileItemIds && detailed.relatedProfileItemIds.length > 0)
-        });
         return false;
     }
     onCardClick(event) {
@@ -24531,9 +25068,6 @@ class FloatingTocComponent {
         if (element) {
             this.scrollToElement(element);
         }
-        else {
-            console.warn('[FloatingTOC] Element not found for section:', sectionId);
-        }
         if (!this.isPinned()) {
             this.isHovered.set(false);
         }
@@ -24543,9 +25077,6 @@ class FloatingTocComponent {
         if (element) {
             this.scrollToElement(element);
         }
-        else {
-            console.warn('[FloatingTOC] Element not found for subsection:', subsectionId);
-        }
         if (!this.isPinned()) {
             this.isHovered.set(false);
         }
@@ -26775,7 +27306,7 @@ class FunnelWelcomeBannerComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelWelcomeBannerComponent, { className: "FunnelWelcomeBannerComponent", filePath: "lib/components/funnel-analysis-dashboard/funnel-welcome-banner.component.ts", lineNumber: 113 }); })();
 
 const _c0$W = [[["", "slot", "overall-performance"]], [["", "slot", "performance-metrics"]], [["", "slot", "performance-breakdowns"]], [["", "slot", "competitive-intelligence"]]];
-const _c1$z = ["[slot=overall-performance]", "[slot=performance-metrics]", "[slot=performance-breakdowns]", "[slot=competitive-intelligence]"];
+const _c1$A = ["[slot=overall-performance]", "[slot=performance-metrics]", "[slot=performance-breakdowns]", "[slot=competitive-intelligence]"];
 class CollapsibleFunnelSectionGroupComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -26906,7 +27437,7 @@ class CollapsibleFunnelSectionGroupComponent {
             : 'border-slate-200';
     }
     static { this.ɵfac = function CollapsibleFunnelSectionGroupComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollapsibleFunnelSectionGroupComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleFunnelSectionGroupComponent, selectors: [["symphiq-collapsible-funnel-section-group"]], inputs: { viewMode: [1, "viewMode"] }, ngContentSelectors: _c1$z, decls: 90, vars: 58, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "transition-colors", "duration-200", 3, "ngClass"], [1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"]], template: function CollapsibleFunnelSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleFunnelSectionGroupComponent, selectors: [["symphiq-collapsible-funnel-section-group"]], inputs: { viewMode: [1, "viewMode"] }, ngContentSelectors: _c1$A, decls: 90, vars: 58, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "transition-colors", "duration-200", 3, "ngClass"], [1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden"], [1, "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"]], template: function CollapsibleFunnelSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c0$W);
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
             i0.ɵɵnamespaceSVG();
@@ -27751,7 +28282,7 @@ class ViewModeSwitcherModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewModeSwitcherModalComponent, { className: "ViewModeSwitcherModalComponent", filePath: "lib/components/shared/view-mode-switcher-modal.component.ts", lineNumber: 160 }); })();
 
 const _c0$V = a0 => ({ name: "check-badge", source: a0 });
-const _c1$y = a0 => ({ name: "check-circle", source: a0 });
+const _c1$z = a0 => ({ name: "check-circle", source: a0 });
 const _c2$o = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$z = ($index, $item) => $item.area;
 function KeyStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -27812,7 +28343,7 @@ function KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", strength_r3.description, " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$y, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$z, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
     i0.ɵɵadvance();
@@ -27983,7 +28514,7 @@ class KeyStrengthsListModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KeyStrengthsListModalContentComponent, { className: "KeyStrengthsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/key-strengths-list-modal-content.component.ts", lineNumber: 79 }); })();
 
 const _c0$U = a0 => ({ name: "shield-check", source: a0 });
-const _c1$x = a0 => ({ name: "exclamation-triangle", source: a0 });
+const _c1$y = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c2$n = a0 => ({ name: "document-text", source: a0 });
 const _c3$h = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$y = ($index, $item) => $item.area;
@@ -28053,7 +28584,7 @@ function CriticalGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.impactContainerClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(19, _c1$x, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.impactIconClasses(gap_r3.urgency));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(19, _c1$y, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.impactIconClasses(gap_r3.urgency));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.impactLabelClasses());
     i0.ɵɵadvance(2);
@@ -28299,7 +28830,7 @@ class CriticalGapsListModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CriticalGapsListModalContentComponent, { className: "CriticalGapsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/critical-gaps-list-modal-content.component.ts", lineNumber: 98 }); })();
 
 const _c0$T = a0 => ({ name: "check-circle", source: a0 });
-const _c1$w = a0 => ({ name: "chat-bubble-left-right", source: a0 });
+const _c1$x = a0 => ({ name: "chat-bubble-left-right", source: a0 });
 const _forTrack0$x = ($index, $item) => $item.questionId;
 function KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 19)(1, "span", 20);
@@ -28329,7 +28860,7 @@ function KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Template(rf
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r1.answerCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c1$w, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.answerIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c1$x, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.answerIconClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.questionClasses());
     i0.ɵɵadvance();
@@ -28540,7 +29071,7 @@ class KeyStrengthDetailModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KeyStrengthDetailModalContentComponent, { className: "KeyStrengthDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/key-strength-detail-modal-content.component.ts", lineNumber: 79 }); })();
 
 const _c0$S = a0 => ({ name: "exclamation-triangle", source: a0 });
-const _c1$v = a0 => ({ name: "document-text", source: a0 });
+const _c1$w = a0 => ({ name: "document-text", source: a0 });
 const _c2$m = a0 => ({ name: "chat-bubble-left-right", source: a0 });
 const _forTrack0$w = ($index, $item) => $item.questionId;
 function CriticalGapDetailModalContentComponent_Conditional_20_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
@@ -28618,7 +29149,7 @@ function CriticalGapDetailModalContentComponent_Conditional_20_Template(rf, ctx)
     i0.ɵɵclassMap(ctx_r1.isLightMode() ? "border-slate-200" : "border-slate-700");
     i0.ɵɵproperty("ngClass", ctx_r1.sectionTitleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c1$v, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.sectionIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c1$w, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.sectionIconClasses());
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.gap().supportingAnswers);
 } }
@@ -30403,7 +30934,7 @@ class TopPriorityDetailModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TopPriorityDetailModalContentComponent, { className: "TopPriorityDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/top-priority-detail-modal-content.component.ts", lineNumber: 72 }); })();
 
 const _c0$R = a0 => ({ name: "check-badge", source: a0 });
-const _c1$u = a0 => ({ name: "check-circle", source: a0 });
+const _c1$v = a0 => ({ name: "check-circle", source: a0 });
 const _c2$l = a0 => ({ name: "chevron-right", source: a0 });
 const _c3$g = a0 => ({ name: "chart-bar", source: a0 });
 const _forTrack0$v = ($index, $item) => $item.capability;
@@ -30511,7 +31042,7 @@ function FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.getLinkedMetricsCount(strength_r3) > 0 ? 9 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$u, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$v, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
     i0.ɵɵadvance();
@@ -30726,7 +31257,7 @@ class FocusAreaStrengthsListModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaStrengthsListModalContentComponent, { className: "FocusAreaStrengthsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-strengths-list-modal-content.component.ts", lineNumber: 109 }); })();
 
 const _c0$Q = a0 => ({ name: "exclamation-triangle", source: a0 });
-const _c1$t = a0 => ({ name: "exclamation-circle", source: a0 });
+const _c1$u = a0 => ({ name: "exclamation-circle", source: a0 });
 const _c2$k = a0 => ({ name: "chevron-right", source: a0 });
 function _forTrack0$u($index, $item) { return this.getGapTitle($item); }
 function FocusAreaGapsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -30835,7 +31366,7 @@ function FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.getImpactOnMetric(gap_r3) ? 8 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$t, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses(gap_r3));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$u, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses(gap_r3));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
     i0.ɵɵadvance();
@@ -31120,7 +31651,7 @@ class FocusAreaGapsListModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaGapsListModalContentComponent, { className: "FocusAreaGapsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-gaps-list-modal-content.component.ts", lineNumber: 106 }); })();
 
 const _c0$P = a0 => ({ name: "light-bulb", source: a0 });
-const _c1$s = a0 => ({ name: "chevron-right", source: a0 });
+const _c1$t = a0 => ({ name: "chevron-right", source: a0 });
 const _c2$j = a0 => ({ name: "chart-bar", source: a0 });
 const _forTrack0$t = ($index, $item) => $item.opportunity;
 function FocusAreaOpportunitiesListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -31209,7 +31740,7 @@ function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Tem
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.getLinkedMetricsCount(opportunity_r3) > 0 ? 8 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$s, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$t, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
 } }
 function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
@@ -31389,7 +31920,7 @@ class FocusAreaOpportunitiesListModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaOpportunitiesListModalContentComponent, { className: "FocusAreaOpportunitiesListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-opportunities-list-modal-content.component.ts", lineNumber: 90 }); })();
 
 const _c0$O = a0 => ({ name: "chevron-right", source: a0 });
-const _c1$r = a0 => ({ name: "chat-bubble-left-right", source: a0 });
+const _c1$s = a0 => ({ name: "chat-bubble-left-right", source: a0 });
 const _forTrack0$s = ($index, $item) => $item.performanceItemId;
 function FocusAreaStrengthDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "p", 2);
@@ -31512,7 +32043,7 @@ function FocusAreaStrengthDetailModalContentComponent_Conditional_6_For_5_Templa
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.answerClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$r, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.answerIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$s, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.answerIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.answerQuestionClasses());
     i0.ɵɵadvance();
@@ -32110,7 +32641,7 @@ class FocusAreaGapDetailModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaGapDetailModalContentComponent, { className: "FocusAreaGapDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-gap-detail-modal-content.component.ts", lineNumber: 98 }); })();
 
 const _c0$M = a0 => ({ name: "chevron-right", source: a0 });
-const _c1$q = () => [];
+const _c1$r = () => [];
 const _forTrack0$r = ($index, $item) => $item.performanceItemId;
 function FocusAreaOpportunityDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "p", 2);
@@ -32199,7 +32730,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_4_Template(
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r0.opportunity().linkedGoalIds || i0.ɵɵpureFunction0(2, _c1$q));
+    i0.ɵɵrepeater(ctx_r0.opportunity().linkedGoalIds || i0.ɵɵpureFunction0(2, _c1$r));
 } }
 function FocusAreaOpportunityDetailModalContentComponent_Conditional_5_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 10);
@@ -32225,7 +32756,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_5_Template(
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r0.opportunity().linkedFunnelStrengthIds || i0.ɵɵpureFunction0(2, _c1$q));
+    i0.ɵɵrepeater(ctx_r0.opportunity().linkedFunnelStrengthIds || i0.ɵɵpureFunction0(2, _c1$r));
 } }
 class FocusAreaOpportunityDetailModalContentComponent {
     constructor() {
@@ -32562,7 +33093,7 @@ class CircularProgressComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CircularProgressComponent, { className: "CircularProgressComponent", filePath: "lib/components/business-analysis-dashboard/visualizations/circular-progress.component.ts", lineNumber: 41 }); })();
 
 const _c0$L = ["*"];
-const _c1$p = (a0, a1) => [a0, a1];
+const _c1$q = (a0, a1) => [a0, a1];
 function VisualizationContainerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 3);
@@ -32573,7 +33104,7 @@ function VisualizationContainerComponent_Conditional_1_Template(rf, ctx) { if (r
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$p, ctx_r1.iconClass(), ctx_r1.isLightMode() ? "bg-white/90 hover:bg-white" : "bg-slate-800/90 hover:bg-slate-800"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$q, ctx_r1.iconClass(), ctx_r1.isLightMode() ? "bg-white/90 hover:bg-white" : "bg-slate-800/90 hover:bg-slate-800"));
 } }
 class VisualizationContainerComponent {
     constructor() {
@@ -32728,7 +33259,7 @@ class MetricBadgeComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricBadgeComponent, { className: "MetricBadgeComponent", filePath: "lib/components/business-analysis-dashboard/badges/metric-badge.component.ts", lineNumber: 22 }); })();
 
 const _c0$K = a0 => ({ name: "light-bulb", source: a0 });
-const _c1$o = a0 => ({ name: "chevron-right", source: a0 });
+const _c1$p = a0 => ({ name: "chevron-right", source: a0 });
 function OpportunityHighlightBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 7);
     i0.ɵɵtext(1);
@@ -32803,7 +33334,7 @@ class OpportunityHighlightBannerComponent {
             i0.ɵɵconditional(ctx.message() ? 9 : -1);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("rotate-90", ctx.isExpanded());
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(13, _c1$o, ctx.iconSource))("ngClass", ctx.chevronClasses());
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(13, _c1$p, ctx.iconSource))("ngClass", ctx.chevronClasses());
         } }, dependencies: [CommonModule, i1$1.NgClass, SymphiqIconComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpportunityHighlightBannerComponent, [{
@@ -33429,7 +33960,7 @@ class ViewportAnimationDirective {
         }] }); })();
 
 const _c0$I = a0 => ({ name: "star", source: a0 });
-const _c1$n = a0 => ({ name: "globe-americas", source: a0 });
+const _c1$o = a0 => ({ name: "globe-americas", source: a0 });
 const _c2$i = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$f = a0 => ({ name: "information-circle", source: a0 });
 const _c4$b = a0 => ({ name: "signal", source: a0 });
@@ -33537,7 +34068,7 @@ function RegionCardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$n, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$o, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -34507,7 +35038,7 @@ class CompetitiveInsightBadgeComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveInsightBadgeComponent, { className: "CompetitiveInsightBadgeComponent", filePath: "lib/components/business-analysis-dashboard/badges/competitive-insight-badge.component.ts", lineNumber: 25 }); })();
 
 const _c0$H = a0 => ({ name: "calendar-days", source: a0 });
-const _c1$m = a0 => ({ name: "chart-bar", source: a0 });
+const _c1$n = a0 => ({ name: "chart-bar", source: a0 });
 const _c2$h = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$e = a0 => ({ name: "information-circle", source: a0 });
 const _c4$a = a0 => ({ name: "signal", source: a0 });
@@ -34623,7 +35154,7 @@ function SeasonCardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$m, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$n, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -35345,7 +35876,7 @@ class SeasonCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SeasonCardComponent, { className: "SeasonCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/season-card.component.ts", lineNumber: 270 }); })();
 
 const _c0$G = a0 => ({ name: "currency-dollar", source: a0 });
-const _c1$l = a0 => ({ name: "chart-bar", source: a0 });
+const _c1$m = a0 => ({ name: "chart-bar", source: a0 });
 const _c2$g = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$d = a0 => ({ name: "information-circle", source: a0 });
 const _c4$9 = a0 => ({ name: "signal", source: a0 });
@@ -35634,7 +36165,7 @@ function CustomerSegmentCardComponent_Conditional_23_Template(rf, ctx) { if (rf
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(12, _c1$l, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(12, _c1$m, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -36462,7 +36993,7 @@ class CustomerSegmentCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CustomerSegmentCardComponent, { className: "CustomerSegmentCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/customer-segment-card.component.ts", lineNumber: 366 }); })();
 
 const _c0$F = a0 => ({ name: "currency-dollar", source: a0 });
-const _c1$k = a0 => ({ name: "document-text", source: a0 });
+const _c1$l = a0 => ({ name: "document-text", source: a0 });
 const _c2$f = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$c = a0 => ({ name: "information-circle", source: a0 });
 const _c4$8 = a0 => ({ name: "signal", source: a0 });
@@ -36582,7 +37113,7 @@ function PriceTierCardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$k, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$l, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -37299,7 +37830,7 @@ class PriceTierCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PriceTierCardComponent, { className: "PriceTierCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/price-tier-card.component.ts", lineNumber: 261 }); })();
 
 const _c0$E = () => ({ name: "cube", source: "HEROICONS" });
-const _c1$j = () => ({ name: "currency-dollar", source: "HEROICONS" });
+const _c1$k = () => ({ name: "currency-dollar", source: "HEROICONS" });
 const _c2$e = () => ({ name: "chart-bar", source: "HEROICONS" });
 const _c3$b = a0 => ({ name: "chart-bar", source: a0 });
 const _c4$7 = a0 => ({ name: "academic-cap", source: a0 });
@@ -37366,7 +37897,7 @@ function ProductCategoryCardComponent_Conditional_14_Conditional_3_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getStatBoxClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(6, _c1$j))("ngClass", ctx_r0.getStatIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(6, _c1$k))("ngClass", ctx_r0.getStatIconClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getStatLabelClasses());
     i0.ɵɵadvance(2);
@@ -38456,7 +38987,7 @@ function getCategoryBadgeClasses(category, isDark) {
 }
 
 const _c0$C = a0 => ({ name: "shield-check", source: a0 });
-const _c1$i = a0 => ({ name: "building-storefront", source: a0 });
+const _c1$j = a0 => ({ name: "building-storefront", source: a0 });
 const _c2$d = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$a = a0 => ({ name: "information-circle", source: a0 });
 const _c4$6 = a0 => ({ name: "signal", source: a0 });
@@ -38506,7 +39037,7 @@ function EnhancedListItemCardComponent_Conditional_21_Conditional_7_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵclassProp("mt-3", ctx_r0.getCompetitorPositioning() || ((tmp_2_0 = ctx_r0.item()) == null ? null : tmp_2_0.differentiationStrength));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$i, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$j, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSubtitleClasses());
     i0.ɵɵadvance(2);
@@ -39172,7 +39703,7 @@ class EnhancedListItemCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EnhancedListItemCardComponent, { className: "EnhancedListItemCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/enhanced-list-item-card.component.ts", lineNumber: 221 }); })();
 
 const _c0$B = a0 => ({ name: "academic-cap", source: a0 });
-const _c1$h = a0 => ({ name: "information-circle", source: a0 });
+const _c1$i = a0 => ({ name: "information-circle", source: a0 });
 const _c2$c = a0 => ({ name: "signal", source: a0 });
 const _c3$9 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 function FocusAreaDetailCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
@@ -39273,7 +39804,7 @@ function FocusAreaDetailCardComponent_Conditional_16_Conditional_6_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$h, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$i, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.expandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -40639,7 +41170,6 @@ class CompetitorAnalysisCardComponent {
             return;
         const context = this.lookupService.findItemWithContext(item.id);
         if (!context) {
-            console.warn(`Item not found: ${item.id}`);
             return;
         }
         // Check if an item-detail modal is currently open
@@ -42220,7 +42750,7 @@ class ProfileItemCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileItemCardComponent, { className: "ProfileItemCardComponent", filePath: "lib/components/business-analysis-dashboard/profile-item-card.component.ts", lineNumber: 171 }); })();
 
 const _c0$z = ["scrollContainer"];
-const _c1$g = a0 => ({ name: "arrow-right", source: a0 });
+const _c1$h = a0 => ({ name: "arrow-right", source: a0 });
 function ItemDetailModalComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 7);
@@ -42232,7 +42762,7 @@ function ItemDetailModalComponent_Conditional_7_Template(rf, ctx) { if (rf & 1)
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r2.getPrimaryButtonClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c1$g, ctx_r2.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c1$h, ctx_r2.IconSourceEnum.HEROICONS));
 } }
 class ItemDetailModalComponent {
     constructor() {
@@ -42419,7 +42949,7 @@ class ItemDetailModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ItemDetailModalComponent, { className: "ItemDetailModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/item-detail-modal.component.ts", lineNumber: 53 }); })();
 
 const _c0$y = ["modalContent"];
-const _c1$f = ["modalWrapper"];
+const _c1$g = ["modalWrapper"];
 const _c2$b = ["*"];
 const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_3_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return lineChart_component; }).then(m => m.LineChartComponent)];
 const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_4_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent)];
@@ -44645,57 +45175,12 @@ class ProfileAnalysisModalComponent {
         return undefined;
     }
     logContainingBlockInfo() {
-        console.group('[ProfileAnalysisModal] Containing Block Debug Info');
-        let element = this.hostElement.nativeElement;
-        const containingBlockTriggers = [];
-        while (element && element !== this.document.body) {
-            const styles = window.getComputedStyle(element);
-            const transform = styles.transform;
-            const willChange = styles.willChange;
-            const contain = styles.contain;
-            const filter = styles.filter;
-            const perspective = styles.perspective;
-            const backdropFilter = styles.backdropFilter || styles.getPropertyValue('backdrop-filter');
-            if (transform && transform !== 'none') {
-                containingBlockTriggers.push({ element, property: 'transform', value: transform });
-            }
-            if (willChange && (willChange.includes('transform') || willChange.includes('perspective') || willChange.includes('filter'))) {
-                containingBlockTriggers.push({ element, property: 'will-change', value: willChange });
-            }
-            if (contain && contain !== 'none') {
-                containingBlockTriggers.push({ element, property: 'contain', value: contain });
-            }
-            if (filter && filter !== 'none') {
-                containingBlockTriggers.push({ element, property: 'filter', value: filter });
-            }
-            if (perspective && perspective !== 'none') {
-                containingBlockTriggers.push({ element, property: 'perspective', value: perspective });
-            }
-            if (backdropFilter && backdropFilter !== 'none') {
-                containingBlockTriggers.push({ element, property: 'backdrop-filter', value: backdropFilter });
-            }
-            element = element.parentElement;
-        }
-        if (containingBlockTriggers.length > 0) {
-            console.warn('Found CSS properties that create containing blocks for fixed positioning:');
-            containingBlockTriggers.forEach(({ element, property, value }) => {
-                console.log(`  Element:`, element);
-                console.log(`    ${property}: ${value}`);
-            });
-        }
-        else {
-            console.log('No containing block triggers found in ancestor chain');
-        }
-        console.log('Host element:', this.hostElement.nativeElement);
-        console.log('Modal wrapper ref:', this.modalWrapper);
-        console.groupEnd();
     }
     moveModalToBody() {
         if (this.modalMovedToBody || !this.modalWrapper?.nativeElement) {
             return;
         }
         const modalEl = this.modalWrapper.nativeElement;
-        console.log('[ProfileAnalysisModal] Moving modal to document.body');
         this.renderer.appendChild(this.document.body, modalEl);
         this.modalMovedToBody = true;
     }
@@ -44704,7 +45189,6 @@ class ProfileAnalysisModalComponent {
             return;
         }
         const modalEl = this.modalWrapper.nativeElement;
-        console.log('[ProfileAnalysisModal] Returning modal to host element');
         this.renderer.appendChild(this.hostElement.nativeElement, modalEl);
         this.modalMovedToBody = false;
     }
@@ -44714,7 +45198,7 @@ class ProfileAnalysisModalComponent {
     static { this.ɵfac = function ProfileAnalysisModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileAnalysisModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileAnalysisModalComponent, selectors: [["symphiq-profile-analysis-modal"]], viewQuery: function ProfileAnalysisModalComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$y, 5);
-            i0.ɵɵviewQuery(_c1$f, 5);
+            i0.ɵɵviewQuery(_c1$g, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
@@ -45269,7 +45753,7 @@ class ProfileAnalysisModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisModalComponent, { className: "ProfileAnalysisModalComponent", filePath: "lib/components/profile-analysis-dashboard/profile-analysis-modal.component.ts", lineNumber: 554 }); })();
 
 const _c0$x = a0 => ({ name: "light-bulb", source: a0 });
-const _c1$e = a0 => ({ name: "trophy", source: a0 });
+const _c1$f = a0 => ({ name: "trophy", source: a0 });
 const _c2$a = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$7 = a0 => ({ name: "signal", source: a0 });
 const _c4$4 = a0 => ({ name: "wrench-screwdriver", source: a0 });
@@ -45307,7 +45791,7 @@ function CompetitiveGapModalComponent_Conditional_10_Template(rf, ctx) { if (rf
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$e, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$f, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
     i0.ɵɵadvance(2);
@@ -45600,7 +46084,7 @@ class CompetitiveGapModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveGapModalComponent, { className: "CompetitiveGapModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/competitive-gap-modal.component.ts", lineNumber: 101 }); })();
 
 const _c0$w = a0 => ({ name: "list-bullet", source: a0 });
-const _c1$d = a0 => ({ name: "arrow-right", source: a0 });
+const _c1$e = a0 => ({ name: "arrow-right", source: a0 });
 const _c2$9 = a0 => ({ name: "check-circle", source: a0 });
 const _c3$6 = a0 => ({ name: "exclamation-circle", source: a0 });
 const _forTrack0$o = ($index, $item) => $item.order;
@@ -45672,7 +46156,7 @@ function RecommendationActionStepsModalComponent_For_4_Template(rf, ctx) { if (r
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", step_r2.order, " ");
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$d, ctx_r0.iconSource))("ngClass", ctx_r0.actionIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$e, ctx_r0.iconSource))("ngClass", ctx_r0.actionIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.actionTitleClasses());
     i0.ɵɵadvance(2);
@@ -45840,7 +46324,7 @@ class RecommendationActionStepsModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecommendationActionStepsModalComponent, { className: "RecommendationActionStepsModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/recommendation-action-steps-modal.component.ts", lineNumber: 69 }); })();
 
 const _c0$v = ["modalContent"];
-const _c1$c = ["modalWrapper"];
+const _c1$d = ["modalWrapper"];
 function BusinessAnalysisModalComponent_Conditional_0_Conditional_10_For_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 28);
@@ -46363,7 +46847,7 @@ class BusinessAnalysisModalComponent {
     static { this.ɵfac = function BusinessAnalysisModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BusinessAnalysisModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BusinessAnalysisModalComponent, selectors: [["symphiq-business-analysis-modal"]], viewQuery: function BusinessAnalysisModalComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$v, 5);
-            i0.ɵɵviewQuery(_c1$c, 5);
+            i0.ɵɵviewQuery(_c1$d, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
@@ -46548,7 +47032,7 @@ class BusinessAnalysisModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BusinessAnalysisModalComponent, { className: "BusinessAnalysisModalComponent", filePath: "lib/components/business-analysis-dashboard/business-analysis-modal.component.ts", lineNumber: 171 }); })();
 
 const _c0$u = ["dashboardContainer"];
-const _c1$b = () => ({});
+const _c1$c = () => ({});
 const _c2$8 = () => [1, 2, 3, 4, 5, 6];
 const _c3$5 = () => [1, 2, 3];
 const _c4$3 = () => [1, 2, 3, 4];
@@ -46855,7 +47339,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_50_Conditional_8_Co
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$b))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", true)("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
+    i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$c))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", true)("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_50_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 72);
@@ -47005,7 +47489,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_51_Conditional_2_Co
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$b))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", ctx_r2.viewModeService.isCompact())("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
+    i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$c))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", ctx_r2.viewModeService.isCompact())("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_51_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 93);
@@ -55740,49 +56224,6 @@ class RevenueCalculatorWelcomeBannerComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], dataLoadStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataLoadStatus", required: false }] }], hasTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTargets", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RevenueCalculatorWelcomeBannerComponent, { className: "RevenueCalculatorWelcomeBannerComponent", filePath: "lib/components/revenue-calculator-dashboard/revenue-calculator-welcome-banner.component.ts", lineNumber: 85 }); })();
 
-function getCurrentYearStart() {
-    const now = new Date();
-    return new Date(now.getFullYear(), 0, 1, 0, 0, 0, 0);
-}
-function getCurrentYearEnd() {
-    const now = new Date();
-    return new Date(now.getFullYear(), 11, 31, 23, 59, 59, 999);
-}
-function getPriorYearStart() {
-    const now = new Date();
-    return new Date(now.getFullYear() - 1, 0, 1, 0, 0, 0, 0);
-}
-function getPriorYearEnd() {
-    const now = new Date();
-    return new Date(now.getFullYear() - 1, 11, 31, 23, 59, 59, 999);
-}
-function isCurrentYearTarget(target) {
-    if (!target.startDate || !target.endDate) {
-        return false;
-    }
-    const currentYearStart = getCurrentYearStart();
-    const currentYearEnd = getCurrentYearEnd();
-    const targetStart = new Date(target.startDate);
-    const targetEnd = new Date(target.endDate);
-    return (targetStart.getTime() === currentYearStart.getTime() &&
-        targetEnd.getTime() === currentYearEnd.getTime());
-}
-function formatCurrency(value, currencySymbol = '$') {
-    return `${currencySymbol}${value.toLocaleString('en-US', {
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 0
-    })}`;
-}
-function formatPercentage(value, decimals = 1) {
-    return `${value.toFixed(decimals)}%`;
-}
-function formatNumber(value) {
-    return value.toLocaleString('en-US', {
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 0
-    });
-}
-
 function calculatePacingStatus(currentValue, priorValue, targetValue) {
     if (targetValue !== undefined && targetValue > 0) {
         const targetGrowth = ((targetValue - priorValue) / priorValue) * 100;
@@ -57267,390 +57708,10 @@ var areaChart_component = /*#__PURE__*/Object.freeze({
     AreaChartComponent: AreaChartComponent
 });
 
-function calculateMetricTargetsFromRevenue(revenueTarget, priorYearRevenue, funnelMetrics, baselineValues) {
-    const revenuePercentageIncrease = ((revenueTarget - priorYearRevenue) / priorYearRevenue) * 100;
-    const metricCalculations = [];
-    const sortedFunnelMetrics = [...funnelMetrics].sort((a, b) => {
-        const aFunnel = a.funnelInd ?? 999;
-        const bFunnel = b.funnelInd ?? 999;
-        if (aFunnel !== bFunnel)
-            return aFunnel - bFunnel;
-        const aRelated = a.relatedInd ?? 999;
-        const bRelated = b.relatedInd ?? 999;
-        return aRelated - bRelated;
-    });
-    const funnelStages = getUniqueFunnelStages(sortedFunnelMetrics);
-    const numFunnelStages = funnelStages.length;
-    const revenueIncreaseFactor = revenueTarget / priorYearRevenue;
-    const perStageFactor = Math.pow(revenueIncreaseFactor, 1 / numFunnelStages);
-    const funnelStageMetrics = new Map();
-    sortedFunnelMetrics.forEach(fm => {
-        if (fm.funnelMetric) {
-            if (!funnelStageMetrics.has(fm.funnelMetric)) {
-                funnelStageMetrics.set(fm.funnelMetric, []);
-            }
-            funnelStageMetrics.get(fm.funnelMetric).push(fm);
-        }
-    });
-    const stagePercentageIncrease = (perStageFactor - 1) * 100;
-    sortedFunnelMetrics.forEach((funnelMetric) => {
-        const metric = funnelMetric.relatedMetric;
-        if (!metric)
-            return;
-        const currentValue = baselineValues.get(metric) || 0;
-        const isFunnelStage = funnelMetric.funnelMetric === metric;
-        let percentageIncrease;
-        let targetValue;
-        if (metric === MetricEnum.BOUNCE_RATE) {
-            percentageIncrease = -stagePercentageIncrease;
-            targetValue = currentValue * (1 + percentageIncrease / 100);
-        }
-        else if (isDerivedMetric(metric)) {
-            percentageIncrease = 0;
-            targetValue = currentValue;
-        }
-        else {
-            percentageIncrease = stagePercentageIncrease;
-            targetValue = currentValue * perStageFactor;
-        }
-        metricCalculations.push({
-            metric,
-            funnelMetric: funnelMetric.funnelMetric,
-            currentValue,
-            targetValue,
-            percentageIncrease,
-            isFunnelStage,
-            funnelInd: funnelMetric.funnelInd,
-            relatedInd: funnelMetric.relatedInd,
-            description: funnelMetric.relatedMetricDescription
-        });
-    });
-    return {
-        revenueTarget,
-        revenuePercentageIncrease,
-        metricCalculations
-    };
-}
-function getUniqueFunnelStages(funnelMetrics) {
-    const stages = [];
-    const seen = new Set();
-    funnelMetrics.forEach(fm => {
-        if (fm.funnelMetric && fm.funnelMetric === fm.relatedMetric && !seen.has(fm.funnelMetric)) {
-            seen.add(fm.funnelMetric);
-            stages.push(fm.funnelMetric);
-        }
-    });
-    return stages;
-}
-const DERIVED_METRICS = new Set([
-    MetricEnum.REVENUE_PER_PRODUCT_VIEW,
-    MetricEnum.REVENUE_PER_ADD_TO_CART,
-    MetricEnum.REVENUE_PER_CHECKOUT
-]);
-function isDerivedMetric(metric) {
-    return DERIVED_METRICS.has(metric);
-}
-function generateTargetsFromCalculations(shopId, calculations) {
-    const startDate = getCurrentYearStart();
-    const endDate = getCurrentYearEnd();
-    return calculations.map((calc) => ({
-        shopId,
-        metric: calc.metric,
-        amount: calc.targetValue,
-        startDate,
-        endDate
-    }));
-}
-function groupMetricsByFunnelStage(calculations) {
-    const grouped = new Map();
-    calculations.forEach((calc) => {
-        if (calc.funnelMetric) {
-            if (!grouped.has(calc.funnelMetric)) {
-                grouped.set(calc.funnelMetric, []);
-            }
-            grouped.get(calc.funnelMetric).push(calc);
-        }
-    });
-    return grouped;
-}
-function getFunnelStageMetrics(calculations) {
-    return calculations.filter((calc) => calc.isFunnelStage);
-}
-
-function transformUiDataToChartSeries(mainUiData, ytdComparisonUiData, metricToExtract) {
-    const series = [];
-    if (ytdComparisonUiData?.convertedDataResults) {
-        const priorYearSeries = extractSeriesFromConvertedData(ytdComparisonUiData.convertedDataResults, metricToExtract, 'Prior Year');
-        if (priorYearSeries) {
-            series.push(priorYearSeries);
-        }
-    }
-    if (mainUiData?.convertedDataResults) {
-        const currentYearSeries = extractSeriesFromConvertedData(mainUiData.convertedDataResults, metricToExtract, 'Current Year');
-        if (currentYearSeries) {
-            series.push(currentYearSeries);
-        }
-    }
-    return series;
-}
-function extractSeriesFromConvertedData(convertedData, metricToExtract, seriesName) {
-    const metricIndex = convertedData.metrics?.indexOf(metricToExtract);
-    if (metricIndex === undefined || metricIndex === -1)
-        return null;
-    const dimensionIndex = convertedData.dimensions?.indexOf(DimensionEnum.MONTH);
-    if (dimensionIndex === undefined || dimensionIndex === -1)
-        return null;
-    const dataPoints = [];
-    convertedData.rows?.forEach((row) => {
-        const monthValue = row.dimensionValues?.[dimensionIndex];
-        const metricValue = parseFloat(row.metricValues?.[metricIndex] || '0');
-        if (monthValue) {
-            dataPoints.push({
-                category: monthValue,
-                value: metricValue,
-                displayLabel: formatMonthLabel(monthValue)
-            });
-        }
-    });
-    return {
-        name: seriesName,
-        data: sortDataByMonth(dataPoints)
-    };
-}
-function formatMonthLabel(monthValue) {
-    const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-    const monthNum = parseInt(monthValue, 10);
-    if (monthNum >= 1 && monthNum <= 12) {
-        return months[monthNum - 1];
-    }
-    return monthValue;
-}
-function sortDataByMonth(data) {
-    return data.sort((a, b) => {
-        const aMonth = parseInt(a.category, 10);
-        const bMonth = parseInt(b.category, 10);
-        return aMonth - bMonth;
-    });
-}
-function transformTrendUiDataToChartSeries(trendUiData, metricToExtract) {
-    if (!trendUiData?.convertedDataResults) {
-        return [];
-    }
-    const convertedData = trendUiData.convertedDataResults;
-    const metricIndex = convertedData.metrics?.indexOf(metricToExtract);
-    if (metricIndex === undefined || metricIndex === -1)
-        return [];
-    const dateIndex = convertedData.dimensions?.indexOf(DimensionEnum.DATE);
-    const monthIndex = convertedData.dimensions?.indexOf(DimensionEnum.MONTH);
-    const dimensionIndex = dateIndex !== undefined && dateIndex !== -1
-        ? dateIndex
-        : (monthIndex !== undefined && monthIndex !== -1 ? monthIndex : -1);
-    if (dimensionIndex === -1)
-        return [];
-    const currentYear = new Date().getFullYear();
-    const priorYear = currentYear - 1;
-    const priorYearPoints = [];
-    const currentYearPoints = [];
-    convertedData.rows?.forEach((row) => {
-        const dimValue = row.dimensionValues?.[dimensionIndex];
-        const metricValue = parseFloat(row.metricValues?.[metricIndex] || '0');
-        if (dimValue) {
-            let year;
-            let month;
-            if (dimValue.includes('-')) {
-                const parts = dimValue.split('-');
-                year = parseInt(parts[0], 10);
-                month = parseInt(parts[1], 10);
-            }
-            else if (dimValue.length >= 6) {
-                year = parseInt(dimValue.substring(0, 4), 10);
-                month = parseInt(dimValue.substring(4, 6), 10);
-            }
-            else {
-                month = parseInt(dimValue, 10);
-                year = currentYear;
-            }
-            const point = {
-                category: String(month),
-                value: metricValue,
-                displayLabel: formatMonthLabel(String(month))
-            };
-            if (year === priorYear) {
-                priorYearPoints.push(point);
-            }
-            else if (year === currentYear) {
-                currentYearPoints.push(point);
-            }
-        }
-    });
-    const series = [];
-    if (priorYearPoints.length > 0) {
-        series.push({
-            name: String(priorYear),
-            data: aggregateAndSortByMonth(priorYearPoints)
-        });
-    }
-    if (currentYearPoints.length > 0) {
-        series.push({
-            name: String(currentYear),
-            data: aggregateAndSortByMonth(currentYearPoints)
-        });
-    }
-    return series;
-}
-function aggregateAndSortByMonth(points) {
-    const monthMap = new Map();
-    points.forEach(point => {
-        const existing = monthMap.get(point.category);
-        if (existing) {
-            existing.value += point.value;
-        }
-        else {
-            monthMap.set(point.category, { ...point });
-        }
-    });
-    return sortDataByMonth(Array.from(monthMap.values()));
-}
-function getConvertedDataForSource(uiData, source) {
-    if (!uiData)
-        return undefined;
-    const periodInfo = uiData.periodInfo;
-    console.group('[getConvertedDataForSource] Debug');
-    console.log('source:', source);
-    console.log('periodInfo:', periodInfo);
-    console.log('period:', periodInfo?.period);
-    console.log('comparePeriod:', periodInfo?.comparePeriod);
-    let result;
-    switch (source) {
-        case 'current':
-            result = uiData.convertedDataResults;
-            console.log('Using convertedDataResults (current period)');
-            break;
-        case 'compare':
-            result = uiData.convertedDataResultsCompare;
-            console.log('Using convertedDataResultsCompare (compare period)');
-            break;
-        case 'priorYear':
-            if (periodInfo?.period === UiDataPeriodEnum.THIS_YEAR &&
-                periodInfo?.comparePeriod === UiDataComparePeriodEnum.PREVIOUS_PERIOD) {
-                result = uiData.convertedDataResultsCompare;
-                console.log('THIS_YEAR + PREVIOUS_PERIOD: Using convertedDataResultsCompare (all of last year)');
-            }
-            else if (periodInfo?.period === UiDataPeriodEnum.THIS_AND_LAST_YEAR) {
-                console.log('THIS_AND_LAST_YEAR: Need to filter by year from convertedDataResults');
-                result = uiData.convertedDataResults;
-            }
-            else if (periodInfo?.comparePeriod === UiDataComparePeriodEnum.SAME_PERIOD_LAST_YEAR) {
-                result = uiData.convertedDataResultsCompare;
-                console.log('SAME_PERIOD_LAST_YEAR: Using convertedDataResultsCompare');
-            }
-            else if (periodInfo?.comparePeriod === UiDataComparePeriodEnum.PREVIOUS_PERIOD) {
-                result = uiData.convertedDataResultsCompare;
-                console.log('PREVIOUS_PERIOD: Using convertedDataResultsCompare');
-            }
-            else {
-                console.log('No matching period config for priorYear, falling back to convertedDataResultsCompare');
-                result = uiData.convertedDataResultsCompare;
-            }
-            break;
-    }
-    console.log('Result exists:', !!result);
-    console.groupEnd();
-    return result;
-}
-function sumMetricFromUiData(uiData, metricToSum, source = 'current') {
-    console.group('[sumMetricFromUiData] Debug');
-    console.log('metricToSum:', metricToSum);
-    console.log('source:', source);
-    const convertedData = getConvertedDataForSource(uiData, source);
-    if (!convertedData) {
-        console.log('EARLY RETURN: convertedData is falsy');
-        console.log('convertedDataResults exists:', !!uiData?.convertedDataResults);
-        console.log('convertedDataResultsCompare exists:', !!uiData?.convertedDataResultsCompare);
-        console.groupEnd();
-        return 0;
-    }
-    let total = 0;
-    const metricIndex = convertedData.metrics?.indexOf(metricToSum);
-    console.log('Available metrics:', convertedData.metrics);
-    console.log('metricIndex for', metricToSum, ':', metricIndex);
-    if (metricIndex === undefined || metricIndex === -1) {
-        console.log('EARLY RETURN: metricIndex is undefined or -1');
-        console.groupEnd();
-        return 0;
-    }
-    console.log('Number of rows:', convertedData.rows?.length ?? 0);
-    convertedData.rows?.forEach((row, idx) => {
-        const rawValue = row.metricValues?.[metricIndex];
-        const metricValue = parseFloat(rawValue || '0');
-        if (idx < 3) {
-            console.log(`Row ${idx}: raw="${rawValue}", parsed=${metricValue}`);
-        }
-        total += metricValue;
-    });
-    console.log('Final total:', total);
-    console.groupEnd();
-    return total;
-}
-
-class RevenueCalculatorService {
-    calculateTargetsFromRevenue(revenueTarget, mainUiData, funnelMetrics) {
-        const priorYearRevenue = this.extractPriorYearRevenue(mainUiData);
-        const baselineValues = this.extractBaselineValues(mainUiData, funnelMetrics);
-        return calculateMetricTargetsFromRevenue(revenueTarget, priorYearRevenue, funnelMetrics, baselineValues);
-    }
-    calculateTargetsFromPercentage(percentageIncrease, mainUiData, funnelMetrics) {
-        const priorYearRevenue = this.extractPriorYearRevenue(mainUiData);
-        const revenueTarget = priorYearRevenue * (1 + percentageIncrease / 100);
-        return this.calculateTargetsFromRevenue(revenueTarget, mainUiData, funnelMetrics);
-    }
-    extractPriorYearRevenue(mainUiData) {
-        return sumMetricFromUiData(mainUiData, MetricEnum.PURCHASE_REVENUE, 'priorYear');
-    }
-    extractBaselineValues(mainUiData, funnelMetrics) {
-        const baselineValues = new Map();
-        if (!mainUiData) {
-            return baselineValues;
-        }
-        funnelMetrics.forEach(fm => {
-            if (fm.relatedMetric) {
-                const value = sumMetricFromUiData(mainUiData, fm.relatedMetric, 'priorYear');
-                baselineValues.set(fm.relatedMetric, value);
-            }
-        });
-        return baselineValues;
-    }
-    getMetricsByFunnelStage(calculations) {
-        const grouped = new Map();
-        calculations.forEach(calc => {
-            if (calc.isFunnelStage) {
-                if (!grouped.has(calc.metric)) {
-                    grouped.set(calc.metric, []);
-                }
-                grouped.get(calc.metric).push(calc);
-            }
-            else if (calc.funnelMetric) {
-                if (!grouped.has(calc.funnelMetric)) {
-                    grouped.set(calc.funnelMetric, []);
-                }
-                grouped.get(calc.funnelMetric).push(calc);
-            }
-        });
-        return grouped;
-    }
-    static { this.ɵfac = function RevenueCalculatorService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RevenueCalculatorService)(); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: RevenueCalculatorService, factory: RevenueCalculatorService.ɵfac, providedIn: 'root' }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RevenueCalculatorService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], null, null); })();
-
 const _c0$r = ["absoluteInputRef"];
+const _c1$b = ["percentageInputRef"];
 function InitialTargetSettingComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 8);
+    i0.ɵɵelementStart(0, "p", 9);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -57661,10 +57722,10 @@ function InitialTargetSettingComponent_Conditional_12_Template(rf, ctx) { if (rf
 } }
 function InitialTargetSettingComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11)(1, "span", 18);
+    i0.ɵɵelementStart(0, "div", 12)(1, "span", 19);
     i0.ɵɵtext(2, " $ ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 19, 0);
+    i0.ɵɵelementStart(3, "input", 20, 0);
     i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_18_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.absoluteInput, $event) || (ctx_r0.absoluteInput = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("ngModelChange", function InitialTargetSettingComponent_Conditional_18_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onAbsoluteInputChange()); });
     i0.ɵɵelementEnd()();
@@ -57678,32 +57739,32 @@ function InitialTargetSettingComponent_Conditional_18_Template(rf, ctx) { if (rf
 } }
 function InitialTargetSettingComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11)(1, "input", 20);
+    i0.ɵɵelementStart(0, "div", 12)(1, "input", 21, 1);
     i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_19_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.percentageInput, $event) || (ctx_r0.percentageInput = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("ngModelChange", function InitialTargetSettingComponent_Conditional_19_Template_input_ngModelChange_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onPercentageInputChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 21);
-    i0.ɵɵtext(3, " % ");
+    i0.ɵɵelementStart(3, "span", 22);
+    i0.ɵɵtext(4, " % ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.percentageInput);
     i0.ɵɵproperty("ngClass", ctx_r0.inputClasses());
-    i0.ɵɵadvance();
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.inputSuffixClasses());
 } }
 function InitialTargetSettingComponent_Conditional_20_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25)(1, "div")(2, "p", 23);
+    i0.ɵɵelementStart(0, "div", 26)(1, "div")(2, "p", 24);
     i0.ɵɵtext(3, " Gap to Close ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 26);
+    i0.ɵɵelementStart(4, "p", 27);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div")(7, "p", 23);
+    i0.ɵɵelementStart(6, "div")(7, "p", 24);
     i0.ɵɵtext(8, " Additional Growth Needed ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "p", 26);
+    i0.ɵɵelementStart(9, "p", 27);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -57723,25 +57784,25 @@ function InitialTargetSettingComponent_Conditional_20_Conditional_18_Template(rf
     i0.ɵɵtextInterpolate2(" ", ctx_r0.gapToClose().amount > 0 ? "+" : "", "", ctx_r0.formatPercentage(ctx_r0.gapToClose().percentage, 1), " ");
 } }
 function InitialTargetSettingComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 22)(2, "div")(3, "p", 23);
+    i0.ɵɵelementStart(0, "div", 13)(1, "div", 23)(2, "div")(3, "p", 24);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 24);
+    i0.ɵɵelementStart(5, "p", 25);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 25)(8, "div")(9, "p", 23);
+    i0.ɵɵelementStart(7, "div", 26)(8, "div")(9, "p", 24);
     i0.ɵɵtext(10, " Increase Amount ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "p", 26);
+    i0.ɵɵelementStart(11, "p", 27);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div")(14, "p", 23);
+    i0.ɵɵelementStart(13, "div")(14, "p", 24);
     i0.ɵɵtext(15, " % Growth ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "p", 26);
+    i0.ɵɵelementStart(16, "p", 27);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(18, InitialTargetSettingComponent_Conditional_20_Conditional_18_Template, 11, 8, "div", 25);
+    i0.ɵɵconditionalCreate(18, InitialTargetSettingComponent_Conditional_20_Conditional_18_Template, 11, 8, "div", 26);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -57772,13 +57833,13 @@ function InitialTargetSettingComponent_Conditional_20_Template(rf, ctx) { if (rf
     i0.ɵɵconditional(ctx_r0.currentPaceProjection() > 0 && ctx_r0.gapToClose().amount !== 0 ? 18 : -1);
 } }
 function InitialTargetSettingComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-area-chart", 15);
+    i0.ɵɵelement(0, "symphiq-area-chart", 16);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("chart", ctx_r0.revenueChartData())("showAxisLabels", true)("viewMode", ctx_r0.viewMode())("currencySymbol", "$")("height", "320px");
 } }
 function InitialTargetSettingComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16)(1, "p", 27);
+    i0.ɵɵelementStart(0, "div", 17)(1, "p", 28);
     i0.ɵɵtext(2, " No revenue data available ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -57787,13 +57848,13 @@ function InitialTargetSettingComponent_Conditional_26_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngClass", ctx_r0.noDataClasses());
 } }
 function InitialTargetSettingComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 28)(2, "h2", 29);
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 29)(2, "h2", 30);
     i0.ɵɵtext(3, " Contributing Metrics ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 27);
+    i0.ɵɵelementStart(4, "p", 28);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(6, "symphiq-funnel-metrics-visualization", 30);
+    i0.ɵɵelement(6, "symphiq-funnel-metrics-visualization", 31);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -57820,7 +57881,7 @@ class InitialTargetSettingComponent {
         this.targetsCreated = output();
         this.inputMode = signal('absolute', ...(ngDevMode ? [{ debugName: "inputMode" }] : []));
         this.absoluteInput = signal(null, ...(ngDevMode ? [{ debugName: "absoluteInput" }] : []));
-        this.percentageInput = signal(0, ...(ngDevMode ? [{ debugName: "percentageInput" }] : []));
+        this.percentageInput = signal(null, ...(ngDevMode ? [{ debugName: "percentageInput" }] : []));
         this.isSubmitting = signal(false, ...(ngDevMode ? [{ debugName: "isSubmitting" }] : []));
         this.priorYearRevenue = computed(() => {
             return sumMetricFromUiData(this.mainUiData(), MetricEnum.PURCHASE_REVENUE, 'priorYear');
@@ -57849,6 +57910,8 @@ class InitialTargetSettingComponent {
             }
             else {
                 const pct = this.percentageInput();
+                if (pct === null)
+                    return 0;
                 return priorRevenue * (1 + pct / 100);
             }
         }, ...(ngDevMode ? [{ debugName: "calculatedRevenue" }] : []));
@@ -57870,7 +57933,10 @@ class InitialTargetSettingComponent {
                 return this.revenueCalcService.calculateTargetsFromRevenue(revenue, mainData, metrics).metricCalculations;
             }
             else {
-                return this.revenueCalcService.calculateTargetsFromPercentage(this.percentageInput(), mainData, metrics).metricCalculations;
+                const pct = this.percentageInput();
+                if (pct === null)
+                    return [];
+                return this.revenueCalcService.calculateTargetsFromPercentage(pct, mainData, metrics).metricCalculations;
             }
         }, ...(ngDevMode ? [{ debugName: "metricCalculations" }] : []));
         this.isValid = computed(() => {
@@ -57912,31 +57978,6 @@ class InitialTargetSettingComponent {
         }, ...(ngDevMode ? [{ debugName: "revenueChartData" }] : []));
         this.currentYear = computed(() => new Date().getFullYear(), ...(ngDevMode ? [{ debugName: "currentYear" }] : []));
         this.priorYear = computed(() => new Date().getFullYear() - 1, ...(ngDevMode ? [{ debugName: "priorYear" }] : []));
-        effect(() => {
-            const mainData = this.mainUiData();
-            console.group('[InitialTargetSetting] mainUiData Debug');
-            console.log('mainUiData exists:', !!mainData);
-            console.log('mainUiData:', mainData);
-            if (mainData) {
-                console.log('convertedDataResults exists:', !!mainData.convertedDataResults);
-                if (mainData.convertedDataResults) {
-                    const converted = mainData.convertedDataResults;
-                    console.log('metrics array:', converted.metrics);
-                    console.log('dimensions array:', converted.dimensions);
-                    console.log('rows count:', converted.rows?.length ?? 0);
-                    console.log('first 3 rows:', converted.rows?.slice(0, 3));
-                    const metricIndex = converted.metrics?.indexOf(MetricEnum.PURCHASE_REVENUE);
-                    console.log('PURCHASE_REVENUE enum value:', MetricEnum.PURCHASE_REVENUE);
-                    console.log('PURCHASE_REVENUE index in metrics:', metricIndex);
-                    if (metricIndex !== undefined && metricIndex !== -1 && converted.rows?.length) {
-                        const sampleValues = converted.rows.slice(0, 5).map(r => r.metricValues?.[metricIndex]);
-                        console.log('Sample metric values at index', metricIndex, ':', sampleValues);
-                    }
-                }
-            }
-            console.log('Computed priorYearRevenue:', this.priorYearRevenue());
-            console.groupEnd();
-        });
     }
     ngAfterViewInit() {
         setTimeout(() => {
@@ -57945,6 +57986,14 @@ class InitialTargetSettingComponent {
     }
     setInputMode(mode) {
         this.inputMode.set(mode);
+        setTimeout(() => {
+            if (mode === 'absolute' && this.absoluteInput() === null) {
+                this.absoluteInputRef?.nativeElement?.focus();
+            }
+            else if (mode === 'percentage' && this.percentageInput() === null) {
+                this.percentageInputRef?.nativeElement?.focus();
+            }
+        });
     }
     onAbsoluteInputChange() {
         const value = this.absoluteInput() ?? 0;
@@ -57955,7 +58004,7 @@ class InitialTargetSettingComponent {
     }
     onPercentageInputChange() {
         const pct = this.percentageInput();
-        if (pct >= 0 && this.priorYearRevenue() > 0) {
+        if (pct !== null && pct >= 0 && this.priorYearRevenue() > 0) {
             const absolute = this.priorYearRevenue() * (1 + pct / 100);
             this.absoluteInput.set(absolute);
         }
@@ -58074,41 +58123,43 @@ class InitialTargetSettingComponent {
     static { this.ɵfac = function InitialTargetSettingComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InitialTargetSettingComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InitialTargetSettingComponent, selectors: [["symphiq-initial-target-setting"]], viewQuery: function InitialTargetSettingComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$r, 5);
+            i0.ɵɵviewQuery(_c1$b, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.absoluteInputRef = _t.first);
-        } }, inputs: { viewMode: [1, "viewMode"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], trendUiData: [1, "trendUiData"], shopId: [1, "shopId"], pacingMetrics: [1, "pacingMetrics"], dataResults: [1, "dataResults"] }, outputs: { targetsCreated: "targetsCreated" }, decls: 29, vars: 21, consts: [["absoluteInputRef", ""], [1, "space-y-8", "pb-32"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "ngClass"], [1, "text-2xl", "font-bold", "mb-6", 3, "ngClass"], [1, "grid", "lg:grid-cols-2", "gap-8"], [1, "space-y-6"], [1, "block", "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "space-y-1", "mb-4"], [1, "text-xs", 3, "ngClass"], [1, "flex", "gap-2", "mb-4"], [1, "flex-1", "py-2", "px-4", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "relative"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "rounded-xl", "border", "p-4", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height"], [1, "h-64", "flex", "items-center", "justify-center"], [3, "submitClick", "viewMode", "isValid", "isSubmitting", "validationMessage", "buttonText"], [1, "absolute", "left-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1000", 1, "w-full", "pl-10", "pr-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "1000", "step", "0.1", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "absolute", "right-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], [1, "space-y-4"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "pt-4", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-6"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [3, "viewMode", "calculations", "pacingMetrics"]], template: function InitialTargetSettingComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "h2", 3);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.percentageInputRef = _t.first);
+        } }, inputs: { viewMode: [1, "viewMode"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], trendUiData: [1, "trendUiData"], shopId: [1, "shopId"], pacingMetrics: [1, "pacingMetrics"], dataResults: [1, "dataResults"] }, outputs: { targetsCreated: "targetsCreated" }, decls: 29, vars: 21, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "space-y-8", "pb-32"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "ngClass"], [1, "text-2xl", "font-bold", "mb-6", 3, "ngClass"], [1, "grid", "lg:grid-cols-2", "gap-8"], [1, "space-y-6"], [1, "block", "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "space-y-1", "mb-4"], [1, "text-xs", 3, "ngClass"], [1, "flex", "gap-2", "mb-4"], [1, "flex-1", "py-2", "px-4", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "relative"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "rounded-xl", "border", "p-4", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height"], [1, "h-64", "flex", "items-center", "justify-center"], [3, "submitClick", "viewMode", "isValid", "isSubmitting", "validationMessage", "buttonText"], [1, "absolute", "left-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1000", 1, "w-full", "pl-10", "pr-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "1000", "step", "0.1", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "absolute", "right-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], [1, "space-y-4"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "pt-4", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-6"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [3, "viewMode", "calculations", "pacingMetrics"]], template: function InitialTargetSettingComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "h2", 4);
             i0.ɵɵtext(3, " Calculate Your Revenue Target ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 4)(5, "div", 5)(6, "div")(7, "label", 6);
+            i0.ɵɵelementStart(4, "div", 5)(5, "div", 6)(6, "div")(7, "label", 7);
             i0.ɵɵtext(8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(9, "div", 7)(10, "p", 8);
+            i0.ɵɵelementStart(9, "div", 8)(10, "p", 9);
             i0.ɵɵtext(11);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(12, InitialTargetSettingComponent_Conditional_12_Template, 2, 2, "p", 8);
+            i0.ɵɵconditionalCreate(12, InitialTargetSettingComponent_Conditional_12_Template, 2, 2, "p", 9);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "div", 9)(14, "button", 10);
+            i0.ɵɵelementStart(13, "div", 10)(14, "button", 11);
             i0.ɵɵlistener("click", function InitialTargetSettingComponent_Template_button_click_14_listener() { return ctx.setInputMode("absolute"); });
             i0.ɵɵtext(15, " Absolute Amount ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "button", 10);
+            i0.ɵɵelementStart(16, "button", 11);
             i0.ɵɵlistener("click", function InitialTargetSettingComponent_Template_button_click_16_listener() { return ctx.setInputMode("percentage"); });
             i0.ɵɵtext(17, " % Increase ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(18, InitialTargetSettingComponent_Conditional_18_Template, 5, 3, "div", 11)(19, InitialTargetSettingComponent_Conditional_19_Template, 4, 3, "div", 11);
+            i0.ɵɵconditionalCreate(18, InitialTargetSettingComponent_Conditional_18_Template, 5, 3, "div", 12)(19, InitialTargetSettingComponent_Conditional_19_Template, 5, 3, "div", 12);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(20, InitialTargetSettingComponent_Conditional_20_Template, 19, 13, "div", 12);
+            i0.ɵɵconditionalCreate(20, InitialTargetSettingComponent_Conditional_20_Template, 19, 13, "div", 13);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "div")(22, "p", 13);
+            i0.ɵɵelementStart(21, "div")(22, "p", 14);
             i0.ɵɵtext(23, " Year-over-Year Revenue Trend ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(24, "div", 14);
-            i0.ɵɵconditionalCreate(25, InitialTargetSettingComponent_Conditional_25_Template, 1, 5, "symphiq-area-chart", 15)(26, InitialTargetSettingComponent_Conditional_26_Template, 3, 1, "div", 16);
+            i0.ɵɵelementStart(24, "div", 15);
+            i0.ɵɵconditionalCreate(25, InitialTargetSettingComponent_Conditional_25_Template, 1, 5, "symphiq-area-chart", 16)(26, InitialTargetSettingComponent_Conditional_26_Template, 3, 1, "div", 17);
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵconditionalCreate(27, InitialTargetSettingComponent_Conditional_27_Template, 7, 7, "div", 2);
-            i0.ɵɵelementStart(28, "symphiq-sticky-submit-bar", 17);
+            i0.ɵɵconditionalCreate(27, InitialTargetSettingComponent_Conditional_27_Template, 7, 7, "div", 3);
+            i0.ɵɵelementStart(28, "symphiq-sticky-submit-bar", 18);
             i0.ɵɵlistener("submitClick", function InitialTargetSettingComponent_Template_symphiq_sticky_submit_bar_submitClick_28_listener() { return ctx.handleSubmit(); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
@@ -58161,194 +58212,198 @@ class InitialTargetSettingComponent {
                     AreaChartComponent
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div class="space-y-8 pb-32">
-      <div [ngClass]="sectionCardClasses()" class="rounded-2xl border shadow-lg p-8">
-        <h2 [ngClass]="sectionTitleClasses()" class="text-2xl font-bold mb-6">
-          Calculate Your Revenue Target
-        </h2>
-
-        <div class="grid lg:grid-cols-2 gap-8">
-          <div class="space-y-6">
-            <div>
-              <label [ngClass]="labelClasses()" class="block text-sm font-semibold mb-2">
-                {{ currentYear() }} Revenue
-              </label>
-              <div class="space-y-1 mb-4">
-                <p [ngClass]="priorYearLabelClasses()" class="text-xs">
-                  {{ priorYear() }} Revenue: {{ formatCurrency(priorYearRevenue()) }}
-                </p>
-                @if (currentPaceProjection() > 0) {
-                  <p [ngClass]="priorYearLabelClasses()" class="text-xs">
-                    Current Pace Projection: {{ formatCurrency(currentPaceProjection()) }}
-                  </p>
-                }
-              </div>
-
-              <div class="flex gap-2 mb-4">
-                <button
-                  (click)="setInputMode('absolute')"
-                  [ngClass]="inputModeButtonClasses('absolute')"
-                  class="flex-1 py-2 px-4 rounded-lg text-sm font-semibold transition-all">
-                  Absolute Amount
-                </button>
-                <button
-                  (click)="setInputMode('percentage')"
-                  [ngClass]="inputModeButtonClasses('percentage')"
-                  class="flex-1 py-2 px-4 rounded-lg text-sm font-semibold transition-all">
-                  % Increase
-                </button>
-              </div>
-
-              @if (inputMode() === 'absolute') {
-                <div class="relative">
-                  <span [ngClass]="inputPrefixClasses()" class="absolute left-4 top-1/2 -translate-y-1/2 text-xl font-bold">
-                    $
-                  </span>
-                  <input
-                    #absoluteInputRef
-                    type="number"
-                    [(ngModel)]="absoluteInput"
-                    (ngModelChange)="onAbsoluteInputChange()"
-                    [ngClass]="inputClasses()"
-                    class="w-full pl-10 pr-4 py-4 rounded-xl text-2xl font-bold border-2 transition-all"
-                    placeholder="0"
-                    min="0"
-                    step="1000">
-                </div>
-              } @else {
-                <div class="relative">
-                  <input
-                    type="number"
-                    [(ngModel)]="percentageInput"
-                    (ngModelChange)="onPercentageInputChange()"
-                    [ngClass]="inputClasses()"
-                    class="w-full pr-10 pl-4 py-4 rounded-xl text-2xl font-bold border-2 transition-all"
-                    placeholder="0"
-                    min="0"
-                    max="1000"
-                    step="0.1">
-                  <span [ngClass]="inputSuffixClasses()" class="absolute right-4 top-1/2 -translate-y-1/2 text-xl font-bold">
-                    %
-                  </span>
-                </div>
-              }
-            </div>
-
-            @if (calculatedRevenue() > 0) {
-              <div [ngClass]="calculatedValuesCardClasses()" class="p-6 rounded-xl border-2">
-                <div class="space-y-4">
-                  <div>
-                    <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
-                      {{ currentYear() }} Revenue Target
-                    </p>
-                    <p [ngClass]="calculatedValueClasses()" class="text-3xl font-bold">
-                      {{ formatCurrency(calculatedRevenue()) }}
-                    </p>
-                  </div>
-                  <div class="grid grid-cols-2 gap-4 pt-4" [ngClass]="calculatedDividerClasses()">
-                    <div>
-                      <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
-                        Increase Amount
-                      </p>
-                      <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
-                        {{ formatCurrency(calculatedRevenue() - priorYearRevenue()) }}
-                      </p>
-                    </div>
-                    <div>
-                      <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
-                        % Growth
-                      </p>
-                      <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
-                        +{{ formatPercentage(percentageIncrease(), 1) }}
-                      </p>
-                    </div>
-                  </div>
-                  @if (currentPaceProjection() > 0 && gapToClose().amount !== 0) {
-                    <div class="grid grid-cols-2 gap-4 pt-4" [ngClass]="calculatedDividerClasses()">
-                      <div>
-                        <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
-                          Gap to Close
-                        </p>
-                        <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
-                          {{ formatCurrency(absValue(gapToClose().amount)) }}
-                        </p>
-                      </div>
-                      <div>
-                        <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
-                          Additional Growth Needed
-                        </p>
-                        <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
-                          {{ gapToClose().amount > 0 ? '+' : '' }}{{ formatPercentage(gapToClose().percentage, 1) }}
-                        </p>
-                      </div>
-                    </div>
-                  }
-                </div>
-              </div>
-            }
-          </div>
-
-          <div>
-            <p [ngClass]="chartTitleClasses()" class="text-sm font-semibold mb-3">
-              Year-over-Year Revenue Trend
-            </p>
-            <div [ngClass]="chartContainerClasses()" class="rounded-xl border p-4">
-              @if (revenueChartData()) {
-                <symphiq-area-chart
-                  [chart]="revenueChartData()!"
-                  [showAxisLabels]="true"
-                  [viewMode]="viewMode()"
-                  [currencySymbol]="'$'"
-                  [height]="'320px'"
-                />
-              } @else {
-                <div class="h-64 flex items-center justify-center">
-                  <p [ngClass]="noDataClasses()" class="text-sm">
-                    No revenue data available
-                  </p>
-                </div>
-              }
-            </div>
-          </div>
-        </div>
-      </div>
-
-      @if (showMetricsVisualization()) {
-        <div [ngClass]="sectionCardClasses()" class="rounded-2xl border shadow-lg p-8">
-          <div class="mb-6">
-            <h2 [ngClass]="sectionTitleClasses()" class="text-2xl font-bold mb-2">
-              Contributing Metrics
-            </h2>
-            <p [ngClass]="sectionDescriptionClasses()" class="text-sm">
-              To achieve your revenue target of {{ formatCurrency(calculatedRevenue()) }}, the following metrics need to improve by these amounts. These improvements compound through your funnel to drive revenue growth.
-            </p>
-          </div>
-
-          <symphiq-funnel-metrics-visualization
-            [viewMode]="viewMode()"
-            [calculations]="metricCalculations()"
-            [pacingMetrics]="pacingMetrics()"
-          />
-        </div>
-      }
-
-      <symphiq-sticky-submit-bar
-        [viewMode]="viewMode()"
-        [isValid]="isValid()"
-        [isSubmitting]="isSubmitting()"
-        [validationMessage]="validationMessage()"
-        [buttonText]="'Set Revenue Targets'"
-        (submitClick)="handleSubmit()"
-      />
-    </div>
+                template: `
+    <div class="space-y-8 pb-32">
+      <div [ngClass]="sectionCardClasses()" class="rounded-2xl border shadow-lg p-8">
+        <h2 [ngClass]="sectionTitleClasses()" class="text-2xl font-bold mb-6">
+          Calculate Your Revenue Target
+        </h2>
+
+        <div class="grid lg:grid-cols-2 gap-8">
+          <div class="space-y-6">
+            <div>
+              <label [ngClass]="labelClasses()" class="block text-sm font-semibold mb-2">
+                {{ currentYear() }} Revenue
+              </label>
+              <div class="space-y-1 mb-4">
+                <p [ngClass]="priorYearLabelClasses()" class="text-xs">
+                  {{ priorYear() }} Revenue: {{ formatCurrency(priorYearRevenue()) }}
+                </p>
+                @if (currentPaceProjection() > 0) {
+                  <p [ngClass]="priorYearLabelClasses()" class="text-xs">
+                    Current Pace Projection: {{ formatCurrency(currentPaceProjection()) }}
+                  </p>
+                }
+              </div>
+
+              <div class="flex gap-2 mb-4">
+                <button
+                  (click)="setInputMode('absolute')"
+                  [ngClass]="inputModeButtonClasses('absolute')"
+                  class="flex-1 py-2 px-4 rounded-lg text-sm font-semibold transition-all">
+                  Absolute Amount
+                </button>
+                <button
+                  (click)="setInputMode('percentage')"
+                  [ngClass]="inputModeButtonClasses('percentage')"
+                  class="flex-1 py-2 px-4 rounded-lg text-sm font-semibold transition-all">
+                  % Increase
+                </button>
+              </div>
+
+              @if (inputMode() === 'absolute') {
+                <div class="relative">
+                  <span [ngClass]="inputPrefixClasses()" class="absolute left-4 top-1/2 -translate-y-1/2 text-xl font-bold">
+                    $
+                  </span>
+                  <input
+                    #absoluteInputRef
+                    type="number"
+                    [(ngModel)]="absoluteInput"
+                    (ngModelChange)="onAbsoluteInputChange()"
+                    [ngClass]="inputClasses()"
+                    class="w-full pl-10 pr-4 py-4 rounded-xl text-2xl font-bold border-2 transition-all"
+                    placeholder="0"
+                    min="0"
+                    step="1000">
+                </div>
+              } @else {
+                <div class="relative">
+                  <input
+                    #percentageInputRef
+                    type="number"
+                    [(ngModel)]="percentageInput"
+                    (ngModelChange)="onPercentageInputChange()"
+                    [ngClass]="inputClasses()"
+                    class="w-full pr-10 pl-4 py-4 rounded-xl text-2xl font-bold border-2 transition-all"
+                    placeholder="0"
+                    min="0"
+                    max="1000"
+                    step="0.1">
+                  <span [ngClass]="inputSuffixClasses()" class="absolute right-4 top-1/2 -translate-y-1/2 text-xl font-bold">
+                    %
+                  </span>
+                </div>
+              }
+            </div>
+
+            @if (calculatedRevenue() > 0) {
+              <div [ngClass]="calculatedValuesCardClasses()" class="p-6 rounded-xl border-2">
+                <div class="space-y-4">
+                  <div>
+                    <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
+                      {{ currentYear() }} Revenue Target
+                    </p>
+                    <p [ngClass]="calculatedValueClasses()" class="text-3xl font-bold">
+                      {{ formatCurrency(calculatedRevenue()) }}
+                    </p>
+                  </div>
+                  <div class="grid grid-cols-2 gap-4 pt-4" [ngClass]="calculatedDividerClasses()">
+                    <div>
+                      <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
+                        Increase Amount
+                      </p>
+                      <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
+                        {{ formatCurrency(calculatedRevenue() - priorYearRevenue()) }}
+                      </p>
+                    </div>
+                    <div>
+                      <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
+                        % Growth
+                      </p>
+                      <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
+                        +{{ formatPercentage(percentageIncrease(), 1) }}
+                      </p>
+                    </div>
+                  </div>
+                  @if (currentPaceProjection() > 0 && gapToClose().amount !== 0) {
+                    <div class="grid grid-cols-2 gap-4 pt-4" [ngClass]="calculatedDividerClasses()">
+                      <div>
+                        <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
+                          Gap to Close
+                        </p>
+                        <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
+                          {{ formatCurrency(absValue(gapToClose().amount)) }}
+                        </p>
+                      </div>
+                      <div>
+                        <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
+                          Additional Growth Needed
+                        </p>
+                        <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
+                          {{ gapToClose().amount > 0 ? '+' : '' }}{{ formatPercentage(gapToClose().percentage, 1) }}
+                        </p>
+                      </div>
+                    </div>
+                  }
+                </div>
+              </div>
+            }
+          </div>
+
+          <div>
+            <p [ngClass]="chartTitleClasses()" class="text-sm font-semibold mb-3">
+              Year-over-Year Revenue Trend
+            </p>
+            <div [ngClass]="chartContainerClasses()" class="rounded-xl border p-4">
+              @if (revenueChartData()) {
+                <symphiq-area-chart
+                  [chart]="revenueChartData()!"
+                  [showAxisLabels]="true"
+                  [viewMode]="viewMode()"
+                  [currencySymbol]="'$'"
+                  [height]="'320px'"
+                />
+              } @else {
+                <div class="h-64 flex items-center justify-center">
+                  <p [ngClass]="noDataClasses()" class="text-sm">
+                    No revenue data available
+                  </p>
+                </div>
+              }
+            </div>
+          </div>
+        </div>
+      </div>
+
+      @if (showMetricsVisualization()) {
+        <div [ngClass]="sectionCardClasses()" class="rounded-2xl border shadow-lg p-8">
+          <div class="mb-6">
+            <h2 [ngClass]="sectionTitleClasses()" class="text-2xl font-bold mb-2">
+              Contributing Metrics
+            </h2>
+            <p [ngClass]="sectionDescriptionClasses()" class="text-sm">
+              To achieve your revenue target of {{ formatCurrency(calculatedRevenue()) }}, the following metrics need to improve by these amounts. These improvements compound through your funnel to drive revenue growth.
+            </p>
+          </div>
+
+          <symphiq-funnel-metrics-visualization
+            [viewMode]="viewMode()"
+            [calculations]="metricCalculations()"
+            [pacingMetrics]="pacingMetrics()"
+          />
+        </div>
+      }
+
+      <symphiq-sticky-submit-bar
+        [viewMode]="viewMode()"
+        [isValid]="isValid()"
+        [isSubmitting]="isSubmitting()"
+        [validationMessage]="validationMessage()"
+        [buttonText]="'Set Revenue Targets'"
+        (submitClick)="handleSubmit()"
+      />
+    </div>
   `
             }]
     }], () => [], { absoluteInputRef: [{
             type: ViewChild,
             args: ['absoluteInputRef']
+        }], percentageInputRef: [{
+            type: ViewChild,
+            args: ['percentageInputRef']
         }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], mainUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainUiData", required: false }] }], trendUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendUiData", required: false }] }], shopId: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopId", required: false }] }], pacingMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingMetrics", required: false }] }], dataResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataResults", required: false }] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 217 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 218 }); })();
 
 function IndeterminateSpinnerComponent_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 5);
@@ -63054,7 +63109,6 @@ class SymphiqBusinessAnalysisDashboardComponent {
         const HEADER_OFFSET = 120;
         const targetElement = document.querySelector(`[data-id="${event.itemId}"]`);
         if (!targetElement) {
-            console.warn(`Item not found: ${event.itemId}`);
             return;
         }
         const elementPosition = targetElement.getBoundingClientRect().top + window.scrollY;
@@ -84201,15 +84255,8 @@ class SymphiqProfileAnalysisDashboardComponent {
                 modal.setMetricsAndInsights(this.allMetrics(), [], this.allCharts());
             }
         });
-        // Update ProfileItemLookupService when profile changes
-        // This enables competitor and focus area chip lookups in business insights
         effect(() => {
             const profileValue = this.profile();
-            console.log('[ProfileAnalysisDashboard] profile effect triggered:', {
-                hasProfile: !!profileValue,
-                hasProfileStructured: !!profileValue?.profileStructured,
-                hasSections: !!profileValue?.profileStructured?.sections
-            });
             if (profileValue) {
                 this.profileItemLookupService.setProfile(profileValue);
             }
@@ -85281,10 +85328,6 @@ class LineChartComponent {
         });
     }
     ngOnInit() {
-        const chartData = this.chart().lineChartData;
-        if (!chartData) {
-            console.error('LineChartComponent: chart input with lineChartData is required');
-        }
     }
     /**
      * Generate a hash of the chart data to detect actual changes
@@ -85706,10 +85749,10 @@ class LineChartComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LineChartComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-line-chart', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div class="chart-container" [class.mini-mode]="!showAxisLabels()">
-      <div #chartdiv class="chart" [style.height]="chartHeight()" style="width: 100%;"></div>
-    </div>
+        args: [{ selector: 'symphiq-line-chart', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="chart-container" [class.mini-mode]="!showAxisLabels()">
+      <div #chartdiv class="chart" [style.height]="chartHeight()" style="width: 100%;"></div>
+    </div>
   `, styles: [".chart-container{width:100%;padding:1rem}.chart-container.mini-mode{padding:.25rem}\n"] }]
     }], () => [], { chart: [{ type: i0.Input, args: [{ isSignal: true, alias: "chart", required: false }] }], showAxisLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAxisLabels", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }], chartDiv: [{
             type: ViewChild,
@@ -86380,10 +86423,6 @@ class PieChartComponent {
         });
     }
     ngOnInit() {
-        const chartData = this.chart().pieChartData;
-        if (!chartData) {
-            console.error('PieChartComponent: chart input with pieChartData is required');
-        }
     }
     /**
      * Generate a hash of the chart data to detect actual changes
@@ -86497,17 +86536,13 @@ class PieChartComponent {
     }
     createChart() {
         const chartData = this.chart().pieChartData;
-        // Debug logging
         if (!chartData || Object.keys(chartData).length === 0) {
-            console.warn('PieChartComponent: No data provided');
             return;
         }
         if (!this.chartDiv) {
-            console.error('PieChartComponent: chartDiv reference not found');
             return;
         }
         if (!chartData.series || chartData.series.length === 0) {
-            console.warn('PieChartComponent: No series data', { chartData });
             return;
         }
         this.root = Root.new(this.chartDiv.nativeElement);
@@ -86643,10 +86678,10 @@ class PieChartComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PieChartComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-pie-chart', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div class="chart-container" [class.mini-mode]="!showAxisLabels()">
-      <div #chartdiv class="chart" [style.height]="chartHeight()" style="width: 100%;"></div>
-    </div>
+        args: [{ selector: 'symphiq-pie-chart', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="chart-container" [class.mini-mode]="!showAxisLabels()">
+      <div #chartdiv class="chart" [style.height]="chartHeight()" style="width: 100%;"></div>
+    </div>
   `, styles: [".chart-container{width:100%;padding:1rem}.chart-container.mini-mode{padding:.25rem}\n"] }]
     }], () => [], { chart: [{ type: i0.Input, args: [{ isSignal: true, alias: "chart", required: false }] }], showAxisLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAxisLabels", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }], chartDiv: [{
             type: ViewChild,
@@ -108806,5 +108841,5 @@ const PROFILE_ANALYSIS_METRIC_SCREEN_PAGE_VIEWS = ({
  * Generated bundle index. Do not edit.
  */
 
-export { AreaChartComponent, BUSINESS_PROFILE, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, FUNNEL_ANALYSIS, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, 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, RevenueCalculatorWelcomeBannerComponent, 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, SymphiqRevenueCalculatorDashboardComponent, 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 { AreaChartComponent, BUSINESS_PROFILE, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, FUNNEL_ANALYSIS, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, 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, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, 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, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, 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 };
 //# sourceMappingURL=symphiq-components.mjs.map